@font-face {
  font-family: 'Calibri';
  src: url('Calibri.eot?#iefix') format('embedded-opentype'),  url('Calibri.woff') format('woff'), url('Calibri.ttf')  format('truetype'), url('Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Calibri-Light';
  src: url('Calibri-Light.eot?#iefix') format('embedded-opentype'),  url('Calibri-Light.woff') format('woff'), url('Calibri-Light.ttf')  format('truetype'), url('Calibri-Light.svg#Calibri-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

body {-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-tap-highlight-color: rgba(0,0,0,0);margin: 0;padding: 0;font-family: 'Calibri', sans-serif;color: #000;-webkit-text-size-adjust: 100%;}
/*Header Start*/
a{ outline:none; text-decoration:none;color:#000;}
.container-main{ width:100%; float:left;}
.inner-container { margin:0 auto; width:100%; max-width:1200px; }
.banner { margin-top:78px;}
.logo-smart-gaurd {  margin-top:34px;}
.b-t-1 {color:#3a3a3a;font-size:50px;text-transform:uppercase;font-family: 'Century Gothic';letter-spacing:-1px;line-height: 50px;}
.b-t-2 {color:#f04e41;font-size:72px;text-transform:uppercase;font-family: 'Subway Novella';margin-top:4px;line-height: 72px;}
.b-t-3 {    color: #3a3a3a;
    font-size: 62px;
    text-transform: uppercase;
    font-family: 'Veneer';
       line-height:59px;
margin-top: -8px;}
.b-t-4 {color:#3a3a3a;font-size:40px;text-transform:uppercase;font-family: 'Century Gothic';line-height: 40px;margin-top:-2px;}
.banner-content-in { margin-top:48px;}
.btn-request { margin-top:30px;}
.btn-request a { color:#fff; display:inline-block; line-height:42px; border-radius:22px; text-align:center;width: 188px;height: 42px; background-image: -moz-linear-gradient( -6deg, rgb(192,140,252) 1%, rgb(49,217,233) 100%);
 background-image: -webkit-linear-gradient( -6deg, rgb(192,140,252) 1%, rgb(49,217,233) 100%);
 background-image: -ms-linear-gradient( -6deg, rgb(192,140,252) 1%, rgb(49,217,233) 100%);}
.banner-images { float:right; display:inline-block; margin-right:-74px; margin-top:20px;}
.banner-box1 { display:inline-block; margin-top:20px;}

.about-us {  margin-top:100px;}
.about-left { display:inline-block; position:relative;}
.productImgTitle.position-absolute {
    display: block;
    top: 0;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    font-size: 41px;
    font-weight: 600;
    color: #ed3239;
    letter-spacing: 0;
}
.video-icon{ width:76px; height:58px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
.about-right { display:inline-block;float:right; max-width:610px; margin-top: -7px;}

.about-hd { color:#3a3a3a; font-size:28px; font-weight:400; margin:8px 0 8px 0; line-height: 30px;}
.about-content { color:#3a3a3a; font-size:19px; font-weight:400; line-height:25px; text-align:justify; letter-spacing:0px; margin-bottom:8px;}
.knowmore a{ position:relative;color:#3a3a3a; font-size:16px;font-weight:500;}
.knowmore a:after{ background:url(/in/gps/images/readarrow.png) no-repeat top left; content:""; width:16px; height:11px; position:absolute;top: 4px; left:100px; }
.about-bottom-box {  margin-top:24px;}
.about-bx {  display:inline-block; width:33%; float:left; text-align:center; position:relative;}
    .about-bx:after {  content:""; width:1px; height:88px; background:#e0e0e0; position:absolute;top: 5px; right: 0;}
.remove-border:after {display:none; }
.about-b-img { display:inline-block; background-image:url(/in/gps/images/about-img.png); background-repeat:no-repeat; margin-bottom:6px;}
.appointment .about-b-img { /*width:45px; height:57px; background-position:-44px -50px;*/}
.escprt .about-b-img { /*width: 50px;height: 57px;background-position: -151px -37px;*/ }
.walkin .about-b-img {/*width: 50px;height: 57px;background-position: -252px -37px;*/}
.about-b-hd {color:#3a3a3a; font-size:18px; font-weight:700; margin-bottom: 0px; letter-spacing: 0.25px; }
.about-b-content {color:#3a3a3a; font-size:14px; font-weight:300; letter-spacing: 0.23px;  }


.offer { background:url(/in/gps/images/offer-bg.jpg) center top; margin-top:98px; color:#fff; }
.offer-in { width:100%; height:100%; box-sizing:border-box; padding:85px 0 80px 0; float:left;}
.offer-hd {  text-align:center; font-size:40px; color:#fefefe; font-weight:700; position:relative; margin-bottom:45px; }
.offer-hd:after { background:#fefefe; content:""; width:124px; height:2px; position:absolute;bottom:-15px; left:50%; margin-left:-62px;  }
.offer-sld { width:100%; margin:0 auto; max-width:922px;}
.sld-img { display:inline-block; max-width:229px; float:left;margin-top:29px; text-align:center;}
.sld-i-name { display:inline-block; padding:0 30px; line-height:38px; background:#fff; color:#8f49eb; font-weight:700; border-radius:20px; font-size:22px; margin-top:24px;}
.sld-content {  display:inline-block; float:left; max-width:693px;}
.offer-sld-in { width:100%; float:left;}
.sld-content ul{ margin:0; padding:0; list-style:none; margin-left:30px; }
.sld-content ul li{line-height:20px; font-size:16px; color:#fff; font-weight:500; margin:0;margin-bottom:27px; padding:0; padding-left:36px;position:relative; }
.sld-content ul li:after {   content:""; width:8px; height:8px; border-radius:4px; background:#fff; position:absolute;top:5px; left: 0;}



.work {margin-top:71px; padding-bottom:20px; }
.work-hd {  text-align:center; font-size:40px; color:#3a3a3a; font-weight:700; position:relative; margin-bottom:45px; }
.work-hd:after { background:#3a3a3a; content:""; width:124px; height:2px; position:absolute;bottom:-15px; left:50%; margin-left:-62px;  }
.work-box-sm { width:263px;  background:#f5f5f5;margin-top:15px; margin-bottom:15px; height:315px; float:left;}
.work-box-lg { width:556px;  background:#f5f5f5;margin-top:15px; margin-bottom:15px; height:315px;float:left;}
.m-r-30 { margin-right:30px;}
.work-in p { margin:0; padding:10px;  font-size:16px; font-weight:500; color:#3a3a3a; line-height:22px;}
.work-in ul { padding:10px; margin:0; margin-left:20px;}
.work-in li { margin:0;  font-size:16px; font-weight:500; color:#3a3a3a; line-height:22px; margin-bottom:5px;}


.demoreq {background:#fff; padding-top:45px; padding-bottom:45px; }
.demoreq-in{ width:50%;float:left; box-sizing:border-box; }
.logo-smartgaurd-bottom { margin-top:40px;}
.address { font-size:18px; padding-left:47px; margin-top:64px; color:#3a3a3a; font-weight:300; line-height:24px; margin-bottom:25px; background:url(/in/gps/images/address.png) no-repeat left 4px; }
.phone { font-size:18px; padding-left:47px;color:#3a3a3a; font-weight:300; line-height:24px; margin-bottom:25px; background:url(/in/gps/images/phone.png) no-repeat left top;min-height: 25px; }
.email { font-size:18px; padding-left:47px;  color:#3a3a3a; font-weight:300; line-height:24px; margin-bottom:25px;   background:url(/in/gps/images/email.png) no-repeat left top;min-height: 25px; }
    .email a, .phone a {color:#3a3a3a; font-weight:300; }

.benefitContaner td {padding: 4px !important;  border-spacing: 0px;  border-width: 0px; font-size: 11px; 
                        font-weight: 600;  vertical-align: middle !important; border:1px solid #f0f3f7;}
    .benefitContaner tr td:first-child { text-align: left; white-space:nowrap; }
    .benefitContaner tr td:first-child img{ margin-right:10px;}
    .benefitContaner tr th{ padding:0;    line-height: 6px !important; padding-bottom: 3px;  font-size: 13px;}

.table .thead-light th img { display:block;    text-align: center;   margin: 0 auto;}

.form-box{ width:263px; margin-bottom:15px; margin-left:15px; margin-right:15px; float:left; }
.form-box label, .form-box-full label{ width:100%; float:left; font-size:16px; font-weight:300; margin-bottom:6px; box-sizing:border-box; padding-left:10px; color:#3a3a3a; }
    .form-box input { width:100%; height:50px; border-radius:10px; background:#fff;font-size:16px; font-weight:300; border:1px solid #e5e5e5; color:#3a3a3a;outline:none; box-sizing:border-box; padding:0 10px; }
.form-box-full { margin-left:15px; margin-right:15px; float:left; width:552px;}
.mxg-textarea {  width:100%; height:100px; border-radius:10px; background:#fff;font-size:16px; font-weight:300; border:1px solid #e5e5e5; color:#3a3a3a;outline:none; box-sizing:border-box; padding:10px; resize:none;}
.btn-footer { box-sizing:border-box; padding-left:15px; margin-top:25px; width:100%; float:left;}
.form-btn{    background-image: -moz-linear-gradient( -180deg, rgb(0,219,240) 0%, rgb(93,158,244) 50%, rgb(171,100,249) 100%);background-image: -webkit-linear-gradient( -180deg, rgb(0,219,240) 0%, rgb(93,158,244) 50%, rgb(171,100,249) 100%);background-image: -ms-linear-gradient( -180deg, rgb(0,219,240) 0%, rgb(93,158,244) 50%, rgb(171,100,249) 100%);color: #fff;display: inline-block;padding: 0 25px;line-height: 42px;border-radius: 10px; border:none; font-size:16px; font-weight:300; outline:none; cursor:pointer;}
.m-l-15 { margin-left:15px;}
.copyright { width:100%; float:left; text-align:center; line-height:69px; color:#fff; font-size:14px; font-weight:300; background:#2a2a2a; }
.work-in {  width:100%; max-width:1200px; margin:0 auto;}




/* Magnific PopUp animation */
    

                #crmWebToEntityForm table tr:first-child { display: none; }
                #crmWebToEntityForm table { background: none!important; }
                #crmWebToEntityForm table tr { width: 263px!important; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; float: left; margin: 0; padding: 0 15px; box-sizing:content-box;}
                #crmWebToEntityForm table tr td { width: 100%!important; float: left; margin: 0; padding: 0; }
                #crmWebToEntityForm table tr:nth-last-child(2) { width: 94%!important; }
                #crmWebToEntityForm table tr td:first-child { width: 100%!important; font-family: 'Roboto', sans-serif !important; float: left; font-size: 16px!important; font-weight: 300; margin-bottom: 6px; box-sizing: border-box; padding-left: 10px; color: #3a3a3a; }
                #crmWebToEntityForm table tr td input[type=text] { width: 100%!important; height: 50px; border-radius: 10px; background: #fff; font-size: 16px; font-weight: 300; border: 1px solid #e5e5e5; color: #3a3a3a; outline: none; box-sizing: border-box; padding: 0 10px; margin-bottom: 15px; }
                #crmWebToEntityForm table tr td textarea { width: 100%!important; height: 100px; border-radius: 10px; background: #fff; font-size: 16px; font-weight: 300; border: 1px solid #e5e5e5; color: #3a3a3a; outline: none; box-sizing: border-box; padding: 10px; resize: none; }
                #crmWebToEntityForm table tr:last-child td { text-align: left!important; }
                #crmWebToEntityForm table tr td input[type=reset], #crmWebToEntityForm table tr td input[type=submit] { background:#c78830; color: #fff!important; display: inline-block; padding: 0 25px; line-height: 42px; border-radius: 5px; border: none; font-size: 16px!important; font-weight: 300; outline: none; cursor: pointer; }
                #crmWebToEntityForm table tr td input[type=reset] { margin-left: 15px; }

#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(1) {
    position: relative;
    right: -6%;
    top: -35px;
}

img#imgid {
    float: left;
    max-width: 174px;
    /*object-fit: none;
    object-position: bottom;*/
}

#imgid + a {
    padding: 0px 5px;
    position: relative;
    font-size: 18px;
    border: 1px solid #808080;
    border-radius: 5px;
    float: left;
    top: 11px;
    right: -25px;
}

#crmWebToEntityForm table tr td {
    font-size: 14px !important;
    width: 100% !important;
    max-width: 250px;
}

.mfp-wrap {z-index: 2147483647;}
.mfp-bg {z-index: 2147483646;}
.mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}

.sectionHeading { font-size:41px; color:#3a3a3a; font-weight:400;}
    .sectionHeading > span {color:#ed3239; font-weight:bold; }
.f20 {font-size:20px;}
.f28 { font-size:25px !important;}
.redColor {color:#ed3239;}
.b { font-weight:bold;}
p { font-size:19px;}
.sectionDescription p, .sectionDescription li {color:#303030;}
.switichingControl { background:#eeeded; padding:40px 0 0 0;}
.table .thead-light th { color: #870003;  background-color: #f5dcb8;  border-color: #fff;  border-width: 2px; white-space: nowrap;}
.table-striped tbody tr:nth-of-type(odd) { background-color: #e6e7e8;}
.table-striped tbody tr:nth-of-type(even) { background-color: #fff;}
th, td {color:#870003;}
.switichingImg { max-width:100%;}
.features { padding: 88px 0 77px 0; background:url(/in/gps/images/featureBg.png)center no-repeat;}
.featuresList li {margin:0 0 50px 0}
    .featuresList li:last-child {margin:0 0 0px 0 }

.featureText { display: inline-block; text-align:left; font-size: 19px; color: #303030; line-height: 22px; font-family: Calibri;}
.featureImg { margin:0 20px 0 0; display: inline-block; vertical-align: top;}

.benefitRow {background: #fac67f;}
.rfidImg {position:absolute; top: -36px;}
.benifitHeading {position: relative; top: 38px; font-weight: bold;}
@media only screen and (max-width : 480px) {
    .about-bx {width: 100%; margin-bottom: 20px;  }
    .sectionHeading {line-height: 40px;  margin-bottom: 20px; }
    .featuresList li {text-align: center; }
    .featureText {text-align: justify; }
    .f28 { line-height: 28px !important;}
    .about-bx:after {display:none; }
}
@media only screen and (max-width : 767px) {
    br { display:none;}
      .banner-images img,  .about-left img, .banner-box1 img, .logo-smartgaurd-bottom img { max-width:100%;}
    .banner { margin-top:0;}
    .banner-box1 {display: block;  text-align: center;}
    .inner-container {  width:90%;}
    .banner-images { float:left; text-align:center; margin-right:0;}
    .about-us, .offer, .work { margin-top:40px;}
    .logo-smart-gaurd { text-align:center;}
    .banner-content-in, .about-bottom-box { margin-top:20px;}
    .about-left { text-align:center;}
    .about-b-hd {    font-size: 14px; }
    .sld-img { width:100%; float: left;max-width: initial; margin-bottom:25px;}
  
        .sld-img img { width:auto!important; display:inline-block!important;}
    .sld-i-name { width:60%; float:left; box-sizing:border-box; margin-left:20%;}
    .work-box-sm, .work-box-lg{ width:100%; float:left; text-align:center; height:auto;}
    .work-in img { max-width:100%;     /*position: relative;    right: -30px;*/}
    .work-in p, .work-in li { text-align:left;}
    .demoreq-in { width:100%;}
    .logo-smartgaurd-bottom { margin-top:0; text-align:center;}
    .address { margin-top:20px;}
    .form-box, .form-box-full { width:100%; margin-left:0; margin-right:0;}
    .about-left { margin-bottom:20px; width:100%;}
      .about-right { max-width:none; float:left; padding:0 20px;}
      .work-in p, .work-in li { text-align:left;}

    #crmWebToEntityForm {  width:100%!important;}
    #crmWebToEntityForm table{ width:100%!important; }
        #crmWebToEntityForm table tr {width:100%!important;    box-sizing: border-box; padding:0; }
        #crmWebToEntityForm table tr:nth-last-child(2) { width: 100%!important;}
#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(1) {right: 0%; top: 12px;}

/*#crmWebToEntityForm table tr { width: 48%!important; box-sizing: border-box; padding: 0 2% 0 0;}
#crmWebToEntityForm table tr:last-child {width: 98%!important; box-sizing: border-box; padding: 0 2% 0 0;}*/
#crmWebToEntityForm table tr td {font-size: 14px !important; width: 100% !important; max-width: 100%;}

    .banner-content-in {  padding:0 20px;}
    .b-t-1 {font-size: 41px;}
    .b-t-2 {font-size: 59px;}
    .b-t-3 {font-size: 44px;line-height: 47px;}
    .b-t-4 {font-size: 28px;}
    .logo-smart-gaurd {  margin-top:23px; }
    .btn-request {     margin-top: 17px}
    .about-hd {  font-size:24px;}
    .sld-content ul { margin-left:0; padding:0 10px;}
    .flex-direction-nav a {    top: 20%!important;}
    .sld-content ul li {    margin-bottom: 18px;    padding-left: 25px; }
    .demoreq-in {  padding:0 20px;}
    .address, .phone, .email {     padding-left: 35px;}
    .rfidImg { position: relative; top: 35px; max-width: 100%;}
    .sectionHeading { line-height: 40px; }
     .f28 { line-height: 28px !important;}
    .featureText {    width: calc(100% - 85px);  }
}



@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .logo { display:none;}
    .inner-container { width:94%;}
    .banner { margin-top:0;}
    .banner-box1 { display: block;text-align:center;}
    .form-box { width:48%; margin-left:1%; margin-right:1%;}
    .form-box-full { width:98%;margin-left:1%;}
    .banner-images { width: 100%; margin-right: 0; text-align: center;}
    .work-in .banner-images { width:100%; margin-right:0; text-align:center;}

    .about-left { width:100%; float:left; text-align:center;}
    .about-right { width:100%; float:left; margin-top:25px; max-width:initial;}
    .sld-content { max-width: 515px;}
      .work-box-sm, .work-box-lg{ width:100%; float:left; text-align:center; height:auto;}
    .demoreq-in { width:100%;}
      .work-in p, .work-in li { text-align:left;}

#crmWebToEntityForm {  width:100%!important;}
#crmWebToEntityForm table{ width:100%!important; }
#crmWebToEntityForm table tr{     width: 48%!important;padding-left: 1%;padding-right: 1%;}
   #crmWebToEntityForm table tr:nth-last-child(2) { width: 98%!important;}
    .banner-images img { max-width:100%;}
    .rfidImg { position: relative;  top: 35px;}


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .banner-images { max-width: 524px;}
   .work-in .banner-images { max-width:100%;}
        .banner-images img { max-width:100%;}
    .b-t-3 { font-size:39px;}
    .about-left { max-width:50%;}
    .about-right {  max-width:48%!important;float:right!important;}
        .about-left img { max-width:100%; }
    .flex-direction-nav .flex-next { right:0!important;}
    .flex-direction-nav .flex-prev { left:0!important;}
    .work-in p, .work-in li { text-align:left;}
    .banner-box1 { display: inline-block;text-align: left;}
   
   
}