@charset "utf-8";


/*----------intial declartaion of css----------*/
* {padding:0; margin:0; list-style:none;}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0;	outline: 0; font-size: 100%;}

html {-webkit-text-size-adjust: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table {	border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img	{border:0 none; max-width:100%;}
a	{outline:none; cursor:pointer;}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.cf{*zoom:1;}
/* For IE 6/7 (trigger hasLayout) */

p{margin-bottom:20px; }
h1{font-size:207px; color:#fff; width:100%; text-align:center; font-weight:900;font-family: 'avenir';}
h2{font-size:170px; color:#fff; width:100%; font-weight:900;font-family: 'avenir';}
h3{font-size:60px; color:#FDCD06; width:100%; font-weight:900; margin-bottom:22px; font-family: 'avenir';}
h4{font-size:25px; color:#FDCD06; width:100%; font-weight:900; font-family: 'avenir';}
h5{font-size:25px; color:#231F20; width:100%; font-weight:900; position:relative;font-family: 'avenir-book';}

@font-face {
	font-family: 'avenir-book';
	src: url('../fonts/avenir-book.eot');
	src: url('../fonts/avenir-book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/avenir-book.woff') format('woff'),
		url('../fonts/avenir-book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'avenir';
	src: url('../fonts/avenir-black.eot');
	src: url('../fonts/avenir-black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/avenir-black.woff2') format('woff2'),
		url('../fonts/avenir-black.woff') format('woff'),
		url('../fonts/avenir-black.ttf') format('truetype'),
		url('../fonts/avenir-black.svg#Avenir-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}
body {margin: 0; padding: 0; font-family: 'avenir-book'; font-size:14px;	color:#fff}
/*--------sticky footer or vertical footer------------*/
/*.wrapper {overflow:hidden;}*/
body, html {height: 100%;}
/*--------sticky footer or vertical footer------------*/

/*-----------------------main styles starts here-----------------------------------------------*/
.main {width: 920px; margin: 0 auto;}

.tbl {width: 100%;height: 100%;display: table;}
.tbl-cell {height: 100%;vertical-align: middle;display: table-cell;}


/*-----------header section styles goes here---------------*/
#header-main { width: 100%;text-align:center; position:absolute; padding-top:58px;}
.logo {display:inline-block; width:218px;}
#header-main .main {position:relative;}

ul.social-media {position:absolute; right:-123px; top:12px;}
.social-media li {display:inline-block; padding:0 4px}
.social-media li a {width:23px; height:23px; background-color:#fff; color:#000; display:inline-block; line-height:26px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;}
.social-media li a:hover {background-color:#fccd0b;}
.nav-menu {position:absolute; top:0px; right:-120px;}
.nav-menu a {display:inline-block; padding:0 9px; color:#000; background-color:#fccd0b; font-size:17px; float:left; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;}
.nav-menu a:hover {color:#fff;}
.menu-btn span {display: inline-block;vertical-align: middle;font-size: 14px;text-transform: uppercase;font-family: 'Lato';font-weight: 700;letter-spacing: 0.15em;vertical-align: middle;margin-left:8px;}
.menu-btn .bar {display: block;width: 25px;height: 2px;margin: 3px 0 3px 0;position: relative;top: 0;background-color: #fccd0b;}
/*-----------header section styles ends here----------------*/

/*-----------banner section styles starts here----------------*/
.banner {width:100%; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-size:cover; height:100vh; background-position:center center;}

.banner-container {position:relative;}
.scroll-link-main {position:absolute; left:-45px; bottom:0px; padding-bottom:102px; width:auto;}
/*.about {color:#fff; font-weight:500; font-size:24px; display:inline-block; position:relative; }*/
.scroll-link {color:#fff; font-weight:500; font-size:24px; display:inline-block; position:relative; }
.scroll-link-black { color: #000; }
.scroll-link-main:before {content: "";position: absolute;width: 1px;height: 75%;background: #fccd0b;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.scroll-link-main:after {content: "";position: absolute;width: 1px;height: 75%;background: #090c0c;bottom: -100px;left: 0;right: 0;margin: 0 auto;}
.about:hover {color:#fccd0b;}
.banner-container-right {position:absolute; right:-120px; bottom:70px; width:50%;}
.banner-container-right p {font-size:21px; color:#fccd0b; font-weight:500; line-height:1.2;}
.scroll-link-main-right { left: auto; right: 0; }
.scroll-link-main-right:before { background: #000; }
.scroll-link-main-right:after { background: #fdcd06; }
/*-----------banner section styles ends here----------------*/

/*-----------midd section styles goes here-----------*/
#about-us {background-color:#FED104; width: 100%; height:100vh;}
#about-us p {color:#131C24; font-size:17px; letter-spacing:0px;font-weight:600;}
#about-us span {font-size:36px; color:#fff; font-weight:500; letter-spacing:0px; position:relative;}
#about-us span:after {content:""; position:absolute; border-bottom:2px solid #fff; width:145px; height:2px; bottom:-7px; right:0px;}
#about-us .main{position:relative;}
.mid-container-menu {position:absolute; right:-55px; bottom:0px; padding-bottom:101px; width:auto; text-align:right;}
.mid-container-menu .contact {display:inline-block; font-size:24px; color:#000000;  font-weight:500; position:relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;}
.mid-container-menu:before {content: "";position: absolute;width: 1px;height: 75%;background: #ffffff;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.mid-container-menu:after {content: "";position: absolute;width: 1px;height: 75%;background: #090c0c;bottom: -100px;left: 0;right: 0;margin: 0 auto;}
.mid-container-menu .contact:hover {color:#fff;}

#about-us p a {color:#000; display:inline-block; font-weight:600; font-size:17px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;}
#about-us p a:hover {color:#fff;}
/*----------------midd section styles ends here-------*/

/*----------------footer section  styles goes here-----------*/
#footer-main { background: #FFF; width: 100%; height:100vh;}
.footer-container {width:100%; margin-bottom:90px;}
address {color:#CCCCCB; font-size:24px; display:block; font-style:normal; line-height:1.2; font-weight:900;}
.footer-container label {color:#CCCCCB; font-size:24px; display:block; font-weight:900;}
.footer-container a {display:inline-block; font-size:24px; color:#CCCCCB;	font-weight:900;}
.footer-container a:hover {color:#FDCD06;}
.footer-add {width:	50%; float:left;}
.footer-form {width:50%; float:right;}
.development-sec {width:100%; display:inline-block; border-bottom:1px solid #000; padding-bottom:15px;}
.development-sec h5:after {content:""; position:absolute; left:0; width:55px; height:2px; bottom:0; border-bottom:2px solid #fccd0b;}
.copy-right {width:100%; padding-top:20px; display:inline-block;}
.footer-social-media {width:65%; float:left;}
.foter-logo {width:35%; float:right;}
.footer-social-media ul {margin-bottom:15px;}
.footer-social-media ul li {display:inline-block; padding:0 3px;}
.footer-social-media ul li a {width:23px; height:23px; background-color:#000; color:#fff; display:inline-block; line-height:26px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; text-align:center;}
.footer-social-media ul li a:hover {background-color:#fccd0b; color:#000;}
.footer-social-media p {color:#000;font-family: 'avenir-book'; font-weight:300; font-size:12px;}
.footer-logo {display:inline-block; float: right; padding-top:7px;}
.footer-logo a {display:inline-block; width:135px;}
/*----------------footer section styles ends here--------*/



/*=============================================================================================================*/
/*                                     LOG-IN BOX CSS                                                          */
/*=============================================================================================================*/
/*#login-popup{border:5px solid #d3d3d3;background:#ededed; padding:44px 30px; text-align: center; max-width: 480px; margin: 0px auto; position: relative;display:block;}*/
input.textbox,.texarea { background:#f5f6f7; box-sizing: border-box; padding:10px; display: block;  font-size: 14px; color: #000; width: 100%; float:left; height:35px;font-family: 'avenir-book'; font-weight:500;letter-spacing:0.7px; border-radius:0px;}
.texarea{height:146px;width: 100%; border:0px;resize: none; border-radius:0px;}

.successmsg {color: #fff;font-weight: 600;font-size: 14px;font-weight: normal;display: none;width: 75%;float: right;text-align: center;padding: 5px 0;line-height: 1.4;background: #000000;}
.felment-wrap{position:relative; width:100%; float:left; margin-bottom:20px;}
/*=============================================================================================================*/
/*                                  	  ERROR MESSAGE CSS                                                    */
/*=============================================================================================================*/


.quick-enquiry .successmsg {color: #fff;font-family: 'avenir-book'; font-weight:500;font-size: 15px;font-weight: normal; display: none;position: absolute;bottom: -40px;width: 100%;text-align: center;background: #000000;line-height: 1.9;}
div.error{color:red;margin-top:0;font-size:13px;font-family: 'avenir-book'; font-weight:500;}

.felment-main-wrap {width:100%; float:left;}
.login-form {padding-top:22px;}

.enqiry {width:950px; height:745px; margin:0 auto; background:#000000; display:none; position:fixed; z-index:99999; top:0px; left:0; right:0;}
.enquiry-form {position: relative; display: inline-block; margin-left:60px;}
.quick-enquiry {width:100%; padding:100px 170px 0 200px;}


 input.textbox{background:#f5f6f7; border:none; height:34px;  color:#000;}
 .felment-main-wrap {width:100%;}
 .felment-wrap {width:100%; margin:0 0 10px 0; position:relative;}
 .submit-wrap {width:100%; }
input.textbox:focus,	 .texarea:focus {border:none;background: #d6d6d6;}
.submit-button {width:25%; float:left; font-size:14px; line-height:1.4; color:#fff; border-radius:0px;  background:#fccd0b; padding:5px 0; font-family: 'avenir-book'; font-weight:500; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;}
.submit-button:hover {background:#000;}
.submit-button:focus {background: #000;}
	
input::-webkit-input-placeholder {color:#808080; text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500; } 
input:-moz-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500;}
input.textbox:-ms-input-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500;}
input.textbox:-ms-input-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500;}
textarea::-webkit-input-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500;}
 textarea:-moz-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book';font-weight:500;}
textarea.texareabox:-ms-input-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500;}
textarea.texareabox:-ms-input-placeholder {color:#808080;text-transform:capitalize;font-size:12px; font-family: 'avenir-book'; font-weight:500;}

/* Current Project Section Here
=============================================================================*/
.current-project-sec { background: #171717; padding: 45px 0 70px; }
.current-project-sec .main { position: relative; }
.current-project-sec .scroll-link-main { bottom: -71px; }
.current-project-sec .scroll-link-main:before { background: #fff; }
.current-project-sec h3 { margin-bottom: 12px; }
.current-project-img { padding-bottom: 38.8%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.current-project-slider { text-align: center; margin-bottom: 25px; }
.slick-dots { display: inline-block; position: absolute; left: 0; right: 0; bottom: -8px; }
.slick-dots li { display: inline-block; padding: 8px 3px; background: #171717; }
.slick-dots li:first-child { padding-left: 10px; }
.slick-dots li:last-child { padding-right: 10px; }
.slick-dots li button { display: block; width: 14px; height: 14px; box-sizing: border-box; border: solid 1px #ffd200; background: none; font-size: 0; line-height: 0; -webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear; }
.slick-dots li button:hover, .slick-dots li.slick-active button { background: #ffd200; }
.project-plans-btns { width: 55%; float: left; }
.project-plans-btns ul { list-style: none; padding: 0; margin: 0 0 9px; }
.project-plans-btns ul li { width: 30.6%; display: inline-block; margin-right: 0.8%; }
.project-plans-btns ul li a { border: solid 1px #fdcd06; color: #fdcd06; display: block; text-align: center; padding: 8px 15px; font-size: 20px; line-height: 22px; font-family: 'avenir-book'; font-weight: 700; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.project-plans-btns ul li a:hover, .project-plans-btns ul li a:focus { background: #fdcd06; color: #000000; }
.project-plans-content { width: 44.2%; float: right; }
.project-plans-content h5 { color: #fdcd06; font-size: 24px; line-height: 28px; font-family: 'avenir'; }
.project-plans-content p { color: #ffffff; font-size: 17px; line-height: 24px; font-family: 'avenir-book'; }
.button { border: solid 1px #fdcd06; background: #fdcd06; color: #000000; display: block; text-align: center; padding: 8px 15px; font-size: 20px; line-height: 22px; font-family: 'avenir-book'; font-weight: 700; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; width: 95%; }
.button:hover, .button:focus { background: none; color: #fdcd06; }

.felment-wrap p { display: inline-block; margin: 0; vertical-align: middle; font-size: 12px; line-height: 14px; color: #000000; font-family: 'avenir-book'; font-weight: 700; opacity: 0.5; }
.footer-container label.radio { display: inline-block; cursor: pointer; font-size: 14px; line-height: 20px; padding-left: 20px; position: relative; text-transform: uppercase; opacity: 0.5; color: #000; font-family: 'avenir'; margin-left: 14px; vertical-align: middle; }
input[type=radio] { width: 0; height: 0; opacity: 0; position: absolute; display: block; }
.radio:before { content: ""; display: inline-block; width: 10px; height: 10px; vertical-align:middle; box-sizing: border-box; border: solid 1px #000; position: absolute; left: 2px; top: 4px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.radio:after { content: ""; display: inline-block; width: 8px; height: 8px; vertical-align:middle; box-sizing: border-box; border: solid 1px transparent; position: absolute; left: 3px; top: 5px; background: #fdcd06; opacity: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
input[type=radio]:checked + .radio:before { opacity: 0; }
input[type=radio]:checked + .radio:after { opacity: 1; }
.felment-main-wrap > .error { margin-bottom: 15px; }