body{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img{
	max-width: 100%;
	height: auto;
}

.page-center{
	max-width: 1200px;
	margin: 0 auto;
}

.clearfix:before,
.clearfix:after{
	content: '';
	display: table;
	clear: both;
}

a{
	text-decoration: none;
	color: inherit;
}

/* ------------- body codes end ------------- */
/* ------------- Header Start ------------- */

header{
	position: absolute;
	width: 100%;
}



header .top-border{
	background: #f99e21;
	height: 10px;
	width: 100%;
}

header .logo{
	float: left;
	padding: 15px 0;
}

header .nav-icon a{
	display: none;
}


header nav {
	float: right;
	padding-top:50px;
}

header nav ul li{
	display: inline-block;
}

header nav ul li a{	
	display:inline-block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 40px 5px 0;	
	position: relative;
	top: -50px;
	width: 100px;
	text-align: center;
	color: #fff;
}



header nav ul li a:hover,
header nav ul li a.active{
	background: #f99e21;
	color:#000;
}


header nav ul li a:hover:after,
header nav ul li a.active:after{
	content:'';
	border-top: 38px solid #f99e21;
	border-right: 50px solid #f99e21;
	border-bottom: 30px solid transparent;
	border-left: 50px solid #f99e21;
	position: absolute;
	bottom: -68px;
	left: 0;	
}

/* ------------- header end ------------- */
/* ------------- main start @banner ------------- */

main .banner{
	background: #000 url(../images/slider.jpg) 0 0 no-repeat;
	background-size: 115% 125%;
  background-position: 40% 16%;
	height: 666px;
	width: 100%;
	display: table;
	position: relative;
	z-index: -1;
}
.banner .page-center{
	padding-left: 610px;
  padding-top: 250px;
  text-align: center;
}

.banner h1{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-shadow: 2px 2px 5px #000;
}

.banner h3{
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	text-shadow: 2px 2px 5px #000;
}

.banner span a{
	text-decoration: none;
	color:#000;
}

.banner span a:hover{
	color:#f99e21;
}
r
.banner span i{
	color:#f99e21;
	margin-top: 10px;
}

.arrow-down{
	position: absolute;
	left: 45%;
	bottom: 0;
	z-index: 1;
}

/* ------------- @banner end ------------- */
/* ------------- @About start ------------- */

.about{
	background: #fff;
	text-align: center;
	padding-top: 40px;
	margin-bottom: 40px;
}
.heading {text-align: center;}
.heading h1 {font-size: 60px;}
.heading h3 {font-size: 23px;  font-weight: 400;}
.heading .line {background:#f99e21; width: 15%; height: 3px; margin:5px auto 5px;}


.about .text-content {
	margin-top: 20px; 
	text-align: left;	
	font-size: 18px;
}

.about .text-content img{
	width: 50%;
	float: left;
}

.about .text-content p{
	width: 50%;
	line-height: 1.8;
	float: left;	
	padding-left: 22px;
}

.about .text-content a{
	display: inline-block;
	padding-left: 22px;
	padding-top: 30px; 
	color:#000;
	text-transform: capitalize;
}

.about .text-content a i{
	color:#f99e21;
}


.about .plot-size .column{
	float: left;
	width: 25%;
	border-right: 1px solid rgba(0,0,0,0.4);
	margin-top: 25px;
}

.about .plot-size .column h1{
	font-weight: normal;
}

.about .plot-size .column span{
	font-size: 20px;


}

.about .plot-size .col4{
	border-right: none;
}

/* ------------- @About end ------------- */
/* ------------- @revamping start ------------- */

.revamping{
	background: #1d1d1b;
	color: #fff;
	padding: 35px 0;
	margin-bottom: 80px; 
}
.slider-box{
	position: relative;
}

.slider-box > .left-arrow{
	position: absolute;
	left: -55px;
	top: 40%;
}

.slider-box > .right-arrow{
	position: absolute;
	right: -55px;
	top: 40%;
}

.slider-box .column{
	background: #f99e21;
	width: 18%;
	height: 300px;
	float: left;
	color: #000;
	margin: 60px 10px 0 0;
}

.slider-box .col5{
	margin: 60px 0 0 0;
}


.slider-box .column > img{
	width: 20%;
	margin-top: 15px;
}

.slider-box .column > h1{
	font-size: 30px;
	padding: 15px 0;
	height: 90px;
}

.slider-box .column > p{
	padding: 0 5px;
}


.slider-box .column a{
	display: inline-block;
	color: #000;
	padding-top: 60px;
}

.slider-box .col3{
	width: 24%;
	height: 400px;
	margin: 15px 10px 0 0;
}

.slider-box .col3 > h1{
	font-size: 50px;
}

.slider-box .col3 > p{
	font-size: 20px;
}

.slider-box .col3 a{
	padding-top: 120px;
	font-size: 18px;
}




/* ------------- @revamping end ------------- */
/* ------------- @ two-column start ------------- */

.two-column .two-col-group .column {
	float: left;
	width: 49%;
	margin-top: 20px; 
	margin-right: 20px; 
	background: #1d1d1b;
	color: #fff;
}

.two-column .two-col-group .col2 { 
	margin-right: 0; 
}

.two-col-group .column h1{
	font-size: 40px;
	color: #f99e21;
	padding: 10px 0;
}

.two-col-group .column p{
	font-size: 20px;
	padding: 10px 10px;
}

.two-column .btn {
	display: inline-block;
	padding: 15px 25px;
	background: #f99e21;
	color: #000;
	margin: 20px 0;
}



/* ------------- @two-column & also main end------------- */
/* ------------- @ footer start ------------- */

footer{
	background: #1d1d1b;
	color: #fff;
	padding: 40px 0 0;
}

footer .four-col-group .column{
	width: 25%;
	float: left;
	padding: 0 14px;
}

footer .four-col-group h1{
	font-size: 22px;	
	font-weight: normal;
}

footer .four-col-group .line{
	height: 3px;
	background: #f99e21;
	width: 20%;
	margin-bottom: 30px;
}

footer .four-col-group p{
	font-size: 12px;
	color: #999;
	line-height: 1.5;
	text-align: justify;
}

footer .col2 .top-part .nav ul li{
	display: inline-block;	
}

footer .col2 .top-part .nav ul li a{
	display: inline-block;
	text-decoration: none;
	background: #343432;	
	color: #999;
	padding: 8px 12px;
	margin-bottom: 25px; 
}


footer .col2 .top-part .nav ul li a:hover,
footer .col2 .top-part .nav ul li a.active{
	background: #f99e21;
	color: #000;
}

footer .four-col-group .bottom-part .line{
	margin-bottom: 10px;
}

input, textarea {
	outline: none;
	-webkit-appearance: none;
	border: 1px solid transparent;
	border-radius: 0px;
}

.four-col-group .bottom-part form input{
	margin-top: 10px;
	padding: 10px 0 10px 10px;
}

.four-col-group .bottom-part form input[type=email] {
	width: 65%;	
}

.four-col-group .bottom-part form input[type=email]:focus {
	border: 1px solid #f99e21;
}

.four-col-group .bottom-part form input[type=submit]{
	width: 33%;
	padding: 10px 0 10px 0px;
	background: #f99e21;
	text-transform: uppercase;
}

.four-col-group .column .info{
	border-bottom: 1px solid #999;
	color: #999;
	padding: 15px 0;	
}

.four-col-group .column .info > i{
	margin: 0 10px 8px 0;
}


.four-col-group .column .social-media > a{
	padding-right: 25px;	
	padding-top: 10px;
	font-size: 16px;
	color: #999;
	text-decoration: none;
}

.four-col-group .column .social-media > a:hover,
.four-col-group .column .social-media > a.active{
	color: #f99e21;
}

.four-col-group .col4 form input, textarea{
	width: 90%;
	margin-top: 10px;
	padding:10px 10px;
	background: #333;
	color: #777; 
}

.four-col-group .col4 form input:focus,
.four-col-group .col4 form textarea:focus{
	border: 1px solid #f99e21;
}

.four-col-group .col4 form input[type=submit]{
	width: 30%;
	background: #f99e21;
	color: #000;

}

footer .footer-bottom{
	background: #222;
	margin-top: 20px;
	color: #555;
	padding:15px;
}


footer .footer-bottom .caption{
	float: left;
	margin-top: 20px;
	font-size: 12px;	
}

footer .footer-bottom nav{
	float: right;
}

footer .footer-bottom nav ul li{
	display: inline-block;
}

footer .footer-bottom nav ul li a{
	display: inline-block;
	padding: 10px;
	color:#555;
	text-decoration: none;	
}

footer .footer-bottom nav ul li a:hover,
footer .footer-bottom nav ul li a.active{
	color: #f99e21;
}


/* mobile responsive codes */

@media only screen and (max-width: 768px) {
	
	nav{
		display: none;
	}
	.logo{
		width: 35%;
		margin-left:10px;
	}
	
	header .nav-icon a{
		display: block;
		float: right;
		font-size: 30px;
		background: #f99e21;
		padding: 10px 25px;
		color: #000;
		position: relative;
		margin-right: 10px;
		
	}
	
  header .nav-icon a:after{
	content:'';
	border-top: 10px solid #f99e21;
	border-right: 38px solid #f99e21;
	border-bottom: 30px solid transparent;
	border-left: 38px solid #f99e21;
	position: absolute;
	bottom: -30px;
	left: 0;	
}
	
	header nav{
		background:rgba(0,0,0,0.8);
		border-bottom: 1px solid #fff; 	
		padding-top:0px;
	}
	
	header nav ul li{
		width: 100%;
	}
	
	header nav ul li a{	
	display:block;
	padding: 15px ;	
	position: relative;
	top: 0px;
	width: 100%;
	text-align: left;
	color: #fff;
}
	header nav ul li a:hover:after,
  header nav ul li a.active:after{
	content:'';
	display: none;
}
	

	
  main .banner{
	background-size: 120% auto;
  background-position: 90% top;	
	height: auto;
	text-align: center;
  padding-top: 72%;
}
	
	.banner .page-center{
	  padding: 10px;
	}

	
.banner h1{
	font-size: 40px;
}

.banner h3{
	font-size: 15px;
	}
	
.banner span a{
	color: #f99e21;
}

.arrow-down{
	position: static;
	width: 70px;
	margin: 5px auto;
}
	
.heading h1 {font-size: 25px; margin-top: -28px}
.heading h3 {font-size: 13px; padding: 0 10px;}

	
.about .text-content img{
	width: 100%;
	float: none;
}

.about .text-content p{
	width: 100%;
	float: none;	
	padding: 10px;
	font-size: 14px;
	text-align: center;
}

.about .text-content{	
	text-align: center;
}
	
	.about .text-content a{
		padding: 15px 0px;
	  font-size: 14px;
}


.about .plot-size .column{
	width: 50%;
	border-right: 1px solid rgba(0,0,0,0.4);
	margin-top: 0px;
	padding: 30px;
}



.about .plot-size .column span{
	font-size: 15px;
}

.about .plot-size .col2,
.about .plot-size .col4{
	border-right: none;
}
	
	.about .plot-size .col3,
	.about .plot-size .col4{
	border-top: 1px solid rgba(0,0,0,0.4);
}
	
	
	.revamping{
		margin-bottom: 35px;
	}
	
	.slider-box > .left-arrow{
	left: 2%;
}

.slider-box > .right-arrow{
	right: 2%;
}
	
	.slider-box .column{
	display: none;
}
	

	.slider-box .col3{
		display: block;
		float: none;
		width: 70%;	
		height: 300px;
		margin: 15px auto 0;
	}
	
	.slider-box .col3 > h1{
		font-size: 40px;
		padding-top: 30px;
}
	
	.slider-box .col3 a{
		padding-top: 40px; 
	}
	
	.two-column .two-col-group .column {
    float: none;
    width: 100%;
    margin-right: 0px;
}
	
	.two-col-group .column h1 {
    font-size: 22px;
    color: #f99e21;
    padding: 35px 0 0;
}
	.two-col-group .column p {
		font-size: 13px;
}

	.two-col-group .col2 {
    display: none;
}
	
	footer {
		padding: 0;
}
		
		
	footer .four-col-group .column {
    width: 100%;
    float: none;
    padding: 20px 14px 0;
		margin-top: 25px;
}
	
	.four-col-group .column .info a{
		text-decoration:none;
		color:#999;
	}
	
	
	
	
	footer .four-col-group .line {
    margin-bottom: 15px;
}
	.four-col-group .col4 form input, textarea {
		width: 100%;
}
	
	footer .footer-bottom .caption{
		margin-top:0;
	}
	
	}
	
	
	
	
	
	
	
	
}