@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');
/************************************* Reset Styles ********************************/
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;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px; max-width:100%;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686;
}
/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
body{overflow-X:hidden;}
.safeArea{max-width:1040px; margin:0 auto;}

.logoHolder{width:200px; padding:20px 0; float:left; margin-right:50px;}
.mainMenuHolder{float:right;}
.mainMenuHolder ul{width:100%; display:inline-block;}




.mainMenuHolder ul li{float:left;}
.mainMenuHolder ul li a {font-size: 14px;color: #104c92;font-family: 'Roboto', sans-serif;font-weight: 300;	text-transform: uppercase; padding: 30px 35px;	position: relative;	display: block;}
.mainMenuHolder ul li a:after{content:""; height:8px; width:100%; top:0; background-color:#6bb3dd; position:absolute; left:0; display:none;}
.mainMenuHolder ul li a:hover, .mainMenuHolder ul li.selected a{color:#6bb3dd;}
.mainMenuHolder ul li a:hover:after, .mainMenuHolder ul li.selected a:after{display:block;}
.mainSliderHolder .flexslider .slides > li{height:600px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.mainSliderHolder .flex-direction-nav{display:none;}
.mainSliderHolder .flexslider .slides > li .safeArea{position:relative; height:100%}
.mainSliderHolder .flex-control-nav{bottom:15px;}


.sliderCaptionHolder{position:absolute; background-color:#fff; padding:20px; top:50%; left:-50px; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box;  opacity:0;}
.flex-active-slide .sliderCaptionHolder{left:calc(50% - 320px); opacity:1;}
.captionText{color:#428ac9; font-size:50px; font-family: 'Roboto', sans-serif; font-weight: 700; line-height:50px;}


.hpBlock{padding:80px 0;}
.hpBlock h2{font-size:36px; font-weight:300; color:#004476; text-transform:uppercase; margin-bottom:20px; padding-bottom:20px; position:relative; text-align:center;}
.servicersHolder .flexslider .slides > li{text-align:center;}
.serviceTitle{text-align:center; font-size: 18px; color: #004476; display: block; font-weight: 300; margin-bottom: 7px;}
.productText {font-size: 14px; color: #808080;}
.serviceIcon{margin-bottom:15px; width:110px; display:inline-block; max-width:60px;}
.servicersHolder{margin-bottom:50px;}
.mainBtn{text-align:center;}
.mainBtn a{padding:20px 40px; display:inline-block; background-color:#003363; font-size:16px; color:#fff; text-transform:uppercase; text-align:center;}
.mainBtn a:hover{background-color:#6bb3dd;}

.hpOverview h2{color:#fff;}
.hpOverview{background:#004476;}
.imgBg{background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.imgBg:after{content:""; background-color:rgba(0,51,99,0.5); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.hpContentBlock{margin-bottom:35px; font-size:16px; color:#fff; font-weight:300; text-align:center;}
.imgBg .safeArea{position:relative; z-index:4;}
.imgBg .mainBtn a {background-color: #fff;text-transform: none;	color: #004476; padding: 15px 40px; border-radius:4px;}
.imgBg .mainBtn a:hover{background-color:#004476; color:#fff;}



.contactBlock h2:after{display:none;}

.leftBlock{width:49%; float:left; margin-right:2%;}
.rightBlock{width:49%; float:left;}

.formRow{width:100%;}
.formRow .inputHolder, .formRow .textareaHolder{border-top:1px solid #4d4d4d; margin-bottom:25px; position:relative;}
.formRow .inputHolder:before, .formRow .textareaHolder:before{content:''; position:absolute; left:0; top:0; width:1px; height:5px; background:#4d4d4d; }
.formRow input, .formRow textarea{width:100%; padding:13px 10px;  font-size:14px; background-color:transparent; box-sizing:border-box; border:0 none;}

.formRow textarea{width:100%; height:150px;}
.formBtn{text-align:right;}
.formBtn input {padding: 10px 70px; color: #4d4d4d; font-size: 16px; cursor: pointer; background-color: transparent; border: 1px solid #4d4d4d; border-radius: 4px;}

.formBtn input:hover{color:#fff; background-color:#4d4d4d;}

.footer{background-color:#004476; padding:20px 0; color:#fff; font-size:12px; font-weight:300;}
.footer a{color:#fff; font-size:12px; text-decoration:underline;}
.footer a:hover{text-decoration:none;}
.cp{float:left; position:relative;}
.desdev{float:right;}
.fbIcon{border:1px solid #fff; border-radius:50%; width:30px; height:30px; display:inline-block; background-image:url(../images/fb-icon.svg); background-repeat:no-repeat; background-position:center center; background-size:auto 15px; position:absolute; right:-40px; top:-10px;}


.quickLinks{position:absolute; right:-332px; top:400px}
.openQL.quickLinks{right:0;}
.linksBtns{float:left; width:50px;}
.linksBtns a{width:100%; height:50px; background-color:#003363; display:block; margin-bottom:3px;}
.QLContent{width:300px; background-color:#003363; padding:18px 16px; float:left; color:#fff; overflow:hidden;}
.openingHours{background-position:0 0;}
.quickLinksBtnHolder{background-position:-50px 0;}
.quickLinksBtn.active{background-color:#004476;}
.qlTitle{font-size:14px; font-weight:600; margin-bottom:15px; text-transform:uppercase;}
.timeList li{font-size:12px; text-align:right; margin-bottom:20px}
.timeList li span{width:100px; display:inline-block; text-align:left; float:left;}
.QLContainer ul li{margin-bottom:15px;}
.QLContainer ul li a{color:#fff; font-size:12px; color:#fff; background-image:url(../images/arrow.svg); background-position:right center; background-repeat:no-repeat; background-size:6px auto; display:block;}
.subpageBanner{height:300px; background-position:center centere; background-repeat:no-repeat; background-size:cover; position:relative;}
.pageTitle{position:absolute; left:0; bottom:0; width:100%; padding:20px 0; background-color:rgba(0,68,118,0.8);}
.pageTitle h1{font-size:40px; font-weight:600; color:#fff; text-transform:uppercase;}
.subpageContainer{padding:40px 0;}
.aboutBlock{padding:70px 40px; width:50%; float:left; box-sizing:border-box; }
.textSide{background-color:#f2f2f2; position:relative;}
.aboutBlockList:nth-child(2n) .titleSide{float:right; text-align:left;}
.titleSide{text-align:right; color:#004476; font-size:30px; font-weight:600;}
.textSide:after{background-color:#f2f2f2; width:300%; height:100%; position:absolute; left:100%; top:0; content:"";}
.overviewBlock .textSide:before{background-image:url(../images/overview.svg); width:136px; height:140px; background-repeat:no-repeat; position:absolute; right:100%; bottom:0; content:"";display:block; background-size:100% auto;}

.visionBlock .textSide:before{background-image:url(../images/vision.svg); width:136px; height:127px; background-repeat:no-repeat; position:absolute; right:100%; bottom:0; content:"";display:block; background-size:100% auto;}
.techBlock .textSide:before{background-position:-1294px 8px;}
.aboutBlockList:nth-child(2n) .textSide:after{left:auto; right:100%;}
.aboutBlockList:nth-child(2n) .textSide:before{left:100%; right:auto;}
.noPads{padding:0;}
.textSide .mainBtn{margin-top:25px; text-align:left;} 

.QLContainer{display:none;}
#ql1{display:block;}

.pageTop{margin-bottom:30px;}
.breadCrumbs{float:left; padding-top:15px;}
.breadCrumbs li{display:inline-block;}
.breadCrumbs li a, .breadCrumbs li{color:#808080; font-size:12px;}
.breadCrumbs li a:hover{color:#004476;}
.breadCrumbs li:last-child{color:#004476;}

.backBtn{float:right;}
.backBtn a{color:#004476; font-size:16px; display:inline-block; border:1px solid #004476; padding:15px 20px;}
.backBtn a:hover{background-color:#004476; color:#fff;}

.leftMenu{float:left; width:28%; margin-right:2%;}
.leftMenu a{background-color:#f2f2f2; border-bottom:1px solid #d9d9d9; padding:20px; display:block; font-size:14px; color:#4d4d4d;}
.leftMenu a:hover, .leftMenu a.active{color:#fff; background-color:#004476}
.leftMenu a:last-child{border-bottom:0 none;}
.pageBody{float:left; width:70%;}
.pageBody h2, .galList ul li h2{font-size: 30px; font-weight: 300; color: #004476; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.prodList li{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #d9d9d9;}
.prodList li .prodImg{margin-right:3%; width:34%;}
.prodList li .prodDesc{width:60%;}
.prodList li .prodDesc .prodTitle{font-size:18px; text-transform:uppercase; color:#003363}
.prodList li .prodDesc .prodText{font-size:14px; color:#4d4d4d; margin-top:10px;}
.prodList li .prodImg img{display:block; width:100%;}
.prodList li .prodImg, .prodList li .prodDesc{display:inline-block; vertical-align:middle;}
.prodList li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0 none;}

.galList ul li{padding:40px 0;}
.galList ul li:nth-child(2n){background-color:#f2f2f2;}
.galList ul li .eachImg{width:32%; float:left; margin-right:1.5%; margin-bottom:15px;}
.galList ul li .eachImg a{display:block;}
.galList ul li .eachImg img{display:block; width:100%;}
.galList ul li .eachImg:nth-child(3n){margin-right:0;}
.hiddenImages{display:none;}
.galleryImages{margin-bottom:5px;}

.mapHolder{position:relative; margin-bottom:30px;}
.mapBtn{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.addressText{color:#4d4d4d; font-size:16px; margin-bottom:30px}
.contactInfo ul li{display:inline-block; margin-right:55px; padding-left:40px; font-weight:700; position:relative; color:#4d4d4d;}
.contactInfo ul li:after{position:absolute; left:0; top:0; content:""; width:40px; height:40px; display:block;  background-image:url(../images/mobile.svg); background-repeat:no-repeat;}
.contactInfo ul li.email:after{background-image:url(../images/mail.svg);}
.contactInfo ul li a{color:#4d4d4d;}
.contactInfo ul li a:hover{color:#004476;}
.QLLinksAbout{display:none;}

.quickLinksBtn, .openingHours{background-size:500px auto;background-image:url(../images/sprite.svg); }
.sliderCaptionHolder{transition:all linear 400ms 800ms;-moz-transition:all linear 400ms 800ms;-webkit-transition:all linear 400ms 800ms;-ms-transition:all linear 400ms 800ms;}
.quickLinks, .mainMenuHolder ul{transition:all linear 200ms ;-moz-transition:all linear 200ms ;-webkit-transition:all linear 200ms ;-ms-transition:all linear 200ms ;}
.hpBrands {background-color:#fff !important;}
.brandsList {text-align:center;}
.brandsList li {display: inline-block;margin-right: 60px; max-width:20%;}
.brandsList li:last-child{margin-right:0;}
.hpBlock.hpProducts, .subpageBlock {background: #f7f7f7;}
.servicersHolder .flex-control-nav {display:none;}
.listItem {background: #fff; padding: 30px 14px;}
.mapHolder{display:flex; justify-content:center; align-items:center; background-image:url(../images/map.jpg); background-repeat:no-repeat; margin-bottom:20px;}
.contactText{margin-bottom:60px;}
.mapHolder a{padding:15px 65px; font-weight:300; font-size:16px; color:#fff; background:#004476; border-radius:4px; border:1px solid #004476;}
.mapHolder a:hover{color:#004476; background:#fff;}
.formRow {width: 49%; float: left; margin-right: 2%;}
.formRow:nth-child(2n), .formRow.fullWidth {margin-right:0;}
.formRow.fullWidth{width:100%;}
.addressText{font-weight:700; font-size:16px; color:#4d4d4d;}
.contactInfo li{display:inline-block; margin-right:20px; padding-left:30px; background-repeat:no-repeat; background-position:left;}
.leftMenuDD{display:none !important;}
.hpBlock.contactBlock .mapHolder {height: 240px;overflow: hidden;}

@media all and (min-width: 1200px) and (max-width: 4000px){
.servicersHolder ul{text-align:center;}
.servicersHolder ul li {width: 22%;display: inline-block;margin-right: 1%;}
.aboutBlock{min-height:330px;}
}