html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
font-weight:400;
font-family: 'Roboto', sans-serif;
}
body {
margin: 0;
padding: 0 ;
line-height: 1;
font-family: 'Roboto', sans-serif;
font-weight:400;
color:#898989;
}
a{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
outline:none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;max-width: 100%;
-ms-interpolation-mode: bicubic;
}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
}
/*Common Class*/
p:last-child,p:last-of-type{margin-bottom:0px;}
p:only-child,p:only-of-type{margin-bottom:0px;}
p:empty{display:none;}
.clear {clear: both;}
.flLeft {float: left;}
.flRight {float: right;}
.sitewrapper{max-width:1200px; margin:0 auto; clear:both;}
.sitewrapper::after {clear: both; content: ""; display: table; margin: 0; padding: 0;width: 100%;}
/*sticky header*/
/* .fixed-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
z-index: 9;
} */
/*topBG*/
.top-bg{background: rgb(17,54,117); background: -moz-linear-gradient(top, rgba(17,54,117,1) 0%, rgba(13,43,94,1) 50%, rgba(9,32,71,1) 100%); background: -webkit-linear-gradient(top, rgba(17,54,117,1) 0%,rgba(13,43,94,1) 50%,rgba(9,32,71,1) 100%); background: linear-gradient(to bottom, rgba(17,54,117,1) 0%,rgba(13,43,94,1) 50%,rgba(9,32,71,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113675', endColorstr='#092047',GradientType=0 );width:100%;padding:14px 0;box-shadow:1px 1px 3px 3px rgba(188, 188, 188, 0.8);}
.top-bg ul.contacts{margin:0;padding:0;color:#fff;font-size:16px;padding:4px 0 0 0;}
.top-bg ul.contacts li{display:inline-block;margin:0 28px 0 0;}
.top-bg ul.contacts li i{font-size:18px;color:#d1d7e0;vertical-align:middle;padding-right: 5px;}
.top-bg ul.contacts li a{vertical-align:top;color:#fff;text-decoration:none;}
.top-bg ul.contacts li a:hover{color:#d1d7e0;}
.top-bg ul.social{margin:0;padding:0;color:#fff;font-size:22px;}
.top-bg ul.social li{display:inline-block;margin-left: 21px;}
.top-bg ul.social li a{vertical-align:top;color:#fff;text-decoration:none;}
.top-bg ul.social li a:hover{color:#d1d7e0;}
/*header*/
.header{padding:12px 0 15px 0;clear: both;}
.header .logo {padding:0; width:380px; -webkit-transition: all 0.2s ease;transition: all 0.2s ease; -moz-transition: all 0.2s ease;}
.header .logocol {display:inline-block;}
.header .flLeft {float: left;z-index: 999999;position: relative;}
.fixed-header{height:152px;background: #fff;z-index:9;}
.fixed-header.sticky {height:96px;position: fixed;width: 100%;background: #fff;transition: all 0.2s ease; -moz-transition: all 0.2s ease;}
.fixed-header.sticky .top-bg{padding:5px 0;}
.fixed-header.sticky .top-bg ul.contacts{font-size: 14px;padding: 3px 0 0 0;}
.fixed-header.sticky .top-bg ul.social{font-size: 16px;}
.fixed-header.sticky .top-bg ul.social li{margin: 3px 0 0 0;margin-left: 10px;}
.fixed-header.sticky .header {padding: 7px 0;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.fixed-header.sticky .header .logo {width: 260px; -webkit-transition: all 0.2s ease;transition: all 0.2s ease; -moz-transition: all 0.2s ease;}
.fixed-header.sticky .header .logo img{}
.fixed-header.sticky #cssmenu{padding-top: 8px;}
.fixed-header.sticky + .content-wrapper{margin:96px 0 0 0;}
/*menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;line-height: 1; padding-top: 20px;}
#cssmenu > ul {}
#cssmenu > ul > li {float: left;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding: 10px 20px;font-size: 15px;font-weight:400;color: #041c00;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;}
#cssmenu > ul > li.active > a {background: rgb(1,92,247); background: -moz-linear-gradient(top, rgba(1,92,247,1) 0%, rgba(8,74,187,1) 50%, rgba(16,55,121,1) 100%);background: -webkit-linear-gradient(top, rgba(1,92,247,1) 0%,rgba(8,74,187,1) 50%,rgba(16,55,121,1) 100%);background: linear-gradient(to bottom, rgba(1,92,247,1) 0%,rgba(8,74,187,1) 50%,rgba(16,55,121,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015cf7', endColorstr='#103779',GradientType=0 );display:inline-block;padding:0;color:#fff;text-decoration:none;transition: background-color 0.5s ease;padding:10px 20px;border-radius:3px;box-shadow: 1px 2px 4px 0px rgba(56, 58, 62, 0.67);}
#cssmenu > ul > li.active > a:hover{background: rgb(16,55,121); background: -moz-linear-gradient(top, rgba(16,55,121,1) 0%, rgba(8,74,187,1) 50%, rgba(1,92,247,1) 100%); background: -webkit-linear-gradient(top, rgba(16,55,121,1) 0%,rgba(8,74,187,1) 50%,rgba(1,92,247,1) 100%); background: linear-gradient(to bottom, rgba(16,55,121,1) 0%,rgba(8,74,187,1) 50%,rgba(1,92,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103779', endColorstr='#015cf7',GradientType=0 ); color:#d1d7e0;transition: background-color 0.5s ease;}
#cssmenu > ul > li.active > a:hover{color:#d1d7e0;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {color: #0848b5;}
#cssmenu.small-screen {width: 100%;}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {width: 100%;text-align: left;}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {float: none;display: block;border-top: 1px solid rgba(100, 100, 100, 0.1);}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {color: #dff2fa;-webkit-transform: none;-moz-transform: none;transform: none;-ms-transform: none;}
#cssmenu.small-screen > ul > li > a::before {display: none;}
#cssmenu.small-screen #menu-button {display: block;padding: 16px 20px;cursor: pointer;text-decoration: none;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;background: #3db2e1;}
#cssmenu.small-screen #menu-button:after {content: "";position: absolute;right: 20px;top: 17px;display: block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;width: 22px;height: 3px;}
/* #cssmenu.small-screen #menu-button.menu-opened:after {border-top: 2px solid #dff2fa;border-bottom: 2px solid #dff2fa;} */
#cssmenu.small-screen #menu-button:before {content: "";position: absolute;right: 20px;top: 27px;display: block;width: 22px;height: 2px;background: #ffffff;}
/* #cssmenu.small-screen #menu-button.menu-opened:before {background: #dff2fa;} */
.content-wrapper {width: 100%;float:left;}
/*banner*/
.item .banner-stripe {position: absolute;z-index: 1;width: 100%;bottom: 0;margin: auto;left: 0;right: 0;padding:5px 0;background: rgba(0, 0, 0, 0.54);}
.our-skills.mt50{margin-top:50px;}
.sliderbg{background-repeat:no-repeat; background-size:cover; background-position:top center;padding:0;color:#fff;position: relative;font-size:21px;overflow:hidden;}
.sliderbg:after{content:'';position:absolute;bottom:0; left:0;border-left:50vw solid #fff;border-right:50vw solid #fff;border-top:50px solid transparent;}
/* .banner-caption{width:520px;} */
.banner-caption p {padding: 0 20px 0 0;line-height:1.5;}
.banner-caption .best{font-size:33px;background:#095ae5;text-align:center;padding:11px;margin-bottom: 37px;}
.banner-caption h1{margin:0 0 0 0;padding:0;font-size:34px;width:710px;font-weight: 700;line-height: 1.1;color: #fff;font-family: 'Roboto Condensed', sans-serif;display: inline-block;text-shadow: 2px 2px 2px #000;}
.view-details{clear:both;}
.view-details .view-btn{background: rgb(1,92,247); background: -moz-linear-gradient(top, rgba(1,92,247,1) 0%, rgba(8,74,187,1) 50%, rgba(16,55,121,1) 100%);background: -webkit-linear-gradient(top, rgba(1,92,247,1) 0%,rgba(8,74,187,1) 50%,rgba(16,55,121,1) 100%);background: linear-gradient(to bottom, rgba(1,92,247,1) 0%,rgba(8,74,187,1) 50%,rgba(16,55,121,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015cf7', endColorstr='#103779',GradientType=0 );display:inline-block;padding:0;color:#fff;text-decoration:none;text-transform:uppercase;font-size:18px;padding:16px 0;border-radius:5px;box-shadow: 1px 2px 4px 0px #383a3e;transition: background-color 0.5s ease;width:160px;box-sizing: border-box;text-align:center;outline:none;border:none;}
.view-details .view-btn:hover{background: rgb(16,55,121); background: -moz-linear-gradient(top, rgba(16,55,121,1) 0%, rgba(8,74,187,1) 50%, rgba(1,92,247,1) 100%); background: -webkit-linear-gradient(top, rgba(16,55,121,1) 0%,rgba(8,74,187,1) 50%,rgba(1,92,247,1) 100%); background: linear-gradient(to bottom, rgba(16,55,121,1) 0%,rgba(8,74,187,1) 50%,rgba(1,92,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103779', endColorstr='#015cf7',GradientType=0 ); color:#d1d7e0;transition: background-color 0.5s ease;}
.mt-40{margin-top:40px;}
/*Site Content*/
.site-content{margin:0;padding:45px 0 0 0;}
.our-skills{margin:0 0 75px 0;text-align:center;font-weight:300;color:#605f5f;font-size:14px;float: left; width: 100%;}
h2.site-title{margin:0 0 22px 0;padding-bottom:11px;position:relative;color:#005efe;font-weight:500;font-size:32px;text-align: center;}
h2.site-title:before{position:absolute;content:""; width:50px;height:1px;background:#10377b;left:0;right:0;bottom: 0;margin:auto;}
h2.site-title:after{position:absolute;content:""; width:34px;height:1px;background:#10377b;left:0;right:0;bottom:-3px;margin:auto;}
.sub-content{line-height:1.5;width:700px;margin:auto;text-align:center;font-weight:300;font-size:14px;}
.skill-gallery {float:left;width:100%;margin:45px 0 0 0;padding:0;clear:both;}
.skill-gallery figure {position: relative;float: left;overflow: hidden;margin:0 15px 30px 15px;width:calc(25% - 33px);height: auto;background: #3085a3;text-align: center;cursor: pointer;}
.skill-gallery figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.skill-gallery figure figcaption, .skill-gallery figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.skill-gallery figure.effect {background: #3498db;}
.skill-gallery figure.effect img {opacity: 0.95;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.skill-gallery figure.effect figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0, 94, 254, 0.35);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.skill-gallery figure.effect:hover img {opacity: 0.6;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.skill-gallery figure.effect:hover figcaption::before {-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.skill-gallery figure.effect h4{background: rgba(0, 0, 0, 0.62);position: absolute;bottom: 0;left: 0;right: 0;width: 100%;color: #fff;font-weight: 400;font-size: 18px;padding: 10px 7px;}
.social-wrapper{position:relative;background-color:#2a4d89;}
.social-wrapper .we-are{width:50%;padding:35px 35px 27px 20px;box-sizing:border-box; position: relative;
z-index: 1;}
.social-wrapper .we-are .follow-content{clear:both;text-align: center;color:#fff;font-weight:300; font-size: 18px;line-height: 1.4;padding:22px 20% 55px 20%}
.social-wrapper .we-are ul{margin:0;padding:0;clear:both;}
.social-wrapper .we-are ul li{width:49.5%;display: inline-block;vertical-align: middle;text-align:center;}
.social-wrapper .we-are ul li:first-child{border-right:solid 1px #fff;padding-right:10px;box-sizing:border-box;}
.social-wrapper .we-are ul li img{max-width:100%;}
.social-wrapper .request-quote:before{background:url(../images/we-are-social.jpg);background-repeat:no-repeat;box-sizing: border-box;background-position: top right;position:absolute;content:"";left:-200%;top:0;width:200%;height:100%; border-right: solid 1px #fff;}
.social-wrapper .request-quote{width:50%; background:url(../images/mail-transparent.png);background-repeat:no-repeat;box-sizing: border-box;background-position: top right;padding:35px 35px 27px 20px;border-left: solid 1px #fff; position:relative;}
.form-title{font-size:36px;font-weight:400;color:#fff;line-height:1;width:520px;float:left;text-align:center;padding-bottom: 10px;}
.social-wrapper .request-quote form{width:520px;float:left;}
.social-wrapper .request-quote form .form-input{width:calc(50% - 4px);float:left;margin-right:8px;margin-bottom:8px;}
.social-wrapper .request-quote form .form-input:nth-child(even){margin-right:0;}
.social-wrapper .request-quote form .form-input .input{width:100%;height:40px;border:none;outline:none;padding:5px 20px;color:#848596;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:300;}
.social-wrapper .request-quote form .form-input.textarea{width:100%;}
.social-wrapper .request-quote form .form-input.textarea .input{ resize: none;min-height:100px;padding:15px 20px;}
.social-wrapper .request-quote form .form-input.textarea .submit-btn{background: rgb(17,53,116); background: -moz-linear-gradient(top, rgba(17,53,116,1) 0%, rgba(14,45,98,1) 51%, rgba(9,32,71,1) 100%);background: -webkit-linear-gradient(top, rgba(17,53,116,1) 0%,rgba(14,45,98,1) 51%,rgba(9,32,71,1) 100%); background: linear-gradient(to bottom, rgba(17,53,116,1) 0%,rgba(14,45,98,1) 51%,rgba(9,32,71,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113574', endColorstr='#092047',GradientType=0 );border: none;display:inline-block;padding:0;color:#fff;text-decoration:none;font-size:18px;padding:12px 0;border-radius:5px;box-shadow:1px 2px 4px 0px rgba(9, 33, 74, 0.67);transition: background-color 0.5s ease;width:100%;box-sizing: border-box;text-align:center;outline:none;cursor:pointer;}
.social-wrapper .request-quote form .form-input.textarea .submit-btn:hover{background: rgb(9,32,71); background: -moz-linear-gradient(top, rgba(9,32,71,1) 1%, rgba(14,44,96,1) 51%, rgba(17,54,117,1) 100%, rgba(17,53,116,1) 100%);background: -webkit-linear-gradient(top, rgba(9,32,71,1) 1%,rgba(14,44,96,1) 51%,rgba(17,54,117,1) 100%,rgba(17,53,116,1) 100%); background: linear-gradient(to bottom, rgba(9,32,71,1) 1%,rgba(14,44,96,1) 51%,rgba(17,54,117,1) 100%,rgba(17,53,116,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092047', endColorstr='#113574',GradientType=0 ); color:#d1d7e0;transition: background-color 0.5s ease;}
.work-guarantee{float:left;width:100%;padding:55px 0 40px 0;}
.work-guarantee .sub-content{margin-bottom:55px;}
.work-guarantee .work-content{float:left;width:100%;color:#797979;font-size:14px;line-height:1.4;margin:0 0 40px 0;}
.work-guarantee .work-content h4{font-weight: 500;font-size: 22px;color:#252525;padding-bottom:7px;}
.work-guarantee .work-content h6{font-weight: 500;font-size: 15px;padding-top:10px;color: #000;}
.work-guarantee .work-content .left-col{float:left;width:calc(50% - 80px);}
.work-guarantee .work-content .mid-col{float:left;width:160px;text-align:center;padding:45px 0 0 0;}
.work-guarantee .work-content .mid-col img{max-width:100%;}
.work-guarantee .work-content .right-col{float:right;width:calc(50% - 80px);}
.work-guarantee .work-content .right-col ul {list-style: disc;padding-left: 20px;}
.work-guarantee .work-content .right-col ul li{color:#000;font-weight:500;margin-bottom:5px;}
.who-we-are{background:url(../images/who-we-are.jpg);background-repeat:repeat;color:#fff;padding:30px 0;max-height:319px;box-shadow: 1px 2px 4px 0px rgba(56, 58, 62, 0.68);}
.who-we-are .sub-content{width:auto;padding: 0 10%;}
.who-we-are .sub-content p{padding: 0 0 10px 0;}
.who-we-are .sub-content p:last-child {padding: 0;}
.who-we-are h2.site-title{color:#fff;}
.who-we-are h2.site-title:before, .who-we-are h2.site-title:after{background:#fff;}
.who-we-are .view-details{text-align:center;}
.who-we-are .view-details .view-btn{background:#fff;color:#005efe;font-size:15px;width:115px;font-weight:400;border-radius:3px;}
.who-we-are .view-details .view-btn:hover{background:#d1d7e0;}
.our-service{padding:60px 0 30px 0;}
.our-service .video-wrapper{float:left;width:100%;margin:35px 0 0 0;}
.our-service .video-wrapper .width-49{width:48.7%;}
.our-service .video-wrapper .width-49 iframe{width:100%;min-height:328px;}
.gallery-preview{margin:30px 0 0 0;width:100%;float: left;}
.gallery-preview ul{margin:0;padding:0;}
.gallery-preview{margin:30px 0 0 0;width:100%;float: left;}
.skill-gallery .gallery-preview ul{ margin-left: -10px; margin-right: -10px;padding:0;}
.gallery-preview ul li{float: left;margin:0 15px 30px 15px;width: calc(20% - 24px);position:relative;display: block;}
.gallery-preview ul li span {background: url(../images/view-icon.png);background-repeat:no-repeat;font-style:italic;color:#a2b2cd;font-size:14px;text-align: center;padding-top: 28px;width: 40px;height: 15px;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
/* .gallery-preview ul li:before {position: absolute;content: "";background: rgba(0, 14, 40, 0.6);width: 100%;left: 0;right: 0;height: 100%;} */
.gallery-preview ul li:nth-child(1), .gallery-preview ul li:nth-child(6){margin-left: 0;}
.gallery-preview ul li:nth-child(5), .gallery-preview ul li:nth-child(10){margin-right: 0;}
div.jsgallery-container {position: fixed;background-color:#000;background-color:rgba(0, 0, 0, 0.8);width: 100%;
height: 100%; top:0;left: 0;z-index: 999999;visibility: hidden;}
.jsgallery-container #jsgall_htmloverlay {position:absolute;width:100%;height: 70px;left:0;bottom: 0;color: #FFF;}
.jsgallery-container.active {display: block;}
.jsgallery-container #jsgall_imageContainer {text-align: center;white-space: nowrap;height: 100%;width: 100%;}
.jsgallery-container #jsgall_imageContainer:before {content: ' ';display: inline-block;vertical-align: middle !important; height: 100%;}
.jsgallery-container #jsgall_imageContainer img#jsgallery_displayed_image {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;border: solid 5px #656972;}
.jsgallery-container #jsgall_imageContainer img#jsgallery_displayed_image.start_size { opacity: 0;}
.jsgallery-container .gallery-arrow {cursor: pointer;font-size: 70px;color: #FFF;text-shadow: 0px 0px 5px #878787;
transition: left;-webkit-transition: left 0.5s ease-in-out, right 0.5s ease-in-out; transition: left 0.5s ease-in-out, right 0.5s ease-in-out;}
.jsgallery-container .arrow-right {width: 43px; height: 63px; position: absolute;right: 10px;top: 45%;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none; -ms-user-select: none;}
.jsgallery-container .arrow-left {width: 43px; height: 63px; position: absolute;left: 20px;top: 45%;-webkit-user-select: none;-moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;}
.jsgallery-container .arrow-left.start_pos {left: -100px;}
.jsgallery-container .arrow-right.start_pos {right: -100px;}
.jsgallery-container .gallery-arrow.arrow-left:hover {border-right-color: #ccc;color: #ccc;}
.jsgallery-container .gallery-arrow.arrow-right:hover {border-left-color: #ccc;color: #ccc;}
.jsgallery-container #jsgall_close {position: absolute;height: 60px;width: 60px;top:30px;right: 40px;color: #FFF;
font-size: 50px;cursor: pointer;text-shadow: 0px 0px 10px #878787;}
.jsgallery-container #jsgall_close:hover {color: #ccc;}
.jsgallery-container i.fa.fa-times{background:url(../images/close.png);background-repeat:no-repeat;width:33px;height:33px;font-size:0;}
.jsgallery-container i.fa.fa-chevron-left{background:url(../images/left-arrow.png);background-repeat:no-repeat;width:35px;height:63px;font-size:0;}
.jsgallery-container i.fa.fa-chevron-right{background:url(../images/right-arrow.png);background-repeat:no-repeat;width:35px;height:63px;font-size:0;}
.our-equipment {float: left;width: 100%;margin-top: 40px;}
.equipment-content{margin:35px 0 65px 0;padding:0;float:left;width:100%;}
.equipment-content .equipment-repeater{float: left;width: 100%;margin-bottom:30px;}
.equipment-content .equipment-repeater ul{margin:0;padding:0;list-style:none;}
.equipment-content .equipment-repeater ul li{float:left;width:calc(50% - 10px); padding-right: 10px;margin-bottom: 25px;}
.equipment-content .equipment-repeater ul li .equipment-img{border: solid 1px #d8d8d8;padding: 5px;}
.equipment-content .view-details{float:left;text-align:center;width: 100%;margin-top: 0;}
.equipment-content .view-details .view-btn{width:115px;padding: 11px 0;box-shadow: none;}
.equipment-content .equipment-text{font-size:14px;font-weight:300;color:#797979;line-height:1.4;padding-left: 10px; box-sizing: border-box;}
.equipment-content .equipment-text span{display:block;}
.equipment-content .equipment-text h4{font-size:20px;font-weight:500;color:#252525;padding-bottom:5px;line-height: 1;}
.equipment-content .equipment-text h6{font-size:16px;font-weight:400;color:#797979;padding-bottom:8px;}
.equipment-content img{max-width:100%;}
.width49{width:49%}
.width48{width:48%}
/*our-skill page*/
.our-skill{padding: 50px 0;}
.our-skill .banner-caption{width: 100%;}
.our-skill .banner-caption h1{width: 100%;margin: 0;position:relative;}
.our-skill.sliderbg:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";width:100%;background-color:rgba(0, 0, 0, 0.49);}
.our-skill.sliderbg:after{border-left: none;border-right: none;border-top: none;}
.custom-content{margin:0;padding:0;}
.custom-content .sub-content{padding-top:40px;}
.skill-gallery.video-gallery{margin: 0;}
.our-skills.custom-gallery{margin: 0 0 0px 0;padding: 0;}
.our-skills.custom-gallery h4{color: #252525; font-weight: 500;font-size: 22px;background: #f7f7f7;padding:10px; margin-bottom: 10px;display:none;}
.our-skills.custom-gallery figure{width: calc(50% - 15px);cursor: inherit;background: transparent;padding:5px;
box-sizing: border-box;border: solid 1px #efefef;}
.our-skills.custom-gallery figure .imgCon{height: 300px;overflow:hidden;}
.our-skills.custom-gallery figure:first-child {margin: 0 15px 30px 0;}
.our-skills.custom-gallery figure:last-child {margin: 0 0 30px 15px;}
.our-skills.custom-gallery iframe{width:100%;height:296px;}
.our-skills.thumb-gallery{margin: 0 0 30px 0;padding: 0;}
.our-skills.thumb-gallery .skill-gallery{ margin: 0;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview{margin:0;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li{padding:5px;box-sizing: border-box;
border: solid 1px #efefef;margin: 0 10px 20px 10px;width: calc(20% - 20px);}
/* .our-skills.thumb-gallery .skill-gallery .gallery-preview ul li:nth-child(1){margin-left:0;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li:nth-child(5){margin-right:0;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li:nth-child(6){margin-left:0;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li:nth-child(10){margin-right:0;} */
.our-skills.thumb-gallery h4{color: #252525; font-weight: 500;font-size:14px;background: #f7f7f7;padding:7px; margin-bottom: 10px;display:none;}
.our-skills.thumb-gallery figure{width: calc(25% - 30px);cursor: inherit;background: transparent;padding: 10px;box-sizing: border-box;border: solid 1px #f7f7f7;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li .imgCon {height: 160px;overflow:hidden;}
.footer{background:#222;color:#797979;font-size:14px;padding:70px 0 0 0;float: left;width: 100%;}
.footer h4{font-size:20px;font-weight:500;color:#fff;padding-bottom:15px;}
.footer ul{margin:0;padding:0;}
.footer ul li{display:block;margin-bottom:10px;}
.footer ul li a{display:inline-block;color:#797979;text-decoration:none;}
.footer ul li a:hover{color:#fff;}
.footer .useful-links{font-size:16px;width:190px;}
.footer .quick-connect{width:210px;}
.footer .quick-connect .input{width:100%;height:35px;border:solid 1px #3a3a3a;outline:none;padding:8px 10px;color:#848596;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:300;background:transparent;margin-bottom:10px;}
.footer .quick-connect .input.textarea{resize: none;min-height: 100px; padding: 8px 10px;}
.footer .quick-connect .view-details .view-btn{box-shadow:none;font-size:13px;padding: 11px 0;cursor:pointer;}
.footer .footer-logo{width:300px;margin-left:70px;}
.footer .footer-logo .logo{background:#fff;padding:3px 5px;box-sizing:border-box;border-radius:5px;margin-top: -23px;}
.footer .footer-logo ul{margin:20px 0px 0px 20px;}
.footer .footer-logo ul li{margin-bottom:25px;}
.footer .footer-logo ul li i{font-size:16px;vertical-align:middle;top: -1px;}
.footer .map{width:380px;margin-left: 50px;}
.footer .map iframe{width:100%;height:220px;}
.footer .copyright{font-weight:500;font-size:14px;text-align:center;border-top:solid 1px #3c3c3c;color:#828181;padding:15px;margin-top:40px;}
label.error {color: red;font-size: 12px;}
.footer .quick-connect label.error { position: relative; bottom: 7px;}
.thankyou {background-repeat: no-repeat;background-size: cover;background-position: top center;padding: 0 0 0 0;color: #fff;font-weight: 400;text-align: center;height: 100vh;}
.thankyou .banner-caption h1{ padding: 40% 0 0 0;}
/*Quality Control*/
.quality-control .qc {border: solid 1px #d8d8d8;padding: 0;}
.quality-control .qc {text-align:center;}
.quality-control .qcaption {font-size: 20px;font-weight: 500;color: #252525;padding-bottom: 5px;line-height: 1;}
@media screen and (min-width: 1370px) {
.social-wrapper .request-quote{padding: 30px 35px 27px 20px;}
}
@media screen and (max-width: 1366px) {
.social-wrapper .request-quote{padding: 30px 35px 27px 20px;}
}
@media screen and (max-width: 1230px) {
.sitewrapper {padding:0 15px;max-width: 100%;}
.social-wrapper .we-are .follow-content{padding: 15px 0 55px 0;}
.equipment-content .equipment-repeater ul li{width: calc(49% - 10px);}
.footer .useful-links {width: 17%;}
.footer .quick-connect {width: 32%;}
.footer .footer-logo {width: 44%;margin-left: 50px;}
.footer .map{width: 44%;}
}
@media screen and (max-width: 1180px) {
.form-title{width: 100%;}
.social-wrapper .request-quote form{width: 100%;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li .imgCon, .our-skills.custom-gallery figure .imgCon{ height: auto; }
}
@media screen and (max-width: 1024px) {
.site-content { padding: 30px 0 0 0;}
.social-wrapper .request-quote {padding: 30px 30px 20px 30px;}
.banner-caption h1{ font-size: 36px;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li{width: calc(25% - 20px);}
}
@media screen and (max-width: 980px) {
.social-wrapper .we-are ul li{width: 45%;padding: 10px;}
.social-wrapper .we-are ul li:first-child{padding-right: 14px;}
.who-we-are{background-size: contain;max-height:inherit;}
.who-we-are .sub-content{padding: 0;}
.who-we-are .view-details .view-btn{width: 125px;}
.who-we-are .view-details{margin: 20px 0;}
.our-skills.custom-gallery figure{height: 260px;}
}
@media screen and (max-width: 900px) {
.header .logo{width: 260px;}
#cssmenu{padding-top: 20px;}
#cssmenu > ul > li > a {padding: 10px 12px;}
.our-skills.custom-gallery figure{height: 240px;}
}
@media screen and (max-width: 768px) {
.sliderbg{padding: 50px 0;font-size: 16px;}
.banner-caption .best{font-size: 26px;padding: 8px;display: inline-block;margin-bottom: 10px;}
.banner-caption h1{font-size: 44px;margin: 0 0 0px 0;}
.mt-40 {margin-top: 20px;}
.view-details .view-btn{font-size: 15px;padding: 13px 20px;width: auto;}
.site-content { padding: 15px 0 0 0;}
.sub-content{width: 100%;}
.skill-gallery{margin: 25px 0 0 0;}
h2.site-title{font-size: 26px;}
.skill-gallery figure{margin:0 7px 14px 7px;width: calc(25% - 14px);}
.skill-gallery figure.effect h4{font-size: 14px;padding: 7px 7px;}
.work-guarantee{padding: 20px 0;}
.work-guarantee .work-content h4{font-size: 18px;}
.work-guarantee .sub-content{margin-bottom: 25px;}
.form-title{font-size: 26px;}
.social-wrapper .request-quote{width: 100%;border:none;}
.social-wrapper .request-quote form .form-input.textarea .input{min-height: 60px;}
.social-wrapper .we-are{width: 100%;padding: 15px 35px 15px 20px;}
.social-wrapper .we-are:before{background:url(../images/we-are-social.jpg);background-repeat:no-repeat;box-sizing: border-box;background-position: top left;position:absolute;content:"";left:0;top:0;width:100%;height:100%; border:none;}
.social-wrapper .we-are .follow-content {padding: 0px 0 25px 0;position:relative;}
.social-wrapper .we-are ul, .form-title{position:relative;margin-bottom: 10px;}
.social-wrapper .request-quote:before{display:none;}
.social-wrapper .sitewrapper {padding: 0;}
.equipment-content .equipment-repeater ul li {width: 100%;margin:0 0 30px 0;padding:0;}
.who-we-are{padding:15px 0 5px 0;}
.footer{padding: 30px 0 0 0;}
.footer .footer-logo ul li {margin-bottom: 15px;line-height: 1.4;}
.footer .useful-links {width: 25%;}
.footer .quick-connect {width: 33%;}
.footer .footer-logo {width: 33%;}
.footer .map {width: 100%;margin-left: 0;margin-top: 30px;}
.footer .footer-logo .logo{margin-top: 0;}
.footer .copyright{font-size: 13px;font-weight: 400;}
.footer .quick-connect .view-details .view-btn{width: 100%;}
}
@media screen and (max-width: 767px) {
.header .logocol{position: relative;z-index: 9999;}
.fixed-header{height: auto;}
.fixed-header.sticky .top-bg{padding: 10px 0;}
.fixed-header.sticky .header{padding: 12px 0 15px 0;}
.fixed-header.sticky{position:static;height: auto;}
.fixed-header.sticky + .content-wrapper{margin: 0;}
.fixed-header.sticky .top-bg ul.contacts{ font-size: 13px;}
.fixed-header.sticky .top-bg ul.social li{margin-left: 14px;}
.fixed-header.sticky #cssmenu{padding-top: 0;}
.header{position: relative;}
.header .flRight{position: absolute;top:16px;right:0;width:100%;z-index:999;}
#cssmenu.small-screen {text-align: right; padding-top: 0;}
#cssmenu.small-screen #menu-button{background:transparent;outline: none; box-shadow: none;padding: 10px 10px 32px 10px;display: inline-block;}
#cssmenu.small-screen #menu-button::before{background: #0f316a;}
#cssmenu.small-screen #menu-button::after{border-top: 2px solid #0c295b;border-bottom: 2px solid #0c295b;}
#cssmenu.small-screen > ul, #cssmenu.small-screen.align-center > ul{background:#0c2a5c;}
#cssmenu > ul > li > a{color:#fff;padding: 14px;display:block;}
#cssmenu.small-screen > ul > li, #cssmenu.small-screen.align-center{border-top: 1px solid rgb(31, 62, 115);text-align: center;}
#cssmenu.small-screen > ul > li:hover > a, #cssmenu.small-screen > ul > li > a:hover{color:#fff;display:block;}
#cssmenu > ul > li.active > a, #cssmenu > ul > li.active > a:hover{background:none;box-shadow:none;color:#fff;padding: 14px;display:block;border-radius:0;font-weight: 700;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li { width: calc(33% - 30px);}
.top-bg{padding: 10px 0;}
.top-bg ul.contacts{font-size: 13px;padding: 0;}
.top-bg ul.contacts li {margin: 0 10px 0 0;}
.top-bg ul.contacts li i {font-size: 15px;}
.top-bg ul.social{font-size: 16px;}
.top-bg ul.social li{margin-left: 14px;}
.sliderbg:before {position: absolute;top: 0;left: 0;width: 100%;background: rgba(13, 43, 94, 0.39);bottom: 0;content: "";}
.banner-caption {position: relative;}
.banner-caption .best{font-size: 20px;}
.banner-caption h1{font-size: 20px;width: 100%;}
h2.site-title{font-size: 20px;}
.work-guarantee .work-content{margin: 0;}
.work-guarantee .work-content .left-col{width: 100%;margin-bottom: 35px;}
.work-guarantee .work-content .mid-col{display:none;}
.work-guarantee .work-content .right-col{width: 100%;margin-bottom: 35px;}
.work-guarantee .work-content h4{font-size: 16px;}
.work-guarantee .work-content h6{font-weight: 400;font-size: 14px;}
.equipment-content{margin: 35px 0 25px 0;}
.equipment-content .equipment-text h4{ font-size: 16px;}
.equipment-content .equipment-repeater{margin-bottom: 10px;}
.footer h4{font-size: 15px;}
.footer .useful-links{font-size: 14px;}
.our-skills.custom-gallery figure{ width: 100%;margin:0 0 15px 0;height: 320px;}
.our-skills.custom-gallery figure:last-child{margin: 0 0 15px 0;}
.quality-control .qcaption{font-size: 16px;}
.our-skills.mt50 { margin-top: 30px;}
.our-skills.custom-gallery figure, .our-skills.custom-gallery figure, .our-skills.custom-gallery iframe, .our-skills.custom-gallery figure
{ height: auto; margin:0 0 0px; }
}
@media screen and (max-width: 620px) {
.footer .useful-links {width: 50%;}
.footer .quick-connect {width: 50%;}
.footer .footer-logo{width: 100%;margin-left:0;margin-top:40px;}
.our-skills.thumb-gallery .skill-gallery .gallery-preview ul li { width: 100%; margin:0 0 15px; }
}
@media screen and (max-width: 580px) {
.top-bg ul.contacts li:nth-child(2) {display: none;}
.banner-caption {width: 100%;}
.skill-gallery figure{width: calc(50% - 14px);}
.form-title {font-size: 20px;font-weight:500;}
.social-wrapper .request-quote form .form-input {width: 100%;margin-right: 0;margin-bottom: 10px;}
}
@media screen and (max-width: 420px) {
.footer .useful-links {width: 100%;}
.footer .quick-connect {width: 100%;margin-top:20px;}
.top-bg ul.contacts li:nth-child(3) {display: none;}
.top-bg ul.contacts li i {font-size: 18px;}
./* top-bg ul.social {font-size: 18px;} */
.sliderbg {padding: 30px 0 60px 0;}
.banner-caption p{line-height:1.2;}
.banner-caption .best {font-size: 18px;}
.equipment-content{margin: 15px 0 25px 0;}
.equipment-content .equipment-repeater ul li{margin: 0 0 10px 0;}
.equipment-content .equipment-repeater ul li .equipment-img{width: 100%;padding: 10px;box-sizing: border-box;margin-bottom:20px;text-align: center;}
.equipment-content .equipment-text{width: 100%;padding: 0;margin-bottom:10px;}
.equipment-content .equipment-text h4{margin-bottom: 8px;}
}
@media screen and (max-width: 380px) {
.banner-caption h1{ font-size: 18px;}
.header .logo, .fixed-header.sticky .header .logo {width: 240px;}
.skill-gallery figure{width: 100%;margin: 0 0 10px 0;}
.skill-gallery figure.effect img{width: 100%;}
.skill-gallery figure.effect h4 {font-size: 15px;padding: 10px 7px;}
.quality-control .qc {text-align: center;width: 100%;margin: 0 0 15px 0;float: left;}
}