a:hover {  }
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { /*display: inline-block;*/ }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
form { margin: 0; padding: 0; }


 /* Inner Pages CSS */
.inner-banner{ float:left; width:100%; position:relative; height:214px; background:no-repeat center center; background-size:cover; overflow: hidden;  }
/*
.inner-banner img{ -webkit-filter: grayscale(1); filter: grayscale(1); }
*/
.bgrm{ position:absolute; top:51%; webkit-transform: translatey(-50%); -moz-transform:translatey(-50%); transform:translatey(-50%); width:100%; text-align:center; }
.bgrm h1 { position:relative; width:100%;  color:#ffffff;  padding-bottom:10px; text-align:center; text-transform:uppercase; margin-bottom:5px; }
.bgrm h1:after { position:absolute; content:''; bottom:0px; left:50%; width:40px; margin-left:-20px; height:2px; background:#f5d114; }
.bgrm ul { clear:both; text-align:center; }
.bgrm li { display:inline-block; position:relative; font-size:15px;  color:#ffffff; padding:0 15px; vertical-align:top; padding-bottom:2px; }
.bgrm li::after, .bgrm li::before { position:absolute; content:''; width:6px; height:1px; background:#e5e5e5; right:-5px; top:9px; transform:rotate(45deg); }
.bgrm li::before { top:13px; transform:rotate(-45deg); }
.bgrm li:first-child a { display:inline-block; width:18px; height:18px; background:url(../img/bgrm-ico.png) no-repeat center; text-indent:-9999999px; }
.bgrm li:first-child a:hover { background-position:center 0px; }
.bgrm li:last-child::after, .bgrm li:last-child::before { width:0px; height:0px; }
.bgrm li a { clear:both; color:#ffffff; }
.bgrm .contact { position:relative; width:100%;  color:#ffffff;  font-size:21px; font-weight:bold; text-align:center;line-height: 32px;  }
.bgrm .contact a { position:relative; width:100%;  color:#ffffff;  font-size:21px; font-weight:bold; text-align:center;line-height: 32px;  }
.bgrm .accessories { position:relative; width:100%;  color:#ffffff;  font-size:14px; font-weight:normal; text-align:center;line-height: 25px; padding:5px;  }
.bgrm .accessories a, .bgrm .accessories span { position:relative; width:100%;  color:#ffffff;  font-size:16px; font-weight:bold; text-align:center;line-height: 32px;padding:5px;  }

.cont-area{ width:100%; float:left; background:#fff; padding:30px 0;}
.cont-area span, .about-sec strong { color: #1665c1; }
.cont-area p{  color:#222222; font-size:16px; line-height:30px; }
.titlepad { float:left; width:100%; padding-bottom:30px; }
/*
.cont-area h2{ position:relative; width:100%; color:#333645; padding-bottom:10px; margin-bottom:15px; text-align:center; }
*/
.cont-area h2{ position:relative; width:100%; color:#333645; text-align:center; }
.cont-area .cotact h2, .ser-ico-pad h2 { color:#333645; }
/*
.cont-area h2::after { position:absolute; content:''; bottom:0px; left:50%; width:60px; margin-left:-30px; height:2px; background:#ffaa06; }
*/
.titlepad p{  color:#222222; font-size:18px; line-height:25px; text-align:center; }
.cont-area h3{ position:relative; width:100%;  color:#333645; padding-bottom:10px; margin-bottom:40px; text-align:center; }
.cont-area h3::after { position:absolute; content:''; bottom:0px; left:50%; width:50px; margin-left:-25px; height:3px; background:#ffaa06; }
.cont-area h4{ position:relative; width:100%;  color:#222222; padding-bottom:10px; margin-bottom:20px; }
.cont-area h4::after { position:absolute; content:''; bottom:0px; left:0; width:50px; height:2px; background:#222222; }
/* About Us */
.abt-pad { position:relative; float:left; width:100%; padding:40px 0px; text-align:left; margin-top:-50px; }
/*
.abt-pad::before, .abt-pad::after, .abt-pad .lines::before, .abt-pad .lines::after { position:absolute; content:''; width:70px; height:83%; border:1px solid #cccccc; }
.abt-pad::before { top:20px; left:75px; border-right:0px; }
.abt-pad::after { top:20px; right:75px; border-left:0px; }
.abt-pad .lines::before { top:30px; left:65px; border-right:0px; }
.abt-pad .lines::after { top:30px; right:65px; border-left:0px; }
*/
.abt-pad img {
    padding: 0.5em;
    border: 1px solid #ebebeb;
    text-align: center;
    -webkit-box-shadow: 0 0 10px rgba(214, 128, 156, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    -moz-box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    -ms-box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    align-items: center !important;
}
.abt-pad p {  color:#222222; font-size:16px; line-height:25px; }
.abt-pad ul { width: 100%;color: #333645;font-size: 16px; }
.abt-pad li { width: 100%;background: url(../img/computer-mouse.png) no-repeat 0 5px;padding: 0px 0 12px 25px;line-height: 22px;list-style: none; }
.licence-detail { float:left; width:100%; padding-top:15px; }
.licence-detail ul { float:left; width:100%; background:#ffaa06; margin-top:10px; }
.licence-detail li { float:left; width:50%;  padding:25px 5%; background:#ffaa06; font-size:17px; line-height:22px; color:#ffffff; text-align:center; }
.licence-detail li:nth-child(2) { background:#65615d; }
.licence-detail li span {  font-size:16px; display:block; padding-top:10px; line-height:16px; }
.clients-pad { float:left; width:100%; padding:40px 0px; }

.proj-pad, .proj-pad ul { float:left; width:100%; }
.proj-pad li { /*border-right: 5px solid #ffaa06;*/ float:left; width:50%; padding:0 0 0px 0; position:relative; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; /*background: rgba(0, 0, 0, 0.03);*/ margin-bottom: 30px; }
.proj-pad li:nth-child(2n) {  border-left: 0px solid #ffaa06; border-right: 0;  }
.proj-pad li:nth-child(2n) .proj-cont {  padding-left:0rem; padding-right: 0;  }
.pro-name { clear:both; position:relative; display:block;  font-weight:bold; font-size:18px; color:#555555; text-align:center; width:100%; padding:12px 0 20px; line-height:24px; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; z-index:100; }
.proj-pad li .proj-img { float: left; width:48%; margin-right:4%; position:relative; overflow:hidden; }
.proj-pad li .proj-img img { float: left; width: 100%; height: 100%; object-fit: cover; webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: scale(1); }
.proj-pad li:hover .proj-img img { webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08);  }
.proj-pad li .proj-content {  min-height:325px; max-height:325px; }
.proj-pad li .proj-content .proj-desc { clear:both; }
/*.proj-overly::after { content:''; position:absolute; bottom:0px; left:0px; width:0px; height:2px; background:#ffaa06; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.proj-view { position:absolute; top:50%; left:50%; width:0; height:0; margin:0; background:#ffffff url(../img/plus-ico.png) no-repeat center center; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; border-radius:50%; }
.proj-pad li:hover .pro-name { color:#ffffff; }
.proj-pad li:hover{ background:#46addf }
.proj-pad li:hover .proj-overly::after { width:100%; }
.proj-view { position:absolute; top:43%; left:50%; width:0; height:0; margin:0; background:#ffffff url(../img/plus-ico.png) no-repeat center center; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; -o-transition:all .4s ease; border-radius:50%; }
.proj-pad li:hover .proj-view { width:50px; height:50px; margin:-25px 0 0 -25px; }*/
.proj-cont { float:left; width:47%; /*padding:0rem 3rem 3rem 0rem;*/ }
.client-name { float:left; width:100%;  color:#333645; font-size:22px; line-height:22px; font-weight: 700; font-family: 'Roboto', sans-serif; }
.loc{ float:left; width:100%; margin-top:5px; padding:0 0 10px 0px;  font-size:14px; color:#757575; text-transform: uppercase; /*background:url(../img/loc-ico2.png) no-repeat left 3px;*/ }
.proj-cont p { float:left; width:100%;  color:#222222; font-size:15px; line-height:22px; }
/*
.proj-pad li:nth-child(2n) .proj-img { float:right; margin:0 0 0 0px; }
*/

/* Testimonials */
.testi-pad { width:800px; margin:0 auto; }
.testi-pad li { float:left; width:100%; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #f6f6f6; }
.testi-pad li .testi-img { width:60px; margin-right:20px; }
.testi-pad li .name { position:relative; top:0; left:0px; width:calc(100% - 90px); webkit-transform: translatey(0%); -moz-transform:translatey(00%); transform:translatey(00%);  font-size:16px; line-height:28px; text-transform:uppercase; padding-top:5px; }
.testi-pad li .name span {  }
.testi-pad li .testi-txtpad { background:url(../img/quote.png) no-repeat 57px 5px; padding:15px 0 0 80px;color:#555555; float:left; width:100%; background-size:16px; line-height:20px; }


.ser-sec {float:left; width:100%; padding:55px 0; background:url(../img/service-bg.jpg) no-repeat center center; background-size:100% auto; background-attachment:fixed; position:relative; }
.bg-overly { position:absolute; top:0x; bottom:0px; width:100%; height:100%; background:rgba(11,66,115,0.90); }
.ser-txtpad { float:left; width:50%; padding:55px 35px 10px 0; position:relative; }
.ser-imgpad { float:right; width:50%; margin-bottom:70px; position:relative; }
.ser-sec h1, .testimonial h1{ position:relative; width:100%;  color:#ffffff; font-size:36px; line-height:36px; padding-bottom:15px; margin-bottom:30px; }
.ser-sec h1::after, .testimonial h1::after { position:absolute; content:''; bottom:0px; left:0; width:70px; height:1px; background:#ffffff; }
.ser-txtpad p { font-size:17px; line-height:24px;}
.ser-txtpad a { display:inline-block; position:relative; font-size:17px; color:#ffffff; line-height:42px;  padding:0 25px; background:#078ece; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;0 transition: all 0.5s ease; }
.ser-txtpad a:hover { background:#ffffff; color:#078ece; text-decoration:none; }
.ser-imgpad img { width:100%; }
.ser-imgpad .img2 { position:absolute; width:auto; bottom:-50px; right:-55px; }

.serpad { float:left; width:100%; background:#f5f5f5; padding:60px 0; }
.serpad h1{ position:relative; width:100%; color:#333645;  margin-bottom:20px; letter-spacing:0.5px; }
/*.serpad h1::after { position:absolute; content:''; bottom:0px; left:0; width:70px; height:1px; background:#333645; }*/
.serpad .ser-txtpad { padding-top:10px; }
.serpad .ser-imgpad { border:5px solid #ffffff; margin:0px; margin-top:25px;  position:relative; overflow:hidden; }
.serpad .ser-imgpad::after { content:''; position:absolute; top:50%; left:50%; width:0px; height:0px; background:rgba(0,0,0,0); webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.serpad:hover .ser-imgpad::after { background:rgba(0,0,0,0.1); top:0; left:0; width:100%; height:100%; }
.serpad .ser-imgpad img { float: left; width: 100%; height: 100%; object-fit: cover; webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: scale(1); }
.serpad:hover .ser-imgpad img { webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }
.ser-txtpad ul { float:left; width:100%; padding:10px 0 15px 20px; }
.ser-txtpad li { float:left; width:100%;  background:url(../img/arrow.png) no-repeat 0 5px; padding:3px 0 12px 30px; line-height:22px; }
.ser-ico-pad { float:left; width:100%; padding:60px 0; }
.titlepad { float:left; width:100%; padding-bottom:0px; }
.ser-ico-pad h2, .clients-pad h2 { color:#333645; font-size:30px; line-height:30px; padding-bottom:15px; margin-bottom:10px; text-align:center; letter-spacing:5px; position:relative; }
.ser-ico-pad h2::after, .clients-pad h2:after { position:absolute; content:''; bottom:0px; left:50%; width:40px; margin-left:-20px; height:2px; background:#333645; }
.ser-ico-pad p{  color:#222222; font-size:18px; line-height:25px; text-align:center; }
.ser-area, .clients-pad { float:left; width:100%; clear:both; padding-top:20px }
.ser-area li, .clients-pad li { float:left; width:25%; padding:0 10px; }
.ser-area li .ser-ico { width:160px; height:160px; margin:0 auto; background:url(../img/ser-ico-bg.png) no-repeat center; padding:35px 0 0 35px; line-height:0px; }
.ser-area li .ser-ico img { float: left; webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  }
.ser-area li:hover .ser-ico { background-color:#fafafa; }
.ser-area li:hover .ser-ico img { webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); }
.ser-ico-pad h4 { color:#454545; font-size:20px; line-height:24px; padding:15px 0; text-align:center; }
.ser-area li:hover h4 { color:#ffaa06; }
.clients-pad  { background: #fff url(../img/clients-bg.jpg) no-repeat top left; padding: 7rem 0 10rem 0; background-size: cover; }
.clients-pad h2 { color:#454545; margin-bottom:30px; letter-spacing:0px; }
.clients-pad h2:after { width:40px; margin-left:-20px; }
.clients-pad li span { display: block; color: #ffa95a; font-size: 20px; position: relative; padding: 5px 0px 5px 13px; font-weight: 700; text-transform: uppercase; background: rgba(0, 0, 0, 0.8); margin-bottom: 10px; }
/*.clients-pad li span::after { position:absolute; content:''; bottom:10px; left:0; width:30px; height:2px; background:#3589b1; }*/
.clients-pad li li { width:100%; padding:4px 10px 4px 0; }
.clients-pad li li a { display:inline-block; background:url(../img/arrow.png) no-repeat 0px 2px; padding-left:30px; color: #333645; }
.clients-pad li li a:hover { color:#6a6a6a; text-decoration:none; }
.gallery-pad { float:left; width:100%; padding-top:0px; }
.gallery-pad li { float:left; width:25%; padding:0 10px 20px; }
.gallery-pad li a { float:left; width:100%; border:5px solid #ffb979; position:relative; overflow:hidden; webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.gallery-pad li a::after { content:''; position:absolute; top:50%; left:50%; width:0px; height:0px; background:rgba(0,0,0,0); webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.gallery-pad li:hover a::after { background:rgba(0,0,0,0.1); top:0; left:0; width:100%; height:100%; }
.gallery-pad li img { float:left; width:100%; webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  }
.gallery-pad li:hover a { border-color:#6a6a6a; }
.gallery-pad li:hover img { webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
.gur-pad { clear:both; width:600px; margin:0 auto 50px; }
.gur-l { float:left; width:100%; }
.gur-l p{ background:url(../img/arrow.png) no-repeat 0px 3px;   padding-bottom:16px; line-height:22px; padding-right:0px; padding-left:30px; }
.gur-r { float:left; width:100%; line-height:0px; text-align:center; }
.gur-r img { max-width:200px; padding:0 10px; width:49%; }

/*contact*/
.contact-list{ width:100%; float:left; padding:20px 0px 50px;}
.contact-list ul li{ width:33%; float:left; text-align:center; display:inline-block;}
.contact-list ul li .circle-img{ margin-bottom:15px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.contact-list ul li .circle-img img{border:2px solid transparent; border-radius:50%; }
.contact-list ul li h3{ float:left; width:100%; font-size:18px; color:#333333; line-height:22px; padding-bottom:8px; margin-bottom:0px; text-align:center; }
.cont-area .contact-list ul li h3::after { height:0px; }
.contact-list ul li p { float:left; width:100%; font-size:16px; color:#424242; line-height:24px;}
.contact-list ul li p span{  display:inline-block; }
.contact-list ul li p a{color:#424242; text-decoration:none;}
.contact-list ul li:hover a{ color:#ffaa06;}
.contact-list ul li:hover .circle-img img{ border:2px solid #ffaa06;}
.contact-form{ width:100%; float:left;border-top: 1px solid #f0f0f0;}
.contact-form p { text-align:center; margin-bottom:30px; font-size:18px; line-height:30px; }
.contact-lft{ width:48%; float:left; position:relative; }
.contact-rht{ width:48%; float:right;}
.contact-form ul li {width:100%; float:left; margin-bottom:18px;}
.contact-form ul li .form-group {width:100%; float:left; margin:0; padding:0px; }
.contact-form ul li label{  margin-bottom:6px; float:left; font-size:15px; }
.contact-form input, .contact-form textarea  {float:left; padding: 10px;width: 100%;border: 1px solid #e6e6e6; margin-bottom:0;   font-weight:300; font-size:15px; color:#3c3c3b; background:#f3f3f3;}
.contact-form textarea { height:150px;}
.contact-form ul li:last-child{ border-bottom:none;}
input[type="submit"], input[type="button"], button { border:none; cursor:pointer; float:right; width:auto; display:inline-block; position:relative;  font-size:16px; color:#ffffff; line-height:40px;  padding:0 30px; background:#222222; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;0 transition: all 0.5s ease; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover { background:#058ece; text-decoration:none; }
.contact-form button { margin-top:0px; font-size:15px; border-radius:25px; padding: 15px 35px !important; }
.contact-form-border {  border-left:1px solid #f0f0f0;}
.captcha-img { float:left; border:1px solid #f0f0f0; margin:-7px 20px 0 20px; line-height:0px; }
.captcha-img img { height:40px; }
.refresh-ico { float:left;}
.refresh-ico button, .refresh-ico button:hover { cursor:pointer; float:left; padding:0 15px; width:32px; height:32px; background:url("../img/refresh.png") no-repeat center; border:none; margin:0px;}
.contact-form input#contactform-verifycode,.contact-form input#franchiseform-verifycode,.contact-form input#careerform-verifycode{ clear:both; width:150px; /*margin-left:120px; margin-top:10px;*/ padding:5px 10px; }
.contact-form .form-group.field-contactform-verifycode,.contact-form .form-group.field-franchiseform-verifycode,.contact-form .form-group.field-careerform-verifycode { width:auto; }
.ser-detail { float:left;  width:100%; background:#ffffff; padding:40px 0; }
.ser-nav { float:left; width:300px; padding-right:30px; }
.ser-cont { float:left; width:calc(100% - 300px); }
.ser-nav h2 { float:left; width:100%; background:#ffaa06; padding:7px 16px; line-height:30px; font-size:20px; color:#ffffff; margin-bottom: 0; }
.ser-nav ul { float:left; width:100%; background:#f5f5f5;  border:1px solid #f0f0f0; }
.ser-nav li { float:left; width:100%; border-bottom:1px solid #e5e5e5; }
.ser-nav li a { display:block;  background:url(../img/arrow.png) no-repeat 14px 10px; padding:8px 15px 8px 32px;background-size: 15px;  color:#333333; font-size:15px; line-height:20px; }
.ser-nav li a:hover, .ser-nav li.current a { background-color:#ffffff; color:#333645; text-decoration:none; }
.serpad.ser-detail h1{ font-size:25px; line-height:28px; padding-bottom:10px; }
.serpad.ser-detail h1::after { width:60px; height:2px; }
.ser-cont ul { float:left; width:100%; padding:10px 0 15px 20px; }
.ser-cont li { float:left; width:100%;  background:url(../img/arrow.png) no-repeat 0 5px; padding:3px 0 12px 30px; line-height:22px; }
.contact-form p.help-block-error { float:left; width:100%; padding:0px; margin:0; font-size:14px; line-height:16px; color:#ff0000; text-align:left; }
.contact-form p.success-txt { float:left; width:100%;  padding:8px 10px; margin:0 0 10px; font-size:14px; line-height:16px; color:#5c751d; background:#ebffb8; }
.form-control:focus { box-shadow:0 0 0 0 rgba(0,0,0,0);}

.client-pad { float:left; width:100%; padding-top:0px; }
.client-pad li { float: left; border: 1px solid #E9EAEE; margin: 5px; width: 18.7%; text-align: center; height: 120px; line-height: 115px; padding: 0; border-radius: 12px }
.client-pad li div { float:left; width: 100%; }
.client-pad li a { float:left; width:100%; border:5px solid #f5f5f5; position:relative; overflow:hidden; webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.client-pad li a::after { content:''; position:absolute; top:50%; left:50%; width:0px; height:0px; background:rgba(0,0,0,0); webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.client-pad li:hover a::after { background:rgba(0,0,0,0.1); top:0; left:0; width:100%; height:100%; }
.client-pad li img { webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; max-height: 95px; max-width: 195px;  }
.client-pad li:hover a { border-color:#ffaa06; }
.client-pad li:hover img { webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }

.cont-area p.para{ width:100%; text-align:center; font-size:17px; line-height:26px; letter-spacing:0.5px }
.team-pad { float:left; width:100%; clear:both; padding:25px 0 0; text-align:center; }
.team-pad li { display:inline-block; width:23%; margin-right:2%; margin-bottom:30px; position:relative; border-bottom:2px solid #a9a9a9; background:#f4f4f4; min-height:300px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.team-pad li:nth-child(5n) { margin-right:0px; }
.team-pad li::after { content:''; position:absolute; bottom:-2px; height:2px; width:0px; left:50%; background:#ffaa06; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;0 transition: all 0.5s ease; }
.team-pad li:hover::after { width:100%; left:0; }
.team-pad li img { float:left; width:100%; }
.info { float:left; width:100%; padding:16px 5px; text-align:center; }
.info .team-name {  font-size:18px; color:#000000; line-height:22px; text-transform:uppercase; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;0 transition: all 0.5s ease; font-weight: 700; }
.team-pad li:hover .info .team-name { color:#ffaa06; }
.info .desti {  font-size:14px; color:#555555; padding:0px; text-transform: uppercase;}
.info p {  font-size:16px; line-height:20px; padding:2px 0; margin-bottom: 0rem; }
.info a {  font-size:13px; line-height:20px; padding:2px 0; }

/* Testimonials */
.testi-pad { width:800px; margin:0 auto; }
.testi-pad li { float:left; width:100%; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #f6f6f6; }
.testi-pad li .testi-img { width:60px; margin-right:20px; }
.testi-pad li .name { position:relative; top:0; left:0px; width:calc(100% - 90px); webkit-transform: translatey(0%); -moz-transform:translatey(00%); transform:translatey(00%); font-size:16px; line-height:28px; text-transform:uppercase; padding-top:5px; }
.testi-pad li .testi-txtpad { background:url(../img/quote.png) no-repeat 57px 5px; padding:15px 0 0 80px;color:#555555; float:left; width:100%; background-size:16px; line-height:20px; }
.testimonial{float:left; width:100%; padding:50px 0 45px; }
.testimonial h1{ float:left; color:#222222; }
.testimonial h1::after { background:#222222; }
#testi { float:left; width:100%; }
#testi .testi-txtpad { position:relative; float:left; width:100%; padding:20px 30px 20px 40px; background:#dddddd url(../img/quote.png) no-repeat 13px 20px;  color:#222222; font-size:16px; line-height:22px; margin-bottom:23px; }
#testi .testi-txtpad::after { position:absolute; content:''; bottom:-15px; left:-2px; width:0; height:0; border-left:17px solid transparent; border-right:0px solid transparent; border-top:17px solid #dddddd; }
.testi-details { position:relative; float:left; width:100%; }
.testi-img { float:left;width:85px; height:auto; border-radius:50%; line-height:0px; margin-right:15px; overflow:hidden; }
.testi-img img { width:100%; }
.name { position:absolute;font-family: 'Roboto', sans-serif; font-weight: 700; top:50%; left:100px; width:calc(100% - 100px); webkit-transform: translatey(-50%); -moz-transform:translatey(-50%); transform:translatey(-50%); font-size:20px; line-height:28px; text-transform:uppercase; }
.name span { display:block; font-family: "Work Sans", Arial, Helvetica, sans-serif; font-weight: 500; font-size:17px; text-transform:none; line-height:18px; color:#ffaa06; }

.contact h2 { font-size: 2.25rem; }
.contact h3 { font-size: 2rem; }

.download-drives-list { float: left;width: 100%;text-align: center; }
.download-drives-list ul li { float: none;width: 19%;margin: 5px 10px 0 0;text-align: center;border: 1px solid #c7c7c7;padding: 10px;display: inline-block;border-radius: 12px; }
.download-drives-list ul li img { float: left; width: 100%; }

.laptop-accessories-list { float: left;width: 100%;text-align: center; }
.laptop-accessories-list ul li { float: none;display: inline-block;margin-right: 3%; margin-bottom: 3%;}
.laptop-accessories-list ul li .laptop-accessories-img { 
	transition: all .5s ease;
	float: none;
	display: inline-flex;
	width: 238px;
    height: 120px;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    text-align: center;
    background: #fff;
    position: relative;
    margin-bottom: 7px;
	padding-top: 8px;
	padding-left: 20px;
}
.laptop-accessories-list ul li p { font-size: 20px;line-height:16px; }
.laptop-accessories-list ul li p a { font-size: 16px;color:#222222; }

.service-location-list { float: left;width: 100%;text-align: center; }
.service-location-list ul li { float: none;display: inline-block;margin-right: 3%;margin-bottom: 3%;  }
.service-location-list ul li .laptop-accessories-img { transition: all .5s ease;float: none;display: inline-flex;width: 222px;height: 222px;border: 1px solid #e9e9e9;   border-radius: 12px;    text-align: center;    background: #fff;    position: relative;margin-bottom: 7px;	padding: 10px; }

.service-location-list ul li p { font-size: 20px; line-height:16px; }
.service-location-list ul li p a { font-size: 16px;color:#222222; }

.location-contact-form{ width:100%; float:left;}
.location-contact-form p { text-align:center; margin-bottom:30px; font-size:18px; line-height:30px; }
.location-contact-lft{ width:48%; float:left; position:relative; }
.location-contact-rht{ width:48%; float:right;}
.location-contact-form ul li {width:100%; float:left; margin-bottom:10px;}
.location-contact-form ul li.fs { width:51%; }
.location-contact-form ul li.mobile { width:45%;margin-left:14px; }
.location-contact-form ul li .form-group {width:100%; float:left; margin:0; padding:0px; }
.location-contact-form ul li label{  margin-bottom:3px; float:left; font-size:15px; }
.location-contact-form input, .contact-form textarea  {float:left; padding: 10px;width: 100%;border: 1px solid #e6e6e6; margin-bottom:0;   font-weight:300; font-size:15px; color:#3c3c3b; background:#f3f3f3;}
.location-contact-form textarea { height:150px;}
.location-contact-form ul li:last-child{ border-bottom:none;}
/*.location-contact-form button { margin-top:42px; }*/
.location-contact-form-border {  border-left:1px solid #f0f0f0;}
.location-contact-form input#contactform-verifycode { clear:both; width:150px; /*margin-left:120px; margin-top:10px; padding:5px 10px;*/ }
.location-contact-form .form-group.field-contactform-verifycode { width:auto; }
.location-contact-form p.help-block-error { float:left; width:100%; padding:0px; margin:0; font-size:14px; line-height:16px; color:#ff0000; text-align:left; }
.location-contact-form p.success-txt { float:left; width:100%;  padding:8px 10px; margin:0 0 10px; font-size:14px; line-height:16px; color:#5c751d; background:#ebffb8; }

.showroom h3 { color:#1665c1; font-size:20px; line-height:28px; text-transform:uppercase; }
.showroom span { display: block;width: 70px;height: 4px;background: #f5d114; }
.showroom .showroom-review span { display: inline;width: auto;height: auto;background: none; }
.showroom .showroom-address span { display: inline;width:100%;color: #222222;font-size: 16px;line-height: 30px;background: none; }
.showroom .brand-content img {    
    padding: 0.5em;
	border: 1px solid #ebebeb;
    text-align: center; 
/*	
    -webkit-box-shadow: 0 0 10px rgba(214, 128, 156, 0.6);
    -moz-box-shadow: 0 0 10px rgba(214, 128, 156, 0.6);
    -ms-box-shadow: 0 0 10px rgba(214, 128, 156, 0.6);
    box-shadow: 0 0 10px rgba(214, 128, 156, 0.6);    
	*/
	 -webkit-box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    -moz-box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    -ms-box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    box-shadow: 0 0 10px rgba(130, 102, 134, 0.6);
    align-items: center !important;    	
}
.showroom a.link { color:#222222; }
.showroom a.link:hover { color:#1665c1; }
.location-img-list { float: left;width: 100%; }
.location-img-list ul li { float: none;display: inline-block;margin-right: 1.6%;margin-bottom: 2%; }
.location-img-list ul li img { border-radius: 12px; }
.location-img-list ul li p { font-size: 20px; }
.location-img-list ul li p a { font-size: 16px;color:#222222; }

.gallery-img-list { float: left;width: 100%; }
.gallery-img-list ul li { float: none;display: inline-block;margin-right: 0.6%;margin-bottom: 1%; }
.gallery-img-list ul li img { border-radius: 12px;width:171px; }
.gallery-img-list ul li p { font-size: 20px; }
.gallery-img-list ul li p a, .gallery-img-list p a { font-size: 16px;color:#222222 !important; }
.gallery-img-list ul li p a:hover, .gallery-img-list p a:hover { font-size: 16px;color:#1665c1 !important; }

.gallery h2 {    
    font-size: 25px;
    line-height: 28px;
    text-transform: uppercase;
	position: relative;
    width: 100%;
    color: #1665c1;
    padding-bottom: 10px;
	margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
}
.gallery h2::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 50%;
    width: 70px;
    margin-left: -35px;
    height: 4px;
    background: #f5d114;
}

.gallery h3 { color:#1665c1; font-size:20px; line-height:28px; text-transform:uppercase;margin-top: 5px; }
.gallery span { display: block;width: 70px;height: 4px;background: #f5d114; }

.contact h3 { color:#1665c1; font-size:12x; line-height:28px; text-transform:uppercase;margin-top: 5px; }
.contact h3::after { background:none !important; }
.contact h2 {    
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
	position: relative;
    width: 100%;
    color: #1665c1;
    padding-bottom: 0px;
	margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
}
/*
.contact h2::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 3%;
    width: 70px;
    margin-left: -35px;
    height: 4px;
    background: #f5d114;
}
*/

.contact-loc-thumb {
    border: 1px solid #ebebeb;
    text-align: center;
    padding: 1.5em 1.5em 1.5em 1.5em;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    align-items: center !important;
    min-height: 190px;
    background: #ffffff;
}

.contact-loc-thumb span {
    background: #1665c1;
    border-radius: 50px;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 5px;
}

.contact-loc-thumb h3 {
    margin: 3px 0;
    color: #1665c1;
    font-weight: bold;
	font-size:16px;
	
	height: 0;
    background: none;
	color: none;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.contact-loc-thumb a { color:#222222; }
.contact-loc-thumb a:hover { text-decoration:underline; }

.fnt-weight { font-weight:bold !important;}

.cont-area .content-sec, .service-loc-area .content-sec { float: left;width: 100%;padding: 20px 0 0 0; }
.cont-area .content-left, .service-loc-area .content-left { float: left;width: calc(100% - 300px); padding-right: 30px; }
.cont-area .content-right, .service-loc-area .content-right { float: right;width: 300px; }

.services-brand { float: left;width: 100%;margin: 10px 0 20px 0; }
.services-brand h2 { background: #1665c1;color: #ffffff;margin: 0px !important;border: none;padding: 9px 15px;font-size: 16px; }
.services-brand h3 { color: #222222;margin: 0px !important;border: none;padding: 9px 15px;font-size: 15px; }
.services-brand h3:after{ background: none; }

.laptop-brand-list { float: left;width: 100%;text-align: center; }
.laptop-brand-list ul { float: left;width: 100%; }
.laptop-brand-list ul li { float: none;width: 23%;display: inline-block; margin-right:1%;margin-bottom:3%;text-align:center; }
.laptop-brand-list ul li img { margin: 5px 10px 0px 0;text-align: center;border: 1px solid #e1e1e1;padding: 10px;border-radius: 12px; float: left;width: 100%; }
.laptop-brand-list ul li p { line-height: 22px;font-size: 15px;color: #222222; text-align:center; }
.laptop-brand-list ul li p a { font-size: 15px;color: #222222; text-align:center; }
.laptop-brand-list ul li p a:hover { color: #1665c1; }

.get-touch { float: left;width: 100%; /* margin-bottom: 20px; */ }
.get-touch h2 { background: #1665c1;color: #ffffff;margin: 0px!important;border: none;padding: 9px 15px;font-size: 16px; }
.rfq-frm { float: left;width: 100%;background: #ffffff;padding: 15px;border: 1px solid #ebebeb; }
@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], textarea { -webkit-appearance: none; }
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}
.rfq-frm input.form-control { height:35px !important; }

.carousel .carousel-indicators li {
	padding-left: 0 !important;
	border-left: 0 !important;
}

.readMore a { float: left;margin-top: 10px;color: #1665c1; }
.latestPost h2 { font-family: "Work Sans", Arial, Helvetica, sans-serif;font-weight: bold;font-size: 24px;color: #1665c1;line-height: 30px;border-left: 0px; }
.latestPost .title a { font-family: "Work Sans", Arial, Helvetica, sans-serif;font-weight: bold;font-size: 24px;color: #1665c1; }
.post-info a { color: #1665c1; }
.post-info a:hover { text-decoration:underline; }
.has-error .help-block, .has-error .help-block-error { color: #ff0000; }

.accessory-price-list table { float: left;width: 100%;background: #1665c1;border: 1px solid #dee2e6; }
.accessory-price-list table thead tr th { background: #1665c1;text-transform: uppercase;font-size: 16px;color: #fff;font-family: "Work Sans", Arial, Helvetica, sans-serif;padding:10px;line-height: 24px; }
.accessory-price-list table tbody tr td { background: #fff;font-size: 16px;color: #000;font-family: "Work Sans", Arial, Helvetica, sans-serif;padding:10px;line-height: 24px; }
.accessory-price-list table th, .accessory-price-list table td { border: 1px solid #dee2e6; }
.accessory-price-list .model {  background: #fafafa; }

.faq-content { background: #f6f6f6;padding: 60px 0 20px 0; }
.faq-content h3 { font-size:18px;color: #1665c1; }
.faq-content p { font-size:15px; }
.faq-content div[itemprop*="text"] { margin-bottom:20px; }

.inner-content ul { float:left; width:100%; }
.inner-content li { float:left; width:100%; background:url(../img/arrow.png) no-repeat 14px 10px; padding:8px 15px 8px 32px;background-size: 15px;  color:#333333; font-size:15px; line-height:20px;}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width:1280px) {
	body{ overflow-x:hidden;}
	.sector-ban { background-size:cover; }
}

@media screen and (min-width:1000px) and (max-width:1155px) {
.proj-sec { padding:55px 0 45px; }
.proj-li li { width: calc(50% - 15px);margin: 0 0 54px 30px; }
.f-reach { width:320px; }
.serpad { padding:50px 0; }
.serpad .ser-txtpad { padding-top:0px; }
.team-pad li {  width: 30%;	}
.clients-pad { padding: 5rem 0 1rem 0; }
}

@media(max-width: 1024px) {
	.proj-pad li { width: 100%; margin-right: 0%;}
	.proj-cont { float: left; width: 48%; padding: 0rem; }
	.proj-pad li:nth-child(2n) { padding-left: 0rem; }
	.proj-pad li:nth-child(2n) .proj-cont { padding-left: 3rem; }
	footer h6 { margin-top:0px; }
}

@media screen and (min-width:768px) and (max-width:999px) {
img {max-width:100%; }
.proj-sec { padding:45px 0; }
.proj-li li { width: calc(49% - 10px);margin: 0 0 54px 20px; }
.proj-li li:first-child{ width: calc(51% - 10px); }
.proj-txt h2 { font-size:22px; line-height:22px; }
.ser-sec { padding:30px 0; }
.ser-sec h1, .testimonial h1 { font-size:32px; line-height:32px; margin-bottom:25px; padding-bottom:10px; }
.ser-txtpad { padding:15px 35px 0px 0; }
.ser-txtpad p { line-height:21px; }
.testi-img { width:60px; }
.name { left:75px;  font-size:16px; line-height:28px; }
.name span {  }
.f-nav { display:none; }
.f-top { padding: 20px 0 15px; }
.f-reach { width:50%; }
.abt-pad { padding:30px 0 0 0; }
.abt-pad::before { left:0px; }
.abt-pad::after { right:0px; }
.abt-pad .lines::before { left:10px; }
.abt-pad .lines::after { right:10px; }
.testi-pad { width:100%; }
.gallery-pad li { width:33.33%; }
.gallery-pad li a { border-color:#f2f2f2; }
.serpad { padding:40px 0; }
.serpad .ser-txtpad { padding-top:0px; width:55%; padding-right:25px; line-height:24px; }
.ser-imgpad { width:45%; }
.ser-area li .ser-ico { background-size:140px auto; }
.ser-ico-pad h4 { font-size:18px; padding-top:5px; }
.ser-area li:hover .ser-ico { background-color:nnoe; }
.clients-pad li { width:50%; margin-bottom:20px; }
.clients-pad li:nth-child(3) { clear:both; }
.clients-pad li li { margin-bottom:0px; }
.contact-list ul li .circle-img img { width:60px; }
.contact-list ul li h3 { font-size:20px;}
.contact-form p { font-size:16px; line-height:24px; }
.ser-nav { width:275px; padding-right:18px; }
.ser-cont { width: calc(100% - 275px); }
.contact-form button[type="submit"] { margin-top:15px; }
.contact-form input#contactform-verifycode, .contact-form .form-group.field-contactform-verifycode { margin-left:0px; }
.client-pad li { width: 31%;}
.team-pad li {  width: 47%;	}
.clients-pad { padding: 5rem 0 1rem 0; }
.cont-area .content-right, .service-loc-area .content-right { clear:both; padding-top:30px; float:none; width:100%; max-width:100%; margin:0 auto; }
.owl-nav { top: -77px; }
}

@media screen and (max-width:767px) {
.inner-banner { height:220px; }
.cont-area h2, .serpad h1 { font-size:28px; line-height:32px; margin-bottom:10px; }
.titlepad { padding-bottom:20px; }
.abt-pad { padding:15px 0 0 0; margin-top:-30px; }
.abt-pad::before, .abt-pad::after, .abt-pad .lines::before, .abt-pad .lines::after { width:40px; height:90% }
.abt-pad::before { left:0px; }
.abt-pad::after { right:0px; }
.abt-pad .lines::before { left:10px; }
.abt-pad .lines::after { right:10px; }
.abt-pad p { line-height:23px; padding: 9px 0; font-size:15px; }
.licence-detail li { font-size:15px; line-height:20px; }
.testi-pad { width:100%; }
.testi-pad li { padding-bottom:25px; margin-bottom:25px; }
.gallery-pad { padding-top:0px; }
.gallery-pad li { width:33.33%; padding:8px; }
.gallery-pad li a { border-color:#f2f2f2; }
.serpad { padding:35px 0; }
.serpad h1 { margin-bottom:18px; }
.serpad .ser-txtpad { width:100%; padding:0 0 25px; line-height:24px; }
.ser-imgpad { float:left; width:100%; max-width:577px; }
.ser-area li .ser-ico { background-size:140px auto; }
.ser-ico-pad { padding:40px 0; }
.ser-area { padding-top:10px; }
.ser-area li { width:50%; padding:10px }
.ser-ico-pad h4 { font-size:18px; padding-top:5px; }
.ser-area li:hover .ser-ico { background:none; }
.clients-pad li { width:50%; margin-bottom:20px; }
.clients-pad li:nth-child(3) { clear:both; }
.clients-pad li li { margin-bottom:0px; }
.ser-ico-pad h2, .clients-pad h2 { font-size:25px; line-height:30px; letter-spacing:0px; padding-bottom:8px; margin-bottom:7px; }
.contact-list  { padding-left:8%; padding-bottom:20px; }
.contact-list ul li { float:left; width:100%; padding:0 0 20px 55px; position:relative; text-align:left; }
.contact-list ul li .circle-img { position:absolute; top:0px; left:0px; }
.contact-list ul li .circle-img img { width:45px; }
.contact-list ul li:hover .circle-img img{ border:2px solid transparent;}
.contact-list ul li h3 { font-size:18px; text-align:left; padding:7px 0 7px; }
.contact-form p { font-size:16px; line-height:24px; }
.ser-nav { display:none; }
.ser-cont { width:100%; }
.contact-form button[type="submit"] { margin-top:15px; }
.contact-form input#contactform-verifycode, .contact-form .form-group.field-contactform-verifycode { margin-left:0px; }
.client-pad li { width: 47.4%;}
.team-pad li {  width: 100%; margin-right: 0;	}
.proj-pad li .proj-img { width: 100%; margin-right: 0%;}
.proj-cont { float: left; width: 100%; padding: 3rem; }
.proj-pad li:nth-child(2n) { padding-left: 0rem; }
.proj-pad li:nth-child(2n) .proj-cont { padding-left: 0rem; }
.proj-cont p { text-align:center; }
.clients-pad { padding: 4rem 0 1rem 0; }
.contact-form-border { border-left:0px; border-top:1px solid #f0f0f0; padding-top:15px; }
.cont-area .content-right, .service-loc-area .content-right { clear:both; padding-top:30px; float:none; width:100%; max-width:560px; margin:0 auto; }
.owl-nav { top: -77px; }
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
.inner-banner { height:200px; }
.bgrm h1 { font-size:20px; margin-bottom:15px; }
.licence-detail li { width:100%; }
.cont-area h2 { font-size:24px; line-height:28px; }
.cont-area p, .serpad .ser-txtpad p { font-size:15px; }
.testi-pad li .testi-img { width:50px; margin-right: 15px; }
.testi-pad li .name { padding-top:0px; width:100%; }
.gur-pad { float:left; width:100%; margin:0; }
.gallery-pad li { width:50%; padding:4px; }
.ser-area li { padding:0px; }
.ser-area li .ser-ico { float:left; width:100%; background:none; height:auto;  padding:0; text-align:center; line-height:0px; }
.ser-area li .ser-ico img { float:none; }
.ser-ico-pad h4 { clear:both; font-size:16px; padding-top:0px; margin-top:-10px; float:left; width:100%; }
.clients-pad li { width:100%; padding:0px; }
.contact-lft, .contact-rht { width:100%; }
.contact-form ul li { margin-bottom:15px;}	
.contact-form ul li label { margin-bottom:5px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:520px) {
.proj-pad li { width:calc(100%); margin:10px 0; }
}
@media screen and (max-width:479px) {
.testi-pad li .testi-txtpad { margin-top:12px; padding-left:25px; background-position:0px 5px; }
.gallery-pad li a { border-width:3px; }
.contact-list  { padding-left:3%; }
.contact-list ul li p { font-size:15px; line-height:22px; }
.clients-pad { padding: 4rem 0 1rem 0; }
.client-pad li { width: 47%;}

}
@media screen and (max-width:360px) {
.client-pad li { width: 46%;}
.clients-pad { padding: 4rem 0 1rem 0; }
}