@charset "utf-8";
@import url('fonts.css');
@import url("jquery.bxslider.css");
@import url("menu.css");


/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'montserratregular', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color: #353535; background: #fff;}
strong{font-family: 'montserratmedium'; font-weight:normal;}

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'montserratbold', Arial, Helvetica, sans-serif; color: #313243; font-size: 36px; margin:30px 0px; line-height: 46px; letter-spacing: -0.03em; text-transform:none;}
h2 { font-family: 'montserratbold', Arial, Helvetica, sans-serif; color: #313243; font-size: 28px; margin:30px 0px; line-height: 38px; letter-spacing: -0.03em; text-transform:none; }
h3 { font-family: 'montserratbold', Arial, Helvetica, sans-serif; color: #313243; font-size: 20px; margin: 20px 0px !important; line-height:28px;}
h4 { font-family: 'montserratmedium', Arial, Helvetica, sans-serif; color: #313243; font-size: 16px; margin: 0px 0px 20px 0px; text-transform: none; }
h5 { font-family: 'montserratmedium', Arial, Helvetica, sans-serif; color: #313243; font-size: 14px; margin: 0px 0px 20px 0px; text-transform: none; font-weight: normal; }
a, a:hover { color: #000; }
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 15px;}

::-moz-selection { background:#666666; color:#fff; }
::selection { background:#666666; color:#fff; }

body{overflow-x:hidden;}


/*
	=======================================================================
	 General Styles
	=======================================================================	
*/

.header{background:#fff; height:100px;}
.logo img{display:block; height:90px; width:auto; margin:5px 0px;}
.top_menu{padding:27px 0px !important;}
.content_box{width:100%; height:700px;display:table; background:#fff;}
.content_box2{width:100%; height:auto;display:flex; background:#fff;}
.content_box_left{background:#2985b2;float:none;display:table-cell; font-size:20px; line-height:32px;}
.content_box_left h1{color:#fff; font-size:42px; line-height:50px; text-transform:uppercase;}
.content_box_left .wraper{color:#fff; position:absolute; z-index:10; top:50px; bottom:50px; left:50px; right:300px;}

.content_box_left2{background:#2985b2;float:none;display:block; font-size:20px; line-height:32px;}
.content_box_left2 h1{color:#fff; font-size:42px; line-height:50px; margin-top:0px;}
.content_box_left2 .wraper{color:#fff; position:initial; z-index:10; padding:50px;}

.content_box_right{background:#000;float:none;display:table-cell;}
.content_box_right2{background:#fff;float:none;display:block; padding:0px !important;}
.content_holder{overflow-y:auto;}
.content_area{padding:0px 0px 30px 0px !important;}
.content_area h1{background:#2985b2; color:#fff; font-size:42px; margin:0px; padding:40px 0px; text-align:center; text-transform:uppercase;}
.sub_content{padding:30px 0px 30px 0px !important;}
.sub_content h1{background:#2985b2; color:#fff; font-size:42px; margin:0px; padding:40px 0px; text-align:center; text-transform:uppercase; border-top:1px solid #3c9bc9;}

.logo_list{margin:30px 0px !important}
.logo_list li{width:16.66%; display:block; float:left; padding:5px; border:1px solid #fff;}
.logo_list li:hover{border:1px solid #2985b2;}
.logo_list img{display:block; width:100%; height:auto;}

.footer{background:#2985b2;}
.footer .container .footer_wraper{background:#2985b2; border-radius:0 0 30px 30px; padding:50px 40px !important; margin-bottom:40px !important; color:#fff; text-align:center;}
.footer a{color:#fff;}


ul.works_list{margin:0px; padding:0px;}
ul.works_list li{width:50%; display:block; float:left;}
ul.works_list li a{display:block; float:left; position:relative;}
ul.works_list li a img{width:100%; height:auto;}
ul.works_list li a .works_name{position:absolute; z-index:1; top:15px; bottom:15px; left:15px; right:15px; background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.6); display:none;}
ul.works_list li a:hover .works_name{display:block;}
ul.works_list li a:hover .works_name div{position:absolute; z-index:20; top:0; left:0; right:0; padding:20px; color:#fff; text-transform:uppercase; font-size:20px; line-height:22px;font-family: 'montserratsemibold';}

.sub_header{padding:10px !important; background:#2985b2; border-top:1px solid #3c9bc9;}

.contact_image{width:100%; height:auto; margin:50px; margin-left:-100px;}
.conblock{background:#EBEBEB;}
.contact_logos{margin:20px 0px !important; overflow:auto;}
.contact_logos li{display:block; float:left; width:100px; margin-right:4px; border-radius:3px; overflow:hidden;}
.contact_logos img{width:100%; height:auto;}

.ourwork_block{border-top: 1px solid #3c9bc9;}




.elementor-column-gap-default > .elementor-column > .elementor-element-populated {padding: 0px !important;}

.sidebar_holder{background:#E1E1E1; padding:10px 20px; border-radius:5px; color:#000; margin-left:20px;}
.sidebar_holder h3{text-transform:uppercase; font-size:16px; line-height:18px; margin:8px 0px;border-bottom:1px solid black;
  position: relative; padding-bottom:10px;}
.sidebar_holder h3:after { padding:0;margin:0;display:block;content: ""; width:85%; height:1.1px; background-color:#E1E1E1; position: absolute; right:0; bottom:-1px;}
.sub_header h1{color:#fff;}
.post_image_holder{display:block; margin-bottom:30px; height:500px; overflow:hidden; border-radius:5px; position:relative;}
.post_image_holder .post_image_text_wraper{position:absolute; z-index:10; top:0; left:0; right:0; bottom:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */

}
.post_image_holder .post_image_text_wraper div{position:absolute; z-index:30; bottom:0; left:0; right:0; padding:30px; color:#ccc ;font-family: 'montserratlight'; font-size:10px; text-transform:uppercase; line-height:14px;}
.post_image_holder .post_image_text_wraper h3{margin:4px 0px !important; padding:0px; color:#fff;font-family: 'montserratlight'; font-size:12px; text-transform:uppercase; line-height:14px; max-width:500px;}
.post_image_holder img{width:100%; height:auto;position: relative;top: 50%;transform: translateY(-50%);}

.sidebar_post_list li{padding:10px 0px; border-bottom:1px solid #ccc;}
.sidebar_post_list li:last-child{border-bottom:0px;}
.sidebar_post_list li a{display:block; line-height:18px;}




label {
	display: block;
	margin: 0px;
	padding: 3px 0px !important;
	font-size: 11px;
	text-transform: uppercase;font-family: 'robotobold'; font-weight:normal;
}
input, select {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 6px 8px; outline:none;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width: 100%;
}
select{height:32px;}

[type="button"]{background:#cc0000; color:#fff; text-transform:uppercase; font-size:18px;font-family: 'robotobold'; padding:8px 30px; line-height:26px; border-radius:15px; text-decoration:none; letter-spacing:-0.01em; border:none; margin-top:15px;}

[type="button"]:hover{background:#2985b2 !important; color:#fff !important;}

.content_box_left [class*="col-"], .content_box_left2 [class*="col-"]{padding:0px !important;}

.footer_blue{background:#2985b2; margin:0px !important; padding:0px !important; border-top:1px solid #3c9bc9;}



#sidebar { width: 250px; position: fixed; top: 0px; bottom:0px; right: -250px; height:100vh; z-index: 9995; background: #2985b2; color: #fff; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
#sidebar.active { right: 0; }
#dismiss { width: 35px; height: 35px; line-height: 35px; text-align: center; background: #237aa4; color:#fff; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius:3px; }
#dismiss:hover { background: #3999c8; color: #fff; }
.overlay { position: fixed; width: 100vw; height: 100vh; background:rgba(81, 76, 75, 0.7) url(../images/overlay_bg.png); z-index: 9994; top:0; left:0; bottom:0; right:0; display:none;}
#sidebar .sidebar-header { padding: 12px 20px 20px 20px; background: #2985b2; border-bottom:1px solid #47a7d6;}
#sidebar ul.components { padding: 20px 0; border-bottom: 1px solid #47a7d6; }
#sidebar ul p { color: #fff; padding: 0px 10px; margin-top:0px; }
#sidebar ul li a { padding: 10px; font-size: 1em; display: block; color:#fff; }
#sidebar ul li a:hover { color: #fff !important; background: #3999c8; text-decoration:none; }
#sidebar ul ul li a:hover { color: #fff; background: #3999c8; text-decoration:none; }
#sidebar ul li.active > a, a[aria-expanded="true"] { color: #000 !important; background: #237aa4; }
.mob_menu a[data-toggle="collapse"] { position: relative; }
.mob_menu a[aria-expanded="false"]::before, a[aria-expanded="true"]::before { content: '\e259'; display: block; position: absolute; right: 20px; font-family: 'Glyphicons Halflings'; font-size: 0.6em; }
.mob_menu a[aria-expanded="true"]::before { content: '\e260'; }
#sidebar ul ul a { font-size: 0.9em !important; padding-left: 10px !important; background: #3192c1; color:#000 !important; }
ul.CTAs { padding: 20px; }
ul.CTAs a { text-align: center; font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 5px; }
a.btn1 { background: #237aa4; color: #000 !important; }
a.btn2, a.btn2:hover { background: #09283a !important; color: #fff !important; }
.sidebar_highlight{font-size:12px; line-height:16px; margin:0px; color:#9c9695;}
.sidebar_logo{display:block; margin-bottom:10px; margin-top:15px;}
.sidebar_logo img{width:60%; height:auto;}

#sidebarCollapse{display:none; cursor:pointer;}
#sidebarCollapse img{width:40px; height:auto;}

.wwd_block{text-align:center; font-size:13px; line-height:20px;}
.wwd_block [class*="col-"] {min-height:400px;}

/*
	=======================================================================
	 Media Queries
	=======================================================================	
*/
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {
 

.container { max-width: 1000px; width:1000px;}
.content_box_left .wraper{right: 50px;}
.content_box{height: 520px;}
.content_box_left h1{margin-top: 0px !important;}

}

/* Desktop App */
@media only screen and (max-width : 1024px) {

.container { max-width: 900px; width:900px;}

.wwd_block [class*="col-"] {
	min-height: 500px;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container { max-width: 700px; width:700px;}
.content_box{height: auto;display: block; position:relative;}
.content_box_left, .content_box_right{display:block;}
.content_box_left .wraper{position: relative; top:0; left:0; right:0; bottom:0; padding:40px 40px !important;}
.content_box_left h1, .content_box_left2 h1 {font-size: 26px;line-height: 30px;}
.logo img {height: 70px;margin: 15px 0px;}
.content_box_left {font-size: 14px;line-height: 24px; position:absolute; z-index:10; bottom:-270px; left:0px; right:0px; height:270px; overflow-y:scroll;}
.content_box_left2 {font-size: 14px;line-height: 24px;}
.content_box_right{height:400px; display:block;}
.content_area{margin-top:300px !important;}
.header .container{position:relative;}
.top_menu{position:absolute; z-index:100; top:0px; right:0px;}
.pc_menu{display:none;}
.logo {display: block;float: left;}
#sidebarCollapse{display:block;}
.content_area h1{font-size: 26px;padding: 10px 0px;}
.logo_list li{width: 25%;}

.content_box2{display:block;}
.sub{margin-top:0px !important;}
ul.works_list li a:hover .works_name div{font-size: 16px;line-height: 22px;}
.content_box_left2 .wraper{padding: 30px;}
.content_box_left2 h1{margin-bottom:15px;}

.contact_image {margin: 0px !important;}
.conblock {padding: 10px !important;}
.conblock2{text-align:center;}

.contact_logos{margin:20px auto !important; display:table;}



.content_box_left{font-size: 17px;line-height: 28px;position: inherit !important;bottom: unset;}
.content_box {position: inherit !important;}
ul.works_list li {width: 25%;}
.ourwork_block .content_box_right {height: auto !important;}
.content_area {margin-top: 0px !important;}
.wwd_block [class*="col-"] {
	min-height: auto;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
.container { max-width: 400px; width:400px;}
.header .container {width: 100% !important;max-width: 100% !important;}
.logo img {height: 50px;margin: 10px 0px;}
.header {height: 70px;}
.top_menu {right: 20px;padding: 16px 0px !important;}
.content_box_left {	position: absolute;z-index: 10;bottom: 0px;left: 0px;right: 0px;height: auto;top: 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2985b2+0,2985b2+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(41,133,178,0) 0%, rgba(41,133,178,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(41,133,178,0) 0%,rgba(41,133,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(41,133,178,0) 0%,rgba(41,133,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002985b2', endColorstr='#2985b2',GradientType=0 ); /* IE6-9 */
}
.content_box_right {height: 500px;display: block;}
.content_area {margin-top: 0px !important;}
.logo_list li {width: 33.33%;}
.content_box_left .wraper {position: absolute; top:0;left: 0;right: 0;bottom: 0;	padding: 0px !important;}
.content_holder {
	overflow-y: scroll;
	position: absolute;
	bottom: 0px; left:20px; right:20px;
	font-size: 12px;
	line-height: 20px;
	padding: 20px;
	max-height: 320px; display:block;
}
.footer .container .footer_wraper{padding: 30px 30px !important;}

.main_block{position:relative !important;}
.main_block .content_box_left{position:absolute !important;}
ul.works_list li {width: 50%;}
.content_box {
	position: unset;
}
.ourwork_block .wraper{position:relative !important;}
.ourwork_block .content_box_left{position:relative !important;}
.ourwork_block .content_box_left .content_holder{position:relative;background: #2985b2; top:0; bottom:0; left:0; right:0; padding:20px 40px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

.container { max-width: 100%; width:100%;}
.content_holder{max-height: 420px;}
.logo_list {margin: 30px 20px !important;}
.logo_list li {width: 50%;}
.footer .container .footer_wraper {padding: 30px 30px 50px 30px !important;margin-bottom: 0px !important;border-radius: 0px;}

.contact_logos{width:100px;}
.contact_logos li{margin:0px; margin-bottom:6px;}
ul.works_list li {width: 100%;}
.wwd_img{width:100%; height:auto;}


}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
	
	
}