* {
	border:0px solid red;
}
p {
	color: #fff;
}
html {
	
	background-size:cover;
	margin:0px !important;
}
body{
	height:auto;
	margin:0px !important;
	font-family: 'Sintony', sans-serif;
	
	}	

.section {
	font-family: 'Sintony', sans-serif;
	margin: 10px;
	font-size: 15px;
	 display: inline-block;
	float: right;
	margin-top:25px;
	
}
.clearfix {
	visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

#rez {
width: 100%; 
margin-left:20%;"
}

@media only screen and (max-width  : 19200px) {
	
	
	#s1 {
	
	position: absolute;
	left: 17%;
	top: 1050px;
	width: 57%;
	height:145px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}

#s2 {
	z-index:1;
	position: absolute;
	left: 17%;
	top: 1240px;
	width: 57%;
	height:135px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	#s3 {
	z-index:0;
	position: absolute;
	left: 17%;
	top: 1870px;
	width: 57%;
	height:150px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	
		#footer {
	z-index:11;
	position: absolute;
	
	background-color: #000;
	height:170px;
	width:100%;

	top: 4100px;	

}
}
@media only screen and (max-width  : 1700px) {
	
		
	#s1 {
	
	position: absolute;
	left: 17%;
	top: 950px;
	width: 57%;
	height:145px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}

#s2 {
	z-index:1;
	position: absolute;
	left: 17%;
	top: 1240px;
	width: 57%;
	height:135px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	#s3 {
	z-index:0;
	position: absolute;
	left: 17%;
	top: 1930px;
	width: 57%;
	height:150px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
#p1 {
	position:absolute;
	z-index: 17;
	font-size: 50px;
	top: 550px;
	margin:50px;
}
#p2 {
	position:absolute;
	z-index: 17;
	font-size: 20px;
	top: 590px;
	margin:50px;
	
}
		#footer {

	top: 3700px;	

}
}
	
	.vid {
	
	width:25%;
	height: 120px;
	margin: 15px;
	
}
nav a#pull {
	margin-top:3%;
	float:right;
	margin-left:0%;
	position:relative;
	font-size:15px;
}

#a1.Hover { color: #74c6c1; }
#a2.Hover { color: #74c6c1; }
#port.Hover { color: #74c6c1; }
#here.Hover { color: #74c6c1; }
#a5.Hover { color: #74c6c1; }


#a1.Click { color: #cc3333; }
#a2.Click { color: #cc3333; }
#port.Click { color: #cc3333; }
#here.Click { color: #cc3333; }
#a5.Click { color: #cc3333; }

a:link {
	color: white;
    text-decoration: none;
}

a:visited {
	color:white;
    text-decoration: none;
}

a:hover {
	color: color: #74c6c1;;
    text-decoration: none;
}

.heading {
	text-shadow: 0px 0px 3px  #000;
	font-size: 25px;
}

#logo {
	margin-top:5px;
	float:left;
	margin-left:50px;
	width: 9%;
}

#tops { bottom: 490px; position:relative;}

#top {
	width: 100%;
	height:70px;
	background: rgba(16,16,16,0.8);
	position: fixed;
	z-index: 999;
	margin:0px !important;
}

#p1 {
	position:absolute;
	z-index: 17;
	font-size: 50px;
	top: 620px;
	margin:50px;
}
#p2 {
	position:absolute;
	z-index: 17;
	font-size: 20px;
	top: 673px;
	margin:50px;
}

.jum1 {
	margin-top:70px;
	display: none;
	position: absolute;
	width: 100%;
}


.jum2 {
	margin-top:70px;
	display: none;
	position: absolute;
	width: 100%;
}


.jum3 {
	margin-top:70px;
	display: none;
	position: absolute;
	width: 100%;
}

.jum4{
	margin-top:70px;
	display: none;
	position: absolute;
	width: 100%;
}

.jum5 {
	margin-top:70px;
	display: none;
	position: absolute;
	width: 100%;
}





#ft {
	margin:50px; margin-left:450px;
}

#contact {
	
	width:100%;
	height:700px;
	
}



.contacts {
	z-index:10;
	position: absolute;
	left: 20%;
	top: 1440px;
	margin:100px;
	font-size: 27px;
}

#contactform{
	z-index:10;
	position: absolute;
	left: 27%;
	top: 1470px;
	width: 670px;
	
	background: rgba(007,007,007,0.5);
padding-left: 60px;
padding-top: 60px;
margin-top: 60px;
}
.inputstyle {
	color: #fff;
	}
	
		input {
	border-radius:3px;
	height:25px;
	width:75%;
}

textarea {
		border-radius:3px;
	width:75%;
}

#con {
	margin-left: 9%;
	margin-top: 95px;
	font-size:45px;
}

#t1 {
	position: absolute;
	
	top:55px;
	color: white;
	margin-left:30px;
	margin-right:20px;
	z-index:20;
}
 #t2 {
	 osition: absolute;
	
	top:55px;
	color: white;
	margin-left:30px;
	margin-right:20px;
	margin-top: 60px;
	z-index:20;
 }

 #t3 {
	 position: relative;
	 bottom:515px;
	 margin-left:130px;
	 margin-right: 10px;
	 z-index:999;
 }
 
 #hip1 {
	 bottom:13px;
	 padding-left:17px;
	 position:relative;
	 margin-bottom:30px;
 }
  
 .hip2 {
	 color:white;
	  bottom:13px;
	 padding-left:17px;
	 position:relative;
	 margin-bottom:30px;
 }
 
#s1 {
	
	position: absolute;
	left: 17%;
	top: 850px;
	width: 57%;
	height:145px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}

#s2 {
	z-index:1;
	position: absolute;
	left: 17%;
	top: 1040px;
	width: 57%;
	height:587px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	
#s3 {
	z-index:0;
	position: absolute;
	left: 17%;
	top: 1770px;
	width: 57%;
	height:150px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}

#caro {
	display:none;
}

	#footer {
	z-index:11;
	position: absolute;
	top: 3500px;
	background-color: #000;
	height:170px;
	width:100%;

}




@media only screen and (max-width  : 1500px) {

 #hip1 {
	 bottom:130px;
	 position:relative;
	margin-left:128px;
 }
  
 #hip2 {
	  color:white;
	 bottom:0px;
	
	 margin-bottom:10px;
 }
#t1 {
	position: absolute;
	margin-right: 10px;
	top:55px;
	color: white;
	margin-left:130px;
	z-index:20;
}
 #t2 {
	 position: absolute;
	 margin-right: 10px;
	  color:white;
	 top:-10;
	 margin-left:130px;
	 z-index:999;
 }

 #t3 {
	 position: relative;
	 bottom:545px;
	 margin-left:130px;
	 margin-right: 10px;
	 z-index:999;
 }
 #s1 {
	
	position: absolute;
	left: 17%;
	top: 750px;
	width: 57%;
	height:145px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
 
#s2 {
	z-index:1;
	position: absolute;
	left: 17%;
	top: 940px;
	width: 57%;
	height:587px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	
#s3 {
	z-index:0;
	position: absolute;
	left: 17%;
	top: 1670px;
	width: 57%;
	height:150px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}

	



#contactform{
	z-index:10;
	position: absolute;
	left: 23%;
	top: 1310px;
	width: 650px;
	
background: rgba(007,007,007,0.5);

margin-top: 60px;
}

#contact {
	width:100%;
	height:700px;
	
}


.contacts {
	z-index:10;
	position: absolute;
	left: 20%;
	top: 1240px;
	margin:100px;
	font-size: 27px;
}

#tops {
	color: white; position:relative; bottom:530px;
}

#p1 {
	position:absolute;
	z-index: 17;
	font-size: 30px;
	top: 520px;
	margin:50px;
}
#p2 {
	position:absolute;
	z-index: 17;
	font-size: 15px;
	top: 567px;
	margin:50px;
}
#footer {
	z-index:11;
	position: absolute;
	top: 2700px;
	background-color: #000;
	height:170px;
	width:100%;
}
#con {
	margin-left: 7%;
	margin-top: 130px;
	font-size:35px;
}



@media only screen and (max-width  : 1380px) {

	#logo {
	margin-top:10px;
	width:5%;
	height:auto;
	float:left;
	margin-left:7%;

}





#p1 {
	position:absolute;
	z-index: 17;
	font-size: 30px;
	top: 420px;
	margin:50px;
	
}
#p2 {
	position:absolute;
	z-index: 17;
	font-size: 15px;
	top: 470px;
	margin:50px;
}

}
@media only screen and (max-width : 1100px) {

	#logo {
		margin-top:5px;
	width:3%;
	height:auto;
	float:left;
	margin-left:7%;

}
#con {
	margin-left: 0.7%;
	margin-top: 110px;
	font-size:35px;
}


nav a#pull {
	
	right:77px;
	
}


#p1 {
	position:absolute;
	z-index: 17;
	font-size: 40px;
	top: 330px;
	margin:50px;
	
}

#contactform{
	width= 450px !important;
	left: 15%;
	
	
	
}


#p2 {
	position:absolute;
	z-index: 17;
	font-size: 20px;
	top: 390px;
	margin:50px;
}



 #s1 {
	
	position: absolute;
	left: 17%;
	top: 650px;
	width: 57%;
	height:145px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
 
#s2 {
	z-index:1;
	position: absolute;
	left: 17%;
	top: 840px;
	width: 57%;
	height:587px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	
#s3 {
	z-index:0;
	position: absolute;
	left: 17%;
	top: 1650px;
	width: 57%;
	height:150px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}



}
@media only screen and (max-width : 960px) {
	#menu {
		 display:none;
	 }
	 
	 	#p1 {
	z-index: 999;
	font-size: 20px;
	top: 300px;
	margin:3%;
	}
	
	#p2 {
	z-index: 999;
	font-size: 14px;
	top: 330px;
	margin:3%;
}
	
	 
	.clearfix {
	 visibility: visible;
}
	 
	 nav { 
	 margin-top: 0px;
  		height: auto;
        display:block;
		border-bottom: 0;
	}
 
	nav ul {
		float:right;
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		width: 100%;
		position: absolute;
        text-align:left;
        text-indent:85%;
		
        
	}
	nav a#pull:after {
		content:"";
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
		background-color: #111;
		padding:15px;
		padding-top:5px;
	}
	nav li a {
		
		border-bottom: 1px solid #d9d9d9;
	}
	

#logo {
	width: 3%;
	float:left;
	margin-left:7%;
	margin-top:5px;
}
		

	
		.thum {
	margin:7px;
	height: 70px;
	width:70px;
}
 #s1 {
	
	position: absolute;
	left: 17%;
	top: 450px;
	width: 57%;
	height:185px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
 
#s2 {
	z-index:1;
	position: absolute;
	left: 17%;
	top: 700px;
	width: 57%;
	height:587px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	
#s3 {
	z-index:0;
	position: absolute;
	left: 17%;
	top: 1390px;
	width: 57%;
	height:150px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}




	#footer {
	z-index:11;
	position: absolute;
	top: 2200px;
	background-color: #000;
	height:170px;
	width:100%;
	}
	
	
	
	#contact {
	
	width:100%;
	height:600px;
	
}


.contacts {
	z-index:10;
	position: absolute;
	left: 10%;
	top: 825px;
	margin:10px;
	font-size: 25px;
}
#con {
	margin-left: 1.2%;
	margin-top: 353px;
	font-size:35px;
}

 #hip1{
	 bottom: 5px;
 }
 
  #hip2{
	  color:white;
	 bottom: 5px;
 }


#contactform{
	width= 450px !important;
	left: 10%;
	top: 850px;
	width: 80%;
	margin:10px;
	
}
.inputstyle {
	color: #fff;
	}
	
	input {
	border-radius:3px;
	height:25px;
	width:90%;
}

textarea {
		border-radius:3px;
	width:90%;
}

#t1 {
	font-size: 14px;
	position: absolute;
	top:55px;
	color: white;
	margin-left:90px;
	z-index:20;
}
 #t2 {
	 font-size: 14px;
	 position: absolute;
		top:-10;
		 color:white;
	 margin-left:90px;
	 margin-right:5px;
	 z-index:999;
 }

 #t3 {
	 font-size: 14px;
	 position: relative;
	 bottom:475px;
	 margin-left:90px;
	 margin-right: 10px;
	 z-index:999;
 }
 #tops {
	color: white;
	position:relative;
	bottom:460px;
}

 
#ft {
	margin:40px; text-align:center;
}

 #hip1 {
	 top: 20;
 }
 #hip2 {
	  color:white;
	 top: 10;
 }
 

#contactform{
	
	left: 7%;
	top: 1150px;
	width: 80%;
	margin:10px;
	padding-left: 30px;
}

#rez {
width: 100%; 
margin-left:5%;"
}
}
@media only screen and (max-width : 600px) {

#logo {
	width:3%;
	float:left;
	margin-left:7%;
	margin-top:5px;
}
		
	#p1 {
	z-index: 999;
	font-size: 20px;
	top: 17%;
	margin:3%;
	}
	
	#p2 {
	z-index: 999;
	font-size: 14px;
	top: 19%;
	margin:3%;
}
	
	nav a#pull {
	
	right:0px;
	
}
	
		.thum {
	margin:7px;
	height: 70px;
	width:70px;
}
	
#s2 {
	z-index:1;
	position: absolute;
	left: 3%;
	top: 840px;
	width: 57%;
	height:587px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}
	
#s3 {
	z-index:0;
	position: absolute;
	left: 3%;
	top: 1370px;
	width: 57%;
	height:200px;
	margin:100px;
	background: rgba(16,16,16,0.7);
}

	
#s3 {
margin-top: 15px;
	left: 3%;
	top: 920px;
	width: 90%;
	height:140px;
	margin:40px;
	background: rgba(255,255,255,0.6);
}
	#footer {
	z-index:11;
	position: absolute;

	background-color: #000;
	height:170px;
	width:100%;
	}
	
	#contact {
	
	width:100%;
	height:600px;
	
}


.contacts {
	z-index:10;
	position: absolute;
	left: 10%;
	top: 875px;
	margin:10px;
	font-size: 25px;
}
#rez {
width: 100%; 
margin-left:5%;"
}

#contactform{
	
	left: 3%;
	top: 950px;
	width: 80%;
	margin:10px;
	padding-left: 30px;
}
.inputstyle {
	color: #fff;
	}
	
	input {
	border-radius:3px;
	height:25px;
	width:90%;
}

textarea {
		border-radius:3px;
	width:90%;
}

#t1 {
	top:55px;
	font-size: 12px;
	position: relative;
	color: white;
	margin-left:90px;
	z-index:20;
}
 #t2 {
	 font-size: 12px;
	  color:white;
	 position: absolute;
	 margin-left:90px;
	 z-index:999;
	 top:170;
 }


 #t3 {
	 font-size: 12px;
	 position: relative;
	 bottom:530px;
	 margin-left:90px;
	 margin-right: 10px;
	 z-index:999;
 }
 #tops {
	color: white;
	position:relative;
	bottom:520px;
}
#con {
	margin-left: 3%;
	margin-top: 100px;
	font-size:33px;
}
 
 #hip1 {
	 bottom: 0;
	 top:75;
 }
 #hip2 {
	  color:white;
	 bottom: 0;
	 top:5;
 }
 
#ft {
	margin:40px; margin-left:17%px;
}
#footer {
	
	top: 1200px;
	
}

}