/*CSS RESET START*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu,
nav, section
{
	display: block;
}

body
{
	line-height: 1.2;
}

ol
{
	padding-left: 1.4em;
	list-style: decimal;
}

ul 
{
	padding-left: 1.4em
	list-style: square;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*CSS RESET END*/







html
{
	width:													100%;
}


body
{
	font-family: 'Montserrat', 'arial', sans-serif;
	background-color:										#212938;
	color:													#333333;
	width:													100%;
	min-width:												320px;
}


















/*----------------------NAV-MAIN-------------------------*/

.nav-main
{
	position:fixed;
	top:0;
	display:flex;
	justify-content:center;
	height:40px;
	width:100%;
	z-index:60;
	background-color:#212938;
	border-bottom: 10px solid #212938;
}




.nav-main a
{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	width:160px;
	height: 40px;
	background-color: #34e4ea;
	border-left: 2px solid #212938;
	text-align:center;
	text-transform: uppercase;
	line-height:40px;
	color:#190b28;
	text-decoration:none;
}

.icons
{
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 8px;
}


.why-me-icon
{
	background: url(../images/icons/why-me-icon.png) center no-repeat;
	background-size: cover;
}

.reviews-icon
{
	background: url(../images/icons/reviews-icon.png) center no-repeat;
	background-size: cover;
}

.gratitude-icon
{
	background: url(../images/icons/gratitude-icon.png) center no-repeat;
	background-size: cover;
}

.certificate-icon
{
	background: url(../images/icons/certificate-icon.png) center no-repeat;
	background-size: cover;
}

.price-icon
{
	background: url(../images/icons/price-icon.png) center no-repeat;
	background-size: cover;
}


.nav-main a:first-child
{
	border-left: 1px solid #212938;
}

.nav-main a:hover:not(:active)
{
	background-color: #0eb1d2;
	transition: .5s;
}

.nav-main a:active
{
	transition: 0s;
	background: #0eb1d2;
}


















/*----------------------NAV-BURGER-------------------------*/

.nav-burger
{
	display: none;
	position: fixed;
	top:0;
	width: 100%;
	height: 40px;
	justify-content: space-between;
	background-color: #212938;
	border-bottom: 5px solid #212938;
	z-index:60;
}

.nav-burger > div
{
	width: 33%;
	background-color: #0eb1d2;
}

.nav-burger a
{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 40px;
	color: #212938;
	transition: .5s;
}

.nav-burger a:hover
{
	background-color: #34e4ea;
}

.burger-2 ul
{
	margin: 4px auto 0 auto;
	width: 30px;
	height: 30px;
	position: relative;
}

.burger-2 ul li
{
	position: absolute;
	list-style-type: none;
	height: 5px;
	width: 100%;
	background-color: #212938;
}

.burger-icon-line li:nth-child(1)
{
	top:4px;
	transition: .5s;
}

.burger-icon-line li:nth-child(2)
{
	top:14px;
	transition: .5s;
}

.burger-icon-line li:nth-child(3)
{
	top:24px;
	transition: .5s;
}



.burger-icon-animation-line1
{
top:14px!important;
transform: rotate(225deg);
}

.burger-icon-animation-line2
{
	transform: rotate(-225deg);
}


.burger-icon-animation-line3
{
top:14px!important;
opacity: 0;
}

.burger-items
{
	display: none;
}

.burger-items > a
{
	display: flex;
	justify-content: center;
	align-items: center;
}


.burger-items-icon
{
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 0 0 10px;
}

.why-me-icon-burger-item
{
	background: url(../images/icons/why-me-icon-burger-item.png) center no-repeat;
	background-size: cover;
}

.reviews-icon-burger-item
{
	background: url(../images/icons/reviews-icon-burger-item.png) center no-repeat;
	background-size: cover;
}

.gratitude-icon-burger-item
{
	background: url(../images/icons/gratitude-icon-burger-item.png) center no-repeat;
	background-size: cover;
}

.certificate-icon-burger-item
{
	background: url(../images/icons/certificate-icon-burger-item.png) center no-repeat;
	background-size: cover;
}

.price-icon-burger-item
{
	background: url(../images/icons/price-icon-burger-item.png) center no-repeat;
	background-size: cover;
}
















/*----------------------HAEDER-------------------------*/

header
{
	display:flex;
	justify-content: center;
	margin: 50px auto 0 auto;
}

.header-text
{
	position: relative;
	display:flex;
	flex-direction: column;
	max-width: 800px;
}

.header-text h1
{
	position: relative;
	background-color:transparent;
	width: 100%;
	padding: 15px 0 0 0;
	color:#fff;
	font-size: 50px;
	font-weight: 400;
	line-height: 70px;
	letter-spacing: 5px;
	text-align:center;
}


.header-text h1 span
{
	font-size: 40px;
	display: block;
	color:#0eb1d2;
}

.header-text h1:first-child:before
{
	content: "";
	position: absolute;
	top:150px;
	left: 200px;
	background-image: url(../images/scales.png);
	background-position: center;
	background-size: cover;
	width: 100px;
	height: 100px;
}

.header-text h1:first-child:after
{
	content: "";
	position: absolute;
	top:150px;
	right: 200px;
	background-image: url(../images/ip-ooo.png);
	background-position: center;
	background-size: cover;
	width: 100px;
	height: 100px;
}

.header-text h2
{
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 40px;
	letter-spacing: 3px;
	margin: 150px 0 0 0;
}

.header-text h2 span
{
	display: block;
	font-size: 16px;
	color: #0eb1d2;
	letter-spacing: 2px;
}

.lid1
{
	display:flex;
	justify-content:space-around;
	margin-top: 85px;
}

.lid2, .lid3
{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 150px 0;
}

.lid3
{
	margin: 0;
}


.mail, .whatsapp
{
	border: 3px solid #0eb1d2;
	width:270px;
	height: 60px;
	color: #fff;
	font-size: 16px;
	text-align:center;
	line-height: 65px;
	border-radius: 5px;
	transition: .5s;
	margin: 30px; 
	cursor: pointer;
}

.mail i, .whatsapp i
{
	margin-left:10px;
	font-size: 20px;
}

.whatsapp
{
	width:230px;
	text-decoration: none;
}

.mail:hover, .whatsapp:hover
{
	color: #0eb1d2;
	border: 3px solid #fff;
}

.mail:hover i, .whatsapp:hover i
{
	transition: .5s;
	transform: rotate(720deg);
}

.preamble
{
	position: relative;
	margin: 70px auto 0 auto;
	width:500px;
	color: #fff;
	line-height: 40px;
	text-align: justify;
}

.preamble:before
{
	content:"";
	position: absolute;
	top:-40px;
	left: -70px;
	width: 80px;
	height: 80px;
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
}

.preamble:after
{
	content:"";
	position: absolute;
	top:-40px;
	right: -70px;
	width: 80px;
	height: 80px;
	border-top: 5px solid #0eb1d2;
	border-right: 5px solid #0eb1d2;
}

.preamble > span
{
	font-weight: bold;
}

.wrap-photo
{
	width: 600px;
}

.background-photo
{
	position: relative;
	height: 700px;
	width: 250px;
	background-color: #8ab9b5;
	margin: 0 0 0 50px;
}

.photo
{
	position: absolute;
	top:50px;
	left: 100px;
	background-image: url(../images/evgeniya-yagzhina.png);
	background-position: center;
	background-size: cover;
	height: 600px;
	width: 396px;
}

.social
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: absolute;
	bottom: -90px;
	left: 200px;
}

.social a
{
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 36px;
	color: #212938;
	border-radius: 5px;
	background-color: #8ab9b5;
	margin: 0 30px 0 0;
	transition: color .5s;
	box-shadow: 
		0px 1px #ccc, /* gradient effects */
		0px 3px #ccc,
		0px 5px 3px -1px rgba(128,128,128,1); /* shadow */
}

.social a:last-child
{
	margin: 0;
}

.social a:hover
{
		color: #fff;
}

.social a:active
{
	height: 47px;
	width: 47px;
	margin-top: 3px;
	box-shadow: 
	0px 0 #ccc, /* gradient effects */
	0px 0 #ccc,
	0px 1px 0px 1px rgba(128,128,128,1); /* shadow */
}

.social a:active:first-child, .social a:active:nth-child(2)
{
	margin-right: 33px;
}

.social-wa-icon
{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/icons/whatsapp-icon.png) no-repeat center;
	background-size: cover;
}

.social-mail-icon
{
	display: block;
	width: 35px;
	height: 30px;
	background: url(../images/icons/mail-icon.png) no-repeat center;
	background-size: cover;
}


.request
{
	position: fixed;
	left:-100000px;
	top:0;
	width: 350px;
	height: 0;
	overflow: hidden;
	transition: height .5s;
	z-index: 80;
}

.request-close-button
{
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	margin: 10px auto 0 auto;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 30px;
	cursor: pointer;
}

.request-show
{
	height: 450px;
}


.request form
{
	position: relative;
	width: 300px;
	margin: 10px auto 0 auto;
}


.request form input
{
	display: block;
	margin: 20px auto 0 auto;
	padding: 0 0 0 10px;
	width: 250px;
	height: 30px;
	background-color: transparent;
	border: 2px solid #8ab9b5;
	color: #fff;
	border-radius: 5px;
}

.request form span
{
	position: absolute;
	top: 5px;
	right: 30px;
	width: 10px;
	height: 10px;
	text-align: center;
	color: coral;
	font-size: 30px;
}


.request form span:nth-child(3)
{
	top: 60px;
}


.request form textarea
{
	display: block;
	margin: 30px auto 0 auto;
	padding: 5px 0 0 5px;
	width: 250px;
	height: 70px;
	background-color: transparent;
	border: 2px solid #8ab9b5;
	color: #fff;
	border-radius: 5px;
}


.request form input[type=submit]
{
	margin: 30px auto 0 auto;
	height: 50px;
	font-size: 20px;
	color: #8ab9b5;
	line-height: 40px;
	letter-spacing: 5px;
	border-radius: 50px;
	cursor: pointer;
}

.request form a
{
	display:block;
	margin:25px auto 0 auto;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	color:#34e4ea;
}













/*----------------------WHY ME-------------------------*/

.why-me, .why-me-mobile
{
	margin: 0 0 200px 0;
}

.why-me div, .why-me-mobile div
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 620px;
	margin: 0 auto;
}

.why-me h1, .why-me-mobile h1
{
	position: relative;
	font-size: 50px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 10px;
	color: #fff;
	margin: 250px auto 50px auto;
	width: 600px;
}

.whi-me-img
{
	display:block;
	width:150px;
	height:150px;
	margin: 0 auto 80px auto;
	background: url(../images/whi-me.png) no-repeat center;
	background-size: contain;	
}

.why-me h1:before, .why-me-mobile h1:before
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	left: 0;
	bottom: 50%;
}

.why-me h1:after, .why-me-mobile h1:after
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	right: 0;
	bottom: 50%;
}

.why-me div h2, .why-me-mobile div h2
{
	width: 300px;
	height: 290px;
	background-color: #8ab9b5;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding: 30px 0 0 0;
}

.why-me div p, .why-me-mobile div p
{
	width: 260px;
	height: 280px;
	background-color: #fff;
	padding: 20px;
	font-size: 14px;
	text-align: left;
	line-height: 30px;
}

.why-me div p:nth-child(2)
{
	padding-top:30px;
	height: 270px;
}

.why-me div p:nth-child(3)
{
	padding-top:60px;
	height: 240px;
}

.why-me div p:nth-child(6)
{
	padding-top:60px;
	height: 240px;
}

.why-me div p:nth-child(7)
{
	padding-top:40px;
	height: 260px;	
}

.why-me div p:nth-child(10)
{
	padding-top:70px;
	height: 230px;
}

.why-me div p:nth-child(11)
{
	padding-top:70px;
	height: 230px;
}

.why-me div p:nth-child(14)
{
	padding-top:40px;
	height: 260px;	
}

.why-me div p:nth-child(15)
{
	padding-top:30px;
	height: 270px;		
}

.experience
{
	background: url(../images/experience.png) no-repeat;
	background-position: 50% 50%;
	background-size: 55%;
}

.time
{
	background: url(../images/time.png) no-repeat;
	background-position: 50% 60%;
	background-size: 150px;
}

.best-price
{
	background: url(../images/best-price.png) no-repeat;
	background-position: 50% 70%;
	background-size: 200px;
}

.privace
{
	background: url(../images/privace.png) no-repeat;
	background-position: 50% 70%;
	background-size: 50%;
}

.transparency
{
	background: url(../images/transparency.png) no-repeat;
	background-position: 60% 60%;
	background-size: 150px;
}

.flexibility
{
	background: url(../images/flexibility.png) no-repeat;
	background-position: 50% 50%;
	background-size: 55%;
}

.distantly
{
	background: url(../images/distantly.png) no-repeat;
	background-position: 50% 50%;
	background-size: 150px;
}

.cashback
{
	background: url(../images/cashback.png) no-repeat;
	background-position: 50% 70%;
	background-size: 150px;
}


.why-me-mobile
{
	display: none;
}



















/*----------------------FEEDBACK-------------------------*/


.feedback
{
	margin: 0 0 200px 0;
}

.feedback h1
{
	position: relative;
	width: 500px;
	font-size: 50px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 10px;
	color: #fff;
	margin: 0 auto;
}

.feedback-img
{
	display:block;
	width:150px;
	height:150px;
	margin: 50px auto 0 auto;
	background: url(../images/feedback.png) no-repeat center;
	background-size: contain;
}

.feedback h1:before
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	left: 0;
	bottom: 50%;
}

.feedback h1:after
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	right: 0;
	bottom: 50%;
}


.feedback>div:nth-child(3)
{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	max-width: 1500px;
	margin:0 auto;
}

.feedback>div:nth-child(3)>div
{
	position: relative;
	width: 400px;
	height: 550px;
	background-color: #fff;
	margin: 100px 20px 0 20px;
	border-radius: 5px;
	transition: .5s;
}

.feedback>div:nth-child(3) div h3
{
	position: relative;
	margin: 10px auto 0 auto;
	text-align: center;
	font-size:26px;
	font-weight: 700;
	height: 30px;
	width: 130px;
}

.feedback>div:nth-child(3) div h3:before
{
	content: "";
	position: absolute;
	left: 0;
	top: 25%;
	height: 15px;
	width: 15px;
	transform: rotate(45deg);
	background-color: #8ab9b5;
}

.feedback>div:nth-child(3) div h3:after
{
	content: "";
	position: absolute;
	right: 0;
	top: 25%;
	height: 15px;
	width: 15px;
	transform: rotate(45deg);
	background-color: #8ab9b5;
}

.feedback>div:nth-child(3)>div p:nth-child(2)
{
	width: 80%;
	background-color:#8ab9b5;
	margin: 20px auto 0 auto; 
	padding: 20px;
	text-align: center;
	line-height: 40px;
	font-size:16px;
}

.feedback>div:nth-child(3)>div p:nth-child(3)
{
	position: relative;
	width: 80%;
	height: 150px;
	border: 1px solid #8ab9b5;
	border-radius: 5px;
	padding: 20px;
	margin:20px auto 20px auto;
	text-align: justify;
	font-size: 14px;
	line-height:20px;
	overflow: hidden;
	transition: .5s!important;
}

.feedback>div:nth-child(3)>div div:last-child
{
	position:absolute;
	bottom:0;
	width: 100%;
	display:flex;
	margin:0;
	height:50px;
}

.feedback>div:nth-child(3)>div div:last-child a,
.feedback>div:nth-child(3)>div div:last-child p
{
	width:50%;
	height:50px;
	background-color:#0eb1d2;
	border-radius: 0 0 5px 0;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	transition:.5s;
}

.feedback>div:nth-child(3)>div div:last-child a:first-child
{
	border-right:1px solid #fff;
	border-radius: 0 0 0 5px;
}

.feedback>div:nth-child(3)>div div:last-child a:hover,
.feedback>div:nth-child(3)>div div:last-child p:hover
{
	background-color: #8ab9b5;
	color: #212938; 
}

.feedback>div:nth-child(3)>div div:last-child a i,
.feedback>div:nth-child(3)>div div:last-child p i
{
	font-size: 24px;
	margin-left: 10px;
}

.feedback2 div:last-child a,
.feedback3 div:last-child a,
.feedback5 div:last-child p,
.feedback6 div:last-child p,
.feedback7 div:last-child a,
.feedback8 div:last-child a
{
	width:100%!important;
	border-radius: 0 0 5px 5px!important;
	border:0!important;
	cursor:pointer;
}


.feedback5 div:last-child a,
.feedback6 div:last-child a
{
	display: none;
}

/*---------FEEDBACK2---------*/
.feedback2 h3
{
width: 200px!important;
}

/*---------FEEDBACK3---------*/
.feedback3 h3
{
width: 350px!important;
}

/*---------FEEDBACK4---------*/
.feedback4 h3
{
width: 300px!important;
}

/*---------FEEDBACK5---------*/
.feedback5 h3
{
width: 330px!important;
}

/*---------FEEDBACK8---------*/
.feedback8 h3
{
width: 360px!important;
}

.feedback5-increase
{
	background: url(../images/berig-ek.jpg) no-repeat center;
	background-size: cover;
}

.feedback6-increase
{
	background: url(../images/evdoshenko.jpg) no-repeat center;
	background-size: cover;	
}

.feedback5-increase,
.feedback6-increase
{
	position: fixed;
	left: -20000px;
	top:70px;
	width:600px;
	height:0;
	border: 5px solid #0eb1d2;
	transition: height .5s;
	z-index: 100;
}

.feedback5-increase p,
.feedback6-increase p
{
	height: 30px;
	width: 30px;
	border: 2px solid #0eb1d2;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	margin: -50px auto 0 auto;
	cursor: pointer;
}

.feedback5-increase p:hover,
.feedback6-increase p:hover
{
	border: 2px solid #8ab9b5;
	color: #8ab9b5;
}

.feedback-increase-show
{
	height:850px;
}

.feedback-text-open
{
	height: auto!important;
	margin: 20px auto 70px auto!important;
	padding: 20px 20px 40px 20px!important;
}

.feedback-open
{
	height: auto!important;
}

.feedback-full-button
{
	width: 100%;
	height: 27px;
	background-color: #8ab9b5;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	text-align: center;
	line-height: 25px;
	font-size: 24px;
	margin:0 auto;
	cursor: pointer;
}

.feedback-full-button span
{
	display: block;
	background: url(../images/down.png) no-repeat center;
	background-size: cover;
	height: 15px;
	width: 25px;
	margin: 7px auto 0 auto;
	transition: .5s;
}


.icon-rotate-close
{
	transform: rotate(900deg);
}

.icon-rotate-open
{
	transform: rotate(720deg);
}



#feedback
{
	margin: 0 0 120px 0;
}
























/*----------------------THANKS-GIVING-------------------------*/

.thanks-giving
{
	margin: 0 0 200px 0;
}

.thanks-giving h1
{
	position: relative;
	width: 800px;
	margin: 0 auto;
	font-size: 50px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 10px;
	color: #fff;
}

.thanks-giving-img
{
	display:block;
	width:150px;
	height:150px;
	margin: 50px auto 0 auto;
	background: url(../images/thanks-giving.png) no-repeat center;
	background-size: cover;
}

.thanks-giving h1:before
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	left: 0;
	bottom: 50%;
}

.thanks-giving h1:after
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	right: 0;
	bottom: 50%;
}


.thanks-giving>div:last-child
{
	position: relative;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin:-50px auto 0 auto;
	max-width:800px;
}

.thanks-giving>div:last-child:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	width: 150px;
	height: 150px;
	border-left: 5px solid #8ab9b5;
	border-top: 5px solid #8ab9b5;
}

.thanks-giving>div:last-child:after
{
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	width: 150px;
	height: 150px;
	border-right: 5px solid #8ab9b5;
	border-top: 5px solid #8ab9b5;
}

.thanks-giving>div:last-child div
{
	position: relative;
	z-index: 50;
}

.thanks-giving>div:last-child div p:first-child
{
	position: absolute;
	bottom: -65px;
	width:170px;
	height:50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border: 2px solid #8ab9b5;
	border-radius:50px;
	margin: 0 auto;
	cursor:pointer;
	transition: .5s;
}

.thanks-giving>div:last-child div p:first-child:hover
{
	color: #8ab9b5;
	border: 2px solid #fff;
}

.thanks-giving>div:last-child div p:nth-child(2)
{
	width:0;
	height:100%;
	background: url(../images/full.png) no-repeat center;
	background-size: 150px;
	transition: width .3s;
	cursor:pointer;
}

.thanks-giving>div:last-child div:hover >p:nth-child(2)
{
	width:100%;
}

.thanks-giving>div:last-child div:hover >p:first-child
{
	color: #8ab9b5;
	border: 2px solid #fff;	
}

.thanks-giving>div:last-child div a
{
	display: none;
	position: absolute;
	bottom: -65px;
	left:15px;
	width:170px;
	height:50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	border: 2px solid #8ab9b5;
	border-radius:50px;
	margin: 0 auto;
	cursor:pointer;
	transition: .5s;
}

.thanks1, .thanks2, .thanks3
{
width: 200px;
height: 274px;
}

.thanks1 p:first-child, .thanks2 p:first-child, .thanks3 p:first-child
{
	left: 15px;
}

.thanks1
{
	background: url(../images/thanks1.jpg) no-repeat center;
	background-size: contain;
	margin: 100px 0 0 0;
}

.thanks2
{
	background: url(../images/thanks2.jpg) no-repeat center;
	background-size: contain;
	margin: 100px 30px 0 30px;
}

.thanks3
{
	background: url(../images/thanks3.jpg) no-repeat center;
	background-size: contain;
	margin: 100px 0 0 0;
}

.thanks1-increase, .thanks2-increase, .thanks3-increase
{
	position: fixed;
	left: -20000px;
	top:100px;
	width:600px;
	height:0;
	border: 5px solid #0eb1d2;
	transition: height .5s;
	z-index: 100;
}

.thanks1-increase
{
	background: url(../images/thanks1.jpg) no-repeat center;
	background-size: cover;
}

.thanks2-increase
{
	background: url(../images/thanks2.jpg) no-repeat center;
	background-size: cover;
}

.thanks3-increase
{
	background: url(../images/thanks3.jpg) no-repeat center;
	background-size: cover;	
}

.thanks1-increase p,
.thanks2-increase p,
.thanks3-increase p
{
	height: 30px;
	width: 30px;
	border: 2px solid #0eb1d2;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	margin: -50px auto 0 auto;
	cursor: pointer;
}

.thanks1-increase p:hover,
.thanks2-increase p:hover,
.thanks3-increase p:hover
{
	border: 2px solid #8ab9b5;
	color: #8ab9b5;
}


.thanks-increase-show
{
	height:822px;
}















/*----------------------CERTIFICATES-------------------------*/

.certificates
{
margin:  300px 0 200px 0;	
}

.certificates h1
{
	position: relative;
	width: 800px;
	font-size: 50px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 10px;
	color: #fff;
	margin: 0 auto;
}

.certificates-img
{
	display:block;
	width:150px;
	height:150px;
	margin: 50px auto 0 auto;
	background: url(../images/certificates.png) no-repeat center;
	background-size: cover;
}

.certificates h1:before
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	left: 0;
	bottom: 50%;
}

.certificates h1:after
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	right: 0;
	bottom: 50%;
}

.certificates>div:nth-child(3)
{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin:-100px auto 0 auto;
	max-width:1000px;
}

.certificates>div:nth-child(3)>div
{
	position:relative;
	width: 200px;
	height:282px;
	margin: 150px 50px 0 50px;
}

.certificates>div:last-child div p:first-child
{
	position: absolute;
	bottom: -65px;
	left: 15px;
	width:170px;
	height:50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border: 2px solid #8ab9b5;
	border-radius:50px;
	margin: 0 auto;
	cursor:pointer;
	transition: .5s;
}

.certificates>div:last-child div a
{
	display: none;
	position: absolute;
	bottom: -65px;
	left: 15px;
	width:170px;
	height:50px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	border: 2px solid #8ab9b5;
	border-radius:50px;
	margin: 0 auto;
	cursor:pointer;
	transition: .5s;
}

.certificates>div:last-child div p:first-child:hover
{
	color: #8ab9b5;
	border: 2px solid #fff;
}

.certificates>div:last-child div p:nth-child(2)
{
	width:0;
	height:100%;
	background: url(../images/full.png) no-repeat center;
	background-size: 150px;
	transition: width .3s;
	cursor:pointer;
}

.certificates>div:last-child div:hover >p:nth-child(2)
{
	width:100%;
}

.certificates>div:last-child div:hover >p:first-child
{
	color: #8ab9b5;
	border: 2px solid #fff;	
}
/*
.certificate1-increase, .certificate2-increase, .certificate3-increase
{
	width:700px;
	height:0;
	display:none;
	position: fixed;
	left: -20000px;
	transition: height .5s;
}
*/
.certificate1
{
	background: url(../images/certificat1.jpg) no-repeat center;
	background-size: contain;
}

.certificate2
{
	background: url(../images/certificat2.jpg) no-repeat center;
	background-size: contain;
}

.certificate3
{
	background: url(../images/certificat3.png) no-repeat center;
	background-size: contain;
}

.certificate4
{
	background: url(../images/certificat4.jpg) no-repeat center;
	background-size: contain;
}

.certificate5
{
	background: url(../images/certificat5.jpg) no-repeat center;
	background-size: contain;
}

.certificate6
{
	background: url(../images/certificat6.jpg) no-repeat center;
	background-size: contain;
}

.diplom1
{
	background: url(../images/diplom1.jpg) no-repeat center;
	background-size: contain;
}

.certificate1-increase
{
	background: url(../images/certificat1.jpg) no-repeat center;
	background-size: cover;
}

.certificate2-increase
{
	background: url(../images/certificat2.jpg) no-repeat center;
	background-size: cover;
}

.certificate3-increase
{
	background: url(../images/certificat3.png) no-repeat center;
	background-size: cover;	
}

.certificate4-increase
{
	background: url(../images/certificat4.jpg) no-repeat center;
	background-size: cover;
}

.certificate5-increase
{
	background: url(../images/certificat5.jpg) no-repeat center;
	background-size: cover;
}

.certificate6-increase
{
	background: url(../images/certificat6.jpg) no-repeat center;
	background-size: cover;	
}

.diplom1-increase
{
	background: url(../images/diplom1.jpg) no-repeat center;
	background-size: cover;	
}

.certificate1-increase,
.certificate2-increase,
.certificate3-increase,
.certificate4-increase,
.certificate5-increase,
.certificate6-increase,
.diplom1-increase
{
	position: fixed;
	left: -20000px;
	top:60px;
	width:600px;
	height:0;
	border: 5px solid #0eb1d2;
	transition: height .5s;
	z-index: 100;
}

.certificate1-increase p,
.certificate2-increase p,
.certificate3-increase p,
.certificate4-increase p,
.certificate5-increase p,
.certificate6-increase p,
.diplom1-increase p
{
	height: 30px;
	width: 30px;
	border: 2px solid #0eb1d2;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	margin: -50px auto 0 auto;
	cursor: pointer;
}

.certificate1-increase p:hover,
.certificate2-increase p:hover,
.certificate3-increase p:hover,
.certificate4-increase p:hover,
.certificate5-increase p:hover,
.certificate6-increase p:hover,
.diplom1-increase p:hover
{
	border: 2px solid #8ab9b5;
	color: #8ab9b5;
}


.certificate-increase-show
{
	height:846px;
}
























/*----------------------PRICE-------------------------*/



.price
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 0 150px 0;
}


.price h2
{
	position: relative;
	width: 800px;
	font-size: 50px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 10px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
}

.price-img
{
	display:block;
	width:150px;
	height:150px;
	margin: 50px auto 0 auto;
	background: url(../images/price.png) no-repeat center;
	background-size: cover;
}

.price h2:before
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	left: 0;
	bottom: 50%;
}

.price h2:after
{
	content: "";
	width: 50px;
	height: 5px;
	background-color: #8ab9b5;
	position: absolute;
	right: 0;
	bottom: 50%;
}

.price > div
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 50px 0 0 0;
}

.price-item
{
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 500px;
	margin: 50px;
}

.price-item > h3
{
	width: 100%;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	margin: 0 0 30px 0;
}

.price-item-description
{
	color: #fff;
	line-height: 150%;
	height: 120px;
	margin: 30px 0;
	padding: 20px 15px;
	border-radius: 5px;
	border: 1px solid #fff;
}

.price-item > a
{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: #8AB9B5;
	font-size: 20px;
	text-decoration: none;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
	transition: .3s;
}

.price-item > a:hover
{
	background-color: #5BDBCE;
}



.price-item > a > i
{
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 0 0 10px;
}


.download-icon
{
	background: url(../images/icons/download-icon.png) center no-repeat;
	background-size: cover;
}

.pdf-icon
{
	background: url(../images/icons/pdf-icon.png) center no-repeat;
	background-size: cover;
}





























/*----------------------FOOTER-------------------------*/

footer
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	color: #fff;
	margin: 100px 0 100px 0;
}


footer a:nth-child(2)
{
	padding-right: 20px;
	color: #0eb1d2;
	text-decoration: none;
	transition: .5s;
}

footer a:nth-child(2):hover, footer a:nth-child(3):hover, footer a:last-child:hover
{
	color: #8ab9b5;
}

footer a:nth-child(3)
{
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	padding-right: 20px;
	padding-left: 20px;
	color: #0eb1d2;
	text-decoration: none;
}

footer a:last-child
{
	padding-left: 20px;
	color: #0eb1d2;
	text-decoration: none;
}
















/*----------------------SHADOW-------------------------*/

.shadow
{
	position: fixed;
	top:0;
	left:-100000px;
	width: 0;
	height: 0;
	opacity: 0;
	background-color: #000;
	transition: opacity .5s;
	z-index: 70;
}

.shadow-show
{
	left:0;
	width: 100%;
	height: 100%;
	opacity: .95;
}





















/*----------------------TOP-SITE-------------------------*/

.top-site
{
	position: fixed;
	display: block;
	left: 30px;
	bottom: 30px;
	width: 50px;
	height: 50px;
	border: 5px solid #fff;
	background: #1ea896 url(../images/arrow-top.png) center no-repeat;
	background-size: 40px;
	border-radius: 50%;
	margin-left: -100000px;
	opacity: 0;
	transition: opacity .5s;
}

.top-site-show
{
	margin-left:0;
	opacity: .5;
}

.top-site-hide
{
	margin-left: -100000px!important;
}

.top-site:hover
{
	opacity: 1;
}