body{
    font-family:arial;
/*    background-image: url("../images/bg.jpg"); */
/*    background-size:cover;
    background-repeat: no-repeat; */
    /*width: 100%;
    height: 100%;*/
background: url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

a, a:active, a:focus{color:#fff;}
a:hover{color:#fff; text-decoration:none;}
.container{max-width:1024px;}
/************ Background image *************/
#main-bg {
/*    background-image: url("../images/bg.jpg");
    background: rgba(0, 0, 0, 0.5); */
background: url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    position: absolute;
/*    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: 100%;
}
	#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}
	
/************ Header Part Start *************/

.logo{width:100%; height:auto; float:left;}
.logo img { max-width: 400px;}
.logo2 img { max-width: 800px;}
.signup{width:100%; height:auto;  padding-top:10px;}
/*.signup{width:100%; height:auto; float:left; padding-top:10px;}*/
.signup ul{ list-style-type:none; text-align:right;}
.signup ul li{ display:inline-block; padding-left: 15px;}
.signup ul li a{padding:10px 20px; background:#ffce42; color:#FFFFFF; border:solid 2px #ffce42;}
.signup ul li a:hover, .signup ul li a:active, .signup ul li a:focus{color:#FFFFFF;}
.red-btn{padding:12px 20px; background:#ffce42; color:#FFFFFF;}
.sin-in{background:unset!important;}
.sin-in:hover{background:#ffce42!important;}

/************ Header Part End *************/



/************ Midle Part Start *************/
.modal-body{padding: 38px 48px 30px;}
#main-wraper{width:100%; height:auto; margin:0 auto;}
.content-section {
    width: auto;
    height: auto;
    text-align: center;
    color: #FFFFFF;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);left: 0;
    right: 0;
}
.content-section h1{font-size:60px; font-weight:bold;text-shadow: 2px 0px 1px #e60000;}
.content-section p{font-size:22px; font-weight: normal;    margin: 26px 0px;}
.join-free{font-size:18px; padding:10px 20px; background:#ffce42; color:#FFFFFF;}
.join-free:hover, .join-free:active, .join-free:focus{color:#FFFFFF;}
.overlay{}
/************ Midle Part End *************/

/************ Register Popup Start *************/

#register .modal-dialog {width:50%;  top: 30%; transform: translateY(-30%);}
.modal-content { position: relative;background: rgba(0,0,0,0.5); max-height:100%; overflow-y: auto;}
.modal-content .modal-header{background:#fff; text-align:left;}
.close {position: absolute; right: 15px; z-index: 999;}
.modal-dialog a{color:#ffce42;}
.modal-content .modal-footer{background:#fff; text-align:left;}
.register-footer {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #fff;display: table; width: 100%;}
#register img, .register-footer img{width:100%;}
.register-btn{padding: 10px 90px;
    margin: 19px 0px;}
.clear{ clear:both;}

/** .register-footer>div { display: table-cell; vertical-align: middle; line-height: 0; text-align: center; width: 20%; padding: 10px 10px;}
.register-footer>div::after { background: url(../images/footer.png) no-repeat; background-size: 400px 50px; display: inline-block; content: "";}
.register-footer>.ssl::after { width: 80px; height: 40px; background-position: 0px 0;}
.register-footer>.schield::after { width: 80px; height: 40px; background-position: -80px 0;}	
.register-footer>.pci::after { width: 80px; height: 40px; background-position: -160px 0;}	
.register-footer>.lock::after { width: 80px; height: 40px; background-position: -240px 0;}	
.register-footer>.bits::after { width: 80px; height: 40px; background-position: -320px 0;}  **/

.modal-body{text-align:left;}
.modal-body label{color: #fff;font-weight: normal;}
select.selectpicker { width: 100%; height: 40px; padding:0px 15px;  background: #fff; border: none; -webkit-appearance: none;  -moz-appearance: none;  text-indent: 1px; text-overflow: '';}
#register i { position: absolute; right: 30px;  bottom: 30px;}

#register input[type="text"]{ width: 100%; height: 40px; padding:0px 15px; background: #fff; border-radius:0px;}
.form-group input[type="text"]{ width: 100%; height: 40px; padding:0px 15px; background: #fff; border-radius:0px;}
.form-group input[type="email"]{ width: 100%; height: 40px; padding:0px 15px; background: #fff; border-radius:0px;}
.form-group input[type="password"]{ width: 100%; height: 40px; padding:0px 15px; background: #fff; border-radius:0px;}


.guest-login {
    padding: 10px 62px;
    border: solid 3px #ffce42;
    color: #fff;
    background: none;
    font-size: 16px;
}
.guest-login:hover{background: #ffce42;
    border: solid 3px #ffce42; color:#fff;}




/************ Register Popup End *************/

/************ Sign In Popup Start *************/

#signin .modal-dialog{max-width:400px; top: 30%; transform: translateY(-30%);}

/************ Sign In Popup End *************/

/************ Privacy & Cookies Popup Start *************/
#privacy-cookies .close{position: fixed;right: 4px;top: -39px;font-size: 38px;font-weight: normal;text-shadow: none;color: #fff;opacity: 0.9;}
#privacy-cookies .modal-dialog{width: 70%; transform: translateX(-50%); height: 80%; left: 50%; position:fixed;margin: 60px auto;}
#privacy-cookies .modal-content{background:#fff;}
.privacy-cookies{width:100%; height:auto; float:left;}
.privacy-cookies h3{font-size:20px;}
.privacy-cookies > ul{list-style-type:lower-alpha; text-align: left;}
.privacy-cookies > ul li{display: list-item; padding-bottom:10px;}

/************ Privacy & Cookies Popup End *************/

/************Terms and Conditions Popup Start *************/
#terms .close{    position: fixed;right: 4px;top: -39px;font-size: 38px;font-weight: normal;text-shadow: none;color: #ffffff;opacity: 0.9;}
#terms .modal-dialog{width: 70%;transform: translateX(-50%); height: 80%; left: 50%; position:fixed;  top: 10%;}
#terms .modal-content{background:#fff;}
.terms-content{width:100%; height:auto; float:left;}
.terms-content h3{font-size:20px;}
.terms-content > ul{list-style-type:lower-alpha; text-align: left;}
.terms-content > ul li{display: list-item; padding-bottom:10px;}

/************ Privacy & Cookies Popup End *************/

	
/************ Footer Part Start *************/
#footer-section{width:100%; height:auto; margin:0 auto; padding:10px 0px;background: rgba(0,0,0,0.5);position:fixed; left:0; bottom:0;}

.copyright{width:100%; height:auto; float:left; color:#fff;}
.terms-n-conditions{width:100%; height:auto; float:left;}
.terms-n-conditions ul{ list-style-type:none; padding-left:0px; text-align:right;}
.terms-n-conditions ul li{display:inline-block; padding-left:15px;}
/************ Footer Part End *************/
input.error, select.error {
    border-color: red !important;
    border: 1px solid;
}
input[type=checkbox].error {
    outline: 1px solid red;
}
label.error {
    color: red;
}

@media (max-width: 767px){
#register .modal-dialog, #signin .modal-dialog, #privacy-cookies .modal-dialog, #terms .modal-dialog  { width: 90%; height: 90%;}
#register i {bottom: 15px;}
#register .form-group img{max-width:100%;}
.logo img { max-width: 150px; padding-top: 10px;}
.signup ul li a {padding: 6px 20px;}
.signup ul .register_li{ display: none;}
.signup ul span{ display: none;}
.content-section h1 { font-size: 46px; font-weight: bold;}
.join-free { font-size: 20px; padding: 8px 18px; background: #ffce42; color: #FFFFFF;}
#footer-section { text-align: center;}
.terms-n-conditions ul { text-align: center;}

.signup ul {padding-left: 0;}

.signup ul li { padding-bottom: 10px; float: right;}
.guest-login {padding: 10px 30px;}
.modal-body {padding: 38px 5px 10px;}

}

@media (max-width: 480px){
	.logo2 img { max-width: 250px;}
}

      .languagepicker {
	opacity: 0.5;
        display: inline-block;
        padding: 0;
        height: 40px;
        overflow: hidden;
        transition: all .3s ease;
        margin: 0 10px 10px 0;
        vertical-align: top;
        float: left;
      }

      .languagepicker a{
        color: #000;
        text-decoration: none;
      }

      .languagepicker li {
        display: block;
        padding: 0px 5px;
        line-height: 40px;
      }

      .languagepicker li:hover{
      }

      .languagepicker a:first-child li {
        border: none;
      }

      .languagepicker li img {
        margin-right: 5px;
        width: 20px;
      }

      .roundborders {
        border-radius: 5px;
      }

      .large:hover {
        /* 
        don't forget the 1px border!
        The first language is 40px heigh, 
        the others are 41px
        */
        height: 245px;
      }
      .btn-group{
        padding-top: 10px;
      }