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

@font-face {
    font-family: 'Museo Sans Cyrl';
	src: url('../fonts/MuseoSansCyrl-300.eot');
	src: url('../fonts/MuseoSansCyrl-300.eot#iefix') format('embedded-opentype'),
	url('../fonts/MuseoSansCyrl-300.woff') format('woff'),
	url('../fonts/MuseoSansCyrl-300.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
	src: url('../fonts/MuseoSansCyrl-500.eot');
	src: url('../fonts/MuseoSansCyrl-500.eot#iefix') format('embedded-opentype'),
	url('../fonts/MuseoSansCyrl-500.woff') format('woff'),
	url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('../fonts/MuseoSansCyrl-700.eot');
	src: url('../fonts/MuseoSansCyrl-700.eot#iefix') format('embedded-opentype'),
	url('../fonts/MuseoSansCyrl-700.woff') format('woff'),
	url('../fonts/MuseoSansCyrl-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@media (max-width: 921px) {
	.block{padding: 40px 0px;}
	#header .head{display: none;}
	#header{padding: 15px 0px;}
	.page h1{padding: 30px 0px!important;}
	#header .mobile img{max-width: 200px;}
	
	
	#mmenu{-webkit-overflow-scrolling: touch;background-color: white;}  
	#mmenu .modal-dialog{height: 100%;margin: 0;}
	#mmenu .modal-content{height: 100%;width: 100vw;border: none;border-radius: 0;text-align: center;}
	#mmenu .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;text-align: center;padding: 0px;padding-top: 50px;}
	#mmenu .menu li{padding-bottom: 15px;}
	#mmenu .menu a{color: black;}
	#mmenu .button{position: absolute;width: 100%;left: 0;bottom: 0;border-radius: 0px;}
	#mmenu .cont{padding-bottom: 50px;}
	#mmenu .cont a{display: block;}
	#mmenu .cont span{display: block;}
	#mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;}
	
	#slider{text-align: center;}
	#slider h1{font-size: 30px!important;}
	#slider .buttons .item{margin-bottom: 20px!important;}
	#slider .buttonbig{display: block;width: 100%;}
	
	#slider img{display: none;}
	
	#slider .info .item{text-align: left;}
	#slider .info .item svg, #pr .info .item svg{width: 60px;}
	
	#mes .phone{font-size: 30px!important;}
	#mes .buttons .item, #slide .buttons .item{width: 100%!important;}
	
	#text1{padding-bottom: 0px!important;}
	
	.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: 30px!important;padding-bottom: 30px!important;}
	#footer .phone{padding-top: 20px;display: block;}
	#footer .info{padding-top: 20px;}	
}



@media (min-width: 992px) {
	h1{font-size: 50px;}
	h2{font-size: 40px;}
	.page h1{padding: 50px 0px!important;}
	.block{padding: 30px 0px;}
	#header{padding: 25px 0px;}
	#header .mobile{display: none!important;}
	/*#slider:after{content: '';background-color: #ffe1a6;width: 40%;height: 100%;right: 0;top: 0;position: absolute;z-index: 1;} */

	.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;}
	#form label{font-size: 12px;}
	
}

@media (min-width: 1200px) {
	.container{max-width: 1200px;}
	
	
	
}


html, body{
	font-family: 'Museo Sans Cyrl', Arial, Helvetica, sans-serif!important;
	font-size: 18px!important;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
h1{margin-bottom: 0px!important;margin-top: 0px!important;padding-top: 20px!important;font-weight: bold;}
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;}
.phone{white-space: nowrap;}
svg{overflow: visible;}

.page{min-height: 500px;padding-bottom: 20px;}
.wp-block-table table {width: 100%;}

button:active, button:focus {outline: none;}
button::-moz-focus-inner {border: 0;}

.button{display: inline-block;background: #ffe1a6;color: black;border: none;border-radius: 2px;padding: 15px 20px;}
.button:hover{background-color: black;color: white;text-decoration: none;}

.buttonbig{display: inline-block;background: #ffe1a6;color: black;border: none;border-radius: 2px;font-weight: 500;padding: 18px 35px;box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.12);border-bottom: 4px solid #e4ca95;}
.buttonbig:hover{background-color: black;color: white;text-decoration: none;border-color: #333333;}


/* Анимация */
#header .nav a, .box img, .button, .buttonbig, #usl1 .image:after, #nomera .image:after, #about1 a svg, #usl2 .item a, #usl2 .item .more svg path, #usl2 .item .more, #news a, #gallary .item:after, #news .title .more, #form a, #footer a, #archive a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}

/* Hover */
#usl2 .item a:hover, #usl2 .item a:hover .more, #usl2 .item a:hover svg path, #news a:hover, #news .title .more:hover, #form a:hover, #footer a:hover, #archive a:hover{color: #ffe1a6; fill: #ffe1a6;}


#header{box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);}
#header .nav a{color: black;font-weight: bold;}
#header .nav a:hover{color: #ffe1a6;}
#header .phone{color: black;font-size: 20px;font-weight: bold;}

#slider{position: relative;background: linear-gradient(0deg, #ffe1a6, #ffffff);overflow: hidden;}
#slider .st{font-size: 13px;color: #7b7b7b;font-weight: bold;letter-spacing: 0.12em;text-transform: uppercase;}
#slider .st svg{margin-left: 20px;}
#slider h1{font-size: 40px;}
#slider p{font-size: 20px;padding-top: 20px;margin-bottom: 20px;}
#slider .info{margin-top: 20px;font-size: 16px;}
#slider .info .item{display: flex;align-items: center;margin-bottom: 10px;}
#slider .info .item svg{margin-right: 15px;}
#slider .info .title{font-weight: bold;padding: 10px 0px 5px 0px;}
#slider .image img{position: absolute;
    top: -380px;
    left: 0px;}
#slider .buttonbig{background-color: #313131;color: white;text-decoration: none;border-color: #1f1f1f;}
#slider .buttonbig:hover{background-color: white;color: black;border-color: #f3f3f3;}

#slider .buttons .item {
	display: flex;
	align-items: center;
	justify-content: center;
    border-width: 2px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-color: rgb(105, 140, 200);
    font-size: 20px;
    border-style: solid;
    box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px;
    background: rgb(105, 140, 200);
    border-radius: 30px;
    height: 59px;
	text-decoration: none;
	margin-bottom: 40px;

}
#slider .buttons .tg{background: #6194ed;border-color: #6194ed;}
#slider .buttons .wa{background: #83d05b;border-color: #83d05b;}
#slider .buttons .vb{background: #614d9b;border-color: #614d9b;}
#slider .buttons .item img{margin-right: 10px;width: 30px;}



#mes{font-size: 20px;text-align: center;background-color: whitesmoke;padding: 40px 0px;}
#mes .phone{display: block;color: black;font-size: 40px;font-weight: bold;}
#mes .buttons .item, #slide .buttons .item{
	display: flex;
	align-items: center;
	justify-content: center;
    border-width: 2px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-color: rgb(105, 140, 200);
    font-size: 20px;
    border-style: solid;
    box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px;
    background: rgb(105, 140, 200);
    border-radius: 30px;
    width: 237px;
    height: 59px;
	text-decoration: none;
	margin: 10px 0px;
}
#mes .buttons .tg{background: #6194ed;border-color: #6194ed;}
#mes .buttons .wa, #slide .buttons .wa{background: #83d05b;border-color: #83d05b;}
#mes .buttons .vb, #slide .buttons .vb{background: #614d9b;border-color: #614d9b;}
#mes .buttons .item img, #slide .buttons .item img{margin-right: 10px;width: 30px;}

#text1{text-align: center;}

#usl{background: url(../images/usl.png) no-repeat center bottom / auto 55%;}
#usl .item{text-align: center;background-color: whitesmoke;margin-bottom: 20px;}
#usl .item .title{font-size: 18px;font-weight: bold;text-transform: uppercase;color: white;background-color: black;padding: 10px;}
#usl .item img{padding: 20px 15px;}
#usl .item .img{min-height: 175px;align-content: center;display: grid;}
#usl .item .price{font-size: 20px;font-weight: bold;background-color: #dadada;padding: 10px;}

#prem{font-size: 22px;text-align: center;padding: 20px 0px;font-weight: bold;}
#price{background-color: whitesmoke;}

.line{position: relative;margin-bottom: 20px!important;display: inline-block;}
.line:before {
	right: 0;
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: url(../images/line-horiz-2.png) repeat-x;
    z-index: 1;
}

.line:after {
	right: 0;background: url(../images/auto-icon-1.png);
    content: "";
    display: block;
    width: 53px;
    height: 27px;
    position: absolute;
    bottom: 4px;
}

#pom{text-align: center;}
#pom .item{text-align: center;background-color: whitesmoke;margin-bottom: 20px;height: 70px;display: grid;align-content: center;padding: 20px;}



#pr{background: url(../images/pr.jpg);}
#pr .info .item{display: flex;align-items: center;margin-bottom: 10px;}
#pr .info .item svg{margin-right: 15px;}
#pr .info .title{font-weight: bold;padding: 10px 0px 5px 0px;}

#snos{background-color: whitesmoke;text-align: center;}


#geo .item{background-color: whitesmoke;margin-bottom: 20px;height: 90px;display: flex;align-items: center;padding: 20px;font-weight: bold;font-size: 17px;}
#geo .item svg{margin-right: 15px;}




#faq{background: url(../images/pr.jpg)}
#faq #accordion{display: inline-block;width: 100%;}
#faq .card{border: none;border-radius: 0px;padding: 20px 0px;border-bottom: 1px solid #00000020;background: transparent;}
#faq .card a{color: black;font-size: 18px;font-weight: 500;padding-bottom: 10px;}
#faq .card p{margin: 0px;}



#faq .card a:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"–";
    float: right;
    color: inherit;
	font-size: 40px;
    line-height: 30px;
	font-weight: bold;
}


#faq .card .collapsed:after {
    /* symbol for "collapsed" panels */
    content:"+";
	font-size: 40px;
	line-height: 30px;
	font-weight: bold;
}


.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, .za .modal-body .wpcf7-textarea{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;}
.za .modal-body .wpcf7-file{margin-bottom: 10px;}




#contact{font-size: 18px;}
#contact .phone, #contact .ad{display: block;font-size: 22px;color: black;}
#contact .mail{display: block;font-size: 24px;color: #898989;}
#contact span{display: block;color: #BABABA;padding-bottom: 20px;}

#footer{border-top: 1px solid #E2E2E2;}
#footer a{color: #333333;}
#footer .mail{padding-top: 15px;}
#footer .menu{padding: 0px;margin: 0px;list-style: none;}
#footer .menu li{width: 50%;float: left;padding-bottom: 15px;}
#footer .soc img{padding-top: 10px;}
#footer .info{font-size: 15px;}
#footer .poly{color: #ababab;}
#footer .pay{color: red;}