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


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

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

/* iPhone 5 */
@media (max-width: 321px){.modal .modal-dialog {width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;}#contacts .phone{font-size: 35px!important;}}
/* iPad */
@media (min-width: 768px){.container {max-width: 720px;}.col-pl-2{grid-gap: 30px;grid-template-columns: repeat(2, 1fr);}}
/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 921px) {
	.modal .modal-dialog{width: 100%;padding: 60px 20px 20px 20px;}
	.block{padding: 30px 0px;}
	.block h2{font-size: 30px;}
	.button{display: block!important;width: 100%;}
	.col-m-2{grid-gap: 20px;grid-template-columns: repeat(2, 1fr);}
	#mobile{display: grid;grid-auto-flow: column;justify-content: space-between;padding: 15px 0px;}
	#header .top, #header .head{display: none!important;}
	
	.btn-back-top {left: 15px;right: auto;bottom: 15px!important;}
	
	
	#za{background-color: white!important;}
	#za .poly{margin-bottom: 20px;}
	#mmenu{background-color: #F4F7F8;}
	#mmenu a{color: #1A171D;}
	#mmenu .modal-dialog{background-color: #F4F7F8;color: #1A171D;}
	#mmenu .nav{font-size: 22px;flex-direction: column;}
	#mmenu .nav li{padding-bottom: 15px;}
	#mmenu .cont{display: grid;}
	#mmenu .cont .phone{font-weight: bold;font-size: 20px;}
	#mmenu .cont .ad{margin-bottom: 10px;}
	#mmenu .cont .mail{color: #DF5E2C;}
	
	#mmenu .but{margin-top: 20px;background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;}
	
	#header .slide{padding: 80px 0px 250px 0px;}
	#header .slide h1, .ppage h1{font-size: 30px;}
	#text1 .in, #banner .in{padding: 30px;}
	#prem .item{padding: 30px 100px 30px 30px;height: 300px;}
	#prem .item img{position: absolute;bottom: -30px;right: -10px;max-width: 200px;height: auto;}
	.pd{position: relative;}
	.pd:before {content: '';background: #DF5E2C;position: absolute;width: 150px;height: 1px;left: 0px;top: -15px;}
	

	
	#footer{text-align: center;}
	#footer .nav{flex-direction: column;grid-gap: 10px;margin-bottom: 20px;}
}

@media (min-width: 992px) {
	#mobile{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: 60px 0px;}
	.block h2{font-size: 60px;}
	
	.col-pc-2{grid-gap: 30px;grid-template-columns: repeat(2, 1fr);}
	.col-pc-3{grid-gap: 30px;grid-template-columns: repeat(3, 1fr);}
	.col-pc-4{grid-gap: 30px;grid-template-columns: repeat(4, 1fr);}
	
	#header .head{grid-gap: 10px;}
	#header .nav{font-size: 14px;grid-gap: 10px;display: grid;grid-auto-flow: column;}
	#header .slide{padding: 80px 0px 250px 0px;max-width: 80%;}
	#text1 .in{padding: 100px;font-size: 18px;}
	#prem .item{padding: 30px 200px 30px 50px;height: 250px;}
	#prem .item img{position: absolute;top: -30px;right: -10px;max-width: 330px;height: auto;}
	#turs .nav li a {font-size: 18px;}
	#turs h2{max-width: 70%;}
	.pd{position: relative;padding-left: 200px;padding-bottom: 40px;font-size: 18px;}
	.pd:before {content: '';background: #DF5E2C;position: absolute;width: 150px;height: 1px;left: 0px;top: 5%;}
	#turs .tab-content h3{font-size: 40px;}
	#banner .in{padding: 70px;}
	#banner .in h2{font-size: 40px;}
	#contacts .ad{max-width: 50%;}
	
	#footer .grid{grid-template-columns: 1fr 1fr 20%;grid-gap: 20px;}
	#footer .nav{grid-gap: 30px;grid-column: span 2;display: grid;grid-auto-flow: column;}
	#footer .made, #footer .poly{text-align: right}
}

@media (min-width: 1200px) {
	.container{max-width: 1200px;}
	#header .head{grid-gap: 30px;}
	#header .slide{max-width: 65%;}
	#header .nav{grid-gap: 30px;font-size: 16px;grid-auto-flow: column;}
} 


*, ::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: 'GraphikLCG',Arial,Helvetica,sans-serif!important;color: #1A171D;background-color: #F4F7F8;}
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;}
label {display: inline-block;margin-bottom: .5rem;}
button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;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: 500;line-height: 1.2;}
h1{font-size:60px;margin-bottom: 20px;}
h2{font-size:32px;margin-bottom: 15px;}
h3 {font-size: 26px;margin-bottom: 15px;}

.btn-back-top {opacity: 0;background: #DF5E2C;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 55px;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);}

/* Дата для мобильного */
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;}

/* Табы */
.nav {display: flex;flex-wrap: wrap;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;}

/* Гармошка */
.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;top: 20px;right: 20px;}
.modal .grid{grid-gap: 20px;}
.modal .title{font-size: 45px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}

/* Анимация при наведении на картинку */
.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: black;font-size: 14px;padding-bottom: 10px;}
.breadcrumbs a{color: #7F7F7F;border-bottom: 1px solid;}

/* Слайдер */
.owl-nav .disabled{display: none;}
.owl-nav .owl-prev{left: 10px;}
.owl-nav .owl-next{right: 10px;}
.owl-nav button:hover circle{fill: #1AA0E4;}
.owl-nav button:hover 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 #1A171D;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #1A171D;}

/* Форма связи */
.wpcf7{position: relative;}
.wpcf7 .wpcf7-form{display: grid;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: 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-mask{border: none;border-bottom: 1px solid #54556020;padding: 10px 0px;width: 100%;}
.wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}

/* Другое  */
.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}
.phone{white-space: nowrap;}
#za .modal-dialog{display: flex;align-items: center;}

/* Кнопка */
.button{display: inline-block;cursor: pointer;border: none;text-align: center;padding: 20px 55px;color: white;background-color: #DF5E2C;border-radius: 4px;font-weight: 500;}
.button:hover{background-color: black;color: white;}




/* Анимация */
.button, #header a, #footer a, #news a, #contacts a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
/*HOVER*/
#header .nav a:hover, #footer a:hover, #news a:hover, #contacts a:hover{color: #DF5E2C!important;}


#header{background: url(images/header.jpg) no-repeat top center / cover;}
#header .head{padding: 30px 0px;display: grid;grid-template-columns: repeat(4, auto);align-items: center;}
#header .but{background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;}
#header .slide p{font-size: 22px;padding-bottom: 20px;}

#text1 .in{border-radius: 20px 20px 0px 0px;background: linear-gradient(#fff 0%, #f4f7f8 100%);margin-top: -200px;}

#prem{overflow: hidden;}
#prem .item{position: relative;background-color: white;border-radius: 10px;}
#prem .owl-carousel .owl-stage-outer{overflow: visible;}
#prem .owl-dots{margin-top: 60px;}


#nap .grid img{border: 10px solid white;border-radius: 10px;}
#nap .grid .price{display: inline-block;font-size: 14px;color: #DF5E2C;font-weight: 500;padding: 4px 15px;border: 1px solid #DF5E2C;border-radius: 20px;margin: 10px 0px;}
#nap .grid p{font-size: 15px;}

.scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.scroll::-webkit-scrollbar {height: 2px;-webkit-appearance: none;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.scroll::-webkit-scrollbar-thumb {background: #DF5E2C;}


#turs .nav{background-color: white;border-radius: 2px 2px 0px 0px;justify-content: space-between;text-align: center;margin-bottom: 40px;}
#turs .nav li{flex-grow: 1;}
#turs .nav li a {color: #1A171D30;border-right: 1px solid #70707030;font-weight: 500;padding: 20px 20px;}
#turs .nav li .active{color: #1A171D;border-bottom: 1px solid #DF5E2C;}

#banner .in{background: url(images/banner.jpg) no-repeat top center / cover;color: white;color: #D8D7D8;border-radius: 20px;}
#banner .in h2{color: white;}

#news .grid{font-size: 15px;}
#news .grid img{border: 10px solid white;border-radius: 10px;}
#news time{display: inline-block;font-size: 14px;color: #DF5E2C;font-weight: 500;padding: 4px 15px;border: 1px solid #DF5E2C;border-radius: 20px;margin: 10px 0px;}

#contacts {background: url(images/contacts.png) no-repeat calc(50% + 200px) -50px;padding-bottom: 150px;}
#contacts .grid{grid-gap: 10px;justify-items: start;}
#contacts .phone{font-size: 40px;margin-top: 20px;}
#contacts .mail{color: #DF5E2C;font-size: 25px;border-bottom: 1px solid #DF5E2C;}
#contacts .ad{font-size: 25px;margin-top: 30px;}
#contacts .map{color: #DF5E2C;font-size: 18px;border-bottom: 1px solid #DF5E2C;}
#contacts .soc{margin-top: 40px;}

#footer{background-color: white;padding: 50px;font-size: 15px;color: #767477;}
#footer a{color: #767477;}
#footer .nav a{color: black;}