/*
 *  Project Styles
 * 
 */
/* ==========================================================================
   Fonts
   ========================================================================== */



/* ==========================================================================
    General styles
   ========================================================================== */
   
	html { background:#fff; font-size:62.5%; -webkit-text-size-adjust: 100%;}
	body { font-family: 'Roboto', sans-serif; color:#000; font-size:16px;}
	
	a { color:#CCB279; text-decoration:none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; outline:none!important; }
	a:hover { color:#000;}
	
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #834e2e; opacity:1; }
	input:-moz-placeholder, textarea:-moz-placeholder{ color: #834e2e; opacity:1; }
	input::-moz-placeholder, textarea::-moz-placeholder { color: #834e2e; opacity:1; }
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #834e2e; opacity:1; }	

/* ==========================================================================
   Helper classes
   ========================================================================== */
	
	.clearfix:before,
	.clearfix:after { content: " "; display: table; }	
	.clearfix:after { clear: both; }
	
	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

	img { max-width: 100%; }
	ul, li { list-style: none; padding: 0; margin: 0; }
	p { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0; line-height: 1.4; padding: 0; }
		
	.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } 
	
	.hidden-desktop { display: none; }
	
	.block {display:block;}
	.table {display:table;}
	.table-cell {display:table-cell; vertical-align:middle;}	
	.text-right {text-align:right;}
	.text-center {text-align:center;}	
	.relative {position:relative;}
	.pull-left {float:left;}
	.pull-right {float:right;}
	.cover {background-position:center center; background-repeat:no-repeat; background-size:cover;}

/* ==========================================================================
   Grid
   ========================================================================== */

	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.container { margin: 0 auto; position: relative; max-width: 1190px; width:100%; padding-left:25px; padding-right:25px; }
	.container:before, .container:after { content: " "; display: table; }
	.container:after { clear: both; }
	.container { *zoom: 1; }
	.container-fluid { width: 100%; padding: 0 15px; }
	.container-lg {max-width: 1350px; }
	
	.row { margin-left:-20px; margin-right:-20px;}
	.row:before, .row:after { content: " "; display: table; }
	.row:after { clear: both; }
	.row { *zoom: 1; }
	.row>div { padding-left:20px; padding-right:20px;}
	
	.row0 {margin-left:0; margin-right:0; }	
	.row0>div { padding-left:0; padding-right:0;}
	
	.col12{width:100%;float:left;}
	.col11{width:91.666666666667%;float:left;}
	.col10{width:83.333333333333%;float:left;}
	.col9{width:75%;float:left;}
	.col8{width:66.666666666667%;float:left;}
	.col7{width:58.333333333333%;float:left;}
	.col6{width:50%;float:left;}
	.col5{width:41.666666666667%;float:left;}
	.col4{width:33.333333333333%;float:left;}
	.col3{width:25%;float:left;}
	.col2{width:16.666666666667%;float:left;}
	.col1{width:8.3333333333333%;float:left;}
	
	.col20{width:20%;float:left;}
	.col30{width:30%;float:left;}
	.col40{width:40%;float:left;}
	.col60{width:60%;float:left;}
	.col70{width:70%;float:left;}
	.col80{width:80%;float:left;}
	.col90{width:90%;float:left;}   

/* ==========================================================================
    Typography
   ========================================================================== */
   
	.btn {display:inline-block; font-size:24px; line-height:1; color:#000; font-weight:400; padding:12px 30px; 
			background-color:#CCB279; border-radius:5px; -webkit-border-radius:7px;
			/* -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.4);
			box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.4);*/ text-align:center!important;}
	.btn.grey {background-color:#DDDDDD;}
	.btn:hover{background-color:#152030; color:#ffffff;}
	
	.bg-blue {background-color:#152030;}
	
	
	.entry em {font-style:italic;}
	.entry strong em {font-weight:bold;}
	
	.entry blockquote, q { font-style:italic; } 
	.entry blockquote p:before, q p:before { content: '" ';}
	.entry blockquote p:after, q p:after { content: ' "'; }
	
	.entry .alignnone { margin: 5px 20px 20px 0;}
	.entry .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto;}
	.entry .alignright { float:right; margin: 5px 0 20px 20px; }
	.entry .alignleft { float:left; margin: 5px 20px 20px 0; }
	.entry .aligncenter { display: block; margin: 5px auto 5px auto; }
	.entry a img.alignright { float:right; margin: 5px 0 20px 20px;}
	.entry a img.alignnone { margin: 5px 20px 20px 0; }
	.entry a img.alignleft { float:left; margin: 5px 20px 20px 0; }
	.entry a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
	.entry .wp-caption {  background: #fff;  border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
	.entry .wp-caption.alignnone { margin: 5px 20px 20px 0;}
	.entry .wp-caption.alignleft {margin: 5px 20px 20px 0;}
	.entry .wp-caption.alignright {margin: 5px 0 20px 20px;}
	.entry .wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
	.entry .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }
	
	.entry  ul { list-style-type:disc; padding-left:20px;  padding-bottom:10px;}
	.entry  ol { list-style-type:decimal; padding-left:20px;  padding-bottom:10px; }	
		.entry  ul li{ padding-bottom:4px; list-style-type:disc;}	
		.entry  ol li{ padding-bottom:4px; list-style-type:decimal; }
	.entry  p {  padding-bottom: 35px;}
	
	.entry h1 {font-size:32px; font-weight:700; margin-bottom:25px;}
	.entry h2 {font-size:26px; font-weight:700; margin-bottom:15px;}
	.entry h3 {font-size:22px; font-weight:600; margin-bottom:15px;}
	.entry h4 {font-size:18px; font-weight:500; margin-bottom:10px;}
	.entry h5 {font-size:16px; font-weight:400; margin-bottom:0px;}
	.entry h6 {font-size:14px; font-weight:300; margin-bottom:0px;}

/* ==========================================================================
    Header
   ========================================================================== */

	.header{ background:url(../images/header-bg.jpg) top center repeat-x; position:relative; padding-top:25px; padding-bottom:12px; }
	.header::before {content:''; display:block; position:absolute; top:0; left:0; right:0;bottom:0; width:100%; height:100%; z-index:0; background:url(../images/header-bg-image.png) top center no-repeat; background-size:cover;}
	.header::after {content:''; display:block; position:absolute; bottom:8px; left:0; right:0;width:100%; height:1px; background:#3F4C5F;z-index:0;}
	.logo{ display:block;  float:left; }		
	.nav{ list-style:none; padding-top:0px; text-align:center; }
	.nav li{ list-style:none; display:inline-block;  }	
	.nav li::after {content:""; display:inline-block; margin:0px 10px 0px 10px; color:#fff; height:30px; width:1px; background:#fff;vertical-align:middle;}
	.nav li:last-child::after {display:none;}
	.nav li a{ font-size:16px; line-height:1.2; color:#fff; font-weight:300; display:inline-block; padding:6px 20px 8px 20px; border-bottom:6px solid transparent;vertical-align:middle;}
	.nav li.on a,
	.nav li a:hover{ color:#CCB279; border-color:#CCB279; background:transparent;}
	
	.menu-icon {display:none; float:right;margin-top: 10px;}
	.menu-icon-bar { display: block;width: 28px; height: 4px; background-color:#fff; margin-top: 4px;}
	.menu-icon-bar:first-child {margin-top: 0px;}
	
	.top-contact {text-align:right; font-weight:300; font-size:19px; color:#CCB279; font-style:italic;}
	.top-contact p > * {vertical-align:middle;}
	.tc1 { font-size:29px; display:inline-block; padding-left:15px;}
	.tc2 { font-size:16px; display:inline-block; padding-top:15px;}
	
/* ==========================================================================
    Hero Banner
   ========================================================================== */	
	.slideshow {position:relative;}
	
	.slideshow .slide {width:100%; padding-top:5%; padding-bottom:5%;}
	.slideshow .slide h2 {font-size:38px; line-height:1.3; color:#CCB279; font-weight:700; margin-bottom:25px;}
	.slideshow .slide p {font-size:28px; line-height:1.3; color:#CCB279; font-weight:100; }
	
	.slideshow  .cycle-pager {display:block; width:100%; position:absolute; bottom:20px; left:0; right:0; z-index:201; text-align:center;}
    .slideshow  .cycle-pager > span {display:inline-block; width:11px; height:7px;  overflow:hidden; background:#fff; margin:0 17px; border-radius:50%; -webkit-border-radius:50%; cursor:pointer; text-indent:9999px;}
	.slideshow  .cycle-pager > span:hover,
	.slideshow  .cycle-pager > span.cycle-pager-active {background:#CCB279;}


/* ==========================================================================
    Intro
   ========================================================================== */
	
	.intro {background:url(../images/intro-bg.png) center top no-repeat; padding-top:40px; padding-bottom:35px;}
	.intro h2 {font-size:38px; line-height:1.3; color:#000; font-weight:300; margin-bottom:5px;}
	.intro p {font-size:28px; line-height:1.3; color:#000; font-weight:100; margin-bottom:30px;}	
	.intro  .btn{margin-top:-60px;}

/* ==========================================================================
    Bottom Boxes
   ========================================================================== */
   	
	.bottom-boxes {padding-top:25px;padding-bottom:35px;}
	.bottom-boxes-inner {border-top:1px solid #3F4C5F;padding-top:20px;}
	
	.boxes {max-width:1130px; margin: 0 auto; border-top:2px solid #fff; border-bottom:2px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
	.box {display:block; padding-top:62%; position:relative;border-left:1px solid #fff; border-right:1px solid #fff;}
	.box span {display:block; position:relative; font-size:24px; line-height:1.3; color:#000; font-weight:100; text-align:center; padding:20px 10px; background-color:#CCB379;background-color:rgba(204,179,121,0.85); position:absolute; bottom:0; left:0; right:0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
	.box:hover span {padding-bottom:40px;}
	
/* ==========================================================================
    Footer
   ========================================================================== */				
				
	.footer{ border-top:1px solid #3F4C5F;padding-top:30px; padding-bottom:40px;}
	.footer .btn {display:block; margin-top:15px; text-align:center;}
	.footer-sidebar {padding-top:50px; color:#fff;}
	.footer-sidebar h3 {font-size:20px; line-height:1.3;  font-weight:500; margin-bottom:30px; letter-spacing:1.4px;}
	.footer-sidebar p {font-size:14px; line-height:1.4;  font-weight:400; margin-bottom:15px; max-width:270px;}
	
	.back-to-top {display:block; width:60px; height:43px; border:1px solid #CCB279; overflow:hidden; background:url(../images/top-arrow.png) center center no-repeat; position:absolute; right:25px; bottom:25px;}

/* ==========================================================================
    Main
   ========================================================================== */		
	
	.main {padding-top:40px; padding-bottom:40px;}



/* ==========================================================================
    Media Queries
   ========================================================================== */
	@media only screen and (max-width: 1090px) {
		.nav li a{  padding:6px 14px 8px 14px; }
		.nav li::after { margin:0px 8px; }
	}
	
	@media only screen and (max-width: 1024px) {
		/* Tablet grid */
		.col-md-12{width:100%;}
		.col-md-11{width:91.666666666667%;}
		.col-md-10{width:83.333333333333%;}
		.col-md-9{width:75%;}
		.col-md-8{width:66.666666666667%;}
		.col-md-7{width:58.333333333333%;}
		.col-md-6{width:50%;}
		.col-md-5{width:41.666666666667%;}
		.col-md-4{width:33.333333333333%;}
		.col-md-3{width:25%;}
		.col-md-2{width:16.666666666667%;}
		.col-md-1{width:8.3333333333333%;}
	
		/* Helpers */
		.hidden-tablet { display: none; }
		.visible-tablet { display: block; }
		
		.nav li a{  padding:6px 10px 8px 10px; font-size:16px;}
		.nav li::after { margin:0px 5px; }		
		.slideshow .slide h2 {font-size:30px;margin-bottom:15px;}
		.slideshow .slide p {font-size:20px;}
		.btn {font-size:18px;padding:10px 22px;}
		.intro h2 {font-size:30px;}
		.intro p {font-size:20px; margin-bottom:25px;}	
		.box span {font-size:18px;  padding:13px 10px;  }
		.box:hover span {padding-bottom:30px;}
		
	}
	@media only screen and (max-width: 767px) {
		
		/* Mobile grid */
		.col-sm-12{width:100%;}
		.col-sm-11{width:91.666666666667%;}
		.col-sm-10{width:83.333333333333%;}
		.col-sm-9{width:75%;}
		.col-sm-8{width:66.666666666667%;}
		.col-sm-7{width:58.333333333333%;}
		.col-sm-6{width:50%;}
		.col-sm-5{width:41.666666666667%;}
		.col-sm-4{width:33.333333333333%;}
		.col-sm-3{width:25%;}
		.col-sm-2{width:16.666666666667%;}
		.col-sm-1{width:8.3333333333333%;}
	
		/* Helpers */
		.hidden-mobile { display: none; }
		.visible-mobile { display: block; }
		
		.menu-icon {display:block;}
		
		.nav{ padding-top:40px; text-align:right; display:none;}
		.nav li{  display:block;  }	
		.nav li::after {display:none;}
		.nav li a{   font-size:20px; line-height:1.2; color:#fff; font-weight:300; display:inline-block; padding:6px 0px 8px 0px; }
		
		.container {padding-left: 15px;padding-right: 15px;}
		.row {margin-left:-10px; margin-right:-10px; }	
		.row>div { padding-left:10px; padding-right:10px;}
		.row0 {margin-left:0; margin-right:0; }	
		.row0>div { padding-left:0; padding-right:0;}
		
		.header {padding-top:15px;}
		
		.logo  {max-width: 150px;}
		.top-contact p,
		.top-contact .tc1,
		.top-contact .tc2 {font-size:14px!important;}
		.top-contact .tc2 {padding-top:0px;}
		
		.slideshow .slide h2 {font-size:22px;margin-bottom:10px;}
		.slideshow .slide p {font-size:16px;}
		.btn {font-size:16px;padding:8px 16px;}
		.intro h2 {font-size:22px;}
		.intro p {font-size:16px; margin-bottom:15px;}	
		.box span {font-size:14px;  padding:10px 7px;  }
		.box:hover span {padding-bottom:20px;}
		.footer-sidebar h3 {font-size:16px;margin-bottom:15px;}
		
		
	}   
	
	@media only screen and (max-width: 479px){
		
		/* Mobile grid */
		.col-xs-12{width:100%;}
		.col-xs-11{width:91.666666666667%;}
		.col-xs-10{width:83.333333333333%;}
		.col-xs-9{width:75%;}
		.col-xs-8{width:66.666666666667%;}
		.col-xs-7{width:58.333333333333%;}
		.col-xs-6{width:50%;}
		.col-xs-5{width:41.666666666667%;}
		.col-xs-4{width:33.333333333333%;}
		.col-xs-3{width:25%;}
		.col-xs-2{width:16.666666666667%;}
		.col-xs-1{width:8.3333333333333%;}
		
		.slide .col5.text-right {text-align:left; padding-bottom:30px;}
		.slide .col5.text-right h2 {display:none; }
		
		.boxes {border:1px solid #fff;}
		.box {border:1px solid #fff;}
		
		.footer {text-align:center; padding-bottom:0px;}
		.footer .container {padding-bottom:40px;}
		.footer p {margin-left:auto; margin-right:auto;}
		.footer .widget {margin-bottom:15px;}
		
		
		.back-to-top {right:auto; bottom:auto; margin:0 auto; position:relative;}
		
		.intro .btn {margin:20px auto 0 auto; float:none;}
		.top-contact p,
		.top-contact .tc1,
		.top-contact .tc2 {font-size:12px!important;}
	}
	
	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 	
		/* Retina-specific stuff here */
		
	}