/*************************************************/
/*****************Main*Slider*********************/
/*************************************************/
#main-slider-section .slick-dots{ 
	bottom: 21px;
	width: auto; 
	left: calc((100% - 1180px)/2 + 192px); /*Положение точек навигации на главном слайдет*/
}

#main-slider-section .slick-next{
	right: calc((100% - 1180px)/2);
	opacity: 0.7;
}

#main-slider-section .slick-prev{
	left: calc((100% - 1180px)/2);
	opacity: 0.7;
}

.hideslide-for-optimiz{
	display: none;
}

.slick-slide:first-child .hideslide-for-optimiz{
	display: block;
}

#main-slider-section .container{
	position: relative;
}

.main-slide-1{
	height: 462px;
	background-image: url(../images/mainpage/bgsld1solid-min.jpg);
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 70px;
	overflow: hidden;
	position: relative;
}

.main-slide-1 .container{
	padding-left: 110px;
}

.slide-text{
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 60px;
}

#boy-sld1{
	position: absolute;
    right: 85px;
    top: -45px;
}

/*************************************************/




/**************Develop*programms******************/
#devprog{
	padding-top: 80px;
	padding-bottom: 80px;
}

#devprog .container{
	width: 945px;
}

.develop-programs{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.develop-progr{
	margin-bottom: 60px;
	padding-bottom: 65px;
	display: flex;
	position: relative;
	padding-left: 60px;
	border-bottom: 1px solid #d2d2d2;
}

.develop-progr:last-child{
	margin-bottom: 0;
	border:none;
}

.dev-prog-img{
	position: relative;
	width: 238px;
	height: 228px;
	overflow: hidden;
	margin-right: 30px;
	border-radius: 45px 0 0 0;
}

.dev-progr-text{
	width: calc(100% - 253px);
	padding-top: 15px;

}

.dev-progr-text .grey-btn{
	position: absolute;
    bottom: 70px;
	left: 325px;
}
.develop-progr:nth-child(1) img:first-child{
  
}

.develop-progr:nth-child(2) img:first-child{
    
}

.develop-progr:nth-child(3) img:first-child{
    
}

.develop-progr:nth-child(4) img:first-child{
    
}

.dev-prog-age{
	position: absolute;
    left: 23px;
    bottom: 29px;
	width: 76px;
	height: 76px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	line-height: normal;
	font-weight: 600;
	z-index: 2;
	text-align: center;
}

.programm-image{
	position: absolute;
	top: 155px;
	right: 0;
}

/*************************************************/

/**************Сhoise-age*************************/
#choise-age{
	background: #dbedfa;
	padding: 15px 0;
}

#choise-age .container{
	width: 710px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	align-items: center;
}

.age-cont{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.age-cont a{
	display: inline-block;
	padding: 6px 15px 6px 15px;
	border-radius: 10px;
	border: 1px solid #9cb8cc;
	cursor: pointer;
	margin-right: 50px;
}

.age-cont a:last-child{
	margin-right: 0;
}


/*******RASSILKA*SECION***************************/
#email-rassilka-section{
	padding: 50px 0;
	background: #f6f7f8;
}

#email-rassilka-section .container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.text-email-rassilka{
	font-size: 15px;
	margin-right: 20px;
}

.email-rassilka input{
	border: 1px solid #dcdcdc;
	padding-left: 10px;
	color: #828282;
	height: 33px;
	outline: none;
	font-size: 15px;
	border-radius: 0;
	width: auto;
	margin-bottom: 0;
}

.email-rassilka button{
	height: 33px;
	border: 1px solid #dcdcdc;
	background: #dcdcdc;
	margin-left: -5px;
	outline: none;
	font-size: 15px;
	padding: 0 15px;
	cursor: pointer;
	transition: 0.3s ease;
}

.email-rassilka button:hover{
	border: 1px solid #10ceba;
}

#email-rassilka-section img{
	height: 30px;
    margin-right: 20px;
}

/*************************************************/

/********our-advantages-section*******************/

#our-advantages-section{
	padding-top: 125px;
	padding-bottom: 80px;
}

#our-advantages-section .container{
	width: 975px;
}

.our-advantages{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.big-block-advantages{
	width: 100%;
	margin-bottom: 25px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	height: 380px;
	display: flex;
	position: relative;
}

.big-block-advantages img{
	height: 100%;
	margin-right: 42px;
	border-radius: 10px 0 0 10px;
}

.big-block-advantages .advantages-text-block{
	margin-top: 45px;
}

.big-block-advantages .title-advantage{
	margin-bottom: 22px;
}

.big-block-advantages .advantages-text-block{
	padding: 0;
}

.title-advantage{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

.small-block-advantages{
	width: 472px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	margin-bottom: 25px;
	position: relative;
}

.small-block-advantages img{
	width: 100%;
	height: 233px;
	margin-bottom: 25px;
	border-radius: 10px 10px 0 0;
}

.advantages-text-block{
	padding: 0 80px 20px 40px;
}

.small-block-advantages .interactive-img, .big-block-advantages .interactive-img{
	position: absolute;
	width: auto;
	height: auto;
	right: -20px;
	bottom: -15px;
}

/*******MEDIA*************************************/	

@media (max-width: 1200px){

/*******main*slider*768***************************/	
	.main-slide-1{
		padding-top: 50px;
	}

	.slide-text{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 38px;
	}

	#boy-sld1 {
	    right: auto;
	    top: 0px;
	    width: 480px;
	    left: 250px;
	}

	.main-slide-1{
		height: 370px;
	}

	.main-slide-1 .container{
		padding-left: 25px;
	}

	#main-slider-section .slick-dots{
		left: calc((100% - 740px)/2 + 85px);
	}

	#main-slider-section .slick-prev{
		left: 20px;
	}

	#main-slider-section .slick-next{
		right: 20px;
	}

/*********end*main*slider*************************/

#freelesson-smartik{
    left: 30px;
}

.free-lesson-text {
    margin-left: 300px;
}

#freelesson-smartik-shadow{
	left: 27px;
}

/**************Develop*programms*768**************/
#devprog{
	padding-top: 60px;
	padding-bottom: 60px;
}

#devprog .container{
	width: 740px;
}

/**************Сhoise-age*768*********************/
#choise-age{
	background: #dbedfa;
	padding: 10px 0;
}

.age-cont a{
    padding: 7px 15px 7px 15px;
    border-radius: 6px;
    margin-right: 30px;
}

/********our-advantages-section*768***************/

#our-advantages-section{
	padding-top: 125px;
	padding-bottom: 80px;
}

#our-advantages-section .container{
	width: 740px;
}

.big-block-advantages{
	height: 270px;
	margin-bottom: 15px;
}

.small-block-advantages{
	width: 363.5px;
	margin-bottom: 15px;
}

.big-block-advantages .interactive-img{
    right: -70px;
    bottom: -7px;
    width: 10%;

}

.small-block-advantages .interactive-img{
    right: 5px;
    bottom: -15px;
    width: 20%;
}

.big-block-advantages .advantages-text-block{
	padding-right: 40px;
}

.small-block-advantages img{
	height: 182px;
}


}

@media (max-width: 760px){
/*******main*slider*320***************************/
	.main-slide-1{
		height: 172px;
	}

	.main-slide-1{
		padding-top: 15px;
	}

	.slide-text{
		font-size: 7px;
		line-height: normal;
		margin-bottom: 17px;
	}

	.main-slide-1 .container{
		padding-left: 0;
	}

	#boy-sld1 {
	    right: auto;
	    top: 0px;
	    width: 250px;
	    left: 115px;
	}
	
	#main-slider-section .slick-dots{
		left: calc((100% - 290px)/2 + 38px);
    	bottom: 3px;
	}
/*************************************************/	

/**************Сhoise-age*320*********************/
	#choise-age{
		background: #dbedfa;
		padding: 15px 0;
	}

	#choise-age .container{
		width: 290px;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		font-size: 11px;
	}

	.age-cont{
		width: 100%;
		margin-top: 20px;
	}

	.age-cont a{
		margin-right: 0;
		text-transform: uppercase;
	}



/**********EMAIL*RASSILKA*320********************/
	#email-rassilka-section{
		padding: 20px 0;
		border-top: 1px solid #dcdcdc;
	}

	#email-rassilka-section .container{
		flex-wrap: wrap;
	}

	#email-rassilka-section img{
		display: none;
	}

	.text-email-rassilka{
		font-size: 11px;
		line-height: normal;
		font-weight: 300;
		margin-bottom: 15px;
		width: 100%;
	}

	.email-rassilka input{
		width: 165px;
		display: inline-block;
	}

	.email-rassilka button{
		padding: 0 5px;
	}

	#email-rassilka-section .container{
		display: block;
	}
/**************Develop*programms*320**************/
	#devprog{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#devprog .container{
		width: 290px;
	}

	.dev-prog-img{
		height: 134px;
		width: 140px;
	}

	.dev-prog-img img{
		width: 100%;
		height: 100%;
	}

	.dev-prog-img{
		margin-right: 18px;
	}

	.programm-image{
		display: none;
	}

	.develop-progr{
		padding-left: 0;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	.dev-progr-text{
		width: calc(100% - 140px);
		padding-top: 7px;
	}

	.dev-progr-text p{
		font-size: 9px;
		line-height: 11px;
		margin-bottom: 42px;
	}

	.dev-prog-age{
		width: 45px;
		height: 45px;
		font-size: 9px;
		left: 0;
	    bottom: auto;
	    top: 111px;
	}

	.dev-progr-text .grey-btn {
	    bottom: 25px;
	    left: 148px;
	}

	.develop-progr:nth-child(2n) .dev-prog-img{
		order: 1;
		border-radius:  0 45px 0 0;
	}

	.develop-progr:nth-child(2n) .dev-prog-age{
		left:  auto;
		right: 0;
	}

	.develop-progr:nth-child(2n) .dev-progr-text .grey-btn{
		left: 17px;
	}

	.develop-progr:nth-child(2n) .dev-progr-text{
		text-align: right;
	}

	.develop-progr:nth-child(2n) .dev-prog-img{
		margin-left: 18px;
	}

/********our-advantages-section*320***************/

	#our-advantages-section{
		padding-top: 45px;
		padding-bottom: 40px;
	}

	#our-advantages-section .container{
		width: 740px;
	}

	.big-block-advantages{
		display: none;
	}

	#our-advantages-section .container{
		width: 290px;
	}

	.small-block-advantages{
		width: 100%;
		margin-bottom: 30px;
	}

	.title-advantage{
		font-size: 12px;
		line-height: normal;
		margin-bottom: 10px;
	}

	.advantages-text-block p{
		font-size: 11px;
		line-height: normal;
	}

	.small-block-advantages img{
		margin-bottom: 10px;
	}

	.advantages-text-block{
		padding: 0 80px 20px 25px;
	}

	.small-block-advantages .interactive-img {
	    right: 5px;
	    bottom: -20px;
	    width: 22%;
	}

	.small-block-advantages img{
		height: 143px;
	}

	.free-lesson-text{
		margin-left: 100px;
	}

	#freelesson-smartik{
		left: calc((100%-290px)/2 + -150px);
		    top: 10px;
	}
}

@media (max-width: 736px){
	#choise-age .container {
	    flex-wrap: wrap;
	    justify-content: left;
	    text-align: center;
	    font-size: 11px;
	    width: 290px;
	}

	.age-cont {
	    margin-top: 8px;
	    width: 100%;
	    margin-bottom: 8px;
	    margin-left: 0px;
	}

	.age-cont a {
	    margin-right: 18px;
	    text-transform: uppercase;
	}

	.free-lesson-title {
	    font-size: 14px;
	    line-height: normal;
	    margin-bottom: 8px;
	}

	.free-lesson-text p {
	    background: none;
	    padding: 0;
	    margin-bottom: 15px;
	    font-size: 11px;
	    line-height: normal;
	    margin-left: 0;
	}

	.free-lesson-text {
	    margin-left: 125px;
	    margin-top: 16px;
	}

	#freelesson-smartik {
	    width: 110px;
	}
}