#box {
	min-height: 100px;
	padding: 0;
}

.title-body {
	background: #fff;
	box-shadow: 0 0 80px rgba(0,0,0,0.15);
}

@media (max-width: 1199px) {
	.txt36 {
		font-size: 30px;
		line-height: 35px;
	}
}

@media (min-width: 1200px) {
	.txt36 {
		font-size: 30px;
		line-height: 36px;
	}
}

.bold {
	font-family: Gilroy-Bold;
}

@media (max-width:1199px) {
	.title-body {
		padding: 30px;
	}
}

@media (min-width: 1200px) and (max-width:1499px) {
	.title-body {
		padding: 50px;
	}
}

@media (min-width: 1500px) {
	.title-body {
		padding: 100px;
	}
}

@media (min-width: 992px) {
	.title-body {
		min-height: 100vh;
	}
}

.dark {
	color: #2b2b2b;
}

@media (min-width: 992px) {
	#gerb {
		background: url("../images/quiz-bg.jpg") center/contain no-repeat;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1199px) {
	.txt24 {
		font-size: 20px;
	}
}

@media (min-width: 1200px) {
	.txt24 {
		font-size: 20px;
	}
}

.medium {
	font-family: Gilroy-Medium;
}

.red-btn {
	background: #d73f32;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
}

.red-btn:hover img {
	margin-left: 25px;
	transition: all 0.3s ease-in-out;
}

.red-btn img {
	margin-left: 15px;
	transition: all 0.3s ease-in-out;
}

.red-btn:hover {
	background: #a62b21;
	transition: all 0.3s ease-in-out;
}

.txt16 {
	font-size: 16px;
}

.regular {
	font-family: Gilroy-Regular;
}

.doc-bg {
	background: #ede5df;
	border-radius: 20px;
	padding: 20px;
}

@media (min-width: 1500px) {
	.doc-body {
		width: 50%;
	}
}

.txt14 {
	font-size: 12px;
}

.doc-img {
	min-width: 80px;
	position: relative;
}

.doc-img img {
	position: absolute;
	top: -100px;
	bottom: -100px;
	left: -20px;
	margin: auto;
}

.title {
}

@media (min-width: 768px) and (max-width:991px) {
	.docs-body {
		display: flex;
	}
}

@media (min-width: 1500px) {
	.docs-body {
		display: flex;
	}
}

@media (min-width: 1500px) {
	.red-btn {
		padding: 30px 60px;
	}
}

@media (max-width: 1499px) {
	.red-btn {
		padding: 30px;
		width: 100%;
	}
}

@media (min-width: 0px) and (max-width:991px) {
	#gerb {
		height: 500px;
		background: url("../images/quiz-bg.jpg") center/cover no-repeat;
		width: 100%;
	}
}

@media (max-width: 575px) {
	.red-btn.txt24 {
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.red-btn img {
		width: 35px;
	}
}

#success {
	background: url("../images/header-bg.jpg") top/cover;
	height: 100vh;
	padding-top: 200px;
}

.beige-btn2 {
	background: #d9b161;
	border-radius: 6px;
	color: #000;
	padding: 25px 30px;
	transition: all 0.3s ease-in-out;
}

.b-quizgo-modal .b-quiz-icon-close {
	display:none;
}

div.b-quizgo-wrapper {
	background:#e9ecef;
}


@media (max-width: 767px) {
	.txt48 {
		font-size: 36px;
		line-height: 40px;
	}
}

@media (min-width: 768px) {
	.txt48 {
		font-size: 48px;
		line-height: 55px;
	}
}

#spasibo {
	padding-top: 100px;
}

.select-red {
	background: #d73f32;
	display: inline-block;
	padding: 10px 20px;
}

@media (min-width: 768px) {
	.header-man {
		position: absolute;
		bottom: 0;
		max-height: 650px;
	}
}

#sec-2, #sec-4 {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #f4f2f0;
}

.red {
	color: #d73f32;
}

#sec-3 {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (max-width: 575px) {
	.txt20 {
		font-size: 17px;
		line-height: 22px;
	}
}

@media (min-width: 576px) {
	.txt20 {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.header-man {
		width: 100%;
	}
}

.testimonial {
	background: #f4f2f0;
	padding: 30px;
	margin-bottom: 50px;
}

.ava {
	width: 200px;
	height: 200px;
	border-radius: 50%;
}

@media (max-width: 991px) {
	.ava {
		margin: auto;
	}
}

.manager {
	background: url("../images/manager.jpg") center/cover;
}

.office {
	background: url("../images/office.jpg") center/cover;
}

@media (min-width: 768px) {
	.manager {
		height: 100%;
	}
}

@media (min-width: 768px) {
	.office {
		height: 100%;
	}
}

@media (max-width: 767px) {
	.manager {
		height: 300px;
	}
}

@media (max-width: 767px) {
	.office {
		height: 300px;
	}
}

.red-btn {
	position: relative;
	overflow: hidden;
}

.red-btn .flare {
	position: absolute;
	top: 0;
	height: 100%;
	width: 45px;
	transform: skewX(-45deg);
	animation: flareAnimation;
	left: -150%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7));
	animation: flareAnimation 3s infinite linear;
}

@keyframes flareAnimation {
	0% {
		left: -250%;
	}

	100% {
		left: 250%;
	}
}

.txt13 {
	font-size:13px;
}


/*************QUIZ**************/

@media (max-width: 575px) {
	.header-man {
		height: 500px;
		position: relative;
		margin-top: 30px;
	}
}

@media (min-width: 576px) {
	.header-man {
		height: 700px;
		position: absolute;
		left: 55%;
		bottom: 0;
	}
}

@media (min-width: 768px) {
	.header-man {
		position: absolute;
		bottom: 0;
	
	}
}@media (max-width: 575px) {
	.header-man {
		height: 500px;
		position: relative;
		margin-top: 30px;
	}
}

@media (min-width: 576px) {
	.header-man {
		height: 700px;
		position: absolute;
		left: 55%;
		bottom: 0;
	}
}

@media (min-width: 768px) {
	.header-man {
		position: absolute;
		bottom: 0;
	
	}
}

.man-tag {
	position: absolute;
	z-index: 2;
	bottom: 50px;
}
@media (min-width: 992px) {
	.man-tag {
		bottom: initial;
		top: 410px;
		left: -60px;
	}
}

.call-btn {
	background: linear-gradient(to bottom,#67ACF4 0%,#207DE2 100%);
	padding: 10px;
	border-radius: 10px;
	border: 0px;
}

.call-btn:hover {
	background: linear-gradient(to bottom,#67ACF4 0%,#1159a7 100%);
}

/*************QUIZ**************/



.title-sp {
	margin-top: 50px;
}


.tag-name-blue {
	background: #207de2;
	padding: 5px 15px;
	border-radius: 7px;
	position: relative;
	z-index: 1;
	display: inline-block;
}

.tag-job-white {
	background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	padding: 10px 15px 5px;
	margin-top: -5px;
	border-radius: 7px;
	position: relative;
	z-index: 0;
	max-width: 200px;
}


.header-adress {
	max-width: 240px;
	margin: auto;
}

.txt11 {
	font-size: 11px;
}

@media (max-width: 575px) {
	.txt48 {
		font-size: 38px;
		line-height: 1.2em;
	}
}

@media (min-width: 576px) {
	.txt48 {
		font-size: 48px;
		line-height: 1.2em;
	}
}

.our-phone {
	margin-top: 20px;
	background: #207de2;
	padding: 20px;
	border-radius: 20px;
}

@media (max-width: 575px) {
	.txt36 {
		font-size: 26px;
		line-height: 1.2em;
	}
}

@media (min-width: 576px) {
	.txt36 {
		font-size: 36px;
		line-height: 1.2em;
	}
}

#spasibo-header {
	background: url("../images/spasibo-bg.jpg") top/cover no-repeat;
	position: relative;
	overflow:hidden;
}

@media (min-width: 576px) {
	#spasibo-header {
		padding-bottom: 70px;
	}
}

@media (max-width: 575px) {

	.tag-job-white {
		margin: -5px auto 0 auto;
	}
}

#testimonial {
	padding-top: 80px;
	padding-bottom: 80px;
}

.testi-white {
	background: #fff;
	box-shadow: 0 0 50px rgba(0,0,0,0.1);
	padding: 20px;
	border-radius: 20px;
}

.testi-grey {
	background: #f2f2f2;
	padding: 20px;
	border-radius: 20px;
}

.button-gis {
	border: 2px solid #207de2;
	padding: 20px 50px;
	border-radius: 15px;
	color: #207de2;
	transition: all 0.3s ease-in-out;
}

.button-gis:hover {
	border: 2px solid #207de2;
	background: #207de2;
	border-radius: 15px;
	color: #fff;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

.button-gis:hover img {
	filter: brightness(0) invert(100%);
}

@media (max-width: 575px) {
	.button-gis {
		padding: 20px;
		width: 100%;
	}
}

.testi-photo {
	background: #eee;
	padding: 60% 30%;
	position: relative;
	margin-bottom: 50px;
	border-radius: 15px;
}

.testi-txt {
	position: absolute;
	bottom: -40px;
	left: 20px;
	right: 20px;
	border-radius: 20px;
	box-shadow: 0 0 50px rgba(0,0,0,0.15);
	padding: 20px;
	background: #fff;
}

#warning {
	background: linear-gradient(to bottom, #edf4fe, #f7faff);
	padding-top: 80px;
	padding-bottom: 80px;
}

.war-ico {
	width: 60px;
	height: 60px;
	border-radius: 15px;
	background: #207de2;
	position: relative;
}

.war-ico img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media (min-width: 768px) {
	.guarantee {
		background: #207de2;
		padding: 30px 30px 30px 340px;
		position: relative;
		border-radius: 20px;
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.guarantee {
		background: #207de2;
		padding: 210px 30px 30px 30px;
		position: relative;
		border-radius: 20px;
		margin-top: 50px;
		margin-bottom: 30px;
	}
}

@media (min-width: 768px) {
	.guarantee img {
		position: absolute;
		top: -50px;
		left: -110px;
	}
}

@media (max-width: 767px) {
	.guarantee img {
		position: absolute;
		top: -50px;
		left: -230px;
		right: -110px;
		margin: auto;
	}
}

.our-preim {
	background: #207de2;
	border-radius: 15px;
	padding: 20px;
	height: 100%;
}

#documents {
	padding-top: 80px;
	padding-bottom: 80px;
}

.doc-item {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0 50px rgba(0,0,0,0.15);
	padding: 20px;
}

.our-phone-center {
	max-width: 560px;
	margin: 50px auto 0;
}

#sp-footer {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #dfdfdf;
}

@media (max-width: 575px) {
	.header-man-sps {
		height: 500px;
		position: relative;
		margin-top: 30px;
	}
}

@media (min-width: 576px) {
	.header-man-sps {
		position: absolute;
		left: 55%;
		bottom: 0;
	}
}

@media (min-width: 768px) {
	.header-man-sps {
		position: absolute;
		bottom: -50px;
	
	}
}

.modal-content {
	max-width: 500px;
	padding: 0;
}

img {
	max-width: 100%;
}