.no-margin{ margin:0; }
.no-padding{ padding:0; }
.logo-retina{ position:relative; margin:10px auto; display:none; height:154px; background-image: url(../../img/site/top_balik.png); background-repeat:no-repeat; background-position: center; background-size: auto 100%; padding-top: 2.5%; }
header{ background-color:#F0F0F0; max-width:100vw; margin:0 !important; padding:0 !important;}
.logo{ position:relative; margin:10px auto; display:inline-block; height:154px; background-image: url(../../img/site/top_balik.png); background-repeat:no-repeat; background-size: cover; padding-top: 2.5%; }
header nav a{ font-family: 'Raleway'; font-weight: bold; font-style: normal; color:#4D4D4D;}
header nav a::after{ -webkit-transition: all 2s; transition: all 0.6s; width:0%; content:" "; height:2px; display:block; background-color:#2E6C87; margin:1px auto;}
header nav a:hover{ color:#2E6C87; }
header nav a:hover::after{  width:65%;  }
header nav .active{ color:#2E6C87; }
header nav .active::after{ width:65%; }
.rezerve{ position: absolute; right: 23.5vw; top:7vh; font-family: 'Raleway'; font-weight: bold; font-style: normal; color:#2E6C87; }
.rezerve:hover{ color:#2E6C87; text-decoration:none; }
.rezerve i{ color:#4D4D4D; }
.nav_kekik::after{ background-color:#F6921E; }
.nav_kekik{ color:#F6921E !important;}
.nav_kekik:hover{ color:#F6921E; }
.carousel-item h1{ font-family: 'Indulge Script'; font-weight: normal; font-style: normal; color:#2E6C87; font-size:4em; line-height:80px;  }
.carousel-item h5{ color:#4D4D4D; font-family: 'Raleway'; font-weight: 500; font-style: normal; font-size:2em; margin-top:7%; }
.carousel-item h5::after{ width:27%; content:" "; height:2px; display:block; background-color:#333333; margin-top:25px; margin-bottom:25px; }
.carousel-item p{ color:#2E6C87; font-family: 'Raleway'; font-size:1.2em; font-weight: normal; font-style: normal; }
.carousel-caption{ width: 25vw; text-align: left; top:10%; bottom:auto;}
.btn-kordon{ color:#2E6C87; border:2px solid #2E6C87; border-radius:70px; font-family: 'Raleway'; font-weight: 500; font-style: normal; padding:10px 20px; margin-top:25px; }
.btn-kordon2{ color:#2E6C87; border:2px solid #2E6C87; border-radius:70px; font-family: 'Raleway'; font-weight: 500; font-style: normal; padding:7px 30px; margin-top:25px; }
.down { background-color:#F0F0F0; }
.down a{ font-size:4rem; color:#2E6C87 }
.about h6{ color:#2E6C87; font-family: 'Raleway'; font-weight: bold; font-style: normal; letter-spacing:2px; }
.about h6::after{ width:27%; content:" "; height:2px; display:block; background-color:#333333; margin:30px auto; }
.about p{ color:#333333; font-family: 'Raleway'; font-weight: normal; font-style: normal;  letter-spacing:1px; }
.about p span{ color:#333333; font-family: 'Raleway'; font-weight: bold !important; font-style: normal;  letter-spacing:1px; }
.about strong{ font-family: 'Indulge Script'; font-weight: normal; font-style: normal; color:#2E6C87; font-size:2em; line-height:60px; }
.about{ padding-top:15vh; padding-bottom: 15vh; }
.about .text{ width: 35%; padding-top:4%; padding-bottom:30px; }
.about .image{ margin-left:20px; width:30%; }
.about a{ margin-top:30px; }
.about_content{ padding-top:3vh; padding-bottom:5vh; }
.kekik{ height: 45vw; background-image: url(../../img/site/kekik_bg.jpg); background-size:100%; background-position: bottom; background-repeat:no-repeat; padding-top:3%; }
.kekik h1{ color:#4B5C29; font-family: 'Gotham'; font-weight: 300; font-style: normal; font-size:4em; }
.kekik h2{ color:#F5911E; font-family: 'Gotham'; font-weight: bold; font-style: normal; font-size:3em; }
.kekik h4{ color:#fff; font-family: 'Gotham'; font-weight: 300; font-style: normal; font-size:1.4em; }
.kekik h6{ color:#F5911E; font-family: 'Gotham'; font-weight: bold; font-style: normal; font-size:1em; }
.kekik_cont{ padding:3% 0px; }
.kekik-text h6::before{ width:20%; content:" "; height:2px; display:block; background-color:#333333; margin:14px auto; }
.kekik-text h6{ color:#4D4D4D; font-family: 'Raleway'; font-weight: bold; font-style: normal; font-size:1.2em; }
.kekik-text strong{ color:#F6921E; font-family: 'Indulge Script'; font-weight: normal; font-style: normal; font-size:1.5em;  }
.kekik-text p{ font-family: 'Raleway'; font-weight: 600; font-style: normal; font-size:0.8em; margin-top:10px; padding-left:50px; padding-right:50px; }
.btn-kekik:hover{ color:#4B5C29; border:2px solid #4B5C29; }
.btn-kekik{ color:#F6921E; border:2px solid #F6921E; border-radius:70px; padding:10px 20px; margin-top:25px; }
.btn-sparis{ background-color:#F6921E; color:#fff; border:2px solid #F6921E; border-radius:70px; padding:10px 30px; margin-top:25px; }
.btn-sparis:hover{ background-color:#4B5C29; border:2px solid #4B5C29; color:#fff; }
.color-band{ background-color:#2E6C87; color:#fff; padding:30px 10px; font-family: 'Raleway'; font-weight: 500; font-style: normal; letter-spacing:2px; }
.color-band a{ color:#fff; font-family: 'Gotham'; font-weight: bold; font-style: normal; font-size:1.9em; }
.color-band a:hover{ text-decoration: none;}
.footer{ background-color:#E4E4E4; padding: 3% 1px 2% 1px;  }
.footer ul{ list-style:none; margin:0; padding:6px; }
.footer ol{ list-style:none; margin:0; padding:0;}
.footer ol li { display:inline-block; padding:5px;}
.footer ol li a{ background-color:#4D4D4D; padding:10px; border-radius:100%; color:#fff; }
.footer ol li:nth-child(2) a{ background-color:#4D4D4D; padding:10px 15px; border-radius:100%; color:#fff; }
.footer ol li:nth-child(3) a{ background-color:#4D4D4D; padding:10px 12px; border-radius:100%; color:#fff; }
.footer ul li{ margin:0; padding:0;} 
.footer ul li a{ color: #4D4D4D; font-family: 'Raleway'; font-weight: normal; font-style: normal; font-size:0.8em; }
.footer h5{ color:#2E6C87; font-family: 'Raleway'; font-weight: 900; font-style: normal; }
.footer p, .footer p a{ color: #4D4D4D; font-family: 'Raleway'; font-weight: normal; font-style: normal; font-size:0.9em; margin:4.5px;; }
.copy{ background-color:#666666; color:#cacaca; padding:10px; font-family: 'Raleway'; font-weight: normal;  font-style: normal; font-size:1em;  }
.copy a{ color:#cacaca; font-family: 'Raleway'; font-weight: normal; font-style: normal; font-size:1em; }
.title_banner{ width:642px; height:73px; background-image: url(../../img/site/title_bg.png); text-align: center; color:#fff; font-family: 'Gotham'; font-weight: normal; font-style: normal; font-size:1.4em; padding-top:16px; position:absolute; margin-top:-20%; margin-left:35%;}
.kekik_section{ padding: 5% 10px; }
.kekik_section h5{ color:#F6921E; font-family: 'Raleway'; font-weight: bold; font-style: normal; font-size:1.2em; margin-bottom:38px; margin-top:30px; }
.kekik_section ol{ list-style-image: url(../../img/site/list_icon.png); margin-left:-20px; }
.kekik_section ol li{ font-family: 'Raleway'; font-weight: normal; font-style: normal; margin-top:20px;  }
.kekik_section .social{ list-style: none; display: inline-block;}
.kekik_section .social li{ display: inline-block; }
.text_kekik{ text-align:center;}
.text_kekik p{ margin-top:20px;}
.text_kekik strong{ color:#F6921E; font-family: 'Raleway'; font-weight: bold; font-style: normal; font-size:1.2em; margin-right:10px; }
.text_kekik a{ color:#4B5C29; margin-right:10px;}
.text_kekik a span{ font-family: 'Gotham'; font-weight: bold; font-style: normal; }
.text_kekik a i{ color:#fff; background-color:#F6921E; padding:5px 6px; border-radius:100%; }
.text_kekik a:last-child i{ color:#fff; background-color:#F6921E; padding:5px 8px; border-radius:100%; }
.color_kekik{ background-color:#F6921E; color:#fff; }
.select_nav{ margin-bottom:30px; }
.select_nav a{ color:#979797; font-family: 'Raleway'; font-weight: normal; font-style: normal; }
.select_nav a::after{ -webkit-transition: all 2s; transition: all 0.6s; width:0%; content:" "; height:2px; display:block; background-color:#2E6C87; margin:1px auto; }
.select_nav a:hover::after{ width:40%; }
.select_nav .acitve a{ color:#2E6C87; }
.select_nav .acitve a::after{ width:40%;}
.galeri_item{ margin:0; padding:0;}
.contact{ background-color:#F0F0F0;}
.contact h4{ font-family: 'Raleway'; font-weight: bold; font-style: normal; color:#2E6C87; margin-top:10px; margin-bottom:15px; }
.info_contact p{ margin:0; padding:0; color:#4D4D4D; font-family: 'Raleway'; font-weight: normal; font-style: normal; }
.info_contact p a{ color:#4D4D4D; }

.social{ list-style:none; margin:0; padding:0; margin-top:19px;}
.social li { display:inline-block; padding:5px;}
.social li a{ background-color:#4D4D4D; padding:10px; border-radius:100%; color:#fff; }
.social li:nth-child(2) a{ background-color:#4D4D4D; padding:10px 15px; border-radius:100%; color:#fff; }
.social li:nth-child(3) a{ background-color:#4D4D4D; padding:10px 12px; border-radius:100%; color:#fff; }
.form_contact{ background-color:#fff; padding:25px 20px; text-align:center; font-family: 'Raleway'; font-weight:550; font-style: normal;}
.form_contact nav a{ color:#cdcdcd;}
.form_contact nav a::after{ -webkit-transition: all 2s; transition: all 0.6s; width:0%; content:" "; height:2px; display:block; background-color:#2E6C87; margin:1px auto;}
.form_contact .active{ color:#2E6C87; }
.form_contact .active::after{ width:40%; }
.form_contact .form_content{ padding:20px 50px;  }
.form_contact .form_content .form_item{ margin-top:20px; margin-bottom:10px;}
.form_item input, .form_item textarea,.form_item select{ border-radius:0 !important; border-color:#4D4D4D; border-width: 2px; }
.form_contact .form_content h5{  font-family: 'Raleway'; font-weight:bold; font-style: normal; color:#2E6C87; }
.form_contact .form_content p{  font-family: 'Raleway'; font-weight:500; font-style: normal; color:#979797; font-size:0.8em;}
.info_contact{ padding-top:7%;}
.map{ margin-bottom:-5px;  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.mobile_nav{ display:none;}
.carousel-control-next, .carousel-control-prev{ color: #2E6C87 !important;  font-weight:bold; font-style: normal; font-size:20px; }
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{ color: #2E6C87 !important; }

@media only screen and (min-width: 1600px) {
    .logo{ padding-top:3%; display: none; }
    .logo-retina{ padding-top:2%; display:block; }
    .rezerve{ right: 19vw; top:6vh; }
    .carousel-item h1{ font-size:3em; line-height:50px;  }
    .carousel-item h5{ font-size:2em; }
    .carousel-item p{ font-size: 1.4em; }
    .carousel-caption{ top:5%; }
    .btn-kordon{ color:#2E6C87; border:2px solid #2E6C87; font-size:1em; border-radius:70px; font-family: 'Raleway'; font-weight: 500; font-style: normal; padding:5px 10px; margin-top:25px; }
    .title_banner{margin-top: -21%; margin-left: 30%; }
}
@media only screen and (min-width: 1833px) {
    .carousel-caption{ left:9%;}
}
@media only screen and (max-width: 1440px) {
    .logo{ padding-top:4%; }
    .logo-retina{ display: none; }
    .rezerve{ right: 9vw; top:11vh; }
    .carousel-item h1{ font-size:2.3em; line-height:50px;  }
    .carousel-item h5{ font-size:1em; }
    .carousel-item p{ font-size: 0.9em; }
    .carousel-caption{ top:5%; }
    .btn-kordon{ color:#2E6C87; border:2px solid #2E6C87; font-size:0.7em; border-radius:70px; font-family: 'Raleway'; font-weight: 500; font-style: normal; padding:5px 10px; margin-top:25px; }
    .title_banner{ margin-top:-20%; margin-left:25%; }
}
@media only screen and (max-width: 768px) {
    .carousel-caption{ width:30%; left:7%; top:-5%; }
    .logo-retina{ display:none; }
    .carousel-caption h1{ font-size:1.8em; line-height: 35px; }
    .carousel-caption h5::after{ margin-top:7px; }
    .carousel-caption p{ font-size: 0.7em; margin-top: -16px; }
    .carousel-caption .btn-kordon{ margin-top:3px; }
    .nav-link{ padding: .5rem 0.5rem !important; }
    .rezerve{ right: 5vw; top: 6vh; }
    .logo{ padding-top:6%; }
    .about strong{ font-size: 1.2em; line-height: 30px; }
    .about h6::after{ margin: 20px auto; }
    .kekik h1{ font-size: 3em; margin:0; }
    .kekik h2{ font-size: 2.7em; margin:0; }
    .kekik h4{ font-size: 1.3em; margin:0; }
    .kekik h6{ font-size: 0.8em; margin:0; }
    .kekik img{ width:45%; margin:0; }
    .kekik-text p{ padding:0 !important; }
    .kekik-text img{ width: 36%; }
    .kekik-text h6{ font-size:1em; }
    .kekik-text strong{ font-size:1em; }
    .kekik-text p{ font-size: 0.7em; }
    .btn-kekik{ margin-top:0px; }
    .title_banner{ margin-top: -23%; margin-left: 9%; }
    .text_kekik strong{ display:block; width:100%; }
}
@media only screen and (max-width: 400px) {
    .logo{ padding-top:0; background-image:none; margin:10px 15px; width:100%; height:auto;}
    .mobile_nav{ display:block;  position:absolute; top:5px; right:1px; background-color:rgba(255,255,255,0.4); padding:10px 20px; border-radius:10px;  }
    .rezerve{ right: 9vw; top:11vh; display:none;}
     header nav a{ width:100%; }
     header nav{ display:none ; }
     .logo-retina{ display:none; }
    .down a{ font-size:2rem;}
    .about{ padding-top:7vh; padding-bottom:7vh; }
    .kekik img{ width:58%; }
    .kekik h1{ font-size:1.9em; }
    .kekik h2{ font-size:1.6em; }
    .kekik h4{ font-size:1em; }
    .kekik h6{ font-size:0.6em; }
    .title_banner{ width:100%; height:auto; background-image:none; background-color:#F6921E; text-align: center; color:#fff; font-family: 'Gotham'; font-weight: normal; font-style: normal; font-size:1.4em; padding-top:16px; position:relative; margin-top:0; margin-left:0;}
    .text_kekik img,.text_kekik strong{ width:100%; display: block;}
    .nav-link { display: block; padding: .5rem 0.5rem; }
}