@font-face {
    font-family: "ELEPHNT";
    font-style: normal;
    font-weight: normal;
    src:url("ELEPHNT.TTF") format("truetype");
}
@font-face {
    font-family: "OCRAEXT";
    font-style: normal;
    font-weight: normal;
    src:url("OCRAEXT.TTF") format("truetype");
}
.Abril
{
	font-family: 'Lobster Two', cursive;
	font-weight:normal;
}
.forte{font-family:forte; font-weight:normal;}
.elephant{font-family:ELEPHNT; font-weight:normal;}
.OCRAEXT{font-family:OCRAEXT; font-weight:normal; margin:0px 0px 20px 0px;}
body {
	font-family: 'Open Sans', sans-serif;
    margin:0px;
	padding:0px;
	color:#1f1f1f;
	font-size:16px;
	box-sizing: border-box;
	
}
a {text-decoration:none;}
img{border:none;}
p{margin-right:0px; margin-left:0px;}
.header{
	background: #e8ebf1 none repeat scroll 0 0;
    display: table;
    position: fixed;
	
    width: 100%;
	box-shadow:0 1px 3px 0px #8c8c8c;
    z-index: 999;
}
.logo-container{width:310px; text-align:center; height:auto; margin:0px auto;}
.logo{width:100%; margin-top:10px; float:left;}
.logo img{width:133px; max-height:71px;}
.clear{clear:both;}
.wrapper{
width:85%;
margin:0px auto;
display:table;	
}
.red{color:#f00}
.blue{color:#002060;}
.purple{color:#4f81bd;}
.white{color:#fff;}
.sectionfirst{padding-top:100px;}
.sections{padding-top:30px;}
.center{text-align:center;}
.bigfont-vw{font-size:4vw;}
.mfont-vw{font-size:3vw;}
.sfont-vw{font-size:2.5vw}
.ssfont-vw{font-size:25px;}
.ybtn{
width:300px;
display:block; 
margin:0px auto; 
font-weight:normal; 
text-align:center; 
line-height:1.5; 
box-shadow:0px 0px 8px 6px #ddd500 inset;
padding: 10px 7px;
background:#ece400;
cursor:pointer;
margin-bottom:20px;
}
hr {
    display: block;
    height: 2px;
    border: 0;
    margin: 30px 0;
    padding: 0;
    background-image: -webkit-linear-gradient(left, #fff, #FE6600, #fff);
    background-image: -moz-linear-gradient(left, #fff, #FE6600, #fff);
    background-image: -ms-linear-gradient(left, #fff, #FE6600, #fff);
    background-image: -o-linear-gradient(left, #fff, #FE6600, #fff);
    width: 50%;
    left: 25%;
    position: relative;
    border: none;
}	
.btn {
    padding: 12px 50px;
	display: inline-block;
    background-color: #b40;
    background-image: linear-gradient(#b40,orange);
    border-radius: 30px;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
	text-align: center;
    font-weight: normal;
}
.bigbtn{
	width:290px;
}
.btn:hover {
    background: linear-gradient(orange,#b40);
}
.grnbtn{
background:green;
transition:all ease 0.5s;
}
.grnbtn:hover{
	transform:scale(1.1);
	background:green;
	box-shadow:0px 3px 0px 0px #000;
}
.totvdo.totalvideo{
	width:48%; float:left;
}
.totsimg{
width:48%; float:right;
}
.buybtn{max-width:100%; margin-top:30px; width:30%;}
.bluebg{
	background:#002060;
	margin:0px 0px;
}
.margin-bottom10{margin-bottom:10px;}
.margin-topbottom10{margin-top:10px; margin-bottom:10px;}
.totalvideo{
width:70%; box-sizing:border-box; padding:12px; border:1px solid #333; border-radius:10px; margin:0px auto;
}
.fbpost{
	width:39%;
	box-sizing:border-box; 
	margin:0px auto;
}
.totalvideo video{
width:100%;
}
.list li{
	line-height: 1.5em;
    padding: 3px;
    list-style: url(../images/bullet_point.png);
    text-align: left;
    z-index: 999;
}
.list1 li{
	line-height: 1.5em;
    padding: 3px;
	padding: 3px 3px 3px 30px;
	background: url(../images/bullet_point1.png) no-repeat;
	background-position:left center;
    list-style:none;
    /* list-style: url(../images/bullet_point1.png); */
    text-align: left;
    z-index: 999;
}
.list-arrow li{
	line-height: 1.5em;
    padding: 3px;
    list-style: url(../images/arrow2.png);
    text-align: left;
    z-index: 999;
	}
.checkcircle{
	line-height: 1.5em;
	padding-left: 30px;
	background: url(../images/bullet-points-1.png) no-repeat;
	background-position:left top;
    text-align: left;
    z-index: 999;
}
.fb-clubimg{
width:40%; margin:0px auto; display:block;
}
/********************** Responsive Start *********************/

@media only screen and (min-width: 1366px){
.wrapper{
width:1044px;
}
.bigfont-vw{
font-size:50px;
}
.mfont-vw{
font-size:40px;
}
.sfont-vw{
font-size:35px;
}
.fbpost{width:505px;}

}

@media only screen and (max-width: 768px){
.logo-container {
    width: 310px;
    height: auto;
    margin: 0px auto;
}
.totalvideo{
	width:100%;
}
.bigfont-vw {
    font-size: 5vw;
}
.mfont-vw{font-size:4vw;}
.sfont-vw{font-size:3.5vw;}
.buybtn{width:60%;}
/* .cleft{width:90%;} */
.fbpost{width:95%}
	.fb-clubimg{
	width:90%;;
	}
	.totvdo.totalvideo{
	width:100%; float:none; margin-bottom:10px;
	}
	.totsimg{
	width:100%; float:none;
	}
	
}
@media only screen and (max-width: 576px){
.bigfont-vw {
    font-size: 6vw;
}
.mfont-vw{font-size:5vw;}
.sfont-vw{font-size:4vw;}
.buybtn{width:70%;}
.ssfont-vw{font-size:20px;}
}
@media only screen and (max-width:480px){
.bigfont-vw {
    font-size: 7vw;
}
.elephant.bigfont-vw {
    font-size: 6vw;
}

.mfont-vw{font-size:6vw;}
.sfont-vw{font-size:5vw;}
.buybtn{width:80%;}

}

@media only screen and (max-width:320px){
.btnm {
    padding: 12px 7px;
	}
	.bigbtn{padding: 12px 0px;}
}