/*
Credit: http://www.templatemo.com
*/

/* 
Blue Motion Template 
http://www.templatemo.com/preview/templatemo_291_blue_motion 
*/


blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; }
cite span { color: #000; }
em { color: #145d7e; }

.image_wrapper {
	display: inline-block;
	padding: 8px;
	border: 1px solid #999;
	background: #ffffff;
	margin-bottom: 10px;
}

.templatemo_list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.templatemo_list li {
	background: transparent url(../../images/templatemo_list.png) no-repeat scroll 0 0px;
	margin:0 0 20px;
	padding:0 0 0 25px;
	line-height: 1em;
}

.button a {
    clear: both;
	display: block;
	width: 105px;
	height: 35px;
	padding: -2px 0 0 0;
	margin-top: 0px;
	background:  url(../../images/button.png) no-repeat;    
	color: white;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	background: url(../../images/button_hover.png) no-repeat;
}

/* Home_content_wrapper */

.Home_content_wrapper {	
	width: 100%;     
    padding: 0px; 
    border: 0px solid blue;
}

.Home_content_table {
    clear: both;
	width: 1270px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px; 
	text-align: center;
    border: 0px solid red;
}

.inner-container {
    clear: both;
	width: 1270px;
	margin: 0 auto;
	padding: 0 0px;        
}

.box_01_wrapper {
	width: 429px;
	padding: 0 0px;    
    font-size: 1.2em;
    letter-spacing:2px;
    line-height: 22px;          
}

.box_01 {        
    width: 429px;
	min-height: 370px;
	padding: 10px 10px;           
    background-color: darkseagreen; 
	/* background: url(../../images/slide1.jpg) no-repeat top center;  */
}

.box_01 h5 {
    font-size: 1.08em;
    color: white;      
	margin-bottom: 0px;
    padding: 4px;           
}

.box_01 img {
    position: relative;
	width: 410px;
	height: 246px;
	border: 4px solid #fff;
}

.box_01 videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    border: 10px solid #fff;
    height: 0;
}
.box_01 videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
}

.box_01 .pics{ 
   position:relative;
   padding-left: 14px;
   width: 410px;
   height: 246px;
   border: 0px solid #fff;
}

.box_01 .pics img{ 
  position:absolute;  
  /* fade out image2 sec */
  -webkit-transition:opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;  
}

.box_01 .pics img:last-child:hover{
  /* slide in no visible */
  opacity:0;
}

.box_01 p {     
    font-size: 0.89em;
    color: white; 
    background-color: darkseagreen;
}

.box_01 span {
    height: 14px;    
    font-size: 0.82em;
    color: blue; 
    border: 0px solid #fff;
}

.bg-video {
    min-width: 100%;
    min-height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    object-fit: cover;
    z-index: -1;
}

.bg-video::-webkit-media-controls {
    display: none !important;
}

.sm-video {
    min-width: 420px;
    min-height: 23vh;
    max-width: 420px;
    max-height: 23vh;
    object-fit: cover;
    z-index: -1;
}

.sm-video::-webkit-media-controls {
    display: none !important;
}