@import url('fonts.css');


body{ margin:0; padding:0; }



/* top-nav */
nav.nav {
  width: 100%;
  position: relative;
}
nav.nav ul.nav-content {
    width: 100%; margin: 0; padding: 0;
}
nav.nav ul.nav-content li { display: inline-block; position: relative; }
nav.nav ul.nav-content li ul[data-level="2"] { position: absolute; margin: 0; padding: 0; opacity: 0; pointer-events: none; }
nav.nav ul.nav-content li ul[data-level="2"].visible { opacity: 1; pointer-events: auto; display: block; }

nav.nav ul.nav-content li ul[data-level="2"] li { display: block; }

nav.nav button.mobile-menu { opacity: 0; pointer-events: none; position: absolute; top: 10px; right: 10px; z-index: 3; }
nav.nav button.mobile-menu.nav-collapse { opacity: 1; pointer-events: auto; }
nav.nav ul.nav-content.nav-collapse { overflow: hidden; height: auto; max-height: 0; }
nav.nav ul.nav-content.nav-collapse.visible { max-height: none; }
nav.nav ul.nav-content.nav-collapse li.nav-logo { display: none; }

nav.nav div.nav-logo { display: none; }
nav.nav div.nav-logo.visible { display: block; }


nav.nav ul.nav-content.nav-collapse li { display: block; }
nav.nav ul.nav-content.nav-collapse li ul[data-level="2"] { position: relative; opacity: 1; pointer-events: auto; padding: 0 0 10px 10px; }








/* scrollUp */
#scrollUp {
  bottom: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  background: #000000;
  z-index: 20!important;
}


.row.same-height {
    display: table;
    margin: 0;
}

.row.same-height [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}


/* img { max-width: 100%; height: auto; } */

span.language-warning { font-size: 12px; color: #aaaaaa; text-align: center; }

lang[data-id="1"] { display: initial; }
lang[data-id="2"] { display: none; }
lang[data-id="3"] { display: none; }
lang[data-id="4"] { display: none; }

ul.language-form {
    position: absolute;
    z-index: 24;
    left: 0; margin-top: -2px;
    padding: 0; border-radius: 0; border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
ul.language-form li { display: block; padding: 4px 12px 4px 30px; cursor: pointer; }
ul.language-form li.active { display: none; }

ul.language-form li:hover { background-color: #eeeeee; }


div.dropdown.language { display: inline-block; float: right;}
div.dropdown.language span { display: none; }
div.dropdown.language span.active { display: block; }
div.dropdown.language button.btn-primary { position: relative; padding-left: 30px; color: #000000; background-color: transparent; text-align: left; border: none; }
div.dropdown.language ul.dropdown-menu { min-width: 0; }
div.dropdown.language img.arrow { position: absolute; top: 14px; left: 12px; height: 5px; }



.navbar-fixed-bottom, .navbar-fixed-top { z-index: 5; }
.animation-1 {
    -webkit-transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
     -o-transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
        transition: all 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */

-webkit-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
     -o-transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000);
        transition-timing-function: cubic-bezier(0.075, 0.820, 0.165, 1.000); /* easeOutCirc */
}

h1, h2, h3, h4, p { color: #444; }


.caption { height: auto; }

.checkout-image { width: 60px; margin-left: 40px; }

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
    -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}

/* slider */
div.owl-carousel div.item img { width: 100%; z-index: 1; }
div.owl-carousel { overflow: hidden; }
div.owl-carousel div.item { position: relative; }
div.owl-carousel div.item div.slider-captions { position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.8); z-index: 2; padding: 30px; }
div.owl-carousel div.item div.slider-captions h3 { cursor: default; font-size: 36px; color: #ffffff; padding: 0 0 5px 0; margin: 0; }
div.owl-carousel div.item div.slider-captions h4 { cursor: default; font-size: 22px; color: #ffffff; padding: 5px 0 0 0; margin: 0; }
div.owl-theme div.owl-controls div.owl-buttons div.owl-prev { left: 0; background-image: url(../resources/templates/front/files/prev.svg); }
div.owl-theme div.owl-controls div.owl-buttons div.owl-next { right: 0; background-image: url(../resources/templates/front/files/next.svg); }
div.owl-theme div.owl-controls div.owl-buttons div { position: absolute; height: 40px; width: 40px; margin: 0; border-radius: 0; background-color: #000000; background-position: center; background-size: 60%; background-repeat: no-repeat; }

/* gallery */
div.gallery-main { overflow: hidden; width: calc(100% + 10px); position: relative; left: -5px; }
div.gallery-main div.item img { width: 100%; z-index: 1; }
div.gallery-main div.item { cursor: pointer; position: relative; width: calc(20% - 10px); margin: 0 5px 10px 5px; float: left; overflow: hidden; border-radius: 0; }
div.gallery-main div.item div.slider-captions { display: none; }
div.gallery-main div.item:hover img { margin-top: -15px; margin-left: -15px; width: calc(100% + 30px); }

div.gallery-main-background {opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-color: rgba(0,0,0,0.9); }
div.gallery-main-background.active { opacity: 1; pointer-events: auto; }
div.gallery-main-background div.gallery-main-zoom { max-width: 1100px; width: 100%; z-index: 12; }
div.gallery-main-background div.gallery-main-zoom div.col-md-8 { text-align: center; background-color: #000000; padding: 0; }
div.gallery-main-background div.gallery-main-zoom div.col-md-4 { background-color: #FBFAF8; padding: 20px; }
div.gallery-main-background div.gallery-main-zoom div.col-md-4 h4 { font-size: 28px; }
div.gallery-main-background div.gallery-main-zoom div.col-md-4 p { font-size: 14px; line-height: 150%; }

div.item img {
    position: absolute;
    left: 50%;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
     -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}


/* posts */



div.posts-page h1 { }
div.posts-page h3 { font-size: 16px; }

ul.posts-pager { padding: 0; margin: 0; }
ul.posts-pager li { display: inline-block; padding: 5px; }
ul.posts-pager li.active { opacity: .8; }

div.post_preview div.col-md-3 { overflow: hidden; }
img.post_preview_thumbnail { width: 100%; }

div.post-body div.post_image { width: 100%; overflow: hidden; position: relative; }
div.post-body div.post_image img { width: 100%; position: relative; }

div.post_content img  { max-width: 100%; }

div.post-body div.post_content { background-color: #FBFAF8; padding-bottom: 30px; }
div.post-body div.post_content h2 { padding: 30px 30px 0 30px; margin: 0; }
div.post-body div.post_content h4 { padding: 10px 30px 10px 30px; font-size: 14px; opacity: .8; }
div.post-body div.post_content p { padding: 0 30px 0 30px; line-height: 150%; font-size: 16px; }
div.post-body div.post_content p strong { }
div.post-body div.post_content img { max-width: 100%; height: auto!important; display: block; }
ul.side-tags, ul.post-tags { margin: 0; padding: 0; }
ul.side-tags li, ul.post-tags li { display: inline-block; padding: 7px 10px 7px 10px; margin: 3px; background-color: #FBFAF8; border-radius: 8px; }
ul.side-tags li a, ul.post-tags li a { color: #333; }
a.post-body-pdf-file { color: #444; padding: 5px 10px 5px 10px; background-color: #eeeeee; border-radius: 5px; }
a.post-body-pdf-file i { margin-right: 6px; color: #DB3232; }
div.post-image { background-size: cover; background-position: center; background-repeat: no-repeat; }

/* popup */

div.popup-background { position: fixed; z-index: 15; background-color: rgba(0,0,0,0.6); height: 100%; width: 100%; display: none; top: 0; left: 0; }
div.popup-background div.popup-image, div.popup-background div.popup-video {
    overflow: hidden;
    background-position: center; background-repeat: no-repeat; background-size: cover;
    width: 100%; height: auto; max-width: 800px;
    border-radius: 5px; border: 5px solid #ffffff; background-color: #ffffff;

}

div.popup-background div.popup-image img { width: 100%; }
div.popup-background div.popup-image span { padding: 10px; margin: 0; font-size: 24px; display: block; }
div.popup-background div.popup-image span p { color: #111111; margin: 0;  }
div.popup-background div.close-popup { position: absolute; top: 0; right: 0; height: 40px; width: 40px; background-color: #cccccc; opacity: 0.4; background-image: url(../resources/templates/front/files/default/close.svg); background-size: 45%; background-position: center; background-repeat: no-repeat; }
div.popup-background div.close-popup:hover { opacity: 0.6; cursor: pointer; }

div.popup-background div.popup-video iframe { }



/* sharing buttons */
.share-icon { width: 50px; height: 26px; background-size: auto 60%; background-position: center; background-repeat: no-repeat; }
.share-icon-facebook { background-color: #3b5998; background-image: url(../resources/templates/front/files/social/facebook.svg); }
.share-icon-pinterest { background-color: #cb2027;  }
.share-icon-googleplus { background-color: #dd4b39; background-image: url(../resources/templates/front/files/social/googleplus.svg); }
.share-icon-twitter { background-color: #00aced; background-image: url(../resources/templates/front/files/social/twitter.svg); } 
.share-icon-linkedin { background-color: #007bb6; background-image: url(../resources/templates/front/files/social/linkedin.svg); }
.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{ background-color:#2098d1; color:#fff; }



/* filters */
button.post-filter-button { display: inline-block; padding: 7px 10px 7px 10px; margin: 3px; background-color: #FBFAF8; border-radius: 8px; color: #333; }
button.post-filter-button.active { background-color: #DB3232; box-shadow: none; color: #ffffff; }
button.post-filter-button.hide { display: none; }
div.post_preview.hide { display: none; }



/* maps api */
#api-map{
  width: 100%; 
  height: 400px; 
  border: 1px solid #ccc;
}


/* align midle */
.alignMiddle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

span.required-icon {
    color: red;
    margin-left: 1px;
    margin-right: 1px;
    position: relative;
    top: -4px;
}