*{margin:0; padding:0; box-sizing:border-box;}
/* body{background:url(images/bg-img.png) no-repeat center center; background-size:cover; background-attachment:fixed;} */
div.loginPage{background:url(../images/bg-img.png) no-repeat center center; background-size:cover; background-attachment:fixed;}
.loginPage .header{padding:40px 0;}
.loginPage .header .container{padding:0 56px; max-width:1920px; margin:0 auto;}
.loginBox{display:inline-flex; padding:80px 80px 96px 80px; flex-direction:column; align-items:center; gap:56px; border-radius:16px; border:1px solid #C79767; background:#FFF; margin:0 auto;}
.loginPage h2{color:#171717; font-family:'Lora', serif; font-size:30px; font-style:normal; font-weight:400; line-height:normal; letter-spacing:12px; text-transform:uppercase;}
.loginBtn{color:#FFF; font-family:'calibri'; font-size:18px; font-style:normal; font-weight:700; line-height:normal; border:0; cursor:pointer;         display:flex; width:424px; padding:16px 40px; justify-content:center; align-items:center; gap:10px; border-radius:4px; background:#C79767; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.loginBtn:hover{background:#171717;}
.inputBox{margin-bottom:24px;}
.inputBox .textBox{border:0; color:#C79767; font-family:'calibri'; font-size:18px; font-style:normal; font-weight:400; line-height:24px;
display:flex; width:424px; padding:16px 0px 16px 8px; align-items:center; gap:10px; border-bottom:1px solid #171717; outline:0; padding-left:8px; padding-right:25px;}
.loginPage  ::-webkit-input-placeholder{color:#C79767;}
.loginPage ::-moz-placeholder{color:#C79767;} /* firefox 19+ */
.loginPage :-ms-input-placeholder{color:#C79767;} /* ie */
.loginPage input:-moz-placeholder{color:#C79767;}
.forgotPass{color:#171717; text-align:right; outline:none; font-family:'calibri'; font-size:14px; font-style:normal; font-weight:400; line-height:normal; text-decoration-line:underline;}
.forgotPass:hover{text-decoration:none;}
.loginArea .container{max-width:1370px; margin:0 auto;}
.loginArea{padding:80px 0 180px;}
.loginArea .container{display:flex;}
.password-group{position:relative;}
.password-visibility{position:absolute; top:50%; transform:translateY(-50%); right:0;}
.password-visibility svg{height:20px; width:20px; cursor:pointer;}
.password-visibility .fa:before{display:none;}
.password-visibility .fas.fa-eye .feather.feather-eye{display:inline !important;}
.password-visibility .fas.fa-eye .feather.feather-eye-off{display:none !important;}
.sbtndiv{margin-bottom:0;}
.forPass{padding-top:5px; margin-bottom:40px;}

@media(max-width:1366.5px){ .loginPage .header .container{padding:0 40px;}}

@media(max-width:991.5px){
.loginArea{padding:40px 0 100px;}
.logo img{width:200px;}
.loginPage .header .container {padding:0 30px;}
}

@media(max-width:767.5px){
    .loginPage .header .container {padding:0 20px;} .loginBox{padding:50px 50px 66px 50px; gap:25px; max-width:586px; width:90%;}
    .loginArea{padding:30px 0 80px;}
}
@media(max-width:575.5px){
    .logo img{width:180px;} .loginBox h2{width:100%; text-align:center; letter-spacing:7px;} .loginBox{flex-direction:inherit; flex-wrap:wrap;} .loginForm{width:100%;} .inputBox .textBox{width:100%;} .loginBtn{width:100%;} .loginArea{padding:20px 0 80px;}
}

@media(max-width:479.5px){
    .loginBox h2{font-size:26px; letter-spacing:6px;} .loginBox{padding:40px 30px 40px; gap:25px; max-width:586px; width:90%; gap:15px;}
}
@media(max-width:390.5px){
    .loginBox h2{font-size:24px; letter-spacing:3.54px;}
    .loginBox{padding:30px 25px 30px;}
}









/*********/

footer{background: url(https://highclasstravel.com/wp-content/themes/hct/assets/images/home-banner.png) no-repeat; background-repeat: no-repeat; background-size: cover; min-height: 753px; position: relative; text-align: center; padding: 80px 0 0 0; background-position: center -40px;}

footer::before{position: absolute; left: 0; top: 0; background: #111115; content: ""; height: 100%; width: 100%; mix-blend-mode: lighten; z-index:-1;}

@media screen and (min-width: 1400px){
.container{max-width: 1370px; margin:0 auto;}}
.row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}

@media (min-width: 992px){
.col-lg-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-lg-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-lg-5{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-lg-7{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-lg-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}}

.footer-subscribeus-section .footer-text h4{color: #fff; text-transform: uppercase; letter-spacing: 3px; text-align: left; margin-bottom: 0;}
.footer-subscribeus-section .footer-text p{font-size: 16px; text-align: left; line-height: 25px; color: #848386;}
.footer-form .mc4wp-form-fields{position: relative;}
.form-control{color: #171717; font-family: 'Calibri'; font-size: 30px; letter-spacing: .2px; height: 40px; border-radius: 0; box-shadow: none; border: 0; padding-left: 0; border-bottom: 1px solid #707070; background: transparent;}
.footer-subscribeus-section .form-label-group .form-control{background: #fff; height: 64px; border-radius: 5px;}
.footer-form .mc4wp-form-fields input[type="email"]{font-size: 15px; padding-left: 20px; width: calc(100% - 209px);}

.text-right{text-align: right!important;}
.footer-form .form-label-group.text-right{position: absolute; top: 0; right: 0;}
.btn{padding: 15px; text-align: center; font-size: 20px; font-family: 'Calibri'; font-weight: 700; line-height: 30px; text-transform: uppercase; min-width: 220px; transition: 0.4s; border-radius: 7px; letter-spacing: .25px;}
.btn-primary{background: #C79767; border: 2px solid #C79767; color: #fff;}
.btn:not(:disabled):not(.disabled){cursor: pointer;}

.footer-menu{padding: 70px 0 90px 0;}
ul{padding: 0; list-style: none; margin: 0;}
.footer-menu li{margin-left: 167px; margin-left: 30px; display: inline;}
.footer-menu li:first-child{margin-left: 0;}
.footer-menu li a{font-size: 22px; color: #fff; line-height: 34px; letter-spacing: 1px; font-family: 'Calibri'; padding: 0; text-transform: uppercase; position: relative; text-decoration:none;}
.footer-menu li a:hover, .footer-menu li a:focus, .footer-menu li.active a, .footer-menu li.current_page_item a{color: #C79767;}

.footer-menu li a:after{content:''; position: absolute; right: -25px; top: 8px; background: url(https://highclasstravel.com/wp-content/themes/hct/assets/images/menu-arrow.svg) no-repeat right; content: ""; height: 14px; width: 15px; opacity: 0; transition: 0.4s;}

.valued-partnerships{padding-left: 80px; overflow: hidden;}
.valued-partnerships h3{color: #fff; text-transform: uppercase; letter-spacing: 3px; text-align: left; font-size: 18px; line-height: 20px;}
.valued-partnerships ul{column-count: 2;}
.valued-partnerships ul li{display: block; float: left; padding-right: 10px; width: 33.33%; box-sizing: border-box;}
.valued-partnerships ul li{width: 100%; margin-bottom: 15px;}
.valued-partnerships ul li>div{border-radius: 4px; background: #fff; height: 80px; padding: 20px; display: flex; align-items: center; justify-content: center;}
.valued-partnerships ul li>div img{max-width: 100px;}
.company-address{padding-top: 47px;}

.company-address p, .company-address a{font-size: 20px; color: #9C9C9C; line-height: 38px; font-family: 'Calibri Light';}

.copyright{padding-top: 50px;}

.copyright li{font-size: 16px; color: #9C9C9C; display: inline; font-family: 'Calibri Light'; padding: 0 20px;}

.copyright li:first-child{border-left: 0;}
.copyright li a{color: #9C9C9C;}