body {
    overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 24px;
    letter-spacing: 0;
    color: #060e35;
}


h3 {
    font-weight: 600;
}

.fix-spoiler::-webkit-scrollbar { width: 5px; height: 0px;}
.fix-spoiler::-webkit-scrollbar-button {  background-color: #009de0; }
.fix-spoiler::-webkit-scrollbar-track {  background-color: #999;}
.fix-spoiler::-webkit-scrollbar-track-piece { background-color: #f7f9fa;}
.fix-spoiler::-webkit-scrollbar-thumb { height: 50px; background-color: #009de0; border-radius: 3px;}
.fix-spoiler::-webkit-scrollbar-corner { background-color: #999;}
.fix-spoiler::-webkit-resizer { background-color: #999;}

input[type="date"]::-webkit-datetime-edit { /*padding: 1em;*/ }
input[type="date"]::-webkit-datetime-edit-fields-wrapper { /*background: silver;*/ }
input[type="date"]::-webkit-datetime-edit-text { /*color: red; padding: 0 0.3em;*/ }
input[type="date"]::-webkit-datetime-edit-month-field { /*color: blue;*/ }
input[type="date"]::-webkit-datetime-edit-day-field { /*color: green;*/ }
input[type="date"]::-webkit-datetime-edit-year-field { /*color: purple;*/ }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-clear-button { display: none!important; }
input[type="date"]::-ms-clear { display: none!important; }
input[type="date"]::-webkit-calendar-picker-indicator { background: #009de0; color: white; height: 16px; width: 16px; border-radius: 3px; margin-bottom: 5px;}
input[type="date"]::-webkit-inner-spin-button {
    opacity: 0
}

.bg-white-hb {
    background-color: #f7f9fa!important;
}

.color-gray-hb {
    color: #3f4045!important;
}

.scale {
    display: inline-block;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.scale img {
    transition: all 1s ease-out; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
}
.scale img:hover {
    transform: scale(1.2); /* Увеличиваем масштаб */
    margin-bottom: 20px;
}

.m_div .image{
    height: 167px;
}

@media (max-width: 1200px) {
    .m_div .image{
        height: 137px;
    }
}

@media (max-width: 991px) {
    .m_div .image{
        height: 217px;
    }
}

@media (max-width: 767px) {
    .m_div .image{
        height: 157px;
    }
}

@media (max-width: 537px) {
    .m_div .image{
        height: 129px;
    }
}

@media (max-width: 537px) {
    .hb_hide {
        display: none;
    }
}





input[type="date"]::-webkit-calendar-picker-indicator {
    background: url("data:image/svg+xml,%3Csvg class='bi bi-calendar' width='1em' height='1em' viewBox='0 0 20 20' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 2H4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2zM3 5.857C3 5.384 3.448 5 4 5h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H4c-.552 0-1-.384-1-.857V5.857z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M8.5 9a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") center/80% no-repeat;
    color: rgba(0, 0, 0, 0);
    opacity: 0.6
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    background: url("data:image/svg+xml,%3Csvg class='bi bi-calendar' width='1em' height='1em' viewBox='0 0 20 20' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 2H4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2zM3 5.857C3 5.384 3.448 5 4 5h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H4c-.552 0-1-.384-1-.857V5.857z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M8.5 9a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") center/80% no-repeat;
    opacity: 0.9
}

  input[type="time"]{
    width:120px;
    border: none;
    clip-path: inset(0 17px 0 0);
    outline:none;
    outline:0;
  }

  
.wrn-btn{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: 100%;
    border-radius:0;
}

.hb_form input, .hb_form textarea {
    outline: 0!important; 
    outline-offset: 0!important; 
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border: 0px!important;
}

.hb_form input::placeholder {
    color: #626262;
}


.hb_form input:focus, .hb_form input:hover, .hb_form input:active {
    outline: 0!important; 
    outline-offset: 0!important; 
    -moz-user-select: -moz-none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border: 0px!important;
}



.title {
    color: #060e35;
}

.text_numbers {
    color: #3f4045;
}

.navbar-nav .active a{
    color: #009de0!important;
}

.osobennost .image {
    float: right;
    margin-right: -100px;
    margin-bottom: -86px;
}

@media (max-width: 768px) {
    .osobennost .image {
        margin-right: -15px;
        max-width: 100%;
    }

    .osobennost .title_90{
        display: none!important;
    }
}

@media (max-width: 560px) {
    .osobennost .image {
        margin-right: -15px;
        max-width: 100%;
    }
}

.hb_margin_top{
    margin-top: -40px;
}



@media (max-width: 767px) {
    .hb_margin_top{
        margin-top: 20px;
    }

    .hb_margin_top .image{
        max-height: 250px;
        max-width: 100%;
    }
}

.hb_container_absolut{
    margin-top: -84px;
    background-color: white;
}

.lh14{
    line-height: 1.4;
}

.lh18{
    line-height: 1.8;
}

.hb_footer_slider img{
    max-width: 100%;
}


.nav-link {
    display: block;
    padding: 0rem 1rem;
    margin-top: 8px;
    margin-bottom: 8px;
}



@media (min-width: 992px) {
    .hb_br {
        border-right: 2px solid #e2e5e6;
    }
}




.osobennost .title_90 {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(-90deg);
    font-size: 88px!important;
    margin-left: 206px;
    position: absolute;
    margin-top: -49px;
}

.bg-marshut{
    background-color: #009de0;
    color: white;
}

.bg-marshut .title{
    color: white;
}

.marshrut .image img{
	max-width: 100%;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.darkened {
    position: relative;
  }
   
.darkened::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      border-radius: 12px;
      background: rgba(0, 0, 0, 0);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0%) 0%, rgba(0,0,0,12%) 33%, rgba(0, 0, 0, 0.25) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0%)), color-stop(33%, rgba(0, 0, 0, 12%)), color-stop(100%, rgba(0, 0, 0, 0.25)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0%) 0%, rgba(0, 0, 0, 33%) 33%, rgba(0, 0, 0, 0.25) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0%) 0%, rgba(0, 0, 0, 12%) 33%, rgba(0, 0, 0, 0.25) 100%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0%) 0%, rgba(0, 0, 0, 12%) 33%, rgba(0, 0, 0, 0.25) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0%) 0%, rgba(0, 0, 0, 12%) 33%, rgba(0, 0, 0, 0.25) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  }

  .darkened::before {/*
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 30%) 0%, rgba(246,246,246,40%) 33%, rgba(255, 255, 255, 0.75) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 30%)), color-stop(33%, rgba(246,246,246,40%)), color-stop(100%, rgba(255, 255, 255, 0.75)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 30%) 0%, rgba(246,246,246,40%) 33%, rgba(255, 255, 255, 0.75) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 30%) 0%, rgba(246,246,246,40%) 33%, rgba(255, 255, 255, 0.75) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 30%) 0%, rgba(246,246,246,40%) 33%, rgba(255, 255, 255, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 30%) 0%, rgba(246,246,246,40%) 33%, rgba(255, 255, 255, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );*/
}

  .comments_border {
    border: 1px solid #eff1f2;
  }


.marshrut .m_div{
	border: 2px solid #f7f9fa;
	border-radius: 12px;
}

.marshrut .towns{
	color: #060e35;
    border-left: 1px dashed #060e35;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 66px;
}


@media (max-width: 400px) {
    .marshrut .towns{
        color: #060e35;
        border-left: 1px dashed #060e35;
        margin-left: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        min-height: 66px;
    }
}


@media (max-width: 360px) {
    .marshrut .town0{
        font-size: 12px;
    }

    .marshrut .town1{
        font-size: 12px;
    }
    .marshrut .town2{
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .marshrut .prices{
        margin-top: 40px;
    }
}




.marshrut .prices{
    border-top: 2px solid #f7f9fa;
}

.marshrut .price{
	color: #009de0;
}

.marshrut .br-2{
	border-right: 2px solid #f7f9fa;
}


.marshrut .towns .town0 {
	margin-top: -8px;
    float: left;
	width: 100%;
}

.marshrut .towns .town1 {
	margin-top: 5px;
    float: left;
	width: 100%;
}

.marshrut .towns .town2{
	margin-top: 5px;
    float: left;
	width: 100%;
}

.marshrut .towns .town0:before {
	content: "•";
    padding-left: 10px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
}

.marshrut .towns .town1:before {
	content: "•";
    padding-left: 10px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
}

.marshrut .towns .town2:before {
	content: "•";
    padding-left: 10px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
}

@media (max-width: 360px) {
    .marshrut .towns .town0:before {
        padding-right: 0px;
    }

    .marshrut .towns .town1:before {
        padding-right: 0px;
    }
    
    .marshrut .towns .town2:before {
        padding-right: 0px;
    }
}

.krug1{
    margin-top: -13px;
    float: left;
    margin-right: 0px;
}
.krug2{
    margin-top: -13px;
    float: left;
    margin-right: 0px;
}

.krug1:before {
/*    content: "•";
    padding-left: 11px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
    margin-top: -12px;
    */
}
.krug2:before {
    /*
    content: "•";
    padding-left: 11px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: right;
    margin-top: -12px;
    */
}

.b_dashed_krug{
    border-top: 1px dashed #060e35; 
    margin-top: 13px;
}






.marshrut_buttom {
    font-weight: 600;
    color: #009de0;
    background-color: #f7f9fa !important;
    border: 2px solid #f7f9fa !important;
}

.marshrut_buttom:hover {
    font-weight: 600;
    color: #fff;
    background-color: #009de0 !important;
    border: 2px solid #009de0 !important;
}


.fix-spoiler {
    height: 22em;
    overflow-y: scroll;
}

.fix-spoiler::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}



.prestige_color{
    color: #009de0;
}
.marshrut_detail .m_div{
	border: 2px solid #f7f9fa;
	border-radius: 12px;
}

.hb_height{
    height: 100%;
}

@media (max-width: 767px) {
    .hb_height{
        height: auto;
    }
}

.marshrut_detail .towns{
	color: #fff;
    border-left: 1px dashed #fff;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 103px;
    min-height: 98px;
    text-transform: uppercase;
}

.uppercase{
    text-transform: uppercase;
}

.marshrut_detail .towns .town0 {
	margin-top: -22px;
    float: left;
    width: 100%;
    line-height: 40px;
}

.marshrut_detail .towns .town1 {
	margin-top: 12px;
    float: left;
    width: 100%;
    line-height: 40px;
}

.marshrut_detail .towns .town2{
	margin-top: 10px;
    float: left;
    width: 100%;
    line-height: 40px;
}

.marshrut_detail .towns .town0:before {
	content: "•";
    padding-left: 10px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
}

.marshrut_detail .towns .town1:before {
	content: "•";
    padding-left: 10px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
}

.marshrut_detail .towns .town2:before {
	content: "•";
    padding-left: 10px;
    padding-right: 13px;
    margin-left: -31px;
    font-size: 30px;
    float: left;
}

.marshrut_detail .prices{
    /*border-top: 2px solid #f7f9fa;*/
}

.marshrut_detail .price{
	color: #009de0;
}

.marshrut_detail .br-2{
	border-right: 2px solid #e5e8e9;
}


.marshrut_detail_zi{
    z-index: 2; height: 100%; position: absolute; width: 100%; margin-left: 0px;
}





#zakaz-form {height:65px;background-color:#fff;box-shadow:0 5px 5px rgba(25,25,25,.3);}

#zakaz-form .uk-form-label {
    font-size: 12px;
    text-transform: none;
    color: #797979;
    margin: 0;
    position: absolute;
    left: 53px;
    top: 10px;
}

.hb-input{
background: #fff;
}

#zakaz-form .uk-grid>div {position:relative;padding-left: 10px;}
#zakaz-form .uk-input {background-color:transparent;    height: 55px;margin-top:10px;font-size:15px;}

#zakaz-form .uk-input::placeholder {
    color:#595959;
}
#zakaz-form .uk-form-icon  svg {color:#b8b8b8;}
#zakaz-form .uk-button {
    background: #fa022d;
    border: 0;
    line-height: 65px;
    color: #fff;
    padding: 0 37px;
    font-size: 17px;
    width:100%;
}
#zakaz-form .uk-button:hover {
    background:#08182a;
}


.uk-form-icon:not(.uk-form-icon-flip)~.uk-input, .uk-form-icon:not(.uk-form-icon-flip)~.uneditable-input:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=color]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=date]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=datetime-local]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=datetime]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=email]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=month]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=number]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=password]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=search]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=tel]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=text]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=time]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=url]:not([class*=uk-]), .uk-form-icon:not(.uk-form-icon-flip)~input[type=week]:not([class*=uk-]) {
    padding-left: 42px!important;
}
.uk-input, .uk-select:not([multiple]):not([size]), .uneditable-input:not([class*=uk-]), input[type=color]:not([class*=uk-]), input[type=date]:not([class*=uk-]), input[type=datetime-local]:not([class*=uk-]), input[type=datetime]:not([class*=uk-]), input[type=email]:not([class*=uk-]), input[type=month]:not([class*=uk-]), input[type=number]:not([class*=uk-]), input[type=password]:not([class*=uk-]), input[type=search]:not([class*=uk-]), input[type=tel]:not([class*=uk-]), input[type=text]:not([class*=uk-]), input[type=time]:not([class*=uk-]), input[type=url]:not([class*=uk-]), input[type=week]:not([class*=uk-]), select:not([class*=uk-]):not([multiple]):not([size]) {
    height: 42px;
}
.uk-input, .uk-select, .uk-textarea, .uneditable-input:not([class*=uk-]), input[type=color]:not([class*=uk-]), input[type=date]:not([class*=uk-]), input[type=datetime-local]:not([class*=uk-]), input[type=datetime]:not([class*=uk-]), input[type=email]:not([class*=uk-]), input[type=month]:not([class*=uk-]), input[type=number]:not([class*=uk-]), input[type=password]:not([class*=uk-]), input[type=search]:not([class*=uk-]), input[type=tel]:not([class*=uk-]), input[type=text]:not([class*=uk-]), input[type=time]:not([class*=uk-]), input[type=url]:not([class*=uk-]), input[type=week]:not([class*=uk-]), select:not([class*=uk-]), textarea:not([class*=uk-]) {
    width: 100%;
    padding: 0 10px;
}


.uk-form-label {
    font-size: 10px;
    color: #626262;
    margin-left: 12px;
    margin-top: -11px;
    margin-bottom: -40px;
    /* float: left; */
    z-index: 1;
    position: absolute;
}


.preimushestva ul{
	margin-bottom: 0rem;
	padding-inline-start: 0px;
}
.preimushestva li{
	padding-top:22px;
	list-style-type: none;
	color: #3f4045;
}
.preimushestva li:before {
	content: "—"; 
}


@media (max-width: 912px) {
    .preimushestva li{
        padding-top:20px;
        list-style-type: none;
        color: #3f4045;
    }
}


@media (max-width: 560px) {
    .preimushestva li{
        padding-top:15px;
        list-style-type: none;
        color: #3f4045;
    }
}




.hb_img {
    max-width: 100%;
}

.hb_prod_img img {
    max-width: 100%;
    max-height: 100%;
    height: 100% !important;
    width: auto !important;
    display: initial !important;
    padding-top: 30px;
    padding-left: 5px;
    padding-right: 5px;
}

.card-img-top {
    width: fit-content;
    max-height: 162px;
    max-width: 100%;
    padding: 10px;
}

.cbp-item-wrapper a:hover .title {
    color: #00385b;
}

.hb_description li span {
    font-weight: 500;
    display: block;
    margin-bottom: 3px;
    color: #6c6f70;
    font-size: 16px;
}

.hb_description li {
    position: relative;
    list-style: none;
    color: #6c6f70;
    list-style-type: none;
}

.hb_description li p {
    font-size: 16px;
    color: #6c6f70;
}

.hb_description li p img {
    height: 7px;
    width: auto;
    display: inline;
    margin-bottom: 4px;
}

.basic-mark.to-left {
    left: 10px;
    right: auto;
}

.basic-mark {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: normal;
    padding: 3px 9px;
    z-index: 99;
}

.white,
.white-hover:hover {
    color: #fff !important;
}

.bold {
    font-weight: 700;
}

.phone img {
    margin-bottom: .150em;
    margin-right: 0.4em;
}

.phone {
    margin-right: .900em;
    font-weight: 600;
    white-space: nowrap;
    color: #2b2d2e;
    text-decoration: unset !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }
}

.nav-link {
    font-size: 17px;
    color: #070e38 !important;
    font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .hb_bottom_zabronirovat{
        font-size: 10px;
    }
}

@media only screen and (min-width: 768px){
    .hb_bottom_zabronirovat{
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

.zamir {
    font-weight: 600;
    color: #fff;
    background-color: #009de0 !important;
    border: 2px solid #009de0 !important;
}

.zamir:hover {
    font-weight: 600;
    color: #009de0;
    background-color: #fff !important;
    border: 2px solid #009de0 !important;
}

.zamir2 {
    font-weight: 500;
    color: #fff;
    background-color: #009de0 !important;
    border: 2px solid #009de0 !important;
}

.zamir2:hover {
    font-weight: 500;
    color: #009de0;
    background-color: #009de000 !important;
    border: 2px solid #009de0;
}

/*

 * Slider

 */
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 7%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #2b2d2e;
    text-align: center;
}

.carousel-caption h2 {
    font-size: 50px;
}

.carousel-caption p {
    font-size: 25px;
}

.logo_lider {}

.logo_viknaland {
    margin-right: 10em !important;
    margin-left: 10em !important;
}

.logo_salamander {
    max-height: 23px;
}

@media (max-width: 1207px) {
    .logo_viknaland {
        margin-right: 7em !important;
        margin-left: 7em !important;
    }
}

@media (max-width: 1114px) {
    .carousel-caption h2 {
        font-size: 35px;
    }

    .carousel-caption p {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .logo_viknaland {
        margin-right: 5em !important;
        margin-left: 5em !important;
    }
}

@media (max-width: 785px) {
    .carousel-caption h2 {
        font-size: 25px;
    }

    .carousel-caption p {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (max-width: 560px) {
    .carousel-caption h2 {
        font-size: 18px;
    }

    .carousel-caption p {
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .btn-lg {
        font-size: 1rem;
    }

    .btn-sm {
        font-size: .775rem;
    }
}

@media (max-width: 500px) {
    .carousel-caption h2 {
        font-size: 15px;
    }

    .carousel-caption p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .btn-lg {
        font-size: .875rem;
    }

    .btn-sm {
        font-size: .700rem;
    }

    .phone {
        font-size: 12px;
    }
}

@media (max-width: 359px) {
    .knopka {
        margin-top: 10px !important;
    }
}

@media (max-width: 1008px) {
    .logo_lider {
        height: 15px;
        width: 100px;
    }

    .logo_viknaland {
        height: 28px;
        margin-right: 3em !important;
        margin-left: 3em !important;
        width: 120px;
    }

    .logo_salamander {
        height: 15px;
        max-height: 23px;
    }
}

@media (max-width: 850px) {
    .logo_lider {
        height: 15px;
        width: 100px;
    }

    .logo_viknaland {
        height: 28px;
        margin-right: 3em !important;
        margin-left: 3em !important;
        width: 120px;
    }

    .logo_salamander {
        height: 15px;
        max-height: 23px;
    }
}



/*

 * Footer

 */
.footer {
    /*padding-bottom: 1.5rem;*/
    color: #2d2d2d;
    text-align: center;
    border-top: .05rem solid #e5e5e5;
}

.bg-footer{
	background: url(../img/elements/footer_img.jpg) center bottom no-repeat;	
}

.footer a {
    color: #2d2d2d;
}

.footer p:last-child {
    margin-bottom: 0;
}

.footer .title {
    font-weight: 400;
    color: #6a6a6e;
    padding-bottom: 0px;
}

.logo img {
    width: auto;
    height: auto;
    max-height: 95px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
    max-width: 100%;
}

a.rollover .m_lider {
    background: url(../img/ico/lider1.png);
    /* Путь к файлу с исходным рисунком  */
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

a.rollover:hover .m_lider {
    background: url(../img/ico/lider2.png);
    /* Путь к файлу с заменяемым рисунком  */
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

a.rollover .m_viknaland {
    background: url(../img/ico/viknaland1.png);
    /* Путь к файлу с исходным рисунком  */
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

a.rollover:hover .m_viknaland {
    background: url(../img/ico/viknaland2.png);
    /* Путь к файлу с заменяемым рисунком  */
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

a.rollover .m_salamander {
    background: url(../img/ico/salamander1.png);
    /* Путь к файлу с исходным рисунком  */
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

a.rollover:hover .m_salamander {
    background: url(../img/ico/salamander2.png);
    /* Путь к файлу с заменяемым рисунком  */
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

.perevagu div img {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fe923d;
}

.perevagu div {
    color: #2b2d2e;
    font-size: 15px;
    font-weight: 500;
}

.hb_bg_main1 {
    background-image: url(../img/elements/s1.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hb_bg_main1 {
    background-image: url(../img/elements/s1.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hb_bg_main0 {
    background-image: url(../img/elements/s0.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.creditcss {
    color: #2b2d2e;
    font-weight: 500;
}

.credit_img {
    margin-top: -145px;
    margin-bottom: -100px;
}

@media (max-width: 991px) {
    .credit_img {
        margin-top: -35px;
        margin-bottom: -100px;
    }
}

.credit {
    font-size: 18px;
}

.credit div img {
    height: 9px;
    width: auto;
    display: inline;
    margin-bottom: 1px;
}

.credit_border {
    border-bottom: 1px solid #d8d8d8
}

@media (max-width: 767px) {
    .credit_border {
        border-bottom: 0px solid #f4f4f8
    }
}

.block_zamir {
    background-color: #00385b;
    color: white;
}

.bg_zamir {
    max-width: 800px;
    min-height: 550px;
    background: url(../img/elements/zamer.jpg) right bottom no-repeat;
}

.bg-none {
    background: #00000026;
    color: #99afbd;
    border: 1px solid #376588;
}

.bg-none::placeholder {
    color: #99afbd;
}

@media (max-width: 767px) {
    .bg-none {
        background: #00000080;
        color: #99afbd;
        border: 1px solid #376588;
    }

    .bg-none::placeholder {
        color: #fff;
    }
}

.hb_bg_main_credit {
    background-image: url(../img/elements/s2.jpg);
    background-repeat: no-repeat;
    min-height: 600px;
}

.lg-backdrop {
    background-color: rgba(20, 20, 20, .8) !important;
}

.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb {
    background-color: rgba(0, 0, 0, .2) !important;
}

.description-box {
    margin: 0 0 0 -7px;
    padding: 21px 0 13px;
    list-style: none;
    overflow: hidden;
    font-size: 16px;
    line-height: 17px;
    position: relative;
}

.table-box td:nth-child(2n) {
    text-align: right;
}

.orange {
    color: #009de0;
}

.green {
    color: #009de0;
}

.green a{
    color: #009de0!important;
}

.green a:hover{
    color: #009de0!important;
}

.table {
    display: table;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    /*

    color: #ffffff!important;

    background-color: #00385b;

    border-color: #dee2e6 #dee2e6 #fff;

	*/
}

.hb_justify {
    text-align: justify;
}

.lkt {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .lkt {
        margin-top: 8px;
    }
}


.lng div{
	border-left: 2px solid #dcdcdc; 
	padding-left: 5px;
}

.lng div a{
	color: #2b2d2e!important;
}

.lng .active {
	border-left: 2px solid #009de0; 
}

.fw500{
	font-weight: 500!important;
}

.fw500{
	font-weight: 500!important;
}

.fw700{
	font-weight: 700!important;
}

.fw800{
	font-weight: 800!important;
}

.fw400{
	font-weight: 400!important;
}

.lng .active a{
	color: #009de0!important;
}

.slide_logos {
	position: absolute;
    bottom: -4%;
    max-height: 300px;
}

.img_full_width img
{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.bg-black-hb, .bg-black-hb-hover:hover {
    background-color: #00000091!important;
}

.color_solidteam{
	color: #009de0!important;
}

.color_solidteam_black{
	color: #2d2d2d!important;
}

#perevagi {
	background-position: center center;
    background: url(/img/elements/perevagi.jpg) no-repeat;
	background-size: 100%;
}

.bg_news{
	background-position: center center;
	background: url(/img/elements/bg_news.jpg) no-repeat;

}

.calendar{
	border: 3px solid #f2f2f2;
	width:90px;
	height:90px;
	background-color: white;
}

.cal_date{
	color: #c4c4c4;
	font-size: 40px;
	padding-top: 22px;
	padding-bottom: 3px;
}

.cal_month{
	color: #c4c4c4;
}

.by{
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.hb_product_border {
    border-right: 15px solid #f8f8f8;
}

.ico_jo{
	width: auto!important;
	height: 12px!important;
	padding-right: 5px;
	margin-top: -3px;
	z-index:2:
}

.ico_jo_text_block	{
    position: absolute;
    bottom: 18px;
	z-index:2;
}



@media (max-width: 568px) {
	.ico_jo_text_block	{
		position: absolute;
		bottom: 5px;
		z-index:2;
	}
	
	.ico_jo_text_block .job_title{
		font-size: 10px!important;
	}
	
	.ico_jo_text_block .job_fio{
		font-size: 12px!important;
	}
	
}

.hb_product_title{
    text-align: left;
    padding-left: 14px;
    position: absolute;
    bottom: 19px;
    font-size: 25px;
    font-weight: 600;
    color: #2b2d2e;
    line-height: 27px;
}


@media (max-width: 767px) {
	.hb_product_border_mobile {
		border: 5px solid #f8f8f8!important
	}
	
	.hb_product_border {
		border-right: 0px solid #f8f8f8;
	}
	
	.hb_product_title {
		text-align: left;
		padding-left: 22px;
		position: absolute;
		bottom: 19px;
		font-size: 22px;
		font-weight: 600;
		color: #2b2d2e;
		line-height: 23px;
	}
}




@media (max-width: 1080px) {
	.hb_w_mobile img{
		width:100% !important;
	}
}




.hb_product_img{
    max-height: 547px;
}

.title_border{
	border-bottom: 2px solid #009de0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #495057;
    background-color: #ffffff00;
    border-color: #ffffff00;
    border-bottom: 1px solid #009de0;
	color: #009de0!important;
	font-weight: 500;
}

.nav-tabs .nav-link {
	border: 0px;
}

.time_line {
    border-right: 3px solid #009de0;
    padding-right: 10px;
    margin-right: 10px;
}

.slide-frame .title{
	color:#585858;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #009de0;
    content: "→";
}

.breadcrumb {
    background-color: #ffffff;
}

.product .table td, .product .table th {
    padding: 0.2rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}

.news_a_title {
    display: block;
    height: 50px;
    overflow: hidden;
}

.news_a_desc{
	display: block;
    height: 50px;
    overflow: hidden;
}

.news a{
	color:#2b2d2e;
}

.form-control {
	border-radius: 0rem;
}

.height45{
	height: 45px;
}

input::placeholder {
  color: red;
}

#lightgallery img{
	width: 100%;
}

.paralax { 
/*
	background: url('../img/sliders/slide.jpg') center 0 repeat fixed; 
	min-height: 1000px;
	height: 1000px;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
*/
}

.testimonial-item{
    background-position: 50%;
    background-size: cover;
}

.testimonial-item .sub-heading {
    color: #009de0;
    text-transform: uppercase;
    padding-left: 35px;
    margin: 0;
    position: absolute;
    top: -10px;
}

.testimonial-item .quote {
    font-size: 1.1em;
    line-height: 1.4em;
    font-style: italic;
    font-weight: 300;
    margin: 20px 0;
}

.testimonial-item .bottom {
    padding-left: 95px;
    position: relative;
    margin-top: 0px;
}

.testimonial-item .bottom:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 65px;
    height: 1px;
    box-shadow: inset 0 0 0 1px;
    color: #009de0;
}

.testimonial-item .bottom .post {
    color: #009de0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.testimonial-item .text:before {
    content: "“";
    font-size: 72px;
    font-weight: 700;
    color: #009de0;
    position: absolute;
    top: -18px;
    left: 0;
    line-height: 1em;
    padding-left: 15px;
}

.size-full{
	width: 100%;
}

.main_icon{
    width: 78px;
    height: 78px;
    background-color: #fcfcfc;
    border: 2px solid #f6f6f6;
}

.main_icon img{
	max-width: 50%;
}

a.rollover:hover .m_siloviy {
    background: url(../img/elements/m_siloviy_hover.jpg);
    height: 547px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover .m_siloviy {
    background: url(../img/elements/m_siloviy.jpg);
    height: 547px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover:hover .m_siloviy_mobile {
    background: url(../img/elements/m_siloviy_mobile_hover.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover .m_siloviy_mobile {
    background: url(../img/elements/m_siloviy_mobile.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}


a.rollover:hover .m_anten {
    background: url(../img/elements/m_anten_hover.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover .m_anten {
    background: url(../img/elements/m_anten.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}


a.rollover:hover .m_vpara {
    background: url(../img/elements/m_vpara_hover.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover .m_vpara {
    background: url(../img/elements/m_vpara.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}


a.rollover:hover .m_coac {
    background: url(../img/elements/m_coac_hover.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover .m_coac {
    background: url(../img/elements/m_coac.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover:hover .m_signal {
    background: url(../img/elements/m_signal_hover.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}

a.rollover .m_signal {
    background: url(../img/elements/m_signal.jpg);
    height: 266px;
    background-repeat: no-repeat;
    background-position: right;
}


@media (max-width: 583px) {
	.m_vpara, .m_coac, .m_signal, .m_anten, .m_siloviy, .m_siloviy_mobile{
		background-size: 100%!important;
	}
}


@media (max-width: 370px){
	.hb_product_title {
		text-align: left;
		padding-left: 22px;
		position: absolute;
		bottom: 11px;
		font-size: 16px;
		font-weight: 600;
		color: #2b2d2e;
		line-height: 23px;
	}
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #009de0;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #009de07a;
}

@media (max-width: 767px){
	.footer_asoft{
		margin-top: 11px!important;
		float: right!important;
	}
}


.office-block {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 5px 25px 0px rgba(0, 166, 81, 0.05);
    overflow: hidden;
    padding: 0 35px 15px;
}

.office-block .image {
    background-size: cover;
    background-position: 70%;
    margin: 0 -35px 30px;
}

.office-block .image:before {
    content: "";
    display: block;
    padding-bottom: 70%;
}

.office-block .contact-row {
    position: relative;
    padding-left: 25px;
    line-height: 21px;
    margin: 10px 0;
}

.contact-row i, .contact-row .icon {
    width: 35px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
}

.icon-color-littour{
	color: #3bbe5d;
}

.icon-bar{
	position: fixed;
	width: 36px;
	z-index: 9999;
	
	bottom: 5%;
    right: 2%;
}
.icon-row .soc-button,
.icon-bar .soc-button{
	border-radius: 18px;
	color: #fff;
	margin-bottom: 15px;
}
.icon-row .soc-button:hover,
.icon-bar .soc-button:hover{
	box-shadow: 0px 0px 25px 0px rgba(59,190,93,1);
}
.sb-whatsapp{
	background-color: #439c00;
}
.sb-viber{
	background-color: #874f98;
}
.sb-skype{
	background-color: #505050;
}
.sb-telegram{
	background-color: #505050;
}
.sb-facebook{
	background-color: #505050;
}
.icon-bar .sb-facebook{
	padding-left: 13px !important;
}
.sb-instagram{
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.soc-button{
	display: inline-block;
	height: 36px;
	width: 36px;
	border-radius: 18px;
	padding-top: 6px;
	padding-left: 0;
}

.icon-bar .soc-button{
	/*padding-left: 10px;*/
}

.soc-button:hover{
	cursor: pointer;
	color: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(59,190,93,1);	
}

.fa-viber:before {
    content: "\f409"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-whatsapp:before {
    content: "\f232"
}


.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

@font-face{
    font-family:Font Awesome\ 5 Brands;
    font-style:normal;
    font-weight:400;
    src:url(https://use.fontawesome.com/releases/v5.0.6/webfonts/fa-brands-400.eot);
    src:url(https://use.fontawesome.com/releases/v5.0.6/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://use.fontawesome.com/releases/v5.0.6/webfonts/fa-brands-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v5.0.6/webfonts/fa-brands-400.woff) format("woff"),url(https://use.fontawesome.com/releases/v5.0.6/webfonts/fa-brands-400.ttf) format("truetype"),url(https://use.fontawesome.com/releases/v5.0.6/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

/* flag-icon-css*/
  .flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
  }
  .flag-icon:before {
    content: "\00a0";
  }
  .flag-icon.flag-icon-squared {
    width: 1em;
  }
  .flag-icon-ru {
    background-image: url(../img/flags/4x3/ru.svg);
  }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../img/flags/1x1/ru.svg);
  }
  .flag-icon-ua {
    background-image: url(../img/flags/4x3/ua.svg);
  }
  .flag-icon-ua.flag-icon-squared {
    background-image: url(../img/flags/1x1/ua.svg);
  }

.map iframe{
	width: inherit;
	border-radius: 12px !important;
}