/*===============================================================
common portion start
=================================================================
*/

* {
	box-sizing: border-box
}
body {
	margin: 0;
	padding: 0 !important;	
}
body, html {
	font-size: 16px;
	height: 100%; 
}
div, table, tr, th, td, th, video, audio, h1, h2, h3, h4, h5, h6, aside, canvas, section, header, footer, nav, span, p, small, big, a, b, strong, img, hr, pre, button, input, textarea, optgroup, ul, li, ol, select, option, blockquote, nav {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	text-decoration: none;
	list-style-type: none;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
}
.clear {
	clear: both
}
.container {
	margin: 0 auto;
	padding: 0 0px;
    max-width: 1006px;
}
.row {	margin-left: -15px; margin-right: -15px; }
.row:after { content: ""; display: table; clear: both; }
.row:before { content: ""; display: table; clear: both; }

img {
	max-width: 100%;
}

input, textarea, select {
	width: 100%;
	height: 39px;
	border: none;
	margin: 0.125rem 0;
	border-radius: 3px;
	text-indent: 5px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	color: #575555;
	font-size: 15px;
	background: transparent;
	border: 1px #3b3b3b solid;
}
input:focus, textarea:focus, select:focus {
/*background:rgba(255,255,255,0.93);
	color: #000;*/
}
input[type="submit"] {
	width: 100%;
	background: transparent;
	color: #ffffff;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
	cursor: pointer;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
}
input[type="submit"]:hover {
	background: #FFF;
	color: #f8db3a;
}

		
	
	
	
::-moz-placeholder {
 color:#000;
 text-transform:uppercase;
 font-size:16px;
 font-weight:200;
 font-family: 'Roboto', sans-serif;
}
::-ms-placeholder {
 color:#000;
 text-transform:uppercase;
 font-size:16px;
 font-weight:200;
 font-family: 'Roboto', sans-serif;
}
::-webkit-placeholder {
 color:#000;
 text-transform:uppercase;
 font-size:16px;
 font-weight:200;
 font-family: 'Roboto', sans-serif;
}
::-0-placeholder {
 color:#000;
 text-transform:uppercase;
 font-size:16px;
 font-weight:200;
 font-family: 'Roboto', sans-serif;
}
::selection {
	background: #f8db3a;
	color: #050006;
}
::-moz-selection {
 background:#f8db3a;
 color:#050006;
}
::-webkit-selection {
 background:#f8db3a;
 color:#050006;
}
::-o-selection {
 background:#f8db3a;
 color:#050006;
}
::-ms-selection {
 background:#f8db3a;
 color:#050006;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
#all-bg-video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('../images/bg_1.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}
/*===============================================================
common portion end
=================================================================
*/



.footer {

	padding: 30px 0; position:relative; top:-3px;
}
.footer a {
	color: #fff;
}
.footer {
	color: #fff;
}
.footer p {
	color: #fff;
	line-height: 26px;
	margin: 5px 0;
}
.gap {
	margin-bottom: 10px;
}

/**/

@font-face {
	font-family: 'AvenirLT45BookOblique';
	src:url(../fonts/AvenirLT45BookOblique.ttf);
}

@font-face {
	font-family: 'AvenirLT55Oblique';
	src:url(../fonts/AvenirLT55Oblique.ttf)
}

@font-face {
	font-family: 'AvenirLT55Roman';
	src:url(../fonts/AvenirLT55Roman.ttf)
}

@font-face {
	font-family: 'AvenirLT85Heavy';
	src:url(../fonts/AvenirLT85Heavy.ttf)
}

@font-face {
	font-family: 'AvenirLT95Black';
	src:url(../fonts/AvenirLT95Black.ttf)
}

@font-face {
	font-family: 'AvenirLTStd-Light_0';
	src:url(../fonts/AvenirLTStd-Light_0.otf)
}

@font-face {
	font-family: 'AvenirLTStd-LightOblique_0';
	src:url(../fonts/AvenirLTStd-LightOblique_0.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-Bold';
	src:url(../fonts/AvenirNextLTPro-Bold.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-BoldCn';
	src:url(../fonts/AvenirNextLTPro-BoldCn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-BoldCnIt';
	src:url(../fonts/AvenirNextLTPro-BoldCnIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-Cn';
	src:url(../fonts/AvenirNextLTPro-Cn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-CnIt';
	src:url(../fonts/AvenirNextLTPro-CnIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-Cn';
	src:url(../fonts/AvenirNextLTPro-Cn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-CnIt';
	src:url(../fonts/AvenirNextLTPro-CnIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-Demi';
	src:url(../fonts/AvenirNextLTPro-Demi.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-DemiCn';
	src:url(../fonts/AvenirNextLTPro-DemiCn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-DemiCnIt';
	src:url(../fonts/AvenirNextLTPro-DemiCnIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-Cn';
	src:url(../fonts/AvenirNextLTPro-Cn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-CnIt';
	src:url(../fonts/AvenirNextLTPro-CnIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-DemiIt';
	src:url(../fonts/AvenirNextLTPro-DemiIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-HeavyCn';
	src:url(../fonts/AvenirNextLTPro-HeavyCn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-HeavyCnIt';
	src:url(../fonts/AvenirNextLTPro-HeavyCnIt.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-It';
	src:url(../fonts/AvenirNextLTPro-It.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-MediumCn';
	src:url(../fonts/AvenirNextLTPro-MediumCn.otf)
}
@font-face {
	font-family: 'AvenirNextLTPro-MediumCnIt';
	src:url(../fonts/AvenirNextLTPro-MediumCnIt.otf)
}


@font-face {
	font-family: 'AvenirNextLTPro-Regular.';
	src:url(../fonts/AvenirNextLTPro-Regular.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-UltLtCn';
	src:url(../fonts/AvenirNextLTPro-UltLtCn.otf)
}

@font-face {
	font-family: 'AvenirNextLTPro-UltLtCnIt';
	src:url(../fonts/AvenirNextLTPro-UltLtCnIt.otf)
}

@font-face {
	font-family: 'AvenirLTStd-Black_0';
	src:url(../fonts/AvenirLTStd-Black_0.otf)
}

@font-face {
	font-family: 'ProximaNovaRegular';
	src:url(../fonts/ProximaNovaRegular.otf)
}

.main-container { background-image: url(../images/body-bg.png); background-repeat: no-repeat; background-size: 100%; }
.header-top { background: #000; position: relative; border-radius: 15px 15px 0 0; position: relative; z-index: 1;}
.header-top:before { content: ""; position: absolute; left: 0; bottom: -25px; background-image:url(../images/hl-left.png); width: 11px; height: 25px;  }
.header-top:after { content: ""; position: absolute; right: 0; bottom: -25px; background-image:url(../images/hr-right.png); width: 11px; height: 25px;  }

.header-top-left { width: 20%; float: left; padding: 0 15px;}
.logo { padding:15px;}
.header-top-right { width: 80%; float: right; padding: 0 15px;}
.header-top-right ul { float: right; padding-top: 45px; padding-right: 15px; }
.header-top-right li { float: left; color: #fff; margin-left: 1px; padding: 0 2px;}
.header-top-right li a { color: #fff; font-size: 20px; font-family: 'AvenirLTStd-LightOblique_0'; }

.banner { margin: 0 auto; max-width: 1115px; position: relative; top: -45px;}
.banner img { width: 100%; }


.banner-text-box { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 395px; height: auto; z-index: 2; }    


.banner-text-box:before { content: ""; position: absolute; width: 533px; height: 471px; background-image: url(../images/banner-text-bg.png); background-size: 100%; left: -90px; top: -130px; }

.banner-text-box-mid { border: 17px solid #fff; min-height: 100px; position: relative; z-index: 1; font-family: 'AvenirLTStd-Black_0'; font-size: 21px; color: #fff; padding: 15px; text-align: center;}
.btbm-span { color: #000; }
.banner-text-box-mid img { width: auto; }
.btbm-author { font-family: 'AvenirLT45BookOblique'; font-size: 15px; color: #fff; text-align: right; padding: 6px 0; }

.body-content { background-color: #efefef; position: relative; padding-top: 80px; } 
.body-content:before { background: #efefef; content: ""; position: absolute; top: -55px; left: 0; height: 60px; width: 100%; }
.bc-content01 {}
.bcc01-left { float: left; width: 35%; padding:0 15px; }
.bcc01-right { float: right; width: 65%; padding:0 15px;}
.bccL-01 { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 18px; color: #000; }
.bccL-01-color-01 { text-decoration: underline; color: #cf2004; }
.bccL-02 { font-family: 'AvenirNextLTPro-DemiCn'; font-size: 21px; color: #000; }
.bccL-03 { font-size: 18px; color: #000; font-family: 'AvenirNextLTPro-MediumCn'; }
.bccL-05 { font-family: 'AvenirNextLTPro-DemiCnIt'; }
.bccL-04 {  font-size: 30px; }
.bcc01-right img { vertical-align: middle;}

.bc01-img-content { padding: 15px;}
.bc01-img-content img { width: 100%; }

.bc-content01-social-media { padding-top: 20px; }
.bc-content01-social-media ul { float: right; }
.bc-content01-social-media li { float: left; margin-left: 6px; }
.bc-content01-social-media li a { font-size: 20px; color: #000; border: 1px solid #000; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display: block; text-align: center;}
.bc-content01-social-media li a:hover { background: #000; color: #fff; }
 li.leon_coin a img:hover { -webkit-filter: grayscale(1);
  filter: grayscale(1); }
.bc-content01-social-media li:last-child a { border: 0; height: auto; width: auto; line-height: normal; }
.bc-content01-social-media li:last-child a:hover { background-color: transparent; }


.bc-content02 { text-align: center; padding-bottom: 20px; }
.bc-content02-text01 { padding-top: 20px; }
.bc-content02 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }
.bc-content02-text02 { padding-top: 20px;}
.bc-content02-text02 span { font-size: 31px; text-decoration: underline; font-family: 'AvenirNextLTPro-DemiCn'; color: #000; }

.bc-content02-text03 { padding-top: 20px;}
.bc-content02-text03 img { vertical-align: middle; }

.bc-content02-text04 {}
.bc-content02-text04 span { font-size: 33px; color: #000;  }

.bc-content02-video {
    margin-top: 30px !important;
    width: 75%;
    margin: 0 auto;
}


.bc-content03 { text-align: center; padding-bottom: 20px; }
.bc-content03-text01 { padding-top: 20px; }
.bc-content03 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }
.bc-content03-text01 span { font-size: 25px; color: #000; }

.bc-content03-text01 img { vertical-align: middle; }

.bc03-text { font-size: 32px; color: #000; font-family: 'AvenirNextLTPro-BoldCnIt'; }

.bc-content03-img { margin-top: 20px;}



.bc-content04 { text-align: center; padding-bottom: 20px; }
.bc-content04-text01 { padding-top: 20px; }
.bc-content04 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }

.bc-content04-text01 span { font-size: 33px; font-family: 'AvenirNextLTPro-DemiCnIt'; }

.bc-content04-img { margin-top: 20px;}


.bc-content05 { text-align: center; padding-bottom: 20px; }
.bc-content05-text01 { padding-top: 20px; }
.bc-content05 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }
.bc-content05 p a { color: #232323; }

.bc-content05-text01 img { vertical-align: middle; }
.bc-content05-text01 span { font-family: 'AvenirNextLTPro-DemiCn'; font-size: 23px; } 

.bc-content05-img { margin-top: 20px;}


.bc-content06 { text-align: center; padding-bottom: 20px; }
.bc-content06-text01 { padding-top: 10px; }
.bc-content06 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }

.bc-content06-text01 img { vertical-align: middle; }
.bc-content06-text01 span { font-family: 'AvenirNextLTPro-DemiCn'; font-size: 23px; } 

.bc-content06-img { margin-top: 20px;}


.bc-content07 { text-align: center;  }
.bc-content07-text01 { padding-top: 10px;  }
.bc-content07 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }

.bc-content07-text01 img { vertical-align: middle; }
.bc-content07-text01 span { font-family: 'AvenirNextLTPro-DemiCn'; font-size: 31px; } 

.bc-content07-img { margin-top: 20px;}

.bc-content08 { text-align: center; padding-bottom: 20px; }
.bc-content08-text01 { }
.bc-content08 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }

.bc-content08-text01 img { vertical-align: text-bottom; }
.bc-content08-text01 a { font-family: 'AvenirNextLTPro-DemiCnIt'; color:#232323; font-weight: bold; } 

.bc-content08-img { margin-top: 20px;}


.bc-content09 { text-align: center; padding-bottom: 20px; }
.bc-content09-text01 { padding-top: 15px; }
.bc-content09 p { font-family: 'AvenirNextLTPro-MediumCn'; font-size: 19px; color: #232323; line-height: normal; }

.bc-content09-text01 img { vertical-align: middle; }

.bc-content09-text02 { padding-top: 15px; }
.bc-content09-text02 p { font-family: 'AvenirNextLTPro-BoldCn'; }

.bc-content09-text03 { padding-top: 15px;}
.bc-content09-text03 img { vertical-align: top; }

.bcc09T03-1 { font-family: 'AvenirNextLTPro-BoldCn'; font-size: 46px; color: #000; }
.bcc09T03-2 { font-family: 'AvenirNextLTPro-BoldCnIt'; color: #e60000; }

.logo-content { padding: 0 40px 40px; }
.logo-content-mid { background: #d6d6d6; min-height: 188px;  margin-top: 30px; }
.logo-content-mid h2 { font-family: 'AvenirNextLTPro-BoldCn'; color: #9f9f9f; font-size: 25px; text-align: center; }

.footer-area { background-size: cover; height: 929px; background-image: url(../images/footer-img.png); background-repeat: no-repeat;     width: 100%;
    background-position: 10% 0;}

.footer-area-bottom { background-color: rgba(0,0,0,0.8); position: fixed; display: none; width: 100%; bottom: 0; left: 0;  }

.footer-text { position: relative; font-family: 'ProximaNovaRegular';  color: #fff; font-size: 20px; }
.footer-text-mid { padding-left: 140px; padding-top: 10px; padding-bottom: 10px; }
.footer-text-mid a { color: #fff; }
.fab-left { position: absolute; left: 0; bottom: 0; }
.fab-right { position: absolute; right: 100px; bottom: 0; }

.close-div { position: absolute; top: -15px; right: 0; cursor: pointer; }

.other_logos_container {
    width: 100%; padding-top: 2%;     
    text-align: center;
}

.logo_box {
    width: 28%;
border: 1px solid #696969;
position: relative;
display: inline-block;
margin: 2%;
height: 175px;
background: #fff; overflow: hidden; 
}

.logo_box a {
    display: block;
    width: 100%;
    height: 100%;
}

.logo_box img {
    position: absolute;
    display: block;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}
.logo-content-fb {
    float: left;
    width: 48%;
    margin: 20px 0;
}
.logo-content-tw {
    float: right;
    width: 49%;
    margin: 20px 0;
}


.video-box-col-1{
    height: 290px;
}
.video-js .vjs-big-play-button {
    top: 43% !important;
    left: 48% !important;
    line-height: 50px;
    height: 65px !important;
    width: 65px !important;
    border-radius: 52% !important;
    line-height: 61px !important;
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
    background-color:red !important;
}

.vjs-big-play-button{
   width: 92px;
   height: 92px;
   position: absolute;
   top: 36%;
   left: 40%;
	-webkit-animation:heartBeat 1s ease infinite 0s;
  -moz-animation:heartBeat 1s ease infinite 0s;
  -o-animation:heartBeat 1s ease infinite 0s;
  -ms-animation:heartBeat 1s ease infinite 0s;
  animation:heartBeat 1s ease infinite 0s;
}
.vjs-big-play-button:hover{
    -webkit-animation:heartBeat 0.8s ease infinite 0s;
  -moz-animation:heartBeat 0.8s ease infinite 0s;
  -o-animation:heartBeat 0.8s ease infinite 0s;
  -ms-animation:heartBeat 0.8s ease infinite 0s;
  animation:heartBeat 0.8s ease infinite 0s;
}
.play-icon-box img {
    width: 92px !important;
    height: 92px;
}


@-webkit-keyframes heartBeat { 
    0% { zoom:100%; }
    15% { zoom:120%; }
    25% { zoom:110%; }
    35% { zoom:120%; }
    100% { zoom:100%; }
}
/*tested on opera 12*/
@-o-keyframes heartBeat { 
    0% { zoom:100%; }
    15% { zoom:120%; }
    25% { zoom:110%; }
    35% { zoom:120%; }
    100% { zoom:100%; }
}
/*
tested on IE9, should work but doesn't :(
https://developer.mozilla.org/en-US/docs/CSS/transform
*/
@-ms-keyframes heartBeat { 
    0% { transform:scale(1); }
    15% { transform:scale(1.2); }
    25% { transform:scale(1.1); }
    35% { transform:scale(1.2); }
    100% { transform:scale(1); }
}
/*tested on FF 18*/
@keyframes heartBeat { 
    0% { transform:scale(1); }
    15% { transform:scale(1.2); }
    25% { transform:scale(1.1); }
    35% { transform:scale(1.2); }
    100% { transform:scale(1); }
}