/*
    doubleshapes.css
    eastwestmoto.com | 10/01/2017
    Copyright 2018 web-communication.eu
*/


.doubleshapes {
	position:					relative;
	margin:						0 auto;
	width:						100%;
}



.doubleshapes img {
	max-width: 					100%;
	display: 					block;
}




.doubleshapes .topic {
	margin: 					0;
	position:					absolute;
	top: 						15%;
	width: 						50%;
	right: 						50%;
	font-family:         		'Verdana'; 
	text-align: 				center;
	-webkit-transform: 			translate(50%, 0);
	transform: 					translate(50%, 0);
}

.doubleshapes .topic .bg {
	background: 				rgba(255,255,255,.7);
	padding: 					25px 0;
}

.doubleshapes .topic p {
    font-size:		            16px; 
	font-weight:    		    normal;
	color: 						#000; 
	line-height: 				22px;
	padding: 					10px 60px;
	
}

.doubleshapes .topic h1 {
	font-family: 				'Michroma', sans-serif; 
	color:              		#000000; 
	z-index: 					10;
}

.doubleshapes .topic h2 {
	font-family: 				'Michroma', sans-serif;
	color:              		#000000; 
}

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




.doubleshapes .spotline {
	position:					absolute;
	margin: 					0;
	bottom: 					8%;
	width: 						50%;
	right: 						0;
	font-family:         		'Verdana'; 
	float: 						left;
	padding: 					50px 80px 50px 70px;
}


.doubleshapes .spotline p {
    padding: 					0 15px 30px 15px;
	font-family:         		'Verdana', sans-serif;
    font-size:		            16px; 
	font-weight:    		    normal;
	color: 						#555555; 
}

.doubleshapes .spotline h3 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        22px; 
	font-weight:       		    bold; 
	color:              		#333333; 
	padding: 					15px;
}



.doubleshapes .topline {
	position:					absolute;
	margin: 					0;
	top: 						8%;
	width: 						50%;
	left: 						0;
	font-family:         		'Verdana'; 
	float: 						left;
	padding: 					50px 70px 50px 80px;
}


.doubleshapes .topline p {
    padding: 					0 15px 30px 15px;
	font-family:         		'Verdana', sans-serif;
    font-size:		            16px; 
	font-weight:    		    normal;
	color: 						#555555; 
}

.doubleshapes .topline h3 {
	font-family: 				'Michroma', sans-serif;
	font-size:   		        22px; 
	font-weight:       		    bold; 
	color:              		#333333; 
	padding: 					15px;
}


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




/* responsive */	

@media only screen and (max-width: 1135px) {
	
	.doubleshapes .spotline {
		bottom: 					0;
		padding: 					35px 50px;
	}
	
	.doubleshapes .spotline p {
		font-size:		            14px; 
		padding: 					0 15px 20px 15px;
	}

	.doubleshapes .spotline h3 {
		font-size:   		        18px; 
	}
	
	.doubleshapes .topline {
		top: 						0;
		padding: 					35px 50px;
	}
	
	.doubleshapes .topline p {
		font-size:		            14px; 
		padding: 					0 15px 20px 15px;
	}

	.doubleshapes .topline h3 {
		font-size:   		        18px; 
	}
	
	.doubleshapes sup {
		font-size:   		        10px; 
	}
	
}

@media only screen and (min-width: 1136px) and (max-width: 1366px){
	
	.doubleshapes .spotline {
		bottom: 					2%;
		padding: 					50px;
	}
	
	.doubleshapes .spotline p {
		font-size:		            14px; 
		padding: 					0 15px 20px 15px;
	}

	.doubleshapes .spotline h3 {
		font-size:   		        18px; 
	}
	
	.doubleshapes .topline {
		top: 						2%;
		padding: 					50px;
	}
	
	.doubleshapes .topline p {
		font-size:		            14px; 
		padding: 					0 15px 20px 15px;
	}

	.doubleshapes .topline h3 {
		font-size:   		        18px; 
	}
	
	.doubleshapes sup {
		font-size:   		        10px; 
	}
}	


@media only screen and (min-width: 1367px) and (max-width: 1680px){
	
	.doubleshapes .spotline {
		bottom: 					4%;
		padding: 					50px;
	}
	
	.doubleshapes .spotline p {
		font-size:		            16px; 
	}

	.doubleshapes .spotline h3 {
		font-size:   		        20px; 
	}
	
	.doubleshapes .topline {
		top:	 					4%;
		padding: 					50px;
	}
	
	.doubleshapes .topline p {
		font-size:		            16px; 
	}

	.doubleshapes .topline h3 {
		font-size:   		        20px; 
	}
}	

@media only screen and (min-width: 1681px) and (max-width: 1919px){
	
	.doubleshapes .spotline {
		bottom: 					6%;
		padding: 					50px 70px 50px 60px;
	}
	
	.doubleshapes .spotline p {
		font-size:		            16px; 
	}

	.doubleshapes .spotline h3 {
		font-size:   		        22px; 
	}
	
	.doubleshapes .topline {
		top:	 					6%;
		padding: 					50px 70px 50px 60px;
	}
	
	.doubleshapes .topline p {
		font-size:		            16px; 
	}

	.doubleshapes .topline h3 {
		font-size:   		        22px; 
	}
}	

@media only screen and (min-width: 1920px) {
	
	
}