/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Alex Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Roboto'; src: url('fonts/Roboto.woff2') format('woff2'), url('fonts/Roboto.woff') format('woff'), url('fonts/Roboto.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'Roboto'; src: url('fonts/Robotomedium.woff2') format('woff2'), url('fonts/Robotomedium.woff') format('woff'), url('fonts/Robotomedium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: block; } @font-face { font-family: 'Roboto'; src: url('fonts/Robotobold.woff2') format('woff2'), url('fonts/Robotobold.woff') format('woff'), url('fonts/Robotobold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: block; } :root{ --hovercolor: #9A243D; } /* iPhone 5 */ @media (max-width: 321px){.modal .modal-dialog, .modale .modal-spec {width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button, .modale .modal-spec .button{width: 100%;padding: 20px!important;} #slide h1, .ppage h1{font-size: 34px!important;line-height: 34px!important;} #infro h2{font-size: 28px;} #header .logo>img{width: 200px;} } /* iPad */ @media (min-width: 768px){ .container {max-width: 720px;}.col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);}#slide .in{max-width: 60%;}} /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 1024px) {#header .logo>img{width: 200px;} .modal .modal-dialog, .modale .modal-spec{width: 100%;padding: 60px 20px 20px 20px;} .block{padding: 30px 0px;} .button{display: block!important;width: 100%;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .o1{order: 1;} .o2{order: 2;} #tags .owl-next{right: -10px!important;} #tags .owl-prev{left: -10px!important;} #kak2 .items .left{margin-top: 20px;} #kak2 .items .left svg{display: none;} #mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;} .head{display: none!important;} #tabs .nav-item{width: 100%;text-align: center;} #za{background-color: white!important;} #za .poly{margin-bottom: 20px;} #mmenu{background-color: white;} #mmenu .modal-dialog, #mmenu .modal-spec{background-color: white;} #mmenu .nav{font-size: 22px;display: grid;} #mmenu .nav li{padding-bottom: 15px;} #mmenu .cont{display: grid;} #mmenu .cont .phone{font-weight: bold;font-size: 20px;} #mmenu .cont .ad{margin: 10px 0px;} #mmenu .cont .mail{color: #9A243D;} #mmenu .but{margin-top: 20px;background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;} #mmenu .nav{display: inline-block;width: 100%;padding-top: 50px;list-style: none;margin-bottom: 20px;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;} #mmenu .nav .sub-menu{padding-top: 10px;} #mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;} #mmenu .nav ul.hide {display: none!important;} #mmenu .nav .menu-item-has-children {position: relative;} #mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);} #mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;} #mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;} #mmenu .nav span.menu-closed.menu-open:before{opacity: 0;} } @media (min-width: 1025px) { #mobile{display: none!important;} .container {max-width: 960px;} .modal .modal-dialog, .modale .modal-spec{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;} .block{padding-bottom: 60px; padding-top: 60px;} .block h2{font-size: 40px; padding-bottom: 30px;} .grid{gap: 30px;} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-1{grid-template-columns: 2fr 1fr;} h1{font-size: 60px;} h2{font-size: 32px;} #slider h1{font-size: 60px;} #kak2 .items svg{position: absolute;right: -172px;top: -49px;z-index: 2;} #kak2 .items .line{background-color: #8B92A320;width: 1px;height: 100%;position: absolute;right: -100px;top: 0px;} #kak2 .title{max-width: 80%;display: block;margin: 0px auto;} } @media (min-width: 1200px) { .container{max-width: 1260px;} } *, ::after, ::before {box-sizing: border-box;} .container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} body {margin: 0;line-height: 1.5;font-family: 'Roboto',Arial,Helvetica,sans-serif!important;color: #161631; background-color: white;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} a{color: black;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;} img, svg{vertical-align: middle; max-width: 100%; height: auto;} label {display: inline-block;margin-bottom: .5rem;} button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;background-color: white;} button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */ button::-moz-focus-inner {border: 0;} p {margin-top: 0;} h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 400;line-height: 1.2;} h1{font-size: 33px; margin-bottom: 20px;} h2{font-size:25px;margin-bottom: 15px;} h3{font-size: 26px;margin-bottom: 15px;} .btn-back-top {opacity: 0;background: #9A243D;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;} .btn-back-top:hover{opacity: 1!important;} .btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);} .flex{display: flex; gap: 20px; flex-wrap: wrap;} .img-fluid {max-width: 100%;height: auto;} .grid{display: grid;} /* Табы */ .nav {display: flex;padding: 0;margin: 0;list-style: none;outline: none;} .nav-link:focus, .nav-link:hover {text-decoration: none;} .nav-link {display: block;} .tab-content>.tab-pane {display: none;} .tab-content>.active {display: block;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Модальное */ .modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */ .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .modal .modal-dialog{background-color: white;} .modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;} .modal .grid{gap: 20px;} .modal .title{font-size: 45px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} /* Слайдер */ .owl-nav .disabled{display: none;} .owl-nav .owl-prev{left: 10px;} .owl-nav .owl-next{right: 10px;} #info .owl-nav button {position: absolute;top: calc(50% - 16px);} .owl-nav button:hover path{fill: #9A243D;} .owl-nav button path{fill: white;} .owl-dots{display: flex;justify-content: center;width: 100%;margin-top: 20px;} .owl-dots .owl-dot span {width: 15px;height: 15px;margin: 0px 5px;background: white;display: block;-webkit-backface-visibility: visible;border-radius: 30px;border: 1px solid #6D6D84;} .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background:#9A243D;} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before, .whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}} /* Отзывы */ #rews .comment{background-color: #f9f9f9;padding: 20px;border-radius: 10px;} #rews .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} #rews .name{font-size: 18px;} #rews .time{color: gray;font-size: 14px;} #rews .text{font-size: 14px;} #rews .text .dco-attachment{margin-left: 15px;} #rews .stars{margin: 10px 0px;} #rews .dashicons-star-filled:before{color: #9A243D;} #rews img, #reviews img{max-width: 150px !important;height: auto !important;border-radius: 50%;} #rews .add{margin-top: 20px;display: flex;justify-content: center;} #rews .add .but1{display: inline-block;background: #f5f5f5;color: #788090;padding: 10px 20px;font-size: 15px;border-radius: 2px;margin-right: 15px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #rews .add .but2{display: inline-block;background: #9A243D; color: white;padding: 10px 20px;font-size: 15px;border-radius: 2px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #rews .add .but1:hover, #rews .add .but2:hover{background-color: black;text-decoration: none;color: white;} #rews button.owl-next{position: absolute;right: 0;outline: none;padding: 5px 0px 5px 5px!important;} #rews .owl-prev{position: absolute;left: 0;outline: none;padding: 5px 5px 5px 0px!important;} #rews .owl-prev.disabled, #rews .owl-next.disabled{display: none;} #rews .owl-nav button{width: 40px; height: 40px; border-radius: 5px; border: 1px solid #9A243D; display: flex; align-items: center; justify-content: center; transition: 0.5s;} #rews .owl-nav button:hover{background-color: #9A243D;} #reviews .total{font-size: 45px;font-weight: bold;display: flex;align-items: center;} #reviews .total .count{margin-right: 15px;} #reviews .dashicons-star-filled:before{color: #9A243D;} #reviews .add{background-color: #f9f9f9;padding: 40px;border-radius: 10px;} #reviews .add a{color: black;} #reviews .add textarea, #reviews .add .form-control{border: none;padding: 10px;width: 100%;border-radius: 5px;} #reviews .add .comment-form-attachment__input{width: 100%;} #reviews .add .comment-form-cookies-consent{margin-top: 15px;} #reviews .add .rating-container *{font-size: 30px;} #reviews .add .button{padding: 10px 20px 10px 20px; background-color: #9A243D;color: white;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;border: none; cursor: pointer;} #reviews .add .button:hover{background-color: black;} #reviews .comments{display: grid;gap: 20px;margin: 20px 0px;} #reviews .add .comments-rating{border: none;} .rating-container {font-size: 0;unicode-bidi: bidi-override;direction: rtl;} .rating-container * {font-size: 1.4rem;} .rating-container > input {display: none;} .rating-container > input + label {font-family: dashicons;width: 1em;cursor: pointer;} .rating-container > input + label:before {content: "\f154";color: #888;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} .rating-container > input:checked ~ label:before, .rating-container > input + label:hover ~ label:before, .rating-container > input + label:hover:before {content: "\f155";color:#9A243D;} .rating-container:hover > input + label:before {content: "\f154";color: #888;} .rating-container:hover > input + label:hover ~ label:before, .rating-container:hover > input + label:hover:before {content: "\f155";color:#9A243D;} /* Гармошка */ .collapse:not(.show) {display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;} .text-center{text-align: center;} #accordion{display: inline-block;width: 100%;} #accordion .card{border: none;border-radius: 0px;padding: 20px 0px;border-bottom: 1px solid #00000020;background: transparent;} #accordion .card a{color: black;font-size: 18px;font-weight: 500;padding-bottom: 10px;display: flex;justify-content: space-between;} /* Форма связи */ .wpcf7{position: relative;} .wpcf7 .wpcf7-form{display: grid;gap: 20px;} .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output{display: none;} .wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-bottom: 1px solid #9A243D!important;} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: #9A243D;font-weight: 500;} .wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;text-align: center;background-color: #00800005;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none; padding-left: 20px !important; border-bottom: 1px solid #54556020;padding: 10px 0px;width: 100%; background-color: transparent;} .wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;} .wpcf7-textarea{height: 100px !important;} .text-center{text-align: center;} #header .nav a:hover, #about .nav a.active, #form .call .phones a:hover, #form .call .mail:hover, #footer a:hover, #faq .card a:hover { color: #9A243D; } #header .descop{font-size: 15px;color: gray;} #header .container .top{ grid-template-columns: repeat(4, auto);align-items: center;justify-content: space-between; padding: 15px; } .modal-dialog .button2{ width: 100%; color: #9A243D; border-color: #9A243D; padding: 9px;transition: 0.5s; padding: 10px 0; cursor: pointer;} .modal-dialog .button2:hover{background-color: #9A243D; color: white;} #header .phone{font-size: 20px;font-weight: 700; color: black;} #header .menu .nav{gap: 30px;white-space: nowrap;font-family: var(--fonttitle);} #header .menu .current-menu-item > a, #header .menu .current-menu-parent > a{color: white;} #header .menu .menu-item-has-children:after{content: url(images/arr.svg);margin-left: 3px;position: relative;top: -2px;} #header .menu .menu-item-has-children:hover .sub-menu{display: block;} #header .menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;} #header .menu .sub-menu li{padding: 5px 20px;} #header .menu .sub-menu a{text-transform: none; color: black;} #header .menu .sub-menu a:hover{color: #9A243D !important;} #menu {background-color: #9A243D;} #menu a{padding: 10px 20px; color: white; display: inline-block; transition: 0.5s;background-color: transparent;} #menu a:hover{color: white !important; background-color: #7d1c31;} #menu .sub-menu a:hover{color:#7d1c31 ; background-color: transparent !important;} #slide {position: relative;} #slide{position: relative; z-index: 1;} #slide::after{content: ""; width: 100%; position: absolute; bottom: 0; height: 100%; z-index: 2;background: rgba(255, 255, 255, 0.61);background: linear-gradient(176deg, rgba(255, 255, 255, 0.281) 1%, rgba(224, 224, 224, 0.286) 12%, rgb(0, 0, 0) 90%); opacity: 0.5;} #slide img{height: 400px; object-fit: cover; object-position: bottom;} #slide .owl-prev{position: absolute; left: 20px; bottom: 20px;z-index: 10;} #slide .owl-next{position: absolute; right: 20px; bottom: 20px;z-index: 10;} #slide .owl-dots{position: absolute; bottom: 10%; z-index: 20;} #slide .box{position: absolute; top: 10%; display: flex;justify-content: center; width: 100%; z-index: 4; text-align: center; color: white;} #slide .text{padding: 20px;} #slide p{font-size: 20px;} #slide .button{font-size: 17px; color: white; background-color: #9A243D; padding: 17px 50px; font-weight: 400; } #slide .button:hover{background-color: black;} #slide h1{text-transform: uppercase; margin-bottom: 15px;} .owl-carousel {z-index: auto !important;} @media (min-width: 1025px) { #slide h1{font-size: 50px; font-weight: 600;} #slide .box{position: absolute; top: 20%;} #slide .owl-prev{position: absolute;top: 40%; left: 20px; bottom: 40%; z-index: 10;} #slide .owl-next{position: absolute;top: 40%; right: 20px; bottom: 40%; z-index: 10;} #slide img{height: 650px; object-fit: cover; object-position: bottom;} } #marsh {line-height: 1.5; font-size: 18px;} #marsh .button {background-color: white; border: 3px solid #9A243D; transition: 0.5s; color: #9A243D; text-transform: uppercase; font-weight: 300; border-radius: 0; font-size: 15px;} #marsh .button:hover{background-color: #9A243D; color: white;} #marsh .inner{background-color: white;box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);} #marsh .grid{align-items: center;} #marsh h2{margin-bottom: 30px;} #marsh .items{padding: 30px; background-size: contain !important; } #marsh .text{margin-bottom: 30px;} @media (min-width: 1025px) { #marsh img{transform: scale(1.1);} #marsh .items{background-position: 30px 0 !important;background-size: auto !important;} } #vivod{position: relative;z-index: 1; background-size:cover !important; } #vivod::after{content: ""; width: 100%; position: absolute; top: 0; background-color:#E3E3E3 ; height: 100%; opacity: 0.7; z-index: 2;} #vivod .container{position: relative; z-index: 3;} #vivod .item{background-color: white;} #vivod .title{font-size: 20px; padding: 10px; text-transform: uppercase; position: absolute; top: 0; width: 100%; background-color:#9A243D ; color: white;} #vivod .image{position: relative;} #vivod .box{padding: 20px 30px 30px 30px;} #vivod .price{font-size: 27px; font-weight: 500; color:#9A243D ;} #vivod .pricedel{font-size: 23px; font-weight: 500; color: #515151; opacity: 0.7; margin-bottom: 10px;} #vivod .box .grid{gap: 0;} @media (min-width: 1025px) {#vivod img{max-height: 320px; width: 100%; object-fit: cover;}} #naprav .grid { grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(10, 1fr); gap: 24px 24px; grid-auto-flow: row; grid-template-areas: "a a a a a f f f f f f f f" "a a a a a f f f f f f f f" "a a a a a f f f f f f f f" "a a a a a f f f f f f f f" "b b b b b f f f f f f f f" "b b b b b f f f f f f f f" "b b b b b f f f f f f f f" "b b b b b c c c c g g g g" "b b b b b c c c c g g g g" "b b b b b c c c c g g g g" "b b b b b c c c c g g g g" ; } @media (max-width: 1024px) { #naprav .item1 {min-height: 200px !important; } #naprav .grid{ grid-template-rows: repeat(14, 1fr); gap: 8px 8px; grid-template-areas: "f f f f f f f f f f f f" "f f f f f f f f f f f f" "f f f f f f f f f f f f" "f f f f f f f f f f f f" "f f f f f f f f f f f f" "c c c c c c a a a a a a" "c c c c c c a a a a a a" "c c c c c c a a a a a a" "c c c c c c a a a a a a" "c c c c c c a a a a a a" "b b b b b b b b b b b b" "b b b b b b b b b b b b" "b b b b b b b b b b b b" "b b b b b b b b b b b b" "g g g g g g g g g g g g" "g g g g g g g g g g g g"; }} #naprav .image{position: relative; z-index: 1;} #naprav .title{position: absolute; width: 100%; bottom: 0; font-size: 25px; font-weight: 700; color: white; background-color:#9A243D ;} #naprav .grid>div{position: relative; z-index: 1;} #naprav .grid>div::after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; background-color: black; opacity: 0.3; z-index: 2;} #naprav a{display: flex; position: relative; z-index: 3; width: 100%; height: 100%; font-size: 22px; font-weight: 600; color: white; align-items: end; justify-content: center; text-align: center; padding: 20px;} #naprav .item1 {grid-area: a; width: 100%; min-height: 350px; } #naprav .item2 {grid-area: f; width: 100%;} #naprav .item3 {grid-area: b; width: 100%;} #naprav .item4 {grid-area: c; width: 100%;} #naprav .item5 {grid-area: g; width: 100%; background-color: #9A243D;} #news .item a{position: relative; z-index: 1;} #news .item a::after{position: absolute; top: 0; width: 100%; height: 100%; content: ""; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0.24702380952380953) 0%, rgba(53,91,108,1) 100%); z-index: 2;} #news .box{position: absolute; z-index: 3; bottom: 0; width: 100%; padding: 15px; color: white;} #news h3{font-weight: 700;} #news {overflow: hidden;} #news .owl-carousel .owl-stage-outer{overflow: visible;} .block h2 .more{font-size: 18px;text-decoration: underline; color: #9A243D;} #prem{position: relative; z-index: 1;} #prem::after{position: absolute; z-index: 2; content: ""; width: 100%; height: 100%; top: 0; background-color: white; opacity: 0.8;} #prem .container{position: relative; z-index: 3;} #prem .text{padding: 20px;} @media (min-width: 1025px) { #prem .i2{margin-top: -50px;} #prem h2{margin-bottom: 60px;} } #mest{color: white;} #mest h2{padding: 0; margin-bottom: 20px;} #mest .button{ margin-top: 40px;} @media (min-width: 992px){ #mest { padding-top: 100px; padding-bottom: 100px; }} #faq .container>p{color: white;font-size: 18px; opacity: 0.5; margin-bottom: 20px;} #faq .card p{color: black;} #faq #accordion{display: inline-block;width: 100%;} #faq #accordion .card{padding: 20px 40px 10px 40px;border: 1px solid #E4E4E4;margin-bottom: 10px;font-size: 18px;} #faq #accordion .card a{color: black;padding-bottom: 10px;display: flex;justify-content: space-between; cursor: pointer;transition: .5s; width: 100%;} #faq #accordion .card .more{font-size: 16px;font-weight: bold;} #faq #accordion .card .flex{justify-content: space-between; align-items: center;} #faq #accordion .card .box{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: whitesmoke; border-radius: 5px; padding: 0;} #faq #accordion .card .box:hover{ background-color: #9A243D;} #faq #accordion .card .box svg{transition-duration: 300ms;} #faq #accordion .card .box svg path{transition-duration: 300ms;} #faq #accordion .card .box:hover svg path{fill:white;} #faq #accordion .card .box:not(.collapsed) svg{ transform: rotateX(0deg) rotateY(0deg) rotateZ(180deg);} @media (min-width: 1025px) {#faq #accordion .card a{font-size: 22px;}#faq #accordion .card .flex{flex-wrap: nowrap;}} #faq .card a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #faq .card a:hover{color: #9A243D;} #footer {color: white;} #footer{background: linear-gradient(180deg, rgba(53,91,108,1) 0%, rgba(0,0,0,1) 100%);font-size: 15px;} #footer a{color: white; transition: .5s;} #footer .title{margin-top: 20px;} #footer .widget-title{font-size: 18px;margin-bottom: 15px; font-weight: 500;} #footer ul{padding: 0px;list-style: none;} #footer ul li{padding: 5px 0px;} #footer .phone{font-size: 20px;font-weight: 500;} #footer .ad{margin: 10px 0px;} #footer .mail{color: white;font-weight: 500;} #footer .pay{color: white;font-weight: 500;} @media (min-width: 992px){#footer .lic {grid-column: span 2;grid-column-start: span 2;grid-column-end: auto;}} .button {display: inline-block;cursor: pointer;border: none;text-align: center; border: 2px solid #9A243D; padding: 10px 25px;color: white;background-color: #9A243D;font-weight: 500; transition: .5s;} .modal-dialog{display: grid; align-items: center;} .button:hover{background-color: black; color: white;} /*Стили шаблона теплохода*/ #slid .reit{margin-bottom: 0; display: flex ; align-items: center; gap:5px;} #premt .text{margin-top: 10px; font-size: 18px;} #prem2 .item{background: #F5F6FA;border-radius: 22px;padding: 30px;} #prem2 .desc p{margin-bottom: 5px;} #prem2 img{padding: 20px; background-color: #9A243D; border-radius: 50%; margin-bottom: 20px;} #polom .item{border: 1px solid #E6E6E6;padding: 20px 30px 0px 30px;margin-left: -1px;margin-top: -1px;text-align: center;display: flex;align-items: center;justify-content: center; padding: 30px;} #polom .item:hover{box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);} #polom .item h3{font-size: 20px;color:#9A243D ;} #polom .item{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #polom .grid{gap: 0 !important;} @media (min-width: 992px){#polom .item{min-height: 200px;}} #price #accordion .card{padding: 20px 40px 10px 40px;border: 1px solid #E4E4E4;margin-bottom: 10px;font-size: 18px;} #price #accordion .card .title{font-family: var(--fonttitle);padding-bottom: 10px;display: flex;align-items: center;justify-content: space-between;gap: 10px;} #price #accordion .card .title:after {content:"\2014";font-size: 14px;line-height: 32px;border: 1px solid #E4E4E4;border-radius: 50%;width: 35px;min-width: 35px;height: 35px;text-align: center;} #price #accordion .card .title.collapsed:after {content: "+";font-size: 25px;} #price .table{box-shadow: 0px 0px 40px rgba(101, 106, 116, 0.05);border-radius: 24px;padding: 20px;} #price table{width: 100%;border-collapse: separate;border-spacing: 0 6px} #price th{border: none;padding: 0px 10px 9px 10px;vertical-align: top;text-align: left;text-transform: uppercase;font-size: 12px;color: #656A74;letter-spacing: 0.12em;font-weight: 400;} #price td{border: none;padding: 15px 10px;vertical-align: top;background: #f9f9f9;} #price td:first-child{border-top-left-radius: 14px;border-bottom-left-radius: 14px;} #price td:last-child{border-top-right-radius: 14px;border-bottom-right-radius: 14px;} @media (max-width: 1024px) { #price table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}} #tags a{padding: 20px;border: 1px solid #DDDDDD ; color: #000000 !important; font-size: 18px; transition: 0.5s;} #tags a:hover{background-color: #9A243D; color: white !important;} #etap .item{color: #6E7886;border: 1px solid #E4E9ED;border-radius: 22px;} #etap .item img{border-top-left-radius: 22px;border-top-right-radius: 22px;} #etap .item .info{padding: 25px;} #etap .item .title{color: #222222;font-size: 24px;font-weight: 500;margin-bottom: 10px;letter-spacing: -0.04em;line-height: 29px;} #etap .item .text{font-size: 15px;} #teploh img{border-top-left-radius: 22px;border-bottom-left-radius: 22px;} #teploh .item{border-radius: 22px;border: 1px solid #E4E9ED; margin-bottom: 20px;} #teploh .item .box{padding: 50px 50px 50px 10px;} #teploh .owl-nav{gap: 10px;position: absolute;display: flex;right: 20px;bottom: 20px;} #teploh .owl-nav button{border: 1px solid #E4E9ED;border-radius: 50%;} #teploh .owl-nav button path {fill: black;} #teploh .owl-nav button:hover path{fill: #9A243D;} #teploh .title{font-size: 22px; font-weight: 600; margin-bottom: 20px;} #teploh .text{opacity: 0.8;} #teploh img{height: 100%; width: 100%; object-fit: cover; } @media (min-width: 1025px) {#teploh img{height: 100%; width: 100%; object-fit: cover; max-height: 480px;}} #block1 .breadcrumbs{margin-bottom: 30px;} #block1 .breadcrumbs a{color: white; opacity: 0.8;} #block1 {text-align: center; color: white; position: relative; z-index: 1;} #block1 h1{font-weight: 600; font-size: 40px; margin-bottom: 50px;} #block1::after{position: absolute; top: 0; left: 0; content: ""; background-color: black; opacity: 0.4; width: 100%; height: 100%;} #block1 .container{position: relative; z-index: 3;} #block1 .flex{justify-content: center; align-items: center;} @media (min-width: 1025px) {#block1 {min-height: 500px; display: grid; align-items: center;}} #gallery .owl-nav{gap: 10px;position: absolute;display: flex;right: 20px;top: -60px;} #gallery .owl-nav button{border: 1px solid #E4E9ED;border-radius: 50%;} #gallery .owl-nav button path {fill: black;} #gallery .owl-nav button:hover path{fill: #9A243D;} #tabs .items .grid{gap: 0;} #tabs .nav-link{color: #666666;padding: 15px 20px;border: 1px solid #4a90e214;margin-top: -1px;width: 100%;background: white;} #tabs .nav-link:hover, #tabs .nav-link.active{background: #9A243D ;color: white!important;} #tabs .nav-link:first-child{border-top-right-radius: 4px;border-top-left-radius: 4px;} #tabs .nav-link:last-child{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} #tabs .tab-content h3{margin-bottom: 20px;} #tabs .nav{display: grid !important;} .breadcrumbs{margin-top: 20px;} .rl-submit, .rl-result-item-more{ background: #9A243D!important; color: #fff !important; transition: all 0.25s linear; } .rl-submit:hover, .rl-result-item-more:hover{ background: #b32721 !important; } .rl-result-extended-reset{ background: #517a9b !important; transition: all 0.25s linear; } .rl-result-extended-reset:hover{ background: #2e4f70 !important; } .rl-result-page.active{ background: #517a9b !important; border-color: #517a9b !important; } .rl-result-page{ border-color: #517a9b !important; } #contpage{margin-bottom: 20px;} #contpage .info{padding: 20px;background: whitesmoke;} #contpage p{margin: 0px;} #contpage .item{font-size: 20px;padding-top: 15px;padding-bottom: 15px;} #contpage .item .title{color: #6C6C6C;font-size: 15px;} #contpage .item .phone{font-size: 25px;font-weight: bold;} #contpage .item a{color: black;} #contpage .item .mail{color: var(--hovercolor);} .wrapper_online_tablo { padding: 40px 0; background: #fff; } .wrapper_online_tablo_con { max-width: 1180px; margin: 0 auto; padding: 0 20px; } .online_tablo_form { background: #fff; border: 2px solid #ff0000; border-radius: 22px; overflow: hidden; transition: .3s ease; } .online_tablo_form_title { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 28px; cursor: pointer; user-select: none; } .online_tablo_form_title h2 { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 700; color: #2d2d2d; text-transform: uppercase; } .icon_arrow_down { width: 16px; height: 16px; display: block; border-right: 3px solid #111; border-bottom: 3px solid #111; transform: rotate(45deg); transition: .3s ease; flex: 0 0 auto; } .online_tablo_form.active .icon_arrow_down { transform: rotate(225deg); margin-top: 8px; } .online_tablo_form_box { display: none; padding: 0 28px 28px; } .online_tablo_form.active .online_tablo_form_box { display: block; } .tablo_form_box_nav_tabs { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 20px; } .tablo_form_box_nav_tabs button { border: 0; background: transparent; padding: 10px 20px; border-radius: 24px; color: #717781; font-size: 15px; cursor: pointer; transition: .25s ease; } .tablo_form_box_nav_tabs button.active { background: #f4f6f9; color: #222; } .city-tabs-container { display: flex; flex-wrap: wrap; gap: 16px 20px; margin: 18px 0 22px; } .city-tab { border: 0; background: #eef4fb; color: #6d737b; border-radius: 24px; padding: 13px 24px; font-size: 15px; cursor: pointer; transition: .25s ease; } .city-tab.active { background: #0078bf; color: #fff; } .tablo_content, .city-panel { display: none; } .tablo_content.active, .city-panel.active { display: block; } .ships-table-container { width: 100%; overflow-x: auto; } .ships-table { width: 100%; border-collapse: collapse; background: #fff; min-width: 760px; } .ships-table th { padding: 14px 12px; border: 1px solid #e8e8e8; text-align: left; font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 4px; color: #111; } .ships-table td { padding: 14px 12px; border: 1px solid #e8e8e8; border-bottom: 1px solid #222; font-size: 15px; color: #111; } .styles_port__vUR8P { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 80px; margin-top: 34px; } .styles_port__caption { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #111; margin-bottom: 4px; } .styles_port__mapLink__nRpMH { display: inline-block; font-size: 14px; color: #0078d7; text-decoration: none; } .styles_port__mapLink__nRpMH:hover { text-decoration: underline; } @media (max-width: 768px) { .wrapper_online_tablo { padding: 24px 0; } .wrapper_online_tablo_con { padding: 0 14px; } .online_tablo_form { border-radius: 18px; } .online_tablo_form_title { padding: 18px 18px; } .online_tablo_form_title h2 { font-size: 21px; } .online_tablo_form_box { padding: 0 18px 22px; } .city-tabs-container { gap: 10px; } .city-tab { padding: 11px 17px; font-size: 14px; } .styles_port__vUR8P { grid-template-columns: 1fr; gap: 16px; } }