@charset "utf-8";
/* CSS Document */
/*-----------------------
CSS FOR BANNER SECTION
------------------------*/
.banner-section{
	float:left;
	width:100%;
	background:url(../images/desk-banner.jpg) no-repeat center top;
	height:659px;
	position:relative;
	}
.banner-content{
	float:left;
	width:500px;
	margin-top:90px;
	}
.txt-one{
	float:left;
	width:100%;
	color:#232020;
	font-size:32px;
	line-height:30px;
	font-family: 'gotham_htf_bookregular';
	text-transform:uppercase;
	letter-spacing:-1px;
	}
.txt-one span{font-family: 'gotham_htf_blackregular';letter-spacing:1px;}
	
.hding-one{
	float:left;
	width:100%;
	color:#be202d;
	font-size:80px;
	line-height:78px;
	font-family: 'gotham_htf_blackregular';
	text-transform:uppercase;
	letter-spacing:-1px;
	}
.redline{
	float:left;
	width:97%;
	background:#be202d;
	height:1px;
	margin-top:20px;
	}
.banner-para{
	float:left;
	width:100%;
	margin-top:20px;
    font-family: 'gotham_htf_bookregular';
	font-size:20px;
	color:#0e0e0e;
	}
.banner-para span{color:#be202d; text-transform:uppercase;}
.btn-one{
	float:left;
	margin-top:40px;
	}
.red-bar{
	width:100%;
	height:132px;
	position:absolute;
	bottom:0;
	}
.red-bar-left{
	float:left;
	}
.red-bar-right{
	float:right;
	width:550px;
	margin:-10px 60px 0 0;
	text-align:right;
	}
.red-bar-right p{
	color:#fff;
	font-size:17px;
	line-height:20px;
	padding-bottom:10px;
	font-family: 'gotham_htf_bookregular';
	}
.red-bar-right h2{
	color:#fff;
	font-size:15px;
	line-height:19px;
	padding-bottom:10px;
	font-family: 'gotham_htfmedium';
	font-weight:normal;
	}	
/*-----------------------
CSS FOR HOME SECTION ONE
------------------------*/
.common-heading{
	float:left;
	width:100%;
	margin-top:60px;
	color:#be202d;
	font-size:46px;
	font-family: 'gotham_htf_blackregular';
	text-transform:uppercase;
	text-align:center;
	line-height:44px;
	}
.sec1-para{
	float:left;
	width:100%;
	color:#3e3e3e;
	font-size:16px;
	line-height:24px;
	text-align:center;
	font-family: 'gotham_htf_bookregular';
	margin-top:30px;
	}
.btn2 img{width:220px;margin:40px 0 50px 0;}

/*-----------------------
CSS FOR HOME SECTION TWO
------------------------*/
.section-two{
	float:left;
	width:100%;
	height:407px;
	background:url(../images/sec2-bg.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
	}
.sec2-box{
	float:left;
	width:15%;
	margin:8.5% 5% 0 5%;
	background:#fff;
	font-family: 'gotham_htfmedium';
	text-align:center;
	text-transform:uppercase;
	}
.sec2-box .nm, .sec2-box .imgs{
	float:left;
	width:100%;
	color:#232323;
	padding:17px 0;
	font-size:20px;
	}
.sec2-box .num{
	float:left;
	width:100%;
	color:#ffffff;
	font-size:42px;
	padding:15px 0;
	background:#96121d;
	}
.sec2-box .imgs{color:#96121d;}

/*-----------------------
CSS FOR HOME SECTION THREE
------------------------*/
.section-three, .section-four{
	float:left;
	width:100%;
	}
.sec3-box{
	float:left;
	width:19%;
	margin:2% 0.5%;
	background:#be202d;
	text-align:center;
	height:430px;
	position:relative;
	}
.full-img{
	float:left;
	width:100%;
	}
.sec3-icon{
	margin-top:-35px;
	width:80px;
	}
.sec3-box span{
	float:left;
	width:100%;
	padding:5px 7px;
	box-sizing:border-box;
	color:#fff;
	font-size:20px;
	font-family: 'gotham_htf_blackregular';
	text-transform:uppercase;
	margin-top:-15px;	
	}
.sec3-box p{
	float:left;
	width:100%;
	padding:5px 7px;
	box-sizing:border-box;
	color:#fff;
	font-size:16px;
	font-family: 'gotham_htf_bookregular';	
	}
.sec3-box a{
	position:absolute;
	bottom:10px;
	width:100%;
	color:#ffea00;
	font-size:16px;
	font-family: 'gotham_htfmedium';
	left:0;
	text-decoration:none;	
	}
.slick-slide{
	padding:10px 20px;
	box-sizing:border-box;
	}
.cl-logo{
	width:100%;
	background:#fff;
	box-shadow:0px 0px 2px 1px #CCCCCC;
	text-align:center;
	}
.cl-logo img{width:150px;}
.cl-logo-scroll{
	float:left;
	width:100%;
	margin-top:4%;
	}
.for-desk{display:block;}
.for-mob{display:none;}
/*--------------------------
CSS FOR MEDIA QUERY
--------------------------*/
@media only screen and (max-width:1180px){

.banner-section{background:url(../images/1024-banner.jpg) no-repeat center top; height:600px;}
.banner-content{margin-top:70px;}
.red-bar{background:#be202d; height:auto;}
.red-bar-left{width:43%;}
.red-bar-right{width:56%; margin:5px 0;}
.red-bar-right p{font-size:14px; line-height:16px; padding-bottom:5px;}
.red-bar-right h2{font-size:14px; line-height:16px; padding-bottom:0;}
.sec3-box span{font-size:17px;}
.sec3-box p{font-size:15px;}
}


@media only screen and (max-width:1010px){
.banner-content{width:400px;}
.txt-one{font-size:26px;}
.hding-one{font-size:60px; line-height:58px;}
.banner-para{font-size:18px; line-height:24px;}
.red-bar{padding:10px 0;}
.red-bar-right p{font-size:15px; line-height:18px;}
.red-bar-right h2{font-size: 16px; margin-top:5px;}
ul.top-menu{display:none;}
.light-menu{display:block;}
.mob-mnu{float:right;}
.mob-mnu img{ width:28px; margin-top:6px;} 
.red-bar-left{display:none;}
.red-bar-right{width:100%; text-align:center;}
.section-two{height:360px; background-attachment:scroll;}
.sec2-box{width:20%; margin:8% 2.5% 0 2.5%;}
.sec3-box{width:48%; margin:1% 1%;}
.last{margin:1% 26%;}
.sec3-box a{bottom:20px;}
.slick-slide {padding: 10px;}
.cl-logo img {width: 100px;}
}



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

.top-logo{width:200px;}
.banner-section{height:auto; background:url(../images/mobile-banner.jpg) no-repeat center top;}
.banner-content{width:100%; text-align:center; margin:10% 0;}
.hding-one{font-size:45px; line-height:44px;}
.txt-one{font-size:24px;}
.redline{margin-top:10px; width:80%; margin-left:10%;}
.banner-para{margin-top:10px; margin-bottom:20px;}
.btn-one{margin-top:30px;}
.btn-one{float:none;}
.btn-one img{ width:230px;}
.red-bar{ position:static; float:left; width:100%;}
.btn2 img{margin:20px 0 30px 0;}
.section-two{height:auto; padding:30px 0;}
.sec2-box{width:48%; margin:2% 1%;}
.common-heading{font-size:30px; line-height:30px; margin-top:30px;}
.common-heading img{width:100%; max-width:400px;}
.sec1-para{margin-top:10px; font-size:15px; line-height:22px;}
.sec3-box{width:90%; margin:2% 5%; height:auto; padding-bottom:15px;}
.sec3-box a{position:static; float:left; margin-top:15px;}
.footer{margin-top:20px; padding-top:5px;}
.footer-left, .footer-mid, .footer-right{width:100%; margin:1% 0; padding:0 10px; box-sizing:border-box;}
.icon-box img{max-width:30px;}
.footer-mid ul li{margin:5px 0; font-size:16px;}
.footer-left p{font-size:15px; line-height:20px;}
.footer-mid h4, .footer-right h4{ margin:20px 0 10px 0;}
.copy-text{font-size:15px; padding:20px 0;}
.slick-slide {padding: 10px 5px;}
.cl-logo img {width: 80px;}
}