/** container-box width **/
@media (min-width: 1100px) {
  .container {

	margin:0 auto;
  }
}

.topbar-wrapper{
	
	
}

header{
	position:fixed;
	background:transparent;
	z-index:999;top:0;/**/
	width:100%;
}

body{
	padding-top:115px;
}

h1, h2, h3, h4, h5{
	color:#5e81cf;
	font-weight:600;	
	font-family:'Roboto Condensed';
	text-transform:none;
}

.logo-box h1{
	font-family:'Abril Fatface';
	padding:0;margin:8px 0;
	text-transform:none;
	font-size:2.1em;
}
.logo-box h1 span{
	background:#ed1c24;
	padding:5px 8px;	
}
.logo-box h1 a{color:#b38d78;}
.logo-box h1 a{color:#fff;}

.container-grid{

}

.nav-wrapper{
	background:#fac11c;
	background:#5e81cf;
}
/** top contacts & social icons **/
.menu-box{padding-top:20px;}



.topbar-info{padding:10px 0;}
.topbar-info ul{margin:0;padding:0;list-style-type:none;}
.topbar-info ul li{display:inline;}

.sm-top-contacts{width:60%;display:none;}
.sm-top-contacts ul{margin:0;padding:0;list-style-type:none;}
.sm-top-contacts ul li{display:inline;}

.top-info-contact {
	padding:0 5px;
	border-left:2px solid #f6f6f6;	
	min-height:40px;
}
.top-info-contact span{
	margin-right:5px;
	color:#457d54;
	font-weight:600;
}
.top-info-contact .tel-label{
	font-family:'Roboto Condensed', Arial;
	font-size:1.2em;
	font-weight:600;
	color:#5e81cf;
	margin-top:5px;
}
.top-info-contact .telno{ 
	font-size:1.1em;
	color:#999;
	padding-top:5px;
}

.top-info-contact a{color:#999;text-decoration:underline;}
.top-info-contact a:hover{color:#02718f;text-decoration:none;}

.top-info-contact .fc-social-icons {margin:0;padding:0;}
.top-info-contact .fc-social-icons ul li {margin:0;padding:0;}
.top-info-contact .fc-social-icons ul li a{padding:0;margin:3px;}
.top-info-contact .fc-social-icons a:hover{color:#ddd;text-decoration:none;}
.top-info-contact .fc-social-icons {}
.top-info-contact .fc-social-icons ul{float:right;padding:0;margin:0;}
.top-info-contact .fc-social-icons a .fa{ font-size:2.6em;color:#ccc;margin:0;padding:0;}
.top-info-contact .fc-social-icons a .fa:hover{ color:#ec0032;}

.social-wrap-head li{background:none;float:left;margin:0;padding:0;}
.social-wrap-head li:last-child i.head-social-icon{margin:0}
.social-wrap-head .tooltip-inner{border-radius:0px}

.head-social-icon{font-size:16px;margin-right:16px;color:#dcddde;line-height:40px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.head-social-icon:hover{color:#107fc9;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}

/**** top contacts & social icons ***/

.title-content-wrapper{
	border-bottom:1px solid #ddd;
	background:#ed1c24;
}
h1.home-title {text-align:center;color:#fff;padding-bottom:10px;}
h1.home-title span{font-family:'Abril Fatface','Roboto Condensed';}
/** home page quote box **/
.quote-text-bar{
	padding:10px 0;
	background:#023052;
	min-height:92px;
	border-top:1px solid #fff;
	
}
.quote-text-bar .fa{
	color:#fff;
	font-size:2.8em;
	margin-top:14px;
}
.quote-text-bar .anns{
	color:#fff;
}

.anns ul li {
	list-style: none;
	padding: 0;
	color:#fff;
}
.anns ul li a{color:#fff;text-decoration:underline;}
.anns ul li a:hover{color:#ff2200;text-decoration:underline;}
/** end of home page quote box **/

/** content-wrapper **/
.content-wrapper{
	padding-bottom:0;
}
/** end content-wrapper **/

/** intro-content-wrapper **/
.intro-content-wrapper{
	padding:50px 0;
	
}
.intro-content-wrapper h3,
.intro-content-wrapper h4
{
	text-transform:none;
	color:#2f364f;
}

.intro-content-wrapper .event-item {
	margin-bottom:16px;
	border-bottom:1px solid #dfdfdf;
}
.intro-content-wrapper .event-item p{
	font-size:12px;
}
.intro-content-wrapper .event-item h5{
	color:#107cf9;
	margin:0;
}
.intro-content-wrapper .pull-left{
	padding-right:20px; 
	padding-bottom:20px;
}
.intro-content-wrapper .event-item img{width:60px !important;}
.intro-box2{padding-left:3%;}


/** end of intro-content-wrapper **/

/** promo-content-wrapper **/
.promo-content-wrapper{
	padding:20px 0;
	background-color:#e74c3c;
	/*background:#428bca url('../images/mozaic.png');*/
	background:#f0a817;
}

.promo-content-wrapper .promo-box h1{color:#000;}
.promo-content-wrapper .promo-box h3{
	text-align:left;
	color:#fff;
	font-weight:600;
	font-size:2.2em;
	margin-bottom:0px;
	text-transform:uppercase;
}

.promo-content-wrapper .promo-box h3 span{
	font-family:'Arial';
	color:#000;
}

.promo-content-wrapper .promo-box p{
	text-align:left; 
	font-size:1.2em;
	color:#fff;
}
.promo-box .promo-btn{
	font-weight:600;font-size:1.4em; 
	vertical-align: middle;
	text-align:center;
	padding-top:40px;

}
.promo-box .widget-wrapper,
.promo-box .widget-body,
.promo-box .widget-content{
	margin:0;
}
/** end of promo-content-wrapper **/

/** list-content-wrapper **/
.list-content-wrapper{
	padding:40px 0;
	border-bottom:2px solid #000;
}

.list-content-box{
	
	
}
.list-content-wrapper .xtra-margin{
	margin-left:2.6%;
}
.list-content-box h4{
	color:#fff;
	background:#333;
	margin:0;
	padding:10px 20px;
	text-transform:uppercase;
	font-size:1.2em;
}
.lc-area{
	padding:14px;border:1px solid #ddd;min-height:241px;
}

.lc-area ul{
	list-style:square;
	padding:0;
	margin:0;
	margin-left:14px;
}
.lc-area ul li{
	padding:0;
	margin:3px 0;
	color:#428bca;
}
.lc-area ul li a{
	color:#666;
	text-decoration:underline;
}
.lc-area ul li a:hover{
	color:#428bca;
	text-decoration:none;
}



.lc-area .elan{
	text-align:center;
	margin:0 auto;
	height:240px;
}
.bg-fill{
	background:#efefef;
}
/** end of list-content-wrapper **/


/* ==================================================
   TITLE
================================================== */
.dividerLatest {
    border-bottom: 1px solid #DDDDDD;
    position: relative;
    margin-bottom:25px;
}
.dividerLatest h4 {
    font-family: Roboto;
    font-size: 18px;
}

.dividerWidget {
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}
.dividerWidget h4 {
    font-family: Roboto;
    font-size: 14px;
    color:#fefefe;
    font-weight: 600;
    line-height: 14px;
    text-transform: uppercase;
}
.gDot {
    background: #e74c3c;
    bottom: -2px;
    height: 3px;
    position: absolute;
    width: 50px;
}
.gDot.widget {
    background: none repeat scroll 0 0 #FFFFFF !important;
    
}

/** end of title **/

/** page-title **/
.page-title{
	background:url('../images/mozaic.png');
}
.page-title h2{
	color:#428bca;
	color:#2e2e2e;
	font-size:1.8em;
	font-weight:400;
	text-transform:capitalize;
	padding:0;margin:0;
	padding-left:20px;

}
/** end page-title **/

/** sidebar **/
.sidebar .list-content-box{ margin-bottom:20px; }
/** end sidebar **/

/*** ann-secn ***/
.ann-secn{}
.ann-secn ul{list-style:none;padding:0;margin:0;}
.ann-secn ul li{margin:10px 0;padding-bottom:10px; border-bottom:1px solid #f6f6f6;}
.ann-secn ul li .pull-left{
	padding-right:14px;
	padding-bottom:14px;
}

.downl-secn{}
.downl-secn ul{list-style:none;padding:0;margin:0;}
.downl-secn ul li{
	display:inline;
	padding:10px;
	width:48%;
	float:left;

}
.downl-secn ul li .pull-left{
	padding-right:14px;
	padding-bottom:14px;
}

.nsa-secn{}
.nsa-secn ul{list-style:none;padding:0;margin:0;}
.nsa-secn ul li{
	display:inline;
	padding:10px;
	width:180px;
	min-height:340px;
	float:left;
	border:1px solid #f6f6f6;
	margin:10px;

}
.nsa-secn ul li img{width:180px;}

.ulinks-secn{}
.ulinks-secn ul{list-style:none;padding:0;margin:0;}
.ulinks-secn ul li{
	display:inline;
	padding:6px;
	width:48%;
	float:left;

}
.ulinks-secn .fa{
	margin-right:14px;
}

.books-secn{}
.books-secn ul{list-style:none;padding:0;margin:0;}
.books-secn ul li{
	
	padding:8px;


}

/*** end ann-secn ***/

/*** books **/
.book-list-item{
	border:0px solid #ddd;
	padding:8px;min-height:50px;
	border-bottom:1px solid #f6f6f6;
}
.book-list-item .pull-left{padding-right:14px;padding-bottom:14px;}
.book-list-item img{border:1px solid #ddd;}
.book-list-item h5{
	margin:0;
	padding:0;
	
	font-weight:600;
	color:#428bca;	
	text-transform:capitalize;

}

.book-list-item div,
.book-list-item p{font-size:0.94em;color:#222;}
.book-list-item div span{color:#999;}

.book-subt {}
.book-subt span{margin-left:10px;}

.book-list-item a.readmore { 
	background:#428bca;
	padding:8px 16px;
	color:#fff;
}

.book-list-item a.readmore:hover { 
	background:#2f364f;
	color:#fff;
}
/*** end of books module**/

/** gallery **/
.gallery-container{
	background:#fafafa;
	padding:6px;
	border:1px solid #efefef;
}
.gallery-container ul{margin:0;padding:0;list-style:none;}
li.photo {
    border: 1px solid transparent;
    
    
    overflow: hidden;
    padding: 0px;
    white-space: nowrap;
	display:inline;
	width:120px;
	height:80px;
	margin:6px;

    /* CSS3 Box sizing property */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    /* CSS3 transition */
    -moz-transition: border 0.2s ease 0s;
    -ms-transition: border 0.2s ease 0s;
    -o-transition: border 0.2s ease 0s;
    -webkit-transition: border 0.2s ease 0s;
    transition: border 0.2s ease 0s;
}
li.photo:hover {
    border-color: #444;
}
li.photo img {
    cursor: pointer;
    width: 120px;
}
li.photo p, .photo i {
    display: block;
}
li.photo p {
    font-weight: bold;
}

/** end of gallery **/


/*** footer panel ***/
.footer-panel-wrap{background:url('../images/footer-panel-bg.png') repeat-x;}
.footer-panel-wrap .container{background:#fac11c;border:1px solid red;margin-top:-20px;}
.footer-panel-box{}



.footer-wrap{background:#2e2e2e;padding:10px 0;}
.footer{ color:#fff;text-align:center; }
.footer ul{padding:0;margin:0;list-style:none;}
.footer ul li{
	display:inline;
	margin-right:6px;
	padding-right:6px;
	border-right:1px solid #fff;
}
.footer ul li:last-child{border-right:0px;}
.footer ul li a{ color:#ddd;}
.footer ul li a:hover{ color:#fff;}



/*** end of footer panel ***/



.intro-box1 blockquote{
	line-height:1.6em;
	color:#2e3192;
}
.intro-box1 h4{ color:#5e81cf;}
.intro-box1 p{ text-align:left;}

.intro-box2 ul{padding:0;margin:0;list-style-type:none;}
.intro-box2 ul li{padding:0;margin:3px 0;border-bottom:1px solid #f6f6f6;padding-bottom:3px;}
.intro-box2 ul li a {color:#999;}
.intro-box2 ul li a:hover {color:#ed1c24;}
.intro-box2 ul li a i {
	font-size: 16px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	color: #ed1c24;
	text-align: center;
	/* border-radius: 50%; */
	margin-left: 6px;
	/* background: #046E5A; */
	font-weight: bold;
}

.box-left-sep{
	border-left:5px solid #efefef;
	padding-left:20px;
}

.intro-box2 .box-left-sep{
	padding-left:40px;
}

.mission-box{margin:20px 0;background:#f6f6f6;padding:10px;border-radius:10px;}
.vision-box{margin:20px 0;padding:10px 0;}

.content-area{ padding-right:40px; padding-bottom:30px;background:#fff;}
.prod-img-strip img{border:1px solid #ddd;}
.prod-img-strip h4{color:#ed1c24;font-weight:600;border-bottom:3px solid #f6f6f6;padding-bottom:6px;margin-bottom:10px;}

.sidebar{background:#f1f1f1;padding:10px;border-radius:5px;margin-bottom:30px;}
.sidebar h3{margin-top:0;padding-top:0;padding-left:14px;}
.sidebar ul{padding:0;margin:0;padding-left:20px;margin-left:20px;list-style-type:square;}
.sidebar ul li{padding:0;margin:3px 0;text-align:left;color:#fff;}
.sidebar ul li a {color:#fff;}
.sidebar ul li a:hover {color:#eee;text-decoration:underline;}
.sidebar ul li a i {
	font-size: 16px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	color: #ed1c24;
	text-align: center;
	/* border-radius: 50%; */
	margin-left: 6px;
	/* background: #046E5A; */
	font-weight: bold;
}

.mail-addr .fa{color:#ed1c24;}
.mail-addr b{color:#2e3192;font-weight:300;}

.project-promo .no-padding{padding:0;}
.project-promo{padding:0px;border-radius:5px;}
.project-promo h4{text-align:center;color:#fff; padding:0;margin:10px 0;}
.project-promo .pic {padding:10px;border-top:1px solid #f1f1f1;}

.project-promo-inner{color:#fff;padding:0 0 10px 0;text-align:center;}
.proj-intro{background:#fff;padding:10px;}
.proj-intro .proj-info{margin:10px 20px;font-size:1.2em;line-height:1.4em;color:#333;}

.black-box{background:transparent;}
.black-box h4{color:#222;}
.black-box .pic img{padding:0;border:5px solid #fff;}
.black-box .pic {border-top:1px solid #222;}
.black-box .project-promo-inner {color:#222;}

.green-box{background:#ed1c24;background:#999;}
.green-box .pic img{padding:0;border:3px solid #fff;}

.staff-gal{padding-bottom:20px;}
.staff-gal h5{text-align:center;color:#666;}
.staff-gal h5 span{color:#ed1c24}
.staff-gal img {border:1px solid #ddd;}
.staff-gal .partner {color:#666;}

ul.csr{ margin:0; padding:0; margin-left:10px; padding-left:20px;list-style-type:square; }
ul.csr li{ margin-bottom:10px;}

.contact-page{padding-top:20px;}
.map-form{padding-left:40px;}
.contact-form-box {margin:20px 0;background:#fff;padding:10px;}
.contact-form-box blockquote{background:#5e81cf;padding:10px;color:#fff;border-color:#ed1c24;font-size:1.1em;}
.contact-form-box .contact-form{padding:10px;border:1px solid #ddd;border-radius:10px;}

.sidebar .contact-info {padding:10px;}
.sidebar .contact-info h3{color:#ed1c24;padding-left:0;}

ul.clients{ list-style:none;margin:0;padding:0;}
ul.clients li{display:inline;float:left;width:25%;padding:8px;}
ul.clients .client-info{padding:5px;border:1px solid #eee;border-radius:5px;min-height:120px;}
ul.clients .client-info .ctitle{ color:#000;text-align:center;border-top:1px solid #eee;  vertical-align: middle;}

.products{margin-top:20px;}
.products h4{color:#ed1c24;padding-top:10px;}
.products a.spec{
	background:#222;padding:5px 8px;color:#fff;border-radius:5px;margin-left:20px;
	-webkit-box-shadow: 2px 3px 0px #ed1c24;
	-moz-box-shadow: 2px 3px 0px #ed1c24;
	box-shadow: 2px 3px 0px #ed1c24;
}
.products a.spec:hover{background:#ed1c24;color:#fff;}

.photo-grid{}
.photo-grid .hps-label{margin-bottom:20px;padding:4px 0;text-align:center;border:1px solid #ddd;}

.tab-content{ padding:20px;}
.tab-content h3{color:#f0a817; margin-bottom:20px;}
.tab-content h4{color:#f0a817; margin-bottom:20px;}
.tab-content ul{padding:0;padding-left:20px;margin:0;list-style-type:none;}
.tab-content ul li {margin:4px 0;}
.tab-content ul li i {
	font-size: 16px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	color: #ed1c24;
	/* border-radius: 50%; */
	/* background: #046E5A; */
	font-weight: bold;
}
.floor-plans div{margin-bottom:20px;}

.home-photo-strip{padding:20px 0;background:#000;}
.home-photo-strip .heading{color:#fff;font-size:1.4em;text-align:center;padding:10px 0 20px 0;}
.home-photo-strip .hps-img{border:2px solid #fff;}
.home-photo-strip .hps-label{background:#fff;color:#000;width:100%;text-align:center;padding:4px 0;}


.promo-btn-green {
  background: #353535;
  background-image: -webkit-linear-gradient(top, #353535, #0c100b);
  background-image: -moz-linear-gradient(top, #353535, #0c100b);
  background-image: -ms-linear-gradient(top, #353535, #0c100b);
  background-image: -o-linear-gradient(top, #353535, #0c100b);
  background-image: linear-gradient(to bottom, #353535, #0c100b);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  text-shadow: 0px 1px 0px #898a88;
  -webkit-box-shadow: 0px 0px 0px #a4e388;
  -moz-box-shadow: 0px 0px 0px #a4e388;
  box-shadow: 0px 0px 0px #a4e388;
  font-family: Arial;
  color: #ffffff;
  font-size: 1.25em;
  padding: 10px 20px 10px 20px;
  border: solid #3b6e22  1px;
  text-decoration: none;
}

.promo-btn-green:hover {
  background: #cc2124;
  background-image: -webkit-linear-gradient(top, #cc2124, #a40e11);
  background-image: -moz-linear-gradient(top, #cc2124, #a40e11);
  background-image: -ms-linear-gradient(top, #cc2124, #a40e11);
  background-image: -o-linear-gradient(top, #cc2124, #a40e11);
  background-image: linear-gradient(to bottom, #cc2124, #a40e11);
  text-decoration: none;
  color: #ffffff;
}


.header-content-wrapper{
	padding:20px 0;
	background:url('../images/inner-header5.jpg');
	min-height:140px;
}
.header-content-wrapper h1{
	color:#fff;
}

.block-heading-two h4 {

}
.block-heading-two h4 span{
	color:#fff;
	text-transform:uppercase;
	font-size:0.9em;
	background:#ed1c24;
	background:#5281cf;
	padding:5px 8px;
	border-radius:5px;
}

.prod-content-wrapper{
	padding:30px 0;
	background:#f6f6f6;
}
.prod-content-wrapper .leader-content { padding-right:40px; }
.prod-content-wrapper .leader-content h1{ color:#ed1c24;}
.prod-content-wrapper .leader-content h4{ color:#5e81cf;}

.green-content-wrapper{
	padding:40px;
	background:url('../images/bg4.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;/**/
    background-position: center top; 
	min-height:300px;
}
.green-content-wrapper .green-content{
	text-align:center;
}
.green-content-wrapper .green-content h1{color:#fff;}
.green-content-wrapper .green-content p{
	color:#eee;
	font-size:1.4em;
	font-weight:400;
	line-height:1.5em;
	width:70%;
	margin:0 auto;
	text-align:center;
}
.green-content-wrapper .green-content p span{ }

@media handheld, only screen and (max-width: 1024px) {
	.top-info-contact .telno{ font-size:0.9em;}
	.top-info-contact .fc-social-icons a .fa{ font-size:2.0em;}
	.logo-box h1{font-size:1.9em;}
	.green-content-wrapper .green-content p{width:80%;}
	.contact-page{padding-top:0;}
	ul.clients li{width:33%;}
}
@media handheld, only screen and (max-width: 980px) {
	
	.top-info-contact .fc-social-icons { display:none;}
	.green-content-wrapper .green-content p{width:80%;}
}
@media handheld, only screen and (max-width: 768px) {
	.logo-box h1{font-size:1.6em;}

	.box-left-sep{
		border-left:5px solid #efefef;
		padding-left:10px;
	}
	.intro-box1 blockquote{
		font-size:1.1em;
		line-height:1.2em;
	}
	.top-info-contact { border-left:0px solid #f6f6f6;border-top:1px solid #f6f6f6;padding-top:2px;}

	.top-info-contact .tel-label{ font-size:1.2em;}
	.top-info-contact .telno{ font-size:0.9em;border-top:0px;padding-top:0;}
	.container-grid{
		width:96%;
	}

	.promo-box .promo-btn{
		font-size:1.1em; 
		padding-top:80px;

	}
	.prod-content-wrapper .leader-content { padding-right:10px; }
	.green-content-wrapper .green-content p{width:90%;}

	

}
@media handheld, only screen and (max-width: 480px) {
	
	body{padding-top:20px;}
	.topbar-wrapper .container{height:128px;}

	.content-wrapper{
		padding-top:30px;
	}
	.box-left-sep{
		border-left:0px solid #efefef;
		padding-left:10px;
	}
	.sm-top-contacts{display:none;}
	.top-info-contact { display:none;}
	#top-info-bar{display:none;}
	.sm-top-contacts .tel-label{ font-size:0.8em;display:none;}
	.sm-top-contacts .telno{ font-size:0.8em;border-top:0px;padding-top:0;}

	.container-grid{
		width:99%;
	}

	.intro-box2{display:none;}	

	.green-content-wrapper .green-content p{width:99%;}

	.map-form{padding-left:0;}
	.contact-page{padding-top:0;}
	ul.clients li{width:50%;}
	
}