/* #Site Styles
================================================== */

/* #Font-Face
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { font-family: 'latolight'; font-size: 12px; color: #000; }
input,select,textarea { font-family: 'latolight'; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0; display: block; }
ul,li { list-style: none; }
:focus { outline: none; }
h1,h2,h3,h4,h5,h6,strong { font-weight: 400; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 940px; position: relative; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

	/* ### main container ### */
	#mainCntr { width: 100%; }

	/* ### header container ### */
	#headerCntr { position: relative; z-index: 101; width: 100%; height: 144px; background: url(../images/header_bg.png) repeat-x 0 bottom; }
	#headerCntr .logo { position: absolute; top: 40px; left: 53px; }
	#headerCntr .logo img { max-width: 100%; }

		/* ### menu box ### */
		#headerCntr .menuBox { position: absolute; top: 80px; right: 0; }
		#headerCntr .menuBox li { float: left; margin-right: 50px; font-size: 18px; font-family: 'latoitalic'; }
		#headerCntr .menuBox li a { color: #0d0a0b; text-decoration: none; }
		#headerCntr .menuBox li a:hover { color: #006296; }
		#headerCntr .menuBox li a.active { color: #006296; text-decoration: none; }
	#headerCntr .mobileMenu { display: none; }

	/* ### banner container ### */
	#bannerCntr { width: 100%; height: 940px; position: relative; z-index: 99; overflow: hidden; margin-top: -4px; }
	#bannerCntr.sub { height: 480px; }
	#bannerCntr .slider { width: 100%; height: 100%; position: relative; }
	#bannerCntr ul { width: 100%; height: 100%; }
	#bannerCntr li { width: 100%; height: 100%; }
	#bannerCntr li img { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }
	#bannerCntr .inner { position: absolute; top: 0; left: 50%; margin-left: -470px; width: 940px; height: 100%; }
	#bannerCntr .center { height: 100%; }
	#bannerCntr .text { position: absolute; top: 188px; left: 0; width: 100%; text-align: center; }
	#bannerCntr h1 { color: #fff; font-size: 60px; font-family: 'latolight_italic'; margin-bottom: 6px; }
	#bannerCntr span { display: block; color: #fff; font-size: 30px; margin-bottom: 55px; font-family: 'latosemibold_italic'; }
	#bannerCntr a.btn { display: inline-block; padding: 0 30px; line-height: 68px; color: #fff; font-size: 30px; font-family: 'latoheavy'; border: 1px solid #fff; -webkit-border-radius: 7px; border-radius: 7px; text-decoration: none; }
	#bannerCntr a.btn:hover { text-decoration: underline; }
	#bannerCntr a.prev { position: absolute; top: 250px; left: 99px; background: url(../images/prev.png) no-repeat; width: 43px; height: 80px; z-index: 500; }
	#bannerCntr a.next { position: absolute; top: 250px; right: 99px; background: url(../images/next.png) no-repeat; width: 43px; height: 80px; z-index: 500; }
	#bannerCntr .cycle-pager { text-align: center; z-index: 500; overflow: hidden; position: absolute; bottom: 390px; left: 0; width: 100%; display: none; }
	#bannerCntr .cycle-pager span { text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%; width: 15px; height: 15px; display: inline-block; color: #ddd; cursor: pointer; background: rgba(255,255,255,0.2); margin: 0 7px; }
	#bannerCntr .cycle-pager span.cycle-pager-active { background: #fff; }
.cycle-pager > * { cursor: pointer; }

	/* ### about container ### */
	#aboutCntr { width: 100%; margin-top: -359px; position: relative; background: rgba(255,255,255,0.8); padding: 48px 0 57px; z-index: 100; }
	#aboutCntr .holder { text-align: center; width: 100%; overflow: hidden; }
	#aboutCntr .block { width: 25%; text-align: center; float: left; margin-bottom: 42px; }
	#aboutCntr .block a { text-decoration: none; display: block; }
	#aboutCntr .block span.icon { width: 100%; text-align: center; margin-bottom: 22px; display: block; }
	#aboutCntr .block span.icon img { display: inline; }
	#aboutCntr .block span.text { color: #0d0a0b; font-size: 18px; line-height: 24px; font-family: 'latoitalic'; text-align: center; display: block; }
	#aboutCntr .btn { width: 100%; text-align: center; }
	#aboutCntr .btn a { display: inline-block; padding: 0 20px; border: 1px solid #0d0a0b; text-decoration: none; color: #0d0a0b; font-size: 15px; font-family: 'latoblack'; -webkit-border-radius: 8px; border-radius: 8px; line-height: 48px; }
	#aboutCntr .btn a:hover { text-decoration: underline; }

	/* ### building container ### */
	#buildingCntr { width: 100%; background: #fff; padding: 96px 0 0; }
	#buildingCntr .text { overflow: hidden; padding-right: 50px; }
	#buildingCntr h2 { color: #006296; font-size: 48px; margin-bottom: 46px; }
	#buildingCntr p { color: #0d0a0b; font-size: 15px; line-height: 27px; margin-bottom: 30px; }
	#buildingCntr a.btn { display: inline-block; margin-top: 18px; margin-right: 12px; padding: 0 23px; line-height: 50px; background: #006296; text-decoration: none; color: #fff; font-size: 15px; font-family: 'latoblack'; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 92px; }
	#buildingCntr a.btn:hover { text-decoration: underline; }
	#buildingCntr .photo { margin-right: -120px; padding-left: 50px; }

	/* ### comment container ### */
	#commentCntr { width: 100%; background: url(../images/bg1.png) no-repeat center top; background-size: cover; padding: 178px 0 70px; position: relative; z-index: 100; margin-top: -120px; }
	#commentCntr .center { max-width: 1090px; }
	#commentCntr h3 { color: #fff; font-size: 36px; line-height: 60px; font-family: 'latolight_italic'; text-align: center; }
	#commentCntr span { display: block; text-align: center; color: #fff; font-size: 18px; line-height: 60px; font-family: 'latobold'; }

	/* ### construction container ### */
	#constructionCntr { width: 100%; background: #dbdadb; padding: 100px 0 45px; }
	#constructionCntr .construction { overflow: hidden; margin-bottom: 35px; }
	#constructionCntr .text { width: 100%; border: 1px solid #b2b0b1; height: 78px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; position: relative; margin-bottom: 20px; }
	#constructionCntr .text img.icon { position: absolute; top: 20px; left: 28px; }
	#constructionCntr h2 { border: 0; background: none; width: 100%; padding-left: 103px; padding-right: 20px; height: 78px; line-height: 78px; color: #999; font-size: 30px; font-family: 'latolight_italic'; float: left; }
	#constructionCntr .holder { margin-right: -20px; }
	#constructionCntr .block { float: left; padding-right: 20px; width: 33.33%; margin-bottom: 20px; }
	#constructionCntr .photo { position: relative; width: 100%; overflow: hidden; -webkit-border-radius: 7px; border-radius: 7px; }
	#constructionCntr .photo a { display: block; text-decoration: none; }
	#constructionCntr .photo img.big { width: 100%; }
	#constructionCntr .photo .over { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); text-align: center; }
	#constructionCntr .photo .over img.icon { margin: 60px 0 9px; display: inline-block; }
	#constructionCntr .photo .over span { display: block; color: #fff; font-size: 14px; font-family: 'latoitalic'; }
	#constructionCntr .photo a:hover .over { display: block; }

	/* ### details container ### */
	#detailsCntr { width: 100%; background: #006296; padding: 30px 0 0; }
	#detailsCntr .top { text-align: center; margin-bottom: 30px; }
	#detailsCntr a.click { color: #fff; font-size: 36px; text-align: center; display: inline-block; cursor: pointer; text-decoration: none; }
	#detailsCntr a.click span { display: block; padding-right: 62px; background: url(../images/arrow1.png) no-repeat right; }
	#detailsCntr a.click.active span { background: url(../images/arrow2.png) no-repeat right; }
	#detailsCntr .mobileHeading { display: none; }
	#detailsCntr .details { display: none; width: 100%; margin-bottom: 30px; }
	#detailsCntr fieldset { border: 0; width: 100%; padding: 0 10px; }
	#detailsCntr .holder { margin-right: -20px; overflow: hidden; }
	#detailsCntr .block { float: left; width: 33.33%; padding-right: 20px; margin-bottom: 20px; }
	#detailsCntr input.field { border: 0; width: 100%; background: #fff; height: 44px; line-height: 44px; padding: 0 16px; color: #a5a4a5; font-size: 15px; font-family: 'latoitalic'; -webkit-border-radius: 8px; border-radius: 8px; }
	#detailsCntr textarea { border: 0; width: 100%; background: #fff; height: 82px; padding: 14px 16px; color: #a5a4a5; font-size: 15px; font-family: 'latoitalic'; -webkit-border-radius: 8px; border-radius: 8px; resize: none; margin-bottom: 20px; }
	#detailsCntr .bot { width: 100%; text-align: center; }
	#detailsCntr input.button { border: 1px solid #fff; background: none; width: 234px; height: 48px; display: inline-block; cursor: pointer; color: #fff; font-size: 15px; font-family: 'latoblack'; -webkit-border-radius: 10px; border-radius: 10px; }

	/* ### project container ### */
	#projectCntr { width: 100%; padding: 94px 0 40px; }
	#projectCntr h2 { color: #006296; font-size: 48px; margin-bottom: 36px; padding-left: 12px; }
	#projectCntr h3 { color: #006296; font-size: 24px; margin-bottom: 18px; margin-top: 18px; }
	#projectCntr .left { padding-right: 50px; }
	#projectCntr .right { padding-left: 27px; background: url(../images/bg4.png) no-repeat; }
	#projectCntr p { color: #0d0a0b; font-size: 15px; line-height: 27px; margin-bottom: 25px; }
	#projectCntr ul { padding-bottom: 28px; }
	#projectCntr li { color: #0d0a0b; font-size: 15px; line-height: 27px; display: block; }
	#projectCntr li span { float: left; width: 144px; color: #005c8d; font-family: 'latosemibold_italic'; }

	/* ### photos container ### */
	#photosCntr { width: 100%; padding-bottom: 80px; }
	#photosCntr h3 { color: #006296; font-size: 30px; margin-bottom: 50px; }
	#photosCntr .holder { margin-right: -20px; overflow: hidden; }
	#photosCntr .block { margin-bottom: 20px; width: 33.33%; float: left; padding-right: 20px; }
	#photosCntr .photo { width: 100%; overflow: hidden; -webkit-border-radius: 7px; border-radius: 7px; }
	#photosCntr .photo img { width: 100%; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #161616; padding: 40px 0 46px; }
	#footerCntr .top { overflow: hidden; margin-bottom: 40px; }
	#footerCntr .block { float: left; width: 25%; }
	#footerCntr address { color: #fff; font-size: 15px; line-height: 27px; font-family: 'latoregular'; font-style: normal; }
	#footerCntr address a { color: #fff; text-decoration: none; }
	#footerCntr address a:hover { text-decoration: underline; }
	#footerCntr address span { padding-left: 26px; }
	#footerCntr address img { display: inline-block; margin-right: 12px; vertical-align: middle; }
	#footerCntr .plugin { float: right; padding-right: 28px; }
	#footerCntr .plugin img.one { display: inline; margin-top: 8px; }
	#footerCntr .bot { overflow: hidden; padding: 0 30px; }
	#footerCntr p { color: #737373; font-size: 15px; font-family: 'latoregular'; float: left; }
	#footerCntr p.right { float: right; }
	#footerCntr p a { color: #737373; text-decoration: none; }
	#footerCntr p a:hover { color: #fff; }
	#footerCntr .plugin img.two { display: none; }

/* #Media Queries
================================================== */

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

	#headerCntr .logo { left: 20px; }
	#headerCntr .menuBox { right: 20px; }
	#headerCntr .menuBox li { margin-right: 0; margin-left: 10px; font-size: 16px; }
	#bannerCntr .inner { left: 0; width: 100%; margin-left: 0; }
	#bannerCntr a.next { display: none; }
	#bannerCntr a.prev { display: none; }
	#bannerCntr .cycle-pager { display: block; }
	#buildingCntr .text { padding-right: 30px; }
	#buildingCntr .photo { padding-left: 30px; }
	#buildingCntr h2 { font-size: 37px; margin-bottom: 26px; }
	#buildingCntr a.btn { font-size: 14px; padding: 0 18px; }
	#commentCntr h3 { font-size: 28px; line-height: 44px; }
	#commentCntr { padding: 68px 0 63px; margin-top: 0; background: url(../images/bg2.jpg) no-repeat center center; background-size: cover; }
	#constructionCntr .center { padding: 0 10px; }
	#constructionCntr .photo .over img.icon { margin-top: 45px; }
	#footerCntr address { font-size: 12px; }
	#projectCntr li span { width: 114px; }
	#projectCntr li { font-size: 13px; line-height: 22px; }
	#projectCntr .right { padding-left: 18px; }
	#photosCntr .center { padding: 0 10px; }
	#footerCntr .center { padding: 0 10px; }

}

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

	#headerCntr .menuBox { display: none; }
	#headerCntr .mobileMenu { display: block; position: absolute; top: 30px; right: 26px; }
	#headerCntr .logo { left: 36px; }
	#bannerCntr { height: 470px; }
	#bannerCntr h1 { font-size: 44px; }
	#bannerCntr .text { top: 100px; }
	#bannerCntr span { font-size: 22px; }
	#bannerCntr a.btn { font-size: 24px; }
	#bannerCntr .cycle-pager { bottom: 30px; }
	#aboutCntr { margin-top: 0; }
	#aboutCntr { background: url(../images/bg3.png) no-repeat center bottom; }
	#aboutCntr .block { width: 50%; }
	#buildingCntr .photo { margin-left:0;max-width:100%;padding-left:0; }
	#buildingCntr .photo img { max-width:100%; }
	#buildingCntr .text { padding-right: 0; }
	#buildingCntr h2 { font-size: 48px; }
	#buildingCntr { padding: 70px 0; }
	#commentCntr h3 { font-size: 32px; line-height: 60px; }
	#constructionCntr .block { width: 50%; }
	#constructionCntr { padding: 60px 0 0; }
	#detailsCntr .form { display: block; padding: 0 10px; }
	#footerCntr .block { width: 50%; }
	#footerCntr .block.last { width: 100%; margin-top: 20px; }
	#footerCntr .plugin { width: 100%; padding-right: 0; float: none; text-align: center; }
	#footerCntr .plugin img.one { display: inline; }
	#footerCntr p { float: none; width: 100%; text-align: center; line-height: 36px; }
	#footerCntr p.right { margin-top: 40px; }
	#footerCntr .center { padding: 0 10px; }
	#bannerCntr.sub { height: 320px; }
	#projectCntr .left { padding-right: 0; }
	#projectCntr .right { padding-left: 0; background: none; }
	#projectCntr li { font-size: 15px; line-height: 27px; }
	#projectCntr li span { width: 144px; }
	#photosCntr .block { width: 50%; }
	#detailsCntr .details { display: block!important; }
	#detailsCntr a.click { display: none; }
	#detailsCntr .mobileHeading { display: block; }
	#detailsCntr .mobileHeading h4 { color: #fff; font-size: 36px; text-align: center; display: inline-block; text-decoration: none; }
	#detailsCntr .mobileHeading h4 span { display: block; padding-right: 62px; background: url(../images/arrow1.png) no-repeat right; }

}

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

	#headerCntr { height: 104px; }
	#headerCntr .logo img { width: 162px; }
	#headerCntr .logo { top: 32px; }
	#bannerCntr h1 { font-size: 48px; line-height: 54px; }
	#bannerCntr .text { top: 42px; }
	#aboutCntr .block { width: 100%; }
	#aboutCntr .center { padding: 0 18px; }
	#aboutCntr .btn a { line-height: 24px; padding: 11px 20px; text-align: center; width: 100%; }
	#buildingCntr a.btn { line-height: 24px; padding: 11px 20px; text-align: center; width: 100%; }
	#commentCntr .center { padding: 0 18px; }
	#constructionCntr input.field { font-size: 24px; padding-left: 80px; }
	#constructionCntr fieldset img.icon { left: 16px; }
	#constructionCntr .block { width: 100%; }
	#detailsCntr h4 span { background: none; padding-right: 0; }
	#detailsCntr .block { float: none; width: 100%; }
	#detailsCntr .center { padding: 0 18px; }
	#detailsCntr input.button { width: 264px; }
	#footerCntr .block { float: none; width: 100%; margin-bottom: 14px; }
	#footerCntr .plugin img.one { display: none; }
	#footerCntr .plugin img.two { display: inline-block; }
	#footerCntr .center { padding: 0 18px; }
	#footerCntr .block.last { margin-top: 36px; }
	#projectCntr { padding: 60px 0 50px; }
	#projectCntr .left { background: url(../images/bg3.png) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 30px; }
	#projectCntr li { margin-bottom: 36px; }
	#projectCntr li span { float: none; width: 100%; display: block; }
	#projectCntr ul { padding-bottom: 0; }
	#projectCntr li span.last { display: none; }
	#projectCntr li.nogap { margin-bottom: 0; }
	#photosCntr .block { width: 100%; }
	#aboutCntr .block span.icon img.one { width: 124px; }
	#aboutCntr .block span.icon img.two { width: 144px; }
	#aboutCntr .block span.icon img.three { width: 110px; }
	#aboutCntr .block span.icon img.four { width: 108px; }
	#aboutCntr .block span.text { font-size: 27px; line-height: 36px; }
	#aboutCntr .block { margin-bottom: 56px; }
	#footerCntr address { font-size: 18px; }
	#footerCntr p { font-size: 18px; }

}