/*
Theme Name: FeedBack
Theme URI: https://feedback.academylife.ru
Author: ArhStrAngeR
Author URI: https://arhstranger.ru
Description: Specially for YOU
Version: 1.0.0
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}
html {
	font-family: "Roboto", Sans-serif;
}

.container.main {
    border: 1px solid #e4e4e4;
}
.header_form {
    height: 200px;
    max-height: 100%;
}
.header_form .logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_form .logo img {
    max-width: 200px;
    width: 100%;
}
.header_form .dekor {
    background: url('img/header.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
	height: 200px;
	max-height: 100%;
}
.header_form .quiz {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.header_form h1, .thx h1 {
    font-size: 36px;
    padding-bottom: 20px;
}
.header_form h2 {
    font-size: 24px;
}
.thx h2 {
    font-size: 24px;
    max-width: 250px;
    margin: 0 auto;
}
.header_form h2.q1_4, .header_form h2.q3 {
    font-size: 26px;
}
.header_form h3 {
    font-size: 24px;
}
.city {
    padding-top: 80px;
}
h2.city_q {
    font-size: 36px;
}
.main_form, .main_form5, .main_form1_4, .mess_dir, .thx  {
	display: flex;
    justify-content: center;
    align-items: center;
	min-height: 400px;
    flex-direction: row;
    flex-wrap: wrap;
}
.mess_dir {
	display: flex;
    justify-content: center;
    align-items: center;
	min-height: 400px;
    flex-direction: column;
    flex-wrap: wrap;
}
.mess_dir h2 {
    font-size: 28px;
    max-width: 370px;
    width: 100%;
    margin: 0 auto;
}
.main_form img {
    max-width: 150px;
    width: 100%;
}
.main_form1_4 img {
    height: 150px;
    max-height: 100%;
    max-width: 100%;
}
.main_form .text_img, .main_form1_4 .text_img {
    font-size: 20px;
    padding-top: 10px;
}
.main_form .col, .main_form1_4 .col {
	padding: 15px;
}
.main_form .col:hover, .main_form1_4 .col:hover {
	background: #ecf0f1;
	transition: background 0.5s ease;
	cursor: pointer;
}
.main_form1_4 .col.msg:hover {
	background: transparent;
	transition: none;
	cursor: pointer;
}
.main_form5, .main_form1_4, .mess_dir, .thx  {
    padding: 40px 0;
}
.main_form1_4 .text_img {
    padding-left: 50px;
    text-align: left;
    background: url('img/check.svg');
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.main_form1_4 .check .text_img {
    background: url('img/check_in.svg');
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.main_form1_4 .col.msg {
    width: 100%;
    min-width: 320px;
    padding: 0 50px;
}
.main_form1_4 .col.msg textarea {
    width: 100%;
    min-height: 150px;
}
.send_ocenky2 .pay_link {
    //display: none;
}
.footer_form .col-12 {
    background: url('img/footer.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	min-height: 120px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.pay_link, .button_yes, .button_no {
    font-size: 28px;
    color: #000;
    background-color: #fff;
    border: 4px solid #2ecc71;
    border-radius: 25px;
	padding: 15px 40px;
	transition: background 0.5s ease;
	cursor: pointer;
}
.button_no {
    border: 4px solid #e74c3c;
}
.pay_link:hover {
    background-color: #2ecc71;
    color: #fff;
	text-decoration: none;
}
.button_no:hover, .button_no:active, .button_no:focus {
    background-color: #e74c3c;
    border: 4px solid #e74c3c;
}
.button_yes:hover, .button_yes:active, .button_yes:focus {
    background-color: #2ecc71;
    border: 4px solid #2ecc71;
}
.col.all_width {
    width: 100%;
    min-width: 320px;
    padding: 0 50px;
}
.mess_dir .col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
}
.mess_dir .col.all_width {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.mess_dir .col.all_width .btn {
    margin: 0 20px;
    padding: 10px 40px;
    min-width: 150px;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
    top: 20px;
	z-index: 55;
    right: 20px;
    position: absolute;
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    opacity: 1
}
.modal-body {
    padding: 50px;
    text-align: center;
}
h5#modalLabel {
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 20px;
}
.modal-body input[type="tel"] {
    padding: 10px;
    max-width: 300px;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    color: #000;
	width: 100%;
}
.modal-body input[type=submit] {
    margin: 10px auto;
    background: transparent;
    border: 4px solid #27ae60;
    border-radius: 25px;
    padding: 10px 25px;
    text-align: center;
    width: 150px;
}
.modal-body input[type=submit]:hover {
    background: #27ae60;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7 form .wpcf7-response-output {
    display: none;
}
.main_pans {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.main_pans .col {
    margin: 20px auto;
}
.main_pans .col img {
    border-radius: 25px;
    padding-bottom: 10px;
}
.main_pans .col .text_img {
    font-size: 20px;
}
.main_pans .col:hover {
    opacity: .8;
}
.main_pans .col a {
    text-decoration: none;
    color: #000;
}


@media (max-width: 991px) {
	.main_form1_4 .text_img {
		min-height: 50px;
	}
	.main_form1_4 .col.col4 .text_img, .main_form1_4 .col.col5 .text_img {
		background-position: 5px 5px;
	}
}
@media (max-width: 767px) {
	.main_form1_4 .col.col4 .text_img, .main_form1_4 .col.col5 .text_img {
		background-position: 5px 14px;
	}
	.main_form1_4 .col {
		min-width: 180px;
	}
	.main_form1_4 .text_img {
        background-position: 5px 5px;
    }
	.main_form1_4 .check .text_img {
        background-position: 5px 5px;
    }
	.main_form1_4 .col.msg {
		padding: 0 30px;
	}
	.main_form1_4 .col.col5 {
		min-width: 320px;
		text-align: center;
	}
	.main_form1_4 .col.col5 .text_img {
		text-align: center;
		background-position: 25% 5px;
	}
	.mess_dir h2 {
		margin: 0 auto 30px;
	}
	.city {
		padding-top: 10px;
	}
	.header_form {
		height: auto;
	}
	.main_pans .col img {
		max-width: 200px;
	}
	.main_pans .col {
		width: 50%;
	}
	.main_form, .main_form5, .main_form1_4, .mess_dir, .thx {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: auto;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 40px 0;
	}
	.main_form .col {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		min-width: 180px;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 450px) {
	.main_pans .col img {
		max-width: initial;
	}
	.main_pans .col {
		width: initial;
	}
	.mess_dir .col.all_width .btn {
		min-width: 130px;
	}
	.pay_link, .button_yes, .button_no {
		padding: 15px 30px;
		font-size: 24px;
	}
}