/* Basic */

	body {
	font-size:15px;
	font-family: 'Lato', sans-serif; 
	color:#333;; line-height:1.5em;
	background-color:#ffffff;font-size: 16px; 
    height: 100%;
    width: 100%; margin: auto
    position: relative;
        
    
}

	input, select, textarea {
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	

		a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 400;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1.75em;
		margin-bottom: 1em;
		text-transform: uppercase;
	}

		a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h2 {
		font-size: 1.4em;
		letter-spacing: 0.1em;
	}

	h3 {
		font-size: 1.15em;
		letter-spacing: 0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

	


/* Table */

	table {
		width: 100%;
	}


			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background: #7c8081;
				color: #fff;
			}




.parallax-window {
   
    background: transparent;
}


/* Wrapper */
.wrapper {
		margin-bottom: 5em;
        width: 100%; margin: auto; 
    position:relative;
	padding-bottom:30px
    
	}

/* Header */

	#header {
		
		font-size: 0.8em;
		left: 0;
		padding: 0.5em ;
		position:relative;
		top: 0;
		width: 100%;
		z-index: 100; height: 60px;
        background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCABGAEYDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECCP/EACQQAQACAgICAgIDAQAAAAAAAAEAESExAkFRYXGBobEiwfGR/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAWEQEBAQAAAAAAAAAAAAAAAAAAEQH/2gAMAwEAAhEDEQA/AOj6rF41AIrcU+S3zAa6/qAvkgWLUawFmochg+oG8rggQLrGJUoxn1BkXcdmR+ZRLruUyl9Q1Vm6qKsOvuAvfi4i/EQHeTUJXHDUBjCx6P8AIEBsbHq5aw1XnPcgUrDbxfUC1bur6jZrLM8LOIckUKshLEdxotlovUq+fzMhlXvE1Yccl/3Ath3+YkuvERAbG2Fa93FaXe5MtGviAuh9kuULd5okDFcsm89SafNYGBUzvDHEp3S+O4C99Slm3/sByacFF18yG8LX7gavLK7b0+oD6uIo14iIIWOC31JyG6C39S3TgtWLza/MCnYf7FW11V4g9S0V19wIG7KXzJjV6l5OjvUBV+LtgZWq6dQaofcacedyhdXiArsYmhOkqIohr1FFX1EQHcvL+JcRGjNWkHvMRAXSEnHX3EQNBuIiB//Z');
	}

#header a.features{ display: inline-block; overflow: hidden;}


.rowtop{  width: 100%;  max-width: 980px; position: relative; margin: auto; padding:0; overflow: hidden;}

.row{  width: 100%;  max-width: 980px; position: relative; margin: auto; padding:20px 0; overflow: hidden;}


.wrapper .topNav{ max-width: 910px;  width: 100%; margin: auto; position: relative;
text-align: center;

}

.wrapper .topNav .menu{ position: absolute; width: 100%; z-index: 10; left: 0; top:0; overflow: hidden; padding: 5px 10px }

.wrapper .topNav img.menubtn{width: 100%;  max-width: 871px; padding-top: 15px;}

.wrapper .topNav img.logo45 {width: 100%; max-width: 163px; padding-top: 40px; margin-left: 15px;}




.wrapper h1.title { text-align:center; padding-top:10px}
.wrapper h1.title img{ width: 100%;}
.wrapper h1.title img.title1{ max-width:620px;}
.wrapper h1.title img.title2{ max-width:370px;}
.wrapper h1.title img.title3{ max-width:370px;}
.wrapper h1.title img.title4{ max-width:560px;}
.wrapper h1.title img.title5{ max-width:470px;}
.wrapper h1.title img.title6{ max-width:585px;}


.row .inner{ width: 100%; max-width: 860px; margin: auto; overflow: hidden; padding:35px 0 50px 0; }
.row .rowlist2{ float: left; width: 50%; padding: 0 20px; }
.row .rowlist2 .title{ text-align: left}
.row .inner .vpic img { width: 100%; }

.row .rowlist1{ text-align: center;width: 100%; padding: 0 20px; }
.row .rowlist1 .vpic img { max-width: 500px; }

.vpic a img{ -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 1; background-color: transparent;}
.vpic a:hover img{ opacity: 0.8;}





.wrapper .loading{
background: url(../../images/loading.gif) 50% 50% no-repeat #fff;
width: 100%;height: 100%;opacity: 0.5; position: absolute; z-index: -1; background-size: 250px; max-width:960px }

.wrapper .video_swiper { overflow: hidden; margin: 10px; position: relative}
.wrapper .video_swiper .slick-list{  overflow: hidden; padding-left: 8px;}
.wrapper .video_swiper .slick-prev { left: 0; z-index: 9}
.wrapper .video_swiper .slick-next { right: 0; z-index: 9}
.wrapper .video_swiper .slick-dots { bottom: 0; position: relative}


.wrapper #videolist{
width:100%; margin: auto; padding:0 40px; opacity: 100;
}
.wrapper #videolist .item{
text-align: center;
overflow: hidden; float: left; margin:5px 8px 5px 0 }
.wrapper #videolist .item .vpic img{
width:100% ;}
.wrapper #videolist .item h4{ font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}

.wrapper .video_slider2 .item .vpic a{ display: inline-block}





.bkg_pattern1{
background:  url("../../images/bkg_0203.jpg") 50% 0 no-repeat;
background-size:cover;             
 }
 
.bkg_pattern2{
background:  url("../../images/bkg_05.jpg") 50% 0 no-repeat;
background-size:cover;             
 }




.flickity-prev-next-button.previous{left: 5px;}
.flickity-prev-next-button.next{right: 5px;}
.wrapper .slidebox .flickity-page-dots { bottom: 0; padding:10px 0 }

.wrapper .album { padding-top: 25px}
.wrapper .album ul { width: 100%; max-width: 768px;overflow: hidden;position: relative; margin: auto;}
.wrapper .album li { width: 50%; float: left; padding:3px;  }
.wrapper .album li:nth-child(3),
.wrapper .album li:nth-child(4),
.wrapper .album li:nth-child(5){ width: 33.3%}


.wrapper .album li:nth-child(5) .image_wrap {background-color: #000}
.wrapper .album li:nth-child(5) .image_wrap  span{ position: absolute;z-index: 99; color: #fff; width: 100%; left: 0; top: 50%; text-align: center}
.wrapper .album li:nth-child(5) .image_wrap  img{opacity: 0.7; }


.wrapper .album .image_wrap{
    display: block;
width: 100%;
position: relative;
height: 0;
padding: 66.66% 0 0 0;
overflow: hidden;}

.wrapper .album .image_wrap a img{
position: absolute;
display: block;
max-width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;}


.fancybox-content { padding-top: 40px;}
.fancy_box { width: 100%; max-width: 800px;}
.fancy_box video {width: 100%; margin: auto; text-align: center; display: block}
.fancy_box h2{ margin-bottom: 0.5em; font-weight: bold; margin-top: 5px;line-height:1.4em;}
.fancy_box p { margin: 0.2em 0 0.6em 0; color: #444}

.ad_970 { padding-top: 10px;width: 970px; margin: auto; text-align: center;}
.ad_320 { display: none; padding-top: 10px;  width: 320px; margin: auto; text-align: center;}


/* Footer */
#footer {background-color: #fff;}

/* footer 2014 */
#footerWrap_2014 {
    width: 100%;
    max-width: 960px; margin: auto;
	font-size:13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e5ea; padding:20px; background-color: #fff;
}
#footerWrap_2014 .b2t_2014 {
	margin:0 0 5px 0;
	padding:0 0 3px 10px;
	border-bottom:solid 1px #ccc;
	line-height:130%;
	text-align:left;
	font-size:12px;
}

#footerWrap_2014  p
{
		
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		color:#333333;
		font-size:13px;
		
}

#footerWrap_2014  a
{
		
		color:#333333;
	
		
}

#footerWrap_2014 p#copyright_2014 {
		font-size:12px;	
}

#footerWrap_2014 #copyright_2014 {
	-webkit-text-size-adjust: none;
	line-height:130%;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerWrap_2014 #disclaimer_2014 {
	-webkit-text-size-adjust: none;
	line-height:140%;
	
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

}
#footerWrap_2014 #disclaimer_2014 p {
	
	line-height:140%;
		color: #b3b3b3;
			font-size:11px;
}

#footerWrap_2014 #footerWrap_icon_v2_2014
{
	
	background-color:#e2e5ea;
	margin-top:30px;
	
}

#footerWrap_2014 #footerWrap_icon_v2_2014 p
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 10px;
	
}


#footerWrap_2014 #footerWrap_icon_v2_2014 p img
{


   padding-left:15px;
   padding-right:15px;

}

#footerWrap_2014 #footerWrap_icon_v2_2014 p iframe
{
	height:20px;

}

#footerWrap_2014 #footerWrap_icon_v2_2014 span a
{
	color:#3f5aa1;	
}
#footerWrap_2014 #footerWrap_icon_v2_2014 span a:hover
{
	color:#0066cc;	
}






/************************************************************************************/


@media screen and (max-width: 980px) {

			body, input, select, textarea {
				font-size: 13pt;
				letter-spacing: 0.025em;
				line-height: 1.5em;
			}

.ad_970 { display: none}
.ad_320 { display:block}    
		
	}





@media screen and (max-width: 768px) {
.mobileview { display: none}
.wrapper .topNav img.logo45 { margin-left: 0; padding-top: 5px;}
.wrapper .album ul{ padding: 0 10px;}  
.wrapper .slidebox .videolist .vpic a span { font-size: 1.2em;}  
    
.wrapper .video_swiper .slick-prev,
.wrapper .video_swiper .slick-next   { background-size: 15px 34px;
  } 
.wrapper #videolist .item h4 { font-size: 1em;}    
    
    
}

@media screen and (max-width: 414px) {
.row .inner { padding: 0px 0 20px 0}    
.row .rowlist2{ width: 100%; padding-bottom: 20px;}
.row .rowlist2 .title { margin-bottom: 0}
.wrapper .topNav img.logo45 { width: 30%}
 

    
.fancybox-content { padding-left: 15px; padding-right: 15px;}

.wrapper .video_swiper { margin: 3px}    
.wrapper #videolist { padding: 0 20px}
 .wrapper .video_swiper .slick-prev,
.wrapper .video_swiper .slick-next   { background-size: 15px 34px;
    padding:12px; }    
.wrapper .video_swiper .slick-dots { top:-10px;}  
    
    
}
@media screen and (max-width: 375px) {

.wrapper .loading{ background-size: 200px; }
}