@charset "UTF-8";
/* CSS Document */
.ui-datepicker-header .ui-datepicker-title select { color:black; }

body{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:400; font-size:12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

a:link{ outline:none;}
img{image-rendering: -webkit-optimize-contrast; }
 

/*********/
/*header*/
/*********/


/*header*/

.header .navbar-default{ background:none; border:none;}
.header .navbar-nav>li>a{ padding:0px;}
.header_home .navbar-nav>li>a{ padding:0px 10px;}

.header{ position:absolute; z-index:3; width:100%; font-size:14px; text-transform:uppercase; margin-top:30px; color:#FFFFFF;}
.header .navbar-default .navbar-nav>li>a{ color:#FFFFFF; text-decoration:none; font-weight:500; text-transform:uppercase;}
.header .navbar-default .navbar-nav>li{ padding:0px 10px;}

.header .navbar-default .navbar-nav>li>a:hover{ border-bottom:3px solid #e8c373;}
.header .navbar-default .navbar-nav>li.active a, .header .navbar-default .navbar-nav>li.active a:hover{border-bottom:3px solid #e8c373; background-color:transparent; color:#FFFFFF;}

.header .logo{ margin-top:-20px;}

/*slideshow*/
.slideshow .flicker-example{ height:570px;  color:#FFF;}
.slideshow .flickerplate .dot-navigation .dot{ background-color:rgba(232,195,115,0.4);}
.slideshow .flickerplate .dot-navigation .dot.active{background-color:rgba(232,195,115,1);}
.dot, .slideshow .flickerplate .dot-navigation .dot:hover{ background-color:rgba(232,195,115,0.7);}


.banner{height:570px; background-image:url(../images/slideshow/slide1.jpg); background-size:cover; background-position:center right; color:#FFFFFF;}
.banner .overlay{position:absolute;  width:100%; top:0px; height:570px; }
.banner .overlay img{ height:570px; width:100%;}


.banner h2{ font-size:44px; text-transform:uppercase; font-style:italic; font-weight:500; margin-top:150px;}
.banner h2 span{ color:#e8c373;}
.banner h3{font-size:18px; font-weight:400; line-height:25px;}
.banner .btn{ background-color:transparent; border:2px solid #e8c373; color:#e8c373; font-size:15px; font-weight:400; font-style:italic; border-radius:0px; font-size:15px; margin-top:15px; width:140px;}




/*********/
/*CONTENT*/
/*********/
.content{ padding:50px 15px; color:#222222;}
.content h2{ font-size:25px; font-weight:500; text-transform:uppercase; color:#1f1f1f; font-style:italic; margin-bottom:0px; margin-top:0px;}
.content hr.line{ border:0px; border-bottom:3px solid #e8c373; width:40px; margin-top:5px; margin-bottom:40px;}

.content p{ font-size:15px; font-weight:400; color:#222222;}

.content_areas { color:#FFFFFF; background:url(../images/bg_areas.jpg) no-repeat;  background-size:cover;}
.content_areas .content{ padding-bottom:50px;}
.content_areas .content h2{ color:#FFFFFF;}
.content .box p{ font-size:14px; color:#FFFFFF; line-height:17px;}
.content .box{ border:2px solid #FFFFFF; padding:15px; height:120px; margin:10px 0px; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms; transition: all ease-in-out 300ms;}
.content .box img{ margin-bottom:5px;}
.content small{ font-size:12px; color:#FFFFFF;}
.content .box2, .content .box.box2:hover{ background-color:#e8c373; border:2px solid #e8c373;}
.content .box2 p{ font-size:12px; line-height:inherit;}
.content .wrap_box{ padding-bottom:30px;}
.content .box:hover{ background-color:rgba(0,0,0,0.8);}
.content .box2 .btn{background-color:#FFFFFF; margin-top:10px; font-size:12px; line-height:inherit; color:#000000; font-weight:bold; font-style:italic; }


.content_team h3{ font-size:21px; font-weight:500; color:#2d2d2d; margin-bottom:0px; margin-top:10px;}
.content_team h4{ font-size:16px; font-style:italic; color:#e8c373; margin-top:0px;}
.content_team a{ font-size:13px; text-decoration:underline; color:#2d2d2d;}

.content_team .image{ position:relative; width:100%; height:auto;}
.content_team .image img{ width:100%; vertical-align:top;}
.content_team .image:after{ content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); opacity:1; transition: all 0.5s; -webkit-transition: all 0.5s;}
.content_team .image:hover:after, .box_team:hover .image:after{ opacity:0;}


/*********/
/*footer*/
/*********/
.content_contact{ background-color:#232323; color:#FFFFFF;}
.content_contact hr.line{ margin-bottom:20px;}
.content_contact h2{ color:#FFFFFF;}
.content_contact p{color:#FFFFFF; font-size:13px;}
.content_contact p.contact{ line-height:25px; font-size:15px; margin-bottom:0px;}
.content_contact p span{color:#e8c373;}
.content_contact p a{ color:#FFFFFF; text-decoration:none;}

@media (max-width:1200px){
.content .box{ padding:15px 3px;}
.content .box p{ font-size:13px;}
}

@media (max-width:992px){
.slideshow h2{ font-size:35px;}
.slideshow h3, .content_team h3{ font-size:16px;}
.slideshow .flicker-example{ height:500px;}
.content_team a, .content_team p{ font-size:12px;}
.content_team h4{ font-size:14px;}
}
@media (max-width:767px){
.banner .overlay img, .banner, .banner .overlay{ height:515px;}
.banner .overlay{ background-color:rgba(0,0,0,0.4);}

.box_team{ margin-bottom:30px;}
.banner h2{ font-size:30px; margin-top:130px;}
.banner h3{ font-size:17px;}
.header .logo{ width:230px;}

.header .menu{ margin-top:-12px; height:40px;}
.header .navbar-default .navbar-toggle .icon-bar{ background-color:#FFFFFF;}
.header .navbar-default .navbar-toggle:focus, .header .navbar-default .navbar-toggle:hover{ background-color:rgba(0,0,0,0.8);}
.header .navbar-default .navbar-collapse, .header .navbar-default .navbar-form{ border:none;}
.header .navbar-nav{ margin:5px 0px;}
.header .navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color:rgba(0,0,0,0.8); }
.header .navbar-collapse{ box-shadow:none;}
.header .navbar-default .navbar-nav>li>a{ border-bottom:2px solid transparent;}
.header .nav{ margin-top:10px; margin-bottom:10px;}
.header .nav>li{ height:24px;}

.header .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:rgba(0,0,0,0.8);
    background-image: none;
    border:none;
    border-radius:0px;
}
.content .box2 .btn{ margin-top:5px;}

}