/*
Theme Name: Template theme
Version: 1.0.0
*/

header.fixed .logo {
    height: 42px;
}

header .logo {
    max-height: 42px;
    height: 42px;
}

@media only screen and (max-width: 768px) {
    header .logo {
        width: 100%;
		
    }
	header.fixed .logo {
		height: auto;
		
	}
}

.home #pricesection1  h4 {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}

@media only screen and (max-width: 768px) {
    .home #pricesection1  h4 {
        font-size: 18px;
        margin-top: 15px;
        padding: 0 15px;
    }
}

@media only screen and (max-width: 768px) {
    body {
        min-width: 100%;
        min-width: 300px;
    }
    body.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    header .menu.open {
        background: none;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
        top: 40px;
        top: 0;
        position: relative;
        padding: 0;
    }
    header .menu.open ul {
        padding-top: 0;
        width: 100%;
        text-align: left;
    }
    header .menu.open li {
        line-height: 2;
        margin: 0;
        font-weight: 400;
        border-bottom: 1px solid #ddd;
    }
    header .menu.open li:last-child {
        border-bottom: none;
    }
    header .menu.open li a {
        color: #000;
        padding: 15px 10px;
        white-space: normal;
        text-decoration: none;
    }
    header .menu.open li.menu-item-has-children {
        background: #f6f6f7;
        padding-bottom: 0;
    }
    header .menu.open li.menu-item-has-children a {
        font-weight: 600;
    }
    header .menu.open li.menu-item-has-children:before {
        content: url("img/arrow-down2.png");
        margin-left: 5px;
        position: absolute;
        right: 15px;
    }
    header .menu.open li.menu-item-has-children>.sub-menu {
        position: relative;
        top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        /* 	margin-left: -10px;
    margin-right: -10px;
    width: 100vw; */
    }
    header .menu.open li.menu-item-has-children>.sub-menu a {
        font-weight: 400;
        white-space: normal;
        display: inline-block;
    }
    header .menu.open li.menu-item-has-children>.sub-menu li {
        background: #fff;
        padding: 0px;
        padding-left: 10px;
        font-size: 16px;
    }
    header .menu.open li.menu-item-has-children.hover>.sub-menu {
        display: block;
        position: relative;
        top: 0;
    }
    header .menu.open li.current-menu-item>a {
        color: #1182ef;
    }
    header .menu_min.open {
        position: fixed;
        z-index: 110;
        right: 10px;
        top: 4px;
        background-color: #fff;
    }
    header.openmenu {
        padding: 0;
    }
    header.openmenu .logo {
        opacity: 0;
    }
    header.openmenu .wrapper {
        width: 100%;
        height: 100vh;
        position: relative;
    }
    header.openmenu .left {
        display: none;
    }
    header.openmenu .wrap_flex.wrap_header {
        display: block;
        overflow: scroll;
        position: relative;
        height: 100%;
        padding: 0;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    header.openmenu .right {
        position: relative;
        bottom: auto;
    }
    header.openmenu .right .phone a {
        font-size: 22px;
        color: #000;
		    width: 100%;
    }
}

/* Квиз */

.section_kviz .subh2 {
    
}

@media screen and (max-width: 1400px) {
    .section_kviz .subh2 {
        
    }
    .section_kviz .people {
        left: -186px;
        height: 77%;
        bottom: 0px;
    }
    .section_kviz .form_kviz:before {
        top: -76px;
    }
}

@media screen and (max-width: 1200px) {
    .section_kviz .subh2 {
        
    }
    .section_kviz .form_kviz:before {
        height: 411px;
    }
}

.section4_1 .vryad li:nth-child(1),
.section4_1 .vryad li:nth-child(2n) {
    transform: none;
}

.section4_1 .vryad {
    justify-content: space-around;
}

#block2 .left .type_skv.type_skv_gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.home .type_skv.vkl-podsv {
    background: #FFE797;
}

.home .type_skv.vkl-podsv h3 {
    color: #fff;
}

.home .type_skv.vkl-podsv h3::before {
    background: #00ABEB;
}

.template_page .section3 .fotomen {
    width: 730px;
}

.section_content .table_of_contents {
    max-width: 350px;
}

@media only screen and (max-width: 1400px) {
    .template_page .section3 .fotomen {
        width: 580px;
    }
    .section_content .table_of_contents {
        max-width: 320px;
    }
    .template_page .form.form_blue {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .template_page .section3 .fotomen {
        width: auto;
    }
    .section_content .table_of_contents {
        max-width: 100vw;
    }
}

.btn-whatsapp {
	background: #25D366;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    padding: 5px;
    box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.btn-whatsapp i {
	width: 100%;
}
.btn-whatsapp i svg {
	fill: white;
}
.btn-whatsapp span {
	position: absolute;
	left: 90px;
	top: 50%;
	transform: translate(0, -50%);
	background: white;
	padding: 10px;
	border: 1px solid #D3DBE1;
	border-radius: 5px;
	width: 150px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	opacity: 1;
	display: none;
	
	-webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.scrolled-timeout .btn-whatsapp span {
	/*display: block;
	opacity: 1;*/
}
.btn-whatsapp span:before {
	content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid #D3DBE1;
}
.btn-whatsapp-fixed {
	position: fixed;
	right: 20px;
    bottom: 100px;
	z-index: 6700
}
.scrolled .btn-whatsapp-fixed {
	/*top: 10px;*/
}


@media (min-width: 768px) {
	.btn-whatsapp-fixed {
		display: none;
	}
}
/*@media (min-width: 992px) {
	.btn-whatsapp:hover span{
		display: block;
		opacity: 1;
	}
	
}*/