@font-face {
  font-family: 'TrebuchetMS';
  src: url('../fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'),
  url('../fonts/TrebuchetMS.woff') format('woff'),
  url('../fonts/TrebuchetMS.ttf')  format('truetype'),
  url('../fonts/TrebuchetMS.svg#TrebuchetMS') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*******************************/

body{ margin:0; padding:0;font-size:14px; font-family: 'TrebuchetMS', sans-serif; color:#888;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0; padding:0; color:#666; text-transform:uppercase;}
h1 { font-size:30px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
a img { border:0 none; }
a{text-decoration:none !important;}
ul { margin:0; padding:0; list-style:none; }
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus { outline: none;}
p span{ color:#315d8f; font-weight:bold;}

/************************************************************************************/

#header{ background:url(../images/header-bg.png) repeat; border-bottom:6px solid #315d8f;}
.top-border{background:#315d8f; height:6px; margin:0; border:0;}
.logo{display:block; margin:25px auto; max-width:278px;}
@media (max-width: 460px) {.logo{ width:60%;}}

.banner .slide {opacity: 1;}
.slider-more{ display:table; color:#FFF; font-size:22px; padding:7px 30px; border:3px solid #fff; text-transform:uppercase;
margin:20px auto 0;}
.slider-more:hover{ background:#FFF;}
.content{border-top:2px solid #e7e7e7;}
.welcome-about{ margin: 30px auto 60px;}
.all-title{ margin:20px 0; border-bottom:1px solid #dcdcdc; padding-bottom:15px;}
.welcome-pic { padding:10px; border:1px solid #dcdcdc; margin-bottom:20px; text-align:center;}
.all-btn{ border:2px solid #315d8f; font-size:16px; padding:5px 20px; color:#315d8f;}
.all-btn:hover{ border:2px solid #999; color:#999;}
.all-btn2{ border:2px solid #fff; font-size:16px; padding:5px 20px; color:#fff;}
.all-btn2:hover { border:2px solid #78b1f1; color:#78b1f1;}
.all-btn2:focus {  color: #fff;}
.blue-bg{ background:url(../images/footer-bg.jpg) repeat; padding:40px 0;}
.blue-all-title{ color:#78b1f1; margin-bottom:23px;}
.why{ margin-bottom:35px;}
.why-pic{ text-align:center; margin:30px 0 50px;}
.why-list{ color:#FFF; font-size:19px; list-style:disc; margin:0 0 0 20px;}
.featured{ margin:0 0 35px;}
.featured .slide{opacity: 1;}
.footer-titles{ font-size:20px; text-transform:uppercase; color:#fff; margin:10px 0 25px 0;}
@media (max-width: 992px) {.footer-titles{ margin:30px 0 25px 0;}}
.bottom-nav a{ color:#dbecff; font-size:13px; margin-bottom:9px; display:block; text-transform:uppercase;}
.bottom-nav a:hover{ color:#fff;}
.footer-adress{color:#dbecff; font-size:13px;}
.social a{ display:block; width:33px; height:33px; float:left; margin-right:5px;}
.fac-icon{background:url(../images/social.png) no-repeat 0 0;}
.fac-icon:hover{background:url(../images/social.png) no-repeat 0 -33px;}
.twi-icon{background:url(../images/social.png) no-repeat -33px 0;}
.twi-icon:hover{background:url(../images/social.png) no-repeat -33px -33px;}
.goo-icon{background:url(../images/social.png) no-repeat -67px 0;}
.goo-icon:hover{background:url(../images/social.png) no-repeat -67px -33px;}
.lin-icon{background:url(../images/social.png) no-repeat -100px 0;}
.lin-icon:hover{background:url(../images/social.png) no-repeat -100px -33px;}
.footer{ padding:40px 0 0;}
.footer-gallery a{ float:left; display:block; width:55px; height:55px; border:2px solid #FFF; margin:5px 0 5px 10px;}
.footer-gallery a:hover{ border:2px solid #6699cc;}
.footer-more{ border:1px solid #fff; font-size:12px; padding:3px 9px; color:#fff; margin:7px 0 0 0;}
.footer-more:hover{ border:1px solid #fff; color:#315d8f; background:#FFF;}
.copyright{ border-top:2px solid rgba(17,60,108,.36); margin-top:20px; padding:20px 0;}
.copyright p{ color:#dbecff; font-size:13px;}
.copyright p span{ color:#fff;}
.btn{ border-radius:0;}

/**************** about ******************/

.page-content{ min-height:520px; font-size:16px;}
.page-title{ background:#315d8f; color:#FFF; text-align:center; padding:15px; margin-bottom:50px;}
.about-pic{ text-align:center; margin-bottom:30px;}
.about-pic img{ border:1px solid #e7e7e7;}
.text-bg{ padding:20px; border:1px solid #e7e7e7; margin-bottom:30px;}


/*********** project *************/

.pdf-d{ border:1px solid #315d8f; font-size:16px; padding:10px 20px; color:#315d8f; display:block; text-transform:uppercase;
text-align:center; margin-bottom:30px;}
.pdf-d:hover{ color:#999; border:1px solid #999;}
.pdf-d i{ font-size:20px; float:right;}


/********** contact ***********/
.contact-title{ margin:5px 0 20px; color:#888; border-bottom:1px solid #e7e7e7; padding-bottom:20px; text-align:center; font-size:20px;}
.contact-info{ min-height:301px;}
.contact-info i{ color:#315d8f;}

/************ gallery *************/
.gallery{ margin-bottom:50px; text-align:center;}
.gallery a{ width:18.93%; height:150px; float:left; display:block; margin:5px; border:5px solid #e7e7e7; position:relative;
background-size:cover !important; background-position:center !important;}
.gallery a:hover{ border:5px solid #315d8f;}
.gallery a:hover .gallery-hover{ background: url(../images/serch3.png) no-repeat center rgba(22,61,104,.8); width: 100%; height: 101%; display: block; position: absolute; top: 0; left: 0; transition:all .5s;}
@media (max-width: 992px) {.gallery a{ width:23.6%;}}
@media (max-width: 768px) {.gallery a{ width:31%;}}
@media (max-width: 480px) {.gallery a{ width:47%;}}
.featured-gallery{ background:#eee; padding:25px 0 10px;}

.blueimp-gallery .slide{opacity: 1;}

/***************** properties ******************/
.text-bg2{ padding:15px 15px 10px ; border:1px solid #e7e7e7; margin-bottom:10px;}
.gallery-slide{border:1px solid #e7e7e7; padding:10px; margin-bottom:10px;}
.gallery-slide .carousel-indicators li{ width:8px ; height:8px; border:0; background:#FFF;}
.gallery-slide .carousel-indicators .active{ width:10px ; height:10px; border:0; background:#315d8f;}
.gallery-slide .carousel-indicators { bottom:10px;}
.properties-table{ font-size:13px; color:#888;}
.properties-table span{ font-weight:bold; color:#315d8f;}