@charset "utf-8";
/* CSS Document */

*{
  margin: 0;
  padding: 0;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #353535; 

}

body {
    background-color: black;
	 }
	 
	table, th, td {
 	border: 0px solid blue;
 	border-collapse: collapse;
	}
	 
	 .img-sky-fooldal{
	display: none;
	}
	
	.img-sky-mobile{
	width: 100%;
	}
	 
	 .img-hatter{
	display: none;
	}
	
 	.cim-works{
	 display: none;
	width: 100%;
	}
	
	.cim-belhonlap{
	 display: none;
	width: 100%;
	}
	
	.cim-works h1{
	padding-top: 20px;
	padding-bottom: 30px;
	text-align:center;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 70px;
	color: #ffffff;
	line-height: 50px;
	}
	
	.cim-belhonlap h4{
	padding-top: 20px;
	padding-bottom: 30px;
	text-align:center;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 28px;
	color: #ffffff;
	}

	.wrapper1{
	width: 100%;
	padding-top: 5px;
	}
	.wrapper2{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding-top: 5px;

	}
	.wrapper3{
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	padding-top: 5px;
	}
	.wrapper4{
	width: 100%;
	padding-top: 5px;
	}
	.wrapper6{
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	padding-top: 5px;
	}
	
	.img-info {
	width: 100%;
	}	
	
	.img-info h2, h3 {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 22px;
	padding: 10px 10px 4px;
	}	
	

	.img-info p {
	padding: 0px 0px 0px 10px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
	}		
	
	.img-info-belso {
		
	padding: 10px 10px 6px;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
	width: 800px;
	float:left;
	text-align: left;
	}	
	
	.img-1 {
	width: 100%;
	padding-top: 5px;
	}
	
	.img-2 {
	width: 100%;
	padding-top: 5px;
	}
	
	.img-3 {
	width: 100%;
	padding-top: 5px;
	}
	.img-4 {
	width: 100%;
	padding-top: 5px;
	}
	
	.img-5 {
	width: 100%;
	padding-top: 5px;
	}
	
	.img-6 {
	width: 100%;
	padding-top: 5px;
	}
	
	.img-end {
		border:0px solid green;
		padding-top: 15px;
		padding-bottom: 5px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		width: 200px;
	}
	
	
	@media only screen and (min-width: 800px) {
	
	.img-sky-fooldal{
	display: block;
	width: 100%;
	padding-bottom: 30px;
	}
	
	.img-sky-mobile{
	display: none;
	}
	
	.cim-works{
	 display: block;
	width: 100%;
	}
	
	.cim-belhonlap{
	 display: block;
	width: 100%;
	}
	
	.img-hatter{
	display: none;
	width: 100%;
	padding: 30px;
	}
	
	.wrapper1{
	width: 800px;
	margin: 0 auto;
	}
	.wrapper2{
	width: 600px;
	margin: 0 auto;
	}
	.wrapper3{
	width: 450px;
	margin: 0 auto;
	}
	.wrapper4{
	width: 800px;
	margin: 0 auto;
	}
	.wrapper6{
	width: 450px;
	margin: 0 auto;
	}
	
	.img-info h2, h3 {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 22px;
	padding: 10px 0px 4px;
	}	


	.img-info p {
	padding: 0px 0px 0px 0px;
	line-height: 14px;
	}		
	
	.img-info-belso {
	padding: 10px 0px 8px;
	}	
	
	.img-1 {
	padding-top: 5px;
	}
	
	.img-2 {
	padding-top: 5px;
	}
	
	.img-3 {
	padding-top: 5px;
	width:450px;
	}
	
	.img-4 {
	padding-top: 5px;
	}
	
	.img-5 {
	padding-top: 5px;
	}
	
	.img-6 {
	padding-top: 5px;
	width:450px;

	}
	
	
	 }
	 
	 @media only screen and (min-width: 1200px) {
		 
		 .img-hatter{
	display: block;
	height: 0px;
	padding: 0px;
	border:0px solid blue;
	}
	
	.img-sky-mobile{
	display: none;
	}
		 
	.wrapper1{
	width: 1200px;
	}

	.wrapper2{
	width: 1000px;
	max-width: 1000px;
	}
	
	.wrapper3{
	width: 850px;
	max-width: 850px;
	}
	
	.wrapper4{
	margin-left: auto;
  	margin-right: auto;
	max-width: 800px;
	}
	
	.wrapper6{
	margin-left: auto;
  	margin-right: auto;
	width: 450px;
	}
	
	
	.img-info {
	width: 200px;
	float:right;
	text-align: left;
	border:0px solid red;
	}	
	
	.img-info-belso {
	width: 800px;
	float:right;
	}	
	
	.img-info h2 {
	font-size: 15px;
	padding: 350px 0px 17px 12px;
	}	
	
	.img-info h3 {
	font-size: 15px;
	padding: 193px 0px 0px 12px;
	}	

	.img-info p {
	font-size: 13px;
	padding: 0px 0px 0px 12px;
	line-height: 17px;
	}	
	
	.img-1 {
	padding-top: 0px;
	padding-bottom: 5px;
	float:right;
	width:800px;
	}
	
	.img-2 {
		border:0px solid green;
		margin-left: auto;
  		margin-right: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 600px;
	float:right;
	}
	
	.img-3 {
	padding-top: 0px;
	padding-bottom: 10px;
	float:right;
	width:450px;
	}
	
	.img-4 {
	padding-top: 0px;
	width:800px;
	}
	
	.img-5 {	
	margin-left:100px;
	padding-top: 0px;
	width: 600px;
	}
	
	.img-6 {
	padding-top: 0px;
	width:450px;
	}
	
	.img-end {
		border:0px solid green;
		padding-top: 15px;
		padding-bottom: 5px;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
		width:255px;
	}
	
	 }