@charset "utf-8";
/* CSS Document */

/*---------------------------
SERVICES LEFT SECTION
----------------------------*/
.ser-left{
	float:left;
	width:28%;
	background:#ecedf0;
	padding:0 0 10px 0;
	}
.ser-left h3{
	float:left;
	width:100%;
	padding:20px 0;
	text-align:center;
	color:#be202d;
	font-family: 'gotham_htf_blackregular';
	font-size:24px;
	text-transform:uppercase;
	}
ul.sl-menu{
	float:left;
	width:100%;
	}
ul.sl-menu li{
	float:left;
	width:100%;
	padding:14px 0;
	background:url(../images/arw-m.png) no-repeat 97% center #e0e1e3;
	margin:1px 0;
	}
ul.sl-menu li.activ{background:url(../images/arw-a.png) no-repeat 97% center #be202d;}
ul.sl-menu li a{
	float:left;
	width:100%;
	color:#1e1e1e;
	font-size:18px;
	font-family: 'gotham_htf_bookregular';
	text-decoration:none;
	padding-left:42px;
	box-sizing:border-box;
	}
ul.sl-menu li a.mn1{background:url(../images/sl-icon1.png) no-repeat 3px center;}
ul.sl-menu li a.mn1-a{background:url(../images/sl-icon1-actv.png) no-repeat 3px center; color:#fff;}

ul.sl-menu li a.mn2{background:url(../images/sl-icon2.png) no-repeat 3px center;}
ul.sl-menu li a.mn2-a{background:url(../images/sl-icon2-actv.png) no-repeat 3px center; color:#fff;}

ul.sl-menu li a.mn3{background:url(../images/sl-icon3.png) no-repeat 3px center;}
ul.sl-menu li a.mn3-a{background:url(../images/sl-icon3-actv.png) no-repeat 3px center; color:#fff;}

ul.sl-menu li a.mn4{background:url(../images/sl-icon4.png) no-repeat 3px center;}
ul.sl-menu li a.mn4-a{background:url(../images/sl-icon4-actv.png) no-repeat 3px center; color:#fff;}

ul.sl-menu li a.mn5{background:url(../images/sl-icon5.png) no-repeat 3px center;}
ul.sl-menu li a.mn5-a{background:url(../images/sl-icon5-actv.png) no-repeat 3px center; color:#fff;}

ul.sl-contact{
	float:left;
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
	}
ul.sl-contact li{
	float:left;
	width:100%;
	padding-left:40px;
	box-sizing:border-box;
	margin:4px 0;
	font-family: 'gotham_htf_bookregular';
	color:#1e1e1e;
	font-size:18px;
	line-height:24px;
	}
ul.sl-contact li.location{background:url(../images/sl-loc-icon.png) no-repeat left 0;}
ul.sl-contact li.phone{background:url(../images/sl-phone-icon.png) no-repeat left 0;  padding-bottom:7px;  padding-top:5px;}
ul.sl-contact li.email{background:url(../images/sl-msg-icon.png) no-repeat left center;  padding-bottom:7px; padding-top:5px;}
.sl-btn{margin:10px 0 5px 0;}

/*---------------------------
SERVICES RIGHT SECTION
----------------------------*/
.ser-right{
	float:right;
	width:70%;
	padding:30px 0 10px 20px;
	box-sizing:border-box;
	}
.ser-right h3, .ser-right h4{
	float:left;
	width:100%;
	padding:20px 0 0 0;
	text-align:left;
	color:#be202d;
	font-family: 'gotham_htf_blackregular';
	font-size:26px;
	text-transform:uppercase;
	}
.ser-right h4{font-size:20px; text-transform:none;}
ul.service-fet{
	float:left;
	width:98%;
	margin:2% 0 0 1%;
	}
.wids{width:50%!important;}
ul.service-fet li{
	float:left;
	width:100%;
	color:#1e1e1e;
	font-size:16px;
	font-family: 'gotham_htf_bookregular';
	margin:6px 0;
	background:url(../images/li-bg.png) no-repeat left center;
	padding-left:17px;
	box-sizing:border-box;
	}
.ser-para{
	float:left;
	width:100%;
	margin:20px 0 0 0;
	color:#1e1e1e;
	font-size:16px;
	font-family: 'gotham_htf_bookregular';
	line-height:24px;
	}
.ods-ser-img{
	margin:5px 0 10px 10px;
	float:right;
	width:45%;
	}
.ser-red-box{
	float:left;
	width:100%;
	background:#be202d;
	padding:24px;
	box-sizing:border-box;
	margin:50px 0 0 0;
	}
.ser-red-box p{
	float:left;
	width:100%;
	color:#fdfdfd;
	font-size:18px;
	line-height:24px;
	font-family: 'gotham_htf_bookregular';
	text-align:center;
	padding-bottom:25px;
	border-bottom:1px solid #fdfdfd;
	}
.fda{
	float:left;
	width:100%;
	color:#fdfdfd;
	font-size:18px;
	line-height:24px;
	font-family: 'gotham_htf_bookregular';
	font-style:italic;
	padding-top:22px;
	}
.fda img{
	float:left;
	width:15%;
	margin:-4px 1.5% 0 0;
	}


.for-desk{display:block;}
.for-mob{display:none;}

/*--------------------------
CSS FOR MEDIA QUERY
--------------------------*/
@media only screen and (max-width:1180px){

ul.sl-menu li a, ul.sl-contact li{font-size:17px;}
.ser-left h3{ font-size:22px;}
.sl-btn{width:90%;}

}


@media only screen and (max-width:1010px){

.ser-left{width:36%;}
.ser-right{width:63%; padding: 0px 0 10px 20px;}
.ser-para{margin:10px 0 0 0; line-height:22px;}
.ser-right h3{font-size:24px;}
.ser-red-box{padding:20px;}
ul.sl-menu li a, ul.sl-contact li{font-size:16px;}
.ser-red-box p, .fda{font-size:16px; line-height:20px;}

.icon-box img {width: 100%;}
}



@media only screen and (max-width:760px){

.ser-mob-hide{display:none;}
.ser-left{width:100%; padding:0;}
.ser-left h3{text-align:left; padding:15px; cursor:pointer; background:url(../images/ser-rw-down.png) no-repeat 95% center; box-sizing:border-box; background-size:35px;}
ul.sl-menu{display:none;}
.ser-right{width:100%; padding:10px 0;}
.ser-para{font-size:15px; line-height:21px;}
.ods-ser-img{width:100%; margin:1% 0;}
.ser-right h3{padding:15px 0 0 0;}
.ser-red-box{margin:20px 0 0 0; padding:10px;}
.ser-red-box p, .fda{font-size:15px; line-height:18px; text-align:center;}
.fda img{float:none; width:100px;}
.wids{width:100%!important;}


}