body{
	margin: 0;
}
p{
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.5em;
}

/* ========================================= Equipments ================================== */

.check_width{
	max-width: 1400px;
	margin: 0 auto;
}
p:last-child{
	margin-bottom: 0;
}
.banner_img img{
	width: 100%;
	min-height: 230px;
}
.equip_1{
	padding: 120px 100px;
}
.equip_1:after,
.equip_2:after,
.equip_3:after,
.equip_4:after,
.check_width:after{
	content: '';
	display: block;
	clear: both;
}
.equip_1_left{
	width: 40%;
	float: left;
}
.equip_1_left p{
	font-size: 30px;
	color: #203260;
	padding-right: 50px;
}
.equip_1_right{
	width: 60%;
	float: left;
}
.equip_1_right p{
	font-size: 16px;
	color: #7d859b;
	margin-bottom: 20px;
}
.equip_1_right p:last-child{
	margin: 0;
}
.equip_2{
	max-width: 1400px;
	margin: 0 auto;
	background: #203260;
}
.equip_2 h3{
	color: #fff;
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 50px;
	line-height: 1em;
	font-family:"ButlerBold";
}
.equip_2 h4{
	color: #d4dbee;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 20px;
	margin-top: 40px;
}

.equip_2_text{
	width: 40%;
	float: left;
	padding: 80px 60px;
	max-height: 550px;
    overflow: auto;
    margin-top: 50px;
}
.equip_2_text ul{
	padding: 0;
	margin: 0;
	list-style: inside;
}
.equip_2_text ul:last-child{
	padding-top: 40px;
}
.equip_2_text ul li{
	color: #d4dbee;
	line-height: 1em;
	font-size: 14px;
	margin-bottom: 15px;
}
.equip_2_text ul li:last-child{
	margin-bottom: 0;
}
.equip_2_img{
	width: 60%;
	float: left;
}
.equip_2 .equip_arrow {
	width: 60%;
	float: right;
	margin-top: -74px;
	position: relative;
    z-index: 99;
}
.equip_2 .equip_arrow a{
	cursor: pointer;
}
.equip_3{
	padding: 140px 0;
	padding-left: 100px;
}
.equip_3 .view_more{
	width: 25%;
	float: left;
}
.equip_3 .equip_3_slide{
	width: 75%;
	float: left;
}
.equip_3 .view_more h3{
	font-size: 50px;
	color: #203260;
}
.equip_3_list{
	position: relative;
    overflow: hidden;
}
.equip_3_list img{
	position: absolute;
	position: absolute;
    left: 750px;
	top: 0;
	width: 100%;
	max-width: 706px;
}
.equip_3_list:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255, 0.7);
	position: absolute;
	left: 750px;
	top: 0;
}
.equip_3_list img.active_img{
	position: static;
}
.equip_3_slide .equip_arrow{
    position: relative;
    max-width: 706px;
    text-align: right;
    margin-top: -74px;
}
.equip_3_slide .equip_3_text{
	max-width: 706px;
	margin-top: 30px;
}
a.link_href{
	color: #ea811f;
	font-size: 27px;
	text-decoration: none;
}
a.link_href:after{
	content: url(../images/arrow_color.png);
	padding-left: 20px;
}
.equip_3_text p{
	font-size: 22px;
	color: #7d859b;
}
.equip_4{
	text-align: center;
	padding: 130px 0;
	background-color: #f1f4fa;
}
.equip_4 h3{
	font-size: 36px;
	color: #203260;
	margin-top: 0;
	margin-bottom: 20px;
}
.equip_arrow a{
	cursor: pointer;
}
.equip_arrow img{
	background: #182853;
	padding: 30px;
	width: auto;
}
.equip_2_img .owl-nav,
.equip_2_img .owl-dots{
	display: none;
}
.equip_only .carousel .owl-nav{
	bottom: 80px;
}
/* ========================================= Portfolio ================================== */

.port_title{
	text-align: center;
	padding: 80px 20px;
}
.port_title h3{
	font-size: 60px;
	color: #203260;
	margin: 0 0 40px 0;
	font-weight: bold;
	font-family:"ButlerBold";
}
.port_title p{
	font-size: 20px;
	color: #7d859b;
}
.gallery{
	max-width: 1920px;
	margin: 0 auto;
}
.port .image_show{
	cursor: pointer;
}
.port .image_show img{
	width: 100%;
}
.gallery:after,
.gallery_row:after{
	content: '';
	display: block;
	clear: both;
}
.port .port_popup .owl-carousel img{
	cursor: pointer;
}
.port_popup{
	display: none;
	width: 100%;
    max-width: 800px;
    position: fixed;
    top: 15%;
    margin: 0 auto;
    left: 0;
    background: #fff;
    right: 0;
	z-index: 99;
    padding: 40px;
    padding-bottom: 50px;
}
.gallery_row{
	/*margin-left: -10px;
	margin-right: -10px;*/
}
.gallery .port{
	float: left;
	padding: 10px;
	display: none;
}
.port .equip_arrow{
	position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}

.port{
	width: 33.33%;
}
.port:nth-child(5n-4),
.port:nth-child(5n-3){
	width: 50%;
}
.show_popup .port_popup{
	display: block; 
}
.dark_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
    right: 0;
}
.port .close_x{
	position: absolute;
    top: 0;
    left: 100%;
	background: #182853;
	padding: 20px;
	cursor: pointer;
}
.port .close_x:after{
	content: url(../images/close_x.png);
}
.port_popup h3{
	font-size: 25px;
	color: #203260;
	margin-top: 40px;
	font-weight: 600;
}
.port_popup p{
	font-size: 16px;
	color: #7d859b;
	margin-bottom: 10px;
}
.port_popup p:last-child{
	margin-bottom: 30px;
}
.port_popup a.link_href{
	font-size: 18px;
	display: none;
}
.load_more{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}
.load_more a{
	font-size: 17px;
	color: #6a7796;
	font-weight: bold;
	width: 100%;
	max-width: 190px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	display: inline-block;
	background: #ebeef6;
	text-align: center;
}
.port_popup .test_slide{
	position: relative;
}
.port_popup .owl-theme .owl-nav{
	margin: 0;
	position: absolute;
	top: 45%;
	width: 100%;
}
.port_popup .owl-theme .owl-nav i{
	color: #fff;
    font-size: 45px;
}
.port_popup .owl-theme .owl-prev{
	float: left;
}
.port_popup .owl-theme .owl-next{
	float: right;
}
.port_popup .owl-theme .owl-nav [class*=owl-]:hover{
	background: transparent
}
.port_popup .owl-theme .owl-dots{
	float: right;
	margin-top: 10px;
}
.port_popup .owl-theme .owl-dots .owl-dot.active span,
.port_popup .owl-theme .owl-dots .owl-dot:hover span{
	background: #f89232;
}

/* ============================= Clientele ================= */
.clien_text{
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	padding: 110px 0;
}
.clien_text p{
	font-size: 30px;
	color: #203260;
}
.clien_img{
	max-width: 1183px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
}
.clien_img .image_show{
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
	cursor: pointer;
}
.clien_img .image_show img{
	width: auto;
}
.clien_img:after{
	content: '';
	display: block;
	clear: both;
}
.clien_img .port{
	width: 100%;
	max-width: 368px;
	height: 246px;
	float: left;
	margin-bottom: 52px;
	box-shadow: 0px 0px 30px 5px #e7e7e7;
}
.clien_img .port:nth-child(3n+2){
	margin: 0 39px;
}

/* ============================= Contact ================= */

.map_info:after{
	content: '';
	display: block;
	clear: both;
}
.contact_title{
	text-align: center;
	padding-bottom: 70px;
	padding-top: 40px;
	font-family:"ButlerBold";
}
.contact_title h3{
	font-size: 60px;
	color: #203260;
	margin-top: 0;
	margin-bottom: 30px;
	font-weight: 700;
}
.contact_title p{
	font-size: 20px;;
	color: #7d859b;
}
.contact_form{
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 100px;
}
.contact_form input,
.contact_form select,
.contact_form textarea{
	width: 100%;
	height: 50px;
	border: solid 2px #ebeef6;
	margin-bottom: 20px;
	padding-left: 20px;
	color: #7d859b;
	font-size: 17px;
}
.contact_form select{
	background: url(../images/select_arrow.png) center right 20px no-repeat;
     /*for firefox*/
     -moz-appearance: none;
     /*for chrome*/
     -webkit-appearance:none;
}
/*for IE10*/
.contact_form select::-ms-expand {
    display: none;
}
.contact_form input::-webkit-input-placeholder,
.contact_form textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #7d859b;
}
.contact_form input::-moz-placeholder,
.contact_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #7d859b;
}
.contact_form input:-ms-input-placeholder,
.contact_form textarea:-ms-input-placeholder{ /* IE 10+ */
  color: #7d859b;
}
.contact_form input:-moz-placeholder,
.contact_form textarea:-moz-placeholder{ /* Firefox 18- */
  color: #7d859b;
}
.contact_form textarea{
	padding-top: 20px;
	height: 180px;
	margin-bottom: 50px;
}
.contact_form .contact{
	width: 48%;
	float: left
}
.contact_form .contact:nth-child(2n+1){
	margin-right: 4%;
}
.contact_form button,
.contact_form input[type="submit"] {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	width: 100%;
	max-width: 225px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 24px;
	background: #f89233;
	border: none;
}
.map_info{
	position: relative;
}
.tab_1.tab_click{
	border-right: solid 1px #aeb3c1;
}
.tab_click{
	width: 50%;
	float: left;
	color: #7c87a5;
	font-size: 26px;
	height: 135px;
	cursor: pointer;
	background: #eff1f8;
	box-sizing: border-box;
	display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
	cursor: pointer;
}
.acti{
	color: #203260;
	background: #fff;
	border-top: solid 5px #203260;
	cursor: pointer;
}
.show_map{
	display: none;
}
.not_hide{
	display: block;
}
.map_info .info{
	position: absolute;
	background: #203260;
	right: 150px;
	bottom: 50px;
	padding: 40px 100px 40px 35px;
	max-width: 320px;
}
.map_info .info h3{
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 600;
}
.map_info .info p{
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.map_info .info a{
	color: #fff;
}
.info p.phone_info{
	padding-top: 25px;
}
.info p.phone_info:before{
	content: url(../images/phone.png);
	padding-right: 10px;
	position: relative;
    top: 2px;
}
.info p.fax_info:before{
	content: url(../images/fax.png);
	padding-right: 10px;
	position: relative;
    top: 3px;
}
.info p.mail_info:before{
	content: url(../images/mail.png);
	padding-right: 10px;
	position: relative;
    top: 3px;
}
.clien_only{
	display: none;
}
/* ============= RESPONSIVE ============ */

@media (max-width: 1920px){
	.show_popup .port_popup{
		max-width: 600px;
		padding: 20px;
	}
}
@media (max-width: 1400px){
	
	/* ============= Equipments ============ */
	.equip_1{
		padding: 100px 80px;
	}
	.equip_2_text{
		padding: 30px 40px;
	}
	.equip_2 h3{
		font-size: 35px;
		margin-bottom: 20px;
	}
	.equip_2_text ul:last-child {
		padding-top: 10px;
	}
	.equip_2_text ul li {
		color: #d4dbee;
		line-height: 1.5em;
		margin-bottom: 5px;
	}
	.equip_2 h4{
		margin-bottom: 10px;
	}
	/* ====================== Clientele/Portfolio =================*/
	.show_popup .port_popup{
		overflow-y: scroll;
		max-height: 500px;
		padding-top: 38px;
	}
	.port .equip_arrow{
		position: static;
		margin-bottom: -20px;
		margin-right: -20px;
		margin-top: -25px;
	}
	.port .close_x{
		padding: 10px;
		right: 0;
		left: auto;
	}
	.clien_img{
		max-width: none;
		padding-left: 50px;
		padding-right: 50px;
	}
	.clien_img .port {
		width: 48%;
		max-width: none;
		margin-bottom: 40px;
	}
	.clien_img .port:nth-child(3n+2){
		margin: 0 0 40px 0;
	}
	.clien_img .port:nth-child(2n+1){
		margin-right: 4%;
	}

}

@media (max-width: 1100px){
	/* ============= Equipments ============ */
	
	.equip_1{
		padding: 60px 30px;
	}
	.equip_1_left p{
		font-size: 25px;
	}
	.equip_2_text{
		width: 100%;
		float: none;
		    max-height: initial;
    margin-top: 0;
	}
	.equip_2_img{
		width: 100%;
	}
	.equip_2 .equip_arrow{
		width: 100%;
		margin-top: -54px;
	}
	.equip_arrow img{
		padding: 20px;
	}
}
@media (max-width: 980px){
	/* ============= Contact ============ */
	
	.contact_form,
	.contact_title{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 50px;
	}
	.contact_form .contact{
		width: 100%;
		margin-right: 0 !important;
	}
	.map_info .info{
		position: static;
		max-width: 100%;
	}
	
	
	/* ====================== Clientele/Portfolio =================*/
	
	.clien_text{
		padding: 40px 20px;
		text-align: left;
	}
	
}
@media (max-width: 768px){
	
	.site.services .content.equip_only{
		padding-bottom: 30px !important;
	}
	.equip_2_text {
		padding: 30px 15px;
	}
	.equip_4{
		padding: 50px 15px;
	}
	.equip_4 h3{
		font-size: 25px;
	}
	a.link_href{
		font-size: 20px;
	}
	.equip_1{
		padding: 30px 15px;
	}
	.equip_1_left p{
		padding: 0;
		font-size: 20px;
	}
	.equip_1_left{
		margin-bottom: 20px;
	}
	.equip_1_left,
	.equip_1_right{
		width: 100%;
		float: none;
	}
	
	/* ============= Contact ============ */
	
	.contact_title h3{
		font-size: 37px;
	} p{
		font-size: 18px;
	}
	.tab_click{
		font-size: 16px;
		height: 60px;
	}
	.map_info .info h3{
		font-size: 25px;
	}
	
	/* ====================== Clientele/Portfolio =================*/
	
	.gallery{
		padding: 0 20px;
	}
	.gallery .port{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.port_title{
		padding: 50px 20px;
	}
	.load_more{
		padding: 10px 20px 40px 20px;
	}
	.load_more a{
		max-width: none;
	}
	.show_popup .port_popup{
		padding-top: 38px;
		top: 0;
	}
	.port .close_x{
		padding: 10px;
		right: 0;
		left: auto;
	}
	.port_popup .owl-theme .owl-nav i{
		font-size: 30px;
	}
	.clien_text p{
		font-size: 21px;
	}
	.clien_img .port {
		width: 100%;
		max-width: none;
		margin-bottom: 20px;
		/*display: none;*/
	}
	.clien_img .port:nth-child(3n+2){
		margin: 0 0 20px 0;
	}
	.clien_img .port:nth-child(2n+1){
		margin-right: 0;
		margin-bottom: 20px;
	}
	.clien_img {
		max-width: none;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0;
	}
	/*.clien_only{
		display: block;
	}*/
	.port .equip_arrow{
		position: static;
		margin-bottom: -20px;
		margin-right: -20px;
		margin-top: -25px;
	}
	.port_popup .owl-theme .owl-nav{
		top: 35%;
	}
	.port_popup .owl-theme .owl-dots{
		float: none;
		margin-top: 10px;
	}
	.port_popup h3{
		margin-top: 10px;
		font-size: 20px;
	}
	.show_popup .port_popup{
		max-height: 400px;
	}
	a.link_href:after{
		padding: 0;
		position: relative;
		top: 4px;
		margin-left: 10px;
		content: '';
		background: url(../images/arrow_color.png) no-repeat center center;
		width: 20px;
		height: 20px;
		display: inline-block;
		background-size: 100%;
	}
	.equip_arrow img{
		padding: 15px;
	}
	.port .image_show img{
		height: auto;
	}
	.gallery .port{
		padding: 0;
	}
	.equip_2 .owl-carousel .owl-item img{
		height: auto;
	}
}
.clien_img .port_popup  .link_href{
	display: none; 
}
.port .equip_arrow{
	margin-bottom: -20px;
    margin-right: -20px;
	position: static;
	margin-top: 0;
}

/* ============ 07/08/2018 Add More Cliets on clientele page =========== */

.more_clients{
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
	margin-bottom: 100px;
}
.list_clients:after{
	content: '';
	display: block;
	clear: both;
}
.more_clients h3{
	color: #203260;
    margin-bottom: 100px;
    font-size: 50px;
    text-align: center;
    font-weight: bold;
    font-family: "ButlerBold";
}
.more_clients .list_clients div h4{
    font-size: 30px;
    color: #203260;
	line-height: 1em;
	font-family: "DINPro-Medium";
	margin: 0 0 20px 0;
}
.more_clients .list_clients div p{
    font-size: 16px;
    color: #7d859b;
    margin-bottom: 10px;
}
.more_clients .list_clients div p:last-child{
	margin: 0;
}
.more_clients .list_clients div{
	width: 46%;
	float: left;
	margin-bottom: 40px;
}
.more_clients .list_clients div:nth-child(2n+1){
	margin-right: 8%;
	clear: both;
}

@media all and ( max-width:768px ) {
	
	.more_clients h3 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.more_clients .list_clients div{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.more_clients .list_clients div:nth-child(n){
		margin-right: 0;
	}
	.more_clients .list_clients div h4{
		font-size: 21px;
		margin: 0 0 15px 0;
	}
}