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

/* Layout: */


	.col-main {
  flex: 1;  
}  

.col-complementary {
  flex: 1;  
}

	
.layout {
    display: flex;
  }
	

.numberCircle {
  display: inline-block;
  line-height: 0px;
  border-radius: 50%;
  font-size: 1.5em;
background: #F37274;
	color: white;
}

.numberCircleBlue {
  display: inline-block;
  line-height: 0px;
  border-radius: 50%;
  font-size: 1.5em;
background: #00a6ed;
	color: white;
	
}

.numberCircleBlue span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 10px;
  margin-right: 10px;
}

.numberCircle span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 10px;
  margin-right: 10px;
}


.bg2 {
background: #191919;

}

.bg3 {
background: #0a0e1b;

}

.bg4 {
background: #ffffff;

}

.bg5 {
	background: #c76428;
}

.bg6 {
	background: #E5E5E5;
}

.col_img {
	width: 100%; 
	padding: 4%; 
	vertical-align: middle; 
	display: flex; 
	align-items: center; 

}

.padpara {
	padding: 2%;
}



.button_cs {
	width: 160px;
	padding: 10px;
	border: 2px solid #414141;
  	color: #414141;
	text-decoration: none;
	font-size: 1.2em;


}




.button_preview {
	width: 160px;
	padding: 10px;
	border: 2px solid #414141;
	text-decoration: none;
	font-size: 1.2em;
	margin: 0 auto;
	


}



.button_preview a {
	color: #437f98;
	font-weight: 400;
	text-decoration: none;
}

.button_preview:hover {
	border: 2px solid #437f98;
    transition-duration: 0.6s;
	
}

.preview_text {
	
	text-align: center; 
	margin: 0 auto; 
	vertical-align: middle;
	padding-bottom: 3%;
}


.preview_header_mobile {

    width: 100%;
	padding-top: 6%;
	display: none;
}

.preview_header {

    width: 100%;
	padding-top: 9%;
	display: block;
	margin: 0 auto;
}

/* Solid border */
hr.solid {
  border-top: 1px solid #bbb;
	margin: 25px;
	padding 15px 0 10px 0;
	
	display: flex;
	justify-content: center;
}

.box-shadow-case {
-webkit-box-shadow: 0px 10px 13px -7px #dfdfdf, 5px -11px 15px 20px rgba(210,210,210,0); 
box-shadow: 0px 10px 13px -7px #dfdfdf, 5px -11px 15px 20px rgba(210,210,210,0);
}


@media only screen
and (max-device-width : 320px)

{
	
.button_preview {

	justify-content: center;
	margin: 0 auto;

}	

.preview_header {

    width: 100%;
	padding-top: 6%;
	display: none;
}
	
.preview_text {
	
	text-align: center; 
	margin: 0 auto; 
	vertical-align: middle;
	padding-bottom: 3%;
}


.preview_wrapper {
	background: #191919;
    width: 100%;
	
}

.preview_header_mobile {
    width: 100%;
	padding-top: 13%;
	display: block;
}



}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
.button_preview {

	justify-content: center;
	margin: 0 auto;

}	

.preview_header {

    width: 100%;
	padding-top: 6%;
	display: none;
}
	
.preview_text {
	
	text-align: center; 
	margin: 0 auto; 
	vertical-align: middle;
	padding-bottom: 3%;
}


.preview_wrapper {
	background: #191919;
    width: 100%;
	
}

.preview_header_mobile {
    width: 100%;
	padding-top: 13%;
	display: block;
}



}