@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ margin:0; padding:0;font-size:16px;font-family: 'josefin_sansregular', sans-serif; color:#666;padding-top:89px;}
@media (max-width: 767px){body{padding-top:113px;}}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0; padding:0;line-height: 136%; font-family: 'josefin_sansbold', sans-serif;}
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
a img { border:0 none; }
img{max-width:100%; height:auto;}
a{text-decoration:none !important; color:#c39e1e;}
a:hover , a:focus{ transition:all .5s; color:#666;}
ul { margin:0; padding:0; list-style:none; }
p{font-family: 'josefin_sansregular'; line-height: 120%;}
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus , a:focus { outline: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none;}
::-moz-selection { background: #c39e1e; color: #fff; text-shadow: none; }
::selection { background: #c39e1e; color: #fff; text-shadow: none; }
/*************************/
@media (min-width: 1440px){.container {width: 1410px;}}
/*@media (max-width:767px){.container{max-width: 500px;}}*/

header{ position:fixed; left:0; right:0; z-index:50; background:rgba(255,255,255,.97); top:0;}
/*****Menu******/
#sidebar-wrapper {
    margin-right: -320px;
    right: 0;
  top:0;
    width: 320px;
    background: #fff;
   /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);*/
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    /*transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;*/
  }

#sidebar-wrapper[class=""]{
  transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
  }

  .sidebar-nav {
    /*position: absolute;
    top: 0;*/
    width: 306px;
    list-style: none;
    margin: 0;
    padding: 0;
  z-index: 1000;
  }

  .sidebar-nav li {
    line-height: 32px;
    text-indent: 26px;
  }

  .sidebar-nav li a {
    color: #555;
    display: block;
    text-decoration: none;
  font-size:14px;
  text-transform:uppercase;
  }
  
  .sidebar-nav li a.active {
     color: #c39e1e;
  }

  .sidebar-nav li a:hover {
    color: #c39e1e;
    text-decoration: none;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  color:#c39e1e;
  }

  .sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }

  .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
  }

  #menu-toggle {
   /* top: 0;
    right: 0;
    position: fixed;
    z-index: 1;*/
  }

  #sidebar-wrapper.active {
    right: 320px;
    width: 320px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
  }

  #sidebar-wrapper .btn{
    padding:0;
    border:none;
    margin:18px 18px 0 0;
    font-size:20px;
    color:#c39e1e;
    width:auto;
   }
   #sidebar-wrapper .btn:hover , #sidebar-wrapper .btn:focus{
    background:none;
    color:#666;
   }
  
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
}

#sidebar-wrapper .dropdown-menu{ position:inherit; border:hidden; border-radius:0;padding:0; margin:0; min-width:100%; box-shadow:none; font-family: 'josefin_sansregular';
float:none;}
#sidebar-wrapper .dropdown-menu > li > a { padding:5px 0; font-size:12px; color:#999;}
#sidebar-wrapper .dropdown-menu > li > a:hover ,  #sidebar-wrapper .dropdown-menu > li > a:focus{ background:none;color:#c39e1e;}
#sidebar-wrapper .dropdown-menu > li > p{padding-left: 27px;text-indent: 0; font-size:14px;}
#sidebar-wrapper .divider{ margin-left:40px;}
#sidebar-wrapper .icon-angle-down{ margin-right:30px;}
#sidebar-wrapper .open .icon-angle-down:before { content: '\f106';}
/*.active .overlay{display: block;}*/
/*****End Menu*****/
.logo{ margin:17px 0; display:table;}
.slogan{ text-align:center; font-size:15px; padding-top:30px;}
.slogan span{ color:#c39e1e; font-size:17px;}
.menu-icon{ display:block; font-size:30px; margin:23px 0; color:#989898; float: right;}
.menu-icon:hover , .menu-icon:focus{ color:#c39e1e;}

.top-nav{margin:27px 0 0;}
.top-nav a{ float:right; display:block; margin:0 18px 0 0; color:#c39e1e; font-size:15px;}
.top-nav i{ font-size:20px; position:relative; top:2px;}
.top-nav a:hover , .top-nav a:focus{color:#666;}
.top-nav .call{ float:right; display:block; margin:0 18px 0 0; color:#666; font-size:18px;}
.top-nav .call:hover{color:#c39e1e;}
@media (max-width: 1439px){
.slogan span{font-size:15px;}
}
@media (max-width: 1199px){
.slogan{ display:none;}
.top-nav a{ margin:0 14px 0 0;}
.top-nav .call{ margin:0 14px 0 0;}
}
@media (max-width:767px){
.logo{ margin:12px 0;}
.logo img{ height:44px; width:auto;}
.top-nav{ text-align:center; margin: 0 0 10px; border-top:1px solid #eee; padding-top:5px;}
.top-nav a{ float:none; display:inline-block; margin:0 6px;}
/*.top-nav .call{ display:none;}*/
.menu-icon{ position:absolute; top:-78px; right:10px;}
.top-nav .call{ position:absolute; top:-49px; right:50px;}
.search-btn{ position:absolute; top:-49px; right:105px;}
}
/*******Search*******/
.search-top{ padding-top:20%;}
.search-top .form-control{ min-width:450px; height:48px; border:none; padding:15px;}
@media (max-width:767px){
.search-top{ padding-top:50%;}
.search-top .form-control{ min-width:222px;}
}
.search-top .form-inline .form-group { display: inline-block;margin-bottom: 0;vertical-align: middle;}
.search-top .btn-primary{ padding:5px; font-size:24px;}
.search-top .btn-primary:hover ,.search .btn-primary:focus {background:#222; border-color:#222; color:#c39e1e;}
.search-top .form-inline{ margin:auto; display:table;}
.search-top .close{ color:#FFF; text-shadow:none; opacity:.5; position:absolute; top:-60px; right:0; font-size:50px;}
.search-top .close:hover{ opacity:.8;}
.search-top .modal-dialog{ width:auto; display:table; margin:auto; position:relative;}
/******Banner*****/
.slider-pic{ height:955px !important; background-size:contain !important; display:block; background-position:center top !important;}
@media (min-width:1920px){
.slider-pic{height:955px;}
}
.carousel-caption{ text-align:left; top: 20%; left: 50%; bottom:inherit; max-width: 800px; margin-left:-690px;}
@media (max-width:1439px){
.carousel-caption{ margin-left:-570px;}
}
@media (max-width:1199px){
.carousel-caption{ margin-left:-470px;}
}
@media (max-width:991px){
.carousel-caption{ margin-left:-360px;}
}
.carousel-caption h1{ background:rgba(0,0,0,.5); font-size:36px; text-transform:uppercase; padding:20px 20px 0 20px; margin:0;
display:table;}
.carousel-caption p{font-size:18px;max-height:62px; overflow:hidden; margin-bottom:15px;}
.carousel-caption-info{background:rgba(0,0,0,.5);padding:20px;}
.carousel-caption .btn-default:hover , .carousel-caption .btn-default:focus {color:#FFF;border-color:#FFF;}
.carousel-indicators {bottom: 230px;}
.carousel-indicators li{background-color: #FFF;border:none; width:14px; height:14px;}
.carousel-indicators .active{ width:18px; height:18px; background:#c39e1e;}
@media (max-width:991px){
.carousel-caption{ top:12%;}
.carousel-indicators {bottom: 410px;}
.slider-pic{ height:880px;}
}
@media (max-width:767px){
.carousel-caption{ top:3%; left:7%; width:85%; margin-left:0;}
.carousel-caption h1{ font-size:24px; overflow: hidden; display:block; padding: 15px 15px 0 15px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.carousel-caption p{max-height:65px; overflow:hidden;}
.carousel-indicators {bottom: 608px;}
.carousel-caption-info{ padding:15px;padding-top:0;}
.carousel-caption-info .btn{ margin:0;}
}
/****************search-bar*************/
.search-bar{background:rgba(0,0,0,.6); padding:20px 0; position:relative; margin-top:-190px; z-index:3;}
.search-bar h5{ font-size:18px; text-transform:uppercase; color:#c39e1e; padding:10px 15px;background:rgba(0,0,0,.6);
position:absolute; top:-44px;}
.search-bar .col-md-2{ margin-bottom:15px;}
.search-bar .col-xs-12{ margin-bottom:0;}
.search-bar .checkbox{ color:#FFF; text-align:right;}
.search-bar .btn-default:hover , .search-bar .btn-default:focus {color:#FFF;border-color:#FFF;}
@media (max-width:991px){
.search-bar{ margin-top:-355px;}
}
@media (max-width:767px){
.search-bar{ margin-top:-568px;}
.search-bar .checkbox{text-align:left;} 
}
/************/
.title{ font-size:50px; margin:40px auto 0;position:relative; line-height:100%; text-align:center;}
@media (max-width:767px){.title{ font-size:32px;}}
.title:after{ content:" "; background:#c39e1e; height:3px; width:126px; display:block; margin:15px auto;}
.btn{ background:none; font-size:18px; border-width:2px; padding:5px 20px; text-transform:uppercase; border-radius:0;
transition:all .3s;}
.btn:hover , .btn:focus{ background:none;}
.btn-default{ color:#c39e1e; border-color:#c39e1e;}
.btn-default:hover , .btn-default:focus{ color:#666; border-color:#666; background:none !important; box-shadow:none;}
.btn-primary{ background:#c39e1e; border-color:#c39e1e;}
.btn-primary:hover , .btn-primary:focus{ background:#666; border-color:#666;}
.btn-sm{font-size:20px;padding:5px 20px;}

.welcome-box{ background:#c39e1e; padding:50px; text-align:center; color:#FFF; height:470px;}
@media (max-width:1199px){.welcome-box{ height:430px;}}
@media (max-width:767px){.welcome-box{ height:inherit;}}
.welcome-box2{ background:#333;}
.welcome-box i{ font-size:126px; line-height:100%;}
.welcome-box [class^="icon-"]::before{ margin:0; width:auto;}

.welcome-box .title{ font-size:42px; color:#FFF; margin-top: 10px; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.welcome-box .title:after{background:#FFF;}
.welcome-box p{ font-size:20px; height:72px; overflow:hidden; margin-bottom:30px;}
.welcome-box .btn-default{ border-color:#FFF; color:#FFF;}
.welcome-box .btn-default:hover , .welcome-box .btn-default:focus{ border-color:#333; color:#333;}
.welcome-box2 .btn-default:hover , .welcome-box2 .btn-default:focus{ border-color:#c39e1e; color:#c39e1e;}

@media (max-width:1199px){
.welcome-box{ padding:30px;}
.welcome-box .title{ font-size:32px;}
.welcome-box p{ font-size:20px; height: 72px;}
}
@media (max-width:480px){
.welcome-box .title{ font-size:24px;}
.welcome-box i{ font-size:90px;}
.welcome-box p{ font-size:18px; height: 85px; margin-top: -6px;}
}
/************projects************/
.projects .col-md-3{ padding:0;}
.project-box{ background:#000; text-align:center; color:#FFF; position:relative; display:block;}
.project-box:hover{ color:#FFF;}
.project-box img{ width:100%; opacity:.45; transition:all .3s;}
.project-box:hover img{opacity:.7;}
.project-info{ position:absolute; top:35%; width:100%; text-align:center; padding:15px;}
.video-page .project-info{ position:relative; top:35%; width:100%; text-align:center; padding:0;}
.video-page .video-icon{position: absolute; width: 100%;}
.video-page .project-box, .project-page .project-box{margin: 15px 0;}
.video-page .project-info{overflow: hidden;height: 70px;display: inline-block;}
.video-page .project-info h1{vertical-align: middle;display: table-cell;}

.project-info h1{ font-size:29px; line-height: 100%; margin:0; overflow: hidden;/* text-overflow: ellipsis; white-space: nowrap;*/
max-height: 59px;}
.project-info p{ font-size:20px; margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.project-info i,.video-icon i{ font-size:50px; color:#FFF;}
@media (max-width:1199px){
.project-info h1{ font-size:25px; max-height: 51px;}
.project-info i,.video-icon i{ font-size:32px;}
.project-info .project-box{margin: 0;}
}
@media (max-width:479px){
.project-info,.video-icon{top:25%;}
.project-info h1{ font-size:20px; max-height: 41px;}
.project-info p{ font-size:15px;}
.project-info i,.video-icon i{ font-size:24px;}
}
.project-pic{height:480px; width:100%; background-size:cover !important; display:block; background-position:center center !important; opacity:.7; transition:all .3s;}
@media (max-width:1600px){.project-pic{height:396px;}}
@media (max-width:1440px){.project-pic{height:360px;}}
@media (max-width:1366px){.project-pic{height:340px;}}
@media (max-width:1280px){.project-pic{height:320px;}}
@media (max-width:1024px){.project-pic{height:256px;}}
@media (max-width:480px){.project-pic{height:240px;}}
@media (max-width:320px){.project-pic{height:160px;}}
.project-page .project-pic{height:420px; width:100%; background-size:cover !important; display:block; background-position:center center !important; opacity:.7; transition:all .3s;}
@media (max-width:1600px){.project-page .project-pic{height:380px;}}
@media (max-width:1440px){.project-page .project-pic{height:330px;}}
@media (max-width:1366px){.project-page .project-pic{height:300px;}}
@media (max-width:1280px){.project-page .project-pic{height:270px;}}
@media (max-width:1024px){.project-page .project-pic{height:256px;}}
@media (max-width:480px){.project-page .project-pic{height:240px;}}
@media (max-width:320px){.project-page .project-pic{height:160px;}}
.video-page .project-pic{overflow: hidden;height: 0!important;padding-top: 56.25%;}
.project-box:hover .project-pic{opacity:.45;}
/***********filter-control************/
.filter-button-group{ text-align:center; margin-bottom:30px;}
.filter-button-group button{ display:inline-block; background:none; border:none; padding:5px 15px; font-size: 20px;
transition:all .3s; color:#666; line-height:100%;}
@media (max-width:767px){.filter-button-group button{ display:block; margin:5px auto; font-size:18px;}}
.filter-button-group .active , .filter-button-group button:hover , .filter-button-group button:focus{ color:#c39e1e;}

/************owl-theme***********/
.owl-dots{ display:none;}
.featured-projects .owl-carousel{ margin:30px 0;}
.featured-projects .owl-carousel a{ display:block;}
.featured-projects .owl-carousel .owl-item img{ width:222px; height:148px; margin:auto;}
.owl-theme .owl-nav [class*="owl-"] { margin:inherit; padding:inherit; background:none; border-radius:0; position:absolute; top:50%; margin-top:-30px;}
.featured-projects .owl-carousel .owl-nav .owl-next{ right:-50px;}
.featured-projects .owl-carousel .owl-nav .owl-prev{ left:-50px;}
.owl-carousel .owl-nav .owl-next:hover , .owl-carousel .owl-nav .owl-prev:hover{ background:none;}
.owl-carousel .owl-nav .owl-next:before{ font-family: 'fontello'; font-size:36px; color:#ccc; content: '\e940';}
.owl-carousel .owl-nav .owl-prev:before{  font-family: 'fontello'; font-size:36px; color:#ccc; content: '\e93f';}
.owl-carousel .owl-nav .owl-next:hover:before{color:#c39e1e;}
.owl-carousel .owl-nav .owl-prev:hover:before{color:#c39e1e;}
@media (max-width: 1280px) {
.featured-projects .owl-carousel .owl-nav .owl-next{ right:-30px; background: rgba(0,0,0,.1); padding:5px; color:#FFF;}
.featured-projects .owl-carousel .owl-nav .owl-prev{ left:-30px; background:rgba(0,0,0,.1); padding:5px; color:#FFF;}
.featured-projects .owl-carousel .owl-nav .owl-next:before{ color:#FFF;}
.featured-projects .owl-carousel .owl-nav .owl-prev:before{ color:#FFF;}
.featured-projects .owl-carousel .owl-nav .owl-next:hover , .owl-carousel .owl-nav .owl-prev:hover{ background:rgba(0,0,0,.05);}
}
@media (max-width: 1015px) {
.featured-projects .owl-carousel .owl-nav .owl-next{ right:0;}
.featured-projects .owl-carousel .owl-nav .owl-prev{ left:0;}
}

/*****/
.welcome-box2 .owl-carousel .owl-nav .owl-next{ right:-30px;}
.welcome-box2 .owl-carousel .owl-nav .owl-prev{ left:-30px;}
.welcome-box2 .owl-carousel .owl-nav .owl-next::before , .welcome-box2 .owl-carousel .owl-nav .owl-prev::before{ font-size:24px;}
@media (max-width: 1199px) {
.welcome-box2 .owl-carousel .owl-nav .owl-next{ right:-20px;}
.welcome-box2 .owl-carousel .owl-nav .owl-prev{ left:-20px;}
}

/***********ADS***********/
.ads{ margin-top:30px; margin-top:30px; text-align:center;}
/********/
.newsletter{ background:#c39e1e ;padding:50px 0; color:#FFF;}
.newsletter i{ font-size:100px;line-height: 100%;}
@media (max-width:992px){.newsletter i{font-size:70px;}}
.newsletter h1{ margin:0;}
.newsletter p{ margin:0; font-size:24px;}
.newsletter .form-control{ border:none; background:#FFF;}
.newsletter .form-control:focus{ background:#eee;}
.newsletter .btn-default{ border-color:#FFF; color:#FFF;}
.newsletter .btn-default:hover , .newsletter .btn-default:focus{ border-color:#333; color:#333;}
.newsletter form{ max-width:400px;}
@media (min-width:1200px){
.newsletter .container {max-width:960px;}
}
@media (max-width:767px){
.newsletter{ text-align:center;}
.newsletter form{ max-width:100%;}
.newsletter i{ display:table; margin:0 auto 15px; font-size:100px;}
.newsletter p{ margin:0 0 30px;}
}
.form-control{ border-radius:0;height: 40px;font-size: 16px; padding: 6px 10px; box-shadow:none; border-color:#dfdfdf;}
.form-control:focus{ box-shadow:none; border-color:#ccc;}
.form-control[type="file"]{ height:auto;}
.form-control2{ border-radius:0;height: 25px;font-size: 16px; padding: 0px 5px 5px; box-shadow:none; border-color:#dfdfdf; border:none;
border-bottom:dashed 1px #999;}

select.form-control{
background: url(../images/select.jpg) right center no-repeat #FFF;
outline: transparent solid;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:6px 30px 6px 6px;
}
select::-ms-expand {
    display: none;
}
.ie9 select.form-control{ padding:6px;}
/*
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:30px !important;}
.select{position:relative;}
.select::before{content:'\e87d'; right:10px; top:7px; position:absolute; pointer-events:none; font-family:"fontello";
font-size:13px; color:#c39e1e; border-left:1px solid #ddd; padding:2px 0 0 8px; height:26px; background:#FFF;}*/

label{ font-weight:normal; font-family: 'josefin_sansbold';}




/**********footer**********/
footer{ padding:60px 0 0;}
footer .col-sm-6{ margin-bottom:30px;}
footer .copy-r-ight .col-sm-6{ margin-bottom:0;}
footer h1{ color:#333; font-size:22px;}
footer p{ font-size:16px;}
footer p span{ color:#c39e1e;}
.bottom-nav li{ margin-bottom:5px;}
.bottom-nav a{ font-size:14px; color:#555;}
.bottom-nav a:hover{ color:#c39e1e;}
.socail{ margin-top:15px;}
.socail a{ font-size:16px; color:#c39e1e; display:inline-block; margin:0 5px 0 0; border:1px solid #c39e1e; width:30px; height:30px;
text-align:center; padding-top:3px;}
.socail a:hover{ color:#555; border-color:#555;}
.socail [class^="icon-"]::before{ margin:0;}
.copy-r-ight{ border-top:1px solid #eaeaea; padding:25px 0;}
.copy-r-ight a{ font-family: 'josefin_sansbold';}
.our-sites a{ display:inline-block; border:1px solid #ddd; padding:5px; margin:5px 3px;}
.our-sites a:hover{border-color:#c39e1e;}
.our-sites a img{ width:40px; height:40px;}

@media (max-width:767px){
footer{ text-align:center;}
.footer-logo{ display:block; margin:0 auto 30px;}
.socail a{ margin:0 3px;}
.copy-r-ight{ text-align:center;}
.copy-r-ight .pull-right{ float:none !important;}
}

/*************About************/
.page-content{ min-height:340px; padding:20px; margin:30px 0;border:1px solid #eee;}
@media (max-width:767px){.page-content{ padding:15px;}}
.slider-pic2{ height:160px; background-size:cover !important; display:block; background-position:center top !important; display: flex;
flex-direction: column;justify-content: center;}
.ie9 .slider-pic2{ padding-top:40px;}
.banner-page{ position:relative;}
.banner-page span{ display:block; width:100%; height:100%; position:absolute; background:rgba(0,0,0,.4); z-index:1;}
.banner-page .container{ z-index:2; position:relative;}
.banner-page .title{ color:#FFF; margin:0; text-shadow:1px 1px 3px rgba(0,0,0,.5);overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:40px 0 3px;}
.ie9 .banner-page .title{margin:0;}
@media (max-width:767px){
.banner-page{margin-top: 45px;}
.slider-pic2{ height:110px;}
.banner-page .container{width:100%;}
.banner-page .title{ margin:5px 0 -10px 0; font-size:24px;}
.ie9 .slider-pic2{ padding-top:10px;}
}
.about p{ font-size:18px;}
.about ul{ list-style:inside circle;}
.title2{ color:#c39e1e; margin-bottom:20px; font-size:28px;}
.title2:after{ content:" "; background:#c39e1e; height:4px; width:50px; display:block; margin:10px 0;}

.breadcrumb{ margin:0; padding:5px; background:rgba(0,0,0,.1); border-radius:0; text-align:center;
text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.breadcrumb > .active {color: #d8af23;}
.breadcrumb a{color: #FFF;}
.breadcrumb a:hover , .breadcrumb a:focus {color: #d8af23;}
@media (max-width:767px){.breadcrumb{ font-size:14px;}}

/***********Contacts**************/
.map{border:1px solid #ddd; margin-bottom:30px;}
.map iframe{ width:100%; height:300px; margin:0 0 -6px 0;}
.media-list{ margin:20px 0;}
.contact-us .media-left, .media > .pull-left { margin-right: 10px; border:1px solid #c39e1e; color:#c39e1e; width:32px; height:32px; text-align:center; padding:4px 0 0 0; margin-top: 5px;}
.contact-us .media-body span{font-family: 'josefin_sansbold'; font-size:17px;}
.qr-map{border:1px solid #eee; padding:5px; text-align:center; margin-bottom:20px;}
.qr-map img{ max-width:100%;}

/********login-register*********/
.login-form{ max-width:360px; margin-bottom:15px}
.login-form .btn{ margin-bottom:10px;}
.fac-login{background:#3B5998 !important; display:block; margin-bottom:10px; border:none; font-size:16px; padding:9px 20px;}
.tw-login{background:#dd4b39 !important; display:block; margin-bottom:10px; border:none; font-size:16px; padding:9px 20px;}
.fac-login:hover , .fac-login:focus , .tw-login:hover , .tw-login:focus{ opacity:.8; border:none;}
/*************add_property***********/
.add-property .btn{ margin:0 5px 5px 0;}
@media (max-width:767px){.add-property .btn{ margin:0 0 5px 0; width:100%;}}
.add-property .well{ margin-top:15px; background:none; border-radius:0; padding:15px;}
/*******residential-resale*******/
.projects-filter{ margin-bottom:5px;}
.projects-filter select{ margin-bottom:15px;}
/*.projects2 .project-info h1{ font-size:30px;}*/
.projects2 .video-icon{top:32%;position: absolute;width: 100%;}
@media (max-width:1199px){
.projects2 .video-icon{top:30%;}
/*.projects2 .project-info h1{ font-size:26px;}*/
}
@media (max-width:480px){
.projects2 .col-xs-6{ margin-bottom:15px; float:none; width:100%;}
.projects2 .video-icon{top:27%;}
}
.pagination{ margin:30px auto 0; display:table;}
.pagination > li:first-child > a, .pagination > li:first-child > span , .pagination > li:last-child > a, .pagination > li:last-child > span{ border-radius:0;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #c39e1e; border-color: #c39e1e;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{color: #c39e1e;
background-color: #FFF;}
.pagination > li > a, .pagination > li > span{ color:#666;padding: 4px 12px;}

.video-page .project-pic{height:0;}
@media (max-width:1440px){.video-page .project-pic{height:0;}}
@media (max-width:1366px){.video-page .project-pic{height:0;}}
@media (max-width:1280px){.video-page .project-pic{height:0;}}
@media (max-width:1199px){.video-page .project-pic{height:0;}}
@media (max-width:1024px){.video-page .project-pic{height:0;}}
@media (max-width:768px){.video-page .project-pic{height:0;}}
@media (max-width:480px){.video-page .project-pic{height:0;}}
/*************projects-list**************/
.projects-list{}
.projects-subtitle span{ font-size:22px; font-family: 'josefin_sansbold'; margin-left:5px;}
.projects-list ul{ margin:30px 0 0; text-align:center;}
.projects-list li{ margin:10px; display:inline-block;}
.projects-list li a{display:block;}
.projects-list li a img{ width:142px; height:142px; border:1px solid #ddd; transition:all .3s;}
.projects-list li a img:hover{ border:1px solid #c39e1e;}
.inquiry-form textarea.form-control{ min-height:150px;}

/*******************projects-details**************/
.projects-details{}
.project-logo{ margin-bottom:15px;}
.project-logo img{ border:1px solid #eee; max-height:100px;}
.project-gallery{ margin-bottom:30px;}
.project-gallery .owl-carousel .owl-nav .owl-next{ right:15px; margin-top:-28px;}
.project-gallery .owl-carousel .owl-nav .owl-prev{ left:15px; margin-top:-28px;}

.project-gallery .owl-carousel .owl-nav .owl-next::before , .project-gallery .owl-carousel .owl-nav .owl-prev::before{ color:#FFF;
font-size:28px;background:rgba(0,0,0,.4); padding:0 5px;}
.project-gallery .owl-carousel .owl-nav .owl-next:hover::before , .project-gallery .owl-carousel .owl-nav .owl-prev:hover::before { color:#c39e1e; background:rgba(0,0,0,.6);}

.project-gallery .owl-dots{ display:block; position:relative; z-index:2; margin-top:-50px;}
.project-gallery .owl-theme .owl-dots .owl-dot.active span, .project-gallery .owl-theme .owl-dots .owl-dot:hover span { background: #c39e1e; border:1px solid #c39e1e;}
.project-gallery .owl-theme .owl-dots .owl-dot span {background: none; border:1px solid #FFF; width:12px; height:12px;}
.project-gallery .owl-carousel .owl-item img { height:460px;}
@media (max-width:1199px){.project-gallery .owl-carousel .owl-item img { height:360px;}}
@media (max-width:992px){.project-gallery .owl-carousel .owl-item img { height:400px;}}
@media (max-width:479px){.project-gallery .owl-carousel .owl-item img { height:180px;}}
.projects3 .project-info p {overflow: inherit; text-overflow: inherit;white-space: inherit; font-size:18px; margin-top:5px;}
@media (max-width:1439px){
.projects3 .project-info{top:10%;}
/*.projects3 .project-info h1 {font-size:26px;}*/
}
@media (max-width:1199px){.projects3 .project-info{top:10%;}}
@media (max-width:479px){
/*.projects3 .project-info h1{font-size: 24px;}*/
.projects3 .project-info p {font-size:16px;}
.projects3 .col-xs-6{ margin-bottom:15px; float:none; width:100%;}
.projects3 .project-info{top:30%;}
}
/********apartments********/
dd, dt {line-height:180%;}
dt {font-weight:normal; font-family: 'josefin_sansbold'; color:#c39e1e;}
.apartments-map iframe{width:100%; height:265px;}
/*********small-content*********/
.small-content{ max-width:1000px; margin:auto;}
.center-content{text-align:center;}
.center-content .title2:after{ margin:10px auto;}
.pic-center{ margin:20px 0 30px;}
/******customer-care******/
.customer-care-form{ margin-top:30px;}
/*********services*********/
.services{ margin:20px 0 0 0;}
.services .panel-heading{ padding:0; border-radius:0; background:none;}
.services .panel-default{ border:none;}
.services .panel-heading a{ display:block; background:#666; color:#FFF; padding:8px 15px;font-size:19px; font-family: 'josefin_sansbold';}
.services .panel-heading a i{ float:right; margin-right:-6px;}
@media (max-width:767px){.services .panel-heading a{font-size:17px;}}
.services .panel-heading a[aria-expanded="true"]{ background:#c39e1e;}
.panel-group .panel{ border-radius:0;}
.services .panel-heading a[aria-expanded="true"] .icon-angle-down::before { content: '\f106';}
.services .panel-body{ border:1px solid #eee; margin-top:5px;}
/***************Careers**************/
.careers{}
.birth-date .form-control{min-width:100px;}
.careers .table > thead > tr > th {padding:15px 10px; vertical-align:middle; border-bottom:none; font-weight:normal;}
.careers .table > tbody > tr > td {padding:10px; vertical-align:middle;}
/****************articles****************/
.articles-filter{ margin-bottom:30px;}
.articles-filter li{ margin-bottom:7px;}
.articles-filter .active{ color:#666;}
.articles-filter span{ background:#ccc; color:#FFF; padding:0 4px; border-radius:20px; text-align:center; display:inline-block; min-width:20px; font-size:14px; margin-left:5px;}
.search{ margin-bottom:20px;}
.search .input-group-addon{ background:none; border:none; padding:0; border-radius:0;}
.search .btn{ height:40px; width:40px; padding:5px;}
.search .form-control{ border-right:none; border-width:2px;}
.articles-gallery{ margin-bottom:15px;}
.articles-gallery .owl-carousel .owl-nav .owl-next{ right:10px; margin-top: -18px;}
.articles-gallery .owl-carousel .owl-nav .owl-prev{ left:10px; margin-top: -18px;}
.articles-gallery .owl-carousel .owl-nav .owl-next::before , .articles-gallery .owl-carousel .owl-nav .owl-prev::before{ color:#FFF;
font-size:18px;background:rgba(0,0,0,.4); padding:0 5px;}
.articles-gallery .owl-carousel .owl-nav .owl-next:hover::before , .articles-gallery .owl-carousel .owl-nav .owl-prev:hover::before { color:#c39e1e; background:rgba(0,0,0,.6);}
.articles-gallery .owl-carousel .owl-item img { height:400px;}
@media (max-width:992px){.articles-gallery .owl-carousel .owl-item img { height:260px;}}
@media (max-width:479px){.articles-gallery .owl-carousel .owl-item img { height:140px;}}
.post{ margin-bottom:30px;}
.articles-date{ float:left; padding:7px; font-size:30px; text-align:center; line-height:100%;
background:#c39e1e; color:#FFF;}
.articles-date span{font-size:15px; margin:7px -7px -7px; background:#b49117; display:block;}
.articles-pic-info{ margin-left:48px; border-left:1px solid #c39e1e; padding-left:15px;}
.articles-pic-info h1{line-height:110%;}
@media (max-width:479px){
.articles-pic-info h1{ font-size:20px;}
}
/******************Games***************/
.games{}
.modal-title{ color:#c39e1e;font-size: 22px;}
.modal-body{padding:20px;}
.modal-content{border-radius:0;}
.modal-header .close { margin-top: -16px; font-size:44px;}
#gamesModal embed{ height:400px;}
.modal-center{ margin:auto; display:table;}
@media (max-width:767px){.btn{ display:block; margin-bottom:10px; width:100%;}}
.modal-backdrop.in{opacity:.7;}

.modal-body iframe{ width:100%; height:280px;}

@media (min-width: 1200px) {
#gamesModal .modal-dialog {width: 800px;}
#videoModal .modal-dialog {width: 800px;}
#gamesModal embed{ height:560px;}
.modal-body iframe{ width:100%; height:428px;}
}
/******New******/
.Adv-Search-btn{ float:right; margin:7px 0; display:block;}
.Adv-Search-btn:hover , .Adv-Search-btn:focus{ color:#FFF;}
.Adv-Search-btn[aria-expanded="true"] .icon-plus-1:before { content: '\e8de';}
/*************Alerts************/
.alert{ border-radius:0;}
.close{ font-size:32px; margin-top:-10px;}

/*******Tab********/
.tabs{ margin-bottom:15px;}
.nav-tabs > li > a{ border-radius:0; font-family: 'josefin_sansbold'; font-size:20px;}
.nav-tabs{ margin-bottom:15px;}

/***************Slider-video******************/
.owl-carousel-slider {
z-index:inherit;
}
   
.owl-carousel-slider .item{
display:block;
float:left;
width:100%;
position:relative;
height:755px;
overflow:hidden;}

@media (min-width:1920px){
.owl-carousel-slider .item{height:935px;}
}

@media (max-width:991px){
.owl-carousel-slider .item{ height:880px;}
}

.owl-carousel-slider img{
min-width:100%;
min-height:100%;
position:absolute;
left:50%;
top:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
z-index:-1;}

.owl-carousel video{
min-width:100%;
min-height:100%;
position:absolute;
}

.owl-carousel-slider .owl-nav{
display:none;
}

.owl-carousel-slider .owl-dots {
display: inherit;
position:absolute;
bottom: 230px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
}

@media (max-width:991px){
.owl-carousel-slider .owl-dots {bottom: 430px;}
}
@media (max-width:767px){
.owl-carousel-slider .owl-dots {bottom: 616px;}
}

.owl-carousel-slider .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-carousel-slider .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #FFFFFF;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-carousel-slider .owl-nav [class*='owl-']:hover {
background: #c39e1e;
color: #FFF;
text-decoration: none; }
.owl-carousel-slider .owl-nav .disabled {
opacity: 0.5;
cursor: default; }

.owl-carousel-slider .owl-nav.disabled + .owl-dots {
margin-top: 10px; }

.owl-carousel-slider .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-carousel-slider .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-carousel-slider .owl-dots .owl-dot span {
width: 13px;
height: 13px;
margin: 5px;
background: #FFFFFF;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-carousel-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #c39e1e; }