/*
    half.css
    web-communication.eu | 03/01/2018
    Copyright 2018 web-communication.eu
*/


.half {
	position:					relative;
	margin:						0 auto;
	width:						100%;
	padding: 					250px 0;
	overflow: 					hidden;
	
	background-color:  			#000;
	
	background-position: 		center;
	-webkit-background-size:	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
}


.black-bg {
	background-image:  			url('../images/169.jpg');
}

.white-bg {
	background-image:  			url('../images/163.jpg');
}

.db-bg {
	background-image:  			url('../images/111213.jpg');
}

.half .content-right { 
    position:						absolute;
    top: 							0;
	right:							-20%;
	width: 							70%;
	height: 						100%;
	background: 					#eee;
	padding:    					130px 0 0 150px;
	
	-ms-transform: 					skew(-40deg);/* IE 9 */
	-webkit-transform: 				skew(-40deg);
	   -moz-transform: 				skew(-40deg);
	     -o-transform: 				skew(-40deg);
			transform: 				skew(-40deg);
}


.half .content-left { 
    position:						absolute;
    top: 							0;
	left:							-15%;
	width: 							60%;
	height: 						100%;
	background: 					#fff;
	padding:    					100px 0 0 230px;
	
	-ms-transform: 					skew(40deg);/* IE 9 */
	-webkit-transform: 				skew(40deg);
	   -moz-transform: 				skew(40deg);
	     -o-transform: 				skew(40deg);
			transform: 				skew(40deg);
}




.half .topic {
	margin: 					0;
	margin-left:   50px;
	font-family:         		'Verdana'; 
	width: 						60%;
	padding: 					20px;
	/*background: #ff00ff;*/
	
	-ms-transform: 					skew(40deg); /* IE 9 */
	-webkit-transform: 				skew(40deg);
	   -moz-transform: 				skew(40deg);
	     -o-transform: 				skew(40deg);
			transform: 				skew(40deg);
	
}

.half .topic .bg {
	padding: 0;
}

.half .topic p {
    font-size:		            18px; 
	font-weight:    		    normal;
	color: 						#666666; 
	padding: 					5px 2px;
	
}

.half .topic h1 {
	font-family: 				'Michroma', sans-serif; 
	color:              		#000000; 
	font-size:					20px;
}

.half .topic h2 {
	font-family: 				'Michroma', sans-serif;
	/*font-size:   		        18px;*/  
	color:              		#000; 
}

.half .topic p.price {
	padding:					0 20px;
	text-align:					right;
	font-size:					22px;
	color: 						#333333;
}


.half .topic p.price s {
	font-size:					16px;
	color:						#999999;
}

.half .line {
	width: 						10%;
	margin: 					10px auto;
	position: 					relative;
	border-bottom: 				2px solid #ff00ff;
}

.half sup {font-size: 12px;}








.half .submit, 
.half .submit:visited {
    color:                     #FFFFFF;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 15px;
    font-weight:               normal;
    margin: 	               0;
    background-color:          #0000FF;
    cursor:                    pointer;
    border:                    none;
    padding:                   14px 40px;
    text-decoration:           none;
	text-transform: 		   uppercase;
    display:                   inline-block;
    line-height:               1;
    -webkit-appearance:        none;
    border-radius:             28px;
    -moz-border-radius:        28px;
    -webkit-border-radius:     28px;
}

.half .submit:hover {
  	background-color:                #2181FF; 
}




/* responsive */	

@media only screen and (max-width: 1135px) {
	
	.half .content-right { 
		padding:    				160px 0 0 150px;
	}
	.half .topic {
		margin: 					0;
		width: 						75%;
		padding: 					20px;
	}
	.half .topic h1 {
		font-size:					16px;
	}
	
	.half .topic p {
		font-size:		            14px; 
		color:              		#000000;
	}
	
	.half .topic p.price {
		font-size:					18px;
	}

	.half .topic p.price s {
		font-size:					14px;
	}
	
	.half sup {font-size: 10px;}
	
}

@media only screen and (min-width: 1136px) and (max-width: 1280px){
	
	.half .content-right { 
		padding:    				160px 0 0 150px;
	}
	.half .topic {
		margin: 					0;
		width: 						70%;
		padding: 					20px;
	}
	.half .topic h1 {
		font-size:					16px;
	}
	
	.half .topic p {
		font-size:		            14px; 
		color:              		#000000;
	}
	
	.half .topic p.price {
		font-size:					18px;
	}

	.half .topic p.price s {
		font-size:					14px;
	}
	
	.half sup {font-size: 10px;}
}

@media only screen and (min-width: 1281px) and (max-width: 1439px){
	
	.half .content-right { 
		padding:    				160px 0 0 150px;
	}
	.half .topic {
		margin: 					0;
		width: 						70%;
		padding: 					20px;
	}
	.half .topic h1 {
		font-size:					16px;
	}
	
	.half .topic p {
		font-size:		            14px; 
		color:              		#000000;
	}
	
	.half .topic p.price {
		font-size:					18px;
	}

	.half .topic p.price s {
		font-size:					14px;
	}
	
	.half sup {font-size: 10px;}
}

@media only screen and (min-width: 1440px) and (max-width: 1679px){
	
	.half .content-right { 
		padding:    				150px 0 0 150px;
	}
	.half .topic {
		margin: 					0;
		width: 						67%;
		padding: 					20px;
	}
	.half .topic h1 {
		font-size:					18px;
	}
	
	.half .topic p {
		font-size:		            16px; 
		color:              		#000000;
	}
	
	.half .topic p.price {
		font-size:					20px;
	}

	.half .topic p.price s {
		font-size:					16px;
	}
	
	.half sup {font-size: 12px;}
}