/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

/* Глобальные переменные */

:root {

    /* size */

    --max-data-width: 1364px;
    --base-font-size: 20px;

    /* colors */

    --main-red-color: #f30303;
    --main-pink-color: #FF0082;
    --main-green-color: #5ac801;
    --light-green-color: #e3f7d2;


    --black-color: #000;
    --white-color: #fff;

    --gray-color: #9b9b9b;
    --dark-gray-color: #797979;
    --middle-gray-color: #bbb;
    --light-gray-color: #ddd;
    --super-light-gray-color: #e4e4e4;
    --middle-thin-gray-color: #f0f0f0;
    --thin-gray-color: #f6f6f6;
    --super-thin-gray-color: #f9f9f9;

    --yandex-link-color: #000080;
    --yandex-gray-color: rgba(84, 96, 122, 0.68);


    /* backgrounds */
    --top-logo-bg : url("../graph/sambada-logo-ru.png") left center no-repeat;
    --top-paylink-bg : url("../graph/safe-pay.png") left center no-repeat;
    --top-address-bg : url("../graph/address-marker.png") left center no-repeat;
    --top-phone-bg : url("../graph/phone-marker.png") left center no-repeat;
    --top-phone-mob-bg : url("../graph/phone-green-marker.png") center center no-repeat;
    --top-callback-mob-bg : url("../graph/callback-marker.png") center center no-repeat;
    --top-menu-mob-bg : url("../graph/menu-marker.png") center center no-repeat;
    --nav-bg : url("../graph/direct-arrow.png") center center no-repeat;
    --nav-bg-gray : url("../graph/direct-arrow-gray.png") center center no-repeat;
    --nav-bg-black : url("../graph/direct-arrow-black.png") center center no-repeat;
    --bada-green-bg :  url("../graph/bada-green.png") left center no-repeat;
    --bada-green-bg-center :  url("../graph/bada-green.png") top center no-repeat;
    --bada-green-bg-top :  url("../graph/bada-green.png") top left no-repeat;
    --end-logo-bg : url("../graph/sambada-logo-w-ru.png") left center no-repeat;
    --end-logo-bg-center : url("../graph/sambada-logo-w.png") center center no-repeat;
    --end-address-bg : url("../graph/address-marker-w.png") left center no-repeat;
    --mob-menu-logo-bg : url("../graph/sambada-logo-hw-ru.png") left center no-repeat;
    --mob-menu-item-bg : url("../graph/bada-white.png") left center no-repeat;

    --visa-docs-bg : url("../graph/visa-docs-bg.jpg") top left no-repeat;

    --preorder-bg :  url("../graph/form-bg.jpg") left center no-repeat;
    --preorder-avia-bg :  url("../graph/form-avia-bg.jpg") left center no-repeat;
    --preorder-train-bg :  url("../graph/form-train-bg.jpg") left center no-repeat;
    --preorder-visa-bg :  url("../graph/form-visa-bg.jpg") left center no-repeat;

    --sample-doc-icon :  url("../graph/icon-sample-doc.png") left center no-repeat;
  
    --v-arrow-bg: url("../graph/v-arrow.png") center center no-repeat;
    
    --close-bg : url("../graph/close.png") center center no-repeat;
    --close-w-bg : url("../graph/close-w.png") center center no-repeat;



    --bg-full-height: auto 100%;
    --bg-full-width: 100% auto;
    --bg-half-height: auto 50%;
    --bg-half-width: 50% auto;
    --bg-90-height: auto 90%;
    --bg-75-height: auto 75%;
    --bg-35-height: auto 35%;
    --bg-40-height: auto 40%;


    --bg-gray-data: linear-gradient(to bottom, rgba(240,240,240,0.01), rgba(240,240,240, 1));


    --bg-slider-data: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.01));
    --bg-page-part: linear-gradient(to right, rgba(255,255,255,1) 32%, rgba(255,255,255,0.01));
    --bg-popular-h3: linear-gradient(to right, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.01));
    --bg-preorder-top: linear-gradient(to left, rgba(90,200,1,1) 35%, rgba(90,200,1,0.01));

    --white-bg-color-10per: rgba(255,255,255,0.1);
    --white-bg-color-25per: rgba(255,255,255,0.25);
    --white-bg-color-50per: rgba(255,255,255,0.5);
    --white-bg-color-75per: rgba(255,255,255,0.75);
    --white-bg-color-90per: rgba(255,255,255,0.9);

    --black-bg-color-25per: rgba(0,0,0,0.25);

    --green-bg-color-25per: rgba(90,200,1,0.25);


}


/* Сетка */

.flex-columns {position: relative; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
.flex-columns.top-align {align-items:stretch}
.flex-columns.end-align {align-items:flex-end}

.flex-columns.content-left {justify-content: flex-start;}
.flex-columns.content-right {justify-content: flex-end;}
.flex-columns.content-center {justify-content: center;}
.flex-columns.content-between {justify-content: space-between;}
.flex-columns.content-around {justify-content: space-around;}

 .flex-gap-05 { gap: 0.5rem; }

.col-1, .col-1x1 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.col-1x2 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.col-1x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.3%; max-width: 33.3%;}
.col-2x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.6%; max-width: 66.6%;}

.col-1x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-3x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

.col-1x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-2x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.col-3x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.col-4x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

.col-1x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666%; flex: 0 0 16.6%; max-width: 16.6%;}
.col-5x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.3%; max-width: 83.3%;}

.col-1x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 14.2%; flex: 0 0 14.2%; max-width: 14.2%;}
.col-2x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 28.4%; flex: 0 0 28.4%; max-width: 28.4%;}
.col-3x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 42.6%; flex: 0 0 42.6%; max-width: 42.6%;}
.col-4x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 57.4%; flex: 0 0 57.4%; max-width: 57.4%;}
.col-5x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 71.6%; flex: 0 0 71.6%; max-width: 71.6%;}
.col-6x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 85.8%; flex: 0 0 85.8%; max-width: 85.8%;}



.col-1x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
.col-3x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
.col-5x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.col-7x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}

.col-1x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}
.col-11x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666%; flex: 0 0 91.66666%; max-width: 91.66666%;}


/* Тэги */
html {min-height:100%; margin:0; padding:0; font-size: var(--base-font-size);}
body {position:relative; min-height: 100vh; margin:0; padding:0; text-align:center; font-family:'Rubik', 'Arial', 'Sans Serif' !important; font-weight:300 !important; font-size: 0.9rem !important; color: #000; background: unset !important; /* min-height:unset !important; */ line-height: unset !important;  letter-spacing: unset !important; -webkit-text-size-adjust: 100%;  transition: 0.5s ease-out; -webkit-animation: fade-animation 1s both; animation: fade-animation 1s both}
body.fix { overflow:hidden; height: 100vh; }

form {padding:0; margin: 0;}
p {margin:0; padding: 0 0 0.5rem;}
a {text-decoration: none; color: var(--main-pink-color); opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
a:hover {color:var(--main-pink-color);  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
img,a img {border:0;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300;}
h1, h2 {font-size:3rem; }
h3 {font-size:2rem; }
h4 {font-size:1.25rem; }
h1 span, h2 span, h3 span, h4 span {color:var(--main-pink-color); white-space: nowrap;}

input[type="text"], input[type="number"], input[type="password"], input[type="file"],  textarea, select {border:solid 1px var(--gray-color); width:90%; padding:0.4rem 2.5%; font-size:0.8rem; font-weight:300; text-align:left; font-family:'Rubik', 'Arial', 'Sans Serif';     border-radius: 0.2rem;}
input[type="text"].errorinput, input[type="number"].errorinput, input[type="password"].errorinput, input[type="file"].errorinput, textarea.errorinput, select.errorinput { border:solid 1px red; }


input[type="text"]::-webkit-input-placeholder {color: #c4c4c4;}
input[type="text"]::-moz-placeholder {color: #c4c4c4;}
input[type="number"]::-webkit-input-placeholder {color: #c4c4c4;}
input[type="number"]::-moz-placeholder {color: #c4c4c4;}
input[type="file"]::-webkit-input-placeholder {color: #c4c4c4;}
input[type="file"]::-moz-placeholder {color: #c4c4c4;}
textarea::-webkit-input-placeholder {color: #c4c4c4; }
textarea::-moz-placeholder {color: #c4c4c4; }

input[type="text"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--main-red-color); }
input[type="text"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--main-red-color);}
input[type="file"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--main-red-color); }
input[type="file"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--main-red-color);}
textarea.errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--main-red-color);  }
textarea.errorinput::-moz-placeholder {font-weight: 300; font-size:0.75rem; color: var(--main-red-color);  }

body select.errorinput { color:var(--main-red-color) !important;  }
body select option:disabled { color:var(--main-red-color) !important;  }
body select option {font-size:0.75rem !important; font-weight:300 !important;}


/* Модификаторы */
.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

/* Секции */
.wrapper {position:relative; display:block !important; width:100%;  padding:0;  margin:0; text-align:center; flex:unset !important; flex-direction:unset !important; }
  .wrapper .wrap {position: relative; display:block; max-width:var(--max-data-width); margin:auto; padding:0 2.5%;}


/* Шапка */
.wrtop { background-color: var(--white-color); }
  .wrtop .wrap .flex-columns { height:10rem; text-align:left; }

  .wrtop .top-logo { position: relative; width:90%; height:0; padding-top:60%; overflow:hidden; }
    .wrtop .top-logo a { position: absolute; top:0; left:0; bottom:0; right:0; background: var(--top-logo-bg); background-size: var(--bg-full-height); }

  .wrtop .top-data { position: relative; }
    .wrtop .top-data .flex-columns { height:unset; }
    .wrtop .top-data .top-links { position: relative; display: inline-block;  margin-left:1rem;}
    .wrtop .top-data .top-links .top-pay-social {position: relative; width:100%;}
      .wrtop .top-data .top-links .top-pay-social .top-paylink a {position: relative; display: inline-block; cursor:pointer; width:7.5rem; height:2rem; background: var(--top-paylink-bg); background-size: var(--bg-full-height); }
      .wrtop .top-data .top-links .top-pay-social .top-social {position: absolute; display: inline-block; right:0; top:0.4rem; }
        .wrtop .top-data .top-links .top-pay-social .top-social a {position: relative; display: inline-block; width:1.2rem; height:1.2rem; margin-left:0.5rem; }
    .wrtop .top-data .top-links .top-menu {position: relative; display: inline-block;}
      .wrtop .top-data .top-links .top-menu {position: relative; display: inline-block;}
        .wrtop .top-data .top-links .top-menu ul {position: relative; padding:0; margin:0; list-style: none;}
          .wrtop .top-data .top-links .top-menu ul li {position: relative; display: inline-block; padding:0; margin:0;}
            .wrtop .top-data .top-links .top-menu ul li a {position:relative; display: inline-block; cursor: pointer; padding:0 0.5rem; margin:0; font-size: 0.65rem; color:var(--dark-gray-color); text-transform: uppercase; border-left: solid 1px var(--dark-gray-color); }
            .wrtop .top-data .top-links .top-menu ul li a:hover { color:var(--black-color); }
            .wrtop .top-data .top-links .top-menu ul li:first-child a {padding-left:0; border-left:0px; }
            .wrtop .top-data .top-links .top-menu ul li:last-child a {padding-right:0; }

    .wrtop .top-data .top-feedback { position: relative; text-align:right; }
      .wrtop .top-data .top-feedback .top-contacts {position: relative; display: inline-block; right:11rem;}
        .wrtop .top-data .top-feedback .top-contacts .top-address {position: relative;display: block;}
          .wrtop .top-data .top-feedback .top-contacts .top-address label {position: relative; display: inline-block; padding-left:1.2rem; font-size:0.65rem;  background: var(--top-address-bg); background-size:var(--bg-full-height); }
        .wrtop .top-data .top-feedback .top-contacts .top-phone {position: relative;display: block;}
          .wrtop .top-data .top-feedback .top-contacts .top-phone a {position: relative; display: inline-block; margin-top:0.4rem; padding-left:2rem; font-size:1.35rem; font-weight:400; background: var(--top-phone-bg); background-size:var(--bg-full-height); }
      .wrtop .top-data .top-feedback .top-callback {position: absolute; display:inline-block; right:0; top:0; width:9rem; text-align:center; }
        .wrtop .top-data .top-feedback .top-callback .button {position: relative; display:block;}
          .wrtop .top-data .top-feedback .top-callback .button a {position: relative; display:block; padding:0.5rem 0; font-size:0.8rem; text-transform: uppercase; text-align: center;}
        .wrtop .top-data .top-feedback .top-callback .top-worktime {position: relative; display:block; margin-top:0.3rem; font-size:0.6rem; color:var(--gray-color); }


  .wrtop .main-menu { position: relative; margin-top:1rem; }
    .wrtop .main-menu ul { position: relative; padding: 0; margin: 0; list-style: none; margin-right: 2rem;}
      .wrtop .main-menu ul li { position: relative; display:inline-block; min-width:17.5%; padding: 0; margin: 0; }
      /* .wrtop .main-menu ul li:hover { background-color: var(--thin-gray-color); }     */
        .wrtop .main-menu ul li  a { position: relative; display: inline-block; padding:0.35rem 1rem; margin:0; font-size:1.05rem; font-weight: 400; color:var(--black-color);}
        .wrtop .main-menu ul li  a:hover {  color:var(--main-pink-color);}
        .main-menu ul li.parent a span {position: relative; display: inline-block; padding-right:0.85rem; white-space: nowrap;}
        .main-menu ul li.parent a span::after {content:"›"; position: absolute; top:0; right:0; display:inline-block; transform: rotate(90deg);}
        .main-menu ul li.parent:hover a span::after {content:"›"; position: absolute; top:0; right:0; display:inline-block; transform: rotate(-90deg);}

        .wrtop .main-menu ul li ul {position:absolute; left:0; top:100%; display:none; padding: 1rem 0.75rem; background-color: var(--white-color);  box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.1); z-index:6; }
        .wrtop .main-menu ul li:hover ul { display: inline-block; min-width:14rem; /* background-color: var(--thin-gray-color); */ }
          .wrtop .main-menu ul li ul li { display: inline-block; min-width:50%}
            .wrtop .main-menu ul li ul li a { display: block !important; cursor:pointer; font-size:0.8rem; font-weight:300; }
          .main-menu ul li ul li.parent a span::after {content:"›" !important; position: absolute !important; top:0 !important; right:0 !important; display:inline-block !important;  transform:none !important; }

        .wrtop .main-menu ul li ul li ul {display:none !important;}
        .wrtop .main-menu ul li ul li:hover ul {position:absolute; left:99%; top:-1rem; display:inline-block !important; padding: 1rem 0.75rem; background-color: var(--white-color);  box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.1); z-index:6}




.wrtopvisor { padding:0.5rem 0; background-color: var(--main-green-color); }


/* Слайдер на главной */
.slider {position: relative; height: 0; padding-top: 33%; overflow: hidden;  background-color: var(--light-gray-color);}
  .slider .slider-data {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:hidden; }

  .slider .ms-item {position:relative; z-index: 3;}
    .slider .ms-item .ms-container {position:absolute; display:flex; top: 0; left:0; right: 0; bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: left;  z-index: 4; }
      .slider .ms-item .ms-container .ms-data {position:relative; display:inline-block; width:100%; margin-bottom:2rem; padding:2.5rem 5%; padding-top:3.5rem; font-size:1.2rem; text-align:left; background: var(--bg-slider-data);}
        .slider .ms-item .ms-container .ms-data .ms-text {width:40%; padding:0 20%; color:var(--white-color)}
        .slider .ms-item .ms-container .ms-data h3 {margin-bottom:1rem; line-height:1.1; font-size:3.6rem; font-weight: 600; color:var(--white-color); }
          .slider .ms-item .ms-container .ms-data h3 span {display:block; font-size:4rem; color:var(--white-color);}
        .slider .ms-item .ms-container .ms-data a.button {position: relative; display: inline-block; margin-top:1.5rem; padding:1rem 2rem; font-size:0.9rem; color:var(--white-color); text-transform: uppercase; background-color: var(--main-pink-color); }

    .slider .ms-item .ms-img {position: relative; display: block; width:100%; height:0; padding-top:33%; overflow:hidden;}
      .slider .ms-item .ms-img::after {content:""; position: absolute; display:block; width:100%; top:0; left:0; right:0; bottom:0; background-color: var(--black-bg-color-25per); }
        .slider .ms-item .ms-img img { position: absolute; top:50%; left:50%; width:unset !important;  height:105%; transform: translate(-50%,-50%);  }

    .slider .ms-item .ms-img img.mob-pic {display: none;}

  .slider .owl-carousel {position: unset; text-align: center;}

  .slider .owl-carousel .owl-nav {position: absolute; top:calc(50% - 2.5rem); width:100%; max-width: var(--max-data-width); margin: auto 50%;  transform: translate(-50%,0);}
    .slider .owl-carousel .owl-nav div {position:relative; display: inline-block; width:3rem; height:5rem; margin:0 0.25rem; background:var(--nav-bg); background-size: auto 60%;  overflow: hidden; opacity:0.75;}
      .slider .owl-nav div:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
      .slider .owl-nav div.owl-prev {float:left; margin-left:2%}
      .slider .owl-nav div.owl-next {float:right; margin-left:2%; transform:rotate(180deg)}

  .slider .owl-carousel .owl-dots {position: absolute; bottom:5%; left:70%; width:28.5%; }
    .slider .owl-carousel .owl-dots .owl-dot {position: relative; display: inline-block; width: 0.9rem; height: 0.9rem; margin: 0 0.25rem; border-radius: 50%;  background-color: var(--white-color);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity:0.5; }
      .slider .owl-carousel .owl-dots .owl-dot.active {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  opacity:1;  }
      .slider .owl-carousel .owl-dots .owl-dot::hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease;    opacity:0.8;  }


/* Горящие на главной */
.wrmainfiretours {padding-bottom:2rem;}

  .main-firetours {position: relative; }

  .main-firetours .main-fire-menu {position: relative; width: calc(100% - 6rem); height:3rem; /* overflow:hidden; */ }
    .main-firetours .main-fire-menu .main-fire-menu-wrap {position: absolute; left:0; top:0; white-space: nowrap; }
      .main-firetours .main-fire-menu .main-fire-menu-wrap a {position: relative; display:inline-block; cursor:pointer; width:100%; padding:0.75rem 0; margin-right:0.5rem;  font-size:0.9rem; text-align:center; color:var(--white-color); background-color: var(--main-green-color); }
        .main-firetours .main-fire-menu .main-fire-menu-wrap a.active {background-color: var(--main-pink-color); }
        .main-firetours .main-fire-menu .main-fire-menu-wrap a:hover {background-color: var(--main-pink-color); }

  .main-firetours .main-fire-data {position: relative;  width:100%; overflow:hidden; }
    .main-firetours .main-fire-widgets {padding:0.5rem 0; }
      .main-firetours .main-fire-widgets .fire-widget { position: relative; display: none; }
        .main-firetours .main-fire-widgets .fire-widget.active { display: block; }

  .main-fire-menu-nav {position: absolute; top:0; right:0;}
    .main-fire-menu-nav a {position: relative; display:inline-block; cursor:pointer; margin-left:0.5rem; width:2.5rem; height:2.5rem; background:var(--nav-bg-black); background-size: var(--bg-half-height); border:solid 1px var(--light-gray-color); opacity:0.6; }
    .main-fire-menu-nav a.menu-nam-next { transform:rotate(180deg) }
    .main-fire-menu-nav a:hover {opacity:1;}

  .owl-firememu .owl-nav {position: absolute; top:0; right:-6rem; z-index:10;}
    .owl-firememu .owl-nav .owl-prev {position: relative; display:inline-block; cursor:pointer; margin-left:0.5rem; width:2.5rem; height:2.5rem; background:var(--nav-bg-black); background-size: var(--bg-half-height); border:solid 1px var(--light-gray-color); opacity:0.6; }
    .owl-firememu .owl-nav .owl-next {position: relative; display:inline-block; cursor:pointer; margin-left:0.5rem; width:2.5rem; height:2.5rem; background:var(--nav-bg-black); background-size: var(--bg-half-height); border:solid 1px var(--light-gray-color); opacity:0.6; transform:rotate(180deg)}




/* Популярные на главной */
.wrmainpopular {padding:3rem 0; }

   .main-popular {position: relative; padding:1rem 0; }
    .popular-item {position: relative; text-align:left; }
      .popular-item .popular-item-data {position: relative; margin:0 3%; overflow:hidden; }
        .popular-item .popular-item-data .popular-img { position: relative; width:100%; height:0; padding-top:65%; overflow:hidden; }
          .popular-item .popular-item-data .popular-img img { position: absolute; top:50%; left:50%; width:100%; min-height:100%; transform: translate(-50%,-50%); }
          .popular-item .popular-item-data .popular-img span  { position: absolute; display:inline-block; top:5%; left:5%; width:20%; height:0; padding-top:20%; }
        .popular-item .popular-item-data h3 {position: relative; top:-3.5rem; line-height:1.1; padding:1rem; font-size:1.4rem; font-weight:600; background: var(--bg-popular-h3) ;}
          .popular-item .popular-item-data h3 a { color: var(--black-color) ;}
        .popular-item .popular-item-data .popular-resort {position: relative; top:-3rem; padding:1rem;  min-height:3.5rem;}
          .popular-item .popular-item-data .popular-resort a { font-size:0.9rem; color:var(--dark-gray-color) }
        .popular-item .popular-item-data .popular-price { position: relative;  top:-3.5rem; padding:0 1rem; line-height:2.5rem; color:var(--white-color); font-size:0.8rem; background-color:var(--main-green-color);}
          .popular-item .popular-item-data .popular-price h4 { font-size:0.8rem;  }
          .popular-item .popular-item-data .popular-price span { font-size:1.2rem; font-weight: 600; }
        .popular-item .popular-item-data .popular-link a {position: absolute; display:inline-block; bottom:4.2rem; right:1rem; padding:0.75rem 1.5rem; font-size:0.8rem; color:var(--white-color); text-transform: uppercase; background-color: var(--main-pink-color); }

    .main-popular .owl-carousel .owl-dots {position: absolute; bottom:0.25rem; left:25%; width:50%; }
      .main-popular .owl-carousel .owl-dots .owl-dot {position: relative; display: inline-block; width: 0.75rem; height: 0.75rem; margin: 0 0.25rem; border-radius: 50%;  background-color: var(--light-gray-color);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity:0.5; }
        .main-popular .owl-carousel .owl-dots .owl-dot.active {background-color: var(--main-pink-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  opacity:1;  }
        .main-popular .owl-carousel .owl-dots .owl-dot::hover {background-color: var(--dark-gray-color); -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease;    opacity:0.8;  }


/* Преимущества на главной */
.main-advantages {position: relative; padding-top:2rem;}
  .main-advantages .advantage-item {margin-right:5%; margin-bottom:2.5rem; }
    .main-advantages .advantage-item .advantage-img {position: relative; width:80%; height:0; padding-top:80%; overflow: hidden;}
        .main-advantages .advantage-item .advantage-img img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity:0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
        .main-advantages .advantage-item:hover .advantage-img img {opacity:0.75; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
    .main-advantages .advantage-item h5 { position:relative; padding-bottom:0.25rem; font-size:1rem; font-weight:400; color:var(--main-pink-color); }
    .main-advantages .advantage-item .advantage-text { position: relative; padding-right:10%; font-size:0.75rem; color:var(--dark-gray-color); }



/* Форма подбора туров */
.wrpreorder {padding-top:2rem; background-color: var(--main-green-color);}
  .wrpreorder .wrap {z-index:5;}
  .preorder-bg {position: absolute; top:0; left:0; bottom:0; right:0;  width:100%; background: var(--preorder-bg); background-size: cover; overflow: hidden; z-index:4}
    .preorder-bg::after {content:""; position: absolute; top:0rem; left:80%; bottom:0; right:0;  width:100%; background-color:var(--main-green-color); z-index:5}
  .preorder-bg.avia {position: absolute; top:0; left:0; bottom:0; right:0;  width:100%; background: var(--preorder-avia-bg); background-size: cover; overflow: hidden; z-index:4}
  .preorder-bg.train {position: absolute; top:0; left:0; bottom:0; right:0;  width:100%; background: var(--preorder-train-bg); background-size: cover; overflow: hidden; z-index:4}
  .preorder-bg.visas {position: absolute; top:0; left:0; bottom:0; right:0;  width:100%; background: var(--preorder-visa-bg); background-size: cover; overflow: hidden; z-index:4}

  .preorder {position: relative;  padding:2rem 0; margin-left:35%; width:60%; text-align:left; color:var(--white-color); background-color: var(--main-green-color);}
    .preorder::before {content:""; position: absolute; left:0; top:-2rem; width:100%; height:2rem; background: var(--bg-preorder-top); }
      .preorder .preorder-data {position:relative; margin: 0 12%;}

      .preorder .preorder-data h5 {padding-bottom:1rem; font-size:1.2rem}
      .preorder .preorder-data h4 {padding-bottom:1.5rem; line-height:1.1; font-size:2.3rem; font-weight:600;}

      .preorder .preorder-data .preorder-form {position: relative;}
      .preorder .preorder-data .preorder-form .form-item {position:relative; margin-right:5%; padding-bottom:0.75rem;}
        .preorder .preorder-data .preorder-form .form-item span {position:relative; display:block; padding-bottom:0.2rem;  font-size:0.9rem;}
        .preorder .preorder-data .preorder-form .form-item input {position:relative; width:90%; padding:0.75rem 5%; font-size:0.9rem; border: solid 1px white;}
        .preorder .preorder-data .preorder-form .form-item textarea {position:relative; width:97.5%; height:4rem; padding:0.75rem 2.5%; font-size:0.8rem; border: solid 1px white;}
        .preorder .preorder-data .preorder-form .form-item .preorder-info { position: relative; padding-left: 40%; font-size:0.7rem;}
        .preorder .preorder-data .preorder-form .form-item .preorder-info a { color: var(--white-color); }
        .preorder .preorder-data .preorder-form .form-item .button a {position: absolute; display:inline-block; cursor:pointer;  top:0; left:0; width:35%; padding:0.75rem 0; text-align: center; text-transform: uppercase; background-color: var(--main-pink-color); z-index:5;}


/* Список партнеров  */
.wrmainpartners {padding:2rem 0; padding-bottom:3rem;}
   .main-partners {position: relative; padding:0 3%;}
     .main-partners .partner-item {position: relative; padding:0.5rem 20%;}
       .main-partners .partner-item .partner-img {position: relative; width:100%; overflow: hidden; }
         .main-partners .partner-item .partner-img img {max-width:100%;}


/* Дополнительные услуги  на главной */
.wrservices {padding:0;}
   .main-services {position: relative; padding-top:1rem; }
      .main-services .service-item {position: relative; margin:0 3%; margin-bottom:2rem; text-align:left;  overflow:hidden; }
        .main-services .service-item .service-img { position: relative; width:100%; height:0;  padding-top:56%; overflow:hidden; }
          .main-services .service-item .service-img img { position: absolute; top:50%; left:50%; width:100%; min-height:100%; transform: translate(-50%,-50%); }
        .main-services .service-item h4  { position: relative; display:block; padding-bottom:0.75rem; border-top: solid 0.01rem var(--white-color);  font-size:1rem; background-color: var(--thin-gray-color); }
          .main-services .service-item h4 a { position: relative; display:block; padding:0.75rem 1rem; font-size:0.9rem; font-weight:400; color:var(--white-color); background-color: var(--main-green-color);   }
          .main-services .service-item .service-link a {position: absolute; display:inline-block; bottom:0; right:0.35rem; padding:0.65rem 1rem; font-size:0.8rem; color:var(--white-color); text-transform: uppercase; background-color: var(--main-pink-color); }

/* Страница услуги */
.wrservicedata { padding-top:2rem }


/*  Отзывы */
.wrreviews { padding-top: 0; padding-bottom: 1rem; text-align:left; background-color: var(--form-bg-blue-color);}

  .wrreviews .wrtitle h3 {display:inline-block; font-size: 2.25rem;  text-align: left; }

  .wrreviews .reviews-list {position: relative; padding: 1.5rem 0; }
    .wrreviews .reviews-list .review-item {position: relative;margin: 1rem 5%; min-height: 9rem; background-color: var(--white-color);  box-shadow: 0.15rem 0.15rem 0.3rem rgba(0, 0, 0, 0.1); }
    .wrreviews .reviews-list .review-item .review-item-data { position: relative; padding: 0.75rem; }
      .wrreviews .reviews-list .review-item .review-author {position: relative; display: flex; align-items: center; padding-bottom: 0.5rem;}
        .wrreviews .reviews-list .review-item .review-author .review-avatar {position: relative; display: flex; width: 2.5rem;}
          .wrreviews .reviews-list .review-item .review-author .review-avatar img {position: relative; border-radius: 50%; max-width: 2.1rem;}
        .wrreviews .reviews-list .review-item .review-author .review-name {display: flex; width: calc(100% - 2.5rem);  font-size: 0.75rem;  font-weight: 600;  color: var(--yandex-link-color);}
      .wrreviews .reviews-list .review-item .review-date-stars {position: relative; display: flex; align-items: center;  padding-bottom: 0.25rem;}
        .wrreviews .reviews-list .review-item .review-date { position: relative; display: flex; font-size: 0.7rem; color: var(----yandex-gray-color);  line-height: 0.8rem;}
        .wrreviews .reviews-list .review-item .review-stars { position: relative; padding-right: 0.25rem;}
          .wrreviews .reviews-list .review-item .review-stars span {display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.05rem; background: url(../graph/yandex_star.svg) center center no-repeat;  background-size: auto 100%;}
        .wrreviews .reviews-list .review-item .review-text {position: relative; padding-right: 0.25rem; font-size: 0.7rem; max-height: 4rem; line-height: 1.2; text-align:left;  overflow: auto;}
          .wrreviews .reviews-list .review-item .review-text::-webkit-scrollbar {  width: 2px; }
          .wrreviews .reviews-list .review-item .review-text::-webkit-scrollbar-track { background-color: var(--white-color);}
          .wrreviews .reviews-list .review-item .review-text::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);}

    .wrreviews .reviews-links {position: relative; display: inline-block; left: 6.5%; top: 0.75rem;}
      .wrreviews .reviews-links span {display: block; margin-bottom: 0.5rem; text-transform: uppercase; opacity: 0.6;}
      .wrreviews .reviews-links .reviews-links-list { display: flex; align-items: flex-start;}
        .wrreviews .reviews-links .reviews-links-list div {margin-right: 0.25rem;}
          .wrreviews .reviews-links .reviews-links-list div img {max-height: 2.25rem;}


    .wrreviews .reviews-list .reviews-link { position: relative; padding: 1rem 1.75rem; margin-bottom:1.5rem;  background-color: var(--thin-gray-color); text-align:left; }
      .wrreviews .reviews-list .reviews-link h4 { font-size:1.2rem; }
      .wrreviews .reviews-list .reviews-link span { position: absolute; right:1.75rem; top:0.6rem; display:inline-block; }
        .wrreviews .reviews-list .reviews-link span a {  display:inline-block; padding:0.5rem 1rem; font-size:1rem; color:var(--white-color); background-color: var(--main-pink-color); }
          .wrreviews .reviews-list .reviews-link span a:hover {  background-color: var(--main-pink-color); }


/* Внутренние страницы */

.wrpage { padding-bottom:0.5rem; }

  .wrpage .page-info { text-align:left;  }

  .wrpage .krohi {position: relative; padding-top:0.5rem; font-size:0.7rem; color:var(--dark-gray-color) }
    .wrpage .krohi span {display:inline-block; margin:0 0.25rem;}
    .wrpage .krohi a {color:var(--dark-gray-color)}
      .wrpage .krohi a:hover {color:var(--black-color)}
    .wrpage .krohi ul {position:relative; display:inline-block; margin:0; padding:0;}
      .wrpage .krohi ul li {position:relative; display:inline-block; margin:0; padding:0; padding-left:0.5rem; padding-right:0.25rem; }
        .wrpage .krohi ul li:before {content:">"; position: absolute; display:inline-block; left:0; top:0.05rem; margin:0; font-size:0.6rem;}
        .wrpage .krohi ul li:first-child {padding-left:0; }
        .wrpage .krohi ul li:first-child:before {content:""; display:none;}

  .wrpage .wrap .page-title h1 { position: relative; margin-top:0.5rem; margin-bottom: 1.5rem; padding-left: 6%; font-size: 2.5rem; font-weight: 400; text-align: left;  background: var(--bada-green-bg);  background-size: var(--bg-full-height); }

.standart-page .wrpage { padding-bottom:0; }

.wrpagetext { /* padding:2rem 0; */ text-align:left; }
  .wrpagetext .block-data { padding:2rem 0; }



/* Каталог туров */
.country-list { padding-top:2rem; }
.country-desc { padding:1.5rem 0; }

/* Поиск туров */
.tour-search { padding:2rem 0; }


/* Страница оформление визы */
.wrvisa { padding:2rem 0; }

  .wrvisa h2 { text-align:center; font-size:1.7rem; font-weight: 400; }
  .wrvisa h3 { text-align:center; font-size:1.5rem; font-weight: 400; }
  .wrvisa h4 { text-align:center; font-size:1.25rem; font-weight: 400; }
  .wrvisa ul { margin-top: 0.25rem; }

  .wrvisa .page-block { text-align:left; }

  .visa-price-overlay {position:relative; width:100%; overflow:auto; }

  .visa-price-table { position: relative; padding:1rem 0; border:0; width:100%;}
    .visa-price-table tr td { padding:0.8rem; font-size:0.75rem }
      .visa-price-table tr td strong { font-weight:400; color: var(--main-pink-color); }

      .visa-price-table tr th { padding:0.5rem; background-color:rgba(0,0,0,0.1); text-align:center; font-size:0.6rem; font-weight:400; }
        .visa-price-table tr th:first-child { padding:0.5rem 1.5rem; text-align:left; }

      .visa-price-table tr:nth-child(2n-1) td { background-color: rgba(255,255,255,0.2);  }
      .visa-price-table tr:nth-child(2n) td { background-color: rgba(255,255,255,0.8);  }
      .visa-price-table tr td p { padding:0; }

      .visa-price-table tr td.visa-price-type { padding:0.8rem 1.5rem; font-size: 0.9rem; font-weight:600; text-align:left; }
      .visa-price-table tr td.visa-price-time { font-size: 0.75rem; white-space: nowrap; }
      .visa-price-table tr td.visa-price-cost { font-size: 1rem; font-weight: 600; color:var(--main-pink-color);  white-space: nowrap; text-align:center; }
        .visa-price-table tr td.visa-price-cost span { font-size: 0.75rem; }
        .visa-price-table tr td.visa-price-cost label { display:block; font-size: 0.55rem; font-weight:400; }
      .visa-price-table tr td.visa-price-num { position:relative; text-align:center; text-align:center; }
        .visa-price-table tr td.visa-price-num input { position:relative; display: inline-block; margin:0 0.5rem; padding:0.5rem; width:2.5rem; text-align:center; font-size:1rem; font-weight:400 !important; border:0; background-color: transparent; }
        .visa-price-table tr td.visa-price-num sup { position:absolute; cursor:pointer; display: inline-block; left:calc(50% - 2.25rem); top:calc(50% - 0.55rem);  font-size:0.8rem; font-weight:400 !important; width:1rem; height:1rem; line-height:1rem; border:solid 1px var(--light-gray-color); border-radius: 50%; background-color:var(--white-color); vertical-align:unset; }
          .visa-price-table tr td.visa-price-num sup:hover { border:solid 1px var(--main-green-color); background-color:var(--main-green-color); color: var(--white-color); }
        .visa-price-table tr td.visa-price-num sub { position:absolute; cursor:pointer; display: inline-block; left:calc(50% + 1.5rem); top:calc(50% - 0.55rem); font-size:0.8rem; font-weight:400 !important; width:1rem; height:1rem;  line-height:1rem; border:solid 1px var(--light-gray-color); border-radius: 50%; background-color:var(--white-color); vertical-align:unset; }
          .visa-price-table tr td.visa-price-num sub:hover { border:solid 1px var(--main-green-color); background-color:var(--main-green-color); color: var(--white-color); }
        .visa-price-table tr td.visa-price-incost { text-align:center; }

.visa-docs-table { position: relative; padding:1rem 0; border:0; width:100%;}
    .visa-docs-table tr th { padding:0.5rem 1rem; background-color:rgba(0,0,0,0.1); text-align:center; font-size:0.75rem; font-weight:400; }
    .visa-docs-table tr td { padding:0.5rem 1rem; background-color:rgba(255,255,255,0.8); vertical-align: top; font-size:0.85rem; }

.visa-important { padding:1rem 2rem; /* background-color:rgba(255,255,255,0.5); */ }
  .visa-important h3 { font-size:1.2rem; font-weight: 600; text-transform: uppercase; }
  .visa-important .block-text {padding-top:1rem; font-size:0.85rem}
    .visa-important .block-text ul {margin-top:0;}

.visa-ins-add {position: relative; padding:1rem 0; font-size:0.75rem; text-align: center; background-color: rgba(255,255,255,0.8);}
.visa-ins-add span {display: block;}

.visa-price-table tr td.visa-price-inc-period, .visa-price-table tr td.visa-price-inc-duration, .visa-price-table tr td.visa-price-inc-price   { text-align:center; font-size:0.9rem; }
  .visa-price-table tr.ins-tr th:first-child { text-align:center}

.visa-downloads { position: relative; padding: 1.5rem 0; }
  .visa-downloads h4 { text-transform: uppercase; }
  .visa-downloads .doc-item a { display: block; margin: 0.5rem 0; padding:1rem 1.5rem; font-weight:600; text-align:center; border:solid 1px var(--dark-gray-color); color:var(--dark-gray-color); border-radius: 0.2rem;}
    .visa-downloads .doc-item a:hover { background-color: var(--main-pink-color); border:solid 1px var(--main-pink-color); color: var(--white-color);  }
  .visa-downloads .col-1x2:nth-child(2n-1) .doc-item  a {margin-right:2.5%;}
  .visa-downloads .col-1x2:nth-child(2n) .doc-item  a {margin-left:2.5%;}

.visa-links  {position: relative; padding-top:1.5rem; }
.visa-link-list { position: relative; padding-top:1rem;  }
.visa-link-item { padding:0.5rem; text-align:center; font-weight: 400; }

.visa-order {position: relative; background-color: var(--white-bg-color-10per); border-radius: 0.4rem; }
  .visa-order div { position: relative; cursor:pointer; display:inline-block; margin:1rem 0; padding:1.5rem 2.5rem; font-size:1.75rem; font-weight:300; color:var(--white-color);  }
    .visa-order div label { display:inline-block; font-weight:600; }
    .visa-order div span { display:inline-block; font-size:1.25rem; }

.visa-order a { position: relative; cursor:not-allowed; display:inline-block; margin:1rem 0; padding:1rem 2.5rem; font-size:1.75rem; font-weight:600; text-transform:uppercase; color:var(--white-color); border: solid 1px var(--white-color); /* border-radius: 0.4rem; */ }
  .visa-order a.available { cursor:pointer; color:var(--white-color); border: solid 1px var(--main-pink-color); background-color: var(--main-pink-color); /* border-radius: 0.4rem; */ }

.visa-common {position: relative; font-weight:400; font-size:1.1rem; padding-top:5rem;  background: var(--bada-green-bg-center); background-size: auto 4rem; }

.visa-phones {position: relative; padding:0.5rem 0;}
  .visa-phones span {display: inline-block; margin:0 0.5rem; font-weight:400; font-size:2rem;}
    .visa-phones span:first-child  { display: none; margin-bottom:0.25rem; font-size:0.65rem; text-transform: uppercase; }
    .visa-phones span a { color:var(--dark-gray-color); }

.after-text { position: relative; padding:0.5rem 0; }
  .after-text h4 { font-size:1.1rem; padding-top:1rem; padding-bottom:0.5rem;  }

.wrvisaadvanrages { padding: 2rem 0; color:#fff}
  .wrvisaadvanrages h3 {font-size:1.25rem; font-weight:400; padding-bottom:1rem; text-transform: uppercase;}
  .wrvisaadvanrages h4 {font-size:0.9rem; font-weight:400; padding:1rem 0; opacity:0.8; }

  .visa-advantages { position: relative; }
    .visa-advantages .ad-item { position: relative; padding: 0 0.5rem;}
      .visa-advantages .col-1x5:first-child .ad-item {padding-left:0;}
      .visa-advantages .col-1x5:last-child .ad-item {padding-right:0;}

      .visa-advantages .ad-item .ad-item-img { position: relative; margin:1.5rem 25%; width:50%; height:0; padding-top:50%; overflow: hidden; }
        .visa-advantages .ad-item .ad-item-img  img { position: absolute; top:50%; left:50%; width:100%; min-height:100%; transform: translate(-50%,-50%); opacity:0.8; }

      .visa-advantages .ad-item .ad-item-data {font-size:0.65rem;}
      .visa-advantages .ad-item h5 {font-size:1.2rem; font-weight:400; text-transform: uppercase; padding-bottom:0.5rem}

  .visa-page .page-first-pic {position: absolute; top:1.5rem; right:3%; width:7%; height:0; padding-top:7%;}
    .visa-page .page-first-pic img { position: absolute; top:50%; left:50%; width:100%; min-height:100%; transform: translate(-50%,-50%); }


/* Страница оформление визы - новая редакция */
 
  .wr-visa-page-menu  { position:relative; padding-bottom:2.5rem; }
    .wr-visa-page-menu .visa-page-menu a { position:relative; cursor:pointer; display:flex; flex-grow: 1; flex-basis: 0; justify-content: center; align-items: center; padding:1rem 0; font-size:0.8rem; font-weight:400; color:var(--black-color); text-align:center; text-transform: uppercase; background-color: var(--super-light-gray-color); border-radius:0.1rem; } 
     .wr-visa-page-menu .visa-page-menu a:hover { color:var(--white-color); background-color: var(--main-pink-color); } 
     .wr-visa-page-menu .visa-page-menu a span { display:inline-block; margin:0 2.5%; width:95%; }  

  .wr-visa-page-price { position:relative; padding-bottom:8.5rem; overflow:hidden; }
      .wr-visa-page-price .wr-visa-page-bg { position: absolute; top:5rem; left:0; right:0; bottom:0; overflow: hidden; }
        .wr-visa-page-price .wr-visa-page-bg img { position: relative; width:100%; opacity:35%;}
  /*
    .wr-visa-page-price .wr-visa-page-bg { position: absolute;  left:0; right:0; bottom:0; }
      .wr-visa-page-price .wr-visa-page-bg span { position:relative; display:inline-block; width:100%; height:0; padding-top:24%; overflow:hidden; }
        .wr-visa-page-price .wr-visa-page-bg span img { position: absolute; top:0; left:0; width:100%; height:auto; opacity:40%;}
  */      
 
    .visa-price-info { position: relative; margin-left:3%; padding-top:1rem; text-align:left; }
        
    .visa-bada-info  { position: relative;  padding-left:3.75rem;  font-size:0.75rem; text-align:justify; }  
      .visa-bada-info::after { content: ''; position: absolute; left:0; top:0; width:2.5rem; height:2.5rem; background: var(--bada-green-bg); background-size: var(--bg-full-height); filter: grayscale(100%); }

    .visa-feedback { position: relative; left:3%; width: 97%; text-align:left; font-weight:400; margin-top:4rem;  }
      .visa-feedback h3 { position: relative; padding-bottom:1rem; font-size:1.35rem; font-weight:600; color:var(--main-pink-color); }
      .visa-feedback .visa-feedback-phone { position: relative; font-size:1.2rem; padding-bottom:0.75rem;}
        .visa-feedback .visa-feedback-phone a { position: relative; display:block; font-size:1.7rem; font-weight:600; color:var(--black-color);}
      .visa-feedback .visa-feedback-mess { position:absolute; right:2.5%; bottom:0; }  
        .visa-feedback .visa-feedback-mess .vk-icon {position: relative; display: inline-block; margin-left:0.75rem; width:4rem; height:4rem; background: url(../graph/icon-color-vk.png) center center no-repeat; background-size: var(--bg-full-height); border-radius:0.25rem; overflow:hidden;}
        .visa-feedback .visa-feedback-mess .tg-icon {position: relative; display: inline-block; margin-left:0.75rem; width:4rem; height:4rem; background: url(../graph/icon-color-max.png) center center no-repeat; background-size: var(--bg-full-height); border-radius:0.25rem; overflow:hidden;}
        .visa-feedback .visa-feedback-mess .ok-icon {position: relative; display: inline-block; margin-left:0.75rem; width:4rem; height:4rem; background: url(../graph/icon-color-wa.png) center center no-repeat; background-size: var(--bg-full-height); border-radius:0.25rem; overflow:hidden;}

    .wr-visa-page-price .visa-feedback { margin-bottom:4rem; }

    .wr-visa-page-price .visa-price  { position: relative; margin-right:5%; background-color: var(--main-green-color); /* border-radius: 0.5rem; */ }
      .wr-visa-page-price .visa-price .visa-price-slider { position: relative; padding:1.5rem; color:var(--white-color); }
        .wr-visa-page-price .visa-price .visa-price-slider .visa-price-item h3 { padding-bottom:1rem; font-size:1.35rem;  font-weight:600;    }
        .wr-visa-page-price .visa-price .visa-price-slider .visa-price-item h4 { padding-bottom:0.5rem; }
        .wr-visa-page-price .visa-price .visa-price-slider .visa-price-item h4 a { font-size:3rem; font-weight:600; color:var(--white-color); }
        .wr-visa-page-price .visa-price .visa-price-slider .visa-price-item h4 span { font-size:2rem; font-weight:400; color:var(--white-color);}
        .wr-visa-page-price .visa-price .visa-price-slider .visa-price-item .visa-time { padding-bottom:1rem; font-size:1.25rem }
        .wr-visa-page-price .visa-price .visa-price-slider .visa-price-item .visa-incost { padding:0 5%; font-size:0.8rem;  font-weight:300; opacity:0.9; }
      .wr-visa-page-price .visa-price .visa-price-order a { position: relative; cursor:pointer; display:block; padding:1.5rem 0; width:100%; color:var(--white-color); font-size:1.3rem; font-weight:600; text-transform:uppercase; text-align:center; background-color: var(--main-pink-color); border-top:solid 1px var(--white-color);  /* border-radius: 0 0 0.5rem 0.5rem; */  } 

  .wr-visa-page-conditions { margin-top:-6rem; }    
    .visa-conditions { position:relative  }
      .visa-conditions .visa-conditions-list { position:relative; gap: 1rem; margin-bottom:1.5rem; }
        .visa-conditions .visa-condition-item { position:relative; display:inline-block; flex-grow: 1; flex-basis: 0; padding:2.5rem 2rem; margin-bottom:1rem;  font-size:0.7rem; text-align:left; background-color: var(--white-color); /* border-radius:0.5rem; */ box-shadow: 0 0 1rem rgb(0 0 0 / 10%); }
        .visa-conditions  .visa-condition-item .visa-condition-title { position:relative; padding:0 10%; padding-bottom:1.5rem; margin-bottom:1.5rem; font-size:1.1rem; font-weight:600; text-align:center; }
          .visa-conditions  .visa-condition-item .visa-condition-title::after { content:''; position:absolute; display:inline-block; bottom:0; left:30%; right:30%; width:40%; height:1px; background-color:var(--black-color); opacity:0.2; }

          .visa-conditions .visa-condition-item p { padding-bottom:0.25rem; }
          .visa-conditions .visa-condition-item ul { padding:0.5rem 0; margin:0 0.75rem;}

    .visa-conditions-add {position:relative; margin-bottom:2.5rem; text-align:left;} 
      .visa-conditions-add h4 { padding-bottom:0.25rem; font-size:1rem; font-weight: 600; color:var(--main-green-color) }
      .visa-conditions-add .visa-feedback-phone span { font-size:0.92rem; font-weight:400; }
      .visa-conditions-add .visa-feedback-phone span a { font-weight:600; color:var(--black-color); }
      

  .wr-visa-docs { position:relative;  padding:3rem 0; background-color: var(--middle-thin-gray-color);  }
    .wr-visa-docs .visa-docs-bg {position:absolute; top:0; left:0; bottom:0; width:100%; background: var(--visa-docs-bg); background-size:cover; opacity:0.075; z-index:6;  }
    .wr-visa-docs .wrap { text-align:left; z-index:7; }
    .wr-visa-docs h2 { position: relative; padding-bottom: 0.5rem; padding-right:25%; font-size: 1.7rem; font-weight: 600; }

    .wr-visa-docs .doc-list { position: relative; padding-top:1.5rem; }
    .wr-visa-docs .doc-list .col-3x7, .wr-visa-docs .doc-list .col-4x7 , .wr-visa-docs .doc-list .col-1x2 { display: flex; align-items: stretch; }
      .wr-visa-docs .doc-list .main-docs { position: relative; width:100%; margin-right:5%; padding:1.75rem; color:var(--white-color); background-color: var(--main-green-color); /* border-radius: 0.5rem; */ }
        .wr-visa-docs .doc-list .main-docs .doc-item-title { position: relative; padding-bottom:1rem;  font-size:1.2rem; font-weight:600; }
        .wr-visa-docs .doc-list .main-docs .doc-item-desc ul { list-style-type:none; margin:0; padding:0  }
          .wr-visa-docs .doc-list .main-docs .doc-item-desc ul li { padding-top:0.2rem; padding-bottom:0.2rem; }
      .wr-visa-docs .doc-list .add-docs { position: relative; display:flex; flex:1; padding:1.75rem; margin-left: 2.5%; width:calc(97.5% - 3.5rem); background-color: var(--white-bg-color-75per); /* border-radius: 0.5rem; */ }
        .wr-visa-docs .doc-list .add-docs .doc-top-title { position: relative; padding-bottom:1rem; font-size:1.2rem; font-weight:600; }
          .wr-visa-docs .doc-list .add-docs .doc-item { padding-bottom:0.75rem; }
          .wr-visa-docs .doc-list .add-docs .doc-item-title { position: relative; cursor:pointer; padding-left:1.75rem;  font-size:0.8rem; font-weight:500; }
            .wr-visa-docs .doc-list .add-docs .doc-item .doc-item-title::after { content:''; position: absolute; left:0; top:-0.1rem; width:1rem; height:1rem; background:var(--v-arrow-bg); background-size: var(--bg-full-width);  background-color:var(--white-color); border:solid 1px var(--light-gray-color);  border-radius:50%;  }
            .wr-visa-docs .doc-list .add-docs .doc-item.open .doc-item-title::after { content:''; position: absolute; left:0; top:-0.1rem; width:1rem; height:1rem; background:var(--v-arrow-bg); background-size: var(--bg-full-width);  background-color:var(--white-color); border:solid 1px var(--light-gray-color);  border-radius:50%; transform: rotate(180deg);  }
          .wr-visa-docs .doc-list .add-docs .doc-item-desc { display:none; font-size:0.7rem; }
          .wr-visa-docs .doc-list .add-docs .doc-item-desc p { padding-top:0.75rem; padding-bottom:0.25rem; padding-left:1.75rem; margin:0  }
          .wr-visa-docs .doc-list .add-docs .doc-item-desc ul {  list-style-type:none; padding-top:0.75rem; padding-bottom:0.25rem; padding-left:1.75rem; margin:0  }
            .wr-visa-docs .doc-list .add-docs .doc-item-desc ul li { padding-bottom:0.2rem; }
            

    .wr-visa-docs .sample-link a { position: absolute; cursor:pointer; top:-0.25rem; right:2.5%;  display:inline-block; padding:0.75rem 2rem; font-size:0.8rem; font-weight:500; line-height:1.2; text-transform:uppercase; color:var(--black-color);  background-color: var(--white-color); }              
      .wr-visa-docs .sample-link a span { position: relative; display:inline-block; padding-left:1.5rem;  background: var(--sample-doc-icon); background-size:var(--bg-full-height); }      
    .wr-visa-docs .sample-list { position: relative; display:none; margin-top:1rem; padding:1.5rem; background-color: var(--white-color); }
      .wr-visa-docs .sample-list h4 { position: relative; padding-bottom:1.5rem; font-size: 1.2rem; font-weight: 400; text-align:center; }
      .wr-visa-docs .sample-list .doc-item a { position: relative; display:flex; align-items: center; justify-content: center; margin:0 2.5%; margin-bottom:1rem; padding:0.75rem; height:1.5rem; width:calc(95% - 1.5rem); font-size:0.65rem; color:var(--black-color); font-weight: 400; text-align:center; border:solid 0px var(--light-gray-color);  box-shadow: 0 0 0.4rem rgb(0 0 0 / 10%) }
      .wr-visa-docs .sample-list .doc-item a:hover { box-shadow: 0 0 0.4rem rgb(0 0 0 / 20%) }

    .wr-visa-docs .doc-footer { margin-top:2rem; }
    .wr-visa-docs .doc-footer .visa-price-order a { position: relative; cursor:pointer; display:block; margin-right:5%; padding:2rem 10%; font-size:1.3rem; font-weight:600; color:var(--white-color); text-align:center; text-transform: uppercase; background-color:var(--main-pink-color); /* border-radius:0.5rem; */ } 
    .wr-visa-docs .doc-footer .visa-bada-info { margin-left:2.5%; }

  .wr-visa-steps { padding:3rem 0; }
    .wr-visa-steps .wrap { text-align:left }
    .wr-visa-steps h2 { position: relative; padding-bottom: 0.5rem; font-size: 1.7rem; font-weight: 600; }
    .wr-visa-steps .visa-steps-desc { position: relative; padding-bottom:1rem; }

    .visa-steps-list { position: relative; padding:1rem 0; margin-bottom:2rem; }
    .visa-steps-list .col-1x3 { display: flex; align-items: stretch; }
    .visa-step-item { position: relative; display:flex; flex:1; margin:0 0.5rem; margin-bottom:1rem; padding:2.5rem 2rem; font-size:0.7rem; font-weight:400; background:var(--bg-gray-data); border:solid 1px var(--light-gray-color); border-radius:0.25rem; }
      .visa-steps-list .col-1x3:nth-child(3n+1) .visa-step-item { margin-left:0 !important; margin-right:1rem !important;  }
      .visa-steps-list .col-1x3:nth-child(3n) .visa-step-item { margin-right:0 !important; margin-left:1rem !important;  }
      .visa-step-item h5 { position: relative; padding: 0 5%; padding-bottom: 1.5rem; margin-bottom: 1.5rem; font-size: 1rem; font-weight: 600; text-align: center; z-index:7;}
        .visa-step-item h5:after { content: ''; position: absolute; display: inline-block; bottom: 0; left: 30%; right: 30%; width: 40%; height: 1px;  background-color: var(--black-color);     opacity: 0.2;}
      .visa-step-item span { position:absolute; top:0; right:1rem; font-size:6.25rem; font-weight:bold; opacity:0.05; z-index:5; }  

    .wr-visa-steps .visa-feedback { margin-top:0; }      
    .wr-visa-steps .visa-price-order a { position: relative; cursor:pointer; display:block; margin-right:5%; padding:3rem 15%; font-size:1.3rem; font-weight:600; color:var(--white-color); text-align:center; text-transform: uppercase; background-color:var(--main-pink-color); /* border-radius:0.5rem; */ } 

  .wr-visa-faq { position: relative; padding-top:3rem; padding-bottom:12rem; background-color:var(--middle-thin-gray-color); }    
    .wr-visa-faq .wrap { text-align:left; }

    .wr-visa-faq h2 { position: relative; padding-bottom:1.5rem; font-size:1.7rem; font-weight:600;  }

    .wr-visa-faq .visa-faq-item { position: relative; padding:1rem 2rem; margin-bottom:0.5rem; background-color:var(--thin-gray-color); border:solid 1px var(--light-gray-color); border-radius:0.25rem;}
    .wr-visa-faq .visa-faq-item::after { content: ''; position: absolute; right: 1.5rem; top: 1.25rem; width: 1.25rem; height: 1.25rem; background: var(--v-arrow-bg);  background-size: var(--bg-full-height); }
    .wr-visa-faq .visa-faq-item.open::after { content: ''; position: absolute; right: 1.5rem; top: 1.25rem; width: 1.25rem; height: 1.25rem; background: var(--v-arrow-bg);  background-size: var(--bg-full-height); transform: rotate(180deg); }
      .wr-visa-faq .visa-faq-item .visa-faq-question { cursor:pointer; font-size:1.2rem; font-weight:400; }
      .wr-visa-faq .visa-faq-item .visa-faq-answer { display:none; margin-top:1rem; margin-bottom:0.5rem; font-size:0.8rem;  }
      .wr-visa-faq .visa-faq-item p:last-child { padding-bottom:0; margin-bottom:0; }


  .wr-visa-footer { margin-top:-12rem; padding-top:4rem; padding-bottom:3rem }

    .visa-ins {position: relative; margin-right: 5%; background-color: var(--white-color); /* border-radius: 0.5rem; */  box-shadow: 0 0 1rem rgb(0 0 0 / 10%);} 
    .visa-ins .visa-ins-slider { position: relative; padding:2.5rem 2rem; }
      .visa-ins .visa-ins-slider h3 { position: relative; padding-bottom:1rem; font-size:1.1rem; font-weight:600; }
      .visa-ins-item { position: relative; text-align:center }
      .visa-ins-item .col-3x7 span { display:block; padding-bottom:0.5rem; margin:auto; max-width:8.5rem; font-size:0.6rem; text-transform: uppercase; }
      .visa-ins-item .col-3x7 b { font-size:1.2; }
    .visa-ins .visq-ins-price { position: relative; margin-top:1.5rem; }
      .visa-ins .visq-ins-price p { padding-bottom:0.25rem; font-size:0.85rem; color:var(--main-pink-color); text-transform:uppercase  }
      .visa-ins .visq-ins-price span { font-size:1.1rem; color:var(--main-pink-color);  }
      .visa-ins .visq-ins-price span b { font-size:2rem; font-weight:600;  }
    .visa-ins .visq-ins-add { position: relative; margin-top:1.5rem; font-size:0.7rem; }


    .wr-visa-footer .visa-feedback { margin-left:2.5%; margin-top:0; }
    .wr-visa-footer .visa-feedback .visa-feedback-mess { right: 4.5%; }
  
    .wr-visa-footer .visa-add-links { margin-left:2.5%; margin-right:1.5%; padding:2rem 0 }
    .wr-visa-footer .visa-add-links h3 { margin-bottom:1.5rem; font-size:1.2rem; font-weight:400; }
    .wr-visa-footer .visa-add-links .visa-link-item { position:relative; display:flex; flex:1; padding:0; margin:0 2.5%; margin-bottom:1rem;  }
      .wr-visa-footer .visa-add-links .col-1x3 { display:flex; align-items:stretch; }
      .wr-visa-footer .visa-add-links .col-1x3:nth-child(3n+1) .visa-link-item { margin-left:0 !important; margin-right:5% !important;  }
      .wr-visa-footer .visa-add-links .col-1x3:nth-child(3n) .visa-link-item { margin-right:0 !important; margin-left:5% !important;  }
    .wr-visa-footer .visa-add-links .visa-link-item a {display:block; padding:2rem 1.5rem; font-size:0.8rem; color:var(--white-color); background-color:var(--main-pink-color); /* border-radius: 0.5rem; */}



    .owl-visaslider .owl-nav { position:absolute; display:block; top:calc(50% - 0.5rem); width:105%; margin-left:-2.5%; }
      .owl-visaslider .owl-nav .owl-prev { display:inline-block; float:left; width:1.6rem; height:1.6rem; background: var(--nav-bg); background-size:var(--bg-full-height);  }
      .owl-visaslider .owl-nav .owl-next { display:inline-block; float:right; width:1.6rem; height:1.6rem; background: var(--nav-bg); background-size:var(--bg-full-height); transform: rotate(180deg); }

    .owl-visainsslider .owl-nav { position:absolute; display:block; top:calc(50% - 0.5rem); width:105%; margin-left:-2.5%; }
      .owl-visainsslider .owl-nav .owl-prev { display:inline-block; float:left; width:1.6rem; height:1.6rem; background: var(--nav-bg-black); background-size:var(--bg-full-height);  }
      .owl-visainsslider .owl-nav .owl-next { display:inline-block; float:right; width:1.6rem; height:1.6rem; background: var(--nav-bg-black); background-size:var(--bg-full-height); transform: rotate(180deg); }



/* Заказ визы */
.visaorder { position: relative; padding:2rem 0; }
  .visaorder .order-item { position: relative; margin-bottom:1rem; padding:1rem; text-align:left; background:var(--white-bg-color-50per);}
    .visaorder .order-item h4 { padding-bottom:1rem; font-size:0.85rem; line-height:1.4; }
      .visaorder .order-item h4 span { padding-bottom:1rem; font-size:1.3rem; white-space:unset; }
    .visaorder .order-item .visa-del a {position:absolute; display:inline-block; cursor:pointer; right:1rem; top:1rem; width:1.5rem; height:1.5rem; background: var(--close-bg); background-size: var(--bg-full-height); opacity:0.5 }
      .visaorder .order-item .visa-del a:hover {opacity:1 }
    .visaorder .order-item .visa-info b { font-weight:400; }
    .visaorder .order-item .visa-info .visa-data { padding:1rem 1.5rem; }
    .visaorder .order-item .visa-info .visa-incost { font-size:0.75rem; }
      .visaorder .order-item .visa-info div { padding-bottom:0.5rem;  }
      .visaorder .order-item .visa-info .visa-incost p { padding:0; margin:0; }
      .visaorder .order-item .visa-info .visa-incost strong { font-weight: 300; }
    .visaorder .order-item .visa-info .visa-price { font-size:1.2rem; padding-bottom:0.5rem; }
      .visaorder .order-item .visa-info .visa-price label { color:var(--main-pink-color);}
    .visa-orderform p span, .order-data p span {display: block; padding-bottom:0.25rem; font-size:0.7rem;}

    .order-item .visa-privacy { position:relative;  font-size:0.7rem; text-align:justify; }
      .order-item .visa-privacy label { position:relative; display: inline-block; padding-left:1.5rem;   }
      .order-item .visa-privacy input { position:absolute; left:0; top:0;  }

    .visaorder .order-item .visa-info .hidden-title a { position: relative; cursor:pointer; display: inline-block; padding-right:0.75rem  }
      .visaorder .order-item .visa-info .hidden-title a:after { content: "›"; position: absolute; top: 0px; right: 0px; display: inline-block;  transform: rotate(90deg);  }
      .visaorder .order-item .visa-info .hidden-title a.active:after { content: "›"; position: absolute; top: 0px; right: 0px; display: inline-block;  transform: rotate(270deg);  }
    .visaorder .order-item .visa-info .hidden-data { display: none; }

    .order-item .button { text-align: center; }
      .order-item .button a { display:inline-block; margin:auto; cursor:pointer; padding:1rem 2.5rem; font-size:1.25rem; font-weight:600; text-transform:uppercase; color:var(--white-color); border: solid 1px var(--main-pink-color); background-color: var(--main-pink-color); /* border-radius: 0.4rem; */ }


/* Форма отправки документов для визы */
.docloadform .order-item input[type="text"], .docloadform .order-item select {position: relative; margin-bottom:0.25rem;}
.docloadform .order-item input[type="file"] { width:95%; }
.docloadform .order-item .col-1 input[type="text"] { width:95%;  padding: 0.4rem 1.25%; }
.docloadform .order-item select { width:95%; }
.docloadform .order-item h4 { font-size: 1rem; color:var(--main-pink-color); }
.docloadform .order-item .upload-res {position: relative; width:85%; line-height:2.25rem; height:2.25rem; margin-left:5%; margin-right:10%; margin-top:0.5rem; background-color: var(--light-gray-color); text-align:center;}
.docloadform .order-item .upload-res.error { background-color: var(--main-red-color); color:var(--white-color) }
.docloadform .order-item .upload-res.uploaded { background-color: var(--main-green-color); color:var(--white-color) }

.docloadform .order-type h5 { width:95%; font-size:1.1rem; text-align:right; }
.docloadform .order-type label { position:relative; display:inline-block;  margin-left:2.5%; padding-left:1.2rem; font-size:1.1rem;  }
.docloadform .order-type label input { position:absolute; left:0; top:0.2rem;  }

.docloadform .order-company { display:none; }



/* Карта в контактах */
.wrmaps { height:20rem; }


/* Подвал */
.wrend {padding-top:3rem; padding-bottom:2rem; text-align:left; background-color: var(--middle-gray-color);}

  .wrend .end-logo { position: relative; width:75%; height:0; padding-top:48%; overflow:hidden; }
    .wrend .end-logo a { position: absolute; top:0; left:0; bottom:0; right:0; background: var(--end-logo-bg); background-size: var(--bg-full-height); }
  .wrend .end-address { position: relative; margin-top:1.1rem; }
    .wrend .end-address span { position: relative; display:block; padding-left:2rem; font-size:0.7rem; color:var(--white-color); background: var(--end-address-bg);  background-size: var(--bg-full-height); }

  .wrend .end-menu {position: relative;}
    .wrend .end-menu ul {position: relative; padding:0; margin:0; list-style:none; }
      .wrend .end-menu ul li {position: relative; display:inline-block; padding:0 1rem; margin:0; }
        .wrend .end-menu ul li a {position: relative; display:inline-block; font-size:1rem; font-weight:400; color:var(--white-color); text-transform: uppercase; }
        .wrend .end-menu ul li ul {position: relative; padding:1.5rem 0; margin:0; }
          .wrend .end-menu ul li ul li {position: relative; display:block; padding:0.15rem 0; margin:0; }
            .wrend .end-menu ul li ul li a {position: relative; display:inline-block; font-size:0.75rem; font-weight:300; text-transform: none; }

  .end-phones {position: relative; text-align: right;}
    .end-phones a {position: relative; display:inline-block; padding-bottom:0.2rem; font-size:1.3rem; font-weight:400; color:var(--white-color);  }
  .end-callback {position: relative; padding-top:1rem; text-align: right; }
    .end-callback a {position: relative; padding:0.5rem 1.5rem; font-size:0.9rem; text-transform: uppercase; color:var(--white-color); border:solid 1px var(--white-color); }
  .end-social {position: relative; padding-top:2rem; text-align: right; }


.wrendline {padding:1rem 0; font-size:0.7rem; color:var(--dark-gray-color); text-align:left;  background-color: var(--light-gray-color);}
  .wrendline a {color:var(--dark-gray-color); }
    .wrendline .copyright {position: relative; width:55%; }
      .wrendline .copyright span {position: relative; display:inline-block; padding-right:0.5rem; margin-right:0.5rem; border-right:solid 1px var(--gray-color);  }
    .wrendline .geokon {position: absolute; top:0; right:3%; width:45%; text-align:right; }



/* Градиент вверху блока */
.wrgradienttop {margin-top:-2rem;}
  .wrgradienttop .wrap {padding-top:2rem; padding-bottom:2rem; text-align: left;}
    .wrgradienttop .wrap::after {content:""; position: absolute; top:0; left:0; width:100%; height:2rem; background: var(--bg-page-part) ;}

/* Фон секций */
.wrgraybg  { background-color: var(--thin-gray-color); }
.wrlightgraybg  { background-color: var(--light-gray-color); }
.wrgreenbg { background-color: var(--main-green-color); }
.wrlightgreenbg { background-color: var(--light-green-color); }
.wrpinkbg { background-color: var(--main-pink-color); }

/* Заголоки на главной  */
.main-page .wrapper .wrap .wrtitle h2 { position: relative;  margin-bottom:1.5rem; padding-left:4.5%; font-size:1.75rem; font-weight:400; text-align:left; background: var(--bada-green-bg);  background-size: var(--bg-full-height); }


/* Соцсети в шапке */
.vk-icon {position: relative; display: inline-block; width:1.6rem; height:1.6rem; background: url(../graph/icon-vk.png) center center no-repeat; background-size: var(--bg-full-height); overflow:hidden;}
.tg-icon {position: relative; display: inline-block; width:1.6rem; height:1.6rem; background: url(../graph/icon-max.png) center center no-repeat; background-size: var(--bg-full-height); overflow:hidden;}
.ok-icon {position: relative; display: inline-block; width:1.6rem; height:1.6rem; background: url(../graph/icon-ok.png) center center no-repeat; background-size: var(--bg-full-height); overflow:hidden;}

/* Соцсети в футере */
.wrend .vk-icon { margin-left:0.5rem; width:1.4rem; height:1.4rem; background: url(../graph/icon-vk-w.png) center center no-repeat; background-size: var(--bg-full-height); }
.wrend .tg-icon { margin-left:0.5rem; width:1.4rem; height:1.4rem; background: url(../graph/icon-max-w.png) center center no-repeat; background-size: var(--bg-full-height); }
.wrend .ok-icon { margin-left:0.5rem; width:1.4rem; height:1.4rem; background: url(../graph/icon-ok-w.png) center center no-repeat; background-size: var(--bg-full-height); }

/* Кнопки */
.button a {position:relative; display:inline-block; cursor:pointer; background-color: var(--main-green-color); color:var(--white-color); opacity:0.75; /* border-radius:0.2rem; */ }
.button a:hover {background-color: var(--main-pink-color); opacity:1;}


/* Прогрессбар */
.page-loading { position: relative; padding:3rem 0; text-align: center; }
  .page-loading img { height:70px; }

/* Блок вывода ошибки формы */
.error-warning { color: var(--main-red-color); text-align:center !important; }

/* Прочее */
.hidden {display:none;}


/* Окна magnific */
.white-popup-block {padding: 1.75rem 1.5rem; max-width: 20rem; margin: 1.75rem auto; border-radius: 0.3rem; }
.white-popup-block h6 { padding: 0px; margin: 0px; margin-bottom: 1rem; font-size: 1.1rem; }
.white-popup-block .orderformtext { padding-bottom: 0.75rem; font-size: 0.6rem; color: var(--dark-gray-color);  text-align: center;}
.white-popup-block .popup-formdata { position: relative; }
.white-popup-block .popup-formdata p {width: 100%; margin-bottom: 0.7rem; padding-bottom: 0; }
.white-popup-block .popup-formdata p.center {text-align: center;}
.white-popup-block .popup-formdata p span { display: block; padding-bottom: 0.1rem;font-size: 0.8rem; font-weight: 300; color: var(--dark-gray-color);}
.white-popup-block .popup-formdata p label {position: relative; display: block; padding: 0.25rem 10%; font-size: 0.6rem; color: var(--dark-gray-color); text-align: center; }
.white-popup-block .popup-formdata p label a { color: var(--dark-gray-color); }

.white-popup-block.callbackform .popup-formdata  p label {position: relative; display: block; padding: 0.25rem 0; text-align: left; }
.white-popup-block.callbackform .popup-formdata  p label span { position:relative; display:block; width:90%; padding-left:1.25rem; font-size: 0.55rem; font-weight:400; color: var(--dark-gray-color); }
.white-popup-block.callbackform .popup-formdata  p label span input[type='checkbox'] { position:absolute; top:-0.15rem; left:0;  } 
.white-popup-block.callbackform .popup-formdata  p label span a { color: var(--main-green-color); }
.white-popup-block.callbackform .popup-formdata .error-warning span { position: relative; display:block; margin-top:-0.25rem;  margin-bottom:0.75rem; font-size:0.55rem; color:var(--main-red-color); text-align:center; }

.white-popup-block .popup-formdata .button a { display: inline-block; cursor: pointer; width: 50%; min-width:10rem; padding: 0.75rem 0; text-align: center;  text-transform: uppercase; background-color: var(--main-pink-color); z-index: 5; }
.white-popup-block img { width:unset; }
.popup-result h2 {margin-bottom: 20px; color: var(--main-cian-color); font-size: 1.2rem; font-weight: 600; color:var(--main-pink-color); }
.white-popup-block .popup-result {margin: auto;padding: 0.7rem 0; font-size: 0.7rem; text-align: center;}


/* Виджет cherepaha.ru */
#cherehapa-root {min-height: unset !important; margin-bottom:2rem;}
.che-white-label-wrapper { min-height: unset !important; padding:1.5rem !important; background-color: var(--main-green-color) !important;}
.che-travel-form-wrapper, .che-checkbox-iconWrapper[data-checked="true"] { background-color: var(--main-green-color) !important; }
.che-button-button-success, .che-button-grooup-button[data-selected="true"], .che-button-button-continue, .che-white-label-wrapper   { background: var(--main-green-color) !important; }
.che-card-options-label-highlighted, .che-hint-hintLabel, .che-tag-wrapper-more-options, .che-tabs-tabLabel-verticalTabList { color: var(--main-pink-color) !important; }
.che-button-button-secondary { color: var(--main-green-color) !important;  }
.che-button-button-selectable, .che-button-grooup-button { color: var(--main-green-color) !important;  border: 1px solid var(--main-green-color) !important; }
.che-input-input-header-filters { border:0 !important; }
.che-button-grooup-button[data-selected="true"] { color:var(--white-color) !important; }
.che-white-label-titleWrapper {margin: 0px auto 2rem auto !important;  }






/* Pupup banner */
.advwin {
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}

.advwin .windata {
  position: absolute;
  display: none;
  top: 50%;
/*  left: 50%; */
  padding: 0px;
  z-index: 2000;
}

.advwin .windata .winwrap {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.advwin .windata .winwrap img {
  width: 100%;
}
.advwin .windata .winwrap .close {
  position: absolute;
  cursor: pointer;
  top: -1rem;
  right: -1rem;
  width: 1rem;
  height: 1rem;
  background: url(../graph/icon-menu-close-w.png);
  background-size: auto 100%;
  z-index: 2020;
}

.advwin .owl-nav {
  position: absolute;
  display: inline-block;
  top: calc(50% - 2.5rem);
  width: calc(100% + 5rem);
  margin-left: -2.6rem;
  text-align: left;
}

.advwin .owl-nav div {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 2.5rem;
  height: 5rem;
  opacity: 0.5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.advwin .owl-nav div:hover {
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.advwin .owl-nav .owl-prev {
  background: url(../graph/lite-arrow-white.png) center center no-repeat;
  background-size: auto 100%;
}

.advwin .owl-nav .owl-next {
  float: right;
  background: url(../graph/lite-arrow-white.png) center center no-repeat;
  background-size: auto 100%;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.advwin .owl-carousel .owl-dots {
  position: absolute;
  display: block;
  bottom: -2rem;
  width: 100%;
  text-align: center;
}

.advwin .owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.3rem;
  background-color: var(--whire-bg-25);
  border-radius: 50%;
}

.advwin .owl-carousel .owl-dots .owl-dot.active {
  background-color: var(--text-green-color);
}

.advwin .owl-carousel .owl-stage {
  display: -webkit-box !important;
}



/* Cookie popup */
.cookiewin { position: fixed; display: none; bottom: 20px; left: 110px; width: 28%; min-width: 280px; padding: 20px; background-color: rgba(255, 255, 255, 0.9); z-index: 999; box-shadow: 0 0 48px rgb(17 56 86 / 20%); }
.cookiewin .cookiewin-data { position: relative; font-size: 13px; text-align: center; }
.cookiewin .cookiewin-data span { display: block; font-size: 16px; font-weight: normal; }
.cookiewin .cookiewin-data a { text-decoration: none; color: #5ac801; }
.cookiewin .cookiewin-close a { position: absolute; right: 20px; top: 20px; cursor: pointer; width: 16px; height: 16px; background: url(../img/close-icon.svg) center center no-repeat; }
.cookiewin .cookiewin-button a {display: inline-block; cursor: pointer; background-color: #5ac801; margin-top: 10px; padding: 10px 30px; text-transform: uppercase;  text-align: center;  color: white; }