body{    font-family:Electrolize-Regular;}

.fullscreen-bg {  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  overflow: hidden;  z-index: -100;}

.fullscreen-bg__video {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

.overlay {    position: absolute;    width: 100%;    min-height: 100%;    /* background: rgba(0, 0, 0, 0.4);*/    top: 0;}  

header{    padding: 0px;}

.logo img{    width: 85%;margin-top: 6px;padding: 5px;}

.logo25 img{    width: 50%;   margin-top: 25px;}

.menutop-bg{

    position: absolute;

    width: 100%;

    height: 300px;

    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */

    background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));

}    

footer{    padding: 0px;   }     

.footer-bg{    position: absolute;

/*    position: fixed;*/

    bottom: 0;

    right: 0;

    left: 0;

    width: 100%;

    height: 270px;

    background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */

    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));

}        

.footer-bg-inner{

    position: fixed;

    left: 0;

    right: 0;

    bottom: 5%;

}

.footer-inner{    padding: 0px;    float: left;}

.footer-inner .iconbox{

/*    background-color: #1B75BB;*/

    width: 100px;

    height: 100px;

    padding: 18px;

    border-radius: 50%;

    border: 2px solid #26A9E0;

    -webkit-transition: all 0.40s ease-in-out;

    -moz-transition: all 0.40s ease-in-out;

    -ms-transition: all 0.40s ease-in-out;

    -o-transition: all 0.40s ease-in-out;

    transition: all 0.40s ease-in-out;

}

.footer-inner .iconbox:hover{    background-color:#26A9E0;  /*#1B75BB;26A9E0*/}

.footer-inner h3{    font-size: 15px;    color: white;    font-family: Play-Bold;}

/************************************************** resyle bootsrap *********************************************/

.landingpg{    padding: 0px;}

/*

 .container {

    width: 1400px;

}

*/

header .navbar-default {    background:none;    border:none;}

header .navbar-nav {    margin-top: 10px;/*    margin-left: 100px;*/}

.navbar-brand {  padding: 15px 0px;}

header .navbar-default .navbar-nav > li > a {

  color: #fff;

    font-family: Play-Regular;

    font-size: 15px;

    letter-spacing: 1px;

}

header .navbar-default .navbar-nav > li > a:hover,

header .navbar-default .navbar-nav > li > a:focus {

  color: #fff;

  background-color: transparent;

    text-decoration: none;

}

header .navbar-default .navbar-nav > .active > a,

header .navbar-default .navbar-nav > .active > a:hover,

header .navbar-default .navbar-nav > .active > a:focus {

  color: #fff;

  background:none;

}

header .navbar-default .navbar-nav > li > a:hover.h3class .saprate {

    display: block;

    left: 0;

    margin: 10px auto;

    height: 2px;

    background-color: #26A9E0;

    transition: width 1s;

    width: 100%;

}

header .navbar-default .navbar-nav > .active > a.h3class .saprate {

    display: block;

    left: 0;

    margin: 10px auto;

    height: 2px;

    background-color: #26A9E0;

    transition: width 1s;

    width: 100%;

}

.video-carousel-caption {

  position: absolute;

  /*left: 15%;

  right: 15%;*/

  bottom: 4%;

/*    top: 30%;*/

  z-index: 10;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #ffffff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

    font-family:Electrolize-Regular;

}

.video-carousel-caption h3{

/*    font-family:Satisfy-Regular;*/

/*    font-family: Electrolize-Regular;*/

    font-family:MyriadPro-Regular;

/*    font-weight: bold;*/

/*    text-align: left;*/

    color: #000;

    font-size: 62px;

    margin: 0px;

    line-height: 65px;    

}

.video-carousel-caption h3 span{

    color: #4ea0c9;

/*    font-size: 90px;*/

/*    font-weight: 900;*/

    

/*    text-shadow: 0 5px 45px rgba(0, 0, 0, 0.65);*/

    

/*    text-shadow: 0 5px 45px rgba(255, 255, 255, 0.5);*/    

    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);

/*    text-shadow: 1px 1px 10px rgba(255, 255, 255, 1);*/

    

   



}

.video-carousel-caption h3 img{

    width: 10%;

    margin-top: -5px;

position: relative;



}

/*

.video-carousel-caption h3 img:hover{

-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);



}

*/

.spanenter{

    font-size: 23px;

position: absolute;

left: 21.5%;

top: 25.5%;



}

.spanenter:hover{

    color: #000;   

}

/************************************************** media **********************************************/

@media screen and (min-width: 320px) and (max-width: 480px) { 

    .landingpg .col-sm-6{

    }

    .logo img {

        width: 100%;

    }



}



@media (max-width: 450px) { 

    .navbar-default .navbar-brand {

        margin-left: -15px !important;

    }

    .video-carousel-caption h3 {        font-size: 45px;    }

    .video-carousel-caption h3 span {        font-size: 40px;    }

    .video-carousel-caption {          }

    .video-carousel-caption h3 img {

        width: 30%;

    }

    .btn-enter{

        width: 90px !important;

        height: 90px !important;

        bottom: 93% !important;

        left: 30% !important;

    }    

    .btn-enter span {

        font-size: 27px !important;

        top: 32% !important;

    }

    .btn-enter-2{

        width: 80px !important;

        height: 80px !important;

        bottom: 93% !important;

        left: 30% !important;

        font-size: 23px !important;

    }  

    .video-carousel-caption {

        left: 10% !important;

        right: 10% !important;

        bottom: 0% !important;

    

    }

}

@media (min-width: 451px) and (max-width: 640px) { 

    .video-carousel-caption h3 img {

        width: 22%;

    }

    .video-carousel-caption {

        left: 10%;

        right: 10   %;

    }

   

    .logo img{  width: 60%;}



    .btn-enter{

        width: 90px !important;

        height: 90px !important;

        bottom: 93% !important;

        left: 40% !important;

    }  

    

    .btn-enter-2{

        width: 85px !important;

        height: 85px !important;

        bottom: 93% !important;

        left: 40% !important;

        font-size: 23px !important;

    }  

    

    .btn-enter span {

        font-size: 27px !important;

        top: 32% !important;

    }

    .video-carousel-caption {

        left: 10% !important;

        right: 10% !important;

        bottom: 0% !important;

    

    }

}



@media (max-width: 640px) { 

    .video-carousel-caption h3 {

        font-size: 40px;

        line-height: 35px;

    }

}



@media (min-width: 641px) and (max-width: 767px) { 

    .video-carousel-caption {

        left: 10%;

        right: 10%;

    }

    .video-carousel-caption h3 img {

        width: 18%;

    }

    

    .logo img{  width: 60%;}

    

    .btn-enter{

        width: 90px !important;

        height: 90px !important;

        bottom: 15% !important;

        left: -15% !important;

    }   

    .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 80% !important;

        left: 35% !important;

        font-size: 28px !important;

    }  

    .btn-enter span {

        font-size: 30px !important;

        top: 19% !important;

    }

}







@media (max-width: 770px) {

    footer {        display: none;    }    

    .video-carousel-caption h3 {        font-size: 45px;    }

    

    .logo25 img {

        width: 40%;

        margin-top: 10px;

        float: right;

    }

    .video-carousel-caption h3 span {

        font-size: 45px;    

    }

   

}



@media screen and (min-width: 768px) {

  .video-carousel-caption {

    left: 15%;

    right: 15%;

    padding-bottom: 30px;

  }

     

    

    

}

   .video-carousel-caption {

    left: 17%;

    right: 15%;

    padding-bottom: 30px;

  }





@media (max-width:1024px){                 

    /****************************************** responsive menu *********************/

    .navbar-header { float: none; }

    .navbar-toggle { display: block; float: left; }

    .navbar-collapse.collapse { display: none !important; }

    .collapse.in { display: block !important; }

    .navbar-nav {float: none!important; margin: 7.5px -15px; }

    .navbar-nav>li { float: none;  }

    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;   }

    .nav { margin-left: 0px;border-top: 1px solid #DEDEDE;}

    .navbar-default .navbar-toggle {border:none; float: right;    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {   background:none;      }          

    header .navbar-nav {

        margin-top: 0px;

        margin-left: 0px;

        background: rgba(255,255,255,.9);

        color: #000;

        z-index: 100;

        position: relative;

    }

    header .navbar-default .navbar-nav > li > a { color: #000;  }   

    header .navbar-default .navbar-nav > li > a:hover,

    header .navbar-default .navbar-nav > li > a:focus {        color: #000;        text-decoration: underline;    }

    header .navbar-default .navbar-nav > .active > a,

    header .navbar-default .navbar-nav > .active > a:hover,

    header .navbar-default .navbar-nav > .active > a:focus {        color: #000;        text-decoration: underline;    }

    .h3class .saprate{        display: none !important;    }

    

     .logo25 img {

        width: 45%;

    }

    

}





@media (min-width: 1025px) and (max-width: 1199px) { 

    .logo25 img {

        width: 45%;

    }

    .logo img {

        width: 60%

    }

}

/************************************************** media **********************************************/

    

@media (min-width: 320px) and (max-width: 1299px) { 

    .navbar-default .navbar-toggle {        border: none;    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {        background:none;    }

    .navbar-default .navbar-toggle .icon-bar {        background-color: #FFF;    }

    .footer-inner {        float: none;    }

}



@media (min-width: 768px) and (max-width: 850px) { 

 .btn-enter{

        width: 100px !important;

        height: 100px !important;

        bottom: 15% !important;

        left: -15% !important;

    }    

    .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 15% !important;

        left: -20% !important;

        font-size: 28px !important;

    }  

    .btn-enter span {

        font-size: 32px !important;

        top: 19% !important;

    }

    

    .video-carousel-caption h3 img {

        width: 16%;

    }

    .video-carousel-caption {

    left: 28%;

    right: 5%;

    padding-bottom: 30px;

}

    

}



@media (min-width: 851px) and (max-width: 1024px) { 

    .btn-enter{

        width: 110px !important;

        height: 110px !important;

        bottom: 15% !important;

        left: -7% !important;

    }    

    .btn-enter span {

        font-size: 34px !important;

        top: 19% !important;

    }    

    .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 15% !important;

        left: -15% !important;

        font-size: 28px !important;

    }

    .logo img{

        width: 65% !important;

    }

    .video-carousel-caption h3 img {

        width: 17%;

    }

    .video-carousel-caption {

    left: 25%;

    right: 10%;

    padding-bottom: 30px;

}

    

}



@media (min-width: 1025px) and (max-width: 1200px) { 

 .btn-enter{

        width: 110px !important;

        height: 110px !important;

        bottom: 15% !important;

        left: -10% !important;

    }    

    .btn-enter span {

        font-size: 34px !important;

        top: 19% !important;

    }

    .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 15% !important;

        left: -3% !important;

    } 

    .video-carousel-caption h3 img {

        width: 15%;

    }

    

}



@media (min-width: 1201px) and (max-width: 1300px) { 

 .btn-enter{

        width: 120px !important;

        height: 120px !important;

        bottom: 15% !important;

        left: -15% !important;

    }    

    .btn-enter span {

        font-size: 36px !important;

        top: 24% !important;

    }

    .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 15% !important;

        left: 0% !important;

    } 

     .video-carousel-caption h3 img {

        width: 15%;

    }

    

    

}



@media (min-width: 1301px) and (max-width: 1400px) { 

 .btn-enter{

        width: 120px !important;

        height: 120px !important;

        bottom: 15% !important;

        left: -5% !important;

    }    

    .btn-enter span {

        font-size: 36px !important;

        top: 23% !important;

    }

     .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 15% !important;

        left: 2% !important;

    }  

     .video-carousel-caption h3 img {

        width: 14%;

    }

    

    

}

@media (min-width: 1401px) and (max-width: 1600px) { 

 .btn-enter{

        width: 130px !important;

        height: 130px !important;

        bottom: 15% !important;

        left: 9% !important;

    }    

    .btn-enter span {

        font-size: 37px !important;

        top: 25% !important;

    }    

    .btn-enter-2{

        width: 95px !important;

        height: 95px !important;

        bottom: 15% !important;

        left: 9% !important;

    } 

     .video-carousel-caption h3 img {

        width: 12%;

    }

    

}





@media (min-width: 1601px) and (max-width: 1919px) { 

    .video-carousel-caption h3 img {

        width: 10%;

    }

    .btn-enter-2{

       width: 83px !important;

height: 83px !important;

bottom: 24% !important;

left: 19% !important;

    } 

}



        

@media (min-aspect-ratio: 16/9) {

  .fullscreen-bg__video {

    height: 300%;

    top: -100%;

  }

}



@media (max-aspect-ratio: 16/9) {

  .fullscreen-bg__video {

    width: 300%;

    left: -100%;

  }

}





@media (min-width: 1100px) and (max-width: 1400px) {

    .video-carousel-caption {

/*        top: 20%;*/

        left: 20%;

right: 20%;



    }    

}

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

/* enter btn animation */

.btn-enter{

/*    background-color: #2e57a5;   */    

    background: linear-gradient(rgb(46, 87, 165), rgb(108,137,192));    

/*    background: linear-gradient(141deg, #2E57A5 0%, #5778b7 50%, #819ac9 75%);*//*

    linear-gradient(200deg, rgba(46, 87, 165,1), rgba(46, 87, 165,0) 60.71%),

    linear-gradient(200deg, rgba(225, 0, 0,1), rgba(225, 0, 0,0) 60.71%);*/  

    

    width: 130px;

    height: 130px;

    border-radius: 50%;

    

    position: absolute;

    bottom: 0;

    left: 19%;

    

    -webkit-animation: background 5s cubic-bezier(1,0,0,1) infinite;

    animation: background 5s cubic-bezier(1,0,0,1) infinite;  

    animation-duration: 5s;

}

.btn-enter span{

    font-size: 37px;

    color: #fff !important;

    position: absolute;

    top: 25%;

    left: 20%;

}

/* Safari 4.0 - 8.0 */





/*

@-webkit-keyframes background {

    0%   {background: linear-gradient(rgb(46, 87, 165), rgb(108,137,192));}

    50%   {background: linear-gradient(rgb(234,76,76), rgb(225,0,0) ));}

    100%   {background: linear-gradient(rgb(0,129,15), rgb(76,166,87));}

}



@keyframes background {

    0%   {background: linear-gradient(rgb(46, 87, 165), rgb(108,137,192));}

    50%   {background: linear-gradient(rgb(234,76,76), rgb(225,0,0 ));}

    100%   {background: linear-gradient(rgb(0,129,15), rgb(76,166,87));}



}	

*/





/*enter btn animation 03-07-2017*/

.btn-enter-2{

    position: absolute;

    bottom: 19%;

    left: 22%;

    

    z-index: 1;

    width: 85px;

    height: 85px;

    color: #fff;

    background: #2e57a5;

    border-radius: 50%;

    border: none;    

    transition: box-shadow 400ms cubic-bezier(.2,0,.7,1), transform 200ms cubic-bezier(.2,0,.7,1);

    font-size: 24px;

    

    -webkit-animation: background 5s cubic-bezier(1,0,0,1) infinite;

    animation: background 5s cubic-bezier(1,0,0,1) infinite;  

    animation-duration: 5s;

}

    .btn-enter-2:after{        

        font-size: 1em;

        line-height: 1.1em;

    }

/*

    .btn-enter-2:hover{

        color:white;

        font-size: 21px;

        box-shadow:

            0 0 1px 15px rgba(46,87,165, 0.4),

            0 0 1px 30px rgba(46,87,165, 0.2);

        

    }

*/



@-webkit-keyframes background {

    0%   { box-shadow:                        

        }

    25%  { box-shadow:             

        0 0 1px 15px rgba(46,87,165, 0.4);        

    }

    50%  { box-shadow:             

        0 0 1px 15px rgba(46,87,165, 0.2);        

    }

    75%  { box-shadow:             

        0 0 1px 15px rgba(46,87,165, 0.4),

        0 0 1px 30px rgba(46,87,165, 0.2);      

    }

    100%   {box-shadow:                         

        0 0 1px 15px rgba(46,87,165, 0.4);        

    }

}

@keyframes background {

    0%   { box-shadow:                        

        }

    25%  { box-shadow:             

        0 0 1px 15px rgba(46,87,165, 0.4);        

    }

    50%  { box-shadow:             

        0 0 1px 15px rgba(46,87,165, 0.2);        

    }

    75%  { box-shadow:             

        0 0 1px 15px rgba(46,87,165, 0.4),

        0 0 1px 30px rgba(46,87,165, 0.2);      

    }

    100%   {box-shadow:                         

        0 0 1px 15px rgba(46,87,165, 0.4);        

    }

}







.btn-enter-2:focus{

    border-radius: 50%;

}