/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Stem'; src: url('fonts/Stem-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Stem'; src: url('fonts/Stem-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Stem'; src: url('fonts/Stem-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @media (max-width: 921px) { #header .head{display: none;} h1{font-size: 40px!important;} #mobile{padding: 15px 0px;} .fullscreen{padding: 0px!important;-webkit-overflow-scrolling: touch;color: black;} .fullscreen .modal-dialog a{color: black;} .fullscreen .modal-dialog {height: 100%;margin: 0;} .fullscreen .modal-content{border-radius: 0;border: 0px;} .fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .fullscreen .st{font-size: 18px;padding-bottom: 10px;} #modal_send .close{position: absolute; right: 15px;top: 20px;} .fullscreen .modal-content{height: 100%;width: 100vw;} .fullscreen .nav{display: inline-block;width: 100%;padding-top: 5vh;list-style: none;font-size: 25px;text-align: center;} .fullscreen .nav li{padding-bottom: 15px;} .fullscreen .za{display: block;padding: 11px 17px;background: linear-gradient(180deg, #4FCCDA 0%, #3BA9BF 100%);text-shadow: 1px 1px 1px #00000025;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;color: white!important;text-decoration: none;text-align: center;font-size: 20px;margin-left: -16px;margin-right: -16px;bottom: 0;width: 100%;position: absolute;} .fullscreen .cont{padding-top: 20px;font-size: 20px;text-align: center;color: #767676;} .fullscreen .cont span{display: block;font-size: 25px;} .fullscreen .cont a{display: block;color: #767676!important;padding-top: 10px;} #PluginHotelSochiPark .o-name{font-size: 14px;} #PluginHotelSochiPark .o-price{font-size: 16px!important;} #PluginHotelSochiPark table .button{padding: 5px 10px!important;} .block{padding-top: 50px;padding-bottom: 50px;} .block h2{font-size: 35px;padding-top: 0px!important;padding-bottom: 35px!important;} .main{background: url(images/slide.jpg) no-repeat left/cover!important;} #header .slide{padding: 40px 0;} #header .slide h1{font-size: 35px!important;padding-top: 0px!important;padding-bottom: 20px!important;} #header .slide p{font-size: 18px;} #header .slide .button{display: block;} #about img{padding-bottom: 20px;} #about .wpcf7{padding: 20px;} #about .wpcf7 .wpcf7-text{font-size: 18px;} #about .wpcf7 .button{margin-top: 20px;} #prem .prem .title{font-size: 18px;} #usl img{padding-bottom: 20px;} #news .title .more{margin-top: 20px;display: block;} #footer{padding-top: 40px;padding-bottom: 40px;text-align: center;} #footer .menu{padding-top: 30px!important;padding-bottom: 30px!important;} #footer .phone{padding-top: 20px;display: block;} #footer .info{padding-top: 20px;} #kak2 .logo img{padding: 40px 0px;} #prog .nav{margin-bottom: 20px;} } @media(max-width:767px){ .col-m-2{grid-template-columns: repeat(2, 1fr);} .grid{gap: 10px;} } @media (min-width: 768px) { .grid{gap: 30px;} .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);} } @media (min-width: 992px) { .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-6{grid-template-columns: repeat(6, 1fr);} #mobile{display: none!important;} .block{padding-top: 70px;padding-bottom: 70px;} .block h2{font-size: 42px;padding-top: 0px!important;padding-bottom: 35px!important;} .page h1{position: relative;padding-left: 140px;padding-bottom: 40px!important;} .page h1:before{content: '';background: url(images/line.svg) no-repeat center;position: absolute;width: 100px;height: 1px;left: 0px;top: calc(50% - 0px);} #header .slide{padding: 150px 0px 300px 0px;} #header .slide h1{font-size: 70px;margin-bottom: 40px!important;margin-top: 0px!important;} #header .slide p{font-size: 22px;} #header .slide .bt{margin-top: 40px;} #about h2{padding-right: 30px;} #about .wpcf7{padding: 40px 60px;width: 90%;} #about img{max-width: 106%;} #prem .prem .title{font-size: 20px;} #news .title{display: flex;justify-content: space-between;width: 100%;align-items: center;} .num .inf{display: flex;justify-content: space-around;align-items: center;} .num .bron{display: inline-block!important;} .num .price{font-size: 30px!important;} .wpcf7 .item, #PluginHotelSochiPark .item{padding-top: 30px;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} #about .wpcf7 .wpcf7-text{font-size: 20px;} #modal_send .mh{font-size: 25px;text-align: center;} #modal_send .wpcf7{margin-bottom: 0px!important;} #modal_send .close{position: absolute; right: 15px;top: 20px;} #kak2 .logo img{padding-top: 75px;} } .grid{display: grid;} .flex{display: flex;} .text-center{text-align: center;} .img-fluid{width: 100%;height: auto;} html, body{ font-family: 'Stem'!important; font-size: 16px!important; margin: 0px; padding: 0px; color: #333333; } h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 20px!important;font-weight: bold;font-size: 50px;} h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: bold;} strong{font-weight: 600;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float: right;margin-left: 10px;margin-bottom: 10px;border-radius: 10px;} .box {overflow:hidden;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .page{min-height: 500px;padding-bottom: 20px;} .btn-back-top {opacity: 0;background: #fd2975;background: linear-gradient(180deg, #4FCCDA 0%, #3BA9BF 100%);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);} .button{text-align: center;padding: 10px 23px;border-radius: 30px;background: rgb(252,216,102);background: linear-gradient(180deg, #4FCCDA 0%, #3BA9BF 100%);color: white;font-weight: 500;position: relative;overflow: hidden;display: inline-block;text-decoration: none;z-index: 2;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-shadow: 1px 1px 1px #00000025;} .button:after {content: "";position: absolute;top: -50%;right: -50%;bottom: -50%;left: -50%;background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));-webkit-transform: rotateZ(60deg) translate(-5em,7.5em);-ms-transform: rotate(60deg) translate(-5em,7.5em);transform: rotateZ(60deg) translate(-5em,7.5em);opacity: 0;filter: alpha(opacity=0);-webkit-animation: sheens 3s infinite;animation: sheens 3s infinite;z-index: 1;} .button:hover{background: #444444!important;color: white;text-decoration: none;} .btb{text-transform: uppercase;padding: 25px 55px;box-shadow: 0px 3px 1px 0px #2F9BB3;border-radius: 37px;} .btb:hover{box-shadow: 0px 3px 1px 0px black;} .main{background: url(images/slide.jpg) no-repeat top/cover;} #header .head{padding: 30px 0px;} #header .nav{justify-content: space-around;} #header .nav a{color: #444444;text-decoration:none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #header .nav a:hover{color: #47BECF;} #header .slide h1{font-weight: bold;} #header .slide p{max-width: 770px;} #header .slide .bt{position: relative;} #about{background: url(images/aboutbg.png) no-repeat calc(100% + 400px);} #about h2{color: #BCBCBC;} #about h2 span{color: #333333;display: block;} #about .wpcf7{border: 8px solid #D5D5D5;} #about .wpcf7 label{color: #9D9D9D;font-size: 18px;text-transform: none;} #about .wpcf7 .wpcf7-text{background-color: transparent;border:none;width: 100%;border-bottom: 1px solid #70707020;padding: 10px;margin-bottom: 10px;} #about .wpcf7 .button{width: 100%!important;} #about .wpcf7 .lic{font-size: 13px;color: #9D9D9D;} #about .wpcf7 .lic a{color: #9D9D9D;} #about .wpcf7 .wpcf7-response-output{font-size: 14px;margin: 0;} #gallary .info{padding-top: 20px;} #prem .info{font-size: 20px;} #prem .prem{padding-top: 20px;} #prem .prem .title{color: #47BECF;padding-bottom: 10px;} #mesta{background: url(images/mesta.jpg) no-repeat center/cover;position: relative;} #mesta .button{padding: 20px 50px;text-transform: uppercase;display: inline-block;border-radius: 37px;font-size: 14px;} #mesta .bt{position: relative;display: inline-block;margin-top: 20px;} #mesta h2{padding-bottom: 10px!important;} #mesta .st{font-size: 18px;} #usl{background: url(images/aboutbg.png) no-repeat calc(0% - 300px);} #usl a{color: #333333;text-decoration: none;} #usl img, #nomera img, #news img{border-radius: 10px;} #usl h3{padding-bottom: 10px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #usl h3:hover{color: #47BECF;} #usl .more{color: #47BECF;margin-top: 20px;display: inline-block;} #usl .more svg{margin-left: 10px;} #usl .info{padding-top: 20px;} #news a{text-decoration: none;} #news h2{padding-bottom: 0px!important;} #news .item{margin-bottom: 20px;} #news .title .more{text-transform: uppercase;color: black;position: relative;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #news .title .more:hover{color: #47BECF;} #news .title svg{margin-left: 10px;} #news .inner{padding-top: 30px;} #news .inner a:hover h3{color: #47BECF;} #news .inner h3{margin-top: 20px;margin-bottom: 10px;font-size: 22px;font-weight: bold;color: black;height: 50px;overflow: hidden;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #news .inner .desc{height: 75px;overflow: hidden;} #nomera .st{font-size: 20px;text-transform: uppercase;padding-bottom: 10px;} #nomera .item{padding-bottom: 20px;} #nomera .item a{color: black;text-decoration: none;} #nomera .item h3{font-size: 22px;padding-top: 20px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #nomera .item h3:hover{color: #47BECF;} #nomera .item .desc{color: #868686;} #nomera .price span{color: #47BECF;font-weight: bold;} #nomera .button{padding: 25px 40px;} #nomera .flex-direction-nav{left: 10px;bottom: 30px;top: auto;right: auto;} #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;font-weight: bold;display: flex;justify-content: space-between;} #accordion .card a:after {content:"-";float: right;color: inherit;font-size: 40px;line-height: 30px;font-weight: bold;} #accordion .card .collapsed:after {content:"+";font-size: 40px;line-height: 30px;font-weight: bold;} #prog{background-color: #4ac2d314;} #prog h2{text-align: left;margin: 0!important;} #prog .nav-link{color: #666666;padding: 15px 20px;border: 1px solid #d9edf1;margin-top: -1px;width: 100%;} #prog .nav-link:hover, #prog .nav-link.active{background-color: #2f9bb3;color: white;background: linear-gradient(180deg, #4FCCDA 0%, #3BA9BF 100%);} #prog .nav-link:first-child{border-top-right-radius: 4px;border-top-left-radius: 4px;} #prog .nav-link:last-child{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} #prog .tab-content{font-size: 18px;} #prog .tab-content h3{margin-bottom: 20px;} #kak2{background-color: #4ac2d314;} #kak2 .item{display: flex;padding-bottom: 15px;} #kak2 .t{font-size: 18px;margin-bottom: 10px;font-weight: bold;} #kak2 .text{font-size: 14px;line-height: 1.5;} #kak2 .icon{font-size: 55px;color: #e6193a;padding-right: 15px;} #kak2 .logo{text-align: center;} #kak2 .pulse-bg { width: 100%; padding-bottom: 100%; left: 50%; top: 50%; z-index: 1; } #kak2 h3{margin-bottom: 60px;} .pulse-bg { position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; padding-bottom: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .pulse-bg-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: pulse infinite ease-in-out 2s; animation: pulse infinite ease-in-out 2s; } .pulse-bg-circle { border: 1px solid #2f9bb3; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pulse-bg-circle1 { width: 100%; height: 100%; } .pulse-bg-circle2 { width: 85%; height: 85%; } .pulse-bg-circle3 { width: 70%; height: 70%; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } #disclamer{text-align: center;font-size: 20px;background: #2f9bb3;color: white;padding: 30px 0px;} #footer{background-color: #F8F8F8;color: #626262;} #footer a{color: #333333;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #footer a:hover{color: #47BECF;} #footer .mail{padding-top: 15px;} #footer .ad{font-size: 14px;} #footer .menu{padding: 0px;margin: 0px;list-style: none;} #footer .menu li{width: 50%;float: left;padding-bottom: 15px;} #footer .soc img{padding-right: 10px;padding-top: 10px;} #footer .info{font-size: 15px;} #footer .poly{color: #ababab;} #footer .pay{color: red;} #footer .copy{font-size: 13px;font-style: italic;color: gray;margin-top: 10px;} #footer .counter {margin-top: 10px;} /*Анимация Блеск кнопки*/ @-webkit-keyframes sheens{0%,79%{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}80%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}95%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(1em,-11em);transform:rotateZ(60deg) translate(1em,-11em)}to{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(1em,-9em);transform:rotateZ(60deg) translate(1em,-9em)}} @keyframes sheens{0%,79%{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}80%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}95%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(1em,-11em);transform:rotateZ(60deg) translate(1em,-11em)}to{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(1em,-9em);transform:rotateZ(60deg) translate(1em,-9em)}} .flexslider{position: relative;} .flexslider .slides > li{display: none;-webkit-backface-visibility: visible;} .slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .flex-direction-nav{display: flex;position: absolute;top: -60px;right: 0px;} .flex-direction-nav .flex-nav-next{margin-left: 5px;} .flex-direction-nav svg{opacity: 0.7;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .flex-direction-nav svg:hover {opacity: 1;} .wpcf7 .ajax-loader{display: none!important;} .wpcf7 label{text-transform: uppercase;font-size: 12px;} .wpcf7 input, .wpcf7 select{padding: 20px 20px;height: auto;} .wpcf7 .wpcf7-list-item input{padding: 0px;} .wpcf7 .lic{padding-top: 20px;padding-bottom: 20px;} .wpcf7 .lic a{color: black;text-decoration: underline;} .wpcf7 .wpcf7-submit{border: none;padding: 25px 55px;} #PluginHotelSochiPark label{text-transform: uppercase;font-size: 12px;} #PluginHotelSochiPark input, #PluginHotelSochiPark select{padding: 20px 20px;height: auto;} #PluginHotelSochiPark #childsage_box{margin-right: -15px;margin-left: -15px;display: flex;flex-wrap: wrap;} #PluginHotelSochiPark .hidden {display: none !important;} #PluginHotelSochiPark .data{padding-bottom: 10px;} #PluginHotelSochiPark .data b{padding-left: 10px;} #PluginHotelSochiPark .o-price{font-size: 19px;font-weight: 600;} #PluginHotelSochiPark .btb{margin-top: 20px;} #PluginHotelSochiPark .button{border: none;} #PluginHotelSochiPark .search-box .no{text-align: center;padding-top: 20px;font-size: 20px;} #PluginHotelSochiPark h3{padding-top: 40px;text-align: center;} #modal_send h3{text-align: center;padding-bottom: 20px;} .fade.in { opacity: 1; } .modal-dialog{background-color: white;} .wpcf7-form {border: none !important;} #main-form-bron{ background-color:#2590B9; padding-top:25px; padding-bottom:25px; margin-bottom:30px;} #main-form-bron .but{ padding :10px 15px 10px 15px; background-color:white; border-radius:10px; color: #2590B9 !important;} #main-form-bron .color-text{ color:white;} #main-form-bron .flex{ display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; gap:20px;} #form-modal-chek .big_chk:hover, .form-header:hover, .wdata:hover, .wpcf7-select:hover{ box-shadow: 0 3px 10px #2590B9;} #form-modal-chek .form-header:active,.form-header:focus,.form-control:active, .form-control:focus, .form-control:hover, .wdata:focus, .wdata:active, .wpcf7-select:focus, .wpcf7-select:active{ box-shadow: 0 3px 10px #2590B9 !important;} #form-modal-chek .form-header{width:100%; outline:none !important;} #form-modal-chek .form-control{ outline:none !important; height:135px; } #form-modal-chek .wdata{width:100%; border:none;} #form-modal-chek .big_chk { cursor: pointer; color: rgb(65, 63, 63); box-shadow: 0 3px 10px rgb(0 0 0 / 50%); margin:10px;} #form-modal-chek .big_chk>span{ display:block;} #form-modal-chek .big_chk input { padding: 0px;margin-right:-16px; visibility: hidden; position: absolute;} #form-modal-chek .big_chk>span>div{ border: 2px solid transparent;} #form-modal-chek input:checked+span{box-shadow: 0 3px 10px rgb(21, 177, 21);} #form-modal-chek .text-center{ text-align:center;} #form-modal-chek .color-sale{ color: rgb(21, 177, 21); font-size: 18px; font-weight: 600;} #form-modal-chek .big_chk .grid>div{ display: grid; align-items: center; justify-content: center;} #form-modal-chek .date-392>input, .date-393>input{ width:100%;} #form-chek-mod form{ border:none !important;} #form-chek-mod .fieldset-cf7mls-wrapper{ padding:0 !important; margin:0 !important;} #form-chek-mod .wpcf7 .wpcf7-text, #form-chek-mod .wpcf7 .wpcf7-textarea{background-color:whitesmoke;border-radius:5px; padding:10px;} #form-chek-mod .fieldset-cf7mls>p,#form-chek-mod .fieldset-cf7mls>h2{margin-top:20px; margin-bottom:5px;} #form-chek-mod .fieldset-cf7mls>p{font-weight:600;} #form-chek-mod .select2-search__field{display:none;} #form-chek-mod fieldset{padding:10px;} #form-modal-chek h2{margin-top:20px;} #form-modal-chek .form-select{width:100%;padding:10px; background-color: whitesmoke; border-radius: 5px; border:none; padding: 10px;} #form-modal-chek .form-lebel-select{margin-top:15px;} @media (min-width: 992px){ #form-modal-chek{ max-width: 600px !important; padding: 30px; position: absolute; right: 0; margin: 0;height:auto !important;}} @media(min-width:768px){#form-modal-chek .color-sale{display:block}} @media(max-width:767px){ #main-form-bron .flex{ justify-content:center; text-align:center;}}