@media only screen and (max-width : 1920px) {
	.kontaktu {left: 70%;}
}
@keyframes puls{
	from{background-size: 80%; opacity: 0;}
	to {background-size: 105%; opacity: 1;}
}
@media only screen and (max-width : 1200px) {
	nav ul li a{
		display: inline-block;
		text-decoration: none;
		color: white;
		height: 100px;
		line-height: 100px;
		text-transform: uppercase;
		font-weight: 600;
		font-size: .8em;
	}
	nav ul li a:hover{
		display: inline-block;
		text-decoration: none;
		color: white;
		height: 100px;
		line-height: 100px;
		text-transform: uppercase;
		font-weight: 600;
		padding: 0 10px;
		background: #003333;
		border-bottom: 3px solid #33cccc;
		position: relative;
		z-index: 2;
	}
	.pod4erk{border: 1px solid gray; width: 100%; margin-top: -8px;}
	.content1{position: relative;}
	.position{top: 10px; left: -25px; color: white;}
	.vizitki{margin-top: -250px;}
	.spisokNiz{margin-top: 0px;}
	.positionButton{
		display: block;
		padding-bottom: 25px;
		margin: 15px auto 50px;
		font-weight: 700;
		background: #00cc99;
		padding: 5px 50px;
	}
	.topPulse{margin-top: 200px;}
	
	/*==================SECTION2=================*/
	.leftSection2{position: relative;}
	.oberkaLeft{position: absolute; top: 60px; left: -20px;}
	.price{
		color: white;
		font-weight: 600;
		font-size: 1.2em;
		padding: 0;
		margin-bottom: 18%;
		list-style-type: none;
		list-style-image: url('img/cvetnoiShar.png');
	}
	
	/*======Right======*/
	.price2{
		display: block;
		color: white;
		font-weight: 600;
		font-size: 1.2em;
		padding: 0;
		margin-bottom: 18%;
		list-style-type: none;
		list-style-image: url('img/cvetnoiShar.png');
	}
	.price2 li{display: inline-block;}
	.rightSection2{margin-top: 100px; position: relative;}
	.obertkaRight{position: absolute; top: 60px; left: -10px;}
	.sharpos{padding-right: 5px;}
	
	/*===========Center=====*/
	.obertkaCenterSectio2 {
		margin-top: 97px;
		text-align: center;
		color: white;
		position: absolute;
		z-index: 10;
		left: 65px;
	}
	.h2Section2{
		height: 40px;
		line-height: 40px;
		margin: 0;
		text-transform: uppercase;
		padding-top: 30px;
	}
	.oberkaLeft {position: absolute; top: 10px; left: 10px;}
	.obertkaRight {position: absolute; top: 10px; left: 5px;}
	.kryg4{
		width: 320px;
		height: 220px;
		background: #00cc99;
		border-radius: 80%;
		transform: skew(-25deg,8deg);
		box-shadow: 1px 1px 5px black;
		opacity: .7;
		position: absolute;
		top: 290px;
		left: -15px;
		z-index: 3;
		-webkit-border-radius: 999px;
		-moz-border-radius: 999px;
		border-radius: 999px;
		-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		-moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.kryg5{
		width: 400px;
		height: 300px;
		background: #00cc99;
		border-radius: 80%;
		transform: skew(-25deg,8deg);
		box-shadow: 1px 1px 16px black;
		opacity: .6;
		position: absolute;
		top: 240px;
		left: -50px;
		z-index: 2;
		-webkit-border-radius: 999px;
		-moz-border-radius: 999px;
		border-radius: 999px;
		-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		-moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.kryg6{
		width: 480px;
		height: 380px;
		background: #00cc99;
		border-radius: 80%;
		transform: skew(-25deg,8deg);
		box-shadow: 1px 1px 16px black,
		-1px -1px 10px black;
		opacity: .4;
		position: absolute;
		top: 201px;
		left: -90px;
		z-index: 1;
		-webkit-border-radius: 999px;
		-moz-border-radius: 999px;
		border-radius: 999px;
		-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		-moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/*========================SECTION3========================*/
	.preimyshestva2{top: 160px; left: 140px;}
	
	/*===================SECTION4==============*/
	.obertka4 {margin-top: -81px;}
	.sota3{max-width: 80%; margin-top: 130px;}
	.whiteKlient {color: white; font-size: 26px; font-weight: 600; text-align: center;}
	.formaP {margin-top: -370px; position: relative; font-size: 8px;}
	.oval6Otstyp {
		margin-top: 30px !important;
		padding: 7px 120px !important;
		text-align: center;
		border-radius: 20px;
		background: #17c4a2;
	}
	
	/*==============SECTION7==================*/
	.posParagrafSection7 {
		font-size: 26px;
		font-weight: 600;
		letter-spacing: 10px;
		color: white;
		position: absolute;
		top: 140px;
		left: 140px;
	}
	
	/*===============FOOTER=======================*/
	.telefonFooter{position: absolute; top: -480px;	left: -30px;}
	.positionFooterZakaz {
		padding: 10px 25px;
		position: absolute;
		top: 50px;
		left: 140px;
		border-radius: 20px;
		background: black;
		border: 2px solid #17c4a2;
		text-transform: uppercase;
		font-weight: 600;
		color: #17c4a2;
		z-index: 5;
	}
	.puls1 {
		background: url('img/2222.png') center no-repeat;
		background-size: auto auto;
		width: 800px;
		height: 500px;
		background-size: 80%;
		overflow: hidden;
		animation: puls 2s linear infinite;
		position: absolute;
		top: -90px;
		left: -189px;
	}
	@keyframes puls{
		from{background-size: 80%; opacity: 0;}
		to {background-size: 105%; opacity: 1;}
	}
	
	.kontaktu{
		font-size: 16px;
		line-height: 15px;
		position: absolute;
		top: 0px;
		left: 750px;
		color: white;
	}
}
@media only screen and (max-width : 992px) {
/*=================NAVIGACIA=================*/
	nav ul li a{
		display: inline-block;
		text-decoration: none;
		color: white;
		height: 80px;
		line-height: 80px;
		text-transform: uppercase;
		font-weight: 400;
		font-size: .8em;
		padding: 5px;
	}
	nav ul li a:hover{
		display: inline-block;
		text-decoration: none;
		color: white;
		height: 80px;
		line-height: 80px;
		text-transform: uppercase;
		font-size: .8em;
		font-weight: 400;
		padding: 5px;
		background: #003333;
		border-bottom: 3px solid #33cccc;
		position: relative;
		z-index: 2;
	}
	.pRight{color: white; line-height: 1em; text-align: center;}
	.pLeft, .h2Left{text-align: center;}
	.pod4erk{border: 1px solid gray; width: 100%; margin-top: -2px;}
	.content1{position: relative;}
	.vizitki{margin-top: -200px;}
	.spisokNiz{margin-top: 0px;}
	.positionButton{
		display: block;
		padding-bottom: 25px;
		margin: 15px auto 50px;
		font-weight: 700;
		background: #00cc99;
		padding: 5px 40px;
	}
	.topPulse{margin-top: 180px;}
	.position{top: 30px; left: -15px; color: white;	font-size: .8em;}
	.position p{display: inline-block; text-align: center; font-weight: 600;}

	/*==================SECTION2=================*/
	.leftSection2{position: relative;}
	.oberkaLeft{position: absolute;	top: 60px; left: -10px;}
	.price{
		color: white;
		font-weight: 600;
		font-size: .9em;
		padding: 0;
		margin-bottom: 30%;
		list-style-type: none;
		list-style-image: url('img/cvetnoiShar.png');
	}
	#section2 p{color: white; font-weight: 700; font-size: .9em;}
	.h2Section2{color: white; font-weight: 700; font-size: 1.3em;}
	
	/*======Right======*/
	.rightSection2{margin-top: 100px; position: relative;}
	.obertkaRight{position: absolute; top: 60px; left: 20px;}
	.price2{
		display: block;
		padding: 0;
		color: white;
		font-weight: 600;
		font-size: .9em;
		margin-bottom: 30%;
		list-style-type: none;
		list-style-image: url('img/cvetnoiShar.png');
	}
	.price2 li{display: inline-block;}
	.sharpos{padding-right: 5px;}
	
	/*===========Center=====*/
	.obertkaCenterSectio2 {
		margin-top: 97px;
		text-align: center;
		color: white;
		position: absolute;
		z-index: 10;
		left: 36px;
		right: -30px;
	}
	.byterbrod {float: left; position: absolute; left: -5px; z-index: 55;}
	.h3Section2Center {
		display: block;
		padding: 0;
		margin: auto;
		max-width: 180px;
		text-align: right;
		line-height: 20px;
		position: absolute;
		left: 40px;
		z-index: 80;
	}
	.centerAbzNorm {
		display: block;
		max-width: 190px;
		margin: 25px auto;
		line-height: 25px;
		font-size: .9em !important;
		font-weight: 500 !important;
		text-transform: uppercase;
		text-align: center;
		position: absolute;
		z-index: 1000;
		left: -5px;
	}
	.knopkaSection2 {
		color: #00cc99;
		font-weight: 600;
		margin-top: 10px;
		text-transform: uppercase;
		padding: 5px 25px;
		position: absolute;
		z-index: 55;
		left: 35px;
		box-shadow: 0 0 10px 0 #A0A7A8 inset, 0 0 10px 6px #D0D7DB;
	    background-color: #000;
        background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
        background-repeat: no-repeat;
    	background-size: 200% 100%, auto;
    	background-position: 200% 0, 0 0;
	}
	.knopkaSection2:hover {
  		transition: .5s linear;
 		background-position: -200% 0, 0 0;
	}
	.puls2 {
		background: url('img/2222.png') center no-repeat;
		background-size: auto auto;
		background-size: auto auto;
		width: 800px;
		height: 500px;
		background-size: 80%;
		overflow: hidden;
		animation: puls 2s linear infinite;
		position: absolute;
		left: -286px;
		z-index: 1;
	}
	.h2Section2{
		height: 40px;
		line-height: 40px;
		margin: 0;
		text-transform: uppercase;
		padding-top: 30px;
	}
	.oberkaLeft {position: absolute; top: 10px; left: 30px;}
	.obertkaRight {position: absolute; top: 10px; left: 5px;}
	
	/*=========================SECTION3=======================*/
	.preimyshestva2{
		display: block;
		position: absolute;
		top: 150px;
		left: 200px;
		padding: 0;
		width: 250px;
	}
	.posRightSection3{display: none;}
	.knopkaSection3-xs{position: absolute; top: 750px; left: 0px; right: 0px;}

	/*===================SECTION4==============*/
	.obertka4 {margin-top: -62px;}
	.whiteKlient {color: white; font-size: 20px; font-weight: 600; text-align: center;}
	.formaP {margin-top: -280px; position: relative; font-size: 7px;}
	.oval6 {
		border-radius: 20px !important;
		background: white;
		background-color: white;
		background-image: none;
		margin-top: -15px !important;
	}
	.oval6Otstyp {
		margin-top: 12px !important;
		padding: 7px 82px !important;
		text-align: center;
		border-radius: 20px;
		background: #17c4a2;
	}

	/*============Section5,6================*/
	.overt5Centrovka1{
		margin: 15% auto;
		max-width: 350px;
		text-align: center;
		font-size: 16px;
		color: white;
		font-weight: 500;
	}
	.overt5Centrovka2{
		margin: 15% auto;
		max-width: 350px;
		text-align: center;
		font-size: 16px;
		color: white;
		font-weight: 500;
	}
	
	/*==============SECTION7==================*/
	.posParagrafSection7 {
		font-size: 22px;
		font-weight: 600;
		letter-spacing: 10px;
		color: white;
		position: absolute;
		top: 135px;
		left: 135px;
	}
	.oval3{border-radius: 0px 20px 20px 0px;}
	.oval4{border-radius: 0px 20px 20px 0px; margin-top: 0px;}
	.knopkaSubmit{
		margin-top: 0px;
		margin-left: -7px;
		border-radius: 15px;
		padding: 6px 40px;
		color: #17c4a2;
		font-weight: 600;
		background-color: #e1e1e1;
	}

	/*===============FOOTER=======================*/
	.telefonFooter2{position: absolute;	top: -300px; left: -20px; z-index: 7;}
	.positionFooterZakaz {
		padding: 10px 25px;
		position: absolute;
		top: 50px;
		left: 140px;
		border-radius: 20px;
		background: black;
		border: 2px solid #17c4a2;
		text-transform: uppercase;
		font-weight: 600;
		color: #17c4a2;
		z-index: 5;
	}
	.kontaktu{left: 660px;}
}
@media screen and (max-width: 980px) {
	
}
@media only screen and (max-width : 918px) {
	.oval4 {border-radius: 20px 20px 20px 20px; margin-top: 25px;}
	.kontaktu {display: none;}
}
@media screen and (max-width: 900px) {
	
}
@media only screen and (max-width : 768px) {

	/*=================navLeft====================*/
	.pLeft, .h2Left{text-align: center;	font-size: 1em;}
	.h2Left{font-weight: 700; font-size: 1.5em;}
	
	/*===================navRight==================*/
	.pRight{
		color: white;
		line-height: 1em;
		text-align: center;
		font-size: .7em;
	}
	.otstyp{padding-top: 25px;}
	.content1{position: relative;}
	.vizitki{margin-top: -160px;}
	.position{top: 30px; left: -20px; color: white;}
	.position p{display: inline-block; text-align: center; font-weight: 600;}
	.spisokNiz{margin-top: 30px;}
	.positionButton{
		display: block;
		padding-bottom: 25px;
		margin: 15px auto 50px;
		font-weight: 700;
		background: #00cc99;
		padding: 5px 25px;
	}
	.topPulse{margin-top: 180px;}
	
	/*==================SECTION2=================*/
	.leftSection2{position: relative;}
	.price{
		color: white;
		font-weight: 600;
		font-size: .8em;
		margin-bottom: 30%;
		list-style-type: none;
		list-style-image: url('img/cvetnoiShar.png');
	}
	#section2 p{color: white; font-weight: 600;	font-size: .8em;}
	.h2Section2{color: white; font-weight: 700;	font-size: 1.3em;}
	
	/*======Right======*/
	.rightSection2{margin-top: 100px; position: relative;}
	.obertkaRight{position: absolute; top: 70px; left: 20px;}
	.price2{
		display: block;
		padding: 0;
		color: white;
		font-weight: 600;
		font-size: .8em;
		margin-bottom: 30%;
		list-style-type: none;
		list-style-image: url('img/cvetnoiShar.png');
	}
	.price2 li{display: inline-block;}
	.sharpos{padding-right: 5px;}
	
	/*===========Center=====*/
	.h2Section2{
		height: 40px;
		line-height: 40px;
		margin: 0;
		text-transform: uppercase;
		padding-top: 30px;
	}
	.leftSection2 {margin-top: 30px;}
	.rightSection2 {margin-top: 30px; position: relative;}
	.obertkaRight {position: absolute; top: 70px; left: 20px;}
	.oberkaLeft {position: absolute; top: 70px; left: 10px;}
	.knopkaSection2{
		padding: 15px 55px;
		position: absolute;
		top: 530px;
		left: 0px;
		right: 0px;
	}

	/*=========================SECTION3=======================*/
	#section3{
		background: url('img/bgSection3Sec3.png') no-repeat center;
		height: 1200px;
		background-size: cover;
		margin-top: -80px;
	}
	.h2Section3{
		 color: #10c19d;
		 font-size: 37px;
		 font-weight: 700;
		 box-shadow: 1px 1px 35px #0dbb98;
		 max-width: 400px; 
		 background: #181818;
		 padding: 5px;
		 margin: 120px 0 0 0;
	}
	.leftContent3{position: relative;}
	.preimyshestva{
		display: block;
		position: absolute;
		top: 70px;
		left: 60px;
		padding: 0;
	}
	.preimyshestva2{
		display: block;
		position: absolute;
		top: 160px;
		left: 100px;
		padding: 0;
		width: 150px;
	}
	.preimyshestva li{
		display: block;
		width: 125px;
		height: 125px;
		background: #181818;
		border-radius: 10px;
		box-shadow: 10px 10px 35px #0dbb98;
		color: #10c19d;
		font-weight: 700;
		font-size: 20px;
		position: relative;
	}
	.poz1Li3{
		color: #9d9d9d;
		font-size: 20px;
		position: absolute;
		top: 120px;
		left: 20px;
		z-index: 5;	
	}
	.poz2Li3{
		color: #9d9d9d;
		font-size: 20px;
		position: absolute;
		top: 270px;
		left: 20px;
		z-index: 5;	
	}
	.poz3Li3{
		color: #9d9d9d;
		font-size: 20px;
		position: absolute;
		top: 470px;
		left: 20px;
		z-index: 5;	
	}
	
	/*==================SECTION4=================*/
	.whiteKlient{display: none;}
	.obertka4 {margin-top: -52px;}
	.sota3{max-width: 80%; margin-top: 100px;}
	.formaP {margin-top: -195px; position: relative; font-size: 5px;}
	.oval6Otstyp {
		margin-top: 12px !important;
		padding: 7px 82px !important;
		text-align: center;
		border-radius: 20px;
		background: #17c4a2;
	}
	.oval4 {border-radius: 20px 20px 20px 20px; margin-top: 0px !important;}

	/*==============SECTION7==================*/
	.posParagrafSection7 {
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 7px;
		color: white;
		position: absolute;
		top: 135px;
		left: 115px;
	}
	.forma{margin-top: 50px;}
	.form-inline{margin: auto;}
	.knopkaSubmit{
		display: block;
		margin: auto;
		border-radius: 15px;
		padding: 6px 40px;
		color: #17c4a2;
		font-weight: 600;
		background-color: #e1e1e1;
	}
	.form-group{background: none !important; margin-right: 0px;}
	.oval2{border-radius: 20px;}
	.oval4{margin-top: 0px;}
	.positionFooterZakaz{display: none;}
	
	/*=============Footer================*/
	.positionFooterZakaz{display: none;}
}
@media screen and (max-width: 750px) {
	
}
@media screen and (max-width: 640px) {
	#contacts a {font-size:1em;}
}
@media only screen and (max-width : 610px) {
	.formaP{display: none;}
}
@media only screen and (max-width : 560px) {
	.vizitki{margin-top: -130px;}
	.spisokNiz{margin-top: 30px;}
	.positionButton{
		display: block;
		padding-bottom: 25px;
		margin: 15px auto 50px;
		font-weight: 700;
		background: #00cc99;
		padding: 5px 25px;
	}
	
	/*============SECTION4============*/
	.sota3{max-width: 80%; margin-top: 80px;}
	.overt5Centrovka1{
		margin: 15% auto;
		max-width: 350px;
		text-align: center;
		font-size: 14px;
		color: white;
		font-weight: 500;
	}
	.overt5Centrovka2{
		margin: 15% auto;
		max-width: 350px;
		text-align: center;
		font-size: 14px;
		color: white;
		font-weight: 500;
	}
	
	/*==============SECTION7==================*/
	.posParagrafSection7 {
		display: none;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 7px;
		color: white;
		position: absolute;
		top: 120px;
		left: 105px;
	}
	.knopkaSubmit {
		display: block;
		margin: 30px auto 10px;
		border-radius: 15px;
		padding: 6px 40px;
		color: #17c4a2;
		font-weight: 600;
		background-color: #e1e1e1;
	}
	#contacts a {font-size:0.8em;}
}
@media only screen and (max-width : 480px) {
	.h2Section3{
		 color: #10c19d;
		 font-size: 20px;
		 font-weight: 700;
		 box-shadow: 1px 1px 35px #0dbb98;
		 max-width: 400px; 
		 background: #181818;
		 padding: 5px;
		 margin: 120px auto 0;
	}
	.preimyshestva li{
		display: block;
		color: #10c19d;
		font-weight: 700;
		font-size: 20px;
		position: relative;
	}
	#contacts {height:40px;}
	#contacts a {line-height:40px;}
	.button26, .button27, .button26 span, .button27 span {
		width:30px;
		height:30px;
	}
	.button26::after, .button27::after {
		width: 20px;
		height: 20px;
		line-height: 18px;
		font-size: 80%;
	}
	.section-2 {
		margin-top: 20px;
	}
	.section-3 {
		margin-top: 0px;
	}
}