body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	box-sizing: border-box;



}

.logomir{
		width: 35%;
	}

.logomirtop{
		width: 50%;
	}

.btn {
	white-space: normal;
}

.textable {
	text-align: justify;
	padding: 5px;

}

.plus {
	cursor: pointer;

}

.login:hover {
	cursor: pointer;
}

.plus:hover {
	cursor: pointer;
	transform: rotateY(5px);
}


.downPointer {
	animation: downArr 3s infinite ease-in-out;
}

.downPointer:hover {
	cursor: pointer;
	transform: scale(2.2)
}

@keyframes downArr {
	from {
		transform: translateY(-3px) scale(2.2);
	}

	20% {
		transform: translateY(-3px) scale(2.2);
	}

	40% {
		transform: translateY(3px) scale(2.2);
	}

	60% {
		transform: translateY(-3px) scale(2.2);
	}

	80% {
		transform: translateY(3px) scale(2.2);
	}

	90% {
		transform: translateY(3px) scale(2.2);
	}

	to {
		transform: translateY(-3px) scale(2.2);
	}
}

transform: scale(2.2) .panorama {
	background-image: url(../img/section9/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px;
	margin-top: 0px;
}

.nav-wrap {
	height: 5.5em;
	background-color: white;

}

.frame-title {
	margin-bottom: 50px;
	margin-top: 50px;
}

.round {
	border-radius: 20px;
}

.nav-a {
	color: #009df7;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
}

.nav-p {
	margin: 0 10px;
	padding: 10px;
	width: 100%;
	color: #009df7;
	font-size: 12px;
	transition: 0.2s;
}

@font-face {
	font-family: RobotoSlab;
	src: url(../fonts/RobotoSlab-Regular.ttf);
}

@font-face {
	font-family: RobotoSlab-bold;
	src: url(../fonts/RobotoSlab-bold.ttf);
}

@font-face {
	font-family: PFAGORASANSPRO;
	src: url(../fonts/PFAGORASANSPRO-LIGHT.TTF);
}

.modal-title {
	color: #262626;
	font-family: RobotoSlab-bold;
	text-align: center;
}

.nav-logo {
	margin: 10px;
	margin-top: 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/logo07.png);
	width: 230px;
	height: 58px;
	
	
}

.nav-logo-mir {
	margin: 10px;
	margin-left: -50px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/6-intermir.png);
	width: 210px;
	height: 52px;

}


.nav-call {
	color: #262626;
	display: inline-block;
	margin: 15px;
	text-transform: uppercase;
	font-weight: 600;
}

.nav-p:hover {
	color: orange;
	transition: 0.2s;

}

.mobile {
	display: none;
	font-weight: 400;

}


.main-bg {
	background-image: url(../img/main-bg-2.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	height: 90vh;
	margin-top: -15px;

}

.main-wrap {
	padding: 2%;

}

.sec-title {
	color: #464646;
	line-height: 1.2;
	filter: drop-shadow(0 0 1 #464646);
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.8em;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 0.5em;
	font-family: RobotoSlab-bold;

}


.main-text {
	margin-top: 10px;
	color: #262626;
	font-weight: 700;
	line-height: 1;
	width: 85%;
	font-size: 1.25em;
	font-family: PFAGORASANSPRO;

}

.main-text-prog {
	margin-top: 0px;
	line-height: 1;
	width: 85%;
	font-size: 1.5em;
	font-family: PFAGORASANSPRO;
	color: #e0344a;
	font-weight: 900;

}

.sec-yel {
	background-color: #ffc637;
	color: #262626;
	line-height: 1.1;
	width: 80%;
	font-weight: 300;
	font-size: 1.5em;
	font-family: RobotoSlab;

}

.sec-yel-mobile {
	color: #262626;
	width: 100%;
	font-weight: 600;
	font-size: 19px;
	font-family: RobotoSlab;

}

.sec-yel-p {
	background-color: #ffc637;
	color: #262626;
	line-height: 1.1;
	padding-left: 10px;
	padding-right: 10px;

	width: 70%;
	font-weight: 300;
	font-size: 1.5em;
	font-family: PFAGORASANSPRO;
}

.main-button {
	color: white;
	padding: 15px;
	font-size: 20px;
	font-family: PFAGORASANSPRO;
	border-radius: 5px;
	font-weight: 600;
	margin-top: 5px;
	text-transform: uppercase;
	width: 250px;
	background-color: #e0344a;


}

.main-button-mobile {
	color: white;
	padding: 15px;
	font-size: 23px;
	font-family: PFAGORASANSPRO;
	border-radius: 5px;
	font-weight: 600;
	margin-top: 15px;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 10px;
	background-color: #e0344a;


}

.main-button:hover {
	transform: scale(1.05);


}

.play-button {
	background-image: url(../img/play0.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	margin-left: -100px;
	margin-top: -125px;
	width: 170px;
	height: 170px;
	z-index: 2;
}

.play-wrap {
	background-image: url(../img/play-wrap.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	margin-left: 0px;
	margin-top: -85px;
	padding: 5px;
	font-size: 20px;
	line-height: 1.3;
	padding-left: 60px;
	width: 250px;
	height: 100px;
	z-index: 1;
}

.about {
	background-image: url(../img/fon.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	margin-top: -10vh;
	margin-left: 10vh;
	height: auto;
	padding: 40px;

}

.about_icon {

	height: 50px;
}

.about_text {
	color: white;
	width: 90%;
	padding-top: 10px;
}

.text1 {
	color: #262626;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1.9em;
	width: 100%;

	font-family: RobotoSlab;
}

.text2 {
	color: #262626;
	line-height: 1.3;
	font-weight: 800;
	font-size: 1.9em;
	width: 100%;

	font-family: RobotoSlab;
}

.text3 {
	color: #262626;
	line-height: 1.3;
	font-weight: 600;
	font-size: 1.6em;
	width: 100%;
	background-color: #ffc637;
	padding: 5px;
	width: 80%;
	font-family: PFAGORASANSPRO;
}

.section0 {
	margin-top: 100px;
}

.disptabn {
	display: none;
}

.nav-tabs-icons {
	width: 100%;
}

.nav-icons {
	width: 100%;
	margin-top: 50px;
}

hr {
	background-color: #ccc;
	width: 100%;
	height: 1px;
}

.icons_wrap {
	padding: 0;

}

.icons {
	padding: 60px;
}

.usability {
	background-image: url(../img/icons/usability.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0;
	height: 70px;
	transition: 0.3s;
}

.devices {
	background-image: url(../img/icons/devices.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0;
	height: 70px;
	transition: 0.3s;
}

.brain {
	background-image: url(../img/icons/brain.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0;
	transition: 0.3s;
	height: 70px;
}

.rocket {
	background-image: url(../img/icons/rocket-ship.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0;
	height: 70px;
	transition: 0.3s;
}

.icons_wrap:hover hr {
	background-color: #30a5ae;
}

.icons_wrap:hover .hov {
	color: #30a5ae;
}

.icons_wrap:hover .usability {
	background-image: url(../img/icons/usability_hov.png);
	transition: 0.2s;
}

.icons_wrap:hover .devices {
	background-image: url(../img/icons/devices_hov.png);
	transition: 0.2s;
}

.icons_wrap:hover .brain {
	background-image: url(../img/icons/brain_hov.png);
	transition: 0.2s;
}

.icons_wrap:hover .rocket {
	background-image: url(../img/icons/rocket-ship_hov.png);
	transition: 0.2s;
}

.icons-text1 {
	color: #cccccc;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.2em;
	width: 70%;
	font-family: PFAGORASANSPRO;
}

.icons-text2 {
	color: #cccccc;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.2em;
	width: 70%;
	font-family: PFAGORASANSPRO;
}

.icons-text3 {
	color: #cccccc;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.2em;
	width: 70%;
	font-family: PFAGORASANSPRO;
}

.icons-text4 {
	color: #cccccc;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.2em;
	width: 70%;
	font-family: PFAGORASANSPRO;
}

.section1 {
	height: auto;
}

.sec1-text-wrap {
	padding-top: 10px;
	/* Oleg 60  */
}

.sec1-text {

	color: #262626;
	line-height: 1.14em;
	font-size: 1.14em;
	width: 100%;
	font-family: PFAGORASANSPRO;
	text-indent: 40px;
	/* Oleg no  */
	text-align: justify;
	/* Oleg left  */
}

.sec1-text-b {

	color: #262626;
	line-height: 1;
	font-size: 1.2em;
	width: 70%;
	font-weight: 500;

}

.photo-wrap {
	width: 100%;
}

.photo {
	background-image: url(../img/section13/4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid black;
	width: 100%;
	height: 250px;
}

.sec1-button {
	padding: 0;
	margin: 20px auto 10px;
	text-align: center;
}

.sec1-button-text {
	color: #e0344a;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	padding: 10px;
	line-height: 1.3;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto;
	width: 350px;
	font-family: PFAGORASANSPRO;
}

.sec1-button-text:hover {
	color: #fff;
	border-style: solid;
	background-color: #e0344a;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	padding: 10px;
	line-height: 1.3;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	width: 350px;
	filter: drop-shadow(0px 6px 12px #e0344a59);
	font-family: PFAGORASANSPRO;
}

.sec1-button-tel {
	color: #e0344a;
	background-color: white;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	padding: 8px;
	padding-top: 12px;
	line-height: 1.3;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 85px;
	margin-top: 10px;
	width: 234px;
	font-family: PFAGORASANSPRO;
	margin-left: auto;
	margin-right: auto;
}

.sec1-button-tel:hover {
	color: #fff;
	border-style: solid;
	background-color: #e0344a;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	padding: 8px;
	line-height: 1.3;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 85px;
	margin-top: 10px;
	width: 234px;
	filter: drop-shadow(0px 6px 12px #e0344a59);
	font-family: PFAGORASANSPRO;
	margin-left: auto;
	margin-right: auto;
}

.tel {
	margin-bottom: -10px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;

	text-align: center;
	width: 250px;
	height: 40px;

}

.sec1-button-tel-d {
	color: #e0344a;
	background-color: white;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	padding: 15px;
	line-height: 1.3;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-top: -50px;
	margin-bottom: 0px;
	width: 248px;
	font-family: PFAGORASANSPRO;
}

.sec1-button-tel-d:hover {
	color: #fff;
	border-style: solid;
	background-color: #e0344a;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	padding: 15px;
	line-height: 1.3;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 0px;
	margin-top: -50px;
	width: 248px;
	filter: drop-shadow(0px 6px 12px #e0344a59);
	font-family: PFAGORASANSPRO;
}

.tel-d {
	margin-bottom: 30px;
	margin-top: -15px;
	text-align: center;
	width: 250px;

}



.section2 {
	margin-top: 100px;

	height: auto;
}

.sec2-icon {
	height: 35px;
	margin: 5px auto 5px;
}

.sec2-wrap {
	height: auto;
	background-image: url(../img/section2/bg.png);
}

.sec2-text1 {
	color: #262626;
	line-height: 1.3;
	font-size: 2.5em;
	font-weight: 900;
	text-transform: uppercase;
	width: 100%;
	margin: 0;
	font-family: PFAGORASANSPRO;
}

.mt {
	background-color: aqua;
	margin-top: 2px;
}

.sec2-text2 {
	color: #262626;
	padding: 5px;
	display: inline;
	background-color: #ffc637;
	line-height: 1.3;
	font-size: 1.6em;
	font-weight: 900;
	width: 100%;
	margin: 0;
	font-family: PFAGORASANSPRO;
}

.dispn {
	display: none;
}

.nav-item {
	margin: 0px;
	width: 33%;
	padding: 0px;
	justify-content: center;
	border: 1px solid #30a5ae;
	transition: 0.2s;
}

.nav-link:hover {
	border-color: #30a5ae !important;
	color: #fff;
}

.nav-link {
	border-radius: 0 !important;
}

.nav-link-tab {
	transition: 0.2s;
}

.nav-item:hover .nav-link-tab.active {

	background-color: #30a5ae !important;
	border-color: #30a5ae !important;
	transition: 0.2s !important;
	color: #fff !important;


}


.nav-link-tab.active {
	background-color: #30a5ae !important;
	border-color: #30a5ae !important;
	color: #fff !important;

}

.nav-item:hover {
	border: 1px solid #30a5ae !important;
	background-color: #30a5ae !important;
	color: #fff !important;

}

.nav {

	width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;




}

.nav {
	align-items: center;
	width: 100%;
}

.tab-button {
	display: inline-block;
	margin: 5px;
	width: 350px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 15px;
	font-family: PFAGORASANSPRO;
	color: #e0344a;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	font-weight: 700;
}

.tab-img {}

.tab-img-wrap {
	border: 1px solid black;

}

.tab-div {
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

.tab-button:hover {
	color: #fff;
	background-color: #e0344a;
	filter: drop-shadow(0px 6px 12px #344a59);
}

.tab-main-text {
	padding: 30px;
	text-align: justify;
	font-size: 18px;
	line-height: 1.5em;
	width: 50%;

}

.tab-title {
	color: #30a5ae;
	margin-top: 50px;
	font-size: 20px;
	text-transform: uppercase;
	width: 100%;
	font-family: PFAGORASANSPRO;
}

.underline {
	border-bottom: 2px solid #ffc637;

}



.variants-wrap {
	background-image: url(../img/section3/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100%;
	margin-top: 100px;
	height: auto;
	padding: 70px;
}

.var-title {
	color: #fff;
	font-size: 17px;
	margin-top: 10px;
	width: 80%;
	text-transform: uppercase;
	font-family: PFAGORASANSPRO;
}

.variants {
	margin-top: 20px;
}

.var {

	width: 80px;
	height: 80px;
}


.var-title-main {
	font-size: 35px;
	color: #fff;
	margin-top: 5px;
}

.var-text {
	font-size: 15px;
	color: #fff;
	width: 70%;
	margin-top: 10px;
	font-family: PFAGORASANSPRO;
}


.section3-form {
	margin-top: 100px;
}

.sec3-text {
	font-size: 25px;
	line-height: 1;
	font-family: PFAGORASANSPRO;
}

.sec3-input {

	padding: 15px;
	background-color: #fff;
	font-family: PFAGORASANSPRO;
	font-size: 19px;
	margin: 7px;
	margin-top: 20px;
	width: 95%;
}

.sec3-form-button {

	margin: 5px;
	margin-top: 20px;
	width: 95%;
	background-color: #e0344a;
	font-size: 19px;
	text-transform: uppercase;
	padding: 15px;
	font-family: PFAGORASANSPRO;
	color: #fff;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	font-weight: 700;
	filter: drop-shadow(0px 6px 12px #e0344a59);
}

.sec3-form-button:hover {
	transform: scale(1.05);
}

.sec3-form {
	width: 350px;
	padding: 20px;
	padding-top: 40px;
	height: auto;
	border: 2px dashed #30a5ae;
	border-radius: 0 0 20px 20px;
}

.sec3-form-text-yel {
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
	color: #464646;
	background-color: #ffc637;
	font-family: PFAGORASANSPRO;
}


.fz152 {
	margin-top: 15px;
	margin-bottom: -10px;
	font-size: 0.85em;

}

.fzpk-g a:link {
	color: gold
}

.fzpk-g a:visited {
	color: gold
}

.fzpk-g a:hover {
	color: gold
}

.fzpk-g a:active {
	color: gold
}

.fzpk {
	color: #30a5ae;
}

.fzpk a:link {
	color: #30a5ae
}

.fzpk a:visited {
	color: #30a5ae
}

.fzpk a:hover {
	color: #30a5ae
}

.fzpk a:active {
	color: #30a5ae
}

table {
	color: black;
}

td {
	background: #fff;
	border: 2px solid #ffc637;
	transition: .2s;
}

td:hover {
	background: #ffc637;
	transform: scale(1.06);
	transition: .2s;
	border: 2px solid #ffc637;
}

.sec5-span {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 800;
	font-family: PFAGORASANSPRO;
}

.sec5-logo {
	background-image: url(../img/section5/Logo.png);
	background-size: contain;
	height: 28px;
	width: 190px;
	display: inline-block;
	background-repeat: no-repeat;
}

.sec5-text {
	background-color: #ffc637;
	display: block;
	width: 60%;
	margin: 10px;
	margin-bottom: 50px;
	font-size: 20px;


}

.section4 {
	margin-top: 100px;
}

.sec4-img {
	height: 30px;
	margin: 0px auto 13px;
}

.sec4-tab {
	margin-top: 80px;
}

.sec4-title {
	text-transform: uppercase;
	color: #30a5ae;
	font-weight: 500;
	font-size: 20px;
	width: 90%;
	text-align: left;
	display: flex;
	flex-direction: row;
}

.sec4-title-yellow {
	text-transform: uppercase;
	color: #ffc637;
	font-weight: 500;
	font-size: 20px;
	width: 90%;
	text-align: left;
	display: flex;
	flex-direction: row;

}

.sec4-text {
	font-weight: 300;
	font-size: 20px;
	width: 90%;
	text-align: justify;
	/*oleg left*/
	font-family: PFAGORASANSPRO;
	text-indent: 30px;
	/* Oleg no*/
}

.yel-bord {
	border-top: 2px solid #ffc637;
	border-right: 2px solid #ffc637;
	padding: 10px;
}

.blue-bord {
	border-top: 2px solid #30a5ae;
	border-right: 2px solid #30a5ae;
	padding: 10px;
}

.sec4-ic1 {
	width: 10%;
	height: auto;
	margin-right: 10px;
}

.section5 {
	margin-top: 100px;
}

.sec5-td {
	width: 300px;
	height: 250px;
}

.sec5-td-img {
	width: 100px;
	height: auto;
}

.sec5-td-text {
	font-size: 16px;
	width: 100%;
	font-family: PFAGORASANSPRO;
}

.sec5-td-title {
	font-size: 16px;
	width: 80%;
	text-transform: uppercase;
	margin: 10px;
}

.section6 {
	margin-top: 100px;
	background-image: url(../img/section7/fon.png);
	padding: 30px;

}

.sec6-title {
	margin-top: 50px;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 700;
	color: #262626;
}


.sec6-img {
	margin-top: 50px;
	height: 110px;


}

.sec6-text {
	font-size: 27px;
	color: white;
	text-align: center;
	width: 100%;
}

.card-icon {
	height: 30px;
	margin: 5px;

}

.card-icon:hover {
	cursor: pointer;
	transform: scale(1.2);
	transition: 1s;
}

.card {

	border: 2px dashed #30a5ae;
	border-radius: 0px 0px 20px 20px;

}

.card-header {
	background-color: #fff;
	border: 0px;
}

.card-body {
	padding: 0 25px 5px;
}

.sec6-media-title {
	text-transform: uppercase;
	color: #30a5ae;
	font-size: 20px
}

.sec6-media-text:hover {
	cursor: pointer;
}

.sec6-media-text {
	text-transform: none;
	color: #464646;
	font-size: 19px;
	line-height: 0.8em;
	text-align: justify;
}

.sec6-media-text-bottom {
	text-transform: none;
	color: #464646;
	font-size: 16px;
	line-height: 1.2em;
	text-align: justify;
	text-indent: 2em;
}

.section6-media {
	background-color: #efefef59;
	margin-top: 0px;
}

.media-row {}

.title-media {
	text-align: center;
	margin: 100px auto 0;
}

.media-img-wrap {
	height: 140px;
	width: 140px;

	padding: 5px;
	background-color: #30a5ae;
	clip-path: circle(50% at 50% 50%);
	margin-right: 15px;
}

.media-img {
	height: 140px;
	clip-path: circle(50% at 50% 50%);
}

.sec-p {

	margin-bottom: 50px;
}

.section7 {
	margin-top: 100px;
}

.sec7-title {
	margin-top: 50px;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 700;
	color: #262626;
}

.sec7-img {
	padding: 10px;
	height: 50px;

}

.sec7-img-h {
	padding: 10px;
	height: 50px;

}

.card {
	margin-bottom: 100px;
}

ul {
	list-style-type: none;
}

li {
	display: inline-block;
}

.sec7-text {
	font-size: 22px;
	color: #262626;
	text-align: center;
	width: 100%;
	background-color: #ffc637;
	line-height: 1.2;
}

.list {
	margin-top: 80px;

}

.sec7-img-h {
	position: absolute;
}

.sec7-img-h {
	visibility: hidden;
}

.item:hover > .sec7-img {
	visibility: hidden;
}

.item:hover > .sec7-img-h {
	visibility: visible;
}

.sec7-form-wrap {
	background-image: url(../img/section7/fon.png);
	background-position: center;
	margin-top: 100px;
}

.sec7-form-text {
	margin: 30px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
	font-family: PFAGORASANSPRO;
}

.sec7-form-text-yel {
	text-transform: uppercase;
	font-size: 25px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
	color: #464646;
	background-color: #ffc637;
	font-family: PFAGORASANSPRO;
}

.sec7-input {

	padding: 15px;
	background-color: #fff;
	font-family: PFAGORASANSPRO;
	font-size: 19px;
	margin: 7px;
}

.sec7-form-button {
	display: inline-block;
	margin: 5px;
	width: 230px;
	background-color: #e0344a;
	font-size: 19px;
	text-transform: uppercase;
	padding: 15px;
	font-family: PFAGORASANSPRO;
	color: #fff;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	font-weight: 700;
	filter: drop-shadow(0px 6px 12px #e0344a59);
}

.sec7-form-button:hover {
	transform: scale(1.05);
}

.sec7-form {
	margin-top: 20px;
	margin-bottom: 80px;
	width: 300px;
}

.dispmedian {
	display: none;
}


.section8 {
	margin-top: 100px;
}

.sec8-title {
	margin: 50px;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 700;
	color: #262626;
}

.sec8-text {
	margin-top: 50px;
	font-size: 15px;
	color: #262626;

}

.sec8-text-wrap {
	padding: 15px;
	line-height: 1;
}

.sec8-text-h {
	margin-top: 50px;
	font-size: 15px;
	color: #30a5ae;

}

.sec8-img {
	margin: 5px;
	height: 80px;
	width: 120px;
}

.sec9-title {
	margin-top: 80px;

}

.section9-media {
	background-image: url(../img/section9/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	display: none;
	margin-top: 100px;
	padding-bottom: 50px;
}

.section9 {
	background-image: url(../img/section9/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	margin-top: 100px;
}

.sec9-wrap {
	background-color: #fff;
	height: auto;
	padding: 10px;
	width: 100%;
	margin-top: 20px;
}

.sec9-img {
	clip-path: circle(50% at 50% 50%);
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px;
	height: 300px;
	width: 300px;
}

.sec9-img-2 {
	clip-path: circle(50% at 50% 50%);
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0px;
	height: 200px;
}

.middle {
	display: inline-block;
	padding: 25px;
	clip-path: circle(50% at 50% 50%);
	background-image: url(../img/section9/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 360px;
	width: 360px;
	margin: 0;
	margin-top: 40px;
}

.left {
	display: inline-block;
	padding: 25px;
	clip-path: circle(50% at 50% 50%);
	background-image: url(../img/section9/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 250px;
	width: 250px;
	margin-right: -10px;
	margin-bottom: 60px;
}

.right {
	display: inline-block;
	padding: 25px;
	clip-path: circle(50% at 50% 50%);
	background-image: url(../img/section9/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 250px;
	width: 250px;
	margin: 0;
	margin-left: -10px;
	margin-bottom: 60px;
}

.sec9-text-media {
	color: #30a5ae;
	font-size: 20px;
	text-transform: uppercase;
	font-family: RobotoSlab;
	line-height: 0.8;

}

.sec9-text-main-media {
	font-size: 15px;
	text-transform: none;
}

.sec9-text {
	position: absolute;
	color: #30a5ae;
	font-size: 25px;
	text-transform: uppercase;
	font-family: RobotoSlab;
	line-height: 0.8;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 45px;
	padding-bottom: 45px;
}

.sec9-text-mid {
	position: absolute;
	color: #30a5ae;
	font-size: 25px;
	text-transform: uppercase;
	font-family: RobotoSlab;
	line-height: 0.8;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 85px;
	padding-bottom: 85px;
}

.sec9-text-main {

	font-size: 15px;
	text-transform: none;
}

.sec9-text-main-mid {

	font-size: 17px;
	text-transform: none;
}

.sec9-num {
	color: #30a5ae;
	font-size: 60px;
	font-weight: 700;
	font-family: RobotoSlab;
}

.sec9-num-mid {
	color: #30a5ae;
	font-size: 80px;
	font-weight: 700;
	font-family: RobotoSlab;
}

.section10 {
	margin-top: 100px;
}

.sec10-wrap {
	background-image: url(../img/section10/bg.png);
	z-index: -2;
}

.section10 {
	position: relative;
}

.sec10-col-wrap {
	margin-top: 270px;
}

.sec10-img {
	height: 200px;
	float: left;
}

.sec10-img2 {
	height: 200px;
	float: right;
}

.sec10-text-wrap {
	margin-top: 30px;
	padding-left: 50px;
	line-height: 1.3;
	font-size: 17px;
	z-index: 999;

}

.sec10-text {
	text-align: right;
	width: 100%;
	z-index: 999;
	background-color: #ffc637;



}

.sec10-text2 {

	text-align: right;
	width: 100%;
	z-index: 999;
	background-color: #ffc637;

}

.section11 {
	margin-top: 100px;
}

.sec11-title {
	margin-top: 80px;

}

.sec11-value {
	float: right;
	font-size: 18px;
	color: #262626;
}

.sec11-text {
	font-family: PFAGORASANSPRO;
	font-size: 19px;
	color: #262626;
	text-transform: uppercase;
}

.sec11-progress {
	margin-bottom: 20px;
	border: 0;
	width: 99%;
	height: 4px;
	background: #dbdbdb;
}

.sec11-progress::-webkit-progress-bar {
	width: 99%;
	height: 4px;
	background: #dbdbdb;
}

.sec11-blue::-webkit-progress-value {
	background: #2726d1;
}

.sec11-blue::-moz-progress-bar {
	background: #2726d1;
}


.sec11-green::-webkit-progress-value {
	background: #69b52f;
}

.sec11-green::-moz-progress-bar {
	background: #69b52f;
}



.sec11-orange::-webkit-progress-value {
	background: #eb8548;
}

.sec11-orange::-moz-progress-bar {
	background: #eb8548;
}

.sec11-img {
	height: 340px;
	margin-top: 40px;
}

.section12 {
	margin-top: 100px;
}

.sec12-title {
	margin-top: 50px;

}

.sec12-text {
	font-size: 25px;
	line-height: 1;
	width: 80%;
	text-align: left;
	font-family: PFAGORASANSPRO;
}

.sec12-button {
	display: inline-block;
	margin: 5px;
	width: 100px;
	font-size: 19px;
	text-transform: uppercase;
	padding: 15px;
	font-family: PFAGORASANSPRO;
	color: #e0344a;
	border-style: solid;
	border-color: #e0344a;
	border-radius: 5px;
	border-width: 2px;
	font-weight: 700;


}

.sec12-button:hover {
	color: #fff;
	background-color: #e0344a;
	filter: drop-shadow(0px 6px 12px #e0344a59);
}




.sec12-button-wrap {
	padding: 50px;
	padding-top: 20px;
}

.section13a {
	padding-bottom: 100px;
	margin-top: 100px;
}

.sec13-wrap {
	background-image: url(../img/section13/bg.png);
	height: auto;
}

.sec13-title {
	width: 80%;
	margin: 50px;

}

.sec13-img {
	height: 55%;
	margin: 10px;

}

.form-about {
	background-image: url(../img/fon.png);

	width: 100%;
	margin: 0;
	margin-top: 5px;
	padding: 25px 0px;

}

.form-about-img {
	height: 40px;
	margin: 10px;

}

.form-about-text {
	color: #fff;
	width: 100%;
	font-size: 13px;
}





footer {
	margin-top: 100px;
	background-image: url(../img/fon.png);
	width: 100%;

}

.footer-links {
	color: white;
	margin-top: 32px;
	text-align: center;
}

.footer-links a:link {
	color: gold;
	text-decoration: none;
}

.footer-links a:visited {
	color: gold
}

.footer-links a:active {
	color: gold
}

.footer-links a:hover {
	color: gold
}

.footer-link {
	margin: 0 30px;
	font-weight: 400;
	display: inline;
}

.address {
	font-size: 12px;
	color: white;
	font-weight: 500;

}

.copyrights {
	color: darkred;
	font-weight: 500;
}

.copyrights a:link {
	color: darkred;
	text-decoration: none;
}

.copyrights a:visited {
	color: darkred
}

.copyrights a:active {
	color: darkred
}

.copyrights a:hover {
	color: darkred
}

.copyright-y {
	background-color: gold;
	width: 100%;
	height: 1px;

}

.footer-icons {
	color: white;
	margin-top: 40px;
	font-size: 25px;
	text-align: center;

}

.footer-icon {
	color: white;
	margin-right: 0px;
	width: 60px;
}

.sphere {
	z-index: 5000;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: blueviolet;

	color: aliceblue;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding-top: 9px;
	box-sizing: border-box;
	text-decoration: none;

	position: fixed;
	bottom: 2%;
	right: 7%;

	opacity: 0;
	transform: translateY(90px);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.sphere:hover {
	cursor: pointer;
}

.sphere.invs {
	opacity: 1;
	transform: translateY(0px);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}