html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: Sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover {
    border: 0;
}

body,
input,
button,
textarea {
    font-family: 'Montserrat', sans-serif;
}

body,
p {
    -webkit-text-size-adjust: none;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?52306586');
    src: url('../fonts/fontello.eot?52306586#iefix') format('embedded-opentype'),
        url('../fonts/fontello.woff2?52306586') format('woff2'),
        url('../fonts/fontello.woff?52306586') format('woff'),
        url('../fonts/fontello.ttf?52306586') format('truetype'),
        url('../fonts/fontello.svg?52306586#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "flexslider-icon";
    src: url('../fonts/flexslider-icon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?52306586#fontello') format('svg');
  }
}
*/
body {
    background-color: #121824;
    color: #fefefe;
}

.admin-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
     z-index: 999;
    background-color: #333;
    padding: 10px 0;
}

.admin-bar ul {
    display: flex;
    gap: 10px;
    justify-content: end
}

.admin-bar ul li a {
    color: #fff;
    text-decoration: none;

}

.top_tours .tour_items .item_block .tour .picture img,
.top_tours .tour_items .item_block .tour .picture:before,
.excursion_directions .types-of-tours .topblock .alltour,
.advantages-info_block .article .rightblock .about_company,
.excursion_directions .excursions ul li .item:hover,
.excursion_directions .excursions ul li .item .topblock .picture img,
.excursion_directions .excursions ul li .item .infoblock div .more,
.interactive_programs .topblock .alltour,
.excursion_items_list li .item .picture img,
.interactive_items_list li .item .picture img,
.excursion_items_list li .item .details .info .more_detals .more,
.interactive_items_list li .item .details .info .more_detals .more,
.enroll,
footer .content .top .phone a,
footer .content .bottom .social a,
footer .content .top .totop:before,
header .content_head nav a:before,
header .content_head .menu,
.article_block .items li .item,
.article_block .items li .item .rightblock .bottom span,
.article_block .items li .item .rightblock .bottom a,
.article_block .items li .item .leftblock .picture img,
.more_button span,
.price_book .book span,
.schedule_duration ul li div i,
.g-form-m__buttons input,
.top_tours .topblock a.alltour {
    transition: all 300ms ease-in-out 0s;
}

.rate .stars i:before,
.excursion_directions .excursions ul li .item .topblock .hot:before,
.excursion_items_list li .item .details .info:before,
.interactive_items_list li .item .details .info:before,
footer .content .bottom .social a:before,
footer .content .top .totop:before,
header .content_head .menu:before,
.top_tours .tour_items .item_block .tour .picture .when:before {
    font-family: 'fontello';
}

header .content_head:after,
.top_tours .topblock:after,
.top_tours .tour_items:after,
.top_tours .tour_items .right-block ul:after,
.top_tours .tour_items .item_block .tour .details .info:after,
.advantages-info_block .article:after,
.advantages-info_block .article .leftblock ul:after,
.excursion_directions .types-of-tours .topblock:after,
.excursion_directions .excursions ul li .item .infoblock div:after,
.interactive_programs .article .topblock:after,
.excursion_items_list:after,
.interactive_items_list:after,
.excursion_directions .excursions ul:after,
.excursion_items_list li .item .details:after,
.interactive_items_list li .item .details:after,
.excursion_items_list li .item .details .info .more_detals ul li:after,
.facts_about_Kazan .article ul:after,
.interactive_items_list li .item .details .info .more_detals ul li:after,
.prefooter .article:after,
.footer .content .top:after,
.article_block .items ul:after,
.article_block .items li .item:after,
.article_block .items li .item .rightblock .price_details ul li:after,
footer .content .bottom div:after {
    clear: both;
    display: block;
    content: '';
}

.overflow_m {
    display: none;
}

.overflow_m.visible {
    display: block;
}

.overflow_mainblock .overflow_head.firstscreen {
    background: url('../img/mainscreen.jpg') center top no-repeat;
    background-size: cover;
    height: 100vh;
    max-height: 700px;
    text-align: center;
    position: relative;
    z-index: 31;
}

.overflow_mainblock .overflow_head.firstscreen:before {
    content: '';
    display: inline-block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 149px;
    background: url('../img/mainscreen_layer.png') left bottom repeat-x;
    position: absolute;
}

.overflow_mainblock .overflow_head.firstscreen .slogan {
    display: inline-block;
    margin-top: calc(50vh - 30px);
    margin-top: -webkit-calc(50vh - 30px);
    margin-top: -moz-calc(50vh - 30px);
    z-index: -1;
    position: relative;
    transition: all 300ms ease-in-out 0s;
}

.overflow_mainblock .overflow_head.firstscreen .slogan small {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    text-align: right;
    margin-bottom: -40px;
    margin-right: 50px;
}

.overflow_mainblock .overflow_head.firstscreen .slogan h2 {
    position: relative;
    margin: 0;
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font-size: 140px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
    font-weight: 800;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

.overflow_mainblock .overflow_head.firstscreen .slogan h2 strong {
    text-align: right;
    -ms-filter: none;
    color: #fff;
    font-size: 24px;
    display: block;
    font-weight: 600;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
    margin-top: -15px;
    margin-right: 60px;
}

.firstscreen header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
}

header .content_head {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

header .content_head .logotype {
    display: inline-block;
    float: left;
    position: relative;
    color: #fff;
    text-decoration: none;
    text-align: left;
    margin-top: 20px;
    padding-left: 52px;
}

header .content_head .menu {
    display: inline-block;
    float: left;
    position: relative;
    color: #fff;
    text-decoration: none;
    text-align: left;
    margin-top: 20px;
    margin-left: 30px;
    height: 38px;
    width: 38px;
    border: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    display: none;
}

header .content_head .menu:before {
    content: '\e808';
    line-height: 38px;
}

header .content_head .menu:hover {
    background: #4f87fb;
    color: #fff;
}

header .content_head .logotype:before {
    width: 40px;
    height: 50px;
    content: '';
    display: inline-block;
    background: url('../img/logotype.png') center center no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

header .content_head .logotype {
    font-weight: 800;
    font-size: 24px;
    line-height: .9;
}

header .content_head .logotype small {
    font-size: 18px;
    display: block;
    font-weight: normal;
}

header .content_head nav {
    display: inline-block;
}

header .content_head nav a {
    text-decoration: none;
    color: #fff;
    line-height: 80px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    font-size: 13px;
    margin: 0 10px;
    transition: all 300ms ease-in-out 0s;
    display: inline-block;
}

header .content_head nav a:before {
    height: 0px;
    display: inline-block;
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

header .content_head nav a:hover:before,
header .content_head nav a.select:before {
    height: 5px;
    background: #3171f7;
}

header .content_head .phone {
    display: inline-block;
    float: right;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-align: left;
    margin-top: 20px;
}

header .content_head .phone i {
    display: inline-block;
    width: 38px;
    height: 38px;
    float: left;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

header .content_head .phone i {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    position: relative;
    margin-right: 15px;
    text-align: center;
}

header .content_head .phone i:before {
    line-height: 38px;
    width: 38px;
    display: inline-block;
    content: '';
    font-size: 12px;
    font-weight: normal;
    background: url('../img/telephone.svg') center center no-repeat;
    background-size: 15px;
    height: 38px;
}

header .content_head .phone:hover i {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.82);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.82);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.82);
}

header.fixed_head {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(18, 24, 34, .8);
    z-index: 99;
}

/** Rate stars **/
.rate {}

.rate .stars {
    margin: 0 8px 13px 10px;
    display: block;
}

.rate .stars i {
    font-size: 12px;
    margin-right: 6px;
    color: rgba(255, 255, 255, .4);
}

.rate .stars.one i:nth-child(1),
.rate .stars.two i:nth-child(1),
.rate .stars.two i:nth-child(2),
.rate .stars.three i:nth-child(1),
.rate .stars.three i:nth-child(2),
.rate .stars.three i:nth-child(3),
.rate .stars.four i:nth-child(1),
.rate .stars.four i:nth-child(2),
.rate .stars.four i:nth-child(3),
.rate .stars.four i:nth-child(4),
.rate .stars.five i {
    color: #f5c942;
}

.rate .stars i:before {
    content: '\e818';
}

/** Nice gradient color **/
header .content_head .phone i {
    transition: all 300ms ease-in-out 0s;
    background: rgba(104, 150, 242, 1);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
}

header .content_head .phone small {
    display: block;
    font-size: 9px;
    font-weight: normal;
}

/** Top Tours Main **/

.top_tours .slick-prev,
.top_tours .slick-next {
    top: -24px;
}

/** .top_tours .slick-next {right: calc(50% - 44px); right: -webkit-calc(50% - 44px); right: -moz-calc(50% - 44px);}
.top_tours .slick-prev {left: calc(50% - 44px); left: -webkit-calc(50% - 44px); left: -moz-calc(50% - 44px);} **/
.top_tours .slick-next {
    right: 190px;
}

.top_tours .slick-prev {
    left: auto;
    right: 230px;
}

.top_tours .topblock a.alltour {
    padding-left: 15px;
    padding-right: 15px;
}

.advantages-info_block .title strong,
.facts_about_Kazan .article .title strong,
.interactive_programs .title strong,
.interactive_programs .title h3 strong,
.excursion_directions .types-of-tours .title h2 strong,
.top_tours strong {
    color: #3171f7;
}

.top_tours .title,
.interactive_programs .title,
.interactive_programs .title h3,
.advantages-info_block .title,
.advantages-info_block .h2,
.excursion_directions .types-of-tours .title h2,
.interactive_programs .topblock .title h2,
.interactive_programs .topblock .title h3,
.facts_about_Kazan .article .title,
.top_tours h2 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-left: 15px;
}

.top_tours .title:before,
.excursion_directions .types-of-tours .title h2:before,
.interactive_programs .title h2:before,
.interactive_programs .title h3:before,
.advantages-info_block .title:before,
.facts_about_Kazan .article .title:before,
.top_tours h2:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 4px;
    background: #3171f7;
    position: absolute;
    left: 0;
    top: 0;
}

.top_tours .topblock .title,
.excursion_directions .types-of-tours .title h2,
.interactive_programs .topblock .title,
.top_tours .topblock h2 {
    display: inline-block;
    float: left;
}

.advantages-info_block .article .rightblock .about_company,
.excursion_directions .types-of-tours .topblock .alltour,
.excursion_directions .excursions ul li .item .infoblock div .more,
.interactive_programs .topblock .alltour,
.excursion_items_list li .item .details .info .more_detals .more,
.interactive_items_list li .item .details .info .more_detals .more,
.top_tours .topblock a.alltour {
    display: inline-block;
    float: right;
    line-height: 40px;
    min-width: 145px;
    text-align: center;
    color: #fff;
    background: #3171f7;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    margin-top: 12px;
}

.advantages-info_block .article .rightblock .about_company:hover,
.excursion_directions .excursions ul li .item .infoblock div .more:hover,
.excursion_directions .types-of-tours .topblock .alltour:hover,
.interactive_programs .topblock .alltour:hover,
.excursion_items_list li .item .details .info .more_detals .more:hover,
.interactive_items_list li .item .details .info .more_detals .more:hover,
.top_tours .topblock a.alltour:hover {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
}

/** Tour Items **/
.top_tours .tour_items {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Left block takes 1 part, right block takes 2 parts */
    margin-top: 12px;
      gap: 5px;
}

.top_tours .tour_items .left-block {
    background-color: transparent;
}

.top_tours .tour_items .right-block {
    display: grid;
    grid-template-rows: repeat(1, 1fr); /* Two rows for the four images */
    gap: 5px;

}

.top_tours .tour_items .right-block ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns for the four images */
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%; /* Ensure the grid takes full height */
}

.top_tours .tour_items .item_block {
    margin: 0;
    height: 100%; /* Ensure each item block takes full height */
}

.top_tours .tour_items .item_block .tour {
    position: relative;
    height: 100%; /* Ensure the tour container takes full height */
}

.top_tours .tour_items .item_block .tour .picture {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.21);
    height: 100%; /* Ensure the picture takes full height */
}

.top_tours .tour_items .item_block .tour .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the container */
}

.top_tours .tour_items .item_block .tour .picture:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('../img/tour_mini_layer.png') left bottom repeat-x;
    height: 114px;
    width: 100%;
    z-index: 5;
    opacity: 1;
}

.top_tours .tour_items .item_block .tour .picture .when {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    z-index: 10;
    padding: 0 4px;
    border-radius: 2px;
}

.top_tours .tour_items .item_block:hover .tour .picture:before {
    opacity: .6;
}

.top_tours .tour_items .item_block .tour .picture .when:before {
    content: '\e817';
    display: inline-block;
    margin-right: 5px;
}

.top_tours .tour_items .item_block .tour .details {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    z-index: 10;
}

.top_tours .tour_items .item_block .tour .details .rate {
    margin-bottom: 10px;
}

.top_tours .tour_items .item_block .tour .details .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top_tours .tour_items .item_block .tour .details .info .name {
    flex: 1;
    margin-right: 10px;
}

.top_tours .tour_items .item_block .tour .details .info .name a {
    display: -webkit-box;
    max-height: 2.2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    padding-left: 10px;
    text-decoration: none;
    color: #fff;
}

.top_tours .tour_items .left-block .item_block .tour .details .info .name a {
    max-height: 3.2rem;
    -webkit-line-clamp: 2;
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.top_tours .tour_items .item_block .tour .details .info .price {
    text-align: right;
}

.top_tours .tour_items .item_block .tour .details .info .price .price_item {
    display: block;
    padding-right: 15px;
    font-size: 21px;
}

.top_tours .tour_items .item_block .tour .details .info .price .price_item strong {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

.top_tours .tour_items .left-block .item_block {
    margin-right: 7px;
}

.top_tours .tour_items .left-block .item_block .tour .details .info .price .price_item {
    font-size: 30px;
}

.top_tours .tour_items .left-block .item_block .tour .details .info .price small {
    padding-right: 30px;
    text-align: center;
}

.top_tours .tour_items .left-block .item_block .tour .details .info .price .price_item strong {
    font-size: 43px
}

.top_tours .tour_items .item_block .tour .details .info .price small {
    font-size: 10px;
    line-height: 1;
    color: rgba(255, 255, 255, .6);
    display: block;
    text-align: right;
    padding-right: 10px;
}
/** Responsive Design **/
@media (max-width: 1024px) {
    .top_tours .tour_items {
        grid-template-columns: 1fr; /* Stack vertically on small screens */
    }

    .top_tours .tour_items .right-block ul {
        grid-template-rows: repeat(1, 1fr); /* Two rows for the four images */
    }
}

/** Responsive Design **/
@media (max-width: 768px) {
    .top_tours .tour_items {
        grid-template-columns: 1fr; /* Stack vertically on small screens */
    }

    .top_tours .tour_items .right-block ul {
        grid-template-columns: 1fr; /* Single column for small screens */
    }
}

/** Advantages and About **/

.advantages-info_block {
    background: #121824 url('../img/preimushestva_background.jpg') right bottom no-repeat;
}

.advantages-info_block .article {
    min-height: 448px;
    padding-top: 40px;
}

.advantages-info_block .article .leftblock {
    display: inline-block;
    float: left;
    width: 50%;
}

.advantages-info_block .article .leftblock ul {
    margin-top: 24px;
    margin-left: -7px;
    margin-right: -7px;
}

.advantages-info_block .article .leftblock ul li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 33px;
}

.advantages-info_block .article .leftblock ul li div {
    position: relative;
    padding-left: 20px;
    margin: 0 7px;
}

.advantages-info_block .article .leftblock ul li div:before {
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    background: #3171f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.advantages-info_block .article .leftblock ul li div p {
    line-height: 1.4;
    color: #fff;
    font-size: 12px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 32px;
}

.advantages-info_block .article .leftblock ul li div span {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}

.advantages-info_block .article .leftblock ul li:last-child {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.advantages-info_block .article .rightblock {
    display: inline-block;
    float: right;
    width: 50%;
}

.advantages-info_block .article .rightblock .title {
    margin-bottom: 20px;
}

.advantages-info_block .article .rightblock p {
    line-height: 1.6;
    font-size: 13px;
    text-align: justify;
    margin: 16px 0;
}

.advantages-info_block .article .rightblock .about_company {
    float: none;
}

/** Excursion directions **/

.excursion_directions {
    background: #f1f1f1;
}

.excursion_directions .types-of-tours {
    padding-top: 25px;
}

.excursion_directions .types-of-tours .title {}

.excursion_directions .types-of-tours .title h2 {
    color: #131925;
}

.excursion_directions .types-of-tours .title h2 strong {
    display: block;
}

.excursion_directions .excursions {
    padding-bottom: 20px;
}

.excursion_directions .excursions ul {
    margin: 20px -4px;
}

.excursion_directions .excursions ul li {
    display: inline-block;
    float: left;
    width: 33.3%;
}

.article_block .items li .item,
.excursion_directions .excursions ul li .item {
    background: #fff;
    -webkit-box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0);
    margin: 0 4px;
}

.article_block .items li .item:hover,
.excursion_directions .excursions ul li .item:hover {
    -webkit-box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.21);
}

.excursion_directions .excursions ul li .item .topblock {
    position: relative;
}

.excursion_directions .excursions ul li .item .topblock .hot,
.excursion_directions .excursions ul li .item .topblock .days,
.excursion_directions .excursions ul li .item .topblock .city,
.excursion_directions .excursions ul li .item .topblock .nature {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    top: 15px;
    background: rgba(49, 113, 247, 8);
    z-index: 11;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
    font-size: 15px;
}

.excursion_directions .excursions ul li .item .topblock .hot {
    left: 10px;
    background: rgba(238, 63, 77, .7);
}

.excursion_directions .excursions ul li .item .topblock .hot:before {
    content: '\e811';
}

.excursion_directions .excursions ul li .item .topblock .city {
    background: #6db93b;
}

.excursion_directions .excursions ul li .item .topblock .city:before {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../img/spring-summer_ico.png') center center no-repeat;
    background-size: 20px;
    content: '';
}

.excursion_directions .excursions ul li .item .topblock .nature:before {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../img/winter-summer_ico.png') center center no-repeat;
    background-size: 20px;
    content: '';
}

.excursion_directions .excursions ul li .item .topblock .days {
    right: 10px;
    width: auto;
    padding: 0 12px;
    background: rgba(18, 24, 36, .6);
    font-weight: 600;
    font-size: 11px;
}

.excursion_directions .excursions ul li .item .topblock .city,
.excursion_directions .excursions ul li .item .topblock .nature {
    right: 80px;
}

.excursion_directions .excursions ul li .item .topblock .name_rate {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
}

.excursion_directions .excursions ul li .item .topblock .name_rate .name {
    padding: 0 10px 12px 10px;
}

.excursion_directions .excursions ul li .item .topblock .name_rate .name a {
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

.article_block .items li .item .leftblock .picture,
.excursion_directions .excursions ul li .item .topblock .picture {
    position: relative;
    overflow: hidden;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
}

.article_block .items li .item .leftblock .picture img,
.excursion_directions .excursions ul li .item .topblock .picture img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

.article_block .items li .item .leftblock .picture:before,
.excursion_directions .excursions ul li .item .topblock .picture:before {
    content: '';
    display: inline-block;
    height: 70px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('../img/layer_middle.png') left bottom repeat-x;
    z-index: 10;
}

.excursion_directions .excursions ul li .item .infoblock {
    padding: 15px;
}

.excursion_directions .excursions ul li .item .infoblock p {
    line-height: 1.3;
    font-size: 11px;
    color: #7c7d81;
    text-align: justify;
    height: 60px;
    overflow: hidden;
}

.excursion_directions .excursions ul li .item .infoblock div {
    margin-top: 10px;
}

.excursion_directions .excursions ul li .item .infoblock div .more {
    float: left;
    margin-top: 0;
}

.excursion_directions .excursions ul li .item .infoblock div .price {
    display: inline-block;
    line-height: 40px;
    float: right;
    font-size: 18px;
    color: #121823;
    font-weight: 600;
}

.excursion_directions .excursions ul li .item .infoblock div .price strong {
    font-size: 24px;
    font-weight: 800;
    margin-right: 5px;
}

/** Interactive programs **/

.interactive_programs {
    background: #fff;
    padding-top: 20px;
    position: relative;
    z-index: 20;
}

.interactive_programs .topblock .title h3,
.interactive_programs .topblock .title h2 {
    color: #131925;
}

.interactive_programs .topblock .title {
    padding-left: 0;
}

.interactive_programs .article {
    padding-bottom: 30px;
}

.excursion_items_list,
.article_block .items li .item .rightblock .price_details ul,
.interactive_items_list {
    margin: 20px -4px;
    position: relative;
    z-index: 20;
}

.excursion_items_list li.block,
.interactive_items_list li.block {
    display: inline-block;
    width: 25%;
    float: left;
}

.excursion_items_list li .item,
.interactive_items_list li .item {
    background: #fff;
    -webkit-box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.21);
    position: relative;
    margin: 0 4px;
}

.excursion_items_list li .item .picture,
.interactive_items_list li .item .picture {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.excursion_items_list li .item .picture:before,
.interactive_items_list li .item .picture:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    width: 100%;
    background: url('../img/layer_mini.png') left bottom repeat-x;
    z-index: 10;
    height: 85px;
}

.excursion_items_list li .item .picture img,
.interactive_items_list li .item .picture img {
    display: block;
    vertical-align: bottom;
    width: 100%;
}

.excursion_items_list li .item .details,
.interactive_items_list li .item .details {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 12;
}

.excursion_items_list li .item .details .info,
.interactive_items_list li .item .details .info {
    display: inline-block;
    line-height: 28px;
    width: 28px;
    float: left;
    height: 28px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    margin: 0 10px 0 10px;
    cursor: pointer;
}

.excursion_items_list li .item:hover .details .info,
.interactive_items_list li .item:hover .details .info {
    background: #3171f7;
}

.excursion_items_list li .item:hover .details .info:before,
.interactive_items_list li .item:hover .details .info:before {
    color: #fff;
}

.excursion_items_list li .item .details .info .more_detals:before,
.interactive_items_list li .item .details .info .more_detals:before {
    content: '';
    position: absolute;
    left: 12px;
    background: transparent;
    border: 6px solid transparent;
    z-index: 2;
    margin-top: -12px;
    border-bottom-color: #fff;
}

.excursion_items_list li .item .details .info .more_detals,
.interactive_items_list li .item .details .info .more_detals {
    background: #fff;
    position: absolute;
    width: 100%;
    display: inline-block;
    left: 0;
    top: calc(100% + 27px);
    top: -webkit-calc(100% + 27px);
    top: -moz-calc(100% + 27px);
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
}

.excursion_items_list li .item.visible .details .info.more_detals,
.interactive_items_list li .item.visible .details .info .more_detals {
    display: block;
    -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.21);
}

.excursion_items_list li .item .details .info .more_detals .more,
.interactive_items_list li .item .details .info .more_detals .more {
    float: none;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
}

.excursion_items_list li .item .details .info .more_detals p,
.interactive_items_list li .item .details .info .more_detals p {
    line-height: 1.3;
    font-size: 11px;
    text-align: justify;
    padding: 10px;
    color: #131925;
}

.excursion_items_list li .item .details .info .more_detals ul,
.interactive_items_list li .item .details .info .more_detals ul {
    padding: 0 10px;
    margin-bottom: 10px;
}

.excursion_items_list li .item .details .info .more_detals ul li,
.article_block .items li .item .rightblock .price_details ul li,
.interactive_items_list li .item .details .info .more_detals ul li {
    border-bottom: 1px dotted rgba(0, 0, 0, .3);
    line-height: 2;
}

.excursion_items_list li .item .details .info .more_detals ul li span,
.article_block .items li .item .rightblock .price_details ul li span,
.interactive_items_list li .item .details .info .more_detals ul li span {
    display: inline-block;
    float: left;
    background: #fff;
    color: #131925;
    font-size: 11px;
    margin-bottom: -2px;
}

.excursion_items_list li .item .details .info .more_detals ul li small,
.article_block .items li .item .rightblock .price_details ul li small,
.interactive_items_list li .item .details .info .more_detals ul li small {
    display: inline-block;
    float: right;
    background: #fff;
    color: #131925;
    font-weight: 800;
    font-size: 11px;
    margin-bottom: -2px;
}

.excursion_items_list li .item .details .text,
.interactive_items_list li .item .details .text {
    display: inline-block;
    float: left;
    width: calc(100% - 140px);
    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
}

.excursion_items_list li .item .details .text a,
.interactive_items_list li .item .details .text a {
    color: #fff;
    text-decoration: none;
    line-height: 1.3;
    font-size: 13px;
    font-weight: 600;
}

.excursion_items_list li .item .details .text a small,
.interactive_items_list li .item .details .text a small {
    display: block;
    font-size: 10px;
    color: rgba(255, 255, 255, .7);
    font-weight: normal;
}

.excursion_items_list li .item .details .price,
.interactive_items_list li .item .details .price {
    color: #fff;
    line-height: 30px;
    background: #3171f7;
    font-weight: 600;
    background: #3171f7;
    font-size: 12px;
    padding: 0 10px;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.excursion_items_list li .item .details .info:before,
.interactive_items_list li .item .details .info:before {
    content: '\e80f';
    color: #131925;
    font-size: 13px;
}

/** Facts about Kazan **/

.facts_about_Kazan {
    position: relative;
    z-index: 1;
    background: #fff url('../img/fackts_background.jpg') left top no-repeat;
    background-size: cover;
    min-height: 411px;
}

.facts_about_Kazan .article {}

.facts_about_Kazan .article .title {
    color: #131925;
}

.facts_about_Kazan .article ul {
    margin: 20px -4px;
}

.facts_about_Kazan .article ul li {
    display: inline-block;
    float: left;
    width: 50%;
    color: #131925;
    min-height: 90px;
    margin-bottom: 20px;
}

.facts_about_Kazan .article ul li div {
    margin: 0 4px;
}

.facts_about_Kazan .article ul li div .slogan {
    display: block;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 8px;
}

.facts_about_Kazan .article ul li div p {
    line-height: 1.3;
    font-size: 12px;
    height: 65px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-line-clamp: 2;
}

.facts_about_Kazan .article ul li div .num {
    font-weight: 800;
    color: #3171f7;
    display: block;
}

/** PreFooter **/

.prefooter {
    background: #fff;
}

.prefooter .article {
    min-height: 391px;
    background: url('../img/prefooter_background.png') center bottom no-repeat;
    margin-top: -100px;
    position: relative;
    z-index: 20;
}

.prefooter .article .short_info {
    display: inline-block;
    width: 50%;
    float: left;
    margin-top: 140px;
}

.prefooter .article .short_info div {
    margin: 0px 0 0 50px;
}

.prefooter .article .short_info h4 {
    color: #131925;
    font-size: 30px;
    font-weight: 800;
}

.prefooter .article .short_info h4 strong {
    color: #3473f7;
    display: block;
    font-size: 35px;
}

.prefooter .article .short_info p {
    color: rgba(19, 25, 37, .8);
    font-size: 12px;
    text-align: justify;
    line-height: 1.3;
    margin: 15px 20px 20px 0;
}

.g-form-m__buttons input,
.prefooter .article .short_info .enroll {
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 60px;
    text-align: center;
    min-width: 260px;
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    cursor: pointer;
}

.g-form-m__buttons input:hover,
.prefooter .article .short_info .enroll:hover {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
}

/** Footer **/

footer {
    background: #121822 url('../img/footer_background.png') right bottom no-repeat;
    min-height: 121px;
    position: relative;
}

footer .content {}

footer .content .top {
    text-align: center;
    position: relative;
}

ul.contacts li div:before,
footer .content .top .totop {
    line-height: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: -20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 11px 22px 0px rgba(55, 118, 248, 0.4);
    -moz-box-shadow: 0px 11px 22px 0px rgba(55, 118, 248, 0.4);
    box-shadow: 0px 11px 22px 0px rgba(55, 118, 248, 0.4);
    z-index: 20;
    text-decoration: none;
}

footer .content .top .totop:before {
    content: '\e813';
    display: inline-block;
    line-height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

footer .content .top .totop:hover:before {
    top: -4px;
}

footer .content .top .logotype {
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 18px;
    margin-top: 18px;
}

footer .content .top .logotype strong {
    display: block;
    font-weight: 800;
    font-size: 25px;
}

footer .content .top nav {
    display: inline-block;
}

footer .content .top nav a {
    font-size: 13px;
    color: #fff;
    margin: 0 12px;
    line-height: 80px;
    text-decoration: none;
}

footer .content .top .phone {
    display: inline-block;
    float: right;
}

footer .content .top .phone a {
    text-decoration: none;
    font-weight: 600;
    font-size: 22px;
    text-decoration: none;
    font-weight: 800;
    line-height: 80px;
    vertical-align: top;
    color: #fff;
}

footer .content .top nav a:hover,
footer .content .bottom .social a:hover:before,
footer .content .top .phone a:hover {
    color: #4d85fa;
}

footer .content .top .phone a:hover:before {
    color: #fff;
}

footer .content .top .phone a:before {
    content: '';
    width: 40px;
    line-height: 80px;
    display: inline-block;
    background: url(../img/telephone.svg) center center no-repeat;
    background-size: 15px;
    height: 80px;
    vertical-align: top;
}

footer .content .bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

footer .content .bottom .copyright {
    line-height: 50px;
    display: inline-block;
    float: left;
    font-size: 10px;
    color: rgba(255, 255, 255, .5);
}

footer .content .bottom .social {
    display: inline-block;
    float: right;
}

footer .content .bottom .social a {
    line-height: 50px;
    display: inline-block;
    text-decoration: none;
    width: 40px;
    text-align: center;
}

footer .content .bottom .social a:before {
    color: rgba(255, 255, 255, .7);
}

footer .content .bottom .social a.vk:before {
    content: '\f189';
}

footer .content .bottom .social a.facebook:before {
    content: '\f30c';
}

footer .content .bottom .social a.twitter:before {
    content: '\f099';
}

.inner_page {
    background: #fff;
}

.inner_page header {
    background: #121925;
}

.article_block {
    min-height: calc(100vh - 211px);
    min-height: -webkit-calc(100vh - 211px);
    min-height: -moz-calc(100vh - 211px);
}

.article_block .with_elements {}

.article_block .with_elements:after {
    content: '';
    display: block;
    clear: both;
}

.contacts_page .overflow_page .content_feedback .title,
.article_block .with_elements .title {
    display: inline-block;
    float: left;
    max-width: none;
}

.article_block .with_elements .tags {
    display: inline-block;
    float: right;
    width: 50%;
    padding-top: 25px;
    text-align: right;
}

.article_block .with_elements .tags a {
    font-weight: 600;
    line-height: 25px;
    margin-left: 15px;
    font-size: 13px;
    text-decoration: none;
    color: #131925;
}

.article_block .with_elements .tags a:before {
    content: '#';
    color: #6896f2;
    margin-right: 4px;
}

.article_block .with_elements .tags a:hover {
    color: #6896f2;
}

.article_block .title {
    position: relative;
    margin: 25px 0 20px 0;
}

.contacts_page .overflow_page .content_feedback .title:before,
.article_block .title:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 4px;
    background: #3171f7;
    position: absolute;
    left: 0;
    top: 0;
}

.contacts_page .overflow_page .content_feedback h2,
.article_block .title h2,
.article_block .title h1 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #131925;
    position: relative;
    padding-left: 15px;
}

.contacts_page .overflow_page .content_feedback h3,
.article_block .title h3 {
    font-size: 13px;
    font-weight: 600;
    color: #131925;
    padding-left: 15px;
}

.article_block .items {
    margin: 15px -5px 10px -5px;
}

.article_block .items ul,
.nav-links {
    padding-bottom: 25px;
}

.article_block .items ul ul {
    padding-bottom: 0;
}

.article_block .items li.overflow_item {

    width: 50%;
}

.article_block .items li.overflow_item:nth-child(9),
.article_block .items li.overflow_item:nth-child(10),
.article_block .items li.overflow_item:nth-child(11),
.article_block .items li.overflow_item:nth-child(12),
.article_block .items li.overflow_item:nth-child(13),
.article_block .items li.overflow_item:nth-child(14),
.article_block .items li.overflow_item:nth-child(15),
.article_block .items li.overflow_item:nth-child(16) {
    display: block;
}

.article_block .items .viewall li.overflow_item {
    display: block;
}

.article_block .items li .item {
    outline: 1px solid rgba(0, 0, 0, .03);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 5px;
}

.article_block .items li .item:hover {
    outline: none;
}

.article_block .items li .item .leftblock {
    display: inline-block;
    float: left;
    width: 50%;
}

.article_block .items li .item .leftblock .picture {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0px;
    -moz-border-radius-righttop: 0px;
}

.article_block .items li .item .leftblock .picture:before {
    z-index: 1;
}

.article_block .items li .item .leftblock .picture img {}

.article_block .items li .item .leftblock .picture h4 {
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px 10px 10px;
    z-index: 2;
}

.article_block .items li .item .rightblock {
    display: inline-block;
    float: right;
    width: 50%;
}

.article_block .items li .item .rightblock .short_details {
    line-height: 1.3;
    font-size: 11px;
    text-align: justify;
    color: #62656a;
}

.article_block .items li .item .rightblock .tags {
    padding: 8px 10px;
    height: 52px;
    
}

.article_block .items li .item .rightblock .tags a {
    font-size: 10px;
    color: #131925;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.7;
}

.article_block .items li .item .rightblock .tags a:hover {
    color: #6896f2;
}

.article_block .items li .item .rightblock .tags a:before {
    content: '#';
    margin-right: 4px;
    color: #6896f2;
}

.article_block .items li .item .rightblock .short_details p {
    height: 88px;
    overflow: hidden;
}

.article_block .items li .item .rightblock .short_details,
.article_block .items li .item .rightblock .price_details {
    padding: 10px;
}

.article_block .items li .item .rightblock .price_details ul {
    margin: 0;
    padding: 0;
}

.article_block .items li .item .rightblock .price_details small.free {
    text-transform: uppercase;
    color: #3171f7;
}

.article_block .items li .item .rightblock .price_details ul li {
    margin-bottom: 4px;
}

.article_block .items li .item .rightblock .bottom {
    padding: 10px;
}

.article_block .items li .item .rightblock .bottom .order {
    line-height: 40px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    min-width: 140px;
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    cursor: pointer;
}

.article_block .items li .item .rightblock .bottom .order:hover {
    webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
}

.article_block .items li .item .rightblock .bottom .read-more {
    color: #131925;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 11px;
    font-weight: 600;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 40px;
    display: inline-block;
    padding: 0 20px;
    -webkit-box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0);
    float: right;
}

.article_block .items li .item .rightblock .bottom .read-more:hover {
    border-color: #121925;
    color: #fff;
    background: #121925;
    -webkit-box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 27px -5px rgba(0, 0, 0, 0.6);
}

.more_button {
    display: block;
    margin: 12px 0 30px;
    text-align: center;
}

.price_book .book span,
.more_button span {
    display: inline-block;
    line-height: 50px;
    color: #131925;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 11px;
    font-weight: 600;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    width: 220px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

.more_button span a {
    text-decoration: none;
    color: #131925;
}

.more_button span a:hover {
    color: #fff;
}

.price_book .book span:hover,
#addcomment_block .button_block input:hover,
.more_button span:hover {
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    color: #fff;
    border-top-color: #6694f2;
}

.article_block .items li .item .rightblock .bottom.one_ellem .read-more {
    float: none;
}

.article_block .items.similar li.overflow_item {
    width: 25%;
}

.article_block .items.similar li .item {
    position: relative;
}

.article_block .items.similar li .item .leftblock {
    float: none;
    width: 100%;
    display: block;
}

.article_block .items.similar li .item .leftblock .picture img {
    border-top-right-radius: 3px;
    -moz-border-radius-righttop: 3px;
}

.article_block .items.similar li .item .rightblock {
    float: none;
    width: 100%;
    top: 100%;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 10;
    -webkit-box-shadow: 0px 8px 27px -5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 8px 27px -5px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 8px 27px -5px rgba(0, 0, 0, 0.6);
    display: none;
}

.article_block .items.similar li .item:hover .rightblock {
    display: block;
}

.more_button.loadplay span {
    transition: all 0ms ease-in-out 0s;
    background: url('../img/loader.svg') center center no-repeat;
}

.more_button.loadplay span:hover {
    border-top-color: rgba(0, 0, 0, .1);
}

.more_button.loadplay span small {
    opacity: 0;
}

.more_button span small {}

.fullpage_item {}

.price_book:after,
.schedule_duration ul:after,
.price_items ul:after,
.fullpage_item:after {
    content: '';
    display: block;
    clear: both;
}

.fullpage_item .pictures_item {}

.fullpage_item #gallery {
    width: 570px;
    display: inline-block;
    float: left;
}

.fullpage_item .details {
    width: calc(100% - 590px);
    width: -webkit-calc(100% - 590px);
    width: -moz-calc(100% - 590px);
    display: inline-block;
    float: right;
}

.fullpage_item .details .short_text {
    color: #121823;
    text-align: justify;
    padding-top: 4px;
}

.fullpage_item .details .short_text p {
    font-size: 11px;
    margin-bottom: 7px;
    line-height: 1.4;
}

.fullpage_item .details .short_text p strong {
    font-weight: 700;
}

.fullpage_item .details .short_text ul {
    margin: 12px 0 12px 12px;
}

.fullpage_item .details .short_text ul:after {
    content: '';
    display: block;
    clear: both;
}

.fullpage_item .details .short_text ul li {
    line-height: 1.3;
    font-size: 11px;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    position: relative;
    float: left;
}

.fullpage_item .details .short_text .title {
    font-weight: 700;
    padding-left: 10px;
    display: block;
    font-size: 12px;
    color: #131925;
    margin: 5px 0 10px 0;
}

.price_book {
    margin-top: 25px;
}

.price_book .price {
    display: inline-block;
    width: 50%;
}

.price_book .price span {
    font-weight: 800;
    color: #121823;
    font-size: 32px;
    padding-left: 40px;
    padding-top: 5px;
}

.price_book .price small {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #121823;
    padding-left: 40px;
}

.price_book .book {
    display: inline-block;
    float: right;
    width: 50%;
}

#addcomment_block .button_block input,
.price_book .book span {
    text-align: center;
    font-weight: 600;
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0);
    color: #fff;
    font-size: 13px;
    border-top-color: #6694f2;
}

.schedule_duration {
    color: #121823;
    margin-bottom: 25px;
}

.schedule_duration .name {
    display: block;
    font-weight: 600;
    margin: 10px 0;
    font-size: 14px;
}

.schedule_duration ul {}

.schedule_duration ul li {
    display: inline-block;
    float: left;
    width: 30%;
}

.schedule_duration ul li:first-child {
    width: 40%;
}

.schedule_duration ul li div {
    position: relative;
    padding-left: 60px;
    padding-right: 10px;
}

.schedule_duration ul li div i:before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url('../img/timer.svg') center center no-repeat;
    background-size: 38px;
    margin-left: -2px;
    margin-top: -1px;
}

.schedule_duration ul li:first-child div i:before {
    background: url('../img/clock.svg') center center no-repeat;
    background-size: 26px;
    margin-left: 0;
}

.schedule_duration ul li:last-child div i:before {
    background: url('../img/placeholder.svg') center center no-repeat;
    background-size: 24px;
    margin-left: 0;
}

.schedule_duration ul li div i {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .1);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .1);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .1);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .2);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .2);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .2);
}

.schedule_duration ul li:hover div i {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .6);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .6);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, .6);
}

.schedule_duration ul li div span {
    font-weight: 600;
    font-size: 12px;
    display: block;
    padding-top: 10px;
}

.schedule_duration ul li div span em {
    vertical-align: top;
    font-size: 8px;
    margin-left: 2px;
}

.schedule_duration ul li div small {
    font-size: 10px;
}

.price_items {
    background: #fff;
    -webkit-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.34);
    margin-top: 18px;
}

.price_items .top {
    background: #4b83fa;
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.price_items .top li {
    align-items: flex-end;
    flex: 0 0 50%;
}

.price_items .top li span {
    border-right: 1px solid rgba(255, 255, 255, .2);
    display: block;
    line-height: 30px;
}

.price_items .top li:last-child span {
    border: 0;
}

.price_items.five .bottom li,
.price_items.five .top li {
    flex: 0 0 25%;
}

.price_items .top li span {
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}

.price_items .bottom {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    color: #131925;
}

.price_items .bottom li {
    align-items: flex-end;
    flex: 0 0 50%;
}

.price_items .bottom li span {
    border-right: 1px solid rgba(0, 0, 0, .06);
    display: block;
    line-height: 60px;
    font-weight: 600;
    font-size: 14px;
}

.textblock-block {
    margin: 15px 0;
}

.textblock-block .content {
    background: #fff;
    -webkit-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    color: #121823;
    padding: 12px;
}

.textblock-block .content .title {
    font-weight: 600;
    padding-left: 15px;
    margin-bottom: 14px;
    display: block;
    margin-left: -12px;
}

.textblock-block .content p {
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 10px;
}

.textblock-block .content p:last-child {
    margin-bottom: 0;
}

.textblock-block .content p strong {
    font-weight: 600;
}

.textblock-block .content ul {
    margin: 15px 0 20px 15px;
}

.textblock-block .content ul li {
    position: relative;
    line-height: 1.3;
    font-size: 12px;
    margin-bottom: 6px;
    padding-left: 15px;
}

.fullpage_item .details .short_text ul li:before,
.textblock-block .content ul li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 5px;
    background: #3171f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 9px 11px -5px rgba(49, 113, 247, 0.31);
    -moz-box-shadow: 0px 9px 11px -5px rgba(49, 113, 247, 0.31);
    box-shadow: 0px 9px 11px -5px rgba(49, 113, 247, 0.31);
}

.fullpage_item .details .short_text ul li {
    padding-left: 10px;
}

.fullpage_item .details .short_text ul li:before {
    top: 2px;
}

.contacts iframe {
    border: 1px solid red;
    min-height: calc(100vh - 211px) !important;
    min-height: -webkit-calc(100vh - 211px) !important;
    min-height: -moz-calc(100vh - 211px) !important;
}

.top_tours .slider .tour_items .item_block .tour .details .info .name a {
    font-size: .8rem;
}

.top_tours .slider .tour_items .left-block .item_block .tour .details .info .name a {
    font-size: 22px;
}

.contacts_page {
    position: relative;
    min-height: calc(100vh - 211px);
    min-height: -webkit-calc(100vh - 211px);
    min-height: -moz-calc(100vh - 211px);
    overflow: hidden;
}

.contacts_page iframe {
    position: absolute;
    top: -150px;
    left: 0px;
    width: 100%;
}

.contacts_page .overflow_page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.contacts_page .overflow_page .content_feedback {
    margin-top: 25px;
    position: relative;
}

.contacts_page .overflow_page .content_feedback .roadmap {
    position: absolute;
    right: 0;
    top: 20px;
    background: #fff;
    line-height: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 11px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-transform: uppercase;
    color: #121824;
    -webkit-box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 9px 21px 0px rgba(0, 0, 0, 0.3);
    padding: 0 20px 0 55px;
}

.contacts_page .overflow_page .content_feedback .roadmap i {
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    background: rgba(104, 150, 242, 1);
    background: -moz-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 150, 242, 1)), color-stop(100%, rgba(49, 112, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6896f2', endColorstr='#3170f7', GradientType=0);
    -webkit-box-shadow: 0px 11px 22px 0px rgba(55, 118, 248, 0.4);
    -moz-box-shadow: 0px 11px 22px 0px rgba(55, 118, 248, 0.4);
    box-shadow: 0px 11px 22px 0px rgba(55, 118, 248, 0.4);
    width: 35px;
    height: 35px;
    position: absolute;
    left: 9px;
    top: 7px;
    z-index: 9;
}

.contacts_page .overflow_page .content_feedback .roadmap i:before {
    content: '';
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: url('../img/road.svg') center center no-repeat;
    background-size: 20px;
}

.contacts_page .overflow_page .content_feedback .title {
    display: block;
    float: none;
    position: relative;
    margin-top: 15px;
}

.contacts_page .overflow_page .content_feedback .content_block {
    width: 50%;
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0px 10px 38px -6px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 10px 38px -6px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 10px 38px -6px rgba(0, 0, 0, 0.29);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #121824;
}

.captchblock .g-form-m__field-section:after,
ul.contacts:after,
.contacts_page .overflow_page .content_feedback .content_block .topblock:after {
    content: '';
    display: block;
    clear: both;
}

.contacts_page .overflow_page .content_feedback .content_block .topblock {
    margin-top: 10px;
    padding: 12px;
}

.contacts_page .overflow_page .content_feedback .content_block .topblock .g-form-m__field {
    display: inline-block;
    float: left;
    width: 33.3%;
}

.contacts_page .overflow_page .content_feedback .content_block .topblock .g-form-m__field-section input {
    padding-left: 10px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    font-weight: 600;
    font-size: 13px;
    line-height: 30px;
    border: 0;
    border-bottom: 1px solid #121824;
}

.contacts_page .overflow_page .content_feedback .textareablock textarea:focus,
.contacts_page .overflow_page .content_feedback .content_block .topblock .g-form-m__field-section input:focus {
    outline: none;
    border-bottom-color: #6896f2;
}

.contacts_page .overflow_page .content_feedback .textareablock .g-form-m__field-title,
.captchblock .g-form-m__field-title,
.contacts_page .overflow_page .content_feedback .content_block .topblock .g-form-m__field-title {
    font-size: 10px;
    text-transform: uppercase;
}

.contacts_page .overflow_page .content_feedback .textareablock {
    padding: 12px
}

.contacts_page .overflow_page .content_feedback .textareablock textarea {
    border: 0;
    border-bottom: 1px solid #121824;
    height: 30px;
    width: 100%;
    font-size: 11px;
    margin-top: 6px;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
}

.g-form-m__buttons input {
    border: 0;
    margin: 0 0 -25px 15px;
    cursor: pointer;
}

.g-form-m__message_error {
    padding: 10px;
    margin: 15px;
    border: 1px solid red;
    font-size: 13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: red;
    color: #fff;
}

.captchblock {
    padding: 0 15px 0 15px;
}

.captchblock .g-form-m__field-title {}

.captchblock .g-form-m__field-section {
    margin-top: 10px;
    margin-bottom: 12px;
}

.captchblock .g-form-m__field-section .g-form-m__field-input {
    display: inline-block;
    float: left;
    line-height: 35px;
    border: 0;
    background: rgba(0, 0, 0, .04);
    border: 1px solid #121824;
    text-align: center;
}

.captchblock .g-form-m__field-section .g-form-m__field-input:focus {
    border-color: #3171f7;
}

.captchblock .g-form-m__field-section .g-form-m__field-captcha-image {
    display: inline-block;
    float: left;
}

ul.contacts {
    margin: 12px 0 0 12px;
}

ul.contacts li {
    display: inline-block;
    float: left;
    width: 33.3%;
}

ul.contacts li div {
    padding: 10px 10px 10px 50px;
    position: relative;
}

ul.contacts li div:before {
    content: '';
    left: 0;
    top: 5px;
    z-index: 9;
}

ul.contacts li:nth-child(2) div:after,
ul.contacts li:first-child div:after {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url('../img/placeholder.svg') center center no-repeat;
    background-size: 20px;
    display: inline-block;
    content: '';
    z-index: 10;
}

ul.contacts li:nth-child(2) div:after {
    background: url('../img/telephone.svg') center center no-repeat;
    background-size: 20px;
}

ul.contacts li:last-child div:after {
    content: '\e80d';
    font-family: 'fontello';
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 40px;
    text-align: center;
    top: 5px;
    font-size: 19px;
}

ul.contacts li div small {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 8px;
}

ul.contacts li div p {
    font-size: 11px;
    line-height: 1.3;
}

ul.contacts li div a {
    font-size: 11px;
    text-decoration: none;
    font-weight: 600;
    color: #131925;
}

ul.contacts li div a:hover {
    color: #5a8cf3;
}

.sucsses_text {
    padding: 10px;
    margin: 15px;
    border: 1px solid green;
    font-size: 13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: green;
    color: #fff;
}

.contacts_page .overflow_page .content_feedback h2 em,
.article_block .title h2 em {
    color: #3171f7;
}

/** Comments area **/

.comment_area_block {
    color: #121824;
}

.comment_area_block .article_comment {}

.comment_area_block .article_comment .title {}

.comment_area_block .article_comment .title span {
    color: #121823;
    font-weight: 600;
    padding-left: 12px;
}

.comment_area_block .article_comment .title span strong {
    color: #3171f7;
}

.comment_area_block .comments__list {
    margin-bottom: 40px;
}

.comment_item {
    background: #fff;
    -webkit-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    color: #121823;
    padding: 12px;
    margin-bottom: 12px;
}

.comment_item .topline {}

.comment_item .topline:after {
    content: '';
    display: block;
}

.comment_item .topline .autor {
    display: inline-block;
    line-height: 20px;
    float: left;
    font-size: 12px;
    font-weight: 600;
}

.comment_item .topline time {
    display: inline-block;
    line-height: 20px;
    font-size: 11px;
    margin-left: 20px;
}

.comment_item .topline .stars {
    display: inline-block;
}

.comment_item .topline .stars i {}

.comment_item .topline .liked {
    display: inline-block;
    float: right;
}

.comment_item .topline .liked a {
    text-decoration: none;
    font-size: 11px;
    color: #121823;
    margin: 0 4px;
    line-height: 20px;
}

.comment_item .topline .liked a i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
}

.comment_item .topline .liked a:first-child i {
    background: url('../img/thumb-up-button.svg') center center no-repeat;
    background-size: 10px;
}

/*.comment_item .topline .liked a:last-child i {*/
/*    background: url('../img/thumb-down-button.svg') center center no-repeat;*/
/*    background-size: 10px;*/
/*}*/

.comment_item .textarea {
    line-height: 1.5;
    font-size: 12px;
    padding: 12px 0 0px 0;
}

.comment_item .textarea a {
    text-decoration: none;
    font-size: 12px;
    color: #3171f7;
    position: relative;
    padding-left: 14px;
    margin-top: 5px;
    display: inline-block;
}

.comment_item .textarea a:before {
    font-family: 'fontello';
    content: '\e814';
    position: absolute;
    left: 0;
    top: -1px;
    color: #121823;
    transition: all 300ms ease-in-out 0s;
}

.comment_item .textarea a:hover:before {
    color: #3171f7;
    left: 5px;
}

#addcomment_block {}

.add_com_button {
    background: #121925;
    color: #fff;
    line-height: 45px;
    padding: 0 35px;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    -webkit-box-shadow: 0px 10px 14px 0px rgba(18, 25, 37, 0.15);
    -moz-box-shadow: 0px 10px 14px 0px rgba(18, 25, 37, 0.15);
    box-shadow: 0px 10px 14px 0px rgba(18, 25, 37, 0.15);
    transition: all 300ms ease-in-out 0s;
}

.add_com_button:hover {
    background: #6896f2;
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
}

.add_com_button:focus {
    outline: none;
}

#addcomment_block {
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 12px 27px -5px rgba(0, 0, 0, 0.12);
    color: #121823;
    padding: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#addcomment_block .text_add_area span {
    display: block;
    font-size: 11px;
    margin-bottom: 5px;
}

#addcomment_block p.sucesfull_text {
    line-height: 1.5;
    margin-bottom: 15px;
    color: green;
    font-size: 12px;
}

#addcomment_block .text_add_area textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}

#addcomment_block .button_block {
    margin-top: 10px;
}

#addcomment_block .button_block input {
    line-height: 45px;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    width: 250px;
    transition: all 300ms ease-in-out 0s;
}

#addcomment_block .captcha_item {
    font-size: 11px;
    margin: 15px 0;
}

#addcomment_block .captcha_item small {
    display: block;
    margin-bottom: 5px;
}

#addcomment_block .captcha_item input.g-form-m__field-input {
    display: inline-block;
    line-height: 40px;
    border: 1px solid rgba(0, 0, 0, .1);
    vertical-align: top;
    max-width: 125px;
}

#addcomment_block .captcha_item p {
    margin-top: 6px;
}

#addcomment_block .detail_user:after {
    content: '';
    display: block;
    clear: both;
}

#addcomment_block .detail_user {
    margin-bottom: 15px;
}

#addcomment_block .detail_user .pole_item {
    display: inline-block;
    float: left;
    width: 300px;
    position: relative;
    margin-right: 10px;
}

#addcomment_block .detail_user .pole_item small {
    font-size: 11px;
    padding: 2px 5px;
    background: #fff;
    position: absolute;
    left: 8px;
    top: -5px;
}

#addcomment_block .detail_user .pole_item div {
    line-height: 40px;
    font-size: 12px;
    padding-left: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#addcomment_block .detail_user .pole_item div:focus {
    border-color: #3171f7;
}

#addcomment_block .detail_user .pole_item input {
    display: block;
    width: 100%;
    border: 0;
    line-height: 40px;
}

#addcomment_block .detail_user .pole_item input:focus {
    outline: none;
}


.modalform_overflow {
    color: #131925;
    font-size: 11px;
    position: fixed;
    width: 380px;
    z-index: 91;
    left: 50%;
    top: 50%;
    background: #fff;
    margin: -150px 0 0 -190px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
}

.modalform_overflow.visible {
    display: block;
}

.modalform_overflow:before {
    content: '';
    display: inline-block;
    height: 20px;
    background: rgba(255, 255, 255, .3);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    position: absolute;
    z-index: -1;
    bottom: -8px;
    left: 10px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.modalform_overflow h2 {
    color: #131925;
    font-weight: 700;
    padding-left: 20px;
    border-left: 3px solid #3171f7;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.modalform_overflow .notview {
    display: block;
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
}

.modalform_overflow .content_form {
    padding: 10px 20px 0 20px;
}

.modalform_overflow .pole {
    position: relative;
    padding: 6px 0;
}

.modalform_overflow .pole small {
    display: inline-block;
    font-size: 9px;
    background: #fff;
    padding: 4px;
    position: absolute;
    left: 8px;
    top: -1px;
    text-transform: uppercase;
    font-weight: 600;
}

.modalform_overflow .pole input {
    border: 1px solid #dbdbde;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s;
}

.modalform_overflow .pole input:focus {
    outline: none;
    border-color: #598bf3;
}

.modalform_overflow .amount {
    position: relative;
    max-width: 160px;
}

.modalform_overflow .amount .qtyminus,
.modalform_overflow .amount .qtyplus {
    position: absolute;
    left: 12px;
    top: 9px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(0, 0, 0, .1);
    color: #131925;
    transition: all 300ms ease-in-out 0s;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    border: 0;
}

.modalform_overflow .amount .qtyminus:focus,
.modalform_overflow .amount .qtyplus:focus {
    outline: none;
}

.modalform_overflow .amount .qtyminus:hover,
.modalform_overflow .amount .qtyplus:hover {
    background: #457ef5;
    color: #fff;
}

.modalform_overflow .amount .qtyplus {
    left: auto;
    right: 12px;
}

#note {
    padding: 0 17px;
    color: #01dc4e;
}

.modalform_overflow .amount .qty {
    border: 1px solid #dbdbde;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease-in-out 0s;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.modalform_overflow .button_block {
    padding: 10px 40px 20px 40px;
}

.modalform_overflow .button_block .btn:focus {
    outline: none;
}

.modalform_overflow .button_block .btn:hover,
.price_book .btn:hover {
    -webkit-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    -moz-box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.92);
    cursor: pointer;
}

.modalform_overflow .message {}

.modalform_overflow .message span {
    display: inline-block;
    line-height: 45px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    font-weight: 600;
}

.modalform_overflow .message span:before {
    content: '\e807';
    font-family: "fontello";
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 2px;
    transition: all 300ms ease-in-out 0s;
}

.modalform_overflow .message.open span:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modalform_overflow .message textarea {
    border: 1px solid #dbdbde;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: -webkit-calc(100% - 12px);
    width: -moz-calc(100% - 12px);
    width: calc(100% - 12px);
    display: none;
    font-size: 11px;
}

.modalform_overflow .message.open textarea {
    display: block;
}

.modalform_overflow .close_modal {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
}

.modalform_overflow .close_modal:before {
    content: '×';
    display: inline-block;
    line-height: 50px;
    font-size: 22px;
    cursor: pointer;
}

.modalform_overflow .button_block .btn,
.price_book .btn {
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    box-shadow: 0px 6px 28px 0px rgba(49, 113, 247, 0.62);
    color: #fff;
    border: 0;
    display: inline-block;
    border-radius: 35px;
}

.price_book .btn {
    width: 200px;
    cursor: pointer;
}

.modal-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    background: rgba(18, 24, 34, .8);
    display: none;
}

.modal-layer.visible {
    display: block;
}

/** Page Navigation full page **/
.page_navigation {
    margin: 12px 0;
}

.page_navigation:after {
    content: '';
    display: block;
    clear: both;
}

.page_navigation a {
    line-height: 40px;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    float: left;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    padding-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #131925;
    text-decoration: none;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
}

.page_navigation a:last-child {
    float: right;
}

.page_navigation a:first-child:before {
    width: 20px;
    height: 20px;
    background: url('../img/home.svg') center center no-repeat;
    background-size: 12px;
    content: '';
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
}

.page_navigation a:first-child:hover:before {
    background: url('../img/home_hover.svg') center center no-repeat;
    background-size: 12px;
}

.page_navigation a:last-child:before {
    font-family: 'fontello';
    content: '\e804';
    margin: 0 20px;
}

.page_navigation a:hover {
    border-color: #3171f7;
    background: #3171f7;
    color: #fff;
}

.companytel {
    text-align: center;
    max-width: 222px;
    padding-top: 8px;
}

.companytel a {
    text-decoration: none;
    font-weight: 600;
    color: #121824;
    font-size: 13px;
}

.companytel a:before {
    content: '\e800';
    font-family: 'fontello';
    margin-right: 5px;
    font-size: 10px;
}

.companytel a:hover {
    color: #4b83fa;
}

/** Animation  **/
.item .details .info .more_detals,
header,
.overflow_mainblock .overflow_head.firstscreen .slogan,
header .content_head nav.visible,
.article_block .items.similar li .item .rightblock,
.fullpage_item #gallery,
.article_block .items .viewall li.overflow_item,
#addcomment_block,
.message textarea,
.modal-layer,
.modalform_overflow,
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.overflow_mainblock .overflow_head.firstscreen .slogan,
header .content_head nav.visible,
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.article_block .items.similar li .item .rightblock,
.fullpage_item #gallery,
.article_block .items .viewall li.overflow_item,
#addcomment_block,
.message textarea,
.modal-layer,
.item .details .info .more_detals,
.fadeIn,
header {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.modalform_overflow,
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown,
header.fixed_head {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.notfinder {
    background: #121824;
    min-height: -webkit-calc(100vh - 210px);
    min-height: -moz-calc(100vh - 210px);
    min-height: calc(100vh - 210px);
    color: #fff;
}

.notfinder .content {
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.notfinder .content span {
    font-size: 20vw;
    font-weight: 800;
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, .04);
}

.notfinder .content h1 {
    font-weight: 800;
    font-size: 19px;
    margin-bottom: 10px;
}

.notfinder .content p {
    line-height: 1.5;
    font-size: 12px;
}

.notfinder .content p a {
    text-decoration: none;
    color: #4d85fa;
    border-bottom: 1px dotted #4d85fa;
}

.notfinder .content p a:hover {
    border-color: transparent;
}

@media screen and (min-width: 1220px) {

    .top_tours,
    .advantages-info_block .article,
    .interactive_programs .article,
    .facts_about_Kazan .article,
    .excursion_directions .types-of-tours,
    .prefooter .article,
    footer .content .top,
    footer .content .bottom div,
    .article_block .items,
    .article_block .title,
    .article_block .with_elements,
    .fullpage_item,
    .textblock-block,
    .comment_area_block .article_comment,
    .contacts_page .overflow_page .content_feedback,
    header .content_head {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 1220px;
    }
}

@media screen and (min-width: 1220px) {
    .overflow_mainblock .overflow_head.firstscreen {
        background: url('../img/mainscreen_big.jpg') center top no-repeat;
        background-size: cover;
        max-height: none;
    }
}

@media screen and (max-width: 1250px) {

    .excursion_directions .types-of-tours,
    .interactive_programs .article,
    .facts_about_Kazan,
    footer .content .bottom,
    footer .content .top,
    .top_tours,
    .article_block,
    .contacts_page .overflow_page .content_feedback,
    .advantages-info_block .article {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1240px) {
    .advantages-info_block .article .leftblock ul {
        padding-right: 12px;
    }

    .advantages-info_block .article .leftblock ul li div span {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 28px;
    }

    .fullpage_item #gallery {
        width: 400px;
    }

    #carousel .slides li {
        width: 75px !important;
    }

    .fullpage_item .details {
        width: calc(100% - 420px);
        width: -webkit-calc(100% - 420px);
        width: -moz-calc(100% - 420px);
    }

}

@media screen and (max-width: 1220px) {}

@media screen and (max-width: 1200px) {
    .article_block .items li.overflow_item {
        width: 25%;
    }

    .article_block .items li .item .rightblock,
    .article_block .items li .item .leftblock {
        width: 100%;
        float: none;
        display: block;
    }

    .article_block .items li .item .leftblock .picture {
        border-top-right-radius: 3px;
        -moz-border-radius-righttop: 3px;
    }

    .fullpage_item #gallery {
        width: 280px;
    }

    .fullpage_item .details {
        width: calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
    }

    #carousel .slides li {
        width: 45px !important;
    }

}

@media screen and (max-width: 1180px) {
    .article_block .items li .item .rightblock .bottom .read-more {}

    .article_block .items li .item .rightblock .bottom .read-more small {
        white-space: nowrap;
        display: none;
    }

    .article_block .items li .item .rightblock .bottom .read-more:before {
        content: '\e806';
        font-family: "fontello";
    }

    .article_block .items li .item .rightblock .bottom.one_ellem .read-more small {
        display: block;
    }

    .article_block .items li .item .rightblock .bottom.one_ellem .read-more:before {
        display: none;
    }

    .contacts_page .overflow_page .content_feedback .content_block {
        width: 75%;
    }
}

@media screen and (max-width: 1160px) {
    header {
        z-index: 80;
    }

    header .content_head .menu {
        display: inline-block;
    }

    header .content_head {
        height: 80px;
    }

    header .content_head nav {
        display: none;
    }

    header .content_head nav.visible {
        position: absolute;
        display: block;
        background: #121824;
        -webkit-box-shadow: 10px 0px 27px -5px rgba(0, 0, 0, 0.68);
        -moz-box-shadow: 10px 0px 27px -5px rgba(0, 0, 0, 0.68);
        box-shadow: 10px 0px 27px -5px rgba(0, 0, 0, 0.68);
        height: 100vh;
        left: 0;
        z-index: 1005;
        top: 0px;
        width: 300px;
        padding-top: 100px;
    }

    header .content_head nav.visible a {
        display: block;
        margin: 0;
        padding: 0 15px;
        line-height: 50px;
        text-align: left;
    }

    header .content_head .menu.check:before {
        content: '\e804';
    }

    header .content_head .menu,
    header .content_head .logotype {
        z-index: 1006;
    }

    header .content_head nav a:before {
        height: 0px;
        width: 4px;
        left: 0px;
        top: 0;
    }

    header .content_head nav a:hover:before,
    header .content_head nav a.select:before {
        height: 50px;
    }

    .fixbody .overflow_mainblock:before {
        content: '';
        width: 100vw;
        height: 100vh;
        /* z-index: 30; */
        background: rgba(0, 0, 0, .5);
        position: fixed;
        left: 0;
        top: 0;
    }

    .fixbody {
        overflow: hidden;
    }

    .fixbody .article_block {
        z-index: -1;
        position: relative;
    }
}

@media screen and (max-width: 1090px) {
    .interactive_items_list li:last-child {
        display: none;
    }

    .interactive_items_list li.block {
        width: 33.3%;
    }
}

@media screen and (max-width: 1024px) {

    .top_tours .tour_items .right-block,
    .top_tours .tour_items .left-block {
        float: none;
        display: inline-block;
        width: 100%;
    }

    .top_tours .tour_items .left-block {
        display: none;
    }
}

@media screen and (max-width: 1020px) {
    .advantages-info_block .article .rightblock {
        padding-bottom: 30px;
    }

    .advantages-info_block .article .rightblock,
    .advantages-info_block .article .leftblock {
        float: none;
        width: 100%;
        display: block;
    }

    .advantages-info_block .article .leftblock {
        padding-bottom: 25px;
    }

    .advantages-info_block .article .leftblock ul li {
        width: 33.3%;
    }

    .advantages-info_block {
        background: #121824 url(../img/preimushestva_background.jpg) right bottom no-repeat;
        background-size: cover;
    }
}

@media screen and (max-width: 960px) {
    .prefooter .article {
        min-height: 330px;
        background: url(../img/prefooter_background_min.jpg) center bottom no-repeat;
        margin-top: 0;
        position: relative;
        z-index: 20;
    }

    .prefooter .article .short_info {
        width: 80%;
    }

    .prefooter .article .short_info {
        margin-top: 60px;
    }

    .facts_about_Kazan .article ul {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .article_block .items li.overflow_item {
        width: 33.3%;
    }

    .article_block .items li .item .rightblock .short_details p {
       
        height: 88px;
    }

    .article_block .items li .item .rightblock .tags {
        height: 62px;
       
    }
}

@media screen and (max-width: 920px) {

    footer .content .top nav:after,
    footer .content .top:after {
        content: '';
        display: block;
        clear: both;
    }

    footer .content .top nav {
        width: calc(100% - 360px);
        width: -webkit-calc(100% - 360px);
        width: -moz-calc(100% - 360px);
        padding-top: 20px;
    }

    footer .content .top nav a {
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        float: left;
        margin: 0;
        text-align: left;
        width: calc(33.3% - 20px);
        width: -webkit-calc(33.3% - 20px);
        width: -moz-calc(33.3% - 20px);
        padding-left: 20px;
    }

    .contacts_page iframe {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .excursion_directions .excursions ul li {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .excursion_directions .excursions ul li .item:after {
        content: '';
        display: block;
        clear: both;
    }

    .excursion_directions .excursions ul li .item .topblock {
        float: left;
        width: 300px;
        display: inline-block;
    }

    .excursion_directions .excursions ul li .item .infoblock {
        float: right;
        display: inline-block;
        width: calc(100% - 330px);
        width: -webkit-calc(100% - 330px);
        width: -moz-calc(100% - 330px);
    }

    .article_block .with_elements .title,
    .article_block .with_elements .tags {
        float: none;
        padding-top: 10px;
        width: 100%;
        text-align: left;
    }

    .article_block .items.similar li.overflow_item {
        width: 33.3%;
    }

    .article_block .items.similar li.overflow_item:nth-child(4) {
      
    }
}

@media screen and (max-width: 840px) {
    .interactive_items_list li.block:hover {
        position: relative;
        z-index: 15;
    }

    .interactive_items_list li.block {
        width: 50%;
        margin-bottom: 12px;
    }

    .interactive_items_list li:last-child {
        display: inline-block;
    }

    .interactive_items_list li .item .details .info .more_detals ul li {
        display: block;
    }

    .contacts_page .overflow_page .content_feedback .roadmap {
        top: 0;
        font-size: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 780px) {
    .fullpage_item .details {
        padding-bottom: 0;
    }

    .price_items,
    .schedule_duration {
        position: static;
    }

    .fullpage_item .details,
    .fullpage_item #gallery {
        float: none;
        display: block;
        width: 100%;
    }

    .fullpage_item #gallery {
        margin-bottom: 15px;
    }

    #carousel .slides li {
        width: 115px !important;
    }

    .price_book {
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 20px 0 15px 0;
        border-top: 1px dashed rgba(0, 0, 0, .1);
        border-bottom: 1px dashed rgba(0, 0, 0, .1);
    }

    .contacts_page .overflow_page .content_feedback .content_block {
        width: 100%;
    }

    .contacts_page .overflow_page .content_feedback .roadmap {
        top: 8px;
        right: 30px;
    }
}

@media screen and (max-width: 720px) {
    #addcomment_block .detail_user .pole_item {
        margin-right: 0;
        width: 100%;
        display: block;
        float: none;
        margin: 0 0 12px 0;
    }

    .article_block .items li.overflow_item,
    .advantages-info_block .article .leftblock ul li {
        width: 50%;
    }

    .facts_about_Kazan .article ul li:first-child {
        display: block;
        float: none;
        width: 100%;
        min-height: auto;
    }

    .facts_about_Kazan .article ul li:first-child div p {
        height: auto;
    }

    .facts_about_Kazan .article ul li:first-child div {
        margin-right: 0;
        text-align: justify;
    }

    footer .content .top nav {
        display: none;
    }

    .overflow_mainblock .overflow_head.firstscreen {
        height: 400px;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan small {
        margin-bottom: -30px;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan small,
    .overflow_mainblock .overflow_head.firstscreen .slogan h2 strong {
        font-size: 3vw;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan h2 strong {
        margin-top: -5px;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan h2 {
        font-size: 20vw;
    }

    .overflow_mainblock .overflow_head.firstscreen:before {
        z-index: -2;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan {
        margin-top: 50px;
    }
}

@media screen and (max-width: 700px) {
    .top_tours .topblock .title {
        float: none;
        display: block;
    }

    .top_tours .slick-prev {
        right: auto;
        left: 0;
    }

    .top_tours .slick-next {
        right: auto;
        left: 45px;
    }
}

@media screen and (max-width: 640px) {

    .excursion_directions .excursions ul li .item .infoblock,
    .excursion_directions .excursions ul li .item .topblock {
        float: none;
        width: 100%;
        display: block;
    }

    .excursion_directions .excursions ul li .item .infoblock {
        width: auto;
    }

    #ui-datepicker-div {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .contacts_page .overflow_page {
        position: relative;
    }

    .contacts_page {
        min-height: 700px !important;
        overflow: visible;
    }

    .captchblock .g-form-m__field-section .g-form-m__field-input {
        width: 100px;
    }

    .contacts_page .overflow_page .content_feedback .content_block .topblock .g-form-m__field,
    ul.contacts li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 580px) {
    .top_tours .tour_items .right-block ul li {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }

    .facts_about_Kazan .article ul li {
        float: none;
        display: block;
        width: 100%;
    }

    .facts_about_Kazan .article ul li {
        min-height: auto;
    }

    .facts_about_Kazan .article ul li div p {
        height: auto;
    }

    .facts_about_Kazan .article {
        padding-bottom: 25px;
    }

    .article_block .items.similar li.overflow_item:nth-child(4) {
        display: inline-block
    }

    .article_block .items.similar li.overflow_item {
        width: 50%;
    }

    .prefooter .article .short_info div {
        padding-bottom: 25px;
    }

    .price_book .btn {
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .prefooter .article .short_info div {
        margin-left: 20px;
    }

    .prefooter .article .short_info {
        width: 100%;
    }

    .excursion_directions .types-of-tours .title {
        float: none;
    }

    .excursion_directions .types-of-tours .topblock .alltour {
        width: 100%;
    }

    .schedule_duration ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .schedule_duration ul li div span {
        font-size: 18px;
    }

    .schedule_duration ul li:first-child,
    .interactive_items_list li.block {
        width: 100%;
        float: none;
        display: block;
    }

}

@media screen and (max-width: 520px) {
    .advantages-info_block .article .leftblock ul li {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 570px) {

    header .content_head .phone span,
    header .content_head .phone small {
        display: none;
    }

    .contacts_page .overflow_page .content_feedback h2,
    .article_block .title h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 480px) {

    .schedule_duration ul li,
    .price_book .price,
    .price_book .book,
    .article_block .items li.overflow_item {
        float: none;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .schedule_duration ul li div {
        flex-basis: 100%;
    }

    .price_book .price {
        flex-wrap: wrap;
    }

    .price_book .price small {
        flex-basis: 100%;
    }


    .article_block .items.similar li.overflow_item {
        width: 100%;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan small {
        margin-bottom: -22px;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan small,
    .overflow_mainblock .overflow_head.firstscreen .slogan h2 strong {
        font-size: 5vw;
    }

    .article_block .items li .item .rightblock .short_details p,
    .article_block .items li .item .rightblock .tags {
        height: auto;
    }

    .price_items .bottom,
    .price_items .top {
        float: left;
        width: 50%;
        display: block;
    }

    .price_items .bottom li,
    .price_items .bottom li span,
    .price_items .top li span {
        display: block;
        line-height: 40px;
    }

    .price_items .top li span {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

    .price_items .top li:last-child span {
        border-bottom: 2px solid #4b83fa;
    }

    .price_items .bottom li:first-child span {
        border-top: 1px solid rgba(0, 0, 0, .04);
    }

    .price_items .bottom li span {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .04);
        border-right: 1px solid rgba(0, 0, 0, .04);
    }

    .price_book .price {
        margin-bottom: 15px;
    }

    .price_book .price span {
        padding-left: 0;
    }

    .price_book .price,
    .price_book .book {
        text-align: center;
    }

}

@media screen and (max-width: 420px) {

    .top_tours .title,
    .interactive_programs .title,
    .interactive_programs .title h3,
    .advantages-info_block .title,
    .advantages-info_block .h2,
    .excursion_directions .types-of-tours .title h2,
    .interactive_programs .topblock .title h2,
    .interactive_programs .topblock .title h3,
    .facts_about_Kazan .article .title,
    .top_tours h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 380px) {
    header .content_head .logotype h1 {
        font-size: 17px;
        margin-top: 8px;
    }

    header .content_head .logotype small {
        font-size: 12px;
    }

    .overflow_mainblock .overflow_head.firstscreen .slogan small {
        margin-bottom: -15px;
    }

    header .content_head nav.visible {
        width: 260px;
    }
}

@media screen and (min-height: 700px) {
    .overflow_mainblock .overflow_head.firstscreen .slogan {
        margin-top: calc(50vh - 110px);
        margin-top: -webkit-calc(50vh - 110px);
        margin-top: -moz-calc(50vh - 110px);
    }
}

@media screen and (max-height: 800px) and (max-width: 600px) {
    .overflow_mainblock .overflow_head.firstscreen .slogan {
        margin-top: 130px;
    }
}

@media screen and (max-height: 680px) {
    .contacts_page {
        min-height: 500px;
    }
}

@media screen and (max-width: 480px) {
    .top_tours .tour_items .left-block {
        display: block;
        float: none;
    }

    .price_book .price small {
        padding-left: 0;
        text-align: center;
    }

    .top_tours .slider .tour_items .left-block .item_block .tour .details .info .name a {
        font-size: .8rem;
        line-height: 1rem;
    }

    .top_tours .tour_items .left-block .item_block .tour .details .info .price .price_item strong {
        font-size: 25px;
    }

    .top_tours .tour_items .left-block .item_block .tour .details .info .price .price_item {
        font-size: 21px;
    }

    .top_tours .tour_items .left-block .item_block .tour .details .info .price small {
        padding-right: 8px;
        text-align: right;
    }
}

@media screen and (max-width: 580px) {
    .modalform_overflow .close_modal {
        display: inline-block;
    }
}

@media screen and (max-width: 560px) {
    .page_navigation a {
        width: -webkit-calc(50% - 6px);
        width: -moz-calc(50% - 6px);
        width: calc(50% - 6px);
        padding-left: 0;
        text-align: center;
    }

    .page_navigation a:first-child:before,
    .page_navigation a:last-child:before {
        margin: 0 8px 0 0;
    }
}

@media screen and (max-width: 460px) {
    .modalform_overflow {
        width: 94%;
        left: 3%;
        margin-left: 0;
    }

    .modalform_overflow .button_block {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-height: 540px) {

    .modalform_overflow {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        background: none;
        overflow: auto;
        width: 100%;
        height: 100%;
        margin: 0;
        left: 0;
        top: 0;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    .modalform_overflow:before {
        display: none;
    }

    .modalform_overflow .overflow_m {
        background: #fff;
        position: absolute;
        width: 94%;
        left: 3%;
        top: 50px;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .modalform_overflow .overflow_m:before {
        content: '';
        display: inline-block;
        height: 20px;
        background: rgba(255, 255, 255, .3);
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        position: absolute;
        z-index: -1;
        bottom: -8px;
        left: 10px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

}

@media screen and (max-height: 390px) {
    .prefooter .article .short_info h4 strong {
        display: inline-block;
    }

    .prefooter .article .short_info .enroll {
        margin-bottom: 20px;
    }
}

@media screen and (max-height: 380px) {
    header .content_head nav.visible a:before {
        height: 30px;
    }

    header .content_head nav.visible a {
        line-height: 30px;
        font-size: 12px;
    }

    header .content_head nav.visible {
        min-height: 280px;
    }
}

@media screen and (max-width: 420px) {
    footer .content .top .logotype {
        margin-top: 0;
        padding-top: 18px;
    }

    footer .content .top .phone,
    footer .content .top .logotype {
        float: none;
        display: block;
        text-align: center;
    }

    footer .content .bottom .social,
    footer .content .bottom .copyright {
        line-height: 30px;
        display: block;
        float: none;
        text-align: center;
    }
}

.prefooter .article .short_info .enroll a {
    text-decoration: none;
    color: #fff;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local(Montserrat-Regular), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local(Montserrat-Regular), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local(Montserrat-Regular), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local(Montserrat-Regular), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local(Montserrat-Regular), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local(Montserrat-SemiBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local(Montserrat-SemiBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local(Montserrat-SemiBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local(Montserrat-SemiBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local(Montserrat-SemiBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local(Montserrat-ExtraBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local(Montserrat-ExtraBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local(Montserrat-ExtraBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local(Montserrat-ExtraBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local(Montserrat-ExtraBold), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}


.article_block .items li .item .rightblock .bottom .nice_more {
    line-height: 40px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    min-width: 140px;
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
    box-shadow: 0 6px 28px 0 rgba(49, 113, 247, 0.62);
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    cursor: pointer;
    text-decoration: none;
}

.article_block .items li .item .leftblock .picture img,
.article_block .items li .item .leftblock .picture {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.article_block .items li .item {
    display: flex;
    flex-wrap: wrap;
}

.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.nav-links a,
.nav-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #131925;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 11px;
    font-weight: 600;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    min-width: 50px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.nav-links span {
    box-shadow: 0 6px 28px 0 rgba(49, 113, 247, 0.62);
    color: #fff;
    border-top-color: #6694f2;
    background: linear-gradient(to bottom, rgba(104, 150, 242, 1) 0%, rgba(49, 112, 247, 1) 100%);
}

#note {
    padding: 17px;
    color: #01dc4e;
    display: none;
}

.error {
    color: red;
    padding: 5px;
    display: none;
    font-size: 12px;
}

.alignleft {
    float: left;
    margin: 0 6px 6px 0;
}

@media screen and (max-width: 960px) {
    .alignleft {
        max-width: 40%;
        height: auto;
    }
}

.success-comment-message {
    color: green;
    padding: 20px 5px 0;
    display: none;
}

.custom-label-class,
.help-block {
    color: black;
}

.summary {
    display: none;
}

.pagination {
    display: none;
}

.admin-links {
    display: flex;
    gap: 40px;
}

.admin-link-update {
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    float: left;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);

    font-weight: 600;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #131925;
    text-decoration: none;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
}

.admin-link-update:hover {
    text-decoration: none;
    background-color: #F1691F;
    color: #fff;
}

.admin-link-delete {
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    float: left;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    font-weight: 600;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #131925;
    text-decoration: none;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
}

.admin-link-delete:hover {
    text-decoration: none;
    background-color: #cc0605;
    color: #fff;
}

.admin-links {
    display: flex;
    gap: 40px;
}

/* Number input styles */
.count-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 150px;
}

.count-wrap .number-input {
    background: transparent !important;
    border: none;
    text-align: center;
    width: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #131925;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: none;
}

.count-wrap .number-input:disabled {
    background: transparent !important;
    opacity: 1;
}

.count-wrap .minus,
.count-wrap .plus {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    transition: all 0.3s ease;
}

.count-wrap .minus:hover,
.count-wrap .plus:hover {
    scale: 1.1;
}

/* Price and terms layout styles */
.field-booking-adults,
.field-booking-children_7_14,
.field-booking-children_0_7,
.field-booking-retiree {
    margin-bottom: 15px;
}

.price-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 15px 0;
}

.price-wrap .price-label {
    font-weight: 600;
    color: #131925;
    min-width: 120px;
}

.price-wrap .price-value {
    font-size: 18px;
    font-weight: 700;
    color: #3171f7;
}

.terms-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 20px 0;
}

.terms-wrap input[type="checkbox"] {
    margin-top: 3px;
    cursor: pointer;
}

.terms-wrap label {
    font-size: 14px;
    color: #131925;
    line-height: 1.4;
}

.terms-wrap a {
    color: #3171f7;
    text-decoration: none;
}

.terms-wrap a:hover {
    text-decoration: underline;
}

.vbook{
text-decoration: underline;
    background-color: #F1691F;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

.vbook:hover{
    background-color: #d15f22;
    color: #fff;
}