html {font-family: Roboto;}

body {width: 1440px;
margin-left: auto;
margin-right: auto;
}

header {display: -webkit-box;display: -ms-flexbox;display: flex;}

h2 {font-size: 36px;
color: #FFD600;}

h3 {font-size: 28px;
color: #FFD600;}

/* HEADER -------------------------------------------*/

.logo__img {
				width: 195px;
				height: 124px;}

.header__discription {
				font-family: Roboto;
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: normal;
				color: #0068B4;
				margin-top: 47px;
				}

.worktime {
				font-family: Roboto;
				font-style: normal;
				font-weight: 300;
				font-size: 18px;
				line-height: normal;
				color: #4F4F4F;
				margin-top: 21px;
				margin-bottom: 23px;
				margin-right: 32px;
				border-left: 2px solid #6F07A0;
				padding-left: 31px;
				}

.worktime__title {
				font-family: Roboto;
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: normal;
				color: #4F4F4F;
				}

.worktime__day {
				font-family: Roboto;
				font-style: normal;
				font-weight: 300;
				font-size: 18px;
				line-height: normal;
				color: #6F07A0;
				}

.header__call {
				font-family: Roboto;
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: normal;
				color: #4F4F4F;
				text-align: right;
				margin-right: 36px;
				margin-top: 21px;
				margin-left: auto;
				}

.header__lineorder {
				padding: 0 0;
				margin: 0 0 5px;
				}

.header__phone {
				font-family: Roboto;
				font-style: normal;
				font-weight: bold;
				font-size: 30px;
				line-height: normal;
				color: #6F07A0;
				text-decoration: none;
				}


.header__callback {

				font-size: 14px;
				text-align: right;
				text-transform: uppercase;
				color: #4F4F4F;
				margin: 8px 0;
				border-bottom: 1px dashed;
				width: -webkit-fit-content;
				width: -moz-fit-content;
				width: fit-content;
    			margin-left: auto;
    			cursor: pointer;
				}

.menu 			{
				position: sticky;
				top: 0;
				background: #F4ECF8;
				max-height: 35px;
				padding: 10px;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding-left: 3%;
				z-index: 100;
				}

ul {margin-top: auto;}

.nav__menuitem {
				display: inline;
				margin-right: 60px;
				font-family: Roboto;
				font-style: italic;
				font-weight: 500;
				font-size: 14px;
				line-height: normal;
				text-transform: uppercase;
				}

.nav__link {text-decoration: none;
			color: #4F4F4F;
		-webkit-transition:.2s all;
		-o-transition:.2s all;
		transition:.2s all;}

.nav__link:hover { 
				color: #6F07A0;
				padding-bottom: 4px; 
				border-bottom: 4px solid;
				}

/* MAINSCREEN -------------------------------------------*/

.main__screen {
				width: 100%;
				height: 795px;
				background: #6F07A0;
				padding-top: 32px;
				background-image: url(../IMG/Boyf-animation.gif);
				background-repeat: no-repeat;
				background-position: 0% 100%;
				overflow:hidden;
				}

/*.main__screen__thnx {
				width: 100%;
				height: 100vh;
				background: #6F07A0;
				padding-top: 32px;
				overflow:hidden;
				text-align: center;
				}		*/		

.wholesale {display: -webkit-box;display: -ms-flexbox;display: flex;}

.wholesale ul {
				margin-left: auto;
				margin-right: 90px;
				margin-top: 35px;
				}

.wholesale a {
				color: #FFD600;
				text-decoration: none;
				}

.wholesale li:first-of-type{border-left: none;}

.wholesale__h1 {
				font-family: Roboto;
				font-style: italic;
				font-weight: 900;
				font-size: 48px;
				line-height: normal;
				text-align: right;
				color: #FFFFFF;
				padding-right: 110px;
				}

.wholesale__item {
				vertical-align: top;
				display: inline-block;
				font-family: Roboto;
				font-style: normal;
				font-weight: normal;
				font-size: 24px;
				line-height: normal;
				text-transform: uppercase;
				padding-top: 8px;
				padding-right: 25px;
				padding-left: 25px;
				border-left: 2px solid white;
				height: 95px;
				-webkit-transform: skew(-15deg);
				    -ms-transform: skew(-15deg);
				        transform: skew(-15deg);
				}

.wholesale a:hover {text-shadow: 1px 1px 2px;}

.flex-container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: stretch;
				    -ms-flex-align: stretch;
				        align-items: stretch;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				}

/* IMG ---------------------------------------------*/

.main-img {		
				display: -webkit-box;		
				display: -ms-flexbox;		
				display: flex;
				-ms-flex-line-pack: justify;
				    align-content: space-between;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				width: 30%;
				/*background: rgba(196, 196, 196, 0.19);*/
				position: relative;
				}

.main-img__krug {border-radius: 50%;}



#perl {
				width: 315px;
				height: 315px;
				position: inherit;
				bottom: 100px;
				left: -50px;
				background: url(../IMG/Clay_perl.jpg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				border: 8px solid #FFFFFF;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				}

#dent {
				width: 354px;
				height: 354px;
				position: relative;
				top: 169px;
				left: 191px;
				background: url(../IMG/Clay_dent.jpg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				border: 8px solid #FFD600;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				}

#slime {
				width: 220px;
				height: 220px;
				position: inherit;
				bottom: 50px;
				left: 40px;
				border: 5px solid #FFFFFF;
				-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				background: url(../IMG/Bulb.jpg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				}

.trend {
				width: 50%;
				height: 122px;
				font-family: Roboto;
				font-style: italic;
				font-weight: 100;
				font-size: 48px;
				line-height: 48px;
				color: #FFFFFF;
				border: 0px solid;
				padding-left: 35px;
				padding-bottom: 35px;
				position: inherit;
				bottom: 50px;
				}

/* FORM_01---------------------------------------------*/

.form__block {
				width: 60%;
				margin-right: 45px;
				/*background: rgba(196, 196, 196, 0.19);*/
				margin-left: auto;}

.form-head {    
				width: 80%;
    			margin-left: auto;
    			margin-top: 30px;
    			margin-right: 65px;
    			}

.firstform__title{
				display: inline-block;
				font-style: italic;
				font-weight: bold;
				font-size: 36px;
				line-height: normal;
				text-align: right;
				text-transform: uppercase;
				color: #FFD600;
				padding-right: 15px;
				padding-top: 28px;
				margin-left: auto;
				}


.firstform__val {
	   			position: absolute;
				font-style: italic;
				font-weight: 900;
				font-size: 96px;
				color: #FFFFFF;
				text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
				padding-top: 22px;
				padding-left: 22px;
				background-repeat: no-repeat;
				width: 221px;
				height: 135px;
				background-image: url(../IMG/klyaxa.svg);
				}

.firstform {
				width: 400px;
				height: 430px;
				margin-left: auto;
				margin-right: 45px;
				padding-top: 50px;
				}

.firstform__description {
				font-style: normal;
				font-weight: normal;
				font-size: 14px;
				line-height: normal;
				color: #FFFFFF;
				}

.field  	{
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				background: #FFFFFF;
				-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
				        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
				border-radius: 90px;
				width: 355px;
				height: 50px;
				margin-top: 30px;
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: normal;
				text-transform: uppercase;
				color: #ACACAC;
				border: none;
				padding-left: 20px;
				display: block;}

.botton__submit {
				background: #FFD600;
				-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
				        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
				border-radius: 90px;
				width: 355px;
				height: 65px;
				border: none;
				margin-top: 30px;
				font-family: Roboto;

				font-style: italic;
				font-weight: bold;
				font-size: 24px;
				line-height: normal;
				text-align: center;
				text-transform: uppercase;
				color: #000000;
				-webkit-transition:.2s all;
				-o-transition:.2s all;
				transition:.2s all;
				cursor: pointer;
				}


/* hover---------------------------------------------*/

/*.botton__submit {
  color:#fff;
  border:1px solid #fff;
  transition:.2s all;
  overflow:hidden;
  font-weight:bold;
}
*/

.botton__submit:hover{
  color:#fff;
  background:#ff7800;
  -webkit-transform: translate(-5px, -5px);
  -webkit-box-shadow:3px 3px 10px 2px #fff;
          box-shadow:3px 3px 10px 2px #fff;
}
/* hover end---------------------------------------------*/




.checkbox__acept {
				padding-top: 20px;
				padding-left: 9%;
				font-style: normal;
				font-weight: normal;
				font-size: 14px;
				line-height: normal;
				text-align: left;
				color: #FFFFFF;
				}

/* scr_01---------------------------------------------*/

.part {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: distribute;
				    justify-content: space-around;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				height: 736px;
				width: 100%;
				padding-left: 30px;
				padding-right: 30px;
				}

.part-title {	
				width: 100%;
				font-style: italic;
				font-weight: 900;
				font-size: 51px;
				line-height: normal;
				text-align: center;
				text-transform: uppercase;
				color: #6F07A0;
				padding-top: 50px;
				}

	.goods {width: 20%;}




.goods__title {padding-top: 320px;
				max-width: 250px;
				height: 57px;
				padding-bottom: 20px;
				font-style: italic;
				font-weight: 300;
				font-size: 24px;
				line-height: normal;
				text-align: center;
				text-transform: uppercase;
				color: #6F07A0;
				margin: 0 10px;
				}


.goods__discription	{
				max-width: 250px;
				padding: 5px 10px;
				font-family: Roboto;
				font-style: normal;
				font-weight: normal;
				font-size: 14px;
				line-height: normal;
				text-align: center;
				color: #000000;
				margin: 0 10px;
				}

.goods--slime:before {
	background-image: url(../IMG/Slime.jpg);}

.goods--dough:before {
	background-image: url(../IMG/dough.jpg);}	

.goods--clay:before {
	background-image: url(../IMG/clay.jpg);}	

.goods--burst:before {
	background-image: url(../IMG/burst.jpg);}

.goods:before {
				content: "";
				display: block;
				width: 257px;
				height: 257px;
				border-radius: 50%;
				border: 7px solid #6F07A0;
				position: absolute;
			    background-repeat: no-repeat;
    			background-position: center;
    			background-size: cover;
    			-webkit-transition:.2s all;
    			-o-transition:.2s all;
    			transition:.2s all;
    			}

	.goods:hover:before {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

/* FORM-HORIZONT---------------------------------------------*/

.form-horizont {
				padding-top: 30px;
				max-width: 100%;
				height: 360px;
				background: #6F07A0;
				z-index: 1;
				}

.title-form {
				font-style: italic;
				font-weight: 900;
				line-height: normal;
				text-align: center;
				text-transform: uppercase;
				margin: 10px 0;
				}

.title-form--color {color: #FFF;}


.formline		{			
				margin-top: 15px;
				width: 387px;
				border: 0.5px solid #FFF;	
				}

.form-paragr 	{
				padding-top: 30px;
				font-style: normal;
				font-weight: normal;
				font-size: 24px;
				line-height: normal;
				text-align: center;
				color: #fff;
				}

.h-form {		-ms-flex-item-align: center;		-ms-grid-row-align: center;		align-self: center;
				background: #FFFFFF;
				-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
				        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
				border-radius: 90px;
				width: 355px;
				height: 50px;
				margin-top: 30px;
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: normal;
				text-transform: uppercase;
				color: #ACACAC;
				border: none;
				padding-left: 20px;
				}

.h-form__fild {	
				display: -webkit-box;	
				display: -ms-flexbox;	
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: space-evenly;
				    -ms-flex-pack: space-evenly;
				        justify-content: space-evenly;
				margin-left: auto;
				margin-right: auto;
				width: 90%;
			}

/* CERTIFICATE---------------------------------------------*/

.certificate {	
				width: 100%;
				height: 600px;
				background-image: url(../IMG/bucket.jpg);
				background-position: 0 0;
				background-size: contain;
				background-repeat: no-repeat;
				}

.h2-black 	{	
				width: 40%;
				font-style: italic;
				font-weight: normal;
				font-size: 36px;
				line-height: 48px;
				text-align: right;
				color: rgba(0, 0, 0, 0.71);
				padding-right: 10%;
				padding-top: 60px;
				margin-left: auto;}

.certificate_p {
				width: 40%;
				font-weight: 300;
				font-size: 24px;
				line-height: 37px;
				text-align: right;
				padding-right: 10%;
				padding-top: 30px;
				margin-top: 40px;
				margin-left: auto;}


.bold-line {	
				border-bottom: 10px solid #6F07A0;
				padding-bottom: 0.3em;
				}

.a-download{	
				font-size: 14px;
				color: #6F07A0;
				margin-left: auto;
				-webkit-text-decoration-style: dashed;
				        text-decoration-style: dashed;
				}

/* FEATURES---------------------------------------------*/			

.features {
				/*
				height: 736px;
				border: 1px solid blue;*/
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				width: 100%;
				padding-left: 30px;
				padding-right: 30px;
				}

.fitem			{-webkit-box-sizing: border-box;box-sizing: border-box;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: distribute;
				    justify-content: space-around;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;}


.features__title {
				font-style: italic;
				font-weight: 900;
				text-align: center;
				text-transform: uppercase;
				color: #4F4F4F;
				padding-top: 50px;
				margin-bottom: 10px;
				}

.hr-line		{			
				margin-top: 15px;
				margin-bottom: 80px;
				width: 70%;
				border: 0.5px solid #6F07A0;	
				}


.features-item {
				width: 20%;
				margin: 0px 29px;
				}

.features-item__title
			 	{
			 	padding-top: 20px;
				padding-bottom: 20px;
				font-style: italic;
				font-weight: 300;
				font-size: 24px;
				line-height: normal;
				text-align: center;
				text-transform: uppercase;
				color: #6F07A0;
				margin: 0 10px;
				}


.features-item__description
				{
				font-size: 14px;
				text-align: center;
				color: #000000;
				margin: 0 10px 70px;
				}

.features-item:before 
				{
				content: "";
				display: block;
				width: 80px;
				height: 80px;
			    background-repeat: no-repeat;
    			background-position: center;
    			background-size: contain;
				margin-left: auto;
    			margin-right: auto;
    			}


#ico--otgruz:before {
	background-image: url(../IMG/ico--otgruz.svg);}

#ico--stock:before {
	background-image: url(../IMG/ico--stock.svg);}	

#ico--prod:before {
	background-image: url(../IMG/ico--productions.svg);}	

#ico--since:before {
	background-image: url(../IMG/ico--since.svg);}

#ico--wallet:before {
	background-image: url(../IMG/ico--wallet.svg);}

#ico--fund:before {
	background-image: url(../IMG/ico--fund.svg);}

#ico--delivery:before {
	background-image: url(../IMG/ico--delivery.svg);}

/* WORLD TOYS---------------------------------------------*/

.features-kids {
				height: 425px;
				border-top: 2px solid #6F07A0;
				border-bottom: 2px solid #6F07A0;
				background-image: url(../IMG/boys-with-slime.jpg);
				background-repeat: no-repeat;
				background-position: left;
				}

.advantage {	
				width: 40%;
				margin-left: auto;
				padding-top: 30px;
				font-style: italic;
				font-weight: normal;
				font-size: 24px;
				line-height: 51px;
				color: #4F4F4F;
				}

.features-kids__items{}

.features-kids__items:before 
				{
				content: "";
				display: inline-block;
				background: url("../IMG/check.svg") no-repeat;
				background-position: 0% 100%;
				width: 52px;
				height: 35px;
				}

.pos			{margin-left: auto;
				width: 50%;}		


.productions {
				width: 100%;
				height: 870px;
				background: #FFFFFF;
				-webkit-box-shadow: 0px 18px 50px rgba(0, 0, 0, 0.5);
				        box-shadow: 0px 18px 50px rgba(0, 0, 0, 0.5);
				margin-top: 58px;
				z-index: 5;}

.cont-sl_discription
				{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				}
/* slider ---------------------------------------------*/ 
.slider__container
				{
				/*width: 853px;*/
				height: 695px;
				/*border: 1px solid blue;*/
				}


.slider {
  position: relative;
  width: 750px;
  height: 620px;
  /*margin: 50px auto;*/
  /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
}

.slider input[name="switch"] {
  display: none;
}

.switch {
  position: absolute;
  left: 0;
  bottom: -40px;
  text-align: center;
  width: 100%;
}

.switch label {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  margin: 0 3px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
  border-radius: 50%;
  border: 5px solid #2f363c;
  background-color: #738290;
}





.slider-inner {
  overflow: hidden;
}

.slides {
  width: 300%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slides img {
  width: 750px;
  height: 620px;
  float: left;
}

#btn1:checked~.switch label[for="btn1"] {
  background-color: white;}

#btn2:checked~.switch label[for="btn2"] {
  background-color: white;}

#btn3:checked~.switch label[for="btn3"] {
  background-color: white;}


#btn1:checked~slider-inner slides {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#btn2:checked~.slider-inner .slides {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#btn3:checked~.slider-inner .slides {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);}



#btn1-1:checked~.switch label[for="btn1-1"] {
  background-color: white;}

#btn1-2:checked~.switch label[for="btn1-2"] {
  background-color: white;}

#btn1-3:checked~.switch label[for="btn1-3"] {
  background-color: white;}

#btn1-1:checked~slider-inner slides {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#btn1-2:checked~.slider-inner .slides {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#btn1-3:checked~.slider-inner .slides {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);} 


#btn2-1:checked~.switch label[for="btn2-1"] {
  background-color: white;}

#btn2-2:checked~.switch label[for="btn2-2"] {
  background-color: white;}

#btn2-3:checked~.switch label[for="btn2-3"] {
  background-color: white;}

#btn2-1:checked~slider-inner slides {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#btn2-2:checked~.slider-inner .slides {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#btn2-3:checked~.slider-inner .slides {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);}   


#btn3-1:checked~.switch label[for="btn3-1"] {
  background-color: white;}

#btn3-2:checked~.switch label[for="btn3-2"] {
  background-color: white;}

#btn3-3:checked~.switch label[for="btn3-3"] {
  background-color: white;}

#btn3-1:checked~slider-inner slides {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#btn3-2:checked~.slider-inner .slides {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#btn3-3:checked~.slider-inner .slides {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);}     


#btn4-1:checked~.switch label[for="btn4-1"] {
  background-color: white;}

#btn4-2:checked~.switch label[for="btn4-2"] {
  background-color: white;}

#btn4-3:checked~.switch label[for="btn4-3"] {
  background-color: white;}

#btn4-1:checked~slider-inner slides {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#btn4-2:checked~.slider-inner .slides {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#btn4-3:checked~.slider-inner .slides {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);}     
/* slider ---------------------------------------------*/ 

.prod__list {
	width: 40%;
	padding-top: 25px;
	padding-right: 50px;
	/*border: 1px solid green;*/
}

.productions__title {
					display: inline-block;
					font-style: italic;
					font-weight: bold;
					font-size: 48px;
					line-height: 56px;
					text-transform: uppercase;
					color: #4F4F4F;
					padding-bottom: 7px;
					padding-top: 35px;
					padding-right: 50px;
					border-bottom: 4px solid #6F07A0;
					margin-bottom: 10px;
					}

.testo {font-style: italic;
font-size: 24px;
font-weight: 300;
color: #6F07A0;}					

.productions__list {
					font-style: italic;
					font-weight: normal;
					font-size: 24px;
					line-height: 28px;
					color: #4F4F4F;
					padding-top: 40px;}

.productions__item {
					padding-bottom: 30px;
					list-style-type: disc;}


.violet {color: #6F07A0;
		font-weight: 900;}


.tabs {width: 100%;
    height: 220px;}

.tabs ul, .tabs li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs, .tabs input[type="radio"]:checked + label {
    position: relative;
}
.tabs li,
.tabs input[type="radio"] + label {
    display: inline-block;}

.tabs li > div,
.tabs input[type="radio"] {position: absolute;}

.tabs li > div,
.tabs input[type="radio"] + label {
    border: solid 1px #ccc;}

.tabs {
font: normal 11px Arial, Sans-serif;
    color: #404040;
}
.tabs li {
    vertical-align: top;
}
.tabs li:first-child {
    margin-left: 8px;
}
.tabs li > div {
    top: 33px;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    overflow: auto;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tabs input[type="radio"] + label {
    margin: 0 2px 0 0;
    padding: 0 18px;
    line-height: 32px;
    background: #f1f1f1;
    text-align: center;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.tabs input[type="radio"]:checked + label {
    z-index: 1;
    background: #fff;
    border-bottom-color: #fff;
    cursor: default;
}
.tabs input[type="radio"] {
    opacity: 0;
}
.tabs input[type="radio"] ~ div {
    display: none;
}
.tabs input[type="radio"]:checked:not(:disabled) ~ div {
    display: block;
}
.tabs input[type="radio"]:disabled + label {
    opacity: .5;
    cursor: no-drop;
}


/*--SLIDER2---------------------------------------------*/
.slider2 {
  position: relative;
  width: 750px;
  height: 620px;
  margin: 50px auto;
  /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
}

.slider2 input[name="switch2"] {
  display: none;
}

.switch2 {
  position: absolute;
  left: 0;
  bottom: -40px;
  text-align: center;
  width: 100%;
}

.switch2 label {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  margin: 0 3px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
  border-radius: 50%;
  border: 5px solid #2f363c;
  background-color: #738290;
}

.slider-inner2 {
  overflow: hidden;
}

.slides2 {
  width: 500%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slides2 img {
  width: 750px;
  height: 620px;
  float: left;
}

#sbtn1:checked~.switch2 label[for="sbtn1"] {
  background-color: white;}

#sbtn2:checked~.switch2 label[for="sbtn2"] {
  background-color: white;}

#sbtn3:checked~.switch2 label[for="sbtn3"] {
  background-color: white;}

#sbtn4:checked~.switch2 label[for="sbtn4"] {
  background-color: white;}

#sbtn5:checked~.switch2 label[for="sbtn5"] {
  background-color: white;}



#sbtn1:checked~slider-inner2 slides2 {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#sbtn2:checked~.slider-inner2 .slides2 {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#sbtn3:checked~.slider-inner2 .slides2 {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);}

#sbtn4:checked~.slider-inner2 .slides2 {
  -webkit-transform: translate(-2250px);
      -ms-transform: translate(-2250px);
          transform: translate(-2250px);}

#sbtn5:checked~.slider-inner2 .slides2 {
  -webkit-transform: translate(-3000px);
      -ms-transform: translate(-3000px);
          transform: translate(-3000px);}

/* slider 2---------------------------------------------*/ 

/*--SLIDER 3---------------------------------------------*/
.slider3 {
  position: relative;
  width: 750px;
  height: 620px;
  margin: 50px auto;
  /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
}

.slider3 input[name="switch3"] {
  display: none;
}

.switch3 {
  position: absolute;
  left: 0;
  bottom: -40px;
  text-align: center;
  width: 100%;
}

.switch3 label {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  margin: 0 3px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
  border-radius: 50%;
  border: 5px solid #2f363c;
  background-color: #738290;
}

#cbtn1:checked~.switch3 label[for="cbtn1"] {
  background-color: white;
}

#cbtn2:checked~.switch3 label[for="cbtn2"] {
  background-color: white;
}

#cbtn3:checked~.switch3 label[for="cbtn3"] {
  background-color: white;
}

.slider-inner3 {
  overflow: hidden;
}

.slides3 {
  width: 300%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slides3 img {
  width: 750px;
  height: 620px;
  float: left;
}

#cbtn1:checked~slider-inner3 slides3 {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

#cbtn2:checked~.slider-inner3 .slides3 {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);
}

#cbtn3:checked~.slider-inner3 .slides3 {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);
}

/* slider 3---------------------------------------------*/ 


/*--SLIDER 4---------------------------------------------*/
.slider4 {
  position: relative;
  width: 750px;
  height: 620px;
  margin: 50px auto;
  /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/
}

.slider4 input[name="switch4"] {
  display: none;
}

.switch4 {
  position: absolute;
  left: 0;
  bottom: -40px;
  text-align: center;
  width: 100%;
}

.switch4 label {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  margin: 0 3px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
  border-radius: 50%;
  border: 5px solid #2f363c;
  background-color: #738290;
}


.slider-inner4 {overflow: hidden;}

.slides4 {width: 400%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slides4 img {
  width: 750px;
  height: 620px;
  float: left;
}

#gbtn1:checked~.switch4 label[for="gbtn1"] {
  background-color: white;}

#gbtn2:checked~.switch4 label[for="gbtn2"] {
  background-color: white;}

#gbtn3:checked~.switch4 label[for="gbtn3"] {
  background-color: white;}

#gbtn4:checked~.switch4 label[for="gbtn4"] {
  background-color: white;}


#gbtn1:checked~slider-inner4 slides4 {
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);}

#gbtn2:checked~.slider-inner4 .slides4 {
  -webkit-transform: translate(-750px);
      -ms-transform: translate(-750px);
          transform: translate(-750px);}

#gbtn3:checked~.slider-inner4 .slides4 {
  -webkit-transform: translate(-1500px);
      -ms-transform: translate(-1500px);
          transform: translate(-1500px);}

#gbtn4:checked~.slider-inner4 .slides4 {
  -webkit-transform: translate(-2250px);
      -ms-transform: translate(-2250px);
          transform: translate(-2250px);}


/* slider 4---------------------------------------------*/ 
.contact {width: 790px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;}

.p__discription {font-style: normal;
					font-weight: 300;
					font-size: 24px;
					line-height: 37px;
					text-align: center;
					color: #000000;
					padding-bottom: 40px;
					}

.map{position: relative;
margin-bottom: 70px;}

.adress {
	width: 335px;
	height: 295px;
	background-color: rgba(255, 255, 255, 0.79);
	position: absolute;
	left: 130px;
	top: 54px;
	z-index: 5;
	padding: 20px;
	padding-left: 47px;
}

.adress > h4{
			font-style: normal;
			font-weight: bold;
			font-size: 24px;
			line-height: 38px;
			font-feature-settings: 'tnum' on, 'onum' on;
			color: #4F4F4F;}

address {
			font-style: italic;
			font-weight: normal;
			font-size: 22px;
			line-height: 28px;
			font-feature-settings: 'tnum' on, 'onum' on;
			color: #4F4F4F;
}

.atel {font-style: normal;}

/*staf*/

.staff {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 90px;
					}

.figblock {
					width: 365px;
					margin: 0;
					}

.staff__card {
					width: 365px;
					margin-left: 65px;}

.staf__img {border-bottom: 1px solid #6F07A0;}

.figdisc 			{width: 310px;
					min-height: 100px;
					line-height: 1.3em;
					text-align: center;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 20px;
					}

.btn__staff {		width: 223px;
					background: #FFD600;
					-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
					        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
					border-radius: 90px;
					text-decoration: none;
					padding: 16px 20px;

					display: block;
					font-style: italic;
					font-weight: bold;
					font-size: 18px;
					text-align: center;
					text-transform: uppercase;
					color: #000000;
					margin-left: auto;
					margin-right: auto;
					}

.fura {				width: 100%;
					height: 600px;
					background-image: url(../IMG/Fura.jpg);
					background-position: 0% 50%;
					background-size: cover;
					border-bottom: 6px solid #6F07A0;
					}

.footer_element {width: 100%;
					height: 180px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					}

.footer__logo {display: -webkit-box;display: -ms-flexbox;display: flex;
margin-top: auto;
margin-bottom: auto;
margin-left: 50px;}


.direct_leter{		
					font-weight: 300;
					font-size: 18px;
					line-height: 27px;
					color: #000000;
					margin-top: auto;
					margin-bottom: auto;
					margin-left: auto;
					max-width: 330px;
					}

.clbck {display: block;
	margin-top: auto;
margin-bottom: auto;
margin-left: 8%;
margin-right: 8%;}

.btm-menu {width: 100%;
					height: 43px;
					background-color: #4F4F4F;}

.btm-menu__list {display: -webkit-box;display: -ms-flexbox;display: flex;
	margin-left: 50px;}

.btm-menu__item {	display: inline-block;
					padding-top: 10px;
					padding-right: 20px;

					}

.btm-menu__link {font-size: 14px;
					line-height: 25px;
					text-align: right;
					color: #FFFFFF;
				    -webkit-text-decoration-style: dashed;
				            text-decoration-style: dashed;

				}

.vidos {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
margin-top: 50px;
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    cursor: pointer;
}
 
.youtube .play {
    background: url('../IMG/youtube-play-btn.png') no-repeat;
    background-position: 0 -50px;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
 
.youtube:hover .play {
    background-position: 0 0;
}

/*Страница спасибо*/