@import "../../color.scss";
    
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans|Raleway);
body,p{
    color:#fff
}
body,ul{
    margin:0
} 
li,ul{
    list-style:none
} 
h3,h4{
    margin:25px 0!important
} 
.downarrow i,.login,.loginform,.mainbgimg{
    overflow:hidden
} 
body{
    padding:0;
    background:#fff;
    font-size:14px!important;
    overflow-x:hidden
} 
p{
    margin:0!important;
    padding:0!important;
    line-height:27px;
    font-size:16px
} 
p.padding_15{
    padding:0 0 15px!important
} 
p.padding_5{
    padding:0 0 5px!important
} 
p.padding_35{
    padding:0 0 35px!important
} 
.bold{
    font-weight:700
} 
a,a.selected,a:focus,a:hover{
    text-decoration:none;
    color:#fff
} 
h1,h3,h4{
    color:#000000!important
} 
a:focus{
    outline:0
} 
ul{
    padding:0
} 
h1{
    font-size:38px!important;
    line-height:30px!important;
    text-transform:uppercase;
    text-align:center;
    padding:0 0 5px;
    margin:10px 0!important;
    letter-spacing:1px
} 
h2,h3,h4{
    
} 
h2{
    font-size:20px!important;
    line-height:24px!important;
    color:#000!important;
    font-weight:600!important;
    margin:41px 0 30px!important;
    padding:0 22px
} 
h3{
    font-size:21px!important;
    line-height:28px!important;
    font-weight:400!important
} 
h4{
    font-size:20px!important;
    line-height:33px!important;
    font-weight:600!important
} 
a:active,a:focus,a:hover{
    color:var(--gold)!important
} 
.error{
    color:red!important
} 
.error.form-custom-error{
    font-weight:700;
    color:red!important;
    font-size:14px!important
} 
.logo-wrapper{
    padding:4px 0 0;
}
.navbar-default{
    border-color:none!important;
    border:0!important;
    background:0 0!important
} 
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    color:#dfb969!important;
    background-color:transparent
} 
.top-header-block ul.nav.navbar-nav{
    text-align:right;
    width:100%
} 
.top-header-block .navbar-nav>li{
    float:none;
    text-align:center;
    display:inline-block;
    padding:0 6px
} 
.downarrow i,.login,.send{
    display:block
} 
.top-header-block .navbar{
    position:relative;
    min-height:0;
    margin-bottom:0
} 
.top-header-wrapper{
    margin-top:0;
    overflow:hidden;
    background:rgba(0,0,0,.4);
    padding:9px 0
} 
.top-header-block .navbar-default .navbar-nav>li>a{
    color:#fff;
    text-transform:uppercase;
    .
    padding:31px 15px
} 
.top-header-block .navbar-default .navbar-nav>li>a:hover{
    color:#dfb969!important;
    background-color:transparent
} 
.navbar-nav>li>a{
    padding:10px 15px
} 
.login-btn{
    padding:29px 0 0
} 
.login-btn .btn.btn-primary{
    background:#3b3b3b;
    border:0;
    padding:5px 11px;
    font-size:12px;
    text-transform:uppercase;
    color:#fff;
    border-radius:8px
} 
.navbar-toggle,.navbar-toggle:hover{
    background:0 0!important
} 
.navbar-toggle{
    border:none
} 
.navbar-toggle .icon-bar{
    width:22px;
    transition:all .2s
} 
.navbar-toggle .top-bar{
    transform:rotate(45deg);
    transform-origin:10% 10%
} 
.navbar-toggle .middle-bar{
    opacity:0
} 
.navbar-toggle .bottom-bar{
    transform:rotate(-45deg);
    transform-origin:10% 90%
} 
.navbar-toggle.collapsed .bottom-bar,.navbar-toggle.collapsed .top-bar{
    transform:rotate(0)
} 
.navbar-toggle.collapsed .middle-bar{
    opacity:1
} 
.blackstrip{
    background-color:#000;
    height:48px
} 
.mainbgimg{
    background:url(../../images/imghome.jpg) no-repeat #000
} 
.connect h1{
    font-size:62px!important;
    line-height:57px!important;
    font-weight:100!important;
    text-align:left;
    margin-bottom:53px!important
} 
.connec .forgot,.downarrow,.downarrow i,.login,.loginform .input-group-addon,.send,.sliderblock,.subsecbg p,h4.membership-login{
    text-align:center;
    color:black!important;
    
} 
.connect h1:after{
    content:'';
    position:absolute;
    border-bottom:2px solid #fff;
    width:70px;
    top:149px;
    left:12px
} 
.connect{
    margin-top:23%;
    margin-bottom:100px
} 
.connect p{
    font-weight:lighter!important;
    line-height:24px;
    color:#cac5c5
} 
.loginform{
    background:#ffffff;
    padding:30px 26px 20px;
    -webkit-box-shadow:3px 1px 14px 2px rgba(255,255,255,.4);
    -moz-box-shadow:3px 1px 14px 2px rgba(255,255,255,.4);
    box-shadow:3px 1px 14px 2px rgba(255,255,255,.4);
    border-radius:10px
} 
.loginform .input-group-addon{
    color:#555;
    background-color:#fff;
    border:1px solid #565456;
    border-right:0;
    /*padding:6px 16px;*/
    padding:6px 11px;
    font-size:14px;
    border-radius: 5px 0 0 5px;
    
} 
.loginform .fa{
    color:var(--gold);
    font-size:24px
} 
.loginform .form-control{
    height:50px;
    border-radius: 0 5px 5px 0!important;
    border:1px solid #565456
} 
.sec3,.sec5{
    height:400px
} 
.login{
    border:1px solid var(--gold);
    /*transition:all .5s ease-in;*/
    background-color:var(--gold);
    padding:10px 0;
    color:#fff !important;
    font-weight:600;
    margin:0 auto 12px!important;
    width:80%;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px;
} 
.login:hover,.send{
    /*border:1px solid #dfb969;*/
    /*transition:all .5s ease-in*/
    outline: none !important;
} 
.login:hover{
    /*background:#fff;*/
    /*color:#dfb969!important*/
} 
.connect .forgot{
    font-size:13px;
    color:#000;
    font-weight:600!important
} 
.forgot a{
    color:black!important;
    text-decoration:underline!important;
    
} 
.owl-theme .owl-controls .owl-buttons div{
    position:absolute;
    bottom:215px;
    background:0 0;
    color:#dfb969;
    opacity:1
} 
.owl-theme .owl-controls .owl-buttons div i{
    font-size:70px
} 
.owl-prev{
    left:-22px;
    right:100%
} 
.owl-next{
    left:97%
} 
.top-header-wrapper.f-nav{
    position:fixed;
    width:100%;
    top:0;
    z-index:9999;
    margin:0;
    background:rgba(0,0,0,1)
} 
.input-group:hover span{
    background-color:#fff
} 
.input-group:hover span i{
    color:#dfb969
} 
.nav>li>a:hover img{
    transform:rotateY(180deg);
    margin-right:5px
} 
.subsecbg{
    background:url(../../images/bg1.jpg) 0 center no-repeat;
    padding:96px 0 20px
} 
.subsecbg hr{
    width:70px;
    border-top:2px solid #dfb969
} 
.subsecbg p{
    font-size:13px;
    line-height:20px
} 
.abtbox{
    margin:40px 0 20px;
    text-align:center
} 
.downarrow i{
    font-size:100px;
    color:#dfb969;
    clear:both;
    transition:all .5s ease-in
} 
.downarrow{
    transition:all .5s ease-in;
    cursor:pointer
} 
.downarrow i:hover{
    transform:scale(1.2,1.2);
    transition:all .5s ease-in
} 
.sec3{
    background:url(../../images/img2.jpg) fixed;
    background-size:cover
} 
.sliderblock{
    background:#fff;
    margin:40px 52px;
    padding:17px 18px 10px;
    border-radius:10px;
    box-shadow:0 1px 17px 2px rgba(255,255,255,1)
} 
.carousel-control{
    font-size:100px;
    color:#dfb969;
    opacity:1
} 
.sliderblock img{
    width:100%
} 
.sec5{
    background:url(../../images/img6.jpg) fixed
} 
.subsecbg .form_wrapper{
    margin:60px 0
} 
.subsecbg .form-group{
    margin-bottom:27px
} 
.subsecbg .form-control{
    border-radius:0;
    height:30px
} 
.subsecbg textarea.form-control{
    height:108px;
    border-radius:0
} 
.send{
    background-color:#dfb969;
    color:#000;
    font-weight:600;
    width:150px;
    padding:9px 22px;
    border-radius:4px;
    clear:both;
    margin:0 auto
} 
.send:hover{
    border:1px solid #dfb969;
    background:0 0;
    transition:all .8s ease-in
} 
.media-carousel{
    margin-bottom:0;
    padding:0 40px 30px;
    margin-top:30px
} 
.media
-carousel .carousel-control.left{
    left:-12px;
    background:#222;
    border-radius:23px;
    height:40px;
    width:40px;
    margin-top:135px
} 
.media-carousel .carousel-control.right{
    right:-12px!important;
    background:#222;
    border-radius:23px;
    height:40px;
    width:40px;
    margin-top:135px
} 
.media-carousel .carousel-indicators{
    right:50%;
    top:auto;
    bottom:0;
    margin-right:-19px
} 
.media-carousel .carousel-indicators li{
    background:silver
} 
.media-carousel .carousel-indicators .active{
    background:#333
} 
.footer-wrapper{
    background:#04050a;
    padding:30px 0;
    background: url(../../images/body-bg.jpg);
    border-top: 1px solid #fff;
}
.footer-logo {
    margin-top: 10px;
}
ul.social-icon-list li{
    display:inline-block;
    padding:0 8px
} 
ul.social-icon-list li .fa{
    font-size:20px;
    color:#ccc;
    transition:all .5s ease-in
} 
ul.social-icon-list li .fa:hover{
    transform:scale(1.2,1.2);
    color:var(--gold)!important;
    transition:all .5s ease-in
} 
.footer-top-block li a{
    border-right:1px solid #fff;
    font-weight:700!important;
    color:#fff;
    text-transform:capitalize
} 
.copyright-block p,.footer-top-block ul li a{
    font-size:14px;
    color:#fff;
    /*padding-right:25px;*/
    padding: 0 18px;
} 
.footer-top-block{
    /*margin:15px 0 10px*/
}
.footer-bottom-block {
    padding: 0 !IMPORTANT;
    font-size: 13px;
}
ul.footer-menu.footer-menu-blk.list-inline li {
    padding: 0 !important;
}
ul.footer-menu.footer-menu-blk.list-inline {
    margin-bottom: 10px;
}
ul.footer-menu li:last-child a{
    border:0
} 
.footer-contact-form-popup .modal-content{
    /*background:rgba(0,0,0,.7)!important;*/
    /*border:1px solid #ACA79B!important*/
}
.footer-contact-form-popup input, textarea {
    border-radius: 5px!important;
    border: 1px solid #565456;
}

.footer-contact-form-popup .btn-primary{
    color:#fff;
    background-color:var(--gold)!important;
    border-color:var(--gold)!important
} 
.footer-contact-form-popup .btn-primary:hover{
    background-color:var(--gold)!important
} 
.footer-contact-form-popup h4#exampleModalLabel{
    color:var(--gold)!important
} 
.footer-contact-form-popup .close{
    color:var(--gold)!important;
    opacity:1
} 
.footer-contact-form-popup .modal-header{
    border-bottom:1px solid #ACA79B
} 
.footer-contact-form-popup .modal-footer{
    border-top:1px solid #ACA79B
} 
.footer-contact-form-popup .modal{
    top:auto;
    bottom:90px
} 
#contactModal .modal-dialog{
    margin:99px auto
} 
.mainbgimg,.sec5,.subsecbg{
    background-size:cover;
    background-position:centereeeeee;
    background-repeat:no-repeat
} 
.nav>li>a>img{
    margin-right:5px!important;
    width:22px
} 
.sec5{
    background-position:100% 7%
} 
.homesubtitle{
    font-size:27px!important;
    line-height:30px!important;
    padding-bottom:7px!important;
    margin: 10px!important;
    
} 
p.invitation-title{
    font-weight:700!important;
    line-height: 19px;
    padding: 0 10px !important;
} 
h4.membership-login{
    padding:0!important;
    margin:0!important;
    margin-bottom: 10px !important;
} 
.form_wrapper span.white-text{
    font-size:13px
} 
ul.error p{
    color:red!important;
    font-size:12px
} 
.loginform .form-group label.error{
    position:absolute;
    left:60px;
    top:49px
} 
.input-group{
    margin-bottom:10px
} 
.owl-carousel .sliderblock h2{
    font-size:18px!important;
    min-height:45px
}
.connect p {
    font-weight: normal !important;
    color: #000000;
}
.btn-shadow{
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5) !important;
}
.home-layer-bg {
    background: rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 10px 20px 32px 18px;
}
.login-fail-ok{
    background-color: var(--gold);
}
.login-fail-title{
    margin:0px !important;
    color:black !important;
}
.login-fail-message{
    color:black !important;
}
@media screen and (max-width: 450px) {
    .top-header-wrapper{
        padding-top: 15px!important;
    }
    .login-menu{
        /*padding-top: 18px!important;*/
    }
    .login{
        box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5) !important;
        border-radius: 5px;
    }
}
#input_img1, #input_img2 {
    width: 30px;
    height: 30px;
}
.tooltip-wrapper-block {
    position: relative;
}
.toggle-password {
    position: absolute;
    top: -9px;
    right: 10px;
    width: 30px;
    cursor: pointer;
}
.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -30px;
    position: relative;
    z-index: 9;
}
.login-description{
    margin-bottom: 15px;
    padding: 10px 10px 20px 10px;
    background: #ffffff;
    -webkit-box-shadow: 3px 1px 14px 2px rgba(255,255,255,.4);
    -moz-box-shadow: 3px 1px 14px 2px rgba(255,255,255,.4);
    box-shadow: 3px 1px 14px 2px rgba(255,255,255,.4);
    border-radius: 10px;
}
.login-logo{
    display: inline-block;
    width: 150px;
}
.homesubtitle2{
    font-size: 21px !important;
    line-height: 23px!important;
    padding-bottom: 0 !important;
}

.event-view-title{
    border-radius: 5px 5px 0 0 !important;
    text-transform: uppercase;
    background-color: var(--lightgray);
    color: var(--gold);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-fill-available;
    padding: 10px 0;
    font-size: 20px;
}

.close-back-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    left: auto;
    z-index: 9999;
    color: var(--gold) !important;
}

.close-back-btn a {
    font-size: 21px;
    color: var(--gold) !important;
}

#forgot-password-description{
    width: 63%;
}

#fname{
    border-radius: 5px!important;
    border: 1px solid #565456;
    height: 45px;
}

@media screen and (max-width: 700px) {
    .login-logo{
        width: 150px;
    }
    .mainbgimg{
        background:url(../../images/imghome_mobile.jpg) no-repeat #000
    }
    #forgot-password-description{
        width: 90%;
    }
    .login-fail-bootbox{
        margin-top: 100px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
    .login-logo{
        width: 150px;
    }
}