body {
 background: url(../img/bg.jpg);
    background-repeat: no-repeat;
    /* background-position: center; */
    font: 12px/25px 'Lato', sans-serif;
    background-size:cover;
	background-color:#000000;
    background-position: center top; 
	padding-top: 40px;
  
 }
 
 
 
 
 .v1{
 display:none;
 }
 
 .v2{
 }
 
 
 
 
 
.margin30{
margin-bottom:30px;
}
.padding{
padding:0px;
}
.margin-tb{
margin-top:-36px;
margin-bottom:5px;
}
.margin-50{
margin-top:50px;
margin-bottom:20px;
}
.logo{
position:relative;
z-index:+999;
}
.space{
letter-spacing: 1px;
}

.scroll{
    border: 1px solid #c18832;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	}


.scroll01{
letter-spacing: 1px;
    border: 1px solid #c18832;
	padding:3px;
	font-size:0.900em;
	color:#f5cc5e;
	width:80%;
	max-width:450px;
	text-align:center;
	margin:auto;
	margin-top:-20px;
	background:#000;
	position:relative;
	z-index:+999;
	}


video {
    width: 100%;
    height: auto;
	vertical-align:bottom;
}

/*
.wrapper         {width:100%;height:100%;margin:0 auto;background:#ffffff}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}


iframe, object, embed {
    max-width: 100%;
}*/
.index-video {
    padding:0px;
    border: 1px solid #c18832;
 } 
 .youtube {
	position: relative;
	padding-bottom: 56.23%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin:0px;
}

 
.youtube06 {
    position: relative;
    padding-bottom: 29%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: url(../img/bg-video.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px;
    margin-bottom: 0px;
}






.youtube iframe,  .youtube object,  .youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}
.youtube img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width:80px;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
 -webkit-transition: .4s all;
 -moz-transition: .4s all;
 transition: .4s all;
 
}
.youtube img:hover {
	-webkit-filter: brightness(75%);
}
.youtube .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url(img/play.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
 
.ft{ padding:0px;}
.ft .box{ float:right; margin-left:5px; }
.ft .box1{ float:right; margin-left:0px; }
.ft2{ text-align:right; color:#939598; font-size:0.700em; margin-top:10px; float:right; }
.ft3{}
 
 
 
 
 
h1 {
	font-size: 1.667em !important;
	font-family:  'Lato', sans-serif !important;
	font-weight:normal !important;
	letter-spacing:0.05em;
}
h2 {
	font-size:1.800em !important;
	font-family:  'Lato', sans-serif !important;
	font-weight:normal !important;
}
h3 {
	font-size:0.9em !important;
	font-weight:normal !important;
	font-family:  'Lato', sans-serif !important;
}
h4 {
	font-size: 1.467em !important;
	font-weight:normal !important;
	font-family:  'Lato', sans-serif !important;
}
h5 {
	font-size:1.681em !important;
	font-family:  'Lato', sans-serif !important;
	font-weight:normal !important;
}
p {
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	color:#f5cc5e;
	margin-bottom:0px;
 }
a {
	color: #f5cc5e;
	text-decoration: none;
 }
a:hover {
	color:#fff;
	text-decoration: none;
 }





@media only screen and (min-width:560px) and (max-width:767px) {
.scroll01 {
    letter-spacing: 1px;
    border: 1px solid #c18832;
    padding: 3px;
    font-size: 1.1em;
    color: #f5cc5e;
    width: 60%;
    max-width: 500px;
    text-align: center;
    margin: auto;
    margin-top: -20px;
    background: #000;
    position: absolute;
    z-index: +999;
    /* height: 40px; */
    bottom: 176px;
    margin-left: 20%;
}
.ft {
    padding: 0px;
    width: 60%;
    margin: auto;
    /* margin-left: 20%; */
    /* margin-right: 30%; */
    max-width: 210px;
    margin-top: 20px;
    float: none !important;	}

.ft2 {
    text-align: center;
    color: #939598;
    font-size: 0.700em;
    margin-top: 10px;
    float: right;
    width: 100%;
}
.crsl-items {
    /* display: block; */
    padding: 0px;
    margin-top: 50px;
    width: 85% !important;
    margin: auto;
    z-index: +999;
    position: relative;
}
.ft3{
margin-bottom:20px;
}


 .v1{
 display:block;
 }
 
 .v2{
 display:none;
 }
 






}


@media only screen and (min-width:320px) and (max-width:559px) {
.slidernav{
width:90% !important;
}

 .v1{
 display:block;
 }
 
 .v2{
 display:none;
 }
 








.youtube06 {
    position: relative;
    padding-bottom: 55%;
	}
.margin-tb {
    margin-top: -10px;
    margin-bottom: 5px;
}.scroll01 {
    letter-spacing: 1px;
    border: 1px solid #c18832;
    padding: 3px;
    font-size: 1.1em;
    color: #f5cc5e;
    width: 96%;
    max-width: 500px;
    text-align: center;
    margin: auto;
    margin-top: -20px;
    background: #000;
    position: absolute;
    z-index: +999;
    /* height: 40px; */
    bottom: 178px;
    margin-left: 2%;
}
.ft {
    padding: 0px;
    width:57%;
    margin: auto;
    margin-left:22.5%;
    margin-right: 20%;    max-width: 210px;
	margin-top:20px;
	    float: left !important;
	}

.ft2 {
    text-align: center;
    color: #939598;
    font-size: 0.700em;
    margin-top: 10px;
    float: right;
    width: 100%;
}
.crsl-items {
    /* display: block; */
    padding: 0px;
    margin-top: 50px;
    width: 55% !important;
    margin: auto;
    z-index: +999;
    position: relative;
}
}

@media only screen and (min-width:768px) and (max-width:1280px) {
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
body {
font-size:11.2px !important;
}
}

@media only screen and (min-width:1025px) and (max-width: 1152px) {
 body {
 font-size:12.6px;
}
}
 @media only screen and (min-width: 1153px) and (max-width:1280px) {
 body {
 font-size:13px !important;
}
 @media only screen and (min-width:1281px) and (max-width: 1366px) {
}
 body {
 font-size:15px;
}
}
 @media only screen and (min-width:1366px) and (max-width: 1440px) {
 body {
 font-size:15.75px;
}
}
 @media only screen and (min-width:1441px) and (max-width: 1650px) {
 body {
 font-size:18px;
}
}
 @media only screen and (min-width:1651px) and (max-width: 1920px) {
 body {
 font-size:21px;
}
}
@media only screen and (min-width:2101px) and (max-width:3000px) {
}
 @media only screen and (min-width:1921px) and (max-width:2100px) {
body {
font-size:21px;
}
}