/* Css Shortcuts */
.fr { float: right; }

.fl { float: left; }

.di { display: inline-block; }

.db { display: block; }

.dn { display: none; }

.pr { position: relative; }

.pa { position: absolute; }

.pf { position: fixed; }

.tc { text-align: center; }

.tr { text-align: right; }

.mp { margin: 0; padding: 0; }

.pl { padding-left: 0; }

.pr0 { padding-right: 0; }


body { font-family: 'Lato', sans-serif; color: #818181; font-weight: 400; font-size: 14px; }

ul { margin: 0; padding: 0; list-style-type: none;}
a{-webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; color:#e30613}
a:hover, a:focus { text-decoration: none; }

p{letter-spacing:.3px; line-height:24px}

h1, h2, h3, h4, h5, h6{ font-family: "Antonio"; }
 
h1{font-weight:300; font-size:44px; color:#1d1d1b; margin:0 0 30px}
h2{font-weight:300; font-size:36px; color:#e30613; margin:0 0 30px }
h3{font-weight:400; font-size:24px; color:#1d1d1b; margin:0 0 10px}
h4{font-weight:400; font-size:18px; color:#1d1d1b}
h5{font-weight:400; font-size:16px; color:#1d1d1b} 

.color1{color:#543731}
.color2{color:#fff}
.color3{color:#e30613}
.bg1{background-color: #543731;}
.bg2{background-color:#1d1d1b}
.bg3{background-color:#e30613}
.brush{font-family: "Brush";}
.antonio{font-family: "Antonio";}

.wp { opacity: 0; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: none; }
    .wp.activeWp { opacity: 1; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.socialHolder{background:#543731;margin: 35px 0 0; text-align:center; padding:18px 0 16px;}
    .socialHeader { color: #fff; display: inline-block; margin-right: 15px; font-size:16px }
.social {  display:inline-block }
    .social .fa { color: #fff; border-radius: 16px; border:solid 1px #c58808; font-size: 16px; margin-right: 4px; overflow: hidden; white-space: pre; width: 34px; }
        .social .fa:hover { border-color: transparent; }
        .social .fa::before { border-radius: 5px; display: inline-block; margin: 0 9999px 0 auto; min-width: 32px; padding: 8px 5px; text-align: center; }
        .social .fa.fa-facebook:hover { background: #3B5998; color:#fff }
        .social .fa.fa-twitter:hover { background-color: #00acee; color:#fff }
        .social .fa.fa-instagram:hover { background-color: #87367d; color:#fff}
        .social .fa.fa-linkedin:hover { background-color: #3272BD;  color:#fff}
        .social .fa.fa-google-plus:hover { background-color: #fff; color:#D13F2D }
        .social .fa.fa-pinterest:hover { background-color: #fff; color:#CE1E27 }
        .social .fa.fa-youtube:hover { background-color: #fff; color:#CE332D }
        .social .fa.fa-envelope-o:hover { background-color: #000; color:#fff }

/*# sourceMappingURL=main.css.map */
.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #543731; z-index: 999; opacity: 1; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
    .loader.loaded { opacity: 0; z-index:-1}
img.loading { left: calc(50% - 64px); position: fixed; top: calc(50% - 64px); opacity: 1 !important; z-index: 2; }

#header { position: fixed; width:100%; z-index: 6; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.0); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.0); top:0; left:0; overflow:hidden }
#header.fixedMenu{-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);}

.logo {margin: auto;padding: 0px 0px 0px;-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-ms-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;transition: 0.3s ease-in;}
    .logo img {height: 110px;margin:auto;-webkit-transition: 0.3s ease-in;-moz-transition: 0.3s ease-in;-ms-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;transition: 0.3s ease-in;}

#header #dulger{background:#fff; height:110px !important; position:relative; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
#header #dulger:after{content:''; position:absolute; left:100%; top:0; width:200%; height:100%; background:#fff; z-index:-1}
#header #dulger:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; background:#1d1d1b; z-index:-1; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }

#header.fixedMenu #dulger{height:70px !important; }
#header.fixedMenu #dulger:before{left:-100%; top:0; width:100%; height:100%;}
#header.fixedMenu .logo{ padding:10px 45px;}
#header.fixedMenu .logo img{height:50px; margin:auto}
#header.fixedMenu #menu ul > li > a{padding:20px 20px 21px}
#header.fixedMenu #menu ul > li > a:after{top:45px}

#dulger{padding:0}

#menu ul { display:block; float:right}
    #menu ul > li { display: inline-block; margin-right:-4px; position: relative; }
        #menu ul > li > a { color: #999; display: block; font-family:'Antonio'; font-size:16px; padding: 35px 20px 46px; border-bottom: 6px solid transparent; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; position:relative; letter-spacing:.2px}
         #menu ul > li a:after{content:''; position:absolute; left:20px; top:61px; background:url(../images/menu-ok.png) no-repeat left top; width:9px; height:9px;-webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
        #menu ul > li:hover > a, #menu > ul > li:focus > a, #menu ul > li.active > a {background:#543731;color: #ffffff;}        
        #menu ul > li a:hover:after{background:url(../images/menu-ok.png) no-repeat left bottom;}
        #menu ul > li.active > a:after{background:url(../images/menu-ok.png) no-repeat left bottom;}
        #menu ul > li > ul { opacity: 0; display: none; width: 240px; position: absolute; left: 50%; top: 66px; margin-left: -120px; text-align: left; list-style: none; z-index: 2; background: #fff; padding: 20px 0; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); }
            #menu ul > li > ul:after { position: absolute; content: ''; left: 50%; bottom: -3px; width: 20%; margin-left: -10%; background: #543731; height: 6px; }
        #menu ul > li:hover > ul { display: none; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
        #menu ul > li > ul > li > a { font-size: 14px; width: 100%; position: relative; color: #999; text-shadow: none !important; padding: 10px 5px; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; border-bottom: none; background-position: left 5px center; background-repeat: no-repeat; border-bottom: none; }
        #menu ul > li > ul > li:after { left: 50%; width: 30%; margin-left: -15%; opacity: .2; background: #999; height: 1px; position: absolute; content: ''; }
        #menu ul > li > ul > li:last-child:after { display: none; }
        #menu ul > li > ul > li:hover:after { background: #543731; }
        #menu ul > li > ul > li { display: block; float: none; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; text-align: center; }
            #menu ul > li > ul > li:last-child { border-bottom: none; }
            #menu ul > li > ul > li:hover a { color: #543731; border-bottom: none; }
        #menu ul > li:nth-child(3) > ul > li, #menu ul > li:nth-child(4) > ul > li { border-bottom: none; }

#footer { padding: 60px 0 0; background: #1e1f21 url(../images/footerBg.jpg) no-repeat center; background-size:contain; color: #fff; }
#menuAlt ul { display:block; float:right}
    #menuAlt ul > li { display: inline-block; position: relative; }
        #menuAlt ul > li > a { color: #999; display: block; font-family:'Antonio'; font-size:16px; padding:10px 20px; border-bottom: 6px solid transparent; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; position:relative; letter-spacing:.2px}        
        #menuAlt ul > li:hover > a, #menuAlt > ul > li:focus > a, #menuAlt ul > li.active > a {color: #ffffff;}        
        #menuAlt ul > li > ul { display:none }
           

    #footer .col-sm-6:first-child { text-align: left; }

    #footer .col-sm-6:last-child { text-align: right; }

    #footContact div.address, #footContact div.phone, #footContact div.mail{ float: left; padding: 50px 0 50px 30px; color:#949494 }
    #footer div.address { background: url(../images/address.png) no-repeat left center; width: 100%; }
    #footer div.phone { background: url(../images/phone.png) no-repeat left center; }
    #footer div.mail { background: url(../images/mail.png) no-repeat left center; }

    #footer .copyright { color:#949494; font-weight:300; padding:50px 0; border-top:1px solid #454545 }

    #footer .phoneContact{ padding:40px 50px 40px 0; text-align:right; background:url(../images/headphone.png) no-repeat right; font-family:'Antonio'; font-size:24px; font-weight:700; color:#fff}
    #footer .phoneContact span{font-size:18px; font-weight:400; color:#a8a8a8}
    #footer .phoneContact span.he{font-size:12px; font-weight:700; display:block}
@keyframes loading {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); }
}

.more{color:#543731; font-family:'Antonio'; font-size:16px; padding:0 0 15px; background:url(../images/ok-gri.png) no-repeat left 0 bottom;}
.more:hover{color:#e30613;}

.hovered{position:relative; display:block}
.hovered:after{ content:''; position:absolute; left:0; top:0; background:rgba(227,6,19,.6) url(../images/magnify.png) no-repeat center bottom; pointer-events:none; width:100%; height:100%; opacity:0; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; z-index:3}
.hovered:hover:after{background:rgba(227,6,19,.3) url(../images/magnify.png) no-repeat center center; opacity:1;}

#masterRight .hovered{webkit-box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.2); box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.2); margin-bottom:27px}
.map {
    display: flex;
    width: 100%;
    vertical-align: top;
}
.map iframe {
    width: 100%;
    height: 350px;
}

#galeri .hovered {
    webkit-box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 32px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 32px 4px rgb(0 0 0 / 20%);
    margin-bottom: 57px;
}

.whatsappp {
    opacity: 1;
    position: fixed;
    bottom: 27px;
    right: 30px;
    z-index: 99999999;
    display: inline-block;
    width: 60px;
    height: 51px;
    line-height: 50px;
    color: #fff!important;
    text-align: center;
    font-size: 28px;
    transition: 150ms;

}
.fancybox-skin{
    background: #333!important;
}

#faqAccordion .panel-heading{
    background: #543731e0;

}
#faqAccordion .panel-body p{
    font-size: 16px;

}
#faqAccordion .panel-heading a{
    color: #fff;

}

.p-2{
    padding: 2em;
}