/** css style **/

body{
	/*background-image:url('images/pam.jpg');*/
	background:#F2F3F3;
	/*background-size:contain;*/
	margin:0px auto;
}
.container{
	width:100%;
	margin: 0 auto;
	
	/*font-family:Arial, sans-serif;*/
}


/*HEADER /////////////////////////////////*/




.header{
	/*justify-content:space-between;*/
	display:flex;
	position:fixed;
	background:#CB4154;
	z-index:10;
	width:100%;
	margin:0;
	justify-content:space-between;
	font-family:Impact;
	letter-spacing: 1px;
}


.block{
	/*position:relative;*/
	background:#CB4154;
	/*margin-top:60px;*/
	width:100%;
	height:90px;
	color:#222;
	/*border-radius:3% 25%;*/
	text-align:center;
	font-family:Impact;
	letter-spacing: 1px;
	font-size:20px;
}

.logo{
	width:120px;
	height:50px;
	background:blue;
}

.block:hover{
	background:#d4d4ff; /*#B9F73E*/
}
.block:active{
	background:#444;
}
.block a {padding-bottom:50px;}
.mobi-block{
	margin:10px;
}
#mobi-menu{padding-left:20px;}
#menu-line-text{padding-top:20px;}
#optional{
	/*background-image:url;*/
	display:none;
	position:absolute;
	z-index:2;
	background:#fff;
	top:20%;
	left:80%;
	width:40px;
	height:40px;
}
#screen{
	display:none;
	position:absolute;
	top:12%;
	left:0;
	min-height:100%;
	width:100%;
	background:#fff;
	z-index:1;
	height:100vh;
}

#screen a{
	display:block;
	margin:50px auto;
		
}
/* content */

.portfolio{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	overflow:hidden;
	
	
}

.specialist1, .contacts{
	display:flex;
	justify-content:space-between;
	min-height:400px;
	/*background:#BABABA;*/
	width:100%;
	margin:0 auto;
	background-image:url("images/port3.jpg");
	opacity:1;
	background-size:cover;
	
}

	

.specialist2{
	display:flex;
	justify-content:space-between;
	min-height:400px;
	/*background:#BABABA;*/
	width:100%;
	margin:0 auto;
	background-image:url("images/port/port153.jpg");
	background-size:cover;
	opacity:1;
}
#advantages, #services,#secondservices{visibility:hidden;}


.content{
	display:flex;
	justify-content:space-between;
	min-height:400px;
	/*background:#BABABA;*/
	width:100%;
	margin:0 auto;
	background:#1D7373;
	background-image:url("images/sertficate.jpg");
	background-size:contain;
	background-position-x:center;
	background-repeat:no-repeat;
	opacity:1;
}

.centertext{
    display:flex;
    justify-content:center;
    min-height:400px;
    margin:0 auto;
    background:#1D7373;
    
}

.but-park, .but-cont{
	background:#1D7373;
	border: 0;
	font-family:Impact;
	font-size:35px;
}

.but-park:hover,.but-cont:hover{
	cursor:pointer;
	
	
}
/*SLIDER*/

.slider{
	position: relative;
	animation-name: slider;
	animation-duration:30s;
	animation-iteration-count:infinite;
	animation-delay:3s;
	width:100%;
    
}

#slide1{
	left:0;
	
}

#slide2{
	position:absolute;
	left:-100%;
	width:100%;
	top:0;
}
#slide3{
	position:absolute;
	left:-200%;
	width:100%;
	top:0;}
#slide4{
	position:absolute;
	left:-300%;
	width:100%;
	top:0;}
	

	
.photo{
	margin: 10px auto;
	margin-left: 0;
	background:#6E6E6E;
	min-height:400px;
	margin-bottom:0;
	font-size:15px;
	font-family:arial;
	line-height:150%;
	border-radius:10% 10% 3% 3%;
}
.imag{
	text-align:center;
	display:block;
	min-height:400px;
	width:100%;
	/*border:1px solid #876151;*/
	border-radius:0 0 0 0;
	background:#332E33;
}

.small-icon{
	text-align:center;
	display:inline-block;
	height:200px;
	width:400px;
	/*border:1px solid #876151;*/
	border-radius:0 0 0 0;
	background:#332E33;
	object-fit:contain;
}



#more{
	border: none;
	background: #876151;
	margin-left:12px;
	padding:6px;
	font-family:arial, serif;
	color:#222;
	border-radius: 25% 10%;
	
}

#more:hover{
	background:#263326;
	color:#876151;
}
#more:active{
	background:#BABABA;
}
.mobi-block{
	display:none;
}


#portfolio, #portfolio2{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
}
#machine{
    display:flex;
	flex-wrap:wrap;
	flex-direction:row;
}
menu-1{z-index:2;}
menu2{z-index:2;}
	
/* SAME ///////////////////////////////////// */

h1{
	text-align:center;
	margin: 0 auto;
	color:#d4d4ff;
	font-family:Impact;
	letter-spacing: 2px;
}
h2{
	color:#679B00;
	font-family:Impact,sans-serif;
	letter-spacing: 3px;
}

a{
	text-decoration:none;
	color:black;
}


h4{
	margin:0 4px;;
	
}
.margin{
	margin:0 10%;
}
li {
	margin:10px auto;
}
#diaper, #powders, #chemistry{
	margin:10px 20px;
}
#contacts{
	width:100%;
}
p{font-family:bahnschrift;font-size:18px;}
p a{
	font-size:20px;
	color:#B9F73E;
}
textarea{
	width:80%;
	height:100px;
}

hr{
	width:100%;
}

/*footer */
.footer{
	width:100%;
	min-height:100px;
	background:#222;
	color:#fff;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.footer-place{
	margin:10px;
}

.link-footer {
	display:inline-block;
	color:#A60000;
	margin-right:20px;
	font-family:Impact;
	letter-spacing: 1px;
}



/* MEDIA*/


@media (max-width:2000px){
	.photo{height: 90%;}
	.imag{height: 90%;}
	#mobitext, #mobitext2{display:none;}
}

@media (max-width:1015px){
	.slider{margin:0 auto;}
	.photo{width:100%;}
	.imag{width:100%;}
	.margin{margin:0 10px;}
	#mobitext, #mobitext2{display:none;}

}
	

@media (max-width:615px){
	.slider{margin:0 auto;}
	.photo{width:100%;}
	.imag{height:50vh;width:100%;}
	.desktop-titles{display:none}
	.block{display:none;}
	.mobi-block{display:block;}
	h1{display: none;}
	#mobitext, #mobitext2{display:flex;}
	#content,#secondcontent{display:none;}


@media (max-width:415px){
	.slider{margin:0 auto;}
	.photo{width:100%;}
	.imag{height:50vh;width:100%;}
	.specialist{justify-content:flex-start;}
	.block{display:none;}
	.mobi-block{display:block;}
	.small-icon{width:350px;height:180px;}
	h1{display: none;}	
	#mobitext, #mobitext2{display:flex;}
    #content,#secondcontent{display:none;}

@media (max-width:360px){
	p a{font-size:14px;}
	.photo{width:100%;}
	.photo{height:80%;}
	.imag{height: 80%;}
	.desktop-titles{display:none;}
	h1{font-size:14px;}
	.small-icon{width:239px;height:120px;}
	h1{display: none;}
	.but-park, .but-cont{font-size:25px;}
    #mobitext, #mobitext2{display:flex;}
    #content,#secondcontent{display:none;}

@media (max-width:240px){
	p a{font-size:11px;}
	h4{font-size:12px;}
	.desktop-titles{display:none;}
	.photo{height:80%;}
	.imag{height:70%;}
	.small-icon{width:200px;height:100px;}
	h1{display: none;}
	.but-park, .but-cont{font-size:15px;}
    #mobitext, #mobitext2{display:flex;}
    #content,#secondcontent{display:none;}
    
@media (max-width:150px){
	h4{font-size:12px;}
	.photo{height:60%;}
	.imag{height:50%;}
	h1{display: none;}
	.but-park, .but-cont{font-size:10px;}
    #mobitext, #mobitext2{display:flex;}
    #content,#secondcontent{display:none;}
	
}

/*slider*/

@keyframes slider{
	0%{left:0;}
	35%{
		left: 100%;
	}
	65%{
		left: 200%;
	}
	70%{
		left: 200%;
	}
	90%{
		left: 300%;
	}
	100%{
		left: 300%;
	}
}