/*#5e3233*/
/*================*/
/*TYPO*/
/*================*/
body{font-family: 'Trebuchet', 'Trebuchet MS', 'Tahoma', 'Arial', sans-serif; background-color: #fff; color: #858585; font-size: 15px;}
h2{font-size: 36px;}
.lead{font-size: 18px;color: #969696;}
a{-moz-transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;}
/*================*/
/*ELEMENTS*/
/*================*/
.btn{border-radius: 3px; font-size: 16px; text-transform: uppercase; padding: 14px 25px;}
.btn.btn-outline{border-color: #5e3233; color: #5e3233;}
.btn.btn-outline:hover,.btn.btn-outline:focus{background-color: #5e3233; color: #fff;}

/*================*/
/*HEADER*/
/*================*/
.affix-top {position: static;top: -35px; background-color: #fff;}
.affix {top: 0;width: 100%;z-index: 99999; background-color: rgba(255,255,255,0.9);
    -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.11); 
}
.affix + div {padding-top: 70px;}


.navbar{border: 0; margin-bottom: 0;}
.navbar .navbar-brand{height: 164px; width: 164px; padding-top: 54px; padding-bottom: 54px; text-align: center; color: #fff !important; background-color: #5e3233 !important; border-radius: 50%; margin-left: 14px !important;}
.navbar .navbar-brand span{display: block;}
.navbar .navbar-brand .site-title{font-size: 25px;margin-bottom: 10px;}
.navbar .navbar-brand .site-tagline{font-size: 10px; text-transform: uppercase; line-height: 1.3;}
.navbar-default{background-color: #fff; padding: 10px 0;}
.navbar-default .navbar-nav>li>a{text-transform: lowercase; padding: 10px 20px; color: #5e3233;}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{color: #000;}
.navbar-acttion {margin-top: 30px;}
@media (max-width: 767px) {
    .navbar-nav{margin-top: 0; margin-bottom: 0;}
    .navbar-nav>li>a{border-bottom: 1px solid #f4f4f4;}
    .nav .dropdown-toggle{position: relative;}
    .nav .dropdown-toggle:after{font-family: 'FontAwesome'; position: absolute; right: 14px; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #9b9b9b; font-size: 12px; }

    .nav .dropdown-toggle[aria-expanded="false"]:after{content: "\f067";}
    .nav .dropdown-toggle[aria-expanded="true"]:after{content: "\f068";}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{border: 0;}
    .navbar-nav .open .dropdown-menu{background-color: #f7f7f7;}
    .navbar-nav .open .dropdown-menu>li>a{text-transform: uppercase; font-weight: 300;} 
    
}

@media (min-width: 768px) {
	.navbar .navbar-brand{margin-left: 0 !important;}
	.navbar-default .navbar-nav{margin-right: -28px;}
    .navbar-default .navbar-nav>li>a{padding: 25px 12px;font-size: 26px;}
    .navbar-nav>li>.dropdown-menu{padding: 30px 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0);box-shadow: 0 6px 12px rgba(0,0,0,0);border: 1px solid #ececec;width: 200px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
        -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
        -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
        -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
        z-index: 50;
        background: #fff;   
    }
    .navbar-nav>li.open>.dropdown-menu, .navbar-nav>li:hover>.dropdown-menu{
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease;
        -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease;
        -o-transition: opacity 0.4s ease, -o-transform 0.4s ease;
        transition: opacity .4s ease, transform .4s ease;
    }
    .navbar-nav>li>.dropdown-menu>li>a{font-size: 12px; text-transform: uppercase; padding: 8px 30px;}
    .navbar-nav>li>.dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:focus{background-color: transparent;}
    .navbar-nav>li>.dropdown-menu>li>a .img-flag{margin-right: 10px;}
}
@media (min-width: 1280px) {
    .navbar-nav>li>.dropdown-menu{right: auto; left: 50%; margin-left: -100px;}
}

/*================*/
/*FOOTER*/
/*================*/
.site-footer{color: #575757;font-size: 20px; overflow: hidden; position: relative;}
.site-footer .footer-right{padding-top: 107px; padding-bottom: 96px;}
.site-footer a:hover,.site-footer a:focus{text-decoration: underline;}
.site-footer .address{color: #868686;}
.site-footer .email a{color: #3D3D3D;}
.site-footer .copyright{line-height: 30px;font-size: 16px; margin-top: 68px;}
.site-footer .copyright a{color: #0f0f0f;}
.site-footer .sep{font-size: 25px;color: #CDCDCD;}

.list-social{list-style: none; padding: 0; margin-bottom: 100px;}
.list-social li{display: inline-block;}
.list-social a{display: inline-block;width: 55px;height: 55px; line-height: 55px; border-radius: 50%; border: 1px solid #DBDBDB; text-align: center; color: #000;}
.list-social a:hover,.list-social a:focus{background-color: #dbdbdb;}

.site-footer .footer-left{height: 414px;background: transparent url(../images/footer_img.jpg) no-repeat center top;}
/*================*/
/*PAGEs*/
/*================*/
.section{padding-top: 50px; padding-bottom: 60px;}
.section-dark{background-color: #202020; color: #fff;}
.section-dark a{color: #fff;}
.section-dark a:hover,.section-dark a:focus{color: #9b9b9b;}
.section-dark .section-heading-title{color: #fff;}

.section-heading{margin-bottom: 30px;}