@charset "utf-8";

body{background:#000; font-family: 'Helvetica Neue'; position: relative;}
body::before{ content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1310px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
body::after{ content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 1310px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); transform: rotate(-180deg);}
.form-control::placeholder{color: #fff; opacity: 1;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::-ms-input-placeholder {color: #fff;}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Light.woff2') format('woff2'),
        url('../font/HelveticaNeue-Light.woff') format('woff'),
        url('../font/HelveticaNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica 65';
    src: url('../font/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../font/HelveticaNeue-Medium.woff') format('woff'),
        url('../font/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Italic.woff2') format('woff2'),
        url('../font/HelveticaNeue-Italic.woff') format('woff'),
        url('../font/HelveticaNeue-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Roman.woff2') format('woff2'),
        url('../font/HelveticaNeue-Roman.woff') format('woff'),
        url('../font/HelveticaNeue-Roman.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.owl-prev.disabled, .owl-next.disabled{opacity: 0.5;}

.md-8{margin: 0 -8px}
.pd-8{padding: 0 8px}
.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-12{margin: 0 -12px}
.pd-12{padding: 0 12px}
a{cursor: pointer; text-decoration: none; color: #fff}
a:hover{cursor: pointer; text-decoration: none; color: #fff}

.btn-gold{border:#E2CA88 1px solid; line-height: 48px; display: inline-block; font-size: 15px; color: #fff; padding: 0 42px 0 22px; margin-top: 20px; position: relative; transition: all .5s ease; position: relative;}
.btn-gold:hover{color: #E2CA88; transition: all .3s ease;}
.btn-gold::before{content: ''; background: url(../images/chevron-right.png) center center no-repeat; width: 20px; height: 20px; position: absolute; top: 14px; right: 16px; transition: all .3s ease;}
.btn-gold:hover::before{right: 9px;}

body.page-template{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/home-bg.jpg) top left repeat-y; background-size: 100%; position: relative;}
.wrapper-main{width: 100%; height: 100%; z-index: 2; position: relative; padding-top: 140px}
.wrapper-main::before{content: '';  background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); width: 70%; height: 100%; top: 0px; left: 0px; position: absolute;}


/**header**/
header{margin: 0px; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9; transition: all .5s ease;}
header .logo-area{padding: 30px 0 20px 0;  transition: all .5s ease; position: relative; z-index: 9; height: 140px;}
header .logo-area .container{display: flex; justify-content: space-between; align-items: center; position: relative; height: 65px;}
header .logo-area .logo{width: 168px; position: absolute; top: -10px; left: 50%; margin-left: -84px; transition: all .5s ease;}
header .logo-area .logo img{width: 100%}
header .logo-area .logo:before {content: ''; position: absolute; top: 0; left: -100px; width: 70px; height: 100%; transform: skewX(-30deg); animation-name: slide; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 15%, rgb(2 2 2 / 10%) 50%, rgba(0, 0, 0, 0) 87%);}
header .logo-area .leftside{display: flex; width: 50%; position: relative;  align-items: center; padding-right: 80px; justify-content:flex-start;}
header .logo-area .rightside{display: flex; width: 50%; position: relative; padding-left: 80px; align-items:center; justify-content: flex-end;}
header .logo-area ul.main-menu{margin:0px; padding: 0px; list-style: none; display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 1;flex-wrap: wrap; width: 398px}
header .logo-area ul.main-menu::before{content: ''; position: absolute; bottom: 0px; left: 0px; border-bottom: rgba(255, 255, 255, 0.2) 1px solid; width: 100%}
header .logo-area ul.main-menu li a{font-size: 15px; color: #fff;   line-height: 76px; display: block; border-bottom: transparent 1px solid; }
header .logo-area ul.main-menu li a:hover{text-decoration: none; border-bottom: #E2CA88 1px solid; transition: all .5s ease; color: #E2CA88; position: relative; z-index: 1;}
header .logo-area ul.main-menu li.current_page_item a{border-bottom: #E2CA88 1px solid; transition: all .5s ease; color: #E2CA88; position: relative; z-index: 1;}
header .btn-menu{width: 22px; height: 22px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; display: none}
header .btn-menu span{width: 100%; height: 2px; background: #fff; display: block;  transition: all .5s ease;}
header .btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
header .btn-menu span:nth-of-type(3n+2){position: absolute; top: 10px; width:70%; left: 0px; transition: all .5s ease;}
header .btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
header .btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:10px; transition: all .5s ease;}
header .btn-menu.active span:nth-of-type(3n+2){display: none;}
header .btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 10px;}
header.fixed{position: fixed; top: 0px; left: 0px;  transition: all .5s ease; background: #000;}
header.fixed .logo-area{padding: 20px 0; transition: all .5s ease; height: 110px}
header.fixed .logo-area .logo{width: 118px; margin-left: -59px; top: 0px; transition: all .5s ease;}
header .menu-area{position: fixed; width: 100%; left: -100%; height: 100%; top: 0px; background: #000000; z-index: 8; padding: 100px 35px 35px 35px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; transition: all .5s ease;}
header .menu-area.active{left: 0px; transition: all .5s ease;}
header .menu-area ul.mobile-menu{margin: 0px; padding: 0px; list-style: none}
header .menu-area ul.mobile-menu li a{font-size: 15px; color: #fff;   line-height: 60px; display: block; border-bottom: #333333 1px solid; }
header .menu-area ul.mobile-menu li.current_page_item a{color: #E2CA88}


/**Slider**/
.slider-area{margin: 0px;  overflow: hidden; position: relative; z-index: 1; height: 500px}
.slider-area .main-slider{position: relative; width: 100%; height: 100%}
.slider-area .main-slider .item{width: 100%; overflow: hidden; position: relative; height: 500px;}
.slider-area .main-slider .item img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.slider-area .main-slider .content-area{position: absolute; top: 0px; width: 100%; z-index: 1; display: flex; align-items: end; justify-content: center; background-color: rgba(0, 0, 0, 0.29); height: 100%}
.slider-area .main-slider .content-area::before{content: ''; position: absolute; width: 100%; height: 382px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%); bottom: -191px}
.slider-area .main-slider .content-area .full{width: 100%; position: relative; z-index: 1}
.slider-area .main-slider .content-area h1{ font-size: 48.83px; line-height: 58px; color: #fff; text-align: center;  margin: 0 0 20px 0}
.slider-area .main-slider .content-area p{font-size: 15px; font-weight: 300; line-height: 21px; color: #fff; text-align: center; margin: 0px}
.slider-area .main-slider .owl-prev{position: absolute; top: 50%; margin-top: -15px; z-index: 1; left: 30px;}
.slider-area .main-slider .owl-next{position: absolute; top: 50%; margin-top: -15px; z-index: 1; right: 30px;}
.slider-area .main-slider .owl-prev:hover svg circle,
.slider-area .main-slider .owl-next:hover svg circle{fill:#E2CA88}
.slider-area .main-slider .owl-prev:hover svg path,
.slider-area .main-slider .owl-next:hover svg path{fill:#000}

/** About Us **/
.about-section{position: relative; padding: 120px 0 0 0; overflow: hidden;}
.about-section::before{content: ''; position: absolute; width: 100%; height: 382px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%); top: -191px; z-index: 4}
.about-section .about-content{display: flex; align-items: center; position: relative; z-index: 3}
.about-section .about-content .leftside{width: 50%; height: 560px; border-radius: 20px; overflow: hidden; position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.about-section .about-content .leftside img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1); transition: all .5s ease;}
.about-section .about-content .leftside:hover img{transform: scale(1.1); transition: all .5s ease;}
.about-section .about-content .rightside{width: 50%; padding-left: 90px; position: relative;}
.about-section .about-content .rightside .line-animation{position: relative; width: 100%; height: 2px; margin-bottom: 30px;}
.about-section .about-content .rightside .line-animation::before{content: ''; width: 0%; background: #E2CA88; position: absolute; top: 0px; right: 0%; height: 2px;}
.about-section.is-visible .about-content .rightside .line-animation::before{animation: line-animation 4s; width: 140%;}
.about-section .about-content .rightside .line-animation::after{content: ''; width: 15px; background: #E2CA88; position: absolute; top: -7px; left: 100%; margin-left: -7px; height: 15px; border-radius: 50%; transition: all .5s ease;}
.about-section.is-visible .about-content .rightside .line-animation::after{left: -40%; animation: rightcircle 4s;  transition: all .5s ease;}
.about-section .about-content .rightside h2{  font-size: 40px; line-height: 40px; color: #fff;  margin: 0 0 38px 0}
.about-section .about-content .rightside p{font-weight: 300; font-size: 15px; line-height: 21px;  color: #fff}


/**number-section**/
.number-section{position: relative; padding: 100px 0; z-index: 2;}
.number-section::before{content: ''; position:absolute; top: -218px; left: 0px; width: 100%; height: 610px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
.number-section .d-flex{justify-content: space-between; align-items: center; text-align: center; position: relative; z-index: 1;}
.number-section .number-box{width: 25%;}
.number-section .number-box .icon{width: 74px; padding: 21px; height: 74px; background: #26282C; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center; position: relative; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
.number-section .number-box .icon img{width: 100%}
.number-section .number-box .icon:after{top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.number-section .number-box:hover .icon{background: rgba(226,202,136,0.3); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93);}
.number-section .number-box:hover .icon:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms;}
.number-section .number-box .number{margin: 10px 0; font-size: 25px; line-height: 34px; color: #fff;}
.number-section .number-box p{margin: 0px; font-weight: 300; color: #fff; font-size: 15px; line-height: 21px;}


.multi-nationalities{padding: 0 0 80px 0; position: relative; }
.multi-nationalities::before{content: ''; position: absolute; top: -260px; left: 0px; width: 100%; background: url(../images/multi-nationalities-bg.png) top center no-repeat; background-size: 100%; height: 960px;}
.multi-nationalities .main-slider-block{display: flex; position: relative; z-index: 2;}
.multi-nationalities .main-slider-block .leftside{width: 25%; padding-right: 34px;}
.multi-nationalities .main-slider-block .slider-block{width: 75%;}
.multi-nationalities .main-slider-block h2{color: #fff; font-size: 40px; line-height: 40px; margin: 0 0 20px 0;}
.multi-nationalities .main-slider-block p{color: #fff; font-size: 15px; font-weight: 300; line-height: 15px; margin-bottom: 32px;}
.multi-nationalities .main-slider-block .item{height: 320px; border-radius: 20px; overflow: hidden; width: 100%}
.multi-nationalities .main-slider-block .item img{height: 100%; width: auto; -webkit-transition: 0.5s; transition: 0.5s;}
.multi-nationalities .main-slider-block .item:hover img{transform: scale(1.1); transition: all .5s ease;}
.multi-nationalities .main-slider-block .line-animation{position: relative; width: 100%; height: 2px}
.multi-nationalities .main-slider-block .line-animation::before{content: ''; width: 0%; background: #E2CA88; position: absolute; top: 0px; left: 0px; height: 2px;}
.multi-nationalities .main-slider-block .line-animation::after{content: ''; width: 15px; background: #E2CA88; position: absolute; top: -7px; left: 0px; height: 15px; border-radius: 50%;  margin-right: -7px}
.multi-nationalities.is-visible .main-slider-block .line-animation::before{animation: line-animation2 4s; width: 100%;}
.multi-nationalities.is-visible .main-slider-block .line-animation::after{animation: leftcircle 4s; left: 100%;}

.news-section{position: relative;  padding-bottom: 75px;}
.news-section::before{content: ''; position: absolute; width: 100%; height: 562px; left: 0px; top: -10px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
.news-section .container{position: relative; z-index: 1;}
.news-section .title-area{display: flex; justify-content: space-between; align-items: end;  padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.news-section .title-area::before{content: ''; position: absolute; width: 100%; height: 1px; background:#E2CA88; left: 0px; bottom: 0px;}
.news-section .title-area h2{font-size: 40px; line-height: 40px; width: 220px; color: #fff; margin: 0px;}
.news-section .title-area a{position: relative; padding-right: 16px; transition: all .3s ease;}
.news-section .title-area a::before{content: ''; background: url(../images/chevron-right.png) center center no-repeat; width: 20px; height: 20px; position: absolute; top: 4px; right: -6px; transition: all .3s ease;}
.news-section .title-area a:hover{color: #E2CA88; transition: all .3s ease;}
.news-section .title-area a:hover::before{right: -12px; transition: all .3s ease;}
.news-section .d-flex{margin: 0 -12.5px;}
.news-section .news-block{padding: 0 12.5px; width: 33.33%;}
.news-section .news-block .news-img{width: 100%; height: 240px; border-radius: 20px; overflow: hidden; position: relative; margin-bottom: 20px;}
.news-section .news-block .news-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; -webkit-transition: 0.5s; transition: 0.5s;}
.news-section .news-block .news-title{font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease;}
.news-section .news-block:hover .news-img img{transform: scale(1.1); transition: all .5s ease;}
.news-section .news-block:hover .news-title{color: #E2CA88; transition: all .5s ease;}


footer .footer-main{background: url(../images/footer-bg.png) center center no-repeat; background-size: cover; position: relative; text-align: left;}
footer .footer-main::before{content: ''; position: absolute; bottom: 170px; left: 0px; width: 100%; height: 562px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
footer .footer-main .container{position: relative; z-index: 7;}
footer .footer-main .footer-block{display: flex; justify-content: space-between; align-items: flex-start;  border-bottom: rgba(255, 255, 255, 0.1) 1px solid;}
footer .footer-main .footer-block .info-area{padding:50px 55px 0 0; width: 22%; border-right: rgba(255, 255, 255, 0.1) 1px solid;min-height: 440px;}
footer .footer-main .footer-block .link-area{padding:50px 50px 0 50px; width: 22%; border-right: rgba(255, 255, 255, 0.1) 1px solid;min-height: 440px;}
footer .footer-main .footer-block .contact-area{padding:50px 40px 0 40px; width: 30%; border-right: rgba(255, 255, 255, 0.1) 1px solid;min-height: 440px;}
footer .footer-main .footer-block .contact-form{padding:50px 0 50px 50px; width: 26%; min-height: 440px;}
footer .footer-main .footer-block h3{font-size: 20px; color: #fff; margin: 0 0 15px 0;}
footer .footer-main .footer-block .logo{width: 117px; margin-bottom: 30px; overflow: hidden; position: relative;}
footer .footer-main .footer-block .logo:before {content: ''; position: absolute; top: 0; left: -100px; width: 70px; height: 100%; transform: skewX(-30deg); animation-name: slide; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 15%, rgb(2 2 2 / 10%) 50%, rgba(0, 0, 0, 0) 87%);}
footer .footer-main .footer-block .logo img{width: 100%;}
footer .footer-main .footer-block p{font-size: 15px; line-height: 21px; font-weight: 300; color: #fff; margin: 0px;}
footer .footer-main .footer-block p a{color: #fff;}
footer .footer-main .footer-block p a:hover{color: #E2CA88; text-decoration: none;}
footer .footer-main .footer-block ul.links{margin: 0px; padding: 0px; list-style: none;}
footer .footer-main .footer-block ul.links li{margin-bottom: 10px;}
footer .footer-main .footer-block ul.links li a{font-size: 14px; line-height: 20px; color: #fff; transition: all .5s ease}
footer .footer-main .footer-block ul.links li a:hover{color:#E2CA88; transition: all .5s ease}
footer .footer-main .footer-block ul.links li.current_page_item a{color:#E2CA88; transition: all .5s ease}

footer .footer-main .footer-block .contact-area p{padding-right: 50px;}
footer .footer-main .footer-block .info{background-color: #1E1F22; border-radius: 32px; font-size: 14px; line-height: 46px; display: inline-block; margin-top: 15px; padding: 5px 20px 5px 5px; transition: all .5s ease; color: #fff;}
footer .footer-main .footer-block .info svg{margin-right: 10px; }
footer .footer-main .footer-block .info:hover{background: #E2CA88; color: #1E1F22; transition: all .5s ease}
footer .footer-main .footer-block .form-control{background: transparent; padding: 6px 0px; margin-bottom: 14px; height: auto; border: none; border-bottom: rgba(255, 255, 255, 0.2) 1px solid; border-radius: 0px; color: #fff; font-size: 14px;}
footer .footer-main .footer-block .form-control:focus{box-shadow: none; border-bottom: #E2CA88 1px solid}
footer .footer-main .footer-block .btn-gold{margin: 10px 0px 0px 0px;  background: transparent url(../images/chevron-right.png) 140px 15px no-repeat;}
footer .footer-main .footer-block .btn-gold:hover{background: transparent url(../images/chevron-right.png) 150px 15px no-repeat;}
footer .footer-main .copyright{padding: 35px 0 45px 0; text-align: center; color: #fff; font-size: 14px; line-height: 18px;}
footer .footer-main .btn-area{position: relative;}

.inner-title-area{margin: 0px; padding: 0px; position: relative; z-index: 1}
.inner-title-area .inner-area{width: 100%; height: 420px; border-radius: 20px; overflow: hidden; position: relative;}
.inner-title-area .inner-area img{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.inner-title-area .inner-area .content-area{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%); justify-content: center; align-items: center; display: flex;}
.inner-title-area .inner-area .full{max-width: 420px; text-align: center;}
.inner-title-area .inner-area h1{font-size: 48px; line-height: 58px; color: #fff; margin: 0 0 15px 0}
.inner-title-area .inner-area p{font-weight: 300; font-size: 15px; line-height: 21px; color: #fff; margin: 0px}

.side-content-area{padding: 90px 0 70px 0}
.side-content-area .container{display: flex; position: relative; z-index: 1}
.side-content-area .leftside{width: 25%;}
.side-content-area .rightside{width: 75%;}
.side-content-area h2{color: #fff; font-size: 40px; line-height: 40px;}
.side-content-area p{font-size: 15px; line-height: 21px; color: #fff; font-weight: 300; margin-bottom: 20px}

.ceo-section{position: relative; padding: 0px; overflow: hidden;}
.ceo-section .about-content{display: flex; align-items:flex-end; position: relative; z-index: 3}
.ceo-section .about-content .leftside{width: 50%; height: 376px; border-radius: 20px; overflow: hidden; position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.ceo-section .about-content .leftside img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1); transition: all .5s ease;}
.ceo-section .about-content .leftside:hover img{transform: scale(1.1); transition: all .5s ease;}
.ceo-section .about-content .rightside{width: 50%; padding-left: 90px; position: relative;}
.ceo-section .about-content .rightside .line-animation{position: relative; width: 100%; height: 2px; margin-bottom: 30px;}
.ceo-section .about-content .rightside .line-animation::before{content: ''; width: 0%; background: #E2CA88; position: absolute; top: 0px; right:0%; height: 2px; }
.ceo-section .about-content .rightside .line-animation::after{content: ''; width: 15px; background: #E2CA88; position: absolute; top: -7px; left: 100%; margin-left: -7px; height: 15px; border-radius: 50%; }

.ceo-section .about-content .rightside h2{  font-size: 40px; line-height: 40px; color: #fff;  margin: 0 0 38px 0}
.ceo-section .about-content .rightside p{font-weight: 300; font-size: 15px; line-height: 21px;  color: #fff}
.ceo-section .about-content .rightside .name{font-size:15px; line-height: 21px;  color: #fff; font-style: italic; font-weight: 400}
.ceo-section .about-content .rightside .name span{font-family: 'Helvetica 65'; color: #E2CA88; font-style: normal; display: block;}

.ceo-section .about-content.is-visible .rightside .line-animation::before{animation: line-animation 4s; width: 140%;}
.ceo-section .about-content.is-visible .rightside .line-animation::after{left: -40%; animation: rightcircle 4s;  }

.mission-statement{padding: 0 0 100px 0; position: relative; }
.mission-statement::before{content: ''; position: absolute; top: -260px; left: 0px; width: 100%; background: url(../images/multi-nationalities-bg.png) top center no-repeat; background-size: 100%; height: 700px;}
.mission-statement .mission-statement-block{background: rgba(38, 40, 44, 0.8); border-radius: 20px; display: flex; overflow: hidden; position: relative; z-index: 1; align-items: center;}
.mission-statement .mission-statement-block .left-content{width: 50%; padding: 0 85px}
.mission-statement .mission-statement-block .right-photo{width: 50%; overflow: hidden;}
.mission-statement .mission-statement-block .right-photo img{width: 100%;  transform: scale(1); transition: all .5s ease;}
.mission-statement .mission-statement-block .right-photo:hover img{transform: scale(1.1); transition: all .5s ease;}
.mission-statement .mission-statement-block h2{font-size: 40px; line-height: 40px; color: #fff; margin-bottom: 20px}
.mission-statement .mission-statement-block p{font-weight: 300; font-size: 15px; line-height: 21px; color: #fff; margin: 0px}

.values-section{position: relative;  padding-bottom: 40px;}
.values-section::before{content: ''; position: absolute; width: 100%; height: 562px; left: 0px; top: -270px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
.values-section .container{position: relative; z-index: 1;}
.values-section h2{font-size: 40px; line-height: 40px; color: #fff;  padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.values-section h2::before{content: ''; position: absolute; width: 100%; height: 1px; background:#E2CA88; left: 0px; bottom: 0px; }
.values-section .value-block{position: relative; padding-left: 84px; margin-bottom: 50px}
.values-section .value-block .icon{width: 74px; padding: 21px; height: 74px; background: #26282C; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
.values-section .value-block .icon img{width: 100%}
.values-section .value-block .icon:after{top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.values-section .value-block:hover .icon{background: rgba(226,202,136,0.3); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93);}
.values-section .value-block:hover .icon:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms;}
.values-section .value-block h3{font-size: 25px; line-height: 34px; color: #fff; margin: 0 0 5px 0}
.values-section .value-block p{font-size: 14px; line-height: 20px; color: #fff; margin: 0px; padding-right: 50px}

.charity-number-section{position: relative; padding: 0 0 100px 0; z-index: 2; }
.charity-number-section .d-flex{justify-content: space-between; align-items: center; text-align: center; position: relative; z-index: 1;}
.charity-number-section .number-box{width: 25%;}
.charity-number-section .number-box .icon{width: 74px; padding: 21px; height: 74px; background: #26282C; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center; position: relative; -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
.charity-number-section .number-box .icon img{width: 100%}
.charity-number-section .number-box .icon:after{top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.charity-number-section .number-box:hover .icon{background: rgba(226,202,136,0.3); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93);}
.charity-number-section .number-box:hover .icon:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms;}
.charity-number-section .number-box .number{margin: 10px 0; font-size: 25px; line-height: 34px; color: #fff;}
.charity-number-section .number-box p{margin: 0px; font-weight: 300; color: #fff; font-size: 15px; line-height: 21px;}

.quote-section{position: relative; }
.quote-section .quote-box{border-radius: 20px; padding: 70px 240px; position: relative; text-align: center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1}
.quote-section .quote-box::before {background: rgba(0, 0, 0, 0.5); content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.quote-section .quote-box h2{color: #fff; font-size: 40px; line-height: 50px; margin: 0px 0px 10px 0px; position:relative; z-index: 1;}
.quote-section .quote-box p{color: #fff; font-size: 15px; margin: 0px; position: relative; z-index: 1;}

.gcf-section{position: relative; padding-top: 100px; padding-bottom: 75px;}
.gcf-section::before{content: ''; position: absolute; top: 70px; left: 0px; width: 100%; background: url(../images/multi-nationalities-bg.png) top center no-repeat; background-size: 100%; height: 700px;}
.gcf-section::after{content: ''; position: absolute; top: -220px; left: 0px; width: 100%; height: 610px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
/* .gcf-section::before{content: ''; position: absolute; width: 100%; height: 562px; left: 0px; top: -10px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);} */
.gcf-section .container{position: relative; z-index: 1;}
.gcf-section .title-area{display: flex; justify-content: space-between; align-items: end;  padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.gcf-section .title-area::before{content: ''; position: absolute; width: 100%; height: 1px; background:#E2CA88; left: 0px; bottom: 0px;}
.gcf-section .title-area h2{font-size: 40px; line-height: 40px; width: 220px; color: #fff; margin: 0px;}
.gcf-section .title-area a i{margin-right: 10px}

.gcf-section .title-area a{position: relative; padding-right: 16px; transition: all .3s ease;}
.gcf-section .title-area a::before{content: ''; background: url(../images/chevron-right.png) center center no-repeat; width: 20px; height: 20px; position: absolute; top: 4px; right: -6px; transition: all .3s ease;}
.gcf-section .title-area a:hover{color: #E2CA88; transition: all .3s ease;}
.gcf-section .title-area a:hover::before{right: -12px; transition: all .3s ease;}

.gcf-section .news-block{width: 100%;}
.gcf-section .news-block .news-img{width: 100%; height: 240px; border-radius: 20px; overflow: hidden; position: relative; margin-bottom: 20px;}
.gcf-section .news-block .news-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; -webkit-transition: 0.5s; transition: 0.5s;}
.gcf-section .news-block .news-title{font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease;}
.gcf-section .news-block:hover .news-img img{transform: scale(1.1); transition: all .5s ease;}
.gcf-section .news-block:hover .news-title{color: #E2CA88; transition: all .5s ease;}
.gcf-section .owl-nav, .gcf-section .owl-dots{display: none}


.companies-list{position: relative; padding: 120px 0 ; }
.companies-list::before{content: ''; position: absolute; top:576px; left: 0px; width: 100%; height: 610px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
.companies-list::after{content: ''; position: absolute; top:1844px; left: 0px; width: 100%; height: 562px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%);}
.companies-list .companies-block{display: flex; align-items: center; position: relative; z-index: 3; margin-bottom: 100px}
.companies-list .companies-block .leftside{width: 50%; height: 376px; border-radius: 20px; overflow: hidden; position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.companies-list .companies-block .leftside::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; z-index: 1;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 18.22%, rgba(255, 255, 255, 0.56) 45.31%, #FFFFFF 100%);}
.companies-list .companies-block .leftside img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transform: scale(1); transition: all .5s ease;}
.companies-list .companies-block .leftside:hover img{transform: scale(1.1); transition: all .5s ease;}
.companies-list .companies-block .rightside{width: 50%; padding-left: 90px; position: relative;}
.companies-list .companies-block .rightside .line-animation{position: relative; width: 100%; height: 2px; margin-bottom: 30px;}
.companies-list .companies-block .rightside .line-animation::before{content: ''; width: 0%; background: #E2CA88; position: absolute; top: 0px; right:0%; height: 2px; }
.companies-list .companies-block .rightside .line-animation::after{content: ''; width: 15px; background: #E2CA88; position: absolute; top: -7px; left: 100%; margin-left: -7px; height: 15px; border-radius: 50%; }
.companies-list .companies-block.is-visible .rightside .line-animation::before{width: 140%; animation: line-animation 4s;}
.companies-list .companies-block.is-visible .rightside .line-animation::after{left: -40%; animation: rightcircle 4s;  }

.companies-list .companies-block .rightside h2{  font-size: 40px; line-height: 40px; color: #fff;  margin: 0 0 38px 0; width: 75%}
.companies-list .companies-block .rightside p{font-weight: 300; font-size: 15px; line-height: 21px;  color: #fff}
.companies-list .companies-block .leftside .logo{width: 100%; height:120px; position: absolute; bottom: 10px; z-index: 1}
.companies-list .companies-block .leftside .logo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain;  transition: all .5s ease;}
.companies-list .companies-block:nth-of-type(2n+2){flex-direction: row-reverse;}
.companies-list .companies-block:nth-of-type(2n+2) .rightside{padding-right: 90px; padding-left: 0px}
.companies-list .companies-block:nth-of-type(2n+2) .rightside .line-animation::before{left: auto; left: 0%}

.companies-list .companies-block:nth-of-type(2n+2) .rightside .line-animation::after{left: 0px;  margin-right: -7px}

.companies-list .companies-block:nth-of-type(2n+2).is-visible .rightside .line-animation::after{left: 140%; animation: left140circle 4s;  }

.companies-list .coming-soon{background:#fff; border-radius: 20px; display: flex; overflow: hidden; position: relative; z-index: 1; align-items: center;}
.companies-list .coming-soon .photo-area{width: 50%; overflow: hidden;}
.companies-list .coming-soon .photo-area img{width: 100%;  transform: scale(1); transition: all .5s ease;}
.companies-list .coming-soon .photo-area:hover img{transform: scale(1.1); transition: all .5s ease;}
.companies-list .coming-soon .content-area{width: 50%; padding: 0 85px; text-align: center;}
.companies-list .coming-soon h3{font-size: 40px; line-height: 40px; color: #000000; margin: 0px}

.news-page{position: relative;  padding:80px 0 0 0;}
.news-page.media-updates{padding: 80px 0}
.news-page .container{position: relative; }
.news-page h2{font-size: 40px; line-height: 40px; color: #fff;  padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.news-page h2::before{content: ''; position: absolute; width: 100%; height: 1px; background:#E2CA88; left: 0px; bottom: 0px; }
.news-page .news-block{width: 100%;}
.news-page .news-block .news-img{width: 100%; height: 200px; border-radius: 20px; overflow: hidden; position: relative; margin-bottom: 20px;}
.news-page .news-block .news-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; -webkit-transition: 0.5s; transition: 0.5s;}
.news-page .news-block .news-title{font-size: 20px; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all .5s ease;}
.news-page .news-block:hover .news-img img{transform: scale(1.1); transition: all .5s ease;}
.news-page .news-block:hover .news-title{color: #E2CA88; transition: all .5s ease;}

.pagination{justify-content: center; margin-top: 40px; position: relative; z-index: 1; }
.pagination a.page-numbers{width: 32px; height: 32px; background:#26282C; border-radius:4px; border:none; margin: 0 3px; color: #787A7E;  text-align: center; line-height: 32px; font-size: 14px;}
.pagination a.page-numbers:hover{color: #E2CA88; }
.pagination span.current{width: 32px; height: 32px; background:#26282C; border-radius:4px; color: #E2CA88;margin: 0 3px; text-align: center; line-height: 32px; font-size: 14px;}
.pagination .next{position: relative; font-size: 0px !important;}
.pagination .next::before {font-family: "Font Awesome 5 pro"; left: 0px; color: #787A7E; font-weight: 400; content: '\f105'; position: absolute; top: 0; opacity: 1; font-size: 18px; width: 100%;}
.pagination .next:hover::before{color: #E2CA88;}
.pagination .prev{position: relative; font-size: 0px !important;}
.pagination .prev::before {font-family: "Font Awesome 5 pro"; left: 0px; color: #787A7E; font-weight: 400; content: '\f104'; position: absolute; top: 0; opacity: 1; font-size: 18px; width: 100%;}
.pagination .prev:hover::before{color: #E2CA88;}

.global-offices-page{padding: 100px 0; position: relative;}
.global-offices-page .line{background: #E2CA88; width: 100%; height: 1px; margin: 50px 0}
.global-offices-page .office-block{margin: 0px;}
.global-offices-page .office-block .office-logo{width: 100%; height: 220px; border-radius: 20px; background: #fff; overflow: hidden; position: relative;}
.global-offices-page .office-block .office-logo img{position: absolute; object-fit: contain; margin: auto; left: 0px; right: 0px; bottom: 0px; top: 0px; max-width: 100%; max-height: 100%;}
.global-offices-page .office-block .detail{padding-top: 30px }
.global-offices-page .office-block .detail h3{margin: 0px; font-size: 20px; line-height: 28px; color: #fff; }
.global-offices-page .office-block .detail .info{color: #fff; font-size: 16px; line-height: 26px;}
.global-offices-page .office-block .detail .info a{color: #fff; transition: all .5s ease;}
.global-offices-page .office-block .detail .info a:hover{color: #E2CA88;  transition: all .5s ease;}

.map-section{position: relative; padding: 0px}
.map-section::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 48.96%, rgba(0, 0, 0, 0) 100%); height: 562px; width: 100%; content: ''; position: absolute; left: 0px; bottom: -270px; z-index: 7}
.map-section h2{font-size: 40px; line-height: 40px; color: #fff;  padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.map-section h2::before{content: ''; position: absolute; width: 100%; height: 1px; background:#E2CA88; left: 0px; bottom: 0px;}
.map-section .map-box{width: 100%; height: 660px; position: relative; z-index: 5; background: #000}
.map-section .map-box img{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: cover;}
.map-section .map-box iframe{width: 100%; height: 100%; opacity: 0.5; filter: grayscale(1);}
.map-section .map-box .marker-icon{position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-left: -25px; margin-top: -78px;}
.map-section .map-box .marker-icon a {display: block; width: 100%; height: 100%;}
.map-section .map-box .marker-icon .message {position: absolute; width: 300px; text-align: center; background: rgba(255, 255, 255, 0.3); border: 1px solid #E2CA88; border-radius: 20px; color: #E2CA88; padding: 10px 0; left: 50%; margin-left: -150px; margin-top: -30px; opacity: 0; transform: scale(0); transition: all .5s ease; }
.map-section .map-box .marker-icon:hover .message{ margin-top: -140px; opacity: 1; transition: all .5s ease; transform: scale(1);}

.modal-backdrop.fade.show {display: none;}
.modal{background: rgba(0, 0, 0, 0.74)}
.detail-popup .modal-dialog{max-width: 800px}
.detail-popup .modal-content{background: transparent; border:none}
.detail-popup h2{text-align: center; font-size: 40px; line-height: 40px; color: #fff; margin: 0 0 15px 0}
.detail-popup p{text-align: center; color: #fff; font-size: 15px; line-height: 21px; font-weight: 300; max-width: 780px; margin: 0 auto 20px auto;}
.detail-popup .large-slider{position: relative;}
.detail-popup .large-slider .btn-close{position: absolute; top: 10px; right: 10px; background: transparent; border:none; z-index: 2; transform: rotate(45deg); padding: 0px; width: 40px; height: 40px;}
.detail-popup .large-slider .btn-close svg {width: 100%; height: 100%;}
.detail-popup .main-image{width: 100%; height: 340px; position: relative; overflow: hidden; border-radius: 20px}
.detail-popup .main-image img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.detail-popup .thumbnail-img{width: 100%; height: 80px; position: relative; overflow: hidden; border-radius: 20px}
.detail-popup .thumbnail-img img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.detail-popup .owl-dots{display: none}
.detail-popup #sync1{margin-bottom: 20px}
.detail-popup #sync2{width: 400px; margin: 0 auto;}
.detail-popup #sync2 .owl-item.active{opacity: 0.5; cursor: pointer;}
.detail-popup #sync2 .owl-item.active.current{opacity: 1; }
.detail-popup .owl-prev{position: absolute; top: 50%; margin-top: -15px; z-index: 1; left: -20px;}
.detail-popup .owl-next{position: absolute; top: 50%; margin-top: -15px; z-index: 1; right: -20px;}
.detail-popup .owl-prev:hover svg circle,
.detail-popup .owl-next:hover svg circle{fill:#E2CA88}
.detail-popup .owl-prev:hover svg path,
.detail-popup .owl-next:hover svg path{fill:#000}

@keyframes line-animation{
    0%{
        width: 0%;
    }
    100%{
        width: 140%;
    }
}
@keyframes line-animation2{
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}
@keyframes rightcircle{
    0%{
        left: 100%;
    }
    100%{
        left: -40%;
    }
}
@keyframes leftcircle{
    0%{
        left: 0%;
    }
    100%{
        left: 100%;
    }
}
@keyframes left140circle{
    0%{
        left: 0%;
    }
    100%{
        left: 140%;
    }
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #E2CA88, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #E2CA88, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #E2CA88, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #E2CA88, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #E2CA88, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #E2CA88, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes slide {
    0% {
      left: -100px;
      top: 0;
    }
    50% {
      left: 200px;
      top: 0px;
    }
    100% {
      left: -100px;
      top: 0;
    }
}

.wpcf7-form p {margin: 0;}
.wpcf7-form-control-wrap { display: block;}
.wpcf7 form .wpcf7-response-output {width: 60%; margin: 30px auto 0 auto; text-align: center; padding: 12px; display: none;}
.get-in-touch-section .form-area .text-center {position: relative;}
.wpcf7-spinner{position: absolute; top: 20px;}
.wpcf7-not-valid-tip{display: none;}
.wpcf7-not-valid{border-bottom: #f00 1px solid !important;}

.swal-modal{background: #fff; border: 1px solid #fff; border-radius: 15px; width: 475px; padding-bottom: 110px;}
.swal-icon--success::after, .swal-icon--success::before {background: #fff;}
.swal-icon--success__hide-corners{background: #fff;}
.swal-icon--success__ring{border: 4px solid #E2CA88;}
.swal-icon--success__line{background-color: #E2CA88;}
.swal-icon--error{border-color: #f00;}
.swal-icon--error__line{background-color: #f00;}
.swal-title{display: none;}
.swal-text{font-size: 28px; line-height: 36px; text-align: center; width: 500px; color: #333;}
.swal-footer{margin-top: 0px; padding: 0px;}
.swal-button-container {margin: 0; display: inline-block; position: inherit;}
.swal-button {position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 0px; font-size: 0;background-color: transparent; padding: 0px;}
.swal-button::before{content: ''; background: url(../images/close.png) center center no-repeat; width: 40px; height: 40px; position: absolute; top: 0px; right: 0px;}
.swal-button:hover {background: transparent !important;}
.swal-button:focus{box-shadow: none;}
.swal-icon{margin: 0 auto 40px auto;}
.swal-icon:first-child {margin-top: 110px;}


/**error-page**/
body.error404{background: #000, url(../images/home-bg.jpg) top right repeat-y; position: relative;}
body.error404 .wrapper-main::before{opacity: 0.2;}
.error-page{padding:80px 0 200px 0}
.error-page h1{font-size: 150px; line-height: 180px; text-transform: uppercase; color: #E2CA88; font-weight: 700; margin: 0px 0px 10px 0px; position: relative;}
.error-page h2{font-size: 52px; line-height: 62px; color: #fff;  font-weight: 300; margin: 0 0 30px 0;  position: relative;}
.error-page p{font-size: 16px; line-height: 26px; color: #fff;  font-weight: 400;  margin: 0px; position: relative;}
.error-page p a{color:#E2CA88 }


.fancybox__caption{text-align: center;}