/*   
Theme Name: SiteRussia
Theme URI: siterussia.ru
Description: Дизайн сайта разработанный компанией Site Russia
Author: Wolf
Author URI: siterussia.ru
Version: 1.0
*/


@font-face {
    font-family: 'AdobeClean';
	src: url('fonts/AdobeClean-Light.woff2') format('woff2'),
    url('fonts/AdobeClean-Light.woff') format('woff'),
    url('fonts/AdobeClean-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: block;
}


@font-face {
    font-family: 'AdobeClean';
	src: url('fonts/AdobeClean-Regular.woff2') format('woff2'),
    url('fonts/AdobeClean-Regular.woff') format('woff'),
    url('fonts/AdobeClean-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'AdobeClean';
    src: url('fonts/AdobeClean-Bold.woff2') format('woff2'),
    url('fonts/AdobeClean-Bold.woff') format('woff'),
    url('fonts/AdobeClean-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: block;
}

@font-face {
    font-family: 'stars';
    src: url('fonts/stars.woff2') format('woff2'),
    url('fonts/stars.woff') format('woff');
	font-display:swap;
}

/* iPhone 4 */
@media (max-width: 360px){}
/* 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);}}
/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 932px) {
	.modal .modal-dialog{width: 100%;padding: 20px;}
	.block{padding: 30px 0px;}
	.block h2{font-size: 30px!important;line-height: 35px!important;}
	.button{display: block!important;width: 100%;}
	.grid{gap: 20px;}
	.ppage h1{font-size: 35px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	.o1{order: 1;}
	.o2{order: 2;}
	

	/* Футер */
	#footer{text-align: center;padding: 40px 0px!important;}
	#footer .pay{justify-content: center;}
}

@media (min-width: 992px) {
	#mobile, #mfb, #ms{display: none!important;}
	.container {max-width: 960px;}
	.modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;}
	.block{padding-bottom: 60px;}
	

}

@media (min-width: 1200px) {
	.container{max-width: 1300px;}
	
	.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;}
	


	
} 

:root {
	--bgcolor: #f2f2f2;
	--blackcolor: #4a4a4a;
	--hovercolor: #ff6595;
}

*, ::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:'AdobeClean','sans-serif'!important;color:var(--blackcolor);background:radial-gradient(ellipse at center, #f8f8f8 0%, #f6f6f6 40%, #f2f4f3 70%, #efefef 100%);background-attachment:fixed;min-height:100vh;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
a{color: var(--blackcolor);text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
svg{vertical-align: middle;overflow: visible;}
label {display: inline-block;margin-bottom: .5rem;}
button, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;appearance: none;background-color: white;}
.tovat input {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;appearance: none;background-color: white;}
button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */
button::-moz-focus-inner {border: 0;}
p {margin-top: 0;margin-bottom: 1rem;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 300;line-height: 1.2;}
h1{font-size:50px;margin-bottom: 20px;}
h2{font-size:35px;margin-bottom: 15px;}
h3{font-size: 26px;margin-bottom: 15px;}

/* Дата для мобильного */
input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} 
input[type="date"]:focus:before {content: '' !important;}

.img-fluid {max-width: 100%;height: auto;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float:right;padding-left: 10px;padding-bottom: 10px;}
.table {width: 100%;margin-bottom: 1rem;border-collapse: collapse;}
.table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}
.p404{text-align: center;padding: 50px 0px;}
.grid{display: grid;}
.ac{align-items: center;}

/* Табы */
.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;}
.tab-content a{color: var(--hovercolor);text-decoration: underline;}
.tab-content h4{font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.tab-content ul{margin-top: 0px;}
.tab-content .har{text-align: left;}
.fade {transition: opacity .15s linear;}
.fade:not(.show) {opacity: 0;}

/* Гармошка */
.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;}

/* Модальное */
.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;}
.modal .title{font-size: 45px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}

/* Кнопка вверх */
.btn-back-top{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:var(--hovercolor);color:#fff;border-radius:2px;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.btn-back-top:hover{opacity:1!important;transform:translateY(0);color:white!important}
.btn-back-top.visible{opacity:0.8;visibility:visible;transform:translateY(0)}
@media(max-width:768px){.btn-back-top{width:40px;height:40px;bottom:10px;left:10px}}

/* Виджет мессенджеров */
.msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;}
.msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;}
.msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;}
.msg-toggle:after{animation-delay:.5s;}
@keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}
.msg-toggle:hover{transform:scale(1.05);}
.msg-toggle .msg-close{display:none;}
.msg-widget.active .msg-toggle svg:first-child{display:none;}
.msg-widget.active .msg-toggle .msg-close{display:block;}
.msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;}
.msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);}
.msg-item{display:block;transition:transform .3s;}
.msg-item:hover{transform:scale(1.1);}
.msg-item img{display:block;border-radius:50%;}
.msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone{width:48px;height:48px;}.msg-list{bottom:58px;}}

/* Анимация при наведении на картинку */
.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);}

/* Хлебные */
.breadcrumbs {color: #011D43;font-size: 15px;padding-bottom: 10px;display: flex;}
.breadcrumbs a, .breadcrumbs span{color: #7a899f;}

/* Слайдер */
.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: var(--hovercolor);}
.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;backface-visibility: visible;border-radius: 30px;border: 1px solid var(--greencolor);}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--hovercolor);}

/* FAQ */
.accordion .card{padding: 15px 5px 10px 0px;border-bottom: 1px solid #f3f5fb;}
.accordion .card .title{font-size: 19px;padding-bottom: 5px;display: flex;position: relative;    padding-right: 20px;}
.accordion .card .title.collapsed:after {transform: rotate(45deg);top: 5px;}
.accordion .card .title:after {content: "";position: absolute;top: 10px;right: 0px;width: 10px;height: 10px;border: solid #898989;border-width: 0 1px 1px 0;transition: transform 0.2s ease;transform: rotate(-135deg); }
.accordion .card .text a{color: var(--hovercolor);text-decoration: underline;}

/* Форма связи */
.wpcf7{position: relative;}
.wpcf7 .wpcf7-form{display: grid;gap: 10px;}
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output, .wpcf7 .wpcf7-form .hidden-fields-container{display: none;}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-bottom: 1px solid red!important;}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;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-textarea{padding: 15px 18px;width: 100%;background-color: #fff;border: 2px solid #e8e8e8;border-radius: 8px;font-size: 15px;transition: all 0.3s ease;font-family: inherit;}
.wpcf7 .wpcf7-text:focusб .wpcf7 .wpcf7-textarea:focus {outline: none;border-color: var(--greencolor);}
.wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}

/* Другое  */
.pt-0{padding-top: 0px!important;}
.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}
.phone{white-space: nowrap;}
#za .modal-dialog{display: flex;align-items: center;}
.block{padding-top: 60px;padding-bottom: 60px;}
.block h2{font-weight: 300;font-size: 40px;line-height: 45px;}
.block .top{display: flex;justify-content: space-between;gap: 10px;align-items: center;margin-bottom: 15px;}
.block .top h2{margin-bottom: 0px;}
.block .top .more{position: relative;white-space: nowrap;}
.block .top .more:after{content: '';display: inline-block;width: 22px;height: 12px;background-image: url('images/right_arrow.svg');margin-left: 8px;vertical-align: middle;}

.citylist .grid{gap: 3px;}
.screen-reader-text{display: none;}

.button{padding: 15px 30px;background-color: var(--hovercolor);color:white;font-size: 15px;font-weight: 600;border-radius: 5px;border: none;cursor: pointer;white-space: nowrap;text-align: center;text-transform: uppercase;}
.button:hover{background-color: black;color: white}
.button:disabled{background-color: #cccccc!important;cursor: default;}

.button2{padding: 15px 30px;background-color: var(--blackcolor);color:white;font-size: 15px;font-weight: 600;border-radius: 5px;border: none;cursor: pointer;white-space: nowrap;text-align: center;text-transform: uppercase;}
.button2:hover{background-color: black;}


/* Анимация */
a, .button, .buynow{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
/*HOVER*/
#top a:hover, #header a:hover, .breadcrumbs a:hover, .block .top a:hover, .accordion a:hover, #map a:hover, .citylist a:hover, .woocommerce .shop_table a:hover, .woocommerce .checkout a:hover, #footer a:hover{color: var(--greencolor)!important;}


#header, #footer, .block.pt-0, #map, #tags, #zakaz, #prem{display: none;}

.color{color: var(--hovercolor)}

#tovar .tovar{grid-template-columns: 50% 1fr;gap: 10px;}
#tovar .tovar .left{position: relative;}
#tovar .tovar .left .list{width: 200px;position: absolute;right: -50px;}
#tovar .tovar h1{font-size: 55px;line-height: 60px;}
#tovar .tovar h1 span{display: block;}
#tovar .tovar .stock-status{display: inline-block;padding: 6px 18px;font-size: 14px;font-weight: 400;color: #FF6B9D;border: 1px solid #FF6B9D;border-radius: 5px;margin-bottom: 15px;}
#tovar .stock-status.out-of-stock{color: #999;background-image: linear-gradient(white, white), linear-gradient(90deg, #ccc 0%, #999 100%);}
#tovar .tovar .desc{color: gray;}

#tovar .tovar .variations .reset_variations, #tovar .tovar .variation-selector label{display: none;}
#tovar .tovar .variation-selector .variation-container{display: flex;gap: 10px;flex-wrap: wrap;margin-bottom: 20px;}
#tovar .tovar .variation-selector .variation-link{background: white;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);border-radius: 5px;padding: 10px 30px;font-weight: bold;cursor: pointer;}
#tovar .tovar .variation-selector .variation-link.selected{background-color: #ff6595;color:white}

#tovar .tovar .order{background: white;box-shadow: 0 2px 10px rgba(0,0,0,0.05);padding: 20px;display: inline-flex;border-radius: 5px;align-items: center;gap: 15px;}
#tovar .tovar .order .price{font-size: 45px;font-weight: bold;white-space: nowrap;}
#tovar .tovar .order .price .woocommerce-Price-currencySymbol{font-size: 25px;}
#tovar .tovar .order .button{background: linear-gradient(90deg, #f857a6 0%, #ff8c61 100%);box-shadow: 0 4px 15px rgba(248, 87, 166, 0.3);}
#tovar .tovar .order .button2{box-shadow: 0 4px 15px rgb(74, 74, 74, 0.3);}

.quantity {display: inline-flex;border: 1.5px solid #d2dce4;border-radius: 5px;padding: 0px 10px;}
.quantity input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;width: 50px;min-height: 40px;text-align: center;background-color: transparent;}
.quantity button {display: inline-flex;align-items: center;justify-content: center;background: none;border: none;font-size: 0;color: #011D43;width: 30px;height: 100%;min-height: 50px;cursor: pointer;position: relative;padding: 8px;-webkit-tap-highlight-color: transparent;}
.quantity button:active,.quantity button:focus {outline: none;}
.quantity button:before {content: '';width: 13px;height: 1.5px;background-color: black;}
.quantity .quantity-plus:after {content: '';position: absolute;width: 1.5px;height: 13px;background-color: black;}
.quantity input[type="number"]::-webkit-inner-spin-button,.quantity input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;margin: 0;}
.quantity input[type="number"] {-moz-appearance: textfield;appearance: textfield;}



#tovar .tovar .woocommerce-product-gallery__image img {max-width: 100%;height: auto;filter: drop-shadow(30px 5px 30px rgba(10, 10, 10, 0.20)) drop-shadow(10px 10px 3px rgba(0, 0, 0, 0.10));}
#tovar .tovar .right{position: relative;}