@charset "UTF-8"; /* ============ animations for notify-handler.tpl * (part of animation.css from origin template) ====== */ @-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}} @keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}} .bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}} @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}} .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}} @keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}} .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}} @keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}} .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}} @keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}} .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1; }} @keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;} @-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} @keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} .fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} @-webkit-keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}} @keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}} .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;} @-webkit-keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown {from { opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}} .fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s} .animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s} .animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s} .animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s} .animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s} .animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s} .animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s} .animated.mediumfaster{-webkit-animation-duration:.5s;animation-duration:.25s} .animated.superfaster{-webkit-animation-duration:.2s;animation-duration:.2s} .animated.slow{-webkit-animation-duration:2s;animation-duration:2s} .animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (print),(prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}} /* ============ end of animatioms for notify-handler.tpl*/ .inline-layout { font-size: 0; letter-spacing: 0; } .inline-layout > * { display: inline-block; vertical-align: top; font-size: 1rem; } .mb20{ margin-bottom: 20px; } .mt0{ margin-top: 0!important; } /* img{ max-width: 100%; }*/ /* CSS Document */ .sub-menu ul, .sub-menu ul li, .sub-menu ul li a{position:relative;margin:0;padding:0} .sub-menu ul{list-style:none;padding:30px 0 10px} .sub-menu ul li{display:inline-block;height:100%} .sub-menu > ul > li > a{color:#333;padding:0 15px 15px;font-size:17px} .sub-menu > ul > li > a:hover{color:#51bce6} .textBlock { line-height: 20px; margin: 0px 0px 20px; position: relative; } .textBlock div { line-height: 20px; margin: 0px 0px 20px; } .textBlock ul { padding-left: 15px; margin-bottom: 15px; } .textBlock ul li { display: list-item!important; list-style: disc; margin-bottom: 5px; } .textBlock div a { color: #25AFDB; } .textBlock div a:hover { text-decoration: underline; } .textBlock ul li { line-height: 20px; display: block; } .white_area.text_page div, .white_area.text_page p, .white_area.text_page span, .white_area.text_page b, .white_area.text_page strong { font-size: 14px!important; line-height: 20px; } .control_point.photo .plus { border-bottom: 1px dotted; cursor: pointer; position: absolute; right: 0; top: 2px; } .comment_point .top_part .right_box .good_bad .good.fixBackhround, .comment_point .top_part .right_box .good_bad .bad.fixBackhround { background: none; } .white_line ul.main_menu li a.current { color: #25AFDB; } .white_line ul.main_menu li a.current:hover { cursor: default; } .white_line ul.main_menu li a.current span { display: block; } .location { line-height: 20px; } .dop_info { margin-bottom: 30px; } .location ul, .dop_info ul { padding-left: 15px; } .location ul li, .dop_info ul li { display: list-item; list-style: disc; } .location ul li a, .dop_info ul li a, .dop_info a { color: #151515; text-decoration: underline; } .location ul li a:hover, .dop_info ul li a:hover { text-decoration: none; } .dop_info, .dop_info div, .dop_info b, .dop_info span { line-height: 20px; color: #151515; font-family: "Verdana", "Helvetica", sans-serif; font-size: 14px!important; } .dop_info b { font-weight: 700; } .fancybox-skin { padding: 5px!important; } .textBlock p.quote { display: inline-block; width: 35px; height: 16px; float: left; margin-bottom: 0; } .slider_container2 { max-width: 610px; margin: 20px auto; } .country_list .group a.line, .country_list .group .more { font-size: 13px; } .country_list .group a.line { line-height: 26px; height: 26px; } .public_info { display: inline-block; } .blue_box .top_part { min-height: 70px; } .slider_container3 { background-color: transparent; } .slider_container3 .bx-wrapper { background-color: #d5d5d5; margin: 0!important; } .placeholder .sub_title { bottom: 12px; color: white; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 16px; height: 16px; left: 0px; line-height: 16px; padding-right: 45px; position: absolute; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.702); } .like_box .voice { cursor: pointer; } .recomend .column .text { color: #151515; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 10px; } .textBlock div span:not(.customFontSize), .textBlock p, .textBlock p span:not(.customFontSize) { line-height: 20px!important; font-size: 14px!important; } .placeholder .bred_crumbs { color: white; } .placeholder .bred_crumbs a { color: white; } .bx-pager { width: 122px; margin-left: -61px; } .slider_container1 .slider1 li .text_block { background-image: none; padding: 0; position: absolute; top: 60px; left: 0; width: 670px; z-index: 51; } .slider_container1 .slider1 li .text_block a.title { font-size: 24px; color: #ece24d; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .slider_container1 .slider1 li .text_block a.sub_link { font-size: 16px; color: #ece24d; font-style: italic; font-weight: 600; padding-top: 10px; display: block; text-decoration: underline; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .slider_container1 .slider1 li .text_block a.sub_link:hover { text-decoration: none; } .slider_container1 .slider1 li .text_block .text { font-size: 24px; line-height: 28px; color: #fff; font-weight: 700; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-family: "", sans-serif; } .slider_container1 .bx-wrapper img { right: 0; left: auto; margin-left: 0; max-height: 450px; max-width: 1920px; position: absolute; top: 0px; } ul.my_list { list-style: disc; padding-left: 15px; } ul.my_list li { display: list-item; } .info_box div { margin-bottom: 0; } .profile .combo.age.month ul, .profile .combo.age.year ul { height: 148px; } .text_box.textBlock .title { margin-bottom: 25px; font-size: 22px; line-height: 22px; } .map_modal .legend { left: 95px; } .quote.mini_report .text:before { background-color: transparent; background-image: url("../images/sprite.png"); background-position: -96px 0; background-repeat: no-repeat; content: ""; height: 19px; left: 0; position: absolute; top: -10px; width: 24px; } .grey_bottom .text_box .right_side { padding-right: 55px; } .grey_bottom .text_box .right_side .name_link { width: 100%!important; } a.show_map { color: #25afdb; /*margin-top:20px;*/ display: inline-block; } a.show_map:hover { text-decoration: underline; } a.show_map span { width: 9px; height: 13px; display: inline-block; margin-right: 4px; background-image: url(../images/sprite.png); background-position: -111px -62px; background-repeat: no-repeat; background-color: transparent; } .text_copyright a { float: none; position: relative; top: 3px; } .text_copyright { line-height: 16px!important; } .menu_list li:hover span.arrow { display: none!important; } /*---------------------WIDGET FIX ----------------------------*/ .ng-scope.ng-isolate-scope.icons_white.blue.square200.locale__ru, .ng-scope.ng-isolate-scope.icons_blue.white_blue.square200.locale__ru, .ng-scope.ng-isolate-scope.icons_blue.white_blue.default.locale__ru, .ng-scope.ng-isolate-scope.icons_white.blue.default.locale__ru { width: 100%!important; } .ng-scope form { max-width: 100%!important; box-sizing: border-box!important; } .idea .white_box .idea_point .name_link { height: 35px; } .travelpayouts_container, .aviasales_inlineable { width: 100%; } .progressLoad { margin-top: 10px; display: none; } .progressLoad .control { display: inline-block; } /*--------------------- FIND HOLTEL ----------------------------*/ .find_hotel { position: relative; width: 100%; padding: 6.7%; margin-bottom: 20px; background: #FFBB39; border: 1px solid #DAA300; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .find_hotel .title { height: 35px; line-height: 35px; display: inline-block; padding: 0 30px 0 30px; position: relative; left: -30px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 20px; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; background-color: #0896FF; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); color: #fff; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 16px; text-transform: uppercase; } .find_hotel .title:before { content: ""; position: absolute; border-right: 9px solid #0c7ccf; border-bottom: 9px solid rgba(0, 0, 0, 0.0); left: 0; bottom: -8px; } .find_hotel .title:after { content: ""; position: absolute; right: -2px; top: 0; border-right: 18px solid #FFBB39; border-bottom: 18px solid rgba(0, 0, 0, 0.0); border-top: 18px solid rgba(0, 0, 0, 0.0); } .side_box .blue_title { height: 35px; line-height: 35px; display: inline-block; padding: 0 30px 0 30px; position: relative; left: -30px; margin-bottom: 20px; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 16px; text-transform: uppercase; color: #283039; border-top: 1px solid #fbd35e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-image: -moz-linear-gradient(top, #feedc1, #fac728); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#feedc1), to(#fac728)); background-image: -webkit-linear-gradient(top, #feedc1, #fac728); background-image: -o-linear-gradient(top, #feedc1, #fac728); background-image: linear-gradient(to bottom, #feedc1, #fac728); } .side_box .blue_title:before { content: ""; position: absolute; border-right: 9px solid #e0ac13; border-bottom: 9px solid rgba(0, 0, 0, 0.0); left: 0; bottom: -8px; } .side_box .blue_title:after { content: ""; position: absolute; right: -2px; top: 0; border-right: 18px solid #fff; border-bottom: 18px solid rgba(0, 0, 0, 0.0); border-top: 18px solid rgba(0, 0, 0, 0.0); } .find_hotel .control_point { margin-bottom: 15px; } .find_hotel .control_point label { font-family: "medium", "Verdana", "Helvetica", sans-serif; color: #003580; clear: both; margin-bottom: 2px; display: block; } .find_hotel .control_point input[type=text] { background-image: url("../images/sprite_bg.png"); background-position: 0px 0px; background-repeat: repeat-x; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; color: #0070A5; font-family: "medium", "Helvetica", "Verdana", sans-serif; font-size: 15px; height: 35px; line-height: 35px; padding: 0px 10px; border: 0 none; width: 100%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.251); } .find_hotel .control_point .combo.day { width: 35%; display: inline-block; float: left; } .find_hotel .control_point .combo { margin-bottom: 0; } .find_hotel .control_point .combo.month { width: 60%; display: inline-block; float: right; } .find_hotel .control_point .checkbox { display: inline-block; float: left; } .find_hotel .control_point div.label { font-family: "medium", "Verdana", "Helvetica", sans-serif; color: #003580; display: inline-block; } .find_hotel input[type=submit] { background-color: #0896FF; height: 36px; line-height: 36px; margin-top: 5px; padding: 0 20px; color: #fff; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 16px; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .find_hotel input[type=submit]:hover { background-color: #003580; } .link_box { background-color: #f4f4f4; border: 1px solid #DCDCDC; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; margin-bottom: 15px; padding: 0 6.7% 0px; position: relative; } .link_box .line { border-bottom: 1px solid #DCDCDC; padding: 13px 0px !important; } .link_box .line:last-of-type { border-bottom: 0 none; } .link_box a { display: block; color: #151515; line-height: 20px; } .slider_container3 { margin-top: 20px; } .travelpayouts_container-form-logo__link img { width: 128px!important; } .placeholder h1 { height: auto; font-size: 26px; text-align: left; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9); } .blue_box .top_part .name { text-align: left; border: 0 none; height: auto; } .blue_box .top_part .name:hover { text-decoration: none; } div.bred_crumbs > div { display: inline-block; } .text_box.textBlock .title { text-align: left; border-bottom: none; height: auto; } .text_box .right_side .hotel_star.star0, .text_box .right_side .hotel_star.star0, .blue_box .top_part .hotel_star.star0, .side_box .line .hotel_star.star0 { width: 0px; display: none; } .seo_box { margin-top: 80px; } .blue_box .seo_box { margin-top: 0!important; } .seo_box > * { text-indent: 0; } .link_box .line a:after { content: ">>"; padding-left: 3px; } .uptolike-buttons { display: inline-block; } .text_copyright { margin-top: 10px; } .box_model { margin-bottom: 30px; } .box_model .title { color: #283039; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 16px; height: 25px; border-bottom: 1px solid #DCDCDC; margin-bottom: 15px; text-transform: uppercase; } .box_model .title a { color: #25AFDB; font-size: 14px; display: inline-block; float: right; top: 2px; position: relative; font-family: "regular", "Helvetica", "Verdana", sans-serif; text-transform: none; } .box_model .separate_box { display: inline-block; width: 155px; margin-bottom: 20px; vertical-align: top; } .box_model .separate_box img { border: 5px solid #D5D5D5; display: block; margin-bottom: 5px; } .box_model .separate_box .name { color: #151515; font-size: 14px; display: block; font-family: "regular", "Helvetica", "Verdana", sans-serif; } .box_model .separate_box:hover .name { color: #25AFDB; text-decoration: underline; } .box_model .separate_box.large { width: 49%; } .double_box .title { color: #aaa; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 16px; line-height: 20px; position: relative; clear: both; text-transform: uppercase; } .double_box .title div { display: inline-block; width: 50%; cursor: pointer; padding: 15px 0; top: 1px; position: relative; border: 1px solid #DCDCDC; border-bottom-width: 2px; text-align: center; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; } .double_box .title div.first { float: left; } .double_box .title div.second { float: right; } .double_box .title div.active { color: #25AFDB; border-width: 2px; border-bottom: 0 none; } .double_box .side_box { clear: both; display: none; border-width: 2px; border-top: 0 none; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; } .double_box .side_box.active { display: block; } .side_box.kid { background-color: #F4F4F4; border: 1px solid #DCDCDC; } .side_box.kid .line { border-bottom: 1px solid #DCDCDC; } .tour { margin-bottom: 10px; display: block; } .tour .logo_box { display: inline-block; height: 60px; float: left; width: 49.5%; overflow: hidden; border: 1px solid #DCDCDC; border-right: 0 none; padding: 10px; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; } .tour .logo_box img { display: block; margin: 0 auto; max-height: 38px; } .tour .yellow_box { display: inline-block; height: 60px; float: left; width: 49%; border: 1px solid #ffb300; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; background-image: -moz-linear-gradient(top, #feedc1, #fec103); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#feedc1), to(#fec103)); background-image: -webkit-linear-gradient(top, #feedc1, #fec103); background-image: -o-linear-gradient(top, #feedc1, #fec103); background-image: linear-gradient(to bottom, #feedc1, #fec103); color: #283039; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 14px; padding: 21px 0; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .partner_label { height: 14px; line-height: 14px; color: #003580; font-size: 11px; margin-top: 10px; font-style: italic; font-family: "medium", "Verdana", "Helvetica", sans-serif; } .see_also { background: #EEEEEE; padding: 20px 40px; margin-bottom: 20px; } .see_also .title { color: #999999; font-size: 16px!important; padding-bottom: 10px!important; line-height: 20px!important; margin-bottom: 0!important; font-family: "regular", "Helvetica", "Verdana", sans-serif; text-transform: uppercase; } .see_also .point { padding: 10px 0 0 25px; vertical-align: top; margin-bottom: 0!important; background: url(../images/circle_arrow.png) no-repeat 0 9px; } .see_also .point a { color: #151515; display: block; font-family: "Verdana", sans-serif; font-size: 14px; } .see_also .point a:hover { color: #25AFDB; } .see_also .title span.kid { display: inline-block; float: left; margin-right: 5px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -13px -64px; width: 33px; height: 20px; position: relative; top: -1px; } .menu_list li a .kid { display: inline-block; float: left; margin-right: 5px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -13px -64px; width: 33px; height: 20px; position: relative; top: 24px; display: none; } .kid_text { display: none; top: 5px; height: 20px; position: relative; } .kid_text span { display: inline-block; float: left; line-height: 20px; padding-right: 1px; font-family: "bold", Verdana, sans-serif; } .kid_text span.green { color: #008d00; } .kid_text span.blue { color: #0074ad; } .kid_text span.yellow { color: #ff9800; } .link_box a span { font-family: "bold", Verdana, sans-serif; } .text_box.textContent .title { font-size: 22px; line-height: 22px; margin-bottom: 25px; border-bottom: medium none; height: auto; text-align: left; } .dop_info a.show_map { position: relative; top: -18px; display: block; margin-bottom: -18px; } .menu_list { height: 40px; line-height: 38px; border-bottom: 0 none; } .menu_list li { height: 40px; line-height: 38px; margin-right: 6px; padding: 0 5px; position: relative; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; } .menu_list li a { height: 40px; line-height: 38px; } .menu_list li.current { border-top: 1px solid #25afdb; border-bottom: 1px solid #25afdb; } .menu_list li.current a { color: #25afdb; } .menu_list li a span.arrow { display: none!important; } .about_project { top: 0; margin-bottom: 0px; } .about_project ul.tabs { height: 40px; line-height: 38px; margin-bottom: 30px; padding-right: 0; text-align: left; } .about_project ul.tabs li, .about_project ul.tabs li:hover, .about_project ul.tabs li.current { font-family: "regular"; border: 0 none; font-size: 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; height: 40px; line-height: 38px; margin: 0 6px 0 0; padding: 0 5px; position: relative; text-transform: none; background-color: transparent; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; } .about_project ul.tabs li:hover, .about_project ul.tabs li.current { color: #25AFDB; border-top: 1px solid #25afdb; border-bottom: 1px solid #25afdb; } .about_project .box { border: 0 none; padding: 0; } .about_project .box img { margin-bottom: 20px; } .feedback_form .bottom-line { width: 100%; display: block; height: 20px; background: transparent url("data:image/gif;base64,R0lGODlhVAAIANUAANh7cfXt1tw5OYe4ztk1Nf/44LsoKC2Iwc0pKSd4q9UxMeLcxjaQydEtLf733+qQhTiTzOeFeyd+tMYyMv723v/33yeCu/z13ffw2OTeyDKMxfry2t7Ywvjx2XyuxiqFvi6As8AtLXijtvjy2vbv1zCLxDWNxf313TCJwN87O8gpKc0uLimBuCiDvPv03DCCte7nzzSPyPHp0tU2NvPr1PTs1e/o0dEyMpTB1C6GvcYnJ8osLC+IvyyEu//23tzVwCH5BAAAAAAALAAAAABUAAgAQAb/wJQCgRAYFQ1CKuIIFDakAuUZ6BQKp4vDUSDhIAwNg1GCtCCWFgNysFgg4MNhcClwR9xrxUXZbLh7Jw8IKSkCBEcpCAQKjQgKBAAVUlcblRQYW11bWzglFjEWJR8QMWsaB2stB6gln3QbVRQkJB1cJCcUDn11BQ+FQwSPDSmIxZBGRIqNERQVG5kFGH+7ds4Olhg4H29wB58HMWwHYGMtbxYDThdQI3UVAdOTJC4FfA+NDUXAQ5ArMzpU7IggQwYJGBhoYYAhA0MNDA5J2CCBYQAKFj0YmJDAAgXHHiZ6SMjBQgKPHCUkeIBBo4aNAAFg1CDhEiIGGi0NPrix4saO/xUCAO64oULFvx0qIClqcGgIggj1nDiIUqACBRcuMFAIkAuiRVajVpUih6aEOAsfxpTwMMJSFxIV6GGYRKEDhSmTfg1jpI+pEkWPDqWQNMUShRMk/lByccJBrgpfwIARxWqcBg1l0HxINQBDAC4balypZYfElgDQavwSUIi1gEdKmSpCJCCCDx8dpFrtpcvBpCsUcMQ4wA0UhA8lUm3WcFwMGg0DRnC9EABurz+mKV4JEGGRgAb6vDdo9F2BgfMTAHBYkGEBhx8ZMnCIH999hh/wRSTYD+LFi/3+gZDAfwlIAIKA+4nwA3v0tdegfBxEGB8AIYRwngEhTDABhhpWuAShAUEAADs=") repeat-x scroll left bottom; } .feedback_form .title { margin-bottom: 0px; font-family: "medium", Helvetica, Verdana, sans-serif; font-size: 16px; color: #d22d2d; text-transform: uppercase; background: transparent url("data:image/gif;base64,R0lGODlhVAAIANUAAOeMhd05OdzXyyR2qS2Iwf/67NUxMf346oe51Nk1NTiTzNEtLffy5NV6dM0pKTaRyv/77cUxMfn05vTw4vHs3v/77PPu4DKNxih9suXh1L4rKyeCu+ODfTWNxfv36C1/srkmJiqFvuDcz+A8PDCLxCmBuP766yiDvMgqKtU2NjWPyDCBtcEuLtEyMu3p2+nl13yvyjCJwMosLM4vL+vn2ZTC2oa1zi6GvbckJNc4OHakvYGswI291v777Ng5OSyEuyH5BAAAAAAALAAAAABUAAgAQAb/QJBG0xCJMhmRICNYHplJ526AWQ0G1sFnhblirZjqQLdENpHJ53kpaGhYwggIFMGBWBENyB6JBBIGIyMOBhwTDBIUEAUWFAwmEgUHBSaVEwc8BBcKCiEKKp0EmiQhJwQKF6cKMCYMBRAVDB4HJhYQk5QStRMAgAaBIwt/AQsGCwkLxQkJHAWMrwwWDIsmHq4mBRKINScnJBckBBsbFw8KoirppyEEJAgei5cFDBQTlAUeziY9ExQABgEcEPq1QGCCAMQABvsFKMAgDhQKVFj0ypnESiYoVJAAgUGmE5xCmlOxIdwmdhfAKeDRwxmEjhM9TPBQiQKkfRD+BTDgAKFP8p8yUMxA0eCFC2kMoiVNSoHGi6UUKNjoUIJqhxg3YpT4oaIDhg1at3b4gQFGUgtPaSxdu5aCBA4tUqSQkQJFjhYzWgj1URdFi0EBewKweXECLFcS4UEwzGACgg7tCJjb0IkypwsqHpBQAHKDjQkmKoSeeQ+SNI4TEnEYYcCXsIDEeo7YeTCZz2bZKuiuUCBqK4sMDvSzQU6FJlEhNpg7R2KDpnOnEGjMDc+lrUUQJBzI/s8gMdeyASUYdOyXgQbCLWqMBgGSMwkSRBeoEbL5hZKeMqMiAAolAQSITGCPBZXwFtotGsHjAQAIzcaaAwkQskAQADs=") repeat-x scroll left top; padding: 20px 20px 0 !important; } .feedback_form input[type=text], .feedback_form textarea { height: 35px; line-height: 35px; border: solid 1px #b6bec7; background-color: #fff; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; padding: 0 10px 0 35px; font-family: "regular", Helvetica, Verdana, sans-serif; font-size: 14px; color: #63656e; background: #fff url(../images/mail-icon.png) 10px center no-repeat; background-size: 20px 15px; } .feedback_form textarea { height: 100px; padding: 3px 10px; line-height: 20px; } .feedback_form .control_point { position: relative; margin-bottom: 10px; padding: 10px 20px 0 !important; } .feedback_form .control_point p { position: relative; margin: 0px; } .feedback_form .control_point .format-error { text-align: center; color: red; margin: 10px 0; display: none; } .feedback_form .control_point .error { display: none; position: absolute; top: 50%; width: 100px; margin-top: -10px; left: 400px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; padding: 0 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; background-color: rgb(181, 34, 34); } .feedback_form .control_point .error:before { content: ""; border-right: 6px solid rgb(181, 34, 34); border-top: 6px solid rgba(0, 0, 0, 0.0); border-bottom: 6px solid rgba(0, 0, 0, 0.0); position: absolute; top: 4px; left: -6px; } .feedback_form .control_point.error .error { display: block; } #contactform .control_point .error { display: none; position: absolute; top: 96%; width: 100px; margin-top: -10px; left: 20px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; padding: 0 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; background-color: rgb(181, 34, 34); z-index: 9999; } #contactform .control_point.error .error { display: block; } #contactform .control_point .error:before { content: ""; border-bottom: 6px solid rgb(181, 34, 34); border-right: 6px solid rgba(0, 0, 0, 0.0); border-left: 6px solid rgba(0, 0, 0, 0.0); position: absolute; top: -4px; left: 2px; } .centerBoxDynamicContent { display: inline-block; float: left; width: 66.2%; } .widget_switcher { position: relative; top: 0; margin: 0; } .widget_switcher ul.tabs { height: 36px; margin-bottom: 12px; padding-right: 0; text-align: left; } .widget_switcher ul.tabs li, .widget_switcher ul.tabs li:hover, .widget_switcher ul.tabs li.current { border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; height: 36px; width: 36px; background: transparent url(../images/widget_tab.png) no-repeat; margin: 0 6px 0 0; position: relative; } .widget_switcher ul.tabs li.fb { background-position: 0 -111px; } .widget_switcher ul.tabs li.vk { background-position: 0 -148px; } .widget_switcher ul.tabs li.ok { background-position: 0 -185px; } .widget_switcher ul.tabs li.fb:hover, .widget_switcher ul.tabs li.fb.current { background-position: 0 0; } .widget_switcher ul.tabs li.vk:hover, .widget_switcher ul.tabs li.vk.current { background-position: 0 -37px; } .widget_switcher ul.tabs li.ok:hover, .widget_switcher ul.tabs li.ok.current { background-position: 0 -74px; } .widget_switcher .box { text-align: center; padding: 20px; border: 1px solid #DFDFDF; } .widget_switcher ul.tabs li.current:before { content: ""; position: absolute; bottom: -12px; left: 8px; border-bottom: 10px solid #DFDFDF; border-left: 10px solid rgba(0, 0, 0, 0.0); border-right: 10px solid rgba(0, 0, 0, 0.0); } .widget_switcher ul.tabs li.current:after { content: ""; position: absolute; bottom: -14px; left: 8px; border-bottom: 10px solid #fff; border-left: 10px solid rgba(0, 0, 0, 0.0); border-right: 10px solid rgba(0, 0, 0, 0.0); } /* part of admin.css from user-profile*/ .tabs {position: relative;width: 100%;overflow: hidden;} /* Nav */ .tabs nav {text-align: center;margin-top:0;padding-top:0;} .tabs nav ul {padding: 0;margin: 0;margin-bottom:-6px;list-style: none;display: inline-block;} .tabs nav ul li {border: 1px solid transparent;border-bottom: none;margin: 0 0.25em;display: block;float: left;position: relative;} .tabs nav li.tab-current {border: 1px solid #e2e2e2;box-shadow: inset 0 2px #e2e2e2;border-bottom: none;z-index: 100;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .tabs nav li.tab-current:before, .tabs nav li.tab-current:after {content: '';position: absolute;height: 1px;right: 100%;bottom: 0;width: 1000px;background: #e2e2e2;} .tabs nav li.tab-current:after {right: auto;left: 100%;width: 4000px;} .tabs nav li.tab-current a{color:#444;} .tabs nav a {color: #999;display: block;font-size: 13px;text-transform:uppercase;line-height: 3.5;padding: 0 1.25em;white-space: nowrap;background-color:#fff;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .tabs nav a:hover {color: #333;} /* Content-profile */ .content-profile section {padding:45px 45px 10px;display: none;max-width: 1230px;margin: 0 auto;background-color:#fff;border:1px solid #e2e2e2;border-top: none;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .content-profile section h4{text-transform:uppercase;margin-top:0;} .content-profile section:before, .content-profile section:after {content: '';display: table;} .content-profile section:after {clear: both;} /* Fallback example */ .no-js .content-profile section {display: block;padding-bottom: 2em;border-bottom: 1px solid #47a3da;} .content-profile section.content-current {display: block;} @media screen and (max-width: 767px) { .tabs nav ul {display: flex;flex-direction: column;} .content-profile section {padding:25px;} } /* end part of admin.css from user-profile*/ .activityBox .dop_info a.show_map, .hotelBox .dop_info a.show_map { top: 0px; } .lt_hotel_widget_results { margin-bottom: 40px!important; } #lt_hotel_widget { width: 100%!important; } .text_box .right_side .time { font-size: 13px; font-family: "medium"; color: #999; height: 14px; margin-bottom: 11px; line-height: 16px; } .text_box .right_side .time span { height: 14px; width: 14px; display: inline-block; margin-right: 3px; vertical-align: top; background: url(../images/clock_ico.png) center no-repeat; } .text_box .right_side .price_box { display: inline-block; vertical-align: top; float: right; margin-top: 10px; } .text_box .right_side .price_box .price { height: 18px; line-height: 18px; text-align: right; width: 100%; color: #ff7f27; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 20px; } .text_box .right_side .price_box .price span { font-size: 14px; display: inline-block; vertical-align: top; line-height: 18px; padding-left: 2px; padding-top: 1px; font-family: "Helvetica", "Verdana", sans-serif; } .text_box .right_side .price_box .dop { font-family: "medium", "Verdana", "Helvetica", sans-serif; color: #ff7f27; font-size: 11px; text-align: right; } .text_box .right_side .button { display: inline-block; margin: 10px 0 0; background-color: #ff7f27; height: 28px; line-height: 28px; text-align: center; padding: 0 20px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .text_box .right_side .button:hover { background-color: #df892d; } .text_box .right_side .provider { position: absolute; top: 0; right: 0; width: 100px; height: 20px; text-align: right; } .text_box .right_side .provider img { max-height: 100%; } .excursion_text_box .right_side .name_link { padding-right: 110px; } .excursion_box .excursion_point { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .excursion_box .excursion_point .name { display: inline-block; vertical-align: top; margin-bottom: 10px; width: 155px; float: left; font-family: "medium", Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 18px; color: #283039; text-transform: uppercase; } .excursion_box .excursion_point .provider { display: inline-block; vertical-align: top; width: 100px; float: right; margin-bottom: 10px; height: 20px; text-align: right; } .excursion_box .excursion_point .provider img { max-height: 100%; } .excursion_box .excursion_point .price { display: inline-block; vertical-align: top; float: left; height: 28px; line-height: 28px; color: #ff7f27; font-family: "bold", "Helvetica", "Verdana", sans-serif; font-size: 20px; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .excursion_box .excursion_point .price span { font-size: 14px; display: inline-block; vertical-align: top; line-height: 28px; padding-left: 2px; padding-top: 1px; font-family: "Helvetica", "Verdana", sans-serif; } .excursion_box .excursion_point .button { float: right; display: inline-block; background-color: #ff7f27; height: 28px; line-height: 28px; text-align: center; padding: 0 10px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; } .excursion_box .excursion_point .button:hover { background-color: #df892d; } .excursion_box .show_more { display: block; font-family: "medium", Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 18px; color: #25afdb; text-align: center; width: 210px; margin: 0 auto 20px; text-transform: uppercase; } .text_box .right_side .sub div { color: #2A6496; display: inline-block; vertical-align: top; } .text_box .right_side .sub span.ico { display: inline-block; width: 12px; height: 12px; margin-right: 3px; background: url(../images/clock_ico.png) center no-repeat; } .text_box .right_side .distance { background-color: #ff7f27; } .side_box .title span.orange_list { width: 16px; height: 15px; top: 2px; position: absolute; top: 0; left: 0; background: url(../images/orange_list.png) center no-repeat; } .group_title, .dop_info b { font-family: "bold", Helvetica, Verdana, sans-serif; font-size: 16px!important; color: #283039; text-transform: uppercase; margin-bottom: 20px; line-height: 20px; position: relative; padding-left: 24px; font-weight: 400; } .group_title span { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../images/group_icon_set.png) no-repeat; } .dop_info ul li b, .dop_info div b { text-transform: none; padding-left: 0; } .group_title.characteristics span { background-position: 0 0; } .group_title.age-kids span { background-position: -20px 0; } .group_title.beach span { left: -2px; background-position: -40px 0; } .group_title.category span { background-position: -60px 0; } .group_title.type span { background-position: -80px 0; } .dop_info { padding-left: 20px; } .dop_info b span.car_ico { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../images/group_icon_set.png) -120px 0 no-repeat; } .dop_info b span.phone_ico { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../images/group_icon_set.png) -100px 0 no-repeat; } .white_line ul.main_menu li a { color: #565960; font-size: 13px; text-transform: uppercase; } .white_line ul.main_menu li { padding: 0 15px; border-color: #ededed; width: 120px; } .white_line { padding: 15px 0; } .top_penel .menu, .top_penel .auth_box { height: 23px; position: relative; top: 5px; margin-left: 15px; } .top_penel .menu li { height: 23px; line-height: 23px; padding-left: 15px; } .top_penel .menu li a { height: 23px; line-height: 23px; font-size: 12px; color: #fff!important; text-transform: uppercase; } .top_penel .menu li a.contact { background-color: #29c5f6; border: 1px solid #fff; border-radius: 4px; padding: 0 12px; line-height: 21px; color: #fff!important; } .top_penel .auth_box .green_button { height: 23px; line-height: 23px; padding: 0; margin: 0; color: #fff; font-size: 12px; text-transform: none; background-color: transparent!important; } .top_penel form.search { height: 24px; top: 5px; margin-left: 15px; } .top_penel form.search input[type=text] { height: 24px; line-height: 24px; font-size: 12px; } .top_penel form.search input[type=submit] { top: 4px; } .partner_link { position: relative; top: 5px; display: inline-block; float: right; height: 23px; line-height: 23px; color: #fff; font-size: 12px; text-transform: uppercase; } .slider_container1 { position: relative; width: 100%; } .slider_container1.auth { overflow: hidden; } .slider_container1 img.fon_img { position: absolute; height: 450px; width: 1920px; max-width: 1920px; left: 50%; margin-left: -960px; top: 0; } .form_container { position: absolute; z-index: 100; height: 100%; width: 1020px; left: 50%; margin-left: -510px; } .slider_container1 .slider1 li .text_block { left: 480px; width: 450px; } .form_container form { width: 450px; height: 100%; position: absolute; top: 0; left: 0; padding: 20px 40px; background-color: rgba(0, 0, 0, 0.5); } .form_container.login form, .form_container.registration form { left: auto; right: 0; } .slider_container1.auth .slider1 li .text_block { left: 10px!important; } .slider_container1.auth .form_container .text_block { font-size: 24px; line-height: 28px; color: #fff; max-width: 50%; position: absolute; top: 20px; left: 10px; font-family: "bold"; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .form_container form .title { font-family: "bold"; font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 15px; text-align: center; } .form_container form .control_point { position: relative; margin-bottom: 15px; } .form_container form .control_point .label { font-size: 16px; color: #fff; margin-bottom: 5px; line-height: 20px; } .form_container form .button { font-family: "bold"; font-size: 20px; color: #fff; height: 40px; line-height: 40px; width: 100%; text-align: center; border-radius: 4px; cursor: pointer; margin-bottom: 20px; text-transform: uppercase; background-image: -moz-linear-gradient(top, #27b5e1, #078ac1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27b5e1), to(#078ac1)); background-image: -webkit-linear-gradient(top, #27b5e1, #078ac1); background-image: -o-linear-gradient(top, #27b5e1, #078ac1); background-image: linear-gradient(to bottom, #27b5e1, #078ac1); -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 1px rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 1px rgba(255, 255, 255, 0.2) inset; box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 1px rgba(255, 255, 255, 0.2) inset; } .form_container form .button:hover { background-image: -moz-linear-gradient(top, #36c3ee, #1799d0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#36c3ee), to(#1799d0)); background-image: -webkit-linear-gradient(top, #36c3ee, #1799d0); background-image: -o-linear-gradient(top, #36c3ee, #1799d0); background-image: linear-gradient(to bottom, #36c3ee, #1799d0); -moz-box-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 1px rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 1px rgba(255, 255, 255, 0.2) inset; box-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5), 0 -1px 0 1px rgba(255, 255, 255, 0.2) inset; } .form_container form input[type=text], .form_container form input[type=password] { height: 35px; line-height: 35px; width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; font-family: "regular", Helvetica, Verdana, sans-serif; font-size: 15px; color: #0070a5; padding: 0 10px; background-image: url(../images/sprite_bg.png); background-position: 0px 0px; background-repeat: repeat-x; background-color: transparent; border: 0 none; } .form_container form .control_point div.error { display: none; position: absolute; right: 0; bottom: -18px; height: 18px; line-height: 18px; padding: 0 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; font-size: 12px; color: #fff; background-color: #27b5e1; } .form_container form .control_point div.error:before { content: ""; position: absolute; top: -6px; right: 6px; border-bottom: 6px solid #27b5e1; border-left: 6px solid rgba(0, 0, 0, 0.0); border-right: 6px solid rgba(0, 0, 0, 0.0); } .form_container form .control_point.error div.error { display: block; } .form_container form .control_point .forget_pass{ font-size: 14px; color: #fff; line-height: 20px; padding-top: 3px; display: inline-block; text-decoration: underline; } .form_container form .control_point .forget_pass:hover{ text-decoration: none; color: #27b5e1; } .n_forget_pass{ display: inline-block; margin-top: 5px; } .form_container form .text { font-size: 14px; color: #fff; line-height: 18px; text-align: center; margin-bottom: 20px; } .form_container form .text a { color: #27b5e1; text-decoration: underline; } .form_container form .text a:hover { text-decoration: none; } .form_container form .social { text-align: center; } .form_container form .social .social_title { font-family: "bold"; font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 15px; } .form_container form .social a { display: inline-block; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; margin: 0 2px; background: url(../images/social_icons.png) no-repeat; } .form_container form .social a.fb { background-position: 0 0; } .form_container form .social a.tw { background-position: -30px 0; } .form_container form .social a.gp { background-position: -60px 0; } .form_container form .social a.vk { background-position: -90px 0; } .form_container form .social a.od { background-position: -120px 0; } .form_container form .social a:hover { background-color: #27b5e1; } .form_container form .control_point .ico { position: absolute; bottom: 7px; left: 5px; width: 20px; height: 20px; z-index: 2; background: url(../images/index_form_ico.png) no-repeat; } .form_container form .control_point .combo .current { padding-left: 30px; } .form_container form .control_point .ico.house { background-position: 0 0; } .form_container form .control_point .ico.map { background-position: -20px 0; } .form_container form .control_point .ico.kids { background-position: -40px 0; } .form_container.search form { padding: 40px; } .form_container.search form .title { margin-bottom: 40px; } .form_container.search form .button { margin: 45px 0 0 0; } .bx-pager { margin-left: -30px; z-index: 200; } .yellow_ico { padding-top: 20px; text-align: center; margin-bottom: 60px; } .yellow_ico .point { display: inline-block; vertical-align: top; width: 200px; margin: 0 50px; } .yellow_ico .point .ico { display: block; margin: 0 auto 10px; width: 60px; height: 60px; background: url(../images/index_yellow_ico.png) no-repeat; } .yellow_ico .point .ico.ico1 { background-position: 0 0; } .yellow_ico .point .ico.ico2 { background-position: -60px 0; } .yellow_ico .point .ico.ico3 { background-position: -120px 0; } .yellow_ico .point .title { font-size: 15px; color: #191919; text-transform: uppercase; font-family: "medium", Helvetica, Verdana, sans-serif; } .yellow_ico .point .text { font-size: 14px; color: #5b5b5b; } .white_line ul.main_menu li a { line-height: 18px; padding: 15px 0; text-align: center; } .no_comment_yet { position: relative; padding-left: 50px; } .no_comment_yet .ico { width: 32px; height: 26px; position: absolute; top: 0; left: 0; background: url(../images/pen_icon.png) center no-repeat; } .no_comment_yet .text { line-height: 18px; margin-bottom: 20px; } .no_comment_yet .button { background-color: #83C218; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; color: white; font-size: 14px; height: 28px; line-height: 29px; padding: 0px 10px; cursor: pointer; text-transform: uppercase; display: inline-block; } .form_container form span.checkbox { display: none; } .form_container form .checkbox_point { padding-left: 22px; } .form_container form input[type=checkbox] { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); width: 16px; height: 16px; position: absolute; top: 1px; left: 0; cursor: pointer; z-index: 2; } .form_container form input[type="checkbox"] + .false_checkbox { width: 16px; height: 16px; position: absolute; top: 1px; left: 0; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; background-color: #fff; } .form_container form input[type="checkbox"] + .false_checkbox:before { content: ""; position: absolute; width: 8px; height: 8px; top: 4px; left: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; background-color: #0070a5; display: none; } .form_container form input[type="checkbox"]:checked + .false_checkbox:before { display: block; } .form_container form .checkbox_label { font-size: 14px; color: #fff; line-height: 18px; display: inline-block; vertical-align: top; } .form_container form .checkbox_label a { color: #a6ddf2; text-decoration: underline; } .form_container form .checkbox_label a:hover, .already_reg a:hover { text-decoration: none; } .already_reg { margin-bottom: 15px; text-align: center; font-size: 14px; color: #fff; line-height: 18px; } .already_reg a { color: #a6ddf2; text-decoration: underline; } .menu_ico { display: none; width: 32px; height: 24px; float: right; cursor: pointer; position: relative; top: 6px; margin-right: 10px; background: url(../images/menu_ico.png) center no-repeat; } .adaptive_menu { position: absolute; top: 0; left: 0; width: 100%; height: 400px; z-index: 600; padding: 50px 20px; display: none; background-color: rgba(0, 0, 0, 0.95); } .adaptive_menu input { width: 100% !important; margin: 0 auto; height: 30px; border-radius: 3px; margin-bottom: 10px; } .adaptive_menu ul li { width: 100% !important; } .adaptive_menu .close_menu { position: absolute; width: 30px; height: 30px; top: 95px; right: 20px; cursor: pointer; z-index: 2; background: url(../images/close_menu.png) 0 0 no-repeat; } .adaptive_menu .close_menu:hover { background-position: -30px 0; } .adaptive_menu ul.main_menu { height: auto; display: block!important; } .adaptive_menu ul.main_menu li { display: block; padding: 0!important; margin: 0; height: 34px; line-height: 34px; text-align: left; } .adaptive_menu ul.main_menu li a { font-size: 16px; color: #fff!important; height: 34px; line-height: 34px; padding: 0; display: inline-block; } .adaptive_menu ul.main_menu li a:hover { color: #25AFDB!important; } .adaptive_menu ul.main_menu li a div { display: none; } .white_area li a { color: #25afdb; } .box_model .separate_box .grey_text { font-family: "regular"; color: #989898; } /*.rec_box div:last-child { float: right; } .rec_box div:first-child { float: left; }*/ .rec_box div { text-align: center; } .rec_box.vertical .col-md-6{ clear: both!important; } @media (min-width: 992px){ .twoArticles .col-md-4 { width: 50%; } } @media (max-width: 991px) { .rec_box .row > div:first-child { margin-bottom: 30px; } } /*redesign of style css*/ /* [Table of contents] 1. SITE STRUCTURE and TYPOGRAPHY - 1.1 Typography - 1.2 Buttons - 1.3 Structure 2. CONTENT - 2.1 Home - 2.2 All tours list / All tours grid - 2.3 Single tour page - 2.4 Cart - Payment - Confirmation - 2.5 About - 2.6 Contact us - 2.7 Login / register - 2.8 Tour guide page - 2.9 Transfer - 3.0 Hotel - 3.1 Whishlist 3. COMMON - Tooltips - Containers styles - Form styles - Tabs, collapse - etc 4. UPDATES Version 1.4 - 4.1 Home 7: search functions - 4.2 Faq - 4.3 Common /*============================================================================================*/ /* 1. SITE STRUCTURE and TYPOGRAPHY */ /*============================================================================================*/ /*-------- Only fo the demo - menu colors bullets --------*/ i.color_1 { color: #e04f67; } i.color_2 { color: #1cbbb4; } i.color_3 { color: #82ca9c; } i.color_4 { color: #f7941d; } /*-------- Allert for old browsers IE8 and below --------*/ .chromeframe { background: #ddd; color: #000; padding: 0.2em; position: fixed; top: 0; left: 0; text-align: center; z-index: 9999; width: 100%; } .chromeframe a { color: #ed1c24; } /*-------- 1.1 Typography --------*/ body { background: #f9f9f9; font-size: 15px; line-height: 20px; font-family: 'Verdana', sans-serif; color: #565a5c; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: antialiased; color: #333; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700 !important; } h1 { color: #fff; } h3 { font-size: 20px; line-height: normal; } .main_title { text-align: center; margin-bottom: 30px !important; } .main_title h1, .main_title h2{ text-transform: uppercase; font-weight: 700; letter-spacing: -1px; font-size: 24px; margin-bottom: 0; margin-top: 0; color: #333; } .main_title h2.is--section-title-h2{ font-size: 26px; } .main_title h2.is--section-title-h2.kid-color-white{color: #ffffff;} /* mob */ @media screen and (max-width: 767px){ .main_title h2.is--section-title-h2{ font-size: 28px; } } .main_title h1 span { color: #7dbe14; } .main_title2 h2 { font-weight: 700; font-size: 20px; margin-bottom: 10px; margin-top: 20px; line-height: normal; } .main_title2 h2.kid-fz-22{font-size: 22px;} @media screen and (max-width: 767px){ .main_title2 h2.kid-fz-23_mob{font-size: 23px;} } .main_title2.mb50 p:last-child{ margin-bottom: 0; } .main_title3 h2 { font-weight: 700; font-size: 22px; margin-bottom: 10px; margin-top: 0px; line-height: 17px; } @media screen and (max-width: 767px){ .main_title3 h2 { line-height: normal; } } .main_title4 h2 { font-weight: 700; font-size: 24px; margin-bottom: 10px; margin-top: 20px; } .main_title p { font-weight: 300; font-size: 14px; } .otzivi_zagol h2 { display: block; width: 300%; overflow: visible; } .otzivi_zagol a{ margin-top: 3px; } .upper { text-transform: uppercase; } h2 span, h3 span, h4 span, h5 span, h6 span { color: #7dbe14; } h2 span.orange, h3 span.orange, h4 span.orange, h5 span.orange, h6 span.orange { color: #ed812b; } .bg_orange { background-color: #ed812b !important; } .box_style_1 h3.inner { margin: -30px -30px 20px -30px; background-color: #565a5c; padding: 10px 20px 10px 18px; color: #fff; border: 1px solid #fff; -webkit-border-top-left-radius: 3px; text-align: center; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } /*General links color*/ a { color: #51bce6; text-decoration: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; outline: none; } a:hover, a:focus { color: #111; text-decoration: none; outline: none; } p { margin: 0 0 20px 0; } .nopadding { margin: 0 !important; padding: 0 !important; } .mt_none { margin-top: 0; } hr { margin-top: 20px; margin-bottom: 40px; border: 0; border-top: 1px solid #ddd; } .middleHeight { margin-bottom: 0; } @media(min-width: 1140px) { .container { padding-left: 0; padding-right: 0; } } #content_center + .text-center { margin-top: 45px; } @media screen and (max-width: 767px) { #content_center + .text-center { margin-top: 40px; } } /*-------- 1.2 Buttons --------*/ a.button_intro, .button_intro { border: none; font-family: inherit; font-size: inherit; color: #fff !important; background: #e04f67; cursor: pointer; padding: 8px 25px; display: inline-block; outline: none; font-size: 13px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-width: 150px; text-transform: none; } #button_intro_map { position: relative; display: block; text-align: center; width: 100%; margin-bottom: 20px; } #button_intro_map img { position: relative; width: 100%; } #button_intro_map .map-caption { position: absolute; top: 43%; width: 100%; text-align: center; z-index: 999; } a.button_intro:hover, .button_intro:hover { background: #fff; color: #e04f67 !important; } a.button_intro.outilne, .button_intro.outline { border: 2px solid #fff; color: #fff; background: none; padding: 6px 23px; } a.button_intro:hover, .button_intro:hover { background: #fff; color: #e04f67; } a.button_intro.green { border: 2px solid #fff; color: #fff; background: none; padding: 6px 23px; text-shadow: none !important; } a.button_intro.green:hover, .button_intro.green:hover { background: #7dbe14; color: #fff !important; border: 2px solid #7dbe14; } .header_bt_search { padding: 10px 0 !important; background: #8cc137 !important; color: #fff !important; font-size: 15px; border: none; float: left; font-family: inherit; color: #fff !important; cursor: pointer; display: inline-block; outline: none; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; } .header_bt_login { padding: 8px 0 !important; background: #8cc137 !important; color: #fff !important; font-size: 16px; border: none; float: left; font-family: inherit; font-size: inherit; color: #fff !important; cursor: pointer; display: inline-block; outline: none; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; margin-bottom: 10px; } .suggestionForm .error{ color: #ff0000; } #suggestionForm_success, #suggestionForm_error{ font-size: 13px; } #suggestion.modal .close{ right: 32px; } .js_suggestionForm_close{ display: none !important; } .carousel_bt_login { padding: 8px 0 !important; background: #8cc137 !important; color: #fff !important; font-size: 13px; border: none; float: left; font-family: inherit; color: #fff !important; cursor: pointer; display: inline-block; outline: none; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 150px; margin-bottom: 10px; text-shadow: none; } a.button_drop, .button_drop { border: none; font-family: inherit; font-size: inherit; color: #e04f67 !important; background: #ededed; cursor: pointer; padding: 5px 15px !important; display: inline-block; outline: none; font-size: 11px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; font-weight: bold !important; width: 49%; } a.button_drop.outilne, .button_drop.outline { border: 2px solid #ededed; color: #e04f67; background: none; padding: 3px 23px !important; } a.button_drop:hover, .button_drop:hover { background: #ededed; color: #333; } a.button_drop.outline:hover, .button_drop.outline:hover { background: #ededed; color: #333; border: 2px solid #ededed; } a.btn_1, .btn_1 { border: none; font-family: inherit; font-size: inherit; color: #fff; background: #51bce6; cursor: pointer; padding: 7px 20px; display: inline-block; outline: none; font-size: 13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.btn_1.gray, .btn_1.gray { color: #999; background: #eee; } a.btn_1.green, .btn_1.green { background: #8cc137; } a.btn_full.green, .btn_full.green { background: #8cc137; } a.btn_1.orange, .btn_1.orange { background: #ed812b; } a.btn_1.white, .btn_1.white { background: #fff; color: #51bce6; } a.btn_1.white:hover, .btn_1.white a:hover { background: #333; color: #fff; } a.btn_1.gray:hover, .btn_1.gray:hover { background: #333; color: #fff; } #search_btn { height: 40px; margin-left: 15px; font-size: 16px; line-height: 13px; } #Sign_in2 { font-size: 15px; } a.btn_1.outline, .btn_1.outiline, input .btn_1.outiline { color: #555; background: none; border: 2px solid #555; padding: 5px 18px; } a.btn_1.outline:hover, .btn_1.outiline:hover, input .btn_1.outiline:hover { color: #fff; background: #7dbe14; border: 2px solid #7dbe14; } a.btn_1.medium, .btn_1.medium { padding: 10px 25px; font-family: "Verdana", sans-serif; font-size: 15px; } a.btn_1.small, .btn_1.small { padding: 5px 8px; font-size: 10px; line-height: 9px; text-transform: none; color: #fff !important; } a.btn_1:hover, .btn_1:hover { background: #333; } a.bt_facebook { color: #fff !important; background: #337ab7; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; padding: 10px 5px; border: none; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.bt_paypal { color: #fff !important; padding: 10px 8px; background: #5bc0de; font-weight: bold; font-size: 12px; text-decoration: none; text-align: center; border: none; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-margin { margin-bottom: 20px; } a.btn_map { border: none; font-family: inherit; font-size: 15px; color: #fff; background: #8cc137; cursor: pointer; padding: 12px 20px; display: inline-block; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; text-align: center; } a.btn_map h3 { color: inherit; font-weight: inherit; margin: 0; font-size: inherit; line-height: inherit; } a.btn_map:hover { background: #333; } a.btn_full, .btn_full { border: none; font-family: inherit; font-size: inherit; color: #fff; width: 100%; background: #7dbe14; cursor: pointer; padding: 12px 20px; display: inline-block; outline: none; font-size: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; text-align: center; margin-bottom: 10px; } a.btn_full:hover, .btn_full:hover { background: #333; } a.btn_full_outline.orange { color: #ed812b; border: 2px solid #ed812b; } a.btn_full_outline { border: none; font-family: inherit; font-size: inherit; color: #85c99d; background: none; border: 2px solid #85c99d; cursor: pointer; padding: 10px 20px; display: inline-block; outline: none; font-size: 13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; text-align: center; } a.btn_full_outline:hover { border: 2px solid #333; color: #333; } a.btn_1.outline_orange{ color: #ed812b; background: none; border: 2px solid #ed812b; padding: 10px 20px; } a.btn_1.outline_orange:hover { color: #fff; background: #ed812b; border: 2px solid #ed812b; } /*-------- 1.3 Structure --------*/ /* Header */ #logo { margin-top: 10px; } @media screen and (max-width: 767px){ #logo { margin-top: 0; } } header { width: 100%; position: fixed; left: 0; top: 0; z-index: 99999; padding: 10px 0; } header#plain { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header #logo img.logo_normal, header #logo img.logo_sticky { margin-left: -10px; } header #logo img.logo_normal, header #logo img.logo_sticky , #header_menu img{ height: 30px; /*-o-object-fit: cover;*/ /*object-fit: cover;*/ } @media screen and (max-width: 991px){ header #logo img.logo_normal, header #logo img.logo_sticky{ width: 140px!important; } header #logo img.logo_normal, header #logo img.logo_sticky , #header_menu img{ padding: 4px; } } header #logo .logo_sticky { display: none; } header.sticky #logo .logo_normal { display: none; } header.sticky #logo .logo_sticky { display: block; } header.sticky #top_line { height: 0; overflow: hidden; padding: 0; opacity: 0; transition: all 0.2s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } header.sticky { -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41); background-color: #fff; /*padding-bottom: 0;*/ display: none; /* quick fix */ } nav { margin-top: 20px } .sticky nav { margin-top: 10px } .sticky #logo { margin-top: 0; margin-bottom: 10px; } ul#top_tools { flist-style: none; padding: 0; position: absolute; right: 15px; top: 0; z-index: 999; } ul#top_tools a { color: #fff; } .sticky ul#top_tools a { color: #333; } ul#top_tools li { display: inline-block; padding: 0 10px; } @media (max-width: 1199px) and (min-width: 991px) { ul#top_tools li { padding: 0 5px; } } #top_line { color: #fff; height: 28px; font-size: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); visibility: visible; opacity: 1; margin-bottom: 5px; position: relative; z-index: 999999; } #LoginForm p{color: #565a5c;} ul#top_links { list-style: none; margin: 0; padding: 0; float: right; } ul#top_links .dropdown.dropdown-cart { float: none; font-size: inherit !important; } a#access_link, a#wishlist_link { position: relative; display: inline-block; padding-left: 16px; } #access_link:before, #wishlist_link:before { font-style: normal; font-weight: normal; font-family: "fontello"; font-size: 14px; position: absolute; left: 0; top: 0; } #wishlist_link:before { content: "\ec5e"; } #access_link:before { content: "\e97f"; } ul#top_links li { display: inline-block; border-left: 1px solid rgba(255, 255, 255, 0.3); margin-right: 5px; padding-left: 8px; } ul#top_links li:first-child { border-left: none; padding-left: 0; } ul#top_links a { color: #fff; } /* Header plain*/ header#plain { background-color: #fff; } header#plain.sticky { -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41); background-color: #fff; position: fixed; left: 0; top: 0; z-index: 99999; } header#plain.sticky #logo .logo_normal { display: none; } header#plain.sticky #logo .logo_sticky { display: block; } header#plain #top_line { color: #888; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header#plain ul#top_links li { border-left: 1px solid rgba(0, 0, 0, 0.1); } header#plain ul#top_links li:first-child { border-left: none; } header#plain ul#top_tools a { color: #333; } header#plain ul#top_links a { color: #888; } header#plain ul#top_links:hover a { color: #333; } header#plain nav { margin-top: 20px; } .subheader_plain { margin-top: 60px; } @media screen and (max-width: 991px) { header#plain nav{ margin-top: 15px; } } @media screen and (max-width: 767px) { header#plain nav{ margin-top: 5px; } } /* Header colored*/ header#colored.sticky { background-color: #e04f67; padding-bottom: 0; border-bottom: 2px solid #e04f67 } header#colored.sticky ul#top_tools a { color: #fff; } /* Drop down cart / login / search */ .dropdown.dropdown-search, .dropdown.dropdown-cart { float: right; font-size: 12px !important; } .dropdown-cart .dropdown-menu, .dropdown-access .dropdown-menu, .dropdown-search .dropdown-menu { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: right; left: auto; min-width: 0; right: 0; width: 250px; padding: 0; top: 100%; font-size: 12px; font-weight: normal; text-shadow: none; text-transform: none !important; border-top: 2px solid #51bce6; } .dropdown-cart .dropdown-menu #social_login { margin-top: 20px; } .dropdown-cart .dropdown-menu #social_login ~ .form-group { margin: 10px 20px 0; } .dropdown-cart .dropdown-menu #RemForm .form-group { margin: 10px 20px; } .dropdown-cart .dropdown-menu .login-or { margin: 0 20px 10px; } .dropdown-cart .dropdown-menu form > p { display: block; margin: 10px 20px; } .dropdown-cart .dropdown-menu form input[type='submit'] { display: block; margin: 0 20px 10px; width: calc(100% - 40px); } .dropdown-cart .dropdown-menu .form-group + div:not(.form-group) { border-top: 1px solid #cccccc; } .dropdown-cart .dropdown-menu .form-group + .form-group { margin-bottom: 10px!important; } .dropdown-cart .dropdown-menu:before, .dropdown-access .dropdown-menu:before, .dropdown-search .dropdown-menu:before { bottom: 100%; right: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #51bce6; border-width: 7px; margin-left: -7px; } .dropdown-cart .dropdown-menu_lang { width: 110px; } .dropdown-cart .dropdown-menu_lang:before { right: 28%; } .dropdown-cart .dropdown-menu_lang .form-group + .form-group { margin-bottom: 0!important; } .dropdown-cart .dropdown-menu .form-group { margin-bottom: 0; } .dropdown-cart .dropdown-menu > div a { display: block; padding: 10px; } .dropdown-cart .dropdown-menu > div a:hover { color: #51bce6!important; background: #f9f9f9; } .dropdown-menu { margin-top: 14px; } ul#cart_items { padding: 5px 0 0 0; list-style: none; } ul#cart_items li { border-bottom: 1px solid #ededed; position: relative; margin: 0; padding: 5px 10px 10px; width: 100%; clear: both; } ul#cart_items li .image { border: 1px solid #ddd; overflow: hidden; width: 50px; height: 50px; float: left; margin-right: 10px; } ul#cart_items li .image img { padding: 1px; width: 48px; height: auto; } ul#cart_items li strong { font-weight: normal; float: left; color: #999; margin-top: 10px; float: left; width: 150px; line-height: 14px; } ul#cart_items li strong > a { color: #333; display: block; } ul#cart_items li strong > a:hover { color: #e04f67; } ul#cart_items li a.action { color: #999; position: absolute; font-size: 14px; right: 10px; top: 0; width: 15px; height: 15px; } ul#cart_items li a.action:hover { color: #333; background: none; } ul#cart_items li:last-child div { color: #999; text-align: right; font-size: 14px; padding: 10px 0 15px 0; display: block; } ul#cart_items li:last-child span { color: #333; font-weight: bold; font-size: 16px; } .dropdown-cart .dropdown-menu a.button_drop { display: inline-block; } .dropdown- .dropdown-menu { margin-top: 7px; } .login-or { position: relative; font-size: 14px; color: #aaa; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .span-or { display: block; position: absolute; left: 50%; top: 2px; margin-left: -30px; background-color: #fff; width: 60px; text-align: center; } .hr-or { background-color: #cdcdcd; height: 1px; margin-top: 0px !important; margin-bottom: 0px !important; } a#forgot_pw,a#forgot_pw2,a#forgot_pw3,a#forgot_pw4 { color: #999 !important; font-size: 11px; padding: 0 0 0 20px; margin: -5px 0 10px 0; display: block; } a#forgot_pw:hover,a#forgot_pw2:hover,a#forgot_pw3:hover,a#forgot_pw4:hover { color: #333 !important; } .dropdown-search .dropdown-menu { margin-top: 15px; right: -25px; padding: 15px; } .input-group button { background-color: #333; color: #fff; border-color: #333 } .input-group button:hover, .input-group button:focus { background-color: #8cc137; color: #fff; border-color: #8cc137 } /* Footer */ footer { background-color: #333; background-repeat: repeat; background-position: 0 0; /* background-image: url(../img/pattern.png); */ color: #fff; padding: 30px 0 10px 0; /* background: #333 url(../img/pattern.png) repeat 0 0; */ color: #fff; padding: 30px 0 10px 0; } footer a { color: #fff; } footer a:hover { color: #999; } footer ul { margin: 0; padding: 0 0 20px 0; list-style: none; font-size: 14px; } #social_footer{ text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 30px; margin-top: 30px; } #social_footer p { font-size: 11px; color: #8c8c8c; text-align: left; } #social_footer ul { margin: 0; padding: 0 0 10px 0; text-align: center; } #newsocial_footer ul{ margin: 0; padding: 0 0 10px 0; text-align: left; } #social_footer ul li, #newsocial_footer ul li{ display: inline-block; margin: 0 5px 10px 0px; } #social_footer ul li a, #newsocial_footer ul li a { color: #fff; text-align: center; line-height: 34px; display: block; font-size: 16px; width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #social_footer ul li a:hover, #newsocial_footer ul li a:hover { border: 1px solid #fff; background: #fff; color: #111; } #newsocial_footer ul li a i{ line-height: 34px; font-size: 15px; } #social_login ul, #social_login2 ul { margin: 0; padding: 0 0 0px 0; text-align: center; } .social_login ul { margin: 0; padding: 0; text-align: left; } #social_login ul li,#social_login2 ul li, .social_login ul li { display: inline-block; margin: 0 2px 10px 2px; padding: 0; } #social_login ul li a,#social_login2 ul li a, .social_login ul li a { text-align: center; line-height: 29px; display: inline-block; font-size: 16px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #sec_filter { margin-top: 25px; } .widget { max-width: 300px; margin: 0 auto; } .widget img { width: 100%; } .social_widget ul li { display: inline-block; margin: 0 5px 10px 5px; padding: 0; } .social_widget ul li a { text-align: center; line-height: 29px; display: inline-block; font-size: 16px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 0 0 0 1px; } .nav-tabs > li > a { background: #5e5e5e; color: #fff; } #fb, .fb, .nav-tabs > li.active > .fb, .nav-tabs > li.active > .fb:hover, .nav-tabs > li.active > .fb:focus, .nav-tabs > li > .fb:hover, .nav-tabs > li > .fb:focus { border: 1px solid #3b5998; background: #3b5998; color: #fff !important; } #od, .od, .nav-tabs > li.active > .od, .nav-tabs > li.active > .od:hover, .nav-tabs > li.active > .od:focus, .nav-tabs > li > .od:hover, .nav-tabs > li > .od:focus { border: 1px solid #ed812b; background: #ed812b; color: #fff !important; } #tw, .tw { border: 1px solid #55acee; background: #55acee; color: #fff !important; } #gg, .gg { border: 1px solid #dd4b39; background: #dd4b39; color: #fff !important; } #vk, .vk, .nav-tabs > li.active > .vk, .nav-tabs > li.active > .vk:hover, .nav-tabs > li.active > .vk:focus, .nav-tabs > li > .vk:hover, .nav-tabs > li > .vk:focus { border: 1px solid #4b74a5; background: #4b74a5; color: #fff !important; } a#phone, a#email_footer, .kid-footer-contacts-email { display: block; position: relative; color: #fdf7ac; font-size: 14px; padding-left: 30px; margin: 20px 0; } .kid-footer-contacts-email{ padding-left: 0px; } .kid-footer-contacts-email .kid-icons-email{ font-size: 20px; line-height: 20px; float: left; } a#phone:hover, a#email_footer:hover { color: #fff; } a#phone:before, a#email_footer:before { font-style: normal; font-weight: normal; font-family: "icon_set_1"; position: absolute; } a#phone:before { font-size: 30px; content: "\7b"; left: 0; top: 0; } /*============================================================================================*/ /* 2. CONTENT */ /*============================================================================================*/ /*-------- 2.1 Home --------*/ .feature_home { padding: 30px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; } .feature_home i { margin: auto; margin-bottom: 20px; display: block; width: 120px; height: 120px; line-height: 110px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px dashed #ccc; font-size: 62px; color: #6dcff6; } .other_tours ul { list-style: none; padding: 0; margin: 0 0 0 0; } .other_tours ul li a { border-bottom: 1px solid #ededed; padding: 5px 0 10px 0; display: block; color: #333; } .other_tours ul li a:hover { background-color: #f9f9f9; color: #e04f67; } .other_tours ul li:last-child a { border-bottom: none; } .other_tours ul li a i { font-size: 22px; margin-right: 5px; margin-left: 2px; position: relative; top: 5px; color: #555; } .other_tours_price { float: right; margin-top: 5px; margin-right: 5px; color: #888; } /* Home 2 */ #hero { position: relative; height: 600px; background: #4d536d url(../img/about-3.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; font-size: 16px; display: table; z-index: 99; text-align: center; text-transform: uppercase; height: 100vh; } #hero:before { content: ''; background-color: rgba(0, 0, 0, .5); height: 100%; position: absolute; width: 100%; top: 0; left: 0; } #hero2 { position: relative; height: 600px; background: #4d536d url(../img/map.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; font-size: 16px; display: table; z-index: 99; text-align: center; text-transform: uppercase; } .intro_title { display: table-cell; vertical-align: middle; position: relative; } .intro_title h1 { font-size: 45px; margin-bottom: 5px; color: #fff; font-weight: bold; text-transform: uppercase; } /* New v1.2*/ .intro_title.error h1 { font-size: 130px; } /* Home 3 */ .header-video { position: relative; overflow: hidden; background: #4d536d url(../img/slide_hero.jpg) no-repeat center center; background-size: cover; } #hero_video { position: relative; background-size: cover; color: #fff; width: 100%; font-size: 16px; display: table; height: 100%; z-index: 99; text-align: center; text-transform: uppercase; } #hero_video a.video { display: none; } .hotel_header_plain { color: #000; } iframe, video { position: relative; top: 0; bottom: 0; left: 0; right: 0; } iframe { /*height: 100%;*/ width: 100%; } video { width: 100%; } .teaser-video { width: 100%; height: auto; } .header-video--media { width: 100%; height: auto; } #regis,#regis2 { color: #27b5e1 !important; text-decoration: underline; } /* Home 5 */ #search_bar_container { background: #333; background-color: rgba(0, 0, 0, 0.4); padding: 15px 0; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 999; } #search_bar_container p { color: #fff; font-size: 20px; font-family: 'Tahoma', "Verdana", sans-serif; } .search_bar { position: relative; width: 80%; margin: auto; } .search_bar div { padding: 0 5px; } .search_bar select { font-size: 14px; } #nav-search-in { display: inline-block; height: 45px; left: 0; overflow: hidden; position: absolute; top: 0; background: #6ccef5; } #nav-search-in #nav-search-in-content { color: #fff; display: inline-block; font-size: 12px; text-transform: uppercase; height: 45px; line-height: 35px; margin: 5px 65px 0 15px; text-indent: 1px; text-overflow: ellipsis; white-space: nowrap; width: 60px; overflow: visible; } #nav-search-in.nav-facade-active .nav-down-arrow { display: inline-block; right: 15px; top: 20px; background: url(../img/arrow_down_2.png); height: 6px; width: 10px; position: absolute; } .nav-facade-active #searchDropdownBox { cursor: pointer; height: 45px; left: 15px; opacity: 0; top: 0; visibility: visible; width: auto; } #searchDropdownBox { background: none repeat scroll 0 0 white; border: 1px solid #DDDDDD; color: black; font-family: "Verdana", "sans-serif"; left: 5px; margin: 0; outline: medium none; padding: 0; position: absolute; top: 0; visibility: hidden; width: 100px; } .nav-searchfield-outer { border: none; background: #fff; color: #ccc; display: block; font-size: 15px; left: 0; padding: 5px; position: realtive; width: 100%; font-family: Verdana, Helvetica, sans-serif; border: none; height: 45px; font-weight: 600; margin-top: 1px; } #twotabsearchtextbox { background: #FFF; width: 100%; border: none; box-shadow: none; color: #333; font-size: 14px; height: 30px; padding: 3px 0 0 150px; outline: none; font-weight: bold; } .nav-submit-button { background: #fff url(../img/search-bt.png) no-repeat center center; border: none; cursor: pointer; display: block; height: 45px; right: 5px; position: absolute; text-indent: -9999px; top: 0; width: 40px; } .nav-submit-button .nav-submit-input { background: #fff; border: medium none; color: white; cursor: pointer; } /*-------- 2.2 All tours list / All tours grid --------*/ .box_style_cat { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; margin-bottom: 25px; display: block; position: relative; } ul#cat_nav, ul#cat_nav2 { list-style: none; margin: 0; padding: 0; } ul#cat_nav li, ul#cat_nav2 li { border-bottom: 1px solid #ddd; } ul#cat_nav li a, ul#cat_nav2 li a { position: relative; color: #777; } ul#cat_nav li a span, ul#cat_nav2 li a span { font-size: 11px; color: #999; } ul#cat_nav li a:after, ul#cat_nav2 li a:after { font-family: "kid-icons"; content: "\e99f"; position: absolute; right: 15px; top: 15px; font-size: 9px; } ul#cat_nav li:last-child, ul#cat_nav2 li:last-child { border-bottom: 0; padding-bottom: 0; } ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a#active, ul#cat_nav li:first-child a.active, ul#cat_nav2 li:first-child a:hover, ul#cat_nav2 li:first-child a#active, ul#cat_nav2 li:first-child a.active { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a#active, ul#cat_nav li:last-child a.active, ul#cat_nav2 li:last-child a:hover, ul#cat_nav2 li:last-child a#active, ul#cat_nav2 li:last-child a.active { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } ul#cat_nav li a, ul#cat_nav2 li a { display: block; padding: 15px 10px; } ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active, ul#cat_nav2 li a:hover, ul#cat_nav2 li a#active, ul#cat_nav2 li a.active { background: #f9f9f9; color: #111; } ul#cat_nav i, ul#cat_nav2 i { font-size: 21px; margin-left: 5px; margin-right: 10px; float: left; } #tools { background: none; padding: 0; margin: 0 0 30px; } @media screen and (max-width: 991px){ #tools{ margin-bottom: 20px; } .kid-footer-contacts-email .kid-icons-email{ font-size: 12px; } } /* Map */ .marker_info { width: 280px; height: 320px; border-radius: 3px; text-align: center; background: #FFF; background: rgba(255, 255, 255, 0.9); position: relative; z-index: 9999999; font-family: "Montserrat", Verdana, sans-serif; } .marker_info img { display: block; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .marker_info h3 { font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 10px; } .marker_info span { display: block; padding: 0px 20px; font-size: 12px; line-height: 16px; color: #7a7f82; margin-bottom: 15px; } .marker_info:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: rgba(255, 255, 255, 0.9); border-width: 10px; margin-top: -10px; } .strip_all_tour_list { margin-bottom: 30px; background-color: #fff; display: block; color: #777; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-top: 23px; position: relative; } .strip_all_tour_list h3 { text-transform: uppercase; } .strip_all_tour_list hr { margin: 10px 0; } .tour_list_desc .rating { margin: 10px 0 3px -3px; font-size: 15px; } .tour_list_desc p { margin-bottom: 15px; line-height: 20px; color: #565a5c; margin: 10px 0 15px; font-size: 14px; } .img_list { overflow: hidden; position: absolute; height: 100%; width: calc(33.33334% - 15px); } @media (max-width: 767px) { .img_list { position: relative; width: 100%; margin: auto; min-height: 228px; height: 205px; } } .img_list img { width: auto; height: 260px; position: absolute; left: -10%; } @media (max-width: 767px) { .img_list img { left: 0; width: 100%; height: 260px; top: -15%; } } @media (max-width: 768px){ #carousel-id2 .carousel-caption { top: 10%!important; } } .img_list a img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .img_list a:hover img { -webkit-transform: scale(1); transform: scale(1); } .img_list .short_info { padding: 5px 5px 5px 5px; text-align: left; min-height: 38px; } .price_list .button { display: block; } .tour_list_desc { padding: 10px 160px 0 0; /*border-right: 1px solid #ededed;*/ line-height: 17px; position: relative; } .tour_list_desc.full-width { padding: 10px 20px 10px 0; } .tour_list_desc a h3 { font-size: 18px; line-height: 20px; /*float: left;*/ margin-top: 10px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tour_list_desc span { font-size: 13px; clear: both; display: block; margin: 0 5px 5px 0; } .tour_list_desc-inner { font-size: 13px!important; clear: both!important; display: block!important; margin: 0 0 7px!important; } .tour_list_desc__price { position: absolute; right: 0; top: 0; height: 100%; width: 150px; border-left: 1px solid #ddd; text-align: center; padding-top: 75px; } .tour_list_desc__price .price-number { font-family: 'Tahoma', 'Verdana', sans-serif; color: #333; font-size: 22px; margin-bottom: 15px; font-weight: bold; } .tour_list_desc__price .price-number span { display: inline-block; font-size: 15px; font-weight: normal; } .stl_price_text{ position: relative; /* transform: translateY(10%); */ } .stl_price span { /* position: absolute; */ bottom: 7px; right: 3px; } .stl-2_price span{ /* position: absolute; */ bottom: 12px; right: 3px; } .tour_list_desc__price .price-number .rouble { font-weight: normal; } @media (max-width: 767px) { .tour_list_desc__price { position: relative; right: auto; top: auto; height: auto; width: auto; border-left: none; border-top: 1px solid #ddd; padding-top: 25px; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; } .tour_list_desc__price .price-number { font-size: 18px; margin-bottom: 0; } .tour_list_desc__price .price-number .price-number-label{ font-size: 11px !important; } .tour_list_desc__price .price-number span { font-size: 12px; margin-bottom: 0px; } } .price_list { display: table; height: 220px; font-size: 38px; color: #e74c3c; width: 100%; margin-left: -15px; } .price_list small { font-size: 11px; color: #999; display: block; margin-bottom: 10px; line-height: 12px; } .price_list div { display: table-cell; vertical-align: middle; text-align: center; } .price_list p { padding: 0; margin: 0; } .price_list .normal_price_list { display: block; text-decoration: line-through; color: #999; font-size: 20px; margin-top: 10px; } .price_list sup { font-size: 22px; position: relative; top: -10px; } ul.add_info { list-style: none; padding: 0; margin: 0; } ul.add_info li { display: inline-block; margin-right: 5px; border: 1px solid #ededed; text-align: center; width: 35px; height: 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.add_info li a { color: #555; width: 35px; height: 35px; display: block; } ul.add_info li i { display: inline-block; font-size: 22px; top: 6px; position: relative; } #filters_col, .filters_col { background-color: #fff; padding: 15px 20px 15px 20px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 25px; } #filters_col label, .filters_col label { color: #565a5c; font-weight: normal; } a#filters_col_bt, a#filters_col_bt2, a#filters_col_bt3, a#filters_col_bt4 { display: block; color: #888; } a#filters_col_bt .icon_set_1_icon-65, a#filters_col_bt2 .icon_set_1_icon-65, a#filters_col_bt3 .icon-bell, .icon-mail, .icon-star-7, a#filters_col_bt .icon-star-7 { font-size: 20px; position: relative; top: 0; margin-right: 5px; } .filter_type h6 { border-top: 1px solid #ddd; margin: 15px 0; padding: 15px 0 0 0; } .filter_type ul, .filter_type2 ul { list-style: none; padding: 0; margin: 0; } .filter_type2 ul li { list-style: none; padding: 0; margin: 10px 0 15px 0; } .filter_type ul li:last-child label { margin-bottom: 0; } .blog_spisok { font-size: 14px; } .blog_spisok li { height: auto; margin-bottom: 12px; } .blog_spisok2 li { height: auto; margin: 20px 0 10px !important; } .blog_spisok2 li img { margin: 10px 0; } .filter_type ul li:last-child, .filter_type2 ul li:last-child { margin-bottom: 0; } .filter_type ul li a, .filter_type2 ul li a { color: #565a5c; } .filter_type ul li .rating { font-size: 16px; left: -7px; position: relative; top: 3px; } .filter_type label { font-weight: normal; font-size: 14px; } .filter_type a { font-size: 15px; } /*-------- 2.3 Single tour page --------*/ #Img_carousel .sp-selected-thumbnail { border-bottom: 2px solid #e04f67; } .parallax-content-2 { position: absolute; left: 0; bottom: 0; z-index: 999; padding: 18px 0 20px 0; color: #fff; font-size: 13px; width: 100%; background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,0.7)); background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.7)); } .parallax-content-2 div h1 { font-size: 36px; text-transform: uppercase; font-weight: bold; color: #fff; } .parallax-content-2 p { margin: 0; font-size: 13px; line-height: 20px; } .parallax-content-2 .rating { font-size: 14px; } #price_single_main { text-align: right; padding-top: 25px; font-weight: normal; } #price_single_main2 { text-align: right; padding-top: 25px; font-weight: normal; } #price_single_main span { font-size: 48px; color: #3CF; } #price_single_main2 span { font-size: 60px; color: #000; } #price_single_main sup { font-size: 22px; position: relative; top: -25px; } #price_single_main sub { font-size: 22px; position: relative; } #price_single_main2 sup { font-size: 22px; position: relative; top: -25px; } #price_single { background-color: #e74c3c; color: #fff; font-size: 36px; margin: -15px; padding: 20px 15px 10px 15px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 15px; } #price_single small { font-size: 12px; } #single_tour_feat ul { list-style: none; padding: 0; margin: 0; display: table; width: 100%; font-size: 12px; } #single_tour_feat { border-bottom: 1px solid #ddd; margin-top: 30px; } #single_tour_feat ul li { display: table-cell; width: 16%; vertical-align: top; text-align: center; padding: 0 10px 20px 10px; float: left; } #single_tour_feat ul li:last-child { margin-right: 0; } #single_tour_feat ul li i { font-size: 36px !important; display: block; margin-bottom: 10px !important; font-style: normal; font-weight: normal; line-height: 1; height: 37px; } #single_tour_feat ul li i:before{ font-size: 36px; } #single_tour_feat_age ul { list-style: none; padding: 0; margin: 0; display: block; font-size: 0; } #single_tour_feat_age ul:after { content: ''; display: block; clear: both; } div#single_tour_feat_age { border-bottom: 1px solid #ddd; margin-bottom: 30px; margin-top: 30px; padding-bottom: 30px; } #single_tour_feat_age ul li { text-align: center; padding: 0 10px 20px 10px; display: inline-block; vertical-align: top; max-height: 107px; font-size: 12px; width: 110px; word-break: break-word; line-height: initial; } #single_tour_feat_age ul li:last-child { margin-right: 0; } #single_tour_feat_age ul li i { font-size: 36px !important; display: block; margin-bottom: 10px !important; font-style: normal; font-weight: normal; line-height: 1; } #single_tour_feat_age ul li { border: 1px solid #e7e7e7; width: 162px; height: 162px; max-height: inherit; display: inline-flex; flex-direction: column; justify-content: center; margin-top: -1px; margin-right: -1px; padding: 15px 0; background-color: #f9f9f9; font-size: 13px; color: #8a8a8a; } #single_tour_feat_age ul li i { line-height: 50px; font-size: 50px !important; margin-bottom: 13px !important; } #single_tour_feat_age ul li .flat-unicorn:before { display: block; margin-top: 10px; margin-bottom: -10px; } @media (max-width: 767px) { #single_tour_feat_age ul li { display: inline-block; width: auto; font-size: 11px; } } #single_tour_desc h3 { font-size: 22px; margin-top: 5px; } #single_tour_desc h4 { line-height: 20px; font-size: 18px; } #single_camp_feat ul:last-child { border-bottom: 2px solid #555; margin-bottom: 30px; } #single_camp_feat ul li { display: table-cell; width: 1%; vertical-align: top; text-align: center; padding: 0 10px 20px 10px; } #single_camp_feat ul li:last-child { margin-right: 0; } #single_camp_feat ul li i { font-size: 36px !important; display: block; margin-bottom: 10px !important; font-style: normal; font-weight: normal; line-height: 1; } #map { width: 100%; height: 450px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .table.table_summary td { border-top: 1px solid #ededed; width: 50%; } .table.table_summary tr.total { color: #e04f67; font-size: 20px; font-weight: bold; text-transform: uppercase; } .review_strip_single { position: relative; /*padding: 10px 0 0px;*/ margin: 10px 0 40px; border-bottom: none; font-size: 14px; } #rating_summary + hr.mb0 + .review_strip_single { margin-top: 40px; } @media screen and (max-width: 767px){ .review_strip_single { margin-bottom: 35px; } #rating_summary + hr.mb0 + .review_strip_single { margin-top: 35px; } } .review_strip_single.last-child{ margin-bottom: 0; border-bottom: 0; } .second { margin-bottom: 0; } .second .post_info { border-bottom: none; } .post_info span { color: #999 !important; } .review_strip_single img { position: absolute; left: 0; border: 4px solid #fff; } .review_strip_single h4, .review_strip_single div.title-h4 { font-size: 20px; margin: 0px 20px 0 0; padding: 0; display: inline-block; vertical-align: middle; width: calc(100% - 145px); } .review_strip_single small { font-size: 13px; font-style: italic; display: inline-block; vertical-align: middle; width: 125px; text-align: right; } /* mob */ @media screen and (max-width: 767px){ .review_strip_single small {font-size: 13px;} .review_strip_single h4, .review_strip_single div.title-h4 {font-size: 21px;} } .review_strip_single .rating { font-size: 16px; } .normal_price_single { font-size: 18px; text-decoration: line-through; } .price_in { font-size: 42px; color: #e74c3c; border-bottom: 1px solid #ededed; text-align: center; padding-top: 30px; background-color: #fff8e5; margin: -20px -20px 20px -20px; } .price_in small { font-size: 11px; color: #999; display: block; margin-bottom: 20px; margin-top: 4px; } .price_in p { padding: 0; margin: 0; } .normal_price_in { display: block; text-decoration: line-through; color: #999; font-size: 20px; margin-top: 10px; } .price_in sup { font-size: 22px; position: relative; top: -10px; } .table.options_booking td i { font-size: 26px; } .table.options_booking td { vertical-align: middle; } /*Update version 1.1*/ #general_rating { font-size: 18px; margin: 10px 0 20px 0; } #general_rating .rating { display: inline; } #rating_summary ul { list-style: none; margin: 0; padding: 0; font-size: 14px; min-width: 137px; } /* mob */ @media screen and (max-width: 767px){ #rating_summary ul { margin:0 auto; } } #rating_summary.addreview ul li { height: auto; } #rating_summary ul.pull-left li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #rating_summary ul li .rating { display: inline-block; font-size: 14px; float: right; } #rating_summary ul li .rating2 { display: inline-block; font-size: 20px; } /* extra-mob */ /*@media screen and (max-width:450px){ #rating_summary ul li .rating2 > .kid-ui-radiobox.smile:last-child { margin-left: 0px; } }*/ #rating_summary ul li .rating2 .kid-icons-smile-face { color: #d7d7d7; } #rating_summary ul li .rating2 .voted { color: #f5864b !important; } #rating_summary ul li .rating2 i { display: block; float: left; } #rating_summary ul li:after { content: ''; display: block; clear: both; } #rating_summary h3{ margin: 0 auto; line-height: normal; font-size: 17px; text-transform: uppercase; max-width: 270px; } @media screen and (max-width: 767px){ #rating_summary > div{ margin-bottom: 20px; } #rating_summary > div:last-child{ margin-bottom: 0; } } /*End Update version 1.1*/ /*-------- 2.4 Cart - Payment - Confirmation --------*/ #hero_2 { position: relative; height: 470px; background: #4d536d url(../img/slide_hero_2.jpg) no-repeat center center; background-size: cover; color: #fff; width: 100%; font-size: 16px; display: table; text-align: center; } #hero_2.restaurant_bg { background: #4d536d url(../img/restaurant_top_in.jpg) no-repeat center center; background-size: cover; } #hero_2 .intro_title h1 { font-size: 38px; margin-bottom: 15px; } #hero_2 .intro_title h1:before, #hero_2 .intro_title h1:after { display: inline-block; width: 60px; height: 1px; content: ''; vertical-align: middle; background: rgba(255, 255, 255, 0.5); } #hero_2 .intro_title h1:before { margin-right: 10px; } #hero_2 .intro_title h1:after { margin-left: 10px; } .bs-wizard { width: 90%; margin: auto; } .bs-wizard > .bs-wizard-step { padding: 0; position: relative; width: 33%; float: left; } .bs-wizard > .bs-wizard-step .bs-wizard-stepnum { font-size: 16px; margin-bottom: 5px; color: #fff; } .bs-wizard > .bs-wizard-step .bs-wizard-info { color: #999; font-size: 14px; } .bs-wizard > .bs-wizard-step > .bs-wizard-dot { position: absolute; width: 30px; height: 30px; display: block; background: #ed812b; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%; } .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot{ background: #7dbe14; } .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after { content: ' '; width: 14px; height: 14px; /*background: #ed812b;*/ background: #ffffff; border-radius: 50px; position: absolute; top: 8.5px; left: 8px; } .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:after { /*background: #7dbe14;*/ } .bs-wizard > .bs-wizard-step > .progress { position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 23px 0; } .bs-wizard > .bs-wizard-step > .progress > .progress-bar { width: 0px; box-shadow: none; background: #eaffc8; } .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { width: 100%; } .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar { width: 50%; } .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar { width: 0%; } .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar { width: 100%; } .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot { background-color: #ababab; } .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after { /*opacity: 0;*/ } .bs-wizard > .bs-wizard-step:first-child > .progress { left: 50%; width: 50%; } .bs-wizard > .bs-wizard-step:last-child > .progress { width: 50%; } .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot { pointer-events: none; } .form_title { position: relative; padding-left: 55px; margin: 30px 0px 10px; } .form_title h3 strong { background-color: #f4813f; text-align: center; width: 40px; height: 40px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 18px; line-height: 40px; text-align: center; position: absolute; left: 0; top: 0; } .form_title h2 strong { background-color: #fc8a33; text-align: center; width: 40px; height: 40px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 15px; line-height: 40px; position: absolute; left: 0; top: 0; } .form_title h3 { margin: 0; padding: 0; } .form_title h2 { margin: 0; padding: 0; } .form_title p { color: #999; margin: 0; padding: 0; line-height: 14px; } .tochniy { margin-bottom: 20px; } #rekl { padding-bottom: 10px; } #rekl div:first-child { margin-bottom: 15px; } /* .step { border-left: 1px solid #ddd; padding: 0px 0 20px 31px; margin: 0 0 10px 20px; } */ .step2 { padding: 0px 0 20px 35px; margin: 0 0 10px 20px; } .cards { margin-top: 18px; } .table { border-bottom: 1px solid #ddd; } .table.options_cart td i { font-size: 38px; } .table.cart-list th, .table.options_cart th { background-color: #fff; text-transform: uppercase; } .table.cart-list td { vertical-align: middle; } .table.options_cart td { vertical-align: middle; } .numbers-row { position: relative; width: 97px; height: 40px; overflow: visible; } .numbers-row.list { margin: auto; margin-bottom: 5px; margin-top: 15px; } input.qty2 { position: relative; width: 35px; height: 40px; border-radius: none; text-align: center; left: 31px; padding: 5px; font-size: 16px; line-height: 20px; font-family: "Verdana", sans-sarif; color: #565a5c; } .button_inc { text-indent: -9999px; cursor: pointer; position: absolute; width: 33px; height: 40px; z-index: 9; } .dec { background: #fff url(../img/minus.png) no-repeat center center; border: 1px solid #cccccc; left: 0; top: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .inc { background: #fff url(../img/plus.png) no-repeat center center; right: 0; top: 0; border: 1px solid #cccccc; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #total { text-align: right; margin-top: 20px; } #total h3 { font-size: 26px; line-height: 26px; padding: 0; font-weight: bold; display: block; margin: 0 0 10px 0; } .options i { font-size: 22px; } .thumb_cart { border: 1px solid #ddd; overflow: hidden; width: 60px; height: 60px; margin-right: 10px; float: left; } .thumb_cart img { padding: 1px; width: 58px; height: auto; } .item_cart { display: inline-block; margin-top: 20px; } .table.confirm th { text-transform: uppercase; } .table.confirm td { width: 50%; } #policy { padding: 5px 0 0 50px; } /*-------- 2.5 About --------*/ .feature { padding: 30px 30px 20px 120px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .feature2 { padding: 30px 30px 20px 30px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .feature3 { padding: 30px 30px 20px 30px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-right: 15px; } .feature3 input { color: #565a5c; } .feature3 .btn_full { color: #fff; } .feature3 p { color: #565a5c; margin-bottom: 30px; font-size: 14px; } .feature2 h3:first-child { margin-top: 0px; } .feature i { margin: 0; position: absolute; top: 30px; left: 30px; padding: 0; margin: 0; width: 65px; height: 65px; line-height: 60px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px dashed #ccc; font-size: 34px; color: #6dcff6; } .features-bg { position: relative; min-height: 400px; background: url(../img/features-intro-01.jpg) no-repeat center center; background-size: cover; } .features-img { width: 100%; height: 400px; text-align: center; line-height: 400px; } .features-content { position: relative; padding: 11% 100px 10% 100px; height: 400px; background-color: #e04f67; color: #fff; font-size: 14px; } .features-content h3 { font-family: "Tahoma", "Verdana", cursive; color: #fff; font-size: 32px; line-height: 34px; text-transform: uppercase; } .review_strip { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; padding: 30px 20px 20px 30px; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .review_strip2 { position: relative; padding: 30px 20px 20px 30px; margin-bottom: 50px; font-size: 15px; } .review_strip2 p { margin-bottom: 0px; color: #565a5c; } .review_strip2 span { display: block; width: 100%; margin-bottom: 10px; } .review_strip img { top: -15px; position: absolute; left: 25px; border: 4px solid #fff; } .review_strip h4 { font-size: 18px; margin: -10px 0 35px 80px; padding: 0; } .review_strip p { margin-bottom: 10px; } .review_strip .rating { font-size: 16px; } .short_info .rating i { font-size: 14px !important; } .rating { font-size: 18px; margin-top: 0px; } .rating small { font-size: 12px; color: #CCC; } .rating .voted { color: #fbb91a; } .rating2 .voted { color: #fbb91a; } .rating2 a { color: #000; } .vozrast { margin: 15px 0 0; float: none; display: inline-block; vertical-align: middle; margin-bottom: 15px; } /*-------- 2.6 Contact us --------*/ #map_contact { width: 100%; height: 450px; } #directions { background-color: #e04f67; padding: 22px 0; } ul#contact-info { list-style: none; margin: 0 0 0 0; padding: 0; } .tape { position: absolute; left: 0; top: -20px; height: 45px; width: 100%; background: url(../img/tape.png) no-repeat center top; display: block; } .tape2 { position: absolute; top: -20px; height: 45px; width: 160px; left: 40%; background-color: #565a5c; display: inline-block; color: #fff; line-height: 40px; font-family: "Tahoma", "Verdana", sans-serif; font-weight: 700 !important; font-size: 18px; } .loader { margin-left: 5px; position: absolute; } .error_message { color: #F33; font-weight: 600; margin-bottom: 4px; } /*-------- 2.7 Login --------*/ .authloginpage{ position: relative; height: auto; min-height: 660px; display: block; text-transform: none; font-size: 12px; background: url(../images/bg_login.jpg) no-repeat center center; background-size: cover; } .authloginpage:before{ content: ''; background-color: rgba(0, 0, 0, .5); height: 100%; position: absolute; width: 100%; top: 0; left: 0; } #hero.login { height: auto; display: block; text-transform: none; font-size: 12px; background: url(../images/bg_login.jpg) no-repeat center center; background-size: cover; } #login { margin: 170px 0 120px; color: #333; text-align: left; background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); padding: 30px; font-size: 14px; } #pass-info { width: 98.5%; margin-bottom: 15px; color: #829CBD; text-align: center; font: 12px/25px Verdana, Helvetica, sans-serif; } #pass-info.weakpass { border: 1px solid #FF9191; background: #FFC7C7; color: #94546E; text-shadow: 1px 1px 1px #FFF; } #pass-info.stillweakpass { border: 1px solid #FBB; background: #FDD; color: #945870; text-shadow: 1px 1px 1px #FFF; } #pass-info.goodpass { border: 1px solid #C4EEC8; background: #E4FFE4; color: #51926E; text-shadow: 1px 1px 1px #FFF; } #pass-info.strongpass { border: 1px solid #6ED66E; background: #79F079; color: #348F34; text-shadow: 1px 1px 1px #FFF; } #pass-info.vrystrongpass { border: 1px solid #379137; background: #48B448; color: #CDFFCD; text-shadow: 1px 1px 1px #296429; } /*-------- 2.8 Tour guide page --------*/ #tour_guide { text-align: center; } .img-circle.styled { border: 5px solid #fff; } #filters { padding: 20px; background-color: #f2f2f2; border-bottom: 1px solid #ededed; margin: 0 -15px 30px -15px; } a.bt_filters { background-color: #fff; border: 1px solid #ddd; padding: 6px 8px; color: #888; display: inline-block; } /*-------- 2.9 Tranfers --------*/ .transfer_container { background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .transfer_container .transfer_title { padding: 15px; position: relative; } .transfer_container .transfer_title .rating { font-size: 14px; margin-left: -3px; } .transfer_container .transfer_title h3 { margin: 0; font-size: 16px; text-transform: uppercase; } a.btn_collapse { display: inline-block; margin-bottom: 10px; font-weight: bold; } /*-------- 3.0 Hotels --------*/ .score span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 35px; height: 35px; border: 2px solid #999; line-height: 32px; font-size: 11px; font-weight: bold; color: #999; margin-left: 5px; text-align: center; margin: 0 0 0 10px; } .score, .distance{ float: right; margin-top: 0px; margin: 5px 0 15px; margin-bottom: 15px; } .score a{ font-size: 11px; } .score .reviews{ display: inline; } .score .reviews .kid-icons-reviews-menu{ font-size: 18px; display: inline-block; vertical-align: middle; } .score .reviews .reviews_text{ font-size: 13px; display: inline-block; margin-left: 5px; } .score_detail span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 45px; height: 45px; border: 2px solid #555; line-height: 42px; font-size: 11px; font-weight: bold; color: #555; margin-right: 5px; text-align: center; white-space: nowrap; } .score_detail { font-size: 14px; margin-bottom: 15px; } .score_detail small { color: #999; } .hotel_container { display: block; background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-top: 0; margin-bottom: 30px; color: inherit; } .hotel_container .hotel_title { padding: 15px; position: relative; min-height: 64px; } .hotel_container .hotel_title .napr { position: absolute; right: 15px; top: 15px; padding: 10px 20px; color: #565a5c; font-size: 14px; font-weight: bold; background: #f3f3f3; } .hotel_container .hotel_title .orange { position: absolute; right: 15px; top: -45px; padding: 6px 10px; background: #ed812b; color: #fff; font-size: 14px; font-weight: bold; /* border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; */ } .hotel_container .hotel_title .rating { font-size: 14px; margin-left: -3px; } .hotel_container .hotel_title h3 { margin: 0; font-size: 14px; text-transform: uppercase; /*max-width: calc(100% - 64px);*/ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .title-h3 { font-weight: 700; margin: 0; font-size: 14px; text-transform: uppercase; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: 'Tahoma', 'Verdana', sans-serif; line-height: 16px; } .soveti .title-h3 { margin: 20px 0 10px; text-overflow: clip; white-space: normal; overflow: visible; font-size: 18px; text-transform: none; line-height: 20px; } .article-full .soveti .title-h3 { font-size: 22px; line-height: 26px; color: #333; } .tour_list_desc .title-h3 { font-size: 18px; line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .hotel_container .hotel_title span { font-size: 13px; } .hotel_container .score span { color: #fff; margin-right: 5px; text-align: center; border: 2px solid #fff; margin: 0 5px 0 0; } .hotel_container .score { font-size: 13px; margin-top: 5px; position: relative; bottom: 0px; left: 0px; margin: 5px; } .hotel_container a .score { color: #fff; } .hotel_container:hover { color: #51bce6; } /*========== list-block-vertical =============== */ .list-block-vertical .img_container img{ width: auto; max-width: none; } .list-block-vertical .hotel_container .hotel_title .title-h3{ font-size: 18px; line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list-block-vertical .hotel_container .desc{ height:100px; overflow:hidden; line-height: 20px; color: #565a5c; margin: 10px 0 15px; font-size: 14px; } .list-block-vertical .hotel_container .score span{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 35px; height: 35px; border: 2px solid #999; line-height: 32px; font-size: 11px; font-weight: bold; color: #999; margin-left: 5px; text-align: center; margin: 0 0 0 10px; } .list-block-vertical_desc__price .price-number{ font-family: 'Tahoma', 'Verdana', sans-serif; color: #333; font-size: 22px; margin-bottom: 15px; font-weight: bold; } .list-block-vertical_desc__price .price-number span{ display: inline-block; font-size: 15px; clear: both; display: block; margin: 0 0 5px; } .list-block-vertical .hotel_container .short_info.hotel{ padding: 10px 0 0; display: flex; align-items: flex-end; justify-content: space-between; min-height: unset; color: #333; position: relative; background: #fff; } .list-block-vertical .hotel_container .short_info.hotel .price{ font-size: 18px; } .list-block-vertical .hotel_container .short_info.hotel .price .stl-2_price span{ bottom: 7px; font-size: 12px; } .list-block-vertical .hotel_container .short_info.hotel .price-old{ font-size: 14px; position: relative; color: #a5a5a5; text-align: left; } .list-block-vertical .hotel_container .short_info .price-old__wrap{ margin-bottom: 10px; } .list-block-vertical .hotel_container .short_info .price-old__wrap:after{ content: ''; position: absolute; bottom: 50%; border-top: solid 1px #a5a5a5; left: 0; width: 100%; } .list-block-vertical .hotel_container .hotel_title .orange{ position: relative; top: 0px; right: 0px; padding: 5px 10px; background: #ed812b; color: #fff; font-size: 11px; font-weight: bold; } .list-block-vertical .hotel_container .hotel_title .orange:hover{ background: #333; } /*========== end list-block-vertical =============== */ /* Carousel */ .carousel .item { margin: 0px; } .carousel .item img { display: block; width: 100%; height: auto; } .carousel .item p { font-size: 15px; } ul.list_icons { margin: 0 0 020px 0; padding: 0; list-style: none; } ul.list_icons li i { font-size: 16px; } .modal-dialog { margin-top: 80px; } #price_single_main.hotel { padding-top: 20px; font-family: "Verdana", sans-serif; font-size: 14px; line-height: 20px; } #price_single_main.hotel span { color: #fff; display: inline-block; } #price_single_main.hotel a { display: block; margin-top: 10px; } #price_single_main.hotel a:hover { color: #51bce6; } #price_single_main2.hotel { padding-top: 40px; font-family: "Verdana", sans-serif; font-size: 16px; line-height: 20px; } .hotel_container .short_info.hotel { padding-left: 10px; display: flex; align-items: flex-end; justify-content: space-between; min-height: 70px; } /*-------- 3.1 Wishlist --------*/ .wishlist_close { position: absolute; top: 10px; right: 25px; width: 30px; height: 30px; z-index: 2; font-size: 20px; line-height: 25px; font-size: 18px; text-align: center; cursor: pointer; color: #F66 !important; } .wishlist_close:before { font-style: normal; font-weight: normal; font-family: "icon_set_1"; font-size: 30px; content: "\72"; color: #F66; position: absolute; left: 0; top: 3px; } /*============================================================================================*/ /* 3. COMMON */ /*============================================================================================*/ #rekl:before { border-bottom: 10px solid #ccc; margin-bottom: 0; } #rekl:after { border-bottom: 10px solid #565a5c; margin-bottom: -1px; z-index: 1; } #rekl:after, #rekl:before { border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; left: 50%; margin-left: -10px; position: absolute; } .box_style_1 { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; margin-bottom: 40px; padding: 30px 30px; position: relative; color: #666; font-size: 13px; } .blog-content .box_style_1, #one_report .box_style_1 { font-size: 15px; } .box_style_5 { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; margin-bottom: 0px; padding: 30px 30px; position: relative; color: #666; font-size: 13px; } .box_style_1 table tr:first-child td { border-top: 1px solid transparent; } .box_style_1 table td { font-size: 14px; } #cena_nomer .price { white-space: nowrap; } #cena_nomer .price p { font-size: 27px; font-weight: bold; color: #ed812b; line-height: normal; display: inline-block; margin-bottom: 10px; margin-right: 10px; } #cena_nomer .price span { font-size: 16px; font-weight: normal; } #cena_nomer .price div span { font-size: 14px; font-weight: normal; } #cena_nomer .text { margin: 15px 0 10px; } #cena_nomer .price div { font-size: 18px; display: inline-block; text-decoration: line-through; /* Перечеркнутый текст */ } #cena_nomer table td a, #exc_act table td a { color: #000; text-decoration: none; } #cena_nomer .form-group span i { vertical-align: middle; font-size: 20px; } .box_style_1 table td span { font-size: 12px; } .box_style_1 table .orange { color: #ed812b; width: 70px; } .box_style_1 img { width: 100%; } .date-pick { font-size: 15px; line-height: 20px; font-family: "Verdana" !important; color: #565a5c; font-weight: normal; } /* mob */ @media screen and (max-width: 767px){ .date-pick { font-size: 17px; } } .box_style_1 label { font-size: 13px; line-height: 20px; font-family: "Verdana"; color: #565a5c; font-weight: normal; } .box_style_1 .btn_1 { font-size: 12px; } .blog-content .box_style_1 .btn_1, #one_report .box_style_1 .btn_1 { font-size: 13px; } .box_style_3 { padding: 20px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; } .box_style_3 h3 { font-size: 20px; } .box_style_3 i { margin: auto; margin-bottom: 20px; display: block; width: 80px; height: 80px; line-height: 80px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px dashed #ccc; font-size: 42px; color: #6dcff6; } .box_style_4, .box_style_2 { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 25px; padding: 20px; position: relative; text-align: center; border: 1px solid #ddd; } .box_style_4:after, .box_style_4:before { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; left: 50%; margin-left: -10px; } .box_style_4:before { border-bottom: 10px solid #ccc; margin-bottom: 0; } .box_style_4:after { border-bottom: 10px solid #fff; margin-bottom: -1px; z-index: 1; } .box_style_2 i, .box_style_4 i, #rekl i { font-size: 36px; margin-top: 10px; margin-bottom: 12px; display: inline-block; } .box_style_2 a.phone, .box_style_4 a.phone, .box_style_1 a.phone { font-size: 26px; display: block; margin-bottom: 20px; } .box_style_2 a.mail, .box_style_1 a.mail { font-size: 16px; display: block; margin-bottom: 20px; } /* Input form style */ .feedback_form { padding: 0px 0px 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: transparent url("data:image/gif;base64,R0lGODlhVAAIANUAANh7cfXt1tw5OYe4ztk1Nf/44LsoKC2Iwc0pKSd4q9UxMeLcxjaQydEtLf733+qQhTiTzOeFeyd+tMYyMv723v/33yeCu/z13ffw2OTeyDKMxfry2t7Ywvjx2XyuxiqFvi6As8AtLXijtvjy2vbv1zCLxDWNxf313TCJwN87O8gpKc0uLimBuCiDvPv03DCCte7nzzSPyPHp0tU2NvPr1PTs1e/o0dEyMpTB1C6GvcYnJ8osLC+IvyyEu//23tzVwCH5BAAAAAAALAAAAABUAAgAQAb/wJQCgRAYFQ1CKuIIFDakAuUZ6BQKp4vDUSDhIAwNg1GCtCCWFgNysFgg4MNhcClwR9xrxUXZbLh7Jw8IKSkCBEcpCAQKjQgKBAAVUlcblRQYW11bWzglFjEWJR8QMWsaB2stB6gln3QbVRQkJB1cJCcUDn11BQ+FQwSPDSmIxZBGRIqNERQVG5kFGH+7ds4Olhg4H29wB58HMWwHYGMtbxYDThdQI3UVAdOTJC4FfA+NDUXAQ5ArMzpU7IggQwYJGBhoYYAhA0MNDA5J2CCBYQAKFj0YmJDAAgXHHiZ6SMjBQgKPHCUkeIBBo4aNAAFg1CDhEiIGGi0NPrix4saO/xUCAO64oULFvx0qIClqcGgIggj1nDiIUqACBRcuMFAIkAuiRVajVpUih6aEOAsfxpTwMMJSFxIV6GGYRKEDhSmTfg1jpI+pEkWPDqWQNMUShRMk/lByccJBrgpfwIARxWqcBg1l0HxINQBDAC4balypZYfElgDQavwSUIi1gEdKmSpCJCCCDx8dpFrtpcvBpCsUcMQ4wA0UhA8lUm3WcFwMGg0DRnC9EABurz+mKV4JEGGRgAb6vDdo9F2BgfMTAHBYkGEBhx8ZMnCIH999hh/wRSTYD+LFi/3+gZDAfwlIAIKA+4nwA3v0tdegfBxEGB8AIYRwngEhTDABhhpWuAShAUEAADs=") repeat-x scroll left bottom; } .feedback_form_content { padding: 0 15px; } .feedback_form h3 { font-family: "Verdana", sans-serif; font-size: 16px; line-height: 20px; display: block; margin-top: 0; color: #565a5c; padding: 20px 15px 0px; background: transparent url("data:image/gif;base64,R0lGODlhVAAIANUAAOeMhd05OdzXyyR2qS2Iwf/67NUxMf346oe51Nk1NTiTzNEtLffy5NV6dM0pKTaRyv/77cUxMfn05vTw4vHs3v/77PPu4DKNxih9suXh1L4rKyeCu+ODfTWNxfv36C1/srkmJiqFvuDcz+A8PDCLxCmBuP766yiDvMgqKtU2NjWPyDCBtcEuLtEyMu3p2+nl13yvyjCJwMosLM4vL+vn2ZTC2oa1zi6GvbckJNc4OHakvYGswI291v777Ng5OSyEuyH5BAAAAAAALAAAAABUAAgAQAb/QJBG0xCJMhmRICNYHplJ526AWQ0G1sFnhblirZjqQLdENpHJ53kpaGhYwggIFMGBWBENyB6JBBIGIyMOBhwTDBIUEAUWFAwmEgUHBSaVEwc8BBcKCiEKKp0EmiQhJwQKF6cKMCYMBRAVDB4HJhYQk5QStRMAgAaBIwt/AQsGCwkLxQkJHAWMrwwWDIsmHq4mBRKINScnJBckBBsbFw8KoirppyEEJAgei5cFDBQTlAUeziY9ExQABgEcEPq1QGCCAMQABvsFKMAgDhQKVFj0ypnESiYoVJAAgUGmE5xCmlOxIdwmdhfAKeDRwxmEjhM9TPBQiQKkfRD+BTDgAKFP8p8yUMxA0eCFC2kMoiVNSoHGi6UUKNjoUIJqhxg3YpT4oaIDhg1at3b4gQFGUgtPaSxdu5aCBA4tUqSQkQJFjhYzWgj1URdFi0EBewKweXECLFcS4UEwzGACgg7tCJjb0IkypwsqHpBQAHKDjQkmKoSeeQ+SNI4TEnEYYcCXsIDEeo7YeTCZz2bZKuiuUCBqK4sMDvSzQU6FJlEhNpg7R2KDpnOnEGjMDc+lrUUQJBzI/s8gMdeyASUYdOyXgQbCLWqMBgGSMwkSRBeoEbL5hZKeMqMiAAolAQSITGCPBZXwFtotGsHjAQAIzcaaAwkQskAQADs=") repeat-x scroll left top; } .feedback_form h3 i { display: inline-block; float: left; margin-right: 15px; font-size: 26px; line-height: 30px; } .feedback_form hr { margin: 20px 0 10px; } .feedback_form .header_bt_login { font-size: 14px; } .feedback_form .form-control { font-family: "Verdana", sans-serif; font-size: 14px; line-height: 20px; } .form-control { font-family: "Verdana", sans-serif; font-size: 15px; color: #333; height: 40px; border-radius: 3px; line-height: 20px; } @media screen and (max-width: 767px){ .form-control {font-size: 17px;} } select.form-control{ color: #8a8a8a; height: 44px; border-radius: 3px; padding: 6px 12px; background: #ffffff; border: 1px solid #ccc; } .style_2 { } #booking .form-group { position: relative; } .expose { position: relative; } .expose select { color: #565a5c; font-family: "Verdana", sans-serif; font-size: 14px; line-height: 20px; width: 100%; } #kak_rab a { margin: 0 10px 0 0; } #overlay { background: rgba(0, 0, 0, 0.4); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; bottom: 0; } /* Error validate style */ label.error { font-size: 11px; position: absolute; top: -15px; right: -30px; z-index: 99; height: 25px; line-height: 25px; background-color: #e34f4f; color: #fff; font-weight: normal; padding: 0 6px; } label.error:after { content: ''; position: absolute; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent #e34f4f; display: block; width: 0; z-index: 1; bottom: -6px; left: 20%; } /* Scroll top button */ #toTop { width: 48px; height: 48px; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; text-align: center; padding-top: 9px; line-height: 20px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 9999; display: none; color: #fff; font-size: 27px; } #toTop i{ font-size: 16px; font-weight: bold; } @media(max-width:576px) { #toTop { bottom: 50px; } } /*Background colors*/ .white_bg { background-color: #fff } /*Spacing*/ .add_bottom_15 { margin-bottom: 15px; } .add_bottom_30 { margin-bottom: 30px; } .add_bottom_45 { margin-bottom: 45px; } .add_bottom_60 { margin-bottom: 60px; } .nomargin_top { margin-top: 0; } /*List*/ .list_resorts h3 { border-bottom: 2px solid #ddd; padding: 8px; margin: 0; } ul.list_none { list-style: none; margin: 0 0 20px 0; padding: 0; line-height: 22px; } ul.list_none li { position: relative; border-top: 1px solid #ddd; padding: 8px; } ul.list_none li:first-child { border-top: 1px solid transparent; } ul.list_none li a { color: #000; } ul.list_none li:last-child a { color: #51bce6 !important; } ul.list_none li:last-child a:hover { color: #000 !important; } .list_ok ul, .list_ok2 ul, .list_ok3 ul { list-style: none; margin: 0; padding: 0; } .list_ok ul + ul, .list_ok2 ul + ul, .list_ok3 ul + ul { margin-top: 20px; } h3 + .list_ok, h3 + .list_ok2, h3 + .list_ok3 { margin-top: 13px; } .list_ok ul li, .list_ok2 ul li, .list_ok3 ul li { position: relative; padding-left: 35px; font-size: 17px; padding-bottom: 15px; line-height: 22px; color: #333; } /* mob */ @media screen and (max-width: 767px){ .list_ok ul li, .list_ok2 ul li, .list_ok3 ul li { padding-left: 35px; font-size: 18px; line-height: 24px; } } .list_ok ul li:before { font-style: normal; font-weight: bold; font-family: "kid-icons"; font-size: 19px; content: "\e9a0"; color: #8cc137; position: absolute; left: 0; top: 0; } .list_ok2 ul li:before { font-style: normal; font-weight: bold; font-family: "kid-icons"; font-size: 19px; content: "\e999"; color: #ed812b; position: absolute; left: 0; top: 0; } .list_ok ul li:before, .list_ok2 ul li:before, .list_ok3 ul li:before {font-size: 19px;} /* mob */ @media screen and (max-width: 767px){ .list_ok ul li:before, .list_ok2 ul li:before, .list_ok3 ul li:before {font-size: 20px;} } ul.list_order { list-style: none; margin: 0 0 30px 0; padding: 0; line-height: 30px; font-size: 14px; } ul.list_order li { position: relative; padding-left: 40px; margin-bottom: 10px; } .list_order div { position: relative; padding-left: 40px; display: block; margin-bottom: 10px; } ul.list_order li span { background-color: #7dbe14; color: #fff; position: absolute; left: 0; top: 0; text-align: center; font-size: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; } .list_order div span { background-color: #7dbe14; color: #fff; display: inline-block; text-align: center; font-size: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; margin-right: 15px; } /** Pagination **/ .pagination > li > a, .pagination > li > span { color: #888; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #333 !important; background-color: #f9f9f9; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #555; border-color: #555; } /* Drop down select footer */ .styled-select select { background: transparent; width: 107%; padding: 7px 5px 5px 15px; border: 0; border-radius: 0; height: 37px; margin: 0; font-weight: 400; -moz-appearance: window; -webkit-appearance: none; cursor: pointer; color: #999; } .styled-select { width: 100%; overflow: hidden; height: 40px; background: #434343 url(../img/down_arrow_select.png) no-repeat right center; border: none; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .styled-select select::-ms-expand { display: none; } .styled-select select:focus { outline: none; } /* Drop down select filters */ .styled-select-filters select { background: transparent; width: 109%; padding: 7px 5px 5px 10px; border: 0; border-radius: 0; height: 31px; margin: 0; font-weight: 400; -moz-appearance: window; -webkit-appearance: none; cursor: pointer; font-size: 14px; color: #888; } .styled-select-filters { width: 100%; overflow: hidden; height: 34px; background: #fff no-repeat scroll right center; border: none; margin: 0; padding: 0; border: 1px solid #ddd; display: block; } .styled-select-filters select::-ms-expand { display: none; } .styled-select-filters select:focus { outline: none; } /* Margin tools */ .margin_0 { margin: 0px !important; } .margin_60 { margin-top: 60px; margin-bottom: 60px; } .padding_60 { padding-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 767px){ .margin_sm_40 { margin-top: 40px; margin-bottom: 40px; } } .margin_45 { margin-top: 45px; margin-bottom: 30px; } .margin_30 { margin-top: 30px; margin-bottom: 30px; } .margin_15 { margin-top: 15px; margin-bottom: 15px; } .margin_top_10 { margin-top: 10px; margin-bottom: 0px; } .margin_top_15 { margin-top: 15px; margin-bottom: 0px; } .margin_top_30 { margin-top: 30px; margin-bottom: 0px; } .margin_top_40 { margin-top: 40px; margin-bottom: 0px; } .margin_10 { margin-top: 10px; margin-bottom: 10px; } .spacer_10 { height: 10px; width: 100%; display: block; position: relative; } .spacer_15 { height: 15px; width: 100%; display: block; position: relative; } .spacer_25 { height: 25px; width: 100%; display: block; position: relative; } .spacer_40 { height: 40px; width: 100%; display: block; position: relative; } /* Parallax bg */ .parallax-window { min-height: 470px; background: transparent; position: relative; } .parallax-window2 { min-height: 600px; background: transparent; position: relative; } .parallax-window3 { min-height: 300px; background: transparent; position: relative; } .user_slide { height: 300px !important; } .parallax-content-1 { display: table; width: 100%; height: 600px; z-index: 999; position: relative; } .section-cover.sc470 .parallax-content-1 {height: 470px;} .section-cover.sc470.scm330 .parallax-content-1{height: 330px;} #menu_resort_foto { height: 600px; } .parallax-content-1 > div { display: table-cell; padding: 0 15%; vertical-align: middle; text-align: center; color: #fff; font-size: 16px; } .parallax-content-1 div h1, .parallax-content-1 div h3 { font-size: 36px; text-transform: uppercase; font-weight: bold; color: #fff !important; position: relative; z-index: 999; } .parallax-content-1 div h1 { margin-bottom: 0; padding-top: 40px; z-index: 999; color: #fff !important; } #menu_resort_foto > div > h1 { margin-bottom: 0; padding-top: 0px; } .parallax-content-1 div h1:before { margin-right: 10px; } .parallax-content-1 div h1:after { margin-left: 10px; } .parallax-content-1 div a i { color: #fff; opacity: 0.5; font-size: 72px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .parallax-content-1 div a:hover i { opacity: 1; } @media screen and (max-width: 767px) { .parallax-window2 .parallax-content-1 { display: block; } } /* Tours boxes*/ .tour_container { display: block; background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin: 0; margin-bottom: 30px; } .img_container { position: relative; overflow: hidden; border: 1px solid #fff; padding-bottom: 58.479532164%; } .img_container img { position: absolute; left: 0; top: 0; height: 110%; max-width: none; width: auto; } .tour_container .tour_title { padding: 15px; position: relative; } .tour_container .tour_title .rating { font-size: 14px; margin-left: -3px; } .tour_container .tour_title h3 { margin: 0; font-size: 14px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .wishlist { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; z-index: 2; font-size: 20px; line-height: 40px; text-align: center; cursor: pointer; } .wishlist a { color: #888; cursor: pointer; display: block; } .strip_all_tour_list .wishlist a { color: #fff; } .wishlist:before { font-style: normal; font-weight: normal; font-family: "icon_set_1"; font-size: 40px; content: "\72"; color: #888; position: absolute; left: 0; top: 4px; } .strip_all_tour_list .wishlist { position: absolute; top: 10px; right: 25px; width: 30px; height: 30px; z-index: 2; font-size: 20px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; color: #fff !important; } .strip_all_tour_list .wishlist:before { font-style: normal; font-weight: normal; font-family: "icon_set_1"; font-size: 30px; content: "\72"; color: #fff; position: absolute; left: 0; top: 3px; } .img_container a:hover img { -webkit-transform: scale(1); transform: scale(1); } .img_container:hover img { -webkit-transform: scale(1); transform: scale(1); } .img_container img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .short_info { position: absolute; left: 0; bottom: 0; background-size: 100% 100%; width: 100%; padding: 45px 10px 8px 5px; color: #fff; } .shadow_short_info { background: -moz-linear-gradient(top,transparent,#000); background: -webkit-linear-gradient(top,transparent,#000); background: linear-gradient(to bottom,transparent,#000); } .carousel_info { position: absolute; left: 0; bottom: 0%; background-size: 100% 100%; width: 100%; text-align: left; padding: 10px 10px 5% 5px; font-size: 15px; display: flex; align-items: flex-end; justify-content: space-between; background: -moz-linear-gradient(top,transparent,#000); background: -webkit-linear-gradient(top,transparent,#000); background: linear-gradient(to bottom,transparent,#000); } .carousel_info ul { line-height: 1.7; } .short_info i { font-size: 20px; display: inline-block; vertical-align: middle; font-weight: normal; font-style: normal; padding: 0; margin: 0; } .short_info .price { /*float: right;*/ font-size: 22px; font-weight: bold; display: inline-block; text-align: right; } .short_info .price span { font-size: 15px; font-weight: normal; } .short_info .price sup { font-size: 18px; position: relative; top: -5px; } .short_info .price-old { font-size: 18px; opacity: 0.8; font-weight: normal; } .short_info .price-old__wrap { display: inline-block; vertical-align: top; position: relative; } .short_info .price-old__wrap:after { content: ''; position: absolute; bottom: 40%; left: 0; width: 100%; border-top: solid 1px #ffffff; } /* Ribbons */ .ribbon { position: absolute; top: -5px; left: -5px; width: 78px; height: 78px; z-index: 1; } .ribbon2 { position: absolute; top: 0; left: -1px; width: 100px; height: 100px; z-index: 1; } .ribbon.popular { background: url(../img/ribbon_popular.png) no-repeat 0 0; } .ribbon.top_rated { background: url(../img/ribbon_top_rated.png) no-repeat 0 0; } .ribbon.top_rated2 { background: url(../img/ribbon_recommend2_en.png) no-repeat 0 0; } .ribbon2.ribbon_report { background: url(../img/ribbon_report1.png) no-repeat 0 0; } /* Tooltips */ .tooltip_styled { display: inline; position: relative; z-index: 999; } .tooltip-item { cursor: pointer; display: inline-block; } .tooltip-item::after { content: ''; position: absolute; width: 300px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_styled:hover .tooltip-item::after { pointer-events: auto; } .tooltip-content { position: absolute; z-index: 9999; width: 300px; left: 50%; margin: 0 0 20px -150px; bottom: 100%; text-align: left; line-height: 20px; display: block; padding: 15px; font-size: 12px; color: #fff; box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #333; opacity: 0; cursor: default; pointer-events: none; } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(100% + 10px); transform-origin: 50% calc(100% + 10px); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip_styled:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .tooltip_styled.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } .tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #333; border-width: 10px; margin-left: -10px; } .tooltip-content .label { margin-left: 10px; } .tooltip-content i { font-size: 20px !important; top: 3px !important; left: -3px !important; position: relative; } .tooltip-content h4 { display: block; margin: 0 0 10px 0; line-height: 14px; font-size: 14px; color: #fff; text-transform: uppercase; } .tooltip-content a { font-weight: bold; } /* Tooltip flip */ .tooltip_flip { position: relative; } .tooltip_flip::after { content: ''; position: absolute; width: 100%; height: 20px; bottom: 100%; pointer-events: none; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_flip:hover::after { pointer-events: auto; } .tooltip-content-flip { position: absolute; z-index: 9999; width: 80px; height: 80px; left: -40%; bottom: 100%; text-align: center; color: #fff; opacity: 0; margin-bottom: 7px; cursor: default; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .strip_all_tour_list .tooltip-content-flip { left: -65%; } .tooltip-effect-1 .tooltip-content-flip { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .tooltip_flip:hover .tooltip-content-flip { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tooltip-content-flip > span { float: left; width: 100%; padding-left: 5px; padding-right: 5px; height: 100%; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .tooltip-back { background: #e04f67; font-size: 12px; line-height: 14px; padding-top: 25px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg); transform: perspective(1000px) rotate3d(0, 1, 0, 90deg); } .tooltip_flip:hover .tooltip-content-flip > span { -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); } .tooltip-content-flip .tooltip-front::after, .tooltip-content-flip .tooltip-back::after { content: ''; position: absolute; top: 100%; width: 0; height: 0; } .tooltip-content-flip .tooltip-front::after { right: 0; border-top: 10px solid #e64b50; border-left: 10px solid transparent; } .tooltip-content-flip .tooltip-back::after { left: 45%; border-top: 10px solid #e64b50; border-right: 10px solid transparent; } /* Position breadcrumbs */ #position { background-color: #333; padding: 10px 0; font-size: 12px; } #position2 { display: block; margin-top: 120px; padding: 10px 0 10px; font-size: 13px; } #position ul, #position2 ul { margin: 0; padding: 0; color: #888; } #position ul li a { color: #fff; opacity: 0.7; } #position2 ul li a { color: #000; opacity: 0.7; } #position2 ul li a:hover { color: #000; opacity: 1; } #position ul li a:hover { color: #fff; opacity: 1; } #position ul li, #position2 ul li { display: inline-block; margin-right: 3px; position: relative; } #position ul li:not(:last-child) a i, #position ul li:not(:last-child) span i._bc, #position2 ul li:not(:last-child) a i, #position2 ul li:not(:last-child) span i._bc{ font-size: 6px; color: #888; margin-left: 3px; } #position ul li:last-child a i, #position2 ul li:last-child a i{ display:none;} /*Banners*/ .banner { position: relative; background: #fff url(../img/banner_bg.png) no-repeat center bottom; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 30px; margin-bottom: 60px; } .banner:after, .banner:before { position: absolute; content: ""; z-index: 1; height: 18px; width: 50%; top: 100%; } .banner:after { /*left: 0;background: url(../img/shadow-bg.png) no-repeat top left;*/ z-index: -1;position: absolute;content: ""; right: 5px; width: 15%; top: 50%; -webkit-box-shadow: 0 35px 20px #a0a0a0;-moz-box-shadow: 0 35px 20px #a0a0a0;box-shadow: 0 35px 20px #a0a0a0; -webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);transform: rotate(7deg); } .banner:before { /*right: 0; background: url(../img/shadow-bg.png) no-repeat top right;*/ z-index: -1;position: absolute;content: ""; left: 5px; width: 15%; top: 50%; -webkit-box-shadow: 0 35px 20px #a0a0a0;-moz-box-shadow: 0 35px 20px #a0a0a0;box-shadow: 0 35px 20px #a0a0a0; -webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);transform: rotate(-7deg); } .banner a { position: absolute; top: 35%; right: 30px; } .banner h4 { text-transform: uppercase; font-weight: bold; font-size: 28px; margin: 0; padding: 0; color: #e04f67; font-family: "Tahoma", "Verdana", sans-serif; } .banner h4 span { text-transform: none; color: #555; } .banner p { margin: 0; padding: 0; font-size: 14px; } .banner.colored { background-position: center bottom; background-repeat: no-repeat; background-color: #7dbe14; background-image: url(../img/banner_bg_colored.png); color: #fff; } .banner.colored h4 { color: #fff; } .banner.colored h4 span { color: #FFC; } .banner_img { padding: 0 10px; overflow: hidden; margin-bottom: 10px; } .banner_img2 img { margin: 10px; } /*Preloading*/ #preloader { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; bottom: 0; background-color: #fff; z-index: 999999; } .sk-spinner-wave.sk-spinner { margin: -15px 0 0 -25px; position: absolute; left: 50%; top: 50%; width: 50px; height: 30px; text-align: center; font-size: 10px; } .ie8 .sk-spinner-wave.sk-spinner { display: none; } .sk-spinner-wave div { background-color: #ccc; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } .laptop { margin: auto; margin-top: 20px; } /** Collapse updated v.1.8 **/ .panel { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border-color: #ddd; } .panel-title a { display: block; color: #777; } .panel-default > .panel-heading { background-color: #fff; padding: 20px; } .panel-heading { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-group .panel { border-radius: 3px; } .panel-body { padding: 30px; line-height: 1.6 !important; } .panel-title a .indicator { color: #7dbe14; } .panel-title a:hover .indicator { color: #333; } /** tabs **/ .tab-content { padding: 0px; background-color: #fff; border: 1px solid transparent; border-top: none; margin-bottom: 0px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /** Img frame in general page **/ .img-responsive.styled { margin-top: 20px; border: 5px solid#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .country-gal .img-responsive.styled { cursor:pointer;margin-top: 0px; } /**General icons block **/ .general_icons ul { list-style: none; padding: 0; margin: 0; margin: 30px 0 0 0; } .general_icons ul li { display: inline-block; text-align: center; padding: 0 20px 20px 0; white-space: nowrap; } .general_icons ul li:last-child { padding-right: 0; } .general_icons ul li i { font-size: 36px; display: block; margin-bottom: 10px; } /*============================================================================================*/ /* 4. UPDATES */ /*============================================================================================*/ /*-------- 4.1 Home 7: search function --------*/ #search_container { position: relative; height: 700px; background: #4d536d url(../img/slide_hero.jpg) no-repeat center top; background-size: cover; color: #fff; width: 100%; display: table; z-index: 99; } #search { display: table-cell; vertical-align: middle; padding: 0 20%; padding-top: 100px; } #search .nav-tabs { border-radius: 0; font-size: 12px; border: 0; border-bottom: 1px solid transparent; margin-left: 10px; text-transform: uppercase; } #search .nav-tabs > li > a { border-radius: 0; border: 0; color: #fff !important; } #search .tab-content { border-radius: 0; border: 0; color: #333; } #search .nav-tabs > li > a { background: rgba(0, 0, 0, 0.40); padding-bottom: -2px; } #search .nav-tabs > li.active > a, #search .nav-tabs > li.active > a:hover, #search .nav-tabs > li.active > a:focus { color: #fff; background-color: #e14d67; } .tab-pane h3 { color: #999; margin: 0 0 20px 0; } .tab-pane h3 { color: #999; margin: 0 0 20px 0; } .dd-select { border-radius: 3px !important; border: solid 1px #ccc; position: relative; cursor: pointer; height: 40px; font-weight: normal !important; } .dd-desc { color: #aaa; display: block; overflow: hidden; font-weight: normal; } .dd-selected { overflow: hidden; display: block; padding: 0 0 0 10px !important; font-weight: normal !important; color: #444 !important; } .dd-pointer { width: 0; height: 0; position: absolute; right: 10px; top: 50%; margin-top: -3px; } .dd-pointer-down { border: solid 5px transparent; border-top: solid 5px #999 !important; } .dd-pointer-up { border: solid 5px transparent !important; border-bottom: solid 5px #000 !important; margin-top: -8px; } .dd-option { padding: 10px; display: block; border-bottom: solid 1px #ddd; overflow: hidden; text-decoration: none; color: #333; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; } .dd-options > li:last-child > .dd-option { border-bottom: none; } .dd-options li .dd-option { height: 45px; line-height: 25px !important; } .dd-option:hover { background: #f9f9f9 !important; color: #000; } .dd-option-selected { background: #f9f9f9 !important; color: #444 !important; } .dd-option-image, .dd-selected-image { vertical-align: middle; float: left; margin-right: 10px !important; max-width: 64px; } .dd-image-right { float: right; margin-right: 15px; margin-left: 5px; } .dd-container { position: relative; } ​ label.dd-selected-text { font-weight: normal !important; } .dd-option-text { line-height: 14px !important; } .dd-selected-image { margin-top: 7px; } .dd-select label, .dd-options label { font-weight: normal !important; cursor: pointer !important; } .radio_fix { float: left; margin-top: 35px; } /*-------- 4.1 Faq --------*/ #faq h2 { margin: 0 0 20px 0; font-size: 24px; } /*-------- 4.2 Pricing tables --------*/ .plans { margin: 0px auto 50px; zoom: 1; } .plans:before, .plans:after { content: ''; display: table; } .plans:after { clear: both; } .plan { margin: 10px 0; padding: 20px; text-align: center; background: #fff; background-clip: padding-box; border: solid #dddddd; min-height: 435px; border-width: 1px 0 1px 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .col-md-4.plan:first-child { margin-right: -30px; margin-left: 30px; } .plan:last-child { border-width: 1px; } .plan-title { position: relative; margin: -20px -10px 20px; padding: 20px; line-height: 1; font-size: 18px; text-transform: uppercase; font-weight: bold; border-bottom: 1px dotted #ccc; } .plan-title:before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; } .plan-price { margin: 0 auto 20px; width: 110px; height: 110px; line-height: 110px; font-size: 30px; font-weight: bold; color: white; background: #4b4b4b; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; display: inline-block; text-align: center; font-family: "Helvetica Neue", Verdana; } .plan-price > span { font-size: 12px; font-weight: normal; color: rgba(255, 255, 255, 0.9); } .plan-features { margin-bottom: 20px; line-height: 2; font-size: 12px; text-align: center; } ul.plan-features { padding: 0; margin: 0 0 30px 0; } .plan-features li { list-style: none; } .plan-tall { margin: 0; background: #fff; border-width: 1px; border-radius: 4px; margin-right: -30px; position: relative; z-index: 100; border: solid #83c99f; position: relative; } .ribbon_table { width: 99px; height: 97px; position: absolute; left: -7px; top: -7px; display: block; background: url(../img/ribbon.png) no-repeat 0 0; z-index: 101; } .plan-tall > .plan-title { font-size: 18px; } .plan-tall > .plan-price { margin: 0 auto 20px; height: 130px; width: 130px; line-height: 130px; font-size: 30px; font-weight: bold; color: white; background: #f26d7d; border-radius: 130px; -webkit-border-radius: 130px; -moz-border-radius: 130px; display: inline-block; text-align: center; } .plan-tall > .plan-features { font-size: 14px; } .plan-tall > .plan-button { padding: 0 16px; line-height: 32px; } .plan-tall + .plan { border-left: 0; } /* Pricing tables style 2 */ #pricing_2 { margin-top: 20px; } .ribbon_2 { width: 99px; height: 97px; position: absolute; left: -5px; top: -5px; display: block; background: url(../img/ribbon.png) no-repeat 0 0; z-index: 101; } .pricing-table { text-align: center; font-weight: 400; margin-bottom: 30px; background: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; padding-bottom: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .pricing-table:hover { -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5); } .pricing-table.green { text-align: center; font-weight: 400; } .pricing-table.black { text-align: center; font-weight: 400; } .pricing-table-sign-up { border-top: 1px solid #ededed; padding: 10px 10px 5px 10px; text-align: center; margin-top: 30px; } .pricing-table-features p { padding: 10px 20px; text-align: center; margin: 10px 0; } .pricing-table-features p:nth-child(2n) { background: #f8f8f8; padding: 10px 0; } .pricing-table-features, .pricing-table-space { background: #fff; } .pricing-table p { padding: 5px; margin-top: 5px; font-size: 110%; font-weight: 400; background: #fff; } .pricing-table p strong { font-weight: 600; } .pricing-table .pricing-table-header { color: #fff; padding: 0px; } .pricing-table-header .heading { display: inline-block; width: 100%; padding: 15px 0px; text-transform: uppercase; font-weight: 800; font-size: 18px; } .pricing-table.green .heading { background: #83c99f; } .pricing-table.black .heading { background: #333333; } .pricing-table .pricing-table-header .price-value { background: #fff; } .pricing-table.green .pricing-table-header .price-value { background: #fff; } .pricing-table.black .pricing-table-header .price-value { background: #fff; } .pricing-table-header .price-value { display: inline-block; width: 100%; padding: 10px 0px; background: #1ABC9C; font-family: "Helvetica Neue", Verdana; font-weight: bold; color: #555; border-bottom: 1px solid #ededed; margin-bottom: 15px; } .pricing-table-header .price-value span { font-weight: 800; font-size: 36px; line-height: 36px; } .pricing-table-header .price-value span.mo { font-size: 22px; font-weight: 400; } .question_box h3 { font-size: 18px; text-align: left; line-height: 22px; margin-bottom: 10px; } .question_box { padding-left: 40px; position: relative; margin-bottom: 30px; } .question_box:before { content: "\ec7e"; font-family: "fontello"; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 30px; position: absolute; color: #999; top: 5px; left: 0; } /*-------- 4.3 Common --------*/ .badge_save { position: absolute; top: 0; right: 0; width: 65px; height: 77px; color: #fff; text-align: center; text-transform: uppercase; background: url(../img/badge_save.png); font-size: 11px; line-height: 12px; padding-top: 32px; } .badge_save strong { display: block; font-size: 14px; font-weight: bold; } .input-group input { height: 34px; } /* Promo_full (v.1.7)*/ .promo_full { height: auto; background: url(../img/home_bg_2.jpg) no-repeat center center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; } .promo_full_wp { display: table; width: 100%; height: auto; } .promo_full_wp > div { display: table-cell; padding: 10% 15%; vertical-align: middle; text-align: center; color: #fff; font-size: 16px; } .promo_full_wp div h3 { font-size: 48px; text-transform: uppercase; font-weight: bold; color: #fff; } .promo_full_wp div a i { color: #fff; opacity: 0.5; font-size: 72px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .promo_full_wp div a:hover i { opacity: 1; } /* Map filter (v.1.8)*/ #map_filter { position: fixed; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 2; width: 100%; } #map_filter ul { margin: 0; padding: 0; list-style: none; text-align: center; } #map_filter ul li { display: inline-block; text-align: center; } #map_filter ul li a { display: inline-block; padding: 15px; color: #444; min-width: 120px; margin: 0 -3px; } #map_filter ul li a:hover, #map_filter ul li a.active { background-color: #fff; color: #e04f67; } #map_filter ul li a i { display: block; font-size: 36px; margin: 5px 0; } #carousel-id > .left, #carousel-id2 > .left { position: absolute; top: 45%; left: 1%; background: transparent; z-index: 500; } #carousel-id > .right, #carousel-id2 > .right { position: absolute; top: 45%; right: 1%; background: transparent; z-index: 500; } #carousel-id > .left > div, #carousel-id2 > .left > div { background: #000; border-radius: 100px; width: 45px; position: relative; display: block; padding-right: 40px; } #carousel-id > .right > div, #carousel-id2 > .right > div { background: #000; border-radius: 100px; width: 45px; position: relative; display: block; padding-right: 40px; float: right; } #carousel-id .carousel-caption > div > h2 { color: #fff; margin-bottom: 25px; z-index: 100; } #carousel-id .carousel-caption > div > h2 > span { color: #fff; font-size: 30px; /*font-family: Roboto, sans-serif;*/ } #carousel-id .carousel-caption p { margin-bottom: 25px; font-size: 20px; } .austria { width: 100%; position: relative; display: block; } .austria img { width: 100%; position: relative; } .caption { position: absolute; color: #fff; top: 25%; left: 0; width: 100%; text-align: center; font-size: 16px; font-weight: bold; text-transform: uppercase; font-family: "Tahoma", "Verdana"; z-index: 100; } .caption i { display: block; margin-bottom: 30px; font-size: 32px; } #carousel-id2 .carousel-caption { top: 35%; left: 0; width: 100%; text-align: center; z-index: 100; } #carousel-id2 .carousel-caption > div { margin: 0 auto; font-size: 36px; font-weight: 900; font-family: 'Tahoma', 'Verdana'; z-index: 5; margin-bottom: 0px; text-transform: uppercase; } #carousel-id2 .item { max-height: 600px; } .header_search { height: 40px; padding: 0 0px; width: 100%; margin-right: 1%; float: left; /* border-color: white;*/ } .sticky + script + div[itemscope]{ background: #fff; } .blog-content { max-width: 855px; font-size: 17px; line-height: 27px; color: #333; } /* mob */ @media screen and (max-width: 767px){ .blog-content { font-size: 18px; line-height: 30px; } } .blog-content p:last-child { margin-bottom: 0; } .blog-content.center-block { max-width: 750px; } .blog-content.centered { max-width: 780px; float: none; margin: 0 auto; } .blog-content .list_ok, .blog-content .list_ok2, .blog-content .list_ok3 { padding-bottom: 20px; } #content-top .blog-content p:first-child, #content-top .blog-content h2:first-child { margin-top: 40px; } #content_center ~ .blog-content p:first-child, #content_center ~ .blog-content h2:first-child { margin-top: 40px; } @media screen and (max-width: 767px) { .blog-content.center-block div div, .blog-content.center-block div div div { margin-bottom: 35px !important; } #content-top .blog-content p:first-child, #content-top .blog-content h2:first-child { margin-top: 35px; } #content_center ~ .blog-content p:first-child, #content_center ~ .blog-content h2:first-child { margin-top: 35px; } } .aside_search { height: 37px; padding: 0 10px; width: auto; max-width: 100%; display: block; margin-right: 1%; border: 1px solid #ddd; background-color: white; } #slide2 { /*background: url(../img/slide1_new.jpg) no-repeat 0 0;*/ overflow: hidden; background-size: cover; width: 100%; height: 600px; } #slide3 { /*background: url(../img/slide2_new.jpg) no-repeat 0 0;*/ overflow: hidden; background-size: cover; width: 100%; height: 600px; } #slide4 { background: url(../img/resorts.jpg) no-repeat 0 0; overflow: hidden; background-size: cover; width: 100%; height: 600px; } .slideMain { overflow: hidden; background-size: cover; width: 100%; height: 600px; } @media(max-width: 1140px) { .soveti { margin: 10px 0 30px; } } .soveti { display: block; margin: 10px 0 30px; } .parallax-content-1 div h1::before, .parallax-content-1 div h1::after { text-transform: uppercase; } .opis { color: #565a5c; font-size: 15px; } .opis + .list_order{ font-size: 15px; } .opis + .list_order li span{ font-size: 15px; } .mask { background-color: rgba(0, 0, 0, .5); height: 100%; position: absolute; width: 100%; top: 0; left: 0; z-index: 99; } .mask2 { background-color: rgba(243, 176, 10, 0.5); height: 100%; position: absolute; width: 100%; top: 0; left: 0; z-index: 99; } .mask_white { background-color: rgba(255, 255, 255, .5); height: 100%; position: absolute; width: 100%; top: 0; left: 0; z-index: 99; } .report-text h2 { margin-top: 0; font-size: 22px; } .like { margin-top: -10px; } .comment_right p { margin: 0; } .recommend { padding-top: 10px; } .fonts17 { font-size: 17px !important; line-height: 23px; } .fonts16 { font-size: 16px !important; } .fonts14 { font-size: 14px !important; } .welcome p { font-size: 16px; padding-right: 100px; line-height: 23px; } .welcome2 { padding: 0px 20px; margin: 20px 0 30px; } .welcome { padding: 0px 20px; background: #f8f8f8; } .welcome img { max-width: 100%; } .welcome2 img { width: 100%; } .del_btn_top { padding-right: 0; height: 30px; } .del_btn_top button { height: 40px; width: 60%; } .del_btn_top2 button { height: 44px !important; width: 44px; border: none; border-radius: 3px; color: #fff; background: #ed3b23; } .delete, .delete2 { padding: 0px 0px 0px 10px; } .owl-pagination { display: none; } .delete button { height: 40px; } .delete2 button { height: 35px; } .rev_add { margin-right: 15px; padding: 0; } @media screen and (max-width: 767px) { .kidsAgeBox .rev_add { margin-bottom: 0; } } .kids { border-left: 1px solid #ddd; padding-left: 40px; position: relative; margin-left: 20px; } .kids h2 { margin-top: 10px; margin-bottom: 0px; } .kids p { margin: 0px; } .padding-left-none { padding-left: 0 !important; } .krug { background-color: #fc8a33; border-radius: 50%; color: #fff; font-size: 18px; height: 40px; top: 0; left: -20px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 999; } .turi_foto { max-width: 180px; } .sp-fade-arrows { opacity: 1 !important; } .test_icon li { display: inline-block; float: left; margin: 5px; } .test_icon i { font-size: 36px !important; margin-left: 15px !important; margin-right: 15px !important; } [class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after { font-family: Flaticon; font-style: normal; margin-left: 5px !important; margin-right: 5px !important; } .add_otziv { margin-top: 20px; } .add_otziv .score_detail { margin-bottom: 0; white-space: nowrap; } @media screen and (max-width: 991px){ /*.blog-content .add_otziv{ margin-top: 50px; }*/ .add_otziv.otzivi_zagol{ margin-top: 0; } .add_otziv .score_detail{ margin-bottom: 20px; } } @media screen and (max-width: 340px){ .add_otziv .score_detail{ font-size: 13px; } } .magnific-gallery a img { padding: 0 5px 0 0; padding-bottom: 10px; margin-bottom: 10px; object-fit: cover; } .review-photo.carousel{ height: 100px; overflow: hidden; padding-bottom: 20px; margin: -25px 0 45px; border-bottom: 1px dashed #ddd; white-space: nowrap; letter-spacing: 0; font-size: 0; } .review-photo.carousel:last-child, .review_strip_single:last-child{ margin-bottom: 0; } .review-photo.carousel .item{ display: inline-block; margin-right: 15px; } .review-photo.carousel .item img { position: relative; display: block; object-fit: cover; height: 80px!important; margin: 0; padding: 0; border: 0; width: 135px!important; cursor: pointer; } .carousel.magnific-gallery.owl-carousel.owl-theme{ border-bottom: 1px dashed #ddd; margin: -40px 0 60px; } @media screen and (max-width: 767px){ .review-photo.carousel{ margin-bottom: 40px; margin-top: -20px; } } @media only screen and (max-width: 720px) { aside { webkit-box-shadow: none; box-shadow: none; } } .tile-inner:hover:before { font-style: normal; font-weight: bold; font-family: "icon_set_1"; content: "\4a"; font-size: 50px; opacity: 1; color: #fff; position: absolute; z-index: 9999; top: 47%; left: 47.5%; cursor: pointer; } .socials { max-width: 285px; text-align: center !important; margin: 45px auto 0; } .socials2 { max-width: 285px; text-align: center !important; margin: 0 auto 10px; } @media screen and (max-width: 767px) { .socials { margin-top: 30px; } .socials2 { margin-top: 0px; /*25*/ } } .mob_p_b0 { padding-bottom: 0px !important; } .mob_m_b0 { margin-bottom: 0px !important; } .public_info .author { color: #ccc; } .list_resorts a { color: #111; } .list_resorts a:hover { color: #51bce6; } /*Auth and Cabinet forms*/ #RemForm { display: none; color: #565a5c; } #succesRememberInfoBox { display: none; margin: 10px 20px; color: #565a5c; } .form-group { position: relative; } form .form-group .error { display: none; position: absolute; bottom: -14px; left: 0; background-color: #f38575; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; height: 14px; line-height: 14px; padding: 0 3px; font-size: 12px; color: #fff; } form .form-group.error div.error { display: block; } .blog-content .control_point .error { display: none; float: left; background-color: #f38575; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; height: 14px; line-height: 14px; padding: 0 3px; font-size: 12px; color: #fff; } .blog-content .control_point.error .error { display: block; } #collapseFilters hr { margin-bottom: 30px; } .wtg-pad { padding-bottom: 30px; } .pub-aside { margin-left: 15px; } .icon_set_1_icon { color: #f4813f; } .img_container img { width: 100%; } .country_content .blog-content > div {margin: 0 0 20px 0;} .blog-content h2 {font-size: 24px;margin-top: 15px;} .blog-content h2.kid-fz-22{font-size: 22px;} @media screen and (max-width: 767px){ .blog-content h2.kid-fz-23_mob{font-size: 23px;} } .country_content .blog-content h2 { margin-top: 45px; } .country_content .blog-content h2.is--section-title-h2{ font-size: 26px; } /* mob */ @media screen and (max-width: 767px){ .country_content .blog-content h2.is--section-title-h2{ font-size: 28px; } } .blog-content h2.kid-h2, .country_content .blog-content h2.kid-h2{color:#fff;margin:0;padding:0;font-size:34px;line-height:40px;} .blog-content h2.kid-h2.kid-color-black333, .country_content .blog-content h2.kid-h2.kid-color-black333{color:#333;} .blog-content .kid-default-banner200 .kid-h2, .country_content .blog-content .kid-default-banner200 .kid-h2{ font-size: 24px; line-height: 24px; -webkit-font-smoothing: antialiased; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700 !important; } .feature_home > .text { margin: 0 0 20px; font-size: 14px; } .feature_home > .btn_1 { font-family: 'Verdana', sans-serif; font-size: 13px; } @media (max-width: 767px) { .container.country_content { margin-top: 40px; } #search_bar_container p{ display: none; } } ul#collapseCats { margin-top: 10px; } ul#collapseDirs { margin-top: 10px; } #collapseFilters4 hr , #collapseFilters3 hr{ margin-bottom: 30px; } #addPhoto a:focus { color: #51bce6; } .post_one .post_info { border-bottom: 1px #ccc dashed; } .review_strip_single .post_info { border: none; padding: 0; margin: 0px!important; } .review_strip_single + .carousel.magnific-gallery.owl-carousel.owl-theme { padding-bottom: 20px; margin: -40px 0 40px; } .show-more-cards, .show-all-cards { display: inline-block!important; margin: 0 0 15px; vertical-align: bottom; } .show-all-cards { padding: 8px 18px!important; color: rgb(81, 188, 230)!important; border: 2px solid rgb(81, 188, 230)!important; } .show-all-cards i { color: inherit; } .show-all-cards span { color: inherit; font-size: inherit; font-family: inherit; } .show-all-cards:hover { color: #fff!important; border: 2px solid #000!important; background: #000!important; } @media (max-width: 360px) { .show-all-cards span { display: none; } } @media (max-width: 650px) { .slide ul { display: none; } } aside tr td:last-child { word-break: break-word; } aside.hotel_aside { font-size: 13px; } @media screen and (max-width: 991px){ aside.hotel_aside{ margin-top: 0; padding-top: 0; } } @media screen and (max-width: 767px) { aside.hotel_aside table { margin-bottom: 0; } } .empty { width: 100%; max-width: 350px; font-family: 'Verdana', sans-serif; margin: 40px auto; } /* @media (max-width: 480px) { .post-left { width: 250px; } } @media (max-width: 360px) { .post-left { width: 180px; } } */ .items-container { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .items-container .list_resorts { width: 25%; padding: 0 10px; font-size: 14px; } @media (max-width: 991px) { .items-container .list_resorts { width: 50%; } } @media (max-width: 480px) { .items-container .list_resorts { width: 100%; } } .btn-after-captcha { display: inline-block; width: auto; margin-top:20px; } .btn-after-captcha input { padding-left: 25px!important; padding-right: 25px!important; margin-bottom: 0; } .g-recaptcha + .form-group { margin-top: 15px } #sanatoriums_com_form.wideSanForm, #sanatoriums_com_form.narrowSanForm { background-color: rgba(0, 0, 0, 0.4); border: none; margin: 0 auto; max-width: none !important; } #sanatoriums_com_form.wideSanForm form, #sanatoriums_com_form.narrowSanForm form { width: 100%; margin: 0 auto !important; } @media (min-width: 480px) { #sanatoriums_com_form.wideSanForm form, #sanatoriums_com_form.narrowSanForm form { width: 80%; } } @media (min-width: 768px) { #sanatoriums_com_form.wideSanForm form, #sanatoriums_com_form.narrowSanForm form { width: 576px; } } @media (min-width: 992px) { #sanatoriums_com_form.wideSanForm form, #sanatoriums_com_form.narrowSanForm form { width: 752px; } } @media (min-width: 1200px) { #sanatoriums_com_form.wideSanForm form, #sanatoriums_com_form.narrowSanForm form { width: 912px; } } #sanatoriums_com_form.wideSanForm form, #sanatoriums_com_form.narrowSanForm form { border: none; } .intro_title h1.sanatoriums-title { font-size: 36px; text-transform: uppercase; font-weight: bold; color: #fff; position: relative; } .intro_title h1:before, .intro_title h1:after { display: inline-block; width: 50px; height: 1px; content: ''; vertical-align: middle; background: rgba(255, 255, 255, 0.5); } .intro_title h1:before { margin-right: 10px; } .intro_title h1:after { margin-left: 10px; } #hero p { text-transform: none; margin-bottom: 40px; } div#sanatoriums_com_form.wideSanForm { min-height: 180px !important; } #sanatoriums_com_form.wideSanForm select, #sanatoriums_com_form.narrowSanForm select { background: #ffffff !important; border-color: rgb(169, 169, 169) !important; } #sanatoriums_com_form #sanatoriums_com_inp_phr, #sanatoriums_com_form #sanatoriums_com_inp_ar, #sanatoriums_com_form #sanatoriums_com_inp_de, #sanatoriums_com_form #sanatoriums_com_label_ar, #sanatoriums_com_form #sanatoriums_com_label_de, #sanatoriums_com_form #sanatoriums_com_label_ro, #sanatoriums_com_form #sanatoriums_com_label_se, #sanatoriums_com_form #sanatoriums_com_inp_ro, #sanatoriums_com_form #sanatoriums_com_inp_se, #sanatoriums_com_form #sanatoriums_com_btn { width: 30% !important; text-align: left; text-shadow: none !important; } #sanatoriums_com_form #sanatoriums_com_inp_phr, #sanatoriums_com_form #sanatoriums_com_inp_ro, #sanatoriums_com_form #sanatoriums_com_inp_se, #sanatoriums_com_form #sanatoriums_com_btn { height: 40px !important; } #sanatoriums_com_form #sanatoriums_com_btn { background: #8cc137 !important; border-radius: 3px; padding: 0 10px !important; text-align: center; top: 115px !important; left: 67% !important; text-shadow: none !important; font-size: 16px; text-transform: uppercase; } #sanatoriums_com_form #sanatoriums_com_inp_phr { width: 30%; top: 35px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_inp_de { top: 35px !important; left: 67% !important; } #sanatoriums_com_form #sanatoriums_com_inp_ar { top: 35px !important; left: 35%; } #sanatoriums_com_form #sanatoriums_com_label_ar { top: 15px !important; left: 35% !important; } #sanatoriums_com_form #sanatoriums_com_label_de { top: 15px !important; left: 67% !important; } #sanatoriums_com_form #sanatoriums_com_label_ro { top: 95px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_inp_ro { top: 115px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_label_se { top: 95px !important; left: 35% !important; } #sanatoriums_com_form #sanatoriums_com_inp_se { top: 115px !important; left: 35% !important; } #sanatoriums_com_form #sanatoriums_com_inp_de .sanatoriums_com_calendar, #sanatoriums_com_form #sanatoriums_com_inp_ar .sanatoriums_com_calendar { position: absolute; top: 0; right: 0; } #sanatoriums_com_form #sanatoriums_com_inp_ar select.sanatoriums_com_month, #sanatoriums_com_form #sanatoriums_com_inp_de select.sanatoriums_com_month { width: 73% !important; height: 40px !important; } #sanatoriums_com_form #sanatoriums_com_inp_ar .sanatoriums_com_calendar, #sanatoriums_com_form #sanatoriums_com_inp_de .sanatoriums_com_calendar { width: 40px !important; height: 40px !important; background-size: 100% auto !important; } #sanatoriums_com_form #sanatoriums_com_inp_ar select.sanatoriums_com_day, #sanatoriums_com_form #sanatoriums_com_inp_de select.sanatoriums_com_day { height: 40px !important; min-width: 0 !important; } #sanatoriums_com_form h2 { display: none !important; } @media (max-width: 767px) { div#sanatoriums_com_form.wideSanForm { height: 420px !important; } #sanatoriums_com_form.wideSanForm { margin-bottom: 100px; } #hero.sanatoriums-hero { height: auto; padding-top: 60px; } .intro_title h1.sanatoriums-title { font-size: 24px !important; } .intro_title h1:before, .intro_title h1:after { display: none; } #sanatoriums_com_form #sanatoriums_com_inp_phr, #sanatoriums_com_form #sanatoriums_com_inp_ar, #sanatoriums_com_form #sanatoriums_com_inp_de, #sanatoriums_com_form #sanatoriums_com_label_ar, #sanatoriums_com_form #sanatoriums_com_label_de, #sanatoriums_com_form #sanatoriums_com_label_ro, #sanatoriums_com_form #sanatoriums_com_label_se, #sanatoriums_com_form #sanatoriums_com_inp_ro, #sanatoriums_com_form #sanatoriums_com_inp_se, #sanatoriums_com_form #sanatoriums_com_btn { width: 94% !important; } #sanatoriums_com_form #sanatoriums_com_label_ar { top: 88px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_inp_ar { top: 105px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_label_de { top: 158px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_inp_de { top: 175px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_inp_ro { top: 245px !important; } #sanatoriums_com_form #sanatoriums_com_inp_se { top: 315px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_btn { top: 365px !important; left: 3% !important; } #sanatoriums_com_form #sanatoriums_com_label_ro { top: 228px !important; } #sanatoriums_com_form #sanatoriums_com_label_se { top: 298px !important; left: 3% !important; } #hero p { margin-bottom: 15px; } } .soveti { font-size: 14px; color: inherit; padding-top: 0; padding-bottom: 15px; } .article-full .soveti p{ font-size: 16px; line-height: 27px; color: #333; } .soveti:hover { color: inherit; } select { font-size: 13px; } @media screen and (max-width: 376px) { select { font-size: 16px !important; } } .pagination { font-size: 14px; } .camp_spis { font-size: 14px; } @media (max-width: 767px) { .camp_spis { font-size: 12px; overflow: auto; } .camp_spis .table { min-width: 300px; margin-bottom: 0; } } .camp_spis-price span { white-space: nowrap; } .camp_spis-price span { font-weight: normal; } .camp-page { } .camp-page .slider-pro { margin-bottom: 25px; } .camp-page .list_ok { padding-bottom: 0; } .camp-page .list_ok ul li:last-child { padding-bottom: 0; } .camp-page .camp_spis { margin-bottom: 60px; } .modal.modal-window { position: fixed; margin: 0; padding: 0; background: transparent; z-index: 99999; } .modal.modal-window .modal-header, .modal.modal-window .modal-body { padding: 15px 30px; } .modal.modal-window .close { background: transparent; } .modal-open { overflow: hidden !important; } .activity-page .main_title { margin-bottom: 0 !important; } .activity-page .main_title3 + hr + .row div:last-child a, .blog-content .main_title3 + hr + .row div:last-child a, .activity-page .main_title3 + hr + .row div:nth-last-child(2) a { margin-bottom: 0; } .activity-page .main_title3 + hr + .row + .row a { margin-bottom: 0; } @media screen and (max-width: 767px) { .activity-page .main_title3 + hr + .row div:nth-last-child(2) a { margin-bottom: 30px; } } .camp_order_s { font-size: 13px; } b .rouble { font-weight: normal; } .price-number-old { font-size: 18px; position: relative; color: #a5a5a5; } .price-number-old__wrap { display: inline-block; vertical-align: top; position: relative; font-weight: normal; } .price-number-old__wrap:after { content: ''; position: absolute; bottom: 60%; border-top: solid 1px #a5a5a5; left: 0; width: 100%; } .price-number-label { font-size: 13px !important; font-weight: normal !important; } .price-label { font-size: 13px !important; font-weight: normal !important; } .article-info { font-size: 17px; margin-top: 120px; margin-bottom: -90px; padding: 0; font-weight: normal; } .article-info li { display: inline-block; margin: 0 5px; } .article-info li:first-child { margin-right: 60px; } .article-info li a { color: inherit; } .article-info li a:hover { color: #51bce6; } @media (max-width: 767px) { .article-info { margin-top: 15px; margin-bottom: 0; } .article-info li:first-child { margin-right: 5px; display: block; margin-bottom: 5px; } } .article-full { padding-bottom: 60px; } .article-full__content { background: #ffffff; margin-bottom: 30px; color: #60646a; font-family: Verdana, sans-serif; font-size: 16px; } .article-full__content img { border-radius: 5px; } /* changed temporarily */ /* .article-full__content p { margin-bottom: 50px; } */ .article-full__content h2 { color: #464a4f; font-size: 22px; margin-top: 45px; } .article-full__content h2.kid-h2{color:#fff;margin:0;padding:0;font-size:34px;line-height:40px;} .article-full__content .blog-content { /* font-size: 16px; line-height: 30px;*/ } /* changed temporarily end*/ .article-full__content_padding { padding-top: 40px; } @media screen and (max-width: 767px) { .article-full__content_padding { padding-top: 35px; } } .article-full img{ max-width: 100%; cursor: pointer; } .article-full .like { border-top: solid 1px #e9ebf2; margin-top: 43px; padding: 28px 0; } @media screen and (max-width: 767px) { .article-full .like { margin-top: 37px; } } .article-full .like h4 { font-family: Verdana, sans-serif; font-weight: normal !important; color: #60646a; } .article-full .like .btn_1 { font-size: 18px; font-weight: normal; text-transform: none; } .article-social { text-align: right; list-style-type: none; margin: 0 0 30px; padding: 0; font-size: 0; } .article-social li { display: inline-block; vertical-align: top; margin-left: 20px; font-size: 18px; text-align: center; } .article-social li.article-social__hidden { display: none; } .article-social.is-open li.article-social__hidden { display: inline-block; } .article-social.is-open li.article-social__showed { display: none; } .article-social li a { display: block; width: 36px; height: 36px; border-radius: 50%; line-height: 36px; text-decoration: none; color: #ffffff; } .article-social li a i:before { margin: 0; width: auto; } .article-social li a.article-social__more { color: #f4813f; border: solid 2px #f4813f; line-height: 32px; } .article-social__fb { background: #3b5997; } .article-social__tw { background: #54aced; } .article-social__vk { background: #4d75a1; } .article-social__ok { background: #ee8208; } .article-social__pr { background: #bd081c; } .article-social__at { background: #07c; } .article-quote { color: #878c94; font-size: 20px; font-style: italic; line-height: 36px; margin-bottom: 30px; } .article-contents { background: #f7f9fb; border-left: solid 4px #51bce6; border-radius: 3px; padding: 15px 25px 20px; margin-bottom: 30px; } .article-contents ol { padding-left: 20px; margin-bottom: 0; } blockquote, .article-blockquote { background: #f7f9fb; border-left: solid 4px #a3cc0e; border-radius: 3px; padding: 18px 25px 22px; margin: 42px 0 40px 40px; font-style: italic; font-size: 16px; line-height: 27px; color: #333; } .article-recommend { background: #f7f9fb; border-left: solid 4px #f4813f; border-radius: 3px; padding: 10px 20px; margin-bottom: 30px; font-style: italic; } .article-image-half { float: left; width: 50%; } @media (max-width: 767px) { .c-table-scroll { overflow: auto; } .c-table-font-12 { font-size: 12px; } blockquote, .article-blockquote { margin-top: 37px; margin-bottom: 35px; margin-left: 30px; font-size: 17px; line-height: 30px; } } .c-table-width-300 { min-width: 300px; } .comments-title { font-weight: 700; font-size: 30px; color: #333; } @media screen and (max-width: 768px){ .comments-title{ margin-bottom: 15px; } } .article-categories { background: #ffffff; box-shadow: 0 1px 4px rgba(38, 35, 31, 0.3); border-radius: 5px; padding-top: 15px; margin: 20px 0; } .article-categories__title { color: #464a4f; font-size: 24px; padding: 0 20px; margin-bottom: 20px; } .article-categories__list { list-style-type: none; padding: 0 20px; margin: 0 0 15px; font-size: 14px; } .article-categories__list li { position: relative; margin-bottom: 5px; } .article-categories__list li span { position: absolute; color: #848994; right: 0; } .article-categories__more { border-top: solid 1px #d8e0e6; text-align: center; font-size: 14px; padding: 8px; } .article-categories__hidden { display: none; } .is-opened .article-categories__hidden { display: block; } .side-login-mobile { padding: 15px; font-size: 13px; } .hotel_container img { width: 100%; } .activity-page img, .hotels-page img, .country_content img, .camp-page img { width: 100%!important; height: auto!important; } #carousel-id > .left > div > img, #carousel-id2 > .left > div > img { left: -2px; height: 30px!important; margin: 8px 0; overflow: hidden; position: relative; width: auto!important; } #carousel-id > .right > div > img, #carousel-id2 > .right > div > img { right: -12px; height: 30px!important; margin: 8px 0; overflow: hidden; position: relative; width: auto!important; } #tools .bt_filters { display: inline-block; margin: 5px 0 5px 5px; } #tools .bt_filters.active { background: #2489c5; color: #fff; border: 1px solid #2489c5; } #tools .btn-margin { display: inline-block; width: auto; min-width: 175px; max-width: 100%; margin: 5px 0; } .icheckbox_square-blue, .iradio_square-blue { margin: 0 10px 0 0!important; } #filters_col { padding: 0!important; border: none!important; background: none!important; } #filters_col_bt { font-family: Tahoma, 'Verdana', sans-serif; font-weight: 700; } .filter_title { font-size: 18px; font-family: Tahoma, 'Verdana', sans-serif; font-weight: 700; margin: 10px 0; position: relative; } .filter_title:after { content: ''; display: block; clear: both; } .filter_type-clear { display: inline-block; vertical-align: bottom; font-size: 12px; font-weight: 300; position: relative; margin: 0; margin-bottom: 35px; } .filter_type select, .filter_type label { font-size: 13px; } .filter_type select { width: 100%; } .filter_check-amount { font-size: 11px; } #tools #filters-control { display: none; } .col-controls { display: flex; justify-content: flex-end; align-items: center; text-align: right; } #changeHotelsView { order: 1; } #changeHotelsView-list { order: 2; } #filters-control { order: 3; } #filters-map { order: 4; } #collapseFilters { margin: -44px 0 0; } .footer-links { margin: 20px 0 0; } .header-email { font-family: 'Verdana', sans-serif; font-size: 12px; color: #fff; text-decoration: none; } .header-email:hover { text-decoration: underline; color: #fff; } @media(max-width: 991px) { #tools #filters-control { display: inline-block; } #collapseFilters { margin: 15px 0 0; display: none; } .col-controls { float: left; text-align: left; justify-content: flex-start; } .col-select { float: right; text-align: right; } #changeHotelsView { order: 3; } #changeHotelsView-list { order: 4; } #filters-control { order: 1; } #filters-map { order: 2; } #tools .bt_filters { display: inline-block; margin: 10px 5px 10px 0; } } @media(max-width: 767px) { #tools #changeHotelsView, #tools #changeHotelsView-list { display: none; } .tour_list_desc.full-width { padding: 10px 20px 0; } } #tools .bt_filters { display: inline-block; margin: 0 0 0 5px; } #tools .bt_filters.active { background: #2489c5; color: #fff; border: 1px solid #2489c5; } #tools .bt_filters.active_blue25{ background: #2489c5; color: #fff; border: 1px solid #2489c5; } #tools .aside_search { display: inline-block; margin: 0; width: 267px; } @media(max-width: 1199px) { #tools .aside_search { width: 225px; } } #tools .btn-margin { display: inline-block; width: auto; min-width: 175px; max-width: 100%; margin: 5px 0; } .icheckbox_square-blue, .iradio_square-blue { margin: 0 10px 0 0!important; } #filters_col { padding: 0!important; border: none!important; background: none!important; } #filters_col_bt { font-family: Tahoma, 'Verdana', sans-serif; font-weight: 700; } .filter_title { font-size: 18px; font-family: Tahoma, 'Verdana', sans-serif; font-weight: 700; line-height: normal; margin: 0 0 10px 0; position: relative; } .filter_title:after { content: ''; display: block; clear: both; } .filter_type select, .filter_type label { font-size: 15px; font-family: 'Verdana', sans-serif; } @media screen and (max-width: 767px){ .filter_type select, .filter_type label {font-size: 17px;} } .filter_type select { width: 100%; } .filter_type, .filter_type .filter_type { margin: 0 0 35px; } .filter_type:last-child, .filter_type .filter_type:last-child { margin-bottom: 0; } .filter_type .kid-icons-arrow-down, .filter_type .kid-icons-arrow-top{ font-size: 8px; } @media screen and (max-width: 767px) { .filter_type, .filter_type .filter_type { margin-bottom: 35px; } } @media screen and (max-width: 991px) { .filter_type:last-child, .filter_type .filter_type:last-child { margin-bottom: 30px; } } .filter_check-amount { font-size: 11px; } #tools #filters-control { display: none; } .col-controls { display: flex; justify-content: flex-end; align-items: center; text-align: right; } #changeHotelsView { order: 1; } #changeHotelsView-list { order: 2; } #filters-control { order: 3; } #filters-map { order: 4; } #content_top #content_center { margin-bottom: 40px; } .strip_all_tour_list { margin: 0 0 25px!important; } .strip_all_tour_list:first-of-type { margin-top: 20px; } .strip_all_tour_list:last-child{ margin-bottom: 0 !important; } #collapseFilters { margin: -67px 0 0; } @media screen and (max-width: 720px){ #collapseFilters{ top: 0; } } #carousel-id2 .carousel-caption .carousel-title { font-family: 'Tahoma', 'Verdana', sans-serif; font-size: 36px; line-height: 40px; color: #fff; margin: 10px 0 20px; } #carousel-id2 .carousel-caption .carousel-title::before, #carousel-id2 .carousel-caption .carousel-title::after { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 50px; } .carousel-title2{ line-height: 1.2em; } #carousel-id2 .carousel-caption{ padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 991px){ .carousel-title2{ font-size: 36px; } } @media screen and (max-width: 767px){ .carousel-title2{ font-size: 24px; } #carousel-id2 .carousel-caption + p{ display: none; } } footer .subtitle { font-size: 16px; color: #fff; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700; margin: 20px 0 10px; } .banner .subtitle { text-transform: uppercase; font-size: 28px; padding: 0; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700; color: #fff; margin: 0 0 5px; } .banner p { text-transform: none; color: #fff; margin: 0; padding: 0; font-size: 14px; } .review-subtitle { font-size: 14px; font-family: "Tahoma", "Verdana" sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.1; color: #464a4f; margin: 28px 0 18px 0; } #faq h2 { margin: 0; font-size: 16px; } #center_part_wrapper { background: none; border: none; padding: 0; } #center_part_wrapper .post { padding: 30px; background: #fff; border: 1px solid #ddd; margin: 0 0 30px; } #collapseFilters.publications-aside { margin: 0; } .publications-aside .filter_type:last-of-type { margin: 40px 0 0; } .publications-aside .blog_spisok li a { font-size: 13px; } .hotel_container:hover { color: rgb(86, 90, 92)!important; } .publications-tools { display: none; } .filter_type-title { margin: 10px 0 12px 0; color: #333; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700 !important; font-size: 18px; line-height: 20px; } .filter-position .blog-content .post .post_info div { margin-bottom: 0 !important; } .filter-position .blog-content .post .post_info + a h2 { margin-top: 15px; } .post .article-contents h2 { margin-top: 15px !important; } /* post view*/ .article-full__content .post h2, .article-full__content .post .article-contents h2 { font-size: 28px; color: #333333; margin-bottom: 32px; } .article-full__content .post h3, .article-full__content .post .article-contents h3 { font-size: 24px; color: #333333; margin-bottom: 20px; } .article-full__content .post h4, .article-full__content .post .article-contents h4 { font-size: 22px; margin-bottom: 20px; } .article-full__content .post .kid-h2{ color: #fff; margin: 0; padding: 0; font-size: 34px; line-height: 40px; } .article-full__content .post .kid-default-banner200 .kid-h2{ font-size: 24px; line-height: 24px; -webkit-font-smoothing: antialiased; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700 !important; } .article-full__content .blog-content{ font-size: 17px; line-height: 27px; color: #333; } @media (max-width: 991px){ .article-full__content .blog-content.is--special{ font-size: 18px; line-height: 30px; } } .article-full__content .post p{ margin-bottom: 15px; } .article-full__content blockquote, .article-full__content .article-blockquote{ font-size: 16px; line-height: 27px; color: #333; } .article-full__content .post ul li, .article-full__content .post ol li{ line-height: 22px; padding-bottom: 10px; } .article-full__content .blog-content .tags a{ color: #333; } /* end post view*/ #one_report .one_post .post_info { margin-top: 18px; border-top: 1px #ccc dashed; } .review_strip_single h2 { font-size: 18px; margin: 0px 20px 0 0; padding: 0; display: inline-block; vertical-align: middle; width: calc(100% - 145px); } .soveti-wrap, .soveti-main-wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .soveti-wrap .soveti { position: relative; width: calc(50% - 15px); } .soveti-main-wrap .soveti { position: relative; } .notes-img-wrap { display: block; width: 100%; padding-top: 59%; position: relative; overflow: hidden; } .notes-img-wrap img { width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; } .plaintext,.plaintext:hover{color: #888!important;font-weight: normal;cursor: text} @media(max-width: 991px) { .publications-aside { display: none; } .publications-aside.active { display: block; } #center_part_wrapper .post { margin: 20px 0 30px; } .publications-tools { display: block; } .publications-aside { float: none; padding: 0!important; } .filter-select { display: none; } #tools #filters-control { display: inline-block; } #collapseFilters { margin: 5px 0 0; display: none; } .col-controls { float: left; text-align: left; justify-content: flex-start; } .col-select { float: right; text-align: right; } #changeHotelsView { order: 3; } #changeHotelsView-list { order: 4; } #filters-control { order: -1; } #filters-map { order: 2; } #tools .bt_filters { display: inline-block; margin: 0 5px 0 0; line-height: normal; } .add-report { display: inline-block!important; height: 37px!important; margin: 0 0 0 15px!important; line-height: 37px!important; padding: 0 25px!important; } } @media(max-width: 767px) { #carousel-id2 .carousel-caption .carousel-title::before, #carousel-id2 .carousel-caption .carousel-title::after { display: none; } #tools #changeHotelsView, #tools #changeHotelsView-list { display: none; } .tour_list_desc.full-width { padding: 10px 20px 0; } #carousel-id2 .carousel-caption .carousel-title { font-size: 24px; line-height: 27px; } .banner .subtitle { font-size: 20px; } /*.soveti-main-wrap { padding: 0 15px; }*/ .soveti-wrap .soveti, .soveti-main-wrap .soveti{ width: 100%; } .soveti-main-wrap .soveti{ height: auto!important; padding-bottom: 15px; } } @media (max-width: 480px) { .box_style_1 { padding: 15px; } #center_part_wrapper .post { padding: 15px; } .add-report { margin-left: 10px!important; padding: 0 15px!important; font-size: 10px!important; } } /* Activity -> View 22552018*/ /* Activity -> View FIX 133420012018*/ .section-cover{ min-height: 600px; background: transparent; position: relative; overflow: hidden; } .section-cover.sc470{ min-height: 470px; } .section-cover.withProgressbar{ display: flex; width: 100%; height: 470px; justify-content: center; flex-direction: column; } .section-cover.withProgressbar .intro_title{z-index: 100;display:block;width: 100%;padding-top:120px;} .section-cover.withProgressbar .intro_title h1{ font-size: 38px; margin-bottom: 15px; color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; } .section-cover.withProgressbar .intro_title .bs-wizard{ position: relative; margin-top: 60px; } .bs-wizard-step.disabled{ opacity: 1; } .section-cover.withProgressbar .intro_title .bs-wizard > .bs-wizard-step > .progress, .section-cover.withProgressbar .intro_title .bs-wizard > .bs-wizard-step > .progress > .progress-bar{ background-color: #ffffff; background: #ffffff; } @media screen and (max-width: 767px){ .section-cover.sc470.scm330{min-height: 330px;} .section-cover.withProgressbar { min-height: 330px; height: 330px; } .section-cover.withProgressbar.sc470 { min-height: 450px; height: 450px; } .section-cover.withProgressbar .intro_title{padding-top:80px;} .section-cover.withProgressbar .intro_title h1{ font-size: 24px; padding: 40px 5% 0; margin-bottom: 0px; } .section-cover.withProgressbar .intro_title .bs-wizard{margin-top: 30px;} } .section-cover-img{ position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 100%; } @media (max-width: 800px) and (min-width: 760px){ .section-cover-img { width: 110%; left:-5%; } } @media (max-width: 767px){ .section-cover { height: 240px; min-height: 240px; } .section-cover.sc470.scm330 .section-cover-img { width: 180%; left:-40%; } } @media (max-width: 450px){ .section-cover-img{ width: 150%; left: -25%; } } /* End Activity -> View 22552018*/ .filter-position { position: relative; } ul#top_tools li:last-child { padding-right: 0; } .collapse.in + .container #filters-map.bt_filters { background-color: #2489c5; border-color: #2489c5; } .collapse.in + .container #filters-map.bt_filters i { color: #fff; } @media(max-width: 499px) { .col-select.col-xs-6 { width: 45%; } .aside_search { padding: 0 2px; height: 35px; } } .list-add-camp { position: fixed; right: 10px; top: 50%; transform: translate(0%, -50%); z-index: 1000; font-weight: 700; color: #333; font-size: 12px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-top: 3px solid #51bce6; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px 5px; max-width: 100px; text-transform: uppercase; text-align: center; } .list-add-camp:hover { color: #51bce6 !important; background: #f9f9f9; } @media(max-width: 767px) { .list-add-camp{ font-size: 9px; max-width: 85px; } } /* Contact -- Remove Icon */ @media all and (max-width: 767px) { /*.form_title { margin: 30px 15px 10px; padding-left: 40px; }*/ /*.form_title h2 strong { display: none; }*/ .step2 { padding: 0 0 20px; margin: 0 15px 10px; } .form_title h3 strong{ left: -15px; } } /* Sidebar Filter -- Small Screens */ .filter_type select { margin-bottom: 15px; } .filter_type select:last-child { margin-bottom: 0; } .column { float: left; } .size-1of1 { width: 100%; } .size-1of2 { width: calc(50% - 15px); } .size-1of2:nth-child(2n) { margin-left: 30px; } .kid-saviior-col{width: 100%;} .kid-saviior-col.ksc-tab-1of2:nth-child(2n) {margin-top: 35px;} @media (max-width: 991px) and (min-width: 768px) { .kid-saviior-col.ksc-tab-1of2{ width: calc(50% - 15px); float: left;} .kid-saviior-col.ksc-tab-1of2:nth-child(2n) {margin-left: 30px;margin-top: 0;} } /* Main Screens -- Heading Misplaced */ @media (max-width: 979px) and (min-width: 768px) { .parallax-window2 .parallax-content-1 div h1 { margin-top: 130px; } } @media (max-width: 979px) and (min-width: 768px) { .parallax-content-1 div { padding: 0 15% !important; font-size: 16px !important; } } @media (max-width: 767px) { .parallax-window2 .parallax-content-1 div h1, .parallax-content-1 div h3 { margin-top: -110px !important; } .parallax-window2 .parallax-content-1 div h1 ~ p, .parallax-content-1 div h1 ~ p { display: none; } } /* reviews_270418*/ .reviews_p p:last-child{ margin: 0 0 5px 0; } .reviews_div_link{ margin-bottom: 15px; } /* end reviews_270418*/ .assessment, .review, .order, .categories, .report { background: #fff; padding: 40px 30px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .assessment #rating_summary { margin-bottom: 20px; max-width: 353px; } #rating_summary .rate-cover { display: flex; width: 100%; padding: 9px; background: #f4f4f4; } #rating_summary .rate { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 25px 19px; background: #fff; } #rating_summary .rate ul li { display: flex; align-items: center; } #rating_summary .rate .rating2 i { margin-right: 10px; } #rating_summary .rate .rating2 a:last-child i { margin-right: 0; } .recommendation { display: flex; max-width: 353px; } .recommendation .form-group span.radio { display: none; } #radio1:checked + label { color: #fff; background: #ed3b23; } #radio2:checked + label { color: #fefefe; background: #7dbe14; } #radio2:checked + label i, #radio1:checked + label i { color: #ffffff;/*#d8ecb9;*/ } .btn_recommend, .btn_no-recommend { display: flex; align-items: center; font-size: 15px; padding-left: 20px; height: 46px; cursor: pointer; margin-bottom: 0; transition: .2s ease all; } .btn_recommend i, .btn_no-recommend i { margin-right: 4px; display: flex; align-items: center; transition: .2s ease all; } .btn_recommend { color: #979797; background: #efefef; border-radius: 3px 0 0 3px; } .btn_no-recommend { color: #979797; background: #efefef; border-radius: 0 3px 3px 0; } .btn_recommend i { color: #c3c3c3; } .btn_no-recommend i { color: #c3c3c3; } .btn_no-recommend:hover { background: #ed3b23; color: #fff; } .btn_no-recommend:hover i{ color: #fff; } .btn_recommend:hover { background: #7dbe14; color: #fefefe; } .btn_recommend:hover i { color: #d8ecb9; } .assessment select { color: #8a8a8a; height: 44px; border-radius: 3px; padding: 6px 12px; background: #ffffff; border: 1px solid #ccc; } .assessment .form-group { max-width: 353px; flex-grow: 1; } .assessment .date { display: flex; } .assessment .date .rev_add { width: 70%; margin-right: 15px } .assessment .date .rev_add + div { width: 30%; } .assessment .children { display: flex; } .assessment .add_foto { width: 42%; cursor: pointer; } .assessment .rev_add { width: 54%; margin-right: 15px; } .add_foto a { display: flex; align-items: center; height: 44px; border: 1px solid #51bce6; border-radius: 3px; transition: .2s ease all; cursor: pointer; } .add_foto a:hover { border-color: transparent; color: #fff; background: #51bce6; } .add_foto a:hover .plus { color: #fff; background: #63c3e9; } .add_foto .plus{ display: flex; justify-content: center; align-items: center; font-size: 15px; height: 100%; width: 40px; background: #edf8fc; transition: .2s ease all; } .add_foto .text{ margin: 0 auto; } .assessment .kidsAgeBox { margin-top: 10px; } .assessment .kidsAgeBox + .add_foto { display: none; } /* Hotels */ .assessment-hotels #rating_summary { max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .assessment-hotels #rating_summary .rate-cover { max-width: 336px; width: 100%; } .assessment-hotels #rating_summary .rate { display: block; } .assessment-hotels #rating_summary .rate ul { margin-top: 10px; } .assessment-hotels #rating_summary .rate ul li{ flex-wrap: wrap; justify-content: space-between; margin-bottom: 12px; height: auto; } .assessment-hotels #rating_summary .rate ul li .rating2 { margin: 0 0 0 auto; } .assessment-hotels #rating_summary .rate ul li:last-child { margin-bottom: 0; } .assessment-hotels #rating_summary .rate-cover:first-child { margin-right: 5px; } .review .clearfix:first-child .form-group:first-of-type { margin-bottom: 0; } /* Hotels end */ /* Comments */ .flex { display: flex; justify-content: space-between; } .flex .control_point { width: calc(50% - 5px); margin-bottom: 10px; } .flex .control_point input { height: 44px; } .control_point textarea { resize: none; } .article-full form .form-group + .g-recaptcha { margin-bottom: 15px; } /* Comments end */ /* Camps order */ .step .table { border: 0; } .step .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f2f2f2; } .step .table > tbody > tr > td { border: 0; font-size: 15px; padding: 5px 15px 8px 17px; min-width: 146px; } .order input { height: 44px; } .order .children { display: flex; } .order .children .form-group { margin-bottom: 0; } .order .children .form-group:first-child { width: 50%; } .order .children .form-group:nth-child(2) { width: 24%; margin: 0 14px; min-width: 117px; } .order .children .form-group:last-child { flex-grow: 1; min-width: 140px; } .order .children + .add_foto { display: none; } .order .contact-person .form-group { max-width: 353px; margin-bottom: 10px; } .order textarea { resize: none; height: 150px; } .order ul li label { display: flex; } .order .btn-after-captcha { margin-top: 0; } /* Camps order end */ /* Reports */ .assessment-report .countryBox .resorts_box + .add_foto { display: none; } .assessment-report .countryBox { margin-bottom: 20px; } .assessment-report .flex { justify-content: flex-start; } .assessment-report h5 { margin-bottom: 16px; margin-top: 0; } .assessment-report .flex .rev_add { margin-bottom: 0; } .assessment-report input { height: 44px; } .assessment .flex .control_point { width: 54%; } .categories { margin-top: 30px; } .categories .filter_type { margin-left: -15px; margin-top: 40px; margin-bottom: 0; } .categories .filter_type .col-md-4{ margin-bottom: 5px !important; } .categories .filter_type .col-md-4:last-child { margin-bottom: 0 !important; } .categories .filter_type ul li{ display: flex; margin-bottom: 10px; } .categories .filter_type ul li label{ color: #868686; } .review-report h5 { margin-bottom: 16px; } .review .clearfix:first-child .form-group:first-of-type { margin-bottom: 10px; } .review-report .form-group { margin-bottom: 9px; } .review-report .photo { margin-bottom: 15px !important; } .review-report .filter_type { margin-bottom: 30px; } /* Reports end */ /* Comments */ .article-full .btn-after-captcha { margin-top: 0; } /* Comments end */ .review { margin-top: 30px } .review .form-group { max-width: 353px; } .review input { height: 44px; } .review textarea { font-size: 15px; height: 150px; resize: none; } @media screen and (max-width: 767px){ .review textarea {font-size: 17px;} } .tool { position: absolute; top: 0; left: 105%; width: 75%; z-index: 2; } .tool .note-in-form{ font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; min-height: 44px; line-height: 24px; width: 100%; background: #ed3b23; color: #fff; padding: 10px 20px; border-radius: 3px; position: relative; display: none; } .tool .note-in-form:after{ content: ''; display: block; width: 10px; height: 10px; border: 1px solid #ed3b23; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top: none; border-right: none; background: inherit; position: absolute; left: -5px; top: 17px; transform-origin: center; transform: rotate(45deg); z-index: 1; color: #ed3b23; } .has-error .note-in-form{ display: block; } .has-error .jq-selectbox__select, .select-witherrortooltip.has-error{ border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } #month.has-error ~ .tool .note-in-form, #year.has-error ~ .tool .note-in-form, .__tool-b.has-error ~ .tool .note-in-form{ display: block; } .__tool-b.changed ~ .tool .note-in-form{ display: none; } #year ~ .tool, #month ~ .tool, .__tool-b ~ .tool, textarea + .tool, .cke + .tool, .article-full .flex .tool { top: calc(100% + 15px); left: 0; width: 100%; z-index: 99; } #year ~ .tool .note-in-form:after, #month ~ .tool .note-in-form:after, .__tool-b ~ .tool .note-in-form:after, textarea + .tool .note-in-form:after, .cke + .tool .note-in-form:after, .article-full .flex .tool .note-in-form:after { left: 15px; margin: auto; top: -5px; border-top: 1px solid #ed3b23; border-bottom: none; } #addPhoto .tool { left: 165px; top: 50%; transform: translateY(-50%); } .review ul li { margin-bottom: 7px; } .review .photo { margin-bottom: 30px; } .review #addPhoto { z-index: 1 !important } .review #addPhoto a { background: #efefef; color: #b9b9b9; padding: 10px; display: inline-block; border-radius: 3px; } .review .addPhoto i { display: flex; align-items: center; font-size: 20px; } .review .addPhoto span { font-size: 12px; font-weight: bold; line-height: normal; font-family: "Tahoma", "Verdana", sans-serif; margin-left: 7px; } .review .addPhoto { display: flex; padding: 5px 15px; border: 1px dashed #d1d1d1; border-radius: 3px; } .review #addPhoto a:hover { background: #e6e6e6; color: #a8a8a8; } .review #attachmentBox { display: flex; flex-wrap: wrap; } .review #attachmentBox > div { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); margin-right: 10px; position: relative; margin-bottom: 20px; transition: .2s ease all; } .review #attachmentBox div:last-child { margin-right: 0; } .review #attachmentBox div:hover { box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.3) } .review #attachmentBox .thumbnail { margin-bottom: 0 !important; border: none; max-width: 135px; max-height: 80px; overflow: hidden; padding: 0; } .review #attachmentBox .thumbnail img { min-width: 145px; } .review #attachmentBox .mws-gallery-overlay { display: flex; position: absolute; top: 10px; right: 5px; } .review #attachmentBox .mws-gallery-overlay a { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 5px; background: rgba(0,0,0,0.5); color: #fff; } .review-report #attachmentBox { margin-bottom: 15px; } .review-report #attachmentBox > div { width: 100%; margin-bottom: 0; box-shadow: none; } .review-report #attachmentBox div:hover { box-shadow: none; } .review-report .cke_chrome { border: 1px solid #ccc; border-radius: 5px; } .review-report .cke_top { background: #fff !important; border-bottom: 0 !important; } .review-report .cke_toolgroup { background: #fff !important; } .review-report .cke_toolbar_separator { display: none; } .review-report .cke_bottom { display: none; } .review .g-recaptcha, .order .g-recaptcha { margin: 30px 0; } .order .g-recaptcha div.error, .review .g-recaptcha div.error{ border: 1px solid #f38575; } .review ul li label { display: flex; } .btn-after-captcha input { font-family: "Verdana", sans-serif; font-size: 17px; background: #7dbe14; color: #fff; border: none; border-radius: 3px; height: 50px; padding-left: 30px !important; padding-right: 30px !important; } @media screen and (max-width: 1200px) { .assessment-hotels #rating_summary .rate-cover:first-child { margin-right: 0; margin-bottom: 20px; } .assessment-hotels #rating_summary .rate-cover { max-width: 353px; } } @media screen and (max-width: 767px) { .tool { top: calc(100% + 15px); left: 0; width: 100%; z-index: 99; } #addPhoto .tool { top: calc(100% + 15px); transform: translateY(0); left: 0; } .tool .note-in-form:after { left: 15px; margin: auto; top: -5px; border-top: 1px solid #ed3b23; border-bottom: none; } } @media screen and (max-width: 576px) { .step .table > tbody > tr > td { padding: 5px 9px 8px 9px; min-width: 132px; font-size: 16px; } .order .children { max-width: 353px; } .order .children .form-group:first-child { width: 57%; margin-right: 14px; } .order .children .form-group:nth-child(2) { width: 38%; margin: 0; } .order .children .add_foto { display: none; } .order .children + .add_foto { display: block; max-width: 150px; margin-top: 10px; } .order .children-more .form-group:first-child { width: 47%; } .order .children-more .form-group:nth-child(2) { width: 33%; } .order .children-more .form-group:last-child { max-width: 150px; min-width: inherit; margin: 0 0 0 10px; } .review #attachmentBox .thumbnail { margin-bottom: 0 !important; border: none; max-width: 135px; height: 68px; } } @media screen and (max-width: 450px) { .assessment, .review, .order, .categories, .report { padding: 30px 20px; } .review_title h2 { font-size: 23px; } .assessment #rating_summary { max-width: 100%; } #rating_summary .rate { flex-wrap: wrap; } #rating_summary .rate h5 { margin-bottom: 15px !important; } #rating_summary .fa-smile:first-child::before { margin-left: 0; } .recommendation { max-width: 100%; flex-wrap: wrap; } .assessment .form-group { width: 100%; max-width: 100%; } .btn_recommend, .btn_no-recommend { display: flex; justify-content: center; padding-left: 0; } .btn_recommend i { margin-left: -23px; } .btn_recommend { border-radius: 4px 4px 0 0; } .btn_no-recommend { border-radius: 0 0 4px 4px; } .assessment .date .rev_add { margin-right: 10px; } .assessment .children .del_btn_top2 { margin-left: 10px; } .assessment .children .rev_add { width: 100%; margin-right: 0; } .assessment-report .children .rev_add { width: 100%; margin-right: 0; margin-bottom: 0; } .assessment .children .add_foto { width: 44px; margin-left: 10px; } .assessment .children .add_foto .text{ display: none; } .assessment .kidsAgeBox + .add_foto { display: block; width: 100%; max-width: 151px; margin-top: 10px; } .assessment .kidsAgeBox + .add_foto .text { margin: 0 0 0 15px; } .review { margin-top: 20px; } .review .form-group { max-width: 100%; } .review #attachmentBox .mws-gallery-overlay { right: 0; left: 0; justify-content: center; } .review #attachmentBox .mws-gallery-overlay a:last-child { margin-right: 0; } .review .btn-after-captcha { display: flex; flex-direction: column; align-items: center; } .review .btn-after-captcha input { width: 100%; } /* Hotels */ .assessment-hotels #rating_summary .rate-cover { max-width: 100%; } .assessment-hotels #rating_summary .rate-cover ul { margin-top: 15px; } .assessment-hotels #rating_summary .rate-cover ul li .rating2{ flex-basis: 100%; margin-top: 10px; margin-left: -10px; justify-content: left; display: flex; } /* Hotels end */ /* Camps order */ .order .children { flex-wrap: wrap; } .order .children .form-group:first-child { width: 100%; margin-right: 0; margin-bottom: 9px; } .order .children .form-group:nth-child(2) { width: 100%; } .order .children-more .form-group:nth-child(2) { width: auto; flex-grow: 99; } .order .children-more .add_foto { display: flex; justify-content: flex-end; width: 44px; max-width: 151px; } .order .btn-after-captcha { width: 100%; } .order .btn-after-captcha input { width: 100%; } /* Camps order end */ /* Report */ .assessment-report .flex { flex-wrap: wrap; } .assessment-report .countryBox { margin-bottom: 10px; display: flex; flex-direction: column; } .assessment-report .flex .rev_add, .assessment-report .flex .add_foto { width: 100%; margin-right: 0; } .assessment-report .flex .add_foto { margin-top: 10px; max-width: 151px } /*.assessment-report .flex .add_foto.add_resort { display: none; }*/ .assessment-report .countryBox .resorts_box + .add_foto { display: block; width: 100%; max-width: 151px; margin-top: 10px; font-size: 13px; order: 1; } .assessment-report .countryBox:not(:first-child) { margin-top: 20px; } .assessment-report .countryBox:not(:first-child) .clearfix:first-child .flex { flex-wrap: nowrap; } .assessment-report .countryBox:not(:first-child) .clearfix:first-child .flex .del_btn_top2 { margin-left: 10px; } /* Report end */ /* Comments */ .blog-content.centered form .flex { flex-wrap: wrap; } .flex .control_point { width: 100%; margin-bottom: 10px; } /* Comments end */ } @media screen and (max-width: 350px) { .assessment .date .rev_add { width: 65%; } .assessment .date .rev_add + div { width: 35%; } .review #attachmentBox div:nth-child(3n) { margin-right: 0; } .review .g-recaptcha { transform: scale(0.83); margin-top: 22px; margin-left: -23px; margin-bottom: 22px; } } @media (max-width: 650px) { .review_strip_single h2, .review_strip_single h4, .review_strip_single div.title-h4{ width: 100%; margin-bottom: 10px; margin-right: 0; } .review_strip_single small{ width: 100%; text-align: left; } } @media (max-width: 767px){ .parallax-content-1 div h1, .parallax-content-1 div h3{ font-size: 24px } .parallax-window3 .parallax-content-1 div h1, #hero_2 .intro_title h1{ font-size: 24px } } @media (max-width: 767px) { .feature h3{ margin-top: 0; } } .feature p:last-child{ margin-bottom: 0; } @media (max-width: 991px) { .welcome p{ padding-right: 0; } } #rating_summary{ margin-top: 0; } @media (max-width: 420px){ .control_point.photo #addPhoto{ top: 0!important; left: 0!important; } } @media screen and (max-width: 340px){ .dropdown-search .dropdown-menu{ right: -60px; } .dropdown-search .dropdown-menu:before{ right: calc(10% + 37px); } } /* filter list age */ .list_filter_age { margin-bottom: 20px; } .list_filter_age ul { margin-bottom: 5px; } .list_filter_age li { display: inline-block; min-width: 46px; margin-right: 10px; margin-bottom: 10px; } /* .list_filter_age li:last-child, .list_filter_age li:nth-child(4n){ margin-right: 0; }*/ .list_filter_age li label{ display: block; } .list_filter_age li label .name{ padding: 7px 5px; display: block; border: 1px solid #d3cfc8; text-align: center; white-space: nowrap; cursor: pointer; transition: all 0.35s; color: #565a5c; } .list_filter_age li label .name.js_name_color{ color: #cccccc; } .list_filter_age li label:hover .name{ transition: all 0.35s; background: #fff; color: #2489c5; } .list_filter_age li label .icheckbox_square-blue.checked + .name, .list_filter_age li label:hover .icheckbox_square-blue.checked + .name{ background: #2489c5; color: #fff; border-color: #2489c5; } .list_filter_age li div, .list_filter_age li span.filter_check-amount{ display: none; } @media screen and (max-width: 700px){ #map .infoBox{ transform: translateX(-50%)!important; left: 0px!important; margin-top: 30px } #map .infoBox > img{ margin: 0!important; position: absolute!important; top: -20px; right: 0; } #map .infoBox .marker_info:after { display: none; } } @media screen and (max-width: 414px){ #map .infoBox{ transform: translateX(-59%)!important; } } /* modal add camp*/ .customized_modal_camp{ display: none; position: fixed; transition: all 0.5s ease-in-out; z-index: 9999; bottom: 20px; right: 1%; padding: 20px; text-align:center; background-color:#fff; width:100%; max-width:310px; min-height: 202px; line-height:1.4; border:0; color:#777; -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.1); -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.1); box-shadow:0 0 30px 0 rgba(0,0,0,.1); border-radius: 4px; } @media screen and (max-width: 767px){ .customized_modal_camp { bottom: 50px; } } @media screen and (max-width: 329px){ .customized_modal_camp { width: 300px; } } .customized_modal_camp h4{ color:#333; font-size:14px; margin: 20px 0 5px 0; text-transform:uppercase; font-weight:700 } .customized_modal_camp p{ font-size: 13px; margin-bottom: 15px; } .customized_modal_camp .link-add-camp{ color:#fff; background:#51bce6; cursor:pointer; padding:10px 26px; display:inline-block; font-size:11px; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s ; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-transform:uppercase; font-weight:700 } .customized_modal_camp .link-add-camp:hover{ background: #333; } .customized_modal_camp .close{ float:right; font-size:13px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; filter:alpha(opacity=20); opacity:.2; -webkit-appearance:none; padding:0; cursor:pointer; background:0 0; border:0; position: absolute; right: 10px; top: 10px; z-index: 10001; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s ; } .customized_modal_camp .close:focus, .customized_modal_camp .close:hover{ color:#000; text-decoration:none; cursor:pointer; filter:alpha(opacity=50); opacity:.5; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s ; } /* MODAL WINDOWS */ .d-flex-modal { flex-direction: column; justify-content: space-between; align-items: center; } .d-flex-modal p { margin: 0; } /* --- add camp --- */ .open_cookie { bottom: 240px; display: flex; } .open_camp { bottom: 20px; display: flex; } .animation-ddl { animation-delay: 1s; } .close_cookie { bottom: 20px; display: flex; transition-delay: .2s; } /* --- close add camp ---- */ /* --- cookie --- */ .modal_blockcookie { display: none; position: fixed; transition: all 0.5s ease-in-out; z-index: 9999; bottom: 20px; right: 1%; padding: 20px; font-family: 'Verdana', sans-serif; font-size: 13px; text-align: center; background-color: #fff; width: 98%; max-width: 310px; min-height: 202px; border: 0; color: #777; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); border-radius: 4px; } .modal_blockcookie_btn { color: #fff; background: #51bce6; cursor: pointer; padding: 7.5px 26px; display: inline-block; font-size: 11px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; font-weight: 700; float: none; text-shadow: none; opacity: 1; line-height: inherit; } .modal_blockcookie_btn:hover { background: #333333; opacity: 1; color: #ffffff; } .modal_blockcookie_close { float: right; font-size: 13px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; position: absolute; right: 10px; top: 10px; z-index: 10001; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .modal_blockcookie_icon { color: #51bce6; font-weight: 800; font-size: 47px; } .cookie_open { display: flex; } /* --- close cookie --- */ /* CLOSE MODAL WINDOWS */ .js_campshirt p{ font-size: 27px; font-weight: bold; color: #ed812b; line-height: normal; display: inline-block; margin-bottom: 0px; margin-right: 10px; } .title-h4{ -webkit-font-smoothing: antialiased; color: #333; font-family: 'Tahoma', 'Verdana', sans-serif; font-weight: 700 !important; } modal-open{overflow:hidden} @media screen and (max-width: 767px){ #menu_resort_foto > div > h1{ margin-bottom: 0; margin-top: 0!important; top: inherit; } .parallax-window2 .parallax-content-1 > div{ height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 220px; padding-top: 40px; } .parallax-window2 .parallax-content-1 .padding_form2{ padding-bottom: 170px; } #carousel-id2 .item { height: 100%; } #carousel-id2 .carousel-caption{ top: 0!important; left: 0!important; right: inherit!important; bottom: inherit!important; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 220px; padding-top: 40px; } } .fz-16{ font-size: 16px !important; } .mt10{ margin-top: 10px!important; } .mt15{ margin-top: 15px!important; } .mt20{ margin-top: 20px!important; } .mt45{ margin-top: 45px!important; } .mt40{ margin-top: 40px!important; } .mt35{ margin-top: 35px!important; } .mt30{ margin-top: 30px!important; } .mt60{ margin-top: 60px!important; } .mb45{ margin-bottom: 45px!important; } .mb40{ margin-bottom: 40px!important; } .mb90{ margin-bottom: 90px!important; } .mt0{ margin-top: 0; } .filter_type.mt35{ margin-top: 35px!important; } .mb0{ margin-bottom: 0!important; } .mb15{ margin-bottom: 15px!important; } .mb35{ margin-bottom: 35px!important; } .mb30{ margin-bottom: 30px!important; } .mb25{ margin-bottom: 25px; } .mb10{ margin-bottom: 10px !important; } .pt15{padding-top: 15px !important;} .mr02em{margin-right:.2em;} .mr5{margin-right:5px;} .mr10{margin-right:10px;} .mr15{margin-right:15px;} .mr20{margin-right:20px;} .mr25{margin-right:25px;} @media screen and (max-width: 991px) { .mt60{ margin-top: 40px!important; } } @media screen and (max-width: 767px){ .mt60{ margin-top: 30px!important; } .mbm40{ margin-bottom: 40px!important; } .mbm35{ margin-bottom: 35px!important; } .mbm30{ margin-bottom: 30px!important; } .mbm25{ margin-bottom: 25px!important; } .mbm5{ margin-bottom: 5px!important; } .mbm0{ margin-bottom: 0!important; } .mtm40{ margin-top: 40px!important; } .mtm35{ margin-top: 35px!important; } .mtm30{ margin-top: 30px!important; } .mtm25{ margin-top: 25px!important; } .mtm10{ margin-top: 10px!important; } .mtm0{ margin-top: 0px!important; } } .mw100 { max-width: 100% !important; } .rec_box .row .row{ margin-left: 0; margin-right: 0; } .blog-content.activity-page h2 br{ display: none; } .blog-content.activity-page h2, .camp-page h2, .hotels-page h2{ margin-top: 45px; } .blog-content.activity-page [itemprop="articleBody"]{ margin-bottom: 45px; } @media screen and (max-width: 991px){ .blog-content + .hotel_aside{ margin-top: 45px; } .blog-content.activity-page [itemprop="articleBody"] + .rec_box.mb10 div { margin-bottom: 15px !important; } .hotel_aside .rec_box { margin-bottom: 0 !important; } .hotel_aside .rec_box div { margin-bottom: 0 !important; } .hotel_aside .rec_box + .margin_30.mtm35{ margin-top: 45px; } .box_style_1 + .rec_box { margin-top: 45px; } .hotel_aside .clearfix .margin_30.mbm0 { margin-bottom: 0 !important; } .hotel_aside .clearfix .margin_30.mbm0 .table{ margin-bottom: 0 !important; } } @media screen and (max-width: 767px){ .blog-content.activity-page h2, .camp-page h2, .hotels-page h2{ margin-top: 35px; } .blog-content.activity-page [itemprop="articleBody"]{ margin-bottom: 35px; } .blog-content + .hotel_aside{ margin-top: 30px; } .rec_box.vertical.mb40.mbm0 div{ margin-bottom: 0!important; } .hotel_aside .rec_box div { margin-bottom: 0!important; } .box_style_1 + .rec_box { margin-top: 40px; } } .rec_box.mb45.mbm40 > .row{ margin-bottom: 0!important; } @media screen and (max-width: 360px){ .rec_box{ margin-left: -15px; margin-right: -15px; } } .suggestion-a{ line-height: 27px; } .sh-block { display: flex; justify-content: center; } .sh-item { height: 35px; transition: .3s ease all; margin-left: 5px; border-radius: 5px; display: flex; justify-content: center; } .sh-item a { display: flex; align-items: center; height: 100%; padding: 0 20px; color: #fff; cursor: pointer; } .sh-item span { margin-top: -2px; } .sh-number span { margin-top: 0; } .sh-item i { margin-left: 10px; } .sh-whatsapp, .sh-viber, .sh-telegram { display: none; } .sh-facebook { background-color: #3b5998; } .sh-vkontakte { background-color: #4d7198; } .sh-subscribe { background-color: gray; } .sh-whatsapp { background-color: #25d366; } .sh-viber { background-color: #8f5db7; } .sh-telegram { background-color: #2ea5e1; } .sh-number { font-size: 14px; border: 1px solid gray; padding: 0 10px; display: none; align-items: center; } .sh-item:hover { opacity: 0.9; } @media screen and (max-width: 576px) { .sh-block { position: fixed; right: 0; bottom: 0; left: 0; z-index: 999; margin-bottom: 0 !important; } .sh-whatsapp, .sh-viber, .sh-telegram { display: flex; } .sh-subscribe, .sh-number { display: none; } .sh-item { flex-grow: 1; margin-left: 0; border-radius: 0; } .sh-item a { padding: 0; text-align: center; justify-content: center; } .sh-item span { display: none; } .sh-item i { margin: 0; font-size: 18px; } } #join .modal-content { text-align: center; } #join .modal-body { display: none; } #join .modal-body hr { margin-right: -30px; margin-left: -30px; } #join .modal-facebook .modal-join i { background: #45639e; color: #fff; font-size: 13px; padding: 1px 4px; } #join .modal-vkontakte .modal-join i { font-size: 10px; color: #fff; background-color: #4d7198; padding: 3px; } #join .follow { display: inline-block; font-size: 16px; text-transform: uppercase; padding: 10px; border-radius: 5px; color: #fff; background-color: #23b9eb; } #join .modal-other { display: flex; justify-content: center; margin-bottom: 8px; } #join .modal-other p { display: flex; align-items: center; } #join .modal-other span { display: inline-flex; } #join .modal-other span:first-child { margin-left: 10px; } #join .modal-other a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #fff; margin-left: 5px; border-radius: 5px; } #join .modal-other .odnoklassniki { background-color: #f2720c; } #join .modal-other .google { background-color: #f04b39; } #join .modal-other .vkontakte { background-color: #4d7198; } #join .modal-other .twitter { background-color: #1faee9; } #join .modal-other .facebook { background-color: #45639e; } #join .modal-other i { font-size: 16px; } #join .modal-other i:before { margin: 0 !important; } #subscribe .modal-content { overflow: hidden; } #subscribe .modal-body { background: transparent url("data:image/gif;base64,R0lGODlhVAAIANUAANh7cfXt1tw5OYe4ztk1Nf/44LsoKC2Iwc0pKSd4q9UxMeLcxjaQydEtLf733+qQhTiTzOeFeyd+tMYyMv723v/33yeCu/z13ffw2OTeyDKMxfry2t7Ywvjx2XyuxiqFvi6As8AtLXijtvjy2vbv1zCLxDWNxf313TCJwN87O8gpKc0uLimBuCiDvPv03DCCte7nzzSPyPHp0tU2NvPr1PTs1e/o0dEyMpTB1C6GvcYnJ8osLC+IvyyEu//23tzVwCH5BAAAAAAALAAAAABUAAgAQAb/wJQCgRAYFQ1CKuIIFDakAuUZ6BQKp4vDUSDhIAwNg1GCtCCWFgNysFgg4MNhcClwR9xrxUXZbLh7Jw8IKSkCBEcpCAQKjQgKBAAVUlcblRQYW11bWzglFjEWJR8QMWsaB2stB6gln3QbVRQkJB1cJCcUDn11BQ+FQwSPDSmIxZBGRIqNERQVG5kFGH+7ds4Olhg4H29wB58HMWwHYGMtbxYDThdQI3UVAdOTJC4FfA+NDUXAQ5ArMzpU7IggQwYJGBhoYYAhA0MNDA5J2CCBYQAKFj0YmJDAAgXHHiZ6SMjBQgKPHCUkeIBBo4aNAAFg1CDhEiIGGi0NPrix4saO/xUCAO64oULFvx0qIClqcGgIggj1nDiIUqACBRcuMFAIkAuiRVajVpUih6aEOAsfxpTwMMJSFxIV6GGYRKEDhSmTfg1jpI+pEkWPDqWQNMUShRMk/lByccJBrgpfwIARxWqcBg1l0HxINQBDAC4balypZYfElgDQavwSUIi1gEdKmSpCJCCCDx8dpFrtpcvBpCsUcMQ4wA0UhA8lUm3WcFwMGg0DRnC9EABurz+mKV4JEGGRgAb6vDdo9F2BgfMTAHBYkGEBhx8ZMnCIH999hh/wRSTYD+LFi/3+gZDAfwlIAIKA+4nwA3v0tdegfBxEGB8AIYRwngEhTDABhhpWuAShAUEAADs=") repeat-x scroll left bottom; } #subscribe .modal-header { text-align: center; } #subscribe .feedback_form { padding-top: 15px; border: none; background: none; } @media screen and (max-width: 450px) { #join .modal-header, #join .modal-body { padding: 15px 10px !important; } #join .modal-other p { font-size: 14px; } } .edit-button { position: fixed; bottom: 20px; z-index: 10000; background-color: #fff; padding: 20px 25px; border-radius: 4px; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); } .tags{font-size:14px; margin-bottom:35px !important; margin-top:35px;} .tags a{display:inline-block;margin:10px 15px 0 0; height:33px;line-height:33px;background:#ededed; padding:0 0px 0 11px;color:#555;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px; -moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px; border-bottom-right-radius:20px;transition:background .5s ease} .tags a:after{content:"\2022";display: inline-block;color: #fff;margin: 0px 20px 0 10px;font-size: 20px;vertical-align: bottom;} .tags a:hover{background-color:#099ad1;color:#fff;text-decoration:none} @media screen and (max-width: 767px) { .edit-button {display: none;} .tags{margin-top:30px;} } @media screen and (max-width: 576px) { .responsive-table { overflow-x: auto; } .responsive-table .table { min-width: 390px; } } .light-gray-bg { background-color: #f3f3f3; } .sk-spinner-container{ display: inline-block; position: relative; float: right; width: 50px; height: 50px; margin-left: 25px; } .sk-spinner-container .sk-spinner-wave.sk-spinner{ margin: 0; top: 10px; left: 0; } @media screen and (max-width: 450px) { .sk-spinner-container{ margin-left: 0; } } @media screen and (max-width: 991px) { .children-serv #single_tour_feat_age { margin-bottom: 40px !important; } .children-serv #single_tour_feat_age ul { display: flex; flex-wrap: wrap; width: 100%; } .children-serv #single_tour_feat_age ul li { width: 25%; } } @media screen and (max-width: 767px) { .children-serv #single_tour_feat_age { margin-top: 20px; margin-bottom: 30px; } .children-serv { margin-bottom: 40px; } .children-serv + hr { display: none; } .children-serv #single_tour_feat_age ul li { height: 142px; } #single_tour_feat_age ul li { width: 162px; display: inline-flex; } } /* ============== modal cookie.tpl =============== */ .modal_blockcookie{display:none;position:fixed;transition:all .5s ease-in-out;z-index:9999;bottom:20px;right:1%;padding:20px;font-family:Verdana,sans-serif;font-size:13px;text-align:center;background-color:#fff;width:98%;max-width:310px;line-height:1.4;border:0;color:#777;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.1);box-shadow:0 0 30px 0 rgba(0,0,0,.1);border-radius:4px}.modal_blockcookie p{margin:12px 0 10px 0;line-height:20px}.modal_blockcookie_btn{color:#fff;background:#51bce6;cursor:pointer;padding:10px 26px;display:inline-block;font-size:11px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-transform:uppercase;font-weight:700;float:none;text-shadow:none;opacity:1;line-height:inherit}.modal_blockcookie_btn:hover{background:#333;opacity:1;color:#fff}.modal_blockcookie_close{float:right;font-size:13px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;position:absolute;right:10px;top:10px;z-index:10001;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.modal_blockcookie_icon{color:#51bce6;font-weight:400;font-size:44px} /* ============== end of modal cookie.tpl ======== */ /* kid-unify-card*/ .kid-unify-card{ position: relative; display: block; box-sizing: border-box; /*overflow: hidden;*/ /*padding-left: 5px;*/ padding-top: 5px; } .kid-unify-card .wrapper{ position: relative; /*overflow: hidden;*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background: #ffffff; } .kid-unify-card .wrapper .img-container{ position: relative; display: block; width: 100%; height: 210px; overflow: hidden; border-bottom: 2px solid rgb(239,239,239); } .kid-unify-card .wrapper .top-container{ position: relative; display: block; width: 100%; height: 210px; /*overflow: hidden;*/ } .kid-unify-card .wrapper .moderated-block{ z-index: 3; position: absolute; width: 100%; height: 140px; top: 0; left: 0; } .kid-unify-card .wrapper .img-container .img{ position: relative; display: block; width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .kid-unify-card .wrapper:hover .img-container .img{ -webkit-transform: scale(1); transform: scale(1); } .kid-unify-card .wrapper .top-container{ width: 100%; height: 100%; padding-bottom: 58.25%; } .kid-unify-card .wrapper .img-container{ width: 100%; height: 100%; padding-bottom: 58.25%; position: absolute; } .kid-unify-card .wrapper .guide-container{display: flex;width: 100%;padding: 15px 25px;border-bottom: 1px solid #efefef;justify-content: space-between;align-items: baseline;} .kid-unify-card .wrapper .guide-container .excursion-hr{display:none;} .kid-unify-card .wrapper .guide-container .avatar{} .kid-unify-card .wrapper .guide-container .avatar > img{width: 31px;height: 31px;border-radius: 50%;margin-right: 5px;} .kid-unify-card .wrapper .guide-container .avatar > span.name, .kid-unify-card .wrapper .guide-container .duration > span.time{color: #565A5C;font-size: 13px;line-height: 18px;} .kid-unify-card .wrapper .guide-container .duration{position: relative;} .kid-unify-card .wrapper .guide-container .duration > i{position: absolute;color: #8A8A8A;font-size: 20px;right: 100%; margin-right: 5px;} .kid-unify-card .wrapper .guide-container .stars > i{ font-size: 15px; margin-right: 3px; } .kid-unify-card .wrapper .guide-container .stars > i.kid-icons-star-full{ color: #fbb91a; } .kid-unify-card .wrapper .content-container{ padding: 25px; } .kid-unify-card .wrapper .content-container .title-h3{ display: block; margin: 0; font-family: "Tahoma", "Verdana", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 16px; } .kid-unify-card .wrapper .content-container .title-h3:hover{ color: #333; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .kid-unify-card .wrapper .content-container .title-h3.kid-ws-normal{white-space: normal;} .kid-unify-card .wrapper .content-container .region{ color: #b1b1b1; margin-top: 1px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .kid-unify-card .wrapper .content-container .region.excurRegionAsPriceLabel{ font-family: 'Tahoma', sans-serif; color: #ffffff; opacity: 1; font-size: 15px; line-height: 20px; margin-top: 5px; } .kid-unify-card .wrapper .content-container .etype{ color: #565a5c; margin-top: 3px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: none; } .kid-unify-card .wrapper .content-container .text{ height: 90px; overflow: hidden; line-height: 18px; color: #565a5c; margin-top: 20px; font-size: 13px; text-align: left; } .kid-unify-card .wrapper .content-container .text.reviewsPage{ height: 120px; } .kid-unify-card .wrapper .content-container .reviews-info{ width: 100%; font-size: 13px; line-height: 18px; margin-top: 15px; color: #b1b1b1; max-height: 18px; } .kid-unify-card .wrapper .content-container .reviews-info a:hover{ color: #51bce6; } .kid-unify-card .wrapper .bottom-container{ /*display: flex; justify-content: space-between;*/ display: table; width: 100%; padding: 15px 25px; border-top: 1px solid rgb(239,239,239); } .kid-unify-card .wrapper .bottom-container .text{ color: #565a5c; font-size: 13px; /*line-height: 34px;*/ height: 34px; line-height: 17px; display: table-cell; vertical-align: middle; } .kid-unify-card .wrapper .bottom-container .text.stars{ font-size: 15px; } .kid-unify-card .wrapper .bottom-container .text.stars i.kid-icons-star-full{ color: #f90; } .kid-unify-card .wrapper .bottom-container .kid-btn_more{ font-size: 13px; height: 35px; float: right; margin-left: 15px; background:#ed812b; } .kid-unify-card .wrapper .bottom-container .kid-btn_more:hover{ background:#cf6918; webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.1); } .kid-unify-card .wrapper .bottom-container .price.excursion{display:none;} .kid-unify-card .wrapper .info-container{ padding: 45px 25px 10px 10px; display: flex; align-items: center; justify-content: flex-start; min-height: 107px; position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 2; color: #fff; /*flex-wrap: wrap;*/ } .kid-unify-card .wrapper .info-container.shadow{ background: -moz-linear-gradient(top,transparent,#000); background: -webkit-linear-gradient(top,transparent,#000); background: linear-gradient(to bottom,transparent,#000); } .kid-unify-card .wrapper .info-container .rating{ position: relative; display: inline-block; margin-bottom: -8px; } .kid-unify-card .wrapper .info-container .rating .diagram-small{ width: 60px; height: 60px; } .kid-unify-card .wrapper .info-container .rating .diagram-val{ position: absolute; top: 0; right: 0; left: 0; display: inline-flex; justify-content: center; align-items: center; border: none; width: 100%; height: 100%; line-height: 1; font-weight: 700; font-size: 46px; z-index: 2; } .kid-unify-card .wrapper .info-container .left-block, .kid-unify-card .wrapper .info-container .central-block, .kid-unify-card .wrapper .info-container .right-block{ display: flex; height: 52px; } .kid-unify-card .wrapper .info-container .left-block{ flex-grow: 4; justify-content: flex-start; min-width: 30%; } .kid-unify-card .wrapper .info-container .central-block{ flex-grow: 2; justify-content: center; } .kid-unify-card .wrapper .info-container .right-block{ flex-grow: 4; justify-content: flex-end; } .kid-unify-card .wrapper .info-container .rating .diagram-small + .diagram-val{ font-size: 10px; } .kid-unify-card .wrapper .info-container .rating .diagram-small circle{ stroke: rgba(204, 204, 204, 0.4); stroke-width: 2; stroke-dasharray: 95px 95px; fill: transparent; } .kid-unify-card .wrapper .info-container .rating .diagram-small circle:nth-child(2n) { fill: rgba(0,0,0,0); stroke: #fff; stroke-width: 2; } .kid-unify-card .wrapper .info-container i{ font-size: 18px; display: inline-block; vertical-align: middle; } .kid-unify-card .wrapper .info-container .reviews{ margin: 20px 8px auto 8px; padding: 0; } .kid-unify-card .wrapper .info-container .reviews span{ font-size: 13px; } .kid-unify-card .wrapper .info-container .distance{ margin: 20px 0 auto 8px; font-size: 13px; } .kid-unify-card .wrapper .info-container .price{ font-size: 22px; font-weight: bold; display: inline-block; margin-top: 20px; } .kid-unify-card .wrapper .info-container .price.excursion{} /*.kid-unify-card .wrapper .info-container .price .oldprice{ font-size: 20px; font-weight: normal; position: absolute; display: block; top: 40px; text-decoration: line-through; color: #a5a5a5; }*/ .kid-unify-card .wrapper .info-container .price .currency{font-size: 14px;font-weight: 400;font-family: "Tahoma", "Verdana", sans-serif;} .kid-unify-card .wrapper .info-container .price.excursion .currency{font-size: 14px;} .kid-unify-card .wrapper .info-container .price .sup{font-size: 13px;font-weight: 400; font-family: "Tahoma", "Verdana", sans-serif;} .kid-unify-card .wrapper .info-container .price.excursion .sup{font-size: 12px;} .kid-unify-card .wrapper .info-container .price.excursion .val .old{position: absolute;bottom: 40px;right: 25px;font-size: 12px;font-weight: 400;color: rgba(255, 255, 255, 0.6); text-decoration: line-through;} /*== kid-unify-card horizontal (only largetab,desk) ==*/ @media screen and (min-width: 768px){ .kid-unify-card.kid-hcard{max-width: 870px;width: 100%;height: 250px;margin-bottom: 30px;} .kid-unify-card.kid-hcard .wrapper{position: relative;display: flex;width: 100%;padding: 0;margin: 0;flex-direction: row;flex-wrap: nowrap;} .kid-unify-card.kid-hcard .wrapper .img-container{position: relative;padding-bottom: unset;} .kid-unify-card.kid-hcard .wrapper .top-container{padding-bottom: unset;height: 250px;width: 280px;} .kid-unify-card.kid-hcard .wrapper .img-container .img{height: 100%;object-fit: cover;} .kid-unify-card.kid-hcard .wrapper .guide-container{position: absolute;max-width: 440px;left: 280px;bottom: 0;border-bottom: unset;} .kid-unify-card.kid-hcard .wrapper .guide-container .excursion-hr{display: block;position: absolute;top: 0;width: calc(100% - 50px);margin: 0;border-top: 1px solid rgb(239,239,239);} .kid-unify-card.kid-hcard .wrapper .content-container .title-h3.kid-ws-normal{white-space: normal;font-size: 18px;line-height: 20px; height: 40px;} .kid-unify-card.kid-hcard .wrapper .content-container .title-h3.kid-ws-normal2{white-space: normal;} .kid-unify-card.kid-hcard .wrapper .content-container .etype{display: block;color: #777;margin-top: 0;font-size: 13px;line-height: 17px;} .kid-unify-card.kid-hcard .wrapper .content-container .text{line-height: 20px; margin-top: 10px;font-size: 14px;height: 80px;} .kid-unify-card.kid-hcard .wrapper .bottom-container{min-width: 150px;display: flex;flex-direction: column;flex-basis: 150px;padding: 25px 15px;justify-content: center;border-left: 1px solid rgb(239,239,239);border-top: unset;} .kid-unify-card.kid-hcard .wrapper .bottom-container.kid-invisible_desk { display: none; } .kid-unify-card.kid-hcard .wrapper .bottom-container .text{display: none;} .kid-unify-card.kid-hcard .wrapper .bottom-container .kid-btn_more{margin-left: 0;margin-top: 25px;text-align: center;} .kid-unify-card.kid-hcard .wrapper .bottom-container .price.excursion{font-size: 22px;font-weight: bold;display: block;color: #333;text-align: center;} .kid-unify-card.kid-hcard .wrapper .bottom-container .price.excursion .currency{font-weight: 400;font-family: "Tahoma", "Verdana", sans-serif;font-size: 14px;} .kid-unify-card.kid-hcard .wrapper .bottom-container .price.excursion .sup{font-weight: 400;font-family: "Tahoma", "Verdana", sans-serif;font-size: 12px;width: 100%;display: block;line-height: 14px;} .kid-unify-card.kid-hcard .wrapper .bottom-container .price.excursion .val .old{font-size: 12px;font-weight: 400;color: #777;display: block;text-decoration: line-through;} .kid-unify-card.kid-hcard .wrapper .info-container .right-block{display: none;} } @media screen and (min-width: 768px) and (max-width: 991px){ .kid-unify-card.kid-hcard .wrapper .guide-container{max-width: 290px;} } @media screen and (min-width: 992px) and (max-width: 1199px){ .kid-unify-card.kid-hcard .wrapper .guide-container .excursion-hr{width: calc(100% - 30px);} } /*== kid-unify-card horizontal (only largetab,desk) ==*/ /* large-tab */ @media screen and (min-width: 992px) and (max-width: 1199px){ .kid-unify-card .wrapper .info-container .reviews{margin: 20px 4px auto 0;} .kid-unify-card .wrapper .info-container .distance {margin: 20px 0 auto 0px;} .kid-unify-card .wrapper .info-container {padding: 45px 15px 10px 11px;} .kid-unify-card .wrapper .info-container .rating, .kid-unify-card .wrapper .info-container .rating .diagram-small, .kid-unify-card .wrapper .info-container .rating .diagram-small, .kid-unify-card .wrapper .info-container .rating .diagram-small svg { width: 36px; height: 36px; } .kid-unify-card .wrapper .info-container .rating .diagram-small svg circle { r: 15; cx: -18; cy: 18; } .kid-unify-card .wrapper .info-container .rating { margin-top: 12px; margin-right: 6px; } .kid-unify-card .wrapper .content-container {padding: 25px 15px 15px;} .kid-unify-card .wrapper .info-container .distance { display: flex; align-items: center; font-size: 11px; } .kid-unify-card .wrapper .info-container .distance .distance-item { display: flex; align-items: center; flex-direction: column; line-height: 11px; margin-top: 1px; } .kid-unify-card .wrapper .guide-container, .kid-unify-card .wrapper .bottom-container {padding: 15px;} .kid-unify-card .wrapper .info-container .price.excursion{display: flex;flex-direction: column-reverse;align-items: flex-end;justify-content: center;margin-top:7px;} .kid-unify-card .wrapper .info-container .price.excursion .sup{line-height: 13px;} .kid-unify-card .wrapper .info-container .price.excursion .val{line-height: 14px;} .kid-unify-card .wrapper .info-container .price.excursion .val .old{bottom: 50px;} } /* tab */ @media screen and (min-width: 768px) and (max-width: 991px){ .kid-unify-card .wrapper .info-container .price.excursion{margin-top:16px;} .kid-unify-card .wrapper .info-container .price.excursion .val{font-size: 20px;} } /* mob */ @media screen and (max-width: 767px){ .kid-unify-card .wrapper .info-container .price.excursion{display: flex;flex-direction: column-reverse;align-items: flex-end;justify-content: center;margin-top:7px;} .kid-unify-card .wrapper .info-container .price.excursion .sup{line-height: 13px;} .kid-unify-card .wrapper .info-container .price.excursion .val{line-height: 14px;} .kid-unify-card .wrapper .info-container .price.excursion .val .old{bottom: 50px;} } .kid-tile360{height:360px;width:360px;} .kid-tile750{height:360px;width:750px;} .kid-tile1140{height:360px;width:1140px;} /*360*/ .kid-unify-card.kid-tile360 .wrapper .top-container, .kid-unify-card.kid-tile360 .wrapper .img-container{height:360px;width:360px;padding-bottom: 360px;} .kid-unify-card.kid-tile360 .wrapper .img-container .img{min-height: 360px; width: auto;max-width: unset; -webkit-transform: scale(1.2) translateX(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px) + 2.5%)); } .kid-unify-card.kid-tile360 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile360 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px))); transform: scale(1) translateX(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px))); } .kid-unify-card.kid-tile360 .wrapper .content-container{position: absolute;bottom: 0;left: 0; width: 100%;height: auto;z-index: 100;} .kid-unify-card.kid-tile360 .wrapper .content-container .title-h3{color: #ffffff;font-size: 24px;line-height: 30px;text-transform: unset;} .kid-unify-card.kid-tile360 .wrapper .content-container .region{color: #ffffff;opacity: 0.8;font-size: 15px;line-height: 25px;} .kid-unify-card.kid-tile360 .wrapper .content-container .region.excurRegionAsPriceLabel{font-family: 'Tahoma', sans-serif;color: #ffffff;opacity: 1;font-size: 15px;line-height: 20px;margin-top: 5px;} /*end 360*/ /*750*/ .kid-unify-card.kid-tile750 .wrapper .top-container, .kid-unify-card.kid-tile750 .wrapper .img-container{height:360px;width:750px;padding-bottom: 360px;} .kid-unify-card.kid-tile750 .wrapper .img-container .img{width: auto;max-width: unset;min-width: 750px;height: auto;min-height: 360px; -webkit-transform: scale(1.2) translateX(calc(50% - 375px - calc(50% - 375px) - calc(50% - 375px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 375px - calc(50% - 375px) - calc(50% - 375px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px) + 2.5%)); } .kid-unify-card.kid-tile750 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile750 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 375px - calc(50% - 375px) - calc(50% - 375px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px))); transform: scale(1) translateX(calc(50% - 375px - calc(50% - 375px) - calc(50% - 375px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px))); } .kid-unify-card.kid-tile750 .wrapper .content-container{position: absolute;bottom: 0;left: 0; width: 100%;height: auto;z-index: 100;} .kid-unify-card.kid-tile750 .wrapper .content-container .title-h3{color: #ffffff;font-size: 24px;line-height: 30px;text-transform: unset;} .kid-unify-card.kid-tile750 .wrapper .content-container .region{color: #ffffff;opacity: 0.8;font-size: 15px;line-height: 25px;} .kid-unify-card.kid-tile750 .wrapper .content-container .region.excurRegionAsPriceLabel{font-family: 'Tahoma', sans-serif;color: #ffffff;opacity: 1;font-size: 15px;line-height: 20px;margin-top: 5px;} /*end 750*/ /*1140*/ .kid-unify-card.kid-tile1140 .wrapper .top-container, .kid-unify-card.kid-tile1140 .wrapper .img-container{height:360px;width:1140px;padding-bottom: 360px;} .kid-unify-card.kid-tile1140 .wrapper .img-container .img{width: auto;max-width: unset;min-width: 1140px;height: auto;min-height: 360px; -webkit-transform: scale(1.2) translateX(calc(50% - 570px - calc(50% - 570px) - calc(50% - 570px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 570px - calc(50% - 570px) - calc(50% - 570px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px) + 2.5%)); } .kid-unify-card.kid-tile1140 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile1140 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 570px - calc(50% - 570px) - calc(50% - 570px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px))); transform: scale(1) translateX(calc(50% - 570px - calc(50% - 570px) - calc(50% - 570px))) translateY(calc(50% - 180px - calc(50% - 180px) - calc(50% - 180px))); } .kid-unify-card.kid-tile1140 .wrapper .content-container{position: absolute;bottom: 0;left: 0; width: 100%;height: auto;z-index: 100;} .kid-unify-card.kid-tile1140 .wrapper .content-container .title-h3{color: #ffffff;font-size: 24px;line-height: 30px;text-transform: unset;} .kid-unify-card.kid-tile1140 .wrapper .content-container .region{color: #ffffff;opacity: 0.8;font-size: 15px;line-height: 25px;} .kid-unify-card.kid-tile1140 .wrapper .content-container .region.excurRegionAsPriceLabel{font-family: 'Tahoma', sans-serif;color: #ffffff;opacity: 1;font-size: 15px;line-height: 20px;margin-top: 5px;} /*end 1140*/ /* large-tab */ @media screen and (min-width: 992px) and (max-width: 1199px){ .kid-tile360{height:300px;width:300px;} .kid-tile750{height:300px;width:620px;} .kid-tile1140{height:300px;width:940px;} /*360*/ .kid-unify-card.kid-tile360 .wrapper .top-container, .kid-unify-card.kid-tile360 .wrapper .img-container{height:300px;width:300px;padding-bottom: 300px;} .kid-unify-card.kid-tile360 .wrapper .img-container .img{min-height: 300px; width: auto;max-width: unset; -webkit-transform: scale(1.2) translateX(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px) + 2.5%)); } .kid-unify-card.kid-tile360 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile360 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px))); transform: scale(1) translateX(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px))); } /*end 360*/ /*750*/ .kid-unify-card.kid-tile750 .wrapper .top-container, .kid-unify-card.kid-tile750 .wrapper .img-container{height:300px;width:620px;padding-bottom: 300px;} .kid-unify-card.kid-tile750 .wrapper .img-container .img{width: auto;max-width: unset;min-width: 620px;height: auto;min-height: 300px; -webkit-transform: scale(1.2) translateX(calc(50% - 310px - calc(50% - 310px) - calc(50% - 310px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 310px - calc(50% - 310px) - calc(50% - 310px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px) + 2.5%)); } .kid-unify-card.kid-tile750 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile750 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 310px - calc(50% - 310px) - calc(50% - 310px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px))); transform: scale(1) translateX(calc(50% - 310px - calc(50% - 310px) - calc(50% - 310px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px))); } /*end 750*/ /*1140*/ .kid-unify-card.kid-tile1140 .wrapper .top-container, .kid-unify-card.kid-tile1140 .wrapper .img-container{height:300px;width:940px;padding-bottom: 300px;} .kid-unify-card.kid-tile1140 .wrapper .img-container .img{width: auto;max-width: unset;min-width: 940px;height: auto;min-height: 300px; -webkit-transform: scale(1.2) translateX(calc(50% - 470px - calc(50% - 470px) - calc(50% - 470px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 470px - calc(50% - 470px) - calc(50% - 470px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px) + 2.5%)); } .kid-unify-card.kid-tile1140 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile1140 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 470px - calc(50% - 470px) - calc(50% - 470px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px))); transform: scale(1) translateX(calc(50% - 470px - calc(50% - 470px) - calc(50% - 470px))) translateY(calc(50% - 150px - calc(50% - 150px) - calc(50% - 150px))); } /*end 1140*/ } /* tab */ @media screen and (min-width: 768px) and (max-width: 991px){ .kid-tile360{height:345px;width:345px;} .kid-tile750, .kid-tile1140{height:345px;width:720px;} /*360*/ .kid-unify-card.kid-tile360 .wrapper .top-container, .kid-unify-card.kid-tile360 .wrapper .img-container{height:345px;width:345px;padding-bottom: 345px;} .kid-unify-card.kid-tile360 .wrapper .img-container .img{min-height: 345px; width: auto;max-width: unset; -webkit-transform: scale(1.2) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px) + 2.5%)); } .kid-unify-card.kid-tile360 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile360 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px))); transform: scale(1) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px))); } /*end 360*/ /*750*/ .kid-unify-card.kid-tile750 .wrapper .top-container, .kid-unify-card.kid-tile750 .wrapper .img-container{height:345px;width:720px;padding-bottom: 345px;} .kid-unify-card.kid-tile750 .wrapper .img-container .img{width: auto;max-width: unset;min-width: 720px;height: auto;min-height: 345px; -webkit-transform: scale(1.2) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ) + 2.5%)); } .kid-unify-card.kid-tile750 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile750 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ))); transform: scale(1) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ))); } /*end 750*/ /*1140*/ .kid-unify-card.kid-tile1140 .wrapper .top-container, .kid-unify-card.kid-tile1140 .wrapper .img-container{height:345px;width:720px;padding-bottom: 345px;} .kid-unify-card.kid-tile1140 .wrapper .img-container .img{width: auto;max-width: unset;min-width: 720px;height: auto;min-height: 345px; -webkit-transform: scale(1.2) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ) + 2.5%)); } .kid-unify-card.kid-tile1140 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile1140 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ))); transform: scale(1) translateX(calc(50% - 360px - calc(50% - 360px) - calc(50% - 360px))) translateY(calc(50% - 172.5px - calc(50% - 172.5px ) - calc(50% - 172.5px ))); } /*end 1140*/ /*360_tab*/ .kid-tile360_tab{height:345px;width:345px;} .kid-unify-card.kid-tile360_tab .wrapper .top-container, .kid-unify-card.kid-tile360_tab .wrapper .img-container{height:345px;width:345px;padding-bottom: 345px;} .kid-unify-card.kid-tile360_tab .wrapper .img-container .img{min-height: 345px; width: auto;max-width: unset; -webkit-transform: scale(1.2) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px) + 2.5%)); transform: scale(1.2) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px) + 2.5%)); } .kid-unify-card.kid-tile360_tab .wrapper .img-container .img:hover, .kid-unify-card.kid-tile360_tab .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img{ -webkit-transform: scale(1) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px))); transform: scale(1) translateX(calc(50% - 172.5px - calc(50% - 172.5px) - calc(50% - 172.5px))); } /*end 360*/ } /* mob */ @media screen and (max-width: 767px){ .kid-tile360, .kid-tile750, .kid-tile1140{height:290px;width:100%;} /*360,750,1140*/ .kid-unify-card.kid-tile360 .wrapper .top-container, .kid-unify-card.kid-tile360 .wrapper .img-container, .kid-unify-card.kid-tile750 .wrapper .top-container, .kid-unify-card.kid-tile750 .wrapper .img-container, .kid-unify-card.kid-tile1140 .wrapper .top-container, .kid-unify-card.kid-tile1140 .wrapper .img-container {height:290px;width:100%;padding-bottom: 290px;} .kid-unify-card.kid-tile360 .wrapper .img-container .img, .kid-unify-card.kid-tile750 .wrapper .img-container .img, .kid-unify-card.kid-tile1140 .wrapper .img-container .img {min-height: 290px; min-width: 100%;height: auto;width: auto;max-width: unset; -webkit-transform: scale(1.2) translateX(0) translateY(calc(50% - 145px - calc(50% - 145px ) - calc(50% - 145px ) + 2.5%)); transform: scale(1.2) translateX(0) translateY(calc(50% - 145px - calc(50% - 145px ) - calc(50% - 145px ) + 2.5%)); } .kid-unify-card.kid-tile360 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile360 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img, .kid-unify-card.kid-tile750 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile750 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img, .kid-unify-card.kid-tile1140 .wrapper .img-container .img:hover, .kid-unify-card.kid-tile1140 .wrapper .img-container .kid-coverimg-mask03gradient:hover ~ .img { -webkit-transform: scale(1) translateX(0) translateY(calc(50% - 145px - calc(50% - 145px ) - calc(50% - 145px ) + 2.5%)); transform: scale(1) translateX(0) translateY(calc(50% - 145px - calc(50% - 145px ) - calc(50% - 145px ) + 2.5%)); } .kid-unify-card.kid-tile360 .wrapper .content-container .title-h3, .kid-unify-card.kid-tile750 .wrapper .content-container .title-h3, .kid-unify-card.kid-tile1140 .wrapper .content-container .title-h3{font-size: 20px;} /*end 360,750,1140*/ } /* extra-mob*/ @media screen and (max-width: 475px){ .kid-unify-card.kid-tile360 .wrapper .img-container .img, .kid-unify-card.kid-tile750 .wrapper .img-container .img, .kid-unify-card.kid-tile1140 .wrapper .img-container .img {min-height: unset; min-width: unset;height: 290px;width: auto;max-width: unset; -webkit-transform: scale(1.2) translateX(0) translateY(calc(50% - 145px - calc(50% - 145px ) - calc(50% - 145px ) + 2.5%)); transform: scale(1.2) translateX(0) translateY(calc(50% - 145px - calc(50% - 145px ) - calc(50% - 145px ) + 2.5%)); } } /* end kid-unify-card*/ /* special kid classes*/ .kid-resume{font-size: 17px;line-height: 27px;color: #333;} .kid-resume img{width: 100% !important;height: auto !important;} .kid-resume h2{font-size: 24px;} .kid-resume h3{font-size: 20px;}.kid-resume .list_2 h3{font-size: 20px;} .kid-resume p:last-child{margin-bottom: 0;} .kid-default-mt{margin-top: 90px !important;} .kid-default-basegutters{padding: 90px 0 !important;} .kid-megamenu-container i{font-size: 8px;line-height: 20px;} .kid-megamenu{min-width:210px;} .main-menu ul.kid-megamenu{border-top: 2px solid #51bce6;border-bottom: 2px solid #51bce6;} .main-menu ul.kid-megamenu:before{border-bottom-color: #51bce6;} .main-menu ul.kid-megamenu li a{line-height: 20px;padding: 10px 20px;color:#333;} .main-menu ul.kid-megamenu li:last-child a{font-weight:700;} .main-menu ul.kid-megamenu li a:hover{color:#51bce6;} .kid-btn{display: flex;justify-content: center;background: #51bce6;color: #fff;padding: 10px;cursor: pointer;outline: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;float:left;} .kid-btn:hover{color: #fff;background:#333;} .kid-btn i{font-size: 20px;} .kid-btn i.kid-icons-hand-down{margin-top:3px;} .kid-btn.rounded{width: 45px;height: 45px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .kid-btn.good-vote{background: #7dbe14;color: #fefefe;} .kid-btn.good-vote:hover{} .kid-btn.bad-vote{background: #efefef;color: #979797;} .kid-btn.bad-vote:hover{background: #ed3b23;color: #fff;} .kid-select-disable{background-color:#e9ecef;color:#777777;} @media screen and (max-width: 1200px) { .kid-unify-card .wrapper .content-container .text.reviewsPage{height: 130px;} } @media screen and (min-width: 992px) and (max-width: 1199px){ .kid-unify-card .wrapper .content-container .text.reviewsPage{height: 145px;} } @media screen and (max-width: 991px) { .kid-default-mt{margin-top: 60px !important;} .kid-default-basegutters{padding: 60px 0 !important;} .main-menu ul.kid-megamenu{border-top: none;} } @media screen and (max-width: 767px) { .kid-resume{font-size: 18px;line-height: 30px;} .kid-unify-card .wrapper .top-container{height: auto;} .kid-unify-card .wrapper .img-container{padding-bottom:0px;} .kid-default-mt{margin-top: 40px !important;} .kid-default-basegutters{padding: 40px 0 !important;} .kid-unify-card .wrapper .content-container .text.reviewsPage{height: auto;} } /* end special kid classes*/ /* kidgallery.js*/ .kidgallery-wrap{top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999;position: fixed;outline: none !important;display: none;} .kidgallery-overlay{top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: fixed;background: #0b0b0b;opacity: .8;} .kidgallery-container{text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;display: flex;} .kidgallery-arrow{position: absolute;opacity: .65;filter: alpha(opacity=65);margin: 0;top: 50%;margin-top: -55px;width: 90px;height: 110px;-webkit-tap-highlight-color: rgba(0,0,0,0);overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;} .kidgallery-arrow:before, .kidgallery-arrow:after{content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;} .kidgallery-arrow:before{border-top-width: 21px;border-bottom-width: 21px;opacity: .7;} .kidgallery-arrow:after{border-top-width: 13px;border-bottom-width: 13px;top: 8px;} .kidgallery-arrow:hover{opacity: 1;} .kidgallery-arrow-prev{left:0;} .kidgallery-arrow-prev:before{margin-left: 25px;border-right: 27px solid #3f3f3f;} .kidgallery-arrow-prev:after{border-right: 17px solid #FFF;margin-left: 31px;} .kidgallery-arrow-next{right:0;} .kidgallery-arrow-next:before{border-left: 27px solid #3f3f3f;} .kidgallery-arrow-next:after{border-left: 17px solid #FFF;margin-left: 39px;} .kidgallery-btn-close{position: relative;width: 15px;height: 15px;color: #fff;opacity: 0.6;cursor: pointer;margin: 0 0 0 auto;} .kidgallery-btn-close:before, .kidgallery-btn-close:after{position: absolute;content: "";display: block;width: 100%;height: 3px;background-color: #fff;} .kidgallery-btn-close:before{transform: rotate(45deg);} .kidgallery-btn-close:after{transform: rotate(-45deg);} .kidgallery-btn-close:hover{opacity:1;} .kidgallery-container-figure{position: relative;display: inline-block;vertical-align: middle;margin: auto;text-align: left;padding-top: 10px;max-width: 90%;} .kidgallery-container-figure-img, .kidgallery-container-figure-img img{max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .kidgallery-container-figure-img.photozoom{border: 10px solid #fff;} .kidgallery-container-figure-img img{cursor:pointer;width: auto;max-width: 100%;height: auto;max-height: 85vh;display: block;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;} .kidgallery-container-figure-counter{position: relative;color: #ccc;text-align: right;margin-top: 3px;font-size: 12px;} /* tab+mobile */ @media screen and (max-width: 991px){ .kidgallery-container-figure{max-width: 85%;} } /* end kidgallery.js*/ .kid-icons-animation{color: #E83874;} .kid-icons-attraction{color: #7FBB51;} .kid-icons-children-pool{color: #56CCC2;} .kid-icons-game-zone{color: #E83874;} .kid-icons-mini-club{color: #AC5BD0;} .kid-icons-pool{color: #4BADDF;} .kid-icons-room-kitchen{color: #ECA23F;} .kid-icons-childrens-menu{color: #ECA23F;} .kid-icons-childrens-restaurant{color: #49B2AB;} .kid-icons-crib{color: #D061C1;} .kid-icons-doctor{color: #E83874;} .kid-icons-high-chair{color: #49B2AB;} .kid-icons-mini-disko{color: #7FBB51;} .kid-icons-nanny{color: #EDCD49;} .kid-icons-adjacent-room{color: #EDCD49;} .kid-icons-family-apartment{color: #4BADDF;} .kid-icons-without-food{color: #D061C1;} .kid-icons-breakfast{color: #ECA23F;} .kid-icons-breakfast--dinner{color: #56CCC2;} .kid-icons-full-board{color: #E83874;} .all-inclusive{color: #7FBB51;} .kid-icons-dietary{color: #EDCD49;} .kid-icons-four-meals{color: #49B2AB;} .kid-icons-five-meals{color: #4BADDF;} .kid-icons-reef{color: #EDCD49;} .kid-icons-own-beach{color: #AC5BD0;} .kid-icons-public-beach{color: #D061C1;} .kid-icons-playground{color: #4BADDF;} .kid-icons-water-attractions{color: #E83874;} .kid-icons-beach-cafe{color: #7FBB51;} .kid-icons-beach-volleyball{color: #AC5BD0;} .kid-icons-language, .kid-icons-for-boys, .kid-icons-chess, .kid-icons-stationary, .kid-icons-military, .kid-icons-dance { color: #E83874; } .kid-icons-english, .kid-icons-deutsch, .kid-icons-family, .kid-icons-the-day-off { color: #7FBB51; } .kid-icons-international, .kid-icons-creative, .kid-icons-movie, .kid-icons-patriotic, .kid-icons-hours { color: #AC5BD0; } .kid-icons-educational, .kid-icons-ski, .kid-icons-computer, .kid-icons-thematic, .kid-icons-hockey, .kid-icons-camps-2 { color: #4BADDF } .kid-icons-wellness, .kid-icons-horse, .kid-icons-sightseeing, .kid-icons-tent, .kid-icons-cossack { color: #56CCC2; } .kid-icons-sports, .kid-icons-french, .kid-icons-music, .kid-icons-sanatorium { color: #EDCD49; } .kid-icons-football, .kid-icons-for-girls, .kid-icons-tourist, .kid-icons-day, .kid-icons-pioneer { color: #ECA23F } .kid-icons-basketball, .kid-icons-religious { color: #49B2AB; } /* excursions categories */ .kid-icons-group{color: #ac5bd0;} .kid-icons-individual{color: #4baddf;} .kid-icons-for-children{color: #eca23f;} .kid-icons-for-school-children{color: #e83874;} .kid-icons-hiking{color: #7fbb51;} .kid-icons-bus{color: #56ccc2;} .kid-icons-car{color: #edcd49;} .kid-icons-one-day{color: #d061c1;} .kid-icons-many-days{color: #eca23f;} .kid-icons-sightseeing-tour{color: #49b2ab;} .kid-icons-historical{color: #edcd49;} .kid-icons-museums{color: #7fbb51;} .kid-icons-gastronomic{color: #ac5bd0;} .kid-icons-unusual{color: #4baddf;} .kid-icons-evening{color: #e83874;} .kid-icons-night{color: #7fbb51;} .kid-icons-photographic{color: #4baddf;} .kid-icons-trip{color: #56ccc2;} .kid-icons-thematic-tour{color: #e83874;} .kid-icons-best{color: #4baddf;} .kid-icons-discount{color: #eca23f;} .kid-icons-free{color: #56ccc2;} .kid-icons-interesting{color: #edcd49;} .kid-icons-ticket{color: #ac5bd0;} .kid-icons-online-tour{color: #7fbb51;} /* end excursions categories */ .list_1 ul, .list_2 ul { list-style: none; padding: 0; margin-bottom: 0; } .list_1 ul li i:before{ position: absolute; font-size: 24px; left: 0; color: #7dbe14; } .list_1 ul li, .list_2 ul li { position: relative; font-size: 15px; display: inline-block; margin-right: 8px; color: #8a8a8a; }.list_2 ul li a { color: #555;}.list_2 ul li a:hover {color: #333333;} .list_1 ul li { padding-left: 35px; padding-bottom: 30px; margin-right: 25px; } .list_2 ul li { font-size: 14px; padding-left: 10px; padding-bottom: 10px; } .list_1 ul li i:before{ position: absolute; font-size: 24px; left: 0; color: #7dbe14; } .list_2 ul li:before { position: absolute; content: "\e981"; font-family: "kid-icons"; color: #7dbe14; left: 0; font-size: 8px; } .single_tour_feat_child ul li { border: 1px solid transparent !important; background: white !important; } .single_tour_feat_child.list_1 ul li i:before { color: black !important; font-size: 18px !important; } .modal-open { display: block !important; position: fixed !important; top: 0; left: 0; opacity: 1; padding-right: 17px !important; } .js-popup.modal-open { display: flex !important; align-items: center; justify-content: center; } .js-popup.modal-open form { padding: 47px 20px 22px !important; } .modal-background { position: absolute; top: 0; right: 0; left: 0; height: 100vh; background-color: #000; opacity: 0; } .modal-open .modal-background {opacity: 0.6;} body.modal-open { position: relative !important; overflow: hidden !important; padding-right: 0px; } @media (max-width: 768px){ #carousel-id2 .carousel-inner { height: 450px !important; } }