/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Regular.woff2') format('woff2'), url('fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Medium.woff2') format('woff2'), url('fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Bold.woff2') format('woff2'), url('fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 921px) { .block{padding: 30px 0px;} h2{font-size: 32px;} h2 b{font-size: 35px !important;} #mmenu{background-color: #fff;} #mmenu .modal-content{width: 100%;border: none;} #mmenu .menu{display: inline-block;width: 100%;list-style: none;font-size: 20px;padding: 0px;padding-top: 0px;} #mmenu .menu li{padding-bottom: 10px;} #mmenu .menu a{color: black;} #mmenu .cont>a{display: block;padding: 5px 0px;} #mmenu .cont span{display: block;padding-top: 30px;} #mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;} #mmenu .cont .mail{color: #1E74CC;} #header{padding: 15px!important;} #header .head, #header .top, #header .menu{display: none;} #slider{padding: 115px 0px;height: 815px !important;} #slider .info{padding-bottom: 20px;} #slider .zaka, #slider .best{margin-top: 10px;max-width: 100%!important;} #slider .sale{position: absolute;right: 15px;top: 45px;} #slider .best {background: none !important;justify-content: center;align-items: flex-start !important;} #slider .header-subtitle {color:#FFF !important;} #slider.slider-inner-page {padding: 80px 0px;height: 300px !important;margin-bottom: 25px !important;} #prem .item1, #prem .item2, #prem .item3{padding: 100px 30px!important;width: 100%;margin-bottom: 10px;} #remont .remont, #text1 .info, #banner .banner{padding: 30px!important;} #DoorHan .info2{margin-top: 20px;} #DoorHan .info2 svg{float: left;margin-right: 10px;} #uslinfo .item{margin-bottom: 10px;} #sale, #uslinfo, #ac, #contacts{text-align: center;} #contacts .soc{margin-top: 10px;height: 32px;} #za {padding: 0px!important;-webkit-overflow-scrolling: touch;} #za .modal-dialog{height: 100%;margin: 0;} #za .modal-content {height: 100%;width: 100%;border-radius: 0;} #za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;} #za .modal-body .st{font-size: 16px;padding-bottom: 15px;} #za .info{width: 100%;} #footer{padding-top: 40px;padding-bottom: 40px;text-align: center;} #footer .menu{padding-top: 10px!important;} #footer .phone{display: block;} .btn {white-space: normal !important;} img {max-width: 100% !important;} #special .special-header {font-size: 32px !important;} #text3 .info svg {max-height: 320px;z-index: -1;} } @media (min-width: 992px) { h1{font-size: 45px;} h2{font-size: 35px;} .block{padding: 80px 0px;} #header .mobile{display: none!important;} #header .head{padding: 20px 0px 40px 0;} #slider{padding: 100px 0px;} #slider .info{padding-bottom: 60px;} #slider .zaka{position: absolute;left: 350px;bottom: calc(50% - 160px);} #slider .best{position: absolute;top: -20px;bottom:0;right: 15px;} #prem{padding: 100px 0px 150px 0px;} #prem .item .desc{max-width: 240px;} #prem .item2{position: absolute;left: calc(50% - 200px);top: calc(50% - 60px);} #prem .item3{position: absolute;left: calc(50% + 130px);top: 100px;} #contacts .soc{text-align: right;} #za .modal-dialog{margin: 0px;right: 0px;position: absolute;} #za .modal-body{padding: 40px;} #za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;} #za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;} #za .modal-body .poly{padding-top: 3vh;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} } @media (min-width: 1200px) { .container{max-width: 1280px;} } html, body{ font-family: 'Montserrat', Arial, Helvetica, sans-serif!important; font-size: 16px!important; margin: 0px; padding: 0px; color: #333333; } h1{margin-bottom: 0px!important;margin-top: 0px!important;font-weight: bold;text-shadow: 0px 3px 4px #00000082;} h2{margin-bottom: 0px!important;margin-top: 0px!important;padding-top: 20px!important;padding-bottom: 30px!important;font-weight: bold;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float: right;margin-left: 10px;margin-bottom: 10px;} .page{min-height: 500px;padding-bottom: 20px;} button:active, button:focus, input:focus {outline: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0;} svg{overflow: visible;} .button{display: inline-block;text-align: center;background: linear-gradient(#f8a460 0%, #f9c686 100%);color: white;border: none;padding: 10px 40px;border-radius: 4px;font-weight: bold;} .button:hover{color: white;text-decoration: none;} .box {overflow:hidden;border-radius: 4px;} .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);} div.wpcf7 .ajax-loader{display: none;} /* Анимация */ .button, #header .top a, #header .top a,#header .head a, #header .head .loc path, #header nav a, #slider .video, #DoorHan .video, #DoorHan .video .info, #slider .zaka, #maincats .item a, #maincats .item img, #uslinfo .item .but, #contacts a, #footer a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /* Hover */ #header .top a:hover, #header .top .current-menu-item a, #header .head .phone:hover, #header nav a:hover, #header .current-menu-item a, #contacts a:hover, #footer a:hover{color: #1E74CC;} #header .head .loc:hover, #header .head .mail:hover{color: #FFF;} #header .head .loc:hover path, #header .head .mail:hover path{fill: #FFF;} /* button svg */ #header .head .loc svg, #header .head .mail svg, #header .head .calc svg{margin-right: 8px;} #slider .video svg, #slider .zaka svg, #DoorHan .video svg{margin-right: 15px;} /* SCALE */ #slider .video:hover, #slider .zaka:hover, #maincats .item img:hover, .button:hover, #DoorHan .video:hover .info{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);} .breadcrumbs{padding-top: 30px;padding-bottom: 30px; font-size: 12px;opacity: 0.7;} .breadcrumbs a{color: #00000050;padding-right: 5px;} .breadcrumbs span{padding-left: 5px;color: #1E74CC;} #header {padding-bottom: 10px;position: absolute;width:100%;} #header .top{background-color: #F0F0F0;padding: 10px 0px;} #header .top a{color: #00000060;} #header .top .soc{text-align: right;} #header .top .soc a{margin-left: 10px;} #header .cont{display: flex;justify-content: space-between;align-items: center;font-weight: bold;} #header .head .loc{color: #1E74CC;font-weight: 500;font-size: 13px;} #header .head .phone{color: #FFF;display: block;font-weight: 500;font-size: 13px;} #header .head .mail{color: #1E74CC;font-weight: 500;font-size: 13px;} #header .head .calc{background-color: #FFAB70;color: #803601;font-weight: 400;padding: 12px 35px;border-radius:5px;white-space: nowrap;font-size: 14px;} #header nav a{color: #FFF;font-weight: 400;padding:10px 20px;} #header.header-inner {padding-bottom: 30px;box-shadow: -3px 1px 20px rgb(60 62 69 / 11%);position: absolute;width: 100%;} #header.header-inner nav a{color: #1E74CC;font-weight: 400;padding:10px 20px;} #header.header-inner nav a:hover{color: #000;font-weight: 400;padding:10px 20px;} #header.header-inner .catalog-menu a{color: #FFF;} #header.header-inner .head .loc{color: #1E74CC;} #header.header-inner .head .phone{color: #1E74CC;} #header.header-inner .head .mail{color: #1E74CC;} #header.header-inner .head .loc:hover, #header.header-inner .head .mail:hover{color: #000;} #slider{background: url(images/slide.jpg) no-repeat center / cover;color: white;height:768px;display:flex;align-items: center;} #slider.slider-inner-page{height:335px;margin-bottom: 100px;} #slider .info{font-size: 20px;padding-top: 10px;} #slider .video{background: url(images/video.jpg) no-repeat center / cover;padding: 80px 100px 80px 50px;border-radius: 4px;display: inline-flex;align-items: center;color: white;line-height: 21px;font-size: 16px;} #slider .zaka{background: linear-gradient(#f8a460 0%, #f9c686 100%);padding: 20px 30px;max-width: 300px;border-radius: 4px;display: inline-flex;align-items: center;color: white;font-size: 12px;} #slider .zaka .title, #slider .best .title{font-size: 14px;font-weight: bold;padding-bottom: 5px;} #slider .best{display: flex;flex-direction: column;align-items: center;background:url(images/best_bg.svg) 50% 0 no-repeat;padding: 16px;max-width: 225px;font-size: 14px;border-radius: 4px;} #slider .best img{margin-bottom: 10px;} #slider .header-subtitle {color:#803601;} #prem .day{font-size: 34px;font-weight: bold;padding-bottom: 10px;} #prem .info{font-size: 12px;} #prem .items{padding-top: 40px;position: relative;} #prem .item .title{font-weight: bold;padding-bottom: 5px;font-size: 16px;} #prem .item1{background: url(images/prem1.jpg) no-repeat center / cover;display: inline-block;padding: 50px 200px 250px 50px;border-radius: 4px;color: white;z-index: 1;} #prem .item2{background: url(images/prem2.jpg) no-repeat center / cover;display: inline-block;padding: 50px 200px 250px 50px;border-radius: 4px;color: white;z-index: 2;} #prem .item3{background: url(images/prem3.jpg) no-repeat center / cover;display: inline-block;padding: 50px 200px 250px 50px;border-radius: 4px;color: white;z-index: 3;} #maincats .item a{color: black;} #maincats .item{margin-bottom: 60px;padding: 0;position: relative;text-align: center;} #maincats .item .bg{background-color: #F0F3F7;width: 100%;height: 100%;bottom: 0;left: 0px;position: absolute;border-radius: 4px;} #maincats .item img{mix-blend-mode: darken;height: 250px;margin:40px 25px;} #maincats .item .info{position: relative;z-index: 5;padding-top: 20px;text-align: left;background-color: #FFF;} #maincats .item .info h3{font-size: 18px;text-transform: uppercase;font-weight: bold;} #maincats .item .info .price{color: #1E74CC;font-size: 20px;font-weight: bold;} #tovars .item{margin-bottom: 20px;} #tovars .item .price{color: #1E73CA;font-size: 16px;} #tovars .item .info{margin: 15px 0px;} #video{padding-top: 0px;} #video .video iframe{width: 100%;max-height: 300px;} #remont .remont{background: url(images/remont.jpg) no-repeat center / cover;padding:50px;color: white;border-radius: 4px;} #remont .remont p{margin-bottom: 30px;} #text1{background: url(images/text1.jpg) no-repeat calc(50% + 280px) center;} #text1 .info{background: linear-gradient(#f8a460 0%, #f9c686 100%);padding: 50px;color: white;} #text1 .info h3{padding-bottom: 20px;} #DoorHan .video{background: url(images/DoorHan.jpg) no-repeat center;border-radius: 4px;display: block;color: white;line-height: 21px;font-size: 16px;width: 100%;height: 400px;position: relative;} #DoorHan .video .info{display: inline-flex;position: absolute;bottom: 40px;left: 40px;} #DoorHan .info2 svg{margin-bottom: 20px;} #uslinfo .item{background: linear-gradient(#f8a460 0%, #f9c686 100%);padding: 20px;border-radius: 4px;} #uslinfo .item img{margin-bottom: 20px;} #uslinfo .item .st{font-size: 8px;text-transform: uppercase;} #uslinfo .item .title{font-size: 20px;line-height: 27px;font-weight: bold;margin-bottom: 20px;height: 80px;padding-top: 5px;} #uslinfo .item .but{display: block;background: white;color: black;font-weight: bold;text-align: center;padding: 15px;border-radius: 4px;} #uslinfo .item .but:hover{background: black;color: white;} #banner .banner{background: url(images/banner.jpg) no-repeat center / cover;padding:50px;color: white;border-radius: 4px;} #banner .banner p{margin-bottom: 30px;} #sale{border-bottom: 1px solid #70707020;} #sale h2 span{display: block;color: #1E73CA;} #sale .title{font-size: 16px;font-weight: bold;padding: 15px 0px 10px 0px;} #ac{background: linear-gradient(#f8a460 0%, #f9c686 100%);color: white;} #ac .ac .num{font-weight: bold;font-size: 50px;} #ac .ac .title{font-size: 20px;padding-bottom: 10px;} #text3 .info{position: relative;display: flex;align-items: center;} #text3 .info img{position: absolute;left: 0;mix-blend-mode: darken;} #contacts .ad{font-size: 22px;} #contacts span{display: block;color: #00000060;padding-top: 10px;} #contacts .phone{display: block;font-size: 20px;font-weight: 500;color: black;} #contacts .mail{display: block;color:#1E73CA;padding: 15px 0px;} #contacts .soc img{margin-right: 5px;} #contacts .map{margin-top: 30px;} #about1, #about2, #about3, #dost1{padding-top: 60px;padding-bottom: 40px;} #about1 .text{font-size: 18px;} #about1 .best{text-align: center;color: white;background-color: #1E73CA;padding: 40px;font-size: 16px;border-radius: 4px;} #about1 .best .title{font-size: 16px;font-weight: bold;padding-bottom: 5px;} #about1 .best img{margin-bottom: 10px;} #about3 .title, #dost1 .title{font-size: 24px;padding-bottom: 10px;} #about3 .prem{border-bottom: 1px solid #70707020;} #about3 .prem .num{color: #1E73CA;font-size: 36px;padding-bottom: 10px;font-weight: 600;} #dost2{padding-top: 30px;padding-bottom: 20px;} #dost2 .title{font-size: 16px;font-weight: bold;padding-bottom: 10px;} #dost2 .doc .title{color: #1E73CA;font-size: 24px;} #dost2 .doc .but{display: inline-block;color: #444444;border: 1px solid #BCBCBC;border-radius: 4px;padding: 15px 20px;margin-bottom: 20px;} #za .modal-content{border-radius: 0px;border: none;} #za .modal-body{height: 100vh;} #za .modal-body .close{right: 0px;} #za .modal-body .t{font-weight: bold;} #za .modal-body .st{color: #545560;} #za .modal-body .wpcf7-text{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;} #za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;} .owl-controls{display: flex;margin-top: 20px;} .owl-controls svg path{opacity: 0.5;} .owl-controls svg:hover path{opacity: 1;fill: #1E73CA;} .owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 20px;} .owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;} .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #1E73CA;} #footer{background-color: #F3F3F3;color: #000000;} #footer a{color: #000000;} #footer .widget-title{color: white;font-size: 16px;padding-bottom: 10px;} #footer .inf{font-size: 14px;padding-top: 20px;} #footer ul{list-style: none;padding-left:0px;} #footer ul li{padding-bottom: 5px;} #footer .phone{display: block;color: white;} #footer .mail{display: block;padding-bottom: 10px;color: #F8B573;} .sub-menu{padding:0;margin-left:15px;} /* update */ .btn {border-radius: 5px;} .btn-blue{background-color:#4193E8; color: #FFF;padding: 10px 20px;} .btn-blue:hover{background-color:#3182D5; color: #FFF;} .nav{align-items: center;} .menu-item {position: relative;z-index: 100;} .btn.btn-blue.catalog-menu {background-image: url(images/catalog.svg);background-repeat: no-repeat;background-position: 15px 50%;color:#FFF;padding-right: 0px;} .btn.btn-blue.catalog-menu a {color: #FFF;text-align: center;} .catalog-menu:hover {display: block;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .catalog-menu:hover > a,.catalog-menu.menu-item:hover > a:hover {color:#FFF !important;} .catalog-menu .sub-menu {display: none;} .catalog-menu:hover .sub-menu {display: block;} .nav > .menu-item > .sub-menu {position: absolute;background-color: #FFF;list-style: none;margin: 0;padding: 20px 15px 5px 30px;left: 0;top: 42px;border-radius: 3px;text-align: left;box-shadow: 0px 0px 0px 4px #1111110d;border-top-left-radius: 0;} .submenu-title {padding: 0 20px 15px 0;} .submenu-title a {font-weight: 600 !important;color: #0b55a1 !important;padding: 10px 15px 10px 0 !important;} .submenu-subtitle {padding: 10px 20px 0px 0;} .submenu-subtitle a {color: #000 !important;font-weight: 400 !important;} h2 {font-size: 36px;font-weight:600;color: #000;} h2 b {font-size: 42px;font-weight: 800;text-transform: uppercase;color: #000;} .h2-subtitle {font-size: 20px;font-weight:300;color: #000;} .h2-attention {font-size: 48px;font-weight: 800;color: #4193E8;} h4 {font-size: 14px;color: #000;} #prem .title {font-size: 20px;font-weight:600;text-transform:uppercase;padding:25px 0;color: #000;} #prem .desc {font-size: 16px;font-weight:400;padding:0 25px;} #blue {background-color:#4193E8;color:#FFF;} #blue h2 {color:#FFF;} #blue .h2-subtitle {color:#FFF;} #special .special-header {color: #F66701;font-size: 48px;text-transform: uppercase;padding-bottom:0 !important;} #orange {background-color:#F66701;color:#FFAB70;} #orange h2 {color:#FFF;} #orange .h2-subtitle {color:#FFF;font-size:20px;} #orange h2.percent {font-size: 96px; margin: 0; padding-bottom: 0 !important;} #services .icon {width: 100%;} #services .title {text-align: center;font-size: 20px;width: 100%;color: #242424;padding-top: 20px;}