@charset "utf-8";

/* ----------------------------------

Name: elements.css
Version: 1.7

----------------------------------

Table of Contents
        
    01. Navbar
    02. Header
    03. Hero Section
    04. Slider
    05. Feature Box 
    06. Content
    07. Tab
    08. Team
    09. Title
    10. Pricing Table
    11. Contact
    12. Blog
    13. Subscribe
    14. Footer
    15. Call to Action
    16. Counter
    17. Clients
    18. Timer
    19. Testimonial 
    20. Social Widget

*/


/* ===================================
    Navbar
====================================== */

.navbar {padding: 20px 0 20px; z-index: 999; width: 100%; border-radius: 0; border: 0;}
.navbar img {max-height:160px}
.navbar li {margin:13px 20px;}
.navbar li:last-child { margin-right: 0;}
.navbar li a {font-size: 12px; padding: 0;cursor: pointer !important; border-bottom: 1px solid transparent; }
.navbar li a:hover {opacity: 0.8;}
.navbar li a.active, .navbar li.active > a, .nav .open>a, .nav .open>a:hover {opacity: 0.8; }
.nav .open>a:focus, .dropdown-menu>li>a:focus, .nav .open>a { background-color: transparent !important}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: transparent;}
.navbar .nav-button { margin: 10px 0 8px 30px;}
.navbar .nav-button i {margin-right:5px}
.navbar .nav-button a { padding: 3px 17px 2px !important; border: 1px solid transparent; font-size: 10px}
.navbar-collapse { padding: 0;}
header .container { position: relative;}
header .row { align-items: center; display: flex; height: auto;}
.header-margin-top { margin-top: 86px; }
.navbar.shrink-nav { position: absolute !important; top: 0; }
.navbar.shrink-nav.shrink { padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,0.1) }
.header-margin-top-big { margin-top: 134px; }
.header-margin-top-medium { margin-top: 138px; }
.navbar.shrink-nav.shrink .header-bottom { padding: 11px 0;}

/* dropdown menu */
.navbar li ul > li { border-bottom: 1px solid rgba(255,255,255,0.15); margin: 0 20px; padding: 7px 0 6px 0; display: block !important}
.navbar li ul > li:last-child { border: 0;}
.navbar-nav>li>.dropdown-menu { padding: 10px 0; background: rgba(0,0,0,.9) }
.dropdown-menu>li>a {
    font-size: 14px;
    color: #d7af69;
    letter-spacing: 0.5px;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li.active>a, .dropdown-menu>li>a:focus {color: #bbbbbb; background-color: transparent !important }

/* ===================================
    Header
====================================== */

/* header style 1 */
.header-style1 .nav-button .join-us {  border-color: #000000; border: 2px solid; background-color: transparent; color: #000000; padding: 1px 20px !important;}
.header-style1 .nav-button .join-us:hover { background: transparent;}
.header-style1 .nav-button:last-child { margin-left: 20px;}
.header-style1 .black-header.navbar li a { color: #ffffff;}
.header-style1 .black-header.navbar .nav-button .join-us { border: 2px solid #ffffff; background-color: transparent; color: #ffffff;}
.header-style1 .black-header .nav-button .join-us:hover { background: transparent;}

/* header style 2 */
.header-style2 .black-header li a, .header-style2 .black-header li a:before { color: #ffffff;}
.header-style2 li a:before { content: "\f111"; font-size: 6px; color: #959595; font-family: fontawesome; right: -23px; position: absolute; top: -1px}
.header-style2 li:last-child a:before { display: none;}
.header-style2 li ul.dropdown-menu li a:before { display: none}

/* header style 3 */
.header-style3 .logo { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; text-align: center; margin-bottom: 15px;}
.header-style3 .navbar-nav { width: 100%;}
.header-style3 .navbar li { display: inline-block; float: none; margin: 0 20px}
.header-style3 .navbar li a { color: #797979;}
.header-style3 .black-header.navbar li a { color: #ffffff;}
.header-style3 .black-header .logo { border-color: #2a2a2a;}

/* header style 4 */
.header-style4 .header-top { border-bottom: 1px solid #eaeaea; padding: 10px 0;}
.header-style4 .header-top .mail { color: #797979; font-size: 11px; float: left;}
.header-style4 .header-top .mail a, .header-style4 .white-header .header-bottom li a { color: #797979;}
.header-style4 .header-top a:hover { opacity: 0.5;}
.header-style4 .social a { margin: 0 13px; font-size: 14px; color: #797979;}
.header-style4 .social a:last-child {margin-right: 0}
.header-style4 .header-bottom { padding: 25px 0;}
.header-style4 .header-bottom li:last-child { margin-right: 0;}
.header-style4 .header-bottom li a { color: #fff; line-height: 19px;}
.header-style4 .header-bottom li a:before { content: "\f111"; font-size: 6px; color: #ffffff; font-family: fontawesome; right: -23px; position: absolute;}
.header-style4 .header-bottom li:last-child a:before { display: none;}
.header-style4 .white-header .header-top .mail, .header-style4 .white-header .header-top .mail a, .header-style4 .white-header .social a { color: #555555;}
.header-style4 .navbar-nav .open .dropdown-menu>li>a { line-height: 19px;}
.header-style4 .header-bottom li ul.dropdown-menu li a:before { display: none;}

/* header style 5 */
.header-style5 .social { float: right; margin: 12px 0 9px 30px;}
.header-style5 .social a { font-size: 14px; color: #242424; margin: 0 9px;}
.header-style5 .navbar li a {font-size: 11px;}
.header-style5 .social a:last-child { margin-right: 0;}
.header-style5 .social a:hover { opacity: 0.5;}
.header-style5 .black-header .social a { color: #ffffff;}
.header-style5 .black-header.navbar li a { color: #ffffff;}

/* header style 6 */
.header-style6 .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute;}
.header-style6 .navbar li a { color: #ffffff;}
.header-style6 h1 { line-height: 60px;}
.header-style6 .application-mobile { position: absolute; float: right; right: 0; bottom: 0;}

/* header style 7 */
.header-style7 .navbar { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute;}
.header-style7 .navbar li a { color: #fff; line-height: 24px;}
.header-style7 .date {display: inline-block; margin-bottom: 30px; padding: 3px 20px;}
.header-style7 .header-banner .counter-content{height: 110px; width: 110px; background: #fff; display: inline-block; border-radius: 50%; padding: 28px 0; vertical-align: top; margin-right: 15px;}
.header-style7 .navbar .nav-button a { background-color: transparent; border: 2px solid #fff !important;}
.event-counter .counter-box { height: 150px; width: 150px; background: rgba(0,0,0,.4); display: inline-block; border-radius: 50%; padding: 38px 0; vertical-align: top; margin-right: 20px; text-align: center;}
.event-counter .counter-box .number { display: block; color: #fff; font-weight: 300; font-size: 50px; line-height: 55px; letter-spacing:-1px}
.event-counter .counter-box span { color: #fff; font-weight: 600; font-size: 13px; line-height: 24px; text-transform: uppercase;}
.header-style7 .navbar li ul.dropdown-menu li a { line-height: 24px;}

/* header style 8 */
.header-style8 .navbar { padding: 20px 40px; position: absolute;}
.header-style8 .shrink-transparent-header-dark.shrink { padding: 11px 40px;}
.header-style8 .navbar .nav-button a { background-color: #ffffff; color: #000000;}
.header-style8 .one-fourth-screen { min-height: 750px;}
.header-style8 .navbar li a { color: #ffffff;}
.header-style8 .header-banner .banner-icon:hover, .header-style8 .header-banner .banner-icon:focus {color: #ffffff !important;}

/* header style 9 */
.header-style9 .full-header { padding: 0 40px; }

/* header style 12 */
.header-style12 .navbar { padding: 23px 0;}
.header-style12 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 13 */
.header-style13 .navbar { padding: 23px 0;}
.header-style13 .header-bottom { padding: 25px 0;}
.header-style13 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style13 .social a:hover{ opacity: 0.5;}
.header-style13 .social a{ color: #000;}
.header-style13 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 14 */
.header-style14 .navbar { padding: 23px 0;}
.header-style14 .header-bottom { padding: 25px 0;}
.header-style14 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style14 .social a:hover{ opacity: 0.5;}
.header-style14 .social a{ color: #fff;}
.header-style14 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 15 */
.header-style15 .navbar { padding: 23px 0;}
.header-style15 .header-bottom { padding: 25px 0;}
.header-style15 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style15 .social a:hover{ opacity: 0.5;}
.header-style15 .social a{ color: #000;}
.header-style15 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 29 */
.header-style29 .navbar { padding: 23px 0;}
.header-style29 .header-bottom { padding: 25px 0;}
.header-style29 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style29 .social a:hover{ opacity: 0.5;}
.header-style29 .social a{ color: #000;}
.header-style29 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 30 */
.header-style30 .navbar { padding: 23px 0;}
.header-style30 .header-bottom { padding: 25px 0;}
.header-style30 .social a{font-size: 14px; margin: 0 12px; color:#292a2a}
.header-style30 .social a:hover{ opacity: 0.5;}
.header-style30 .social a{ color: #000;}
.header-style30 .navbar.shrink-nav.shrink { padding: 18px 0; }

/* header style 16 */
.header-style16 .navbar li a { color: #fff; line-height: 24px;}
.header-style16 .navbar li ul.dropdown-menu li a { line-height: 24px;}

/* header style 25 */
.outside-image { position: absolute; right: 0; bottom: 0; top: 0; z-index: 99;}
.outside-image-sub {left: 0;}
.outside-image-sub img { height: 100%; width: auto; max-width: none; }

/* transparent header */
.shrink-transparent-header-dark.shrink { background: #000000 !important;}
.shrink-transparent-header-light.shrink { background: #ffffff !important;}
.shrink-transparent-header-light.shrink.navbar li a { color: #282828; }
.shrink-transparent-header-light.shrink.navbar .nav-button a { border: 2px solid #000; color: #fff;}

/* header border bottom */
.header-border-light {/*border-bottom: 1px solid rgba(255,255,255,.1)*/}
.header-border-dark {/*border-bottom: 1px solid rgba(0,0,0,.1)*/}
.light-header.navbar li.active > a { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.dark-header.navbar li.active > a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }


/* ===================================
    Hero Section
====================================== */

.video-overlay{position:relative; float:left; width: 100%; padding-top:56.25%;}
.video-overlay iframe{float:left; width: 100%; position:absolute; left:0; top: 0; height:100%;}

.video-overlay .frameCover{position:absolute;left:0; top:0; width:100%; height:100%; background:none; z-index:3;}

/* hero style 3 */
.header-number {height:50px; width: 50px; border-radius: 100%; border: 2px solid #fff; display:block; text-align:center; line-height:46px}

/* hero style 4 */
.hero-style4 .application-mobile { position: absolute; float: right; left:0; bottom: 0; top: -50px; overflow: hidden;}

/* hero style 11 */
.back-down { position: absolute; bottom:8%; width:100%; z-index:5}
.back-down a:hover{ opacity: 0.5;}
.back-down a i { width: 34px; height: 34px;}

/* hero style 19 */
.hero-bottom-img img { border: 30px solid #0b0b0c; border-radius: 20px; max-width: 90%; margin: 0 5% -100px;}

/* hero style 27 */
.logo-area {width: 100%; opacity: 1; bottom: 0px;}

/* ===================================
    Slider
====================================== */

/* slider style 5 */
.slider-style5 .slider-content { border: 5px solid rgba(0,0,0,.3); padding: 40px 55px; width: 550px; text-align: left;}
.slider-style5 .slider-title { font-size: 40px; line-height: 48px; }

/* slider style 6 */
.slider-text-middle-main {display: table; height: 100%;width: 100%;}

/* ===================================
    Feature Box 
====================================== */

.feature-box-image { background: #a1a1a1; overflow: hidden;}
.feature-box img { opacity: 1; transition: all 0.3s ease 0s; width: 100%;}
.feature-box:hover img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}

/* feature style 1 */
.feature-style1 .content-box { border-radius: 4px; min-height: 140px; padding: 30px 20px; position: relative; margin-top: 24px;}
.feature-style1 .content-box-top-arrow { color: #282828; font-size: 50px; left: 50%; position: absolute; top: -34px;transform: translateX(-50%);}

/* feature style 3 */
.feature-style3 .feature-box i{ border-radius: 50%; font-size: 35px; height: 80px; line-height: 80px; text-align: center; width: 80px;}
.feature-style3 .feature-box .feature-title { min-height: 22px;}

/* feature style 4 */
.feature-style4 .feature-icon {height: 120px; margin: 0 auto; padding: 24px; width: 120px;}

/* feature style 36 */
.feature-style36 .feature-icon { height: 130px; margin: 0 auto; padding: 20px; width: 130px; position: relative}
.feature-style36 .feature-icon img {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; margin: 0 auto; left:0; right:0; text-align: center}

/* feature style 25 */
.feature-style25 .feature-icon {height: 120px; margin: 0 auto; padding: 24px; width: 120px;}
.feature-style25 i { font-size:60px }

/* feature style 29 */
.feature-style29 .info { position: relative; margin: 0 0 0 60px;}

/* feature style 50 */
.feature-bg1 {background-size: cover;}
.feature-bg2 {background-size: cover;}

/* feature style 31 */
.feature-style-31 .icon-style { width: 30px;}
.feature-style-31 span { padding-right: 20px;}

/* ===================================
    Content 
====================================== */


/* content style 3 */
.content-style5 .feature-box i{ border-radius: 50%; font-size: 35px; height: 80px; line-height: 80px; text-align: center; width: 80px;}
.content-style5 .feature-box .feature-title { min-height: 22px;}

/* content style 5 */
.treatments-details { height: 100%; position: absolute; right: 0; top: 0; width: 50%;}

/* content style 11 */
.groom-box .groom-box-content{border: 5px solid #f1e4d7; padding: 8%;}
.groom-box .groom-box-img{height: 274px; width: 274px; border-radius: 100%; }
.groom-box .groom-box-img img { border-radius: 100%; height: 100%; width: 100%;}

/* content style 13 */
.small-titel-text { padding: 6px 17px 5px; font-size: 12px;}

/* ===================================
    Tab 
====================================== */

.tab-style3 li { display: inline-block; float: none; margin: 0 25px;}
.tab-style3 li a { border: 0 none; color: #959595; margin: 0; padding: 0 0 15px; vertical-align: middle; border-radius: 0;}
.tab-style3 li a:hover, .tab-style3 li.active a, .tab-style3 li.active a:focus, .tab-style3 li.active a:hover { background-color: inherit; color: #282828; padding-bottom: 2px; transition: none 0s ease 0s; border-bottom: 1px solid #282828; border-top: none; border-left: none; border-right: none;}

/* tab style 1 */
.tab-style4 ul {padding: 30px 20px;}
.tab-style4 ul li {margin: 0 0 33px; width: 100%;}
.tab-style4 ul li:hover { font-weight: 700;}
.tab-style4 ul li:last-child {margin-bottom: 0}
.tab-style4 li:before { content: "\f178"; color: #ffbe29; font-size: 26px; position: absolute; right: -35px; top: 3px; font-family: 'FontAwesome'; display: none;}
.tab-style4 li:hover:before {display: block;}
.tab-style4 li.active:before {display: block}
.tab-style4 ul li a {padding: 0; border: 0; font-size: 14px; line-height:23px; font-weight: 600; margin: 0; color: #959595; position: relative}
.tab-style4 li a:hover, .tab-style4 li.active a, .tab-style4 li.active a:focus, .tab-style4 li.active a:hover {background-color: inherit; border: 0; color: #1c120c;}
.tab-style4 li i { margin: 0 5px 0 0;}

/* tab style 2 */
.panel {box-shadow: none; border: none; border-radius: 0 !important;}
.panel-heading {padding: 0;}
.panel-title { background-color: #f4f4f4; color: #959595; font-size: 16px; font-weight: 400; width:100%; display: block; padding: 10px 18px; text-transform: none;}
.panel-body { padding:10px 18px 25px 18px; border: none !important}
.panel-heading i { font-size:10px; margin: 0}
.active-accordion .panel-title{ color: #000}

.accordion-style1 .panel {background: transparent !important; border: none !important; margin-bottom: 15px;}
.accordion-style1 .panel-title {background: transparent; border: none !important}
.accordion-style1 .panel .panel-heading { background: #fff; border-bottom:1px solid rgba(0,0,0,.1); border-radius:0 }
.accordion-style1 .panel-body{padding: 40px 28px 25px;}
.accordion-style1 .panel-heading i { font-size: 25px; margin: 0; line-height: 61px;}
.accordion-style1 .panel-title { font-size: 16px; padding: 0 31px 0 0; display: inline-block; line-height: 59px;}
.accordion-style1 .tab-tag { font-size: 25px; font-weight: 700; line-height: 61px; padding: 0 0 0 28px; margin-right: 10px; display: inline-block; vertical-align: sub;}
.accordion-style1 a, .accordion-style1 a:hover, .accordion-style1 a:hover i { color: #282828 !important;}
.accordion-style1 .panel-default:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0);}

/* tab style 3 */
.tab-style5 .nav-tabs { border: 0; margin: 0 0 40px; display: inline-block;}
.tab-style5 .nav-tabs li a { border: 0; border-bottom: 2px solid transparent; padding: 5px; margin: 0 25px; color: #848484; }
.tab-style5 .nav-tabs li a:hover { border-bottom: 1px solid rgba(0,0,0,.1); background: transparent; color:#282828 }
.tab-style5 .nav-tabs li.active a {border-bottom: 1px solid rgba(0,0,0,.7) !important; border: 0; color:#282828 }
.tab-style5-content, .tab-style5-img { min-height: 461px;}
.tab-background-image1{ }
.tab-background-image2{}
.tab-background-image3{ }
.tab-background-image4{}

/* tab style 4 */
.tab-style1 ul { height: 50px; border: none;}
.tab-style1 .nav li { margin: 0;}
.tab-style1 .nav-tabs li a { border: 0; border-radius: 0; margin: 0; padding: 6px 22px 5px; margin-right:10px}
.tab-style1 .nav-tabs li a:hover { background-color: #282828; color: #fff;}
.tab-style1 .nav-tabs li.active a { background-color: #282828; color: #fff; border: none;}
.tab-style1 .nav-tabs li.active a:hover { border: 0;}

/* tab style 5 */
.tab-style2 .nav-tabs { display: inline-block; border: 0;}
.tab-style2 .nav-tabs li { float: left; margin: 0; margin: 0 10px;}
.tab-style2 .nav-tabs .active img { opacity: 1; -webkit-filter: none; filter: none;}  
.tab-style2 .nav-tabs li a { border: 0; margin: 0; background: transparent; padding: 0;}
.tab-style2 .nav-tabs li.active a:hover, .tab-style2 .nav-tabs li.active a:focus { background: transparent; border: none;}
.tab-style2 .nav-tabs li img {opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.tab-style2 .nav-tabs li:hover img {opacity: 1;  }
.tab-restaurant-bg-image{ }

/* tab style 6 */
.tab-style6 .nav-tabs{border-bottom:0;}
.tab-style6 .nav-tabs li{border:0;}
.tab-style6 .nav-tabs li a {border: 0; color: #fff; padding:3px 1px;}
.tab-style6 .nav-tabs li a:hover, .tab-style6 .nav-tabs li a:focus, .tab-style6 .nav-tabs li a:visited {border:0; border-bottom:2px solid transparent;}
.tab-style6 .nav-tabs-light li a {margin: 0 30px 0 0; border-bottom: 2px solid transparent;}
.tab-style6 .nav-tabs > li.active > a {cursor: default; border-bottom: 2px solid #fff; color: #fff; background:transparent;}

/* tab style 8 */
.tab-style8 .tab-content{padding:55px 0 0; border-top: 1px solid #e5e5e5; }
.tab-style8 .nav-tabs{border:0;}
.tab-style8 .nav-tabs li{border:1px solid #e5e5e5; border-bottom: none; border-radius: 0; margin-bottom: 0; display:inline-block; float:none; margin-right: 2px}
.tab-style8 .nav-tabs li a {background-color:#f7f7f7; border:none; color:#575757;line-height: 44px; margin:0!important; padding: 0 25px; border-radius: 0;}
.tab-style8 .nav-tabs-light li:first-child {border-left: 1px solid #e5e5e5; margin-left: 15px;}
.tab-style8 .nav-tabs > li.active > a {border-color:transparent; border: none; border-radius:0; background:#fff; top:1px}

/* ===================================
    Team
====================================== */

/* team style 3  */
.team-style3 .team-details { padding: 30px 40px 50px; position: relative;}
.team-style3 .team-social {opacity:0; background:rgba(0,0,0,.75); padding:23px 0 16px; position:absolute; width:100%; bottom:-30px; cursor: default; transition: all 0.3s ease 0s;}
.team-style3 .team:hover .team-social {opacity:1; bottom:0; transition: all 0.3s ease 0s;}

/* team style 4  */
.about-style3 .about-text { min-height: 500px; padding: 7%;}
.about-style3 .about-img { min-height: 500px;}

/* team style 5 */
.team-style5 .team-details { padding:13%}
.team-style5 .team img:hover {-webkit-filter: grayscale(1); filter: grayscale(1);}

/* team style 6  */
.team-style6 .team:hover {}
.team-style6 .team {max-height:580px}
.team-style6 .team-details{position: relative; bottom:0}
.team-style6 .team:hover .team-details {bottom:150px}
.team-style6 .team:hover img {transform: scale(1.15); }

/* team style 8  */
.team-style8 .team {box-shadow: 0 0 6px rgba(0, 0, 0, .20);}

/* ===================================
    Title
====================================== */

/* title style 6  */
.title-style6 .progress { background-color: #dedede; height: 4px; overflow: hidden; margin-bottom: 10px; border-radius: 0; }
.title-style6 .progress-bar-style1 .progress-name { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; margin: 5px 0 20px; }
.title-style6 .progress-bar-style1 .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #000; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }

/* title style 14  */
.breadcrumb {background: none;}
.breadcrumb ul li+li:before { color: #898989; content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -1px;}

/* ===================================
    Pricing Table
====================================== */

/* price box 1 */
.pricing-box-style1 .pricing-box{border: 1px solid #ededed;}
.pricing-box-style1 .pricing-title{padding: 40px 0;}
.pricing-box-style1 .pricing-price{padding: 19px 0;}
.pricing-box-style1 .pricing-features{padding: 30px 40px 40px;}
.pricing-box-style1 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0}
.pricing-box-style1 .pricing-features ul li:last-child {border:none}
.pricing-box-style1 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style1 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}
.pricing-box-style1 .pricing-box:hover{border: 1px solid #3966e6;}
.pricing-box-style1 .pricing-box:hover .pricing-title span{color: #3966e6;}
.pricing-box-style1 .pricing-box:hover .pricing-price{background: #3966e6 !important; color: #ffffff !important;}
.pricing-box-style1 .pricing-box:hover .pricing-price h4{color: #ffffff !important;}

/* price box 2 */
.spa-therapists li { border-top: 1px solid #4a4646; font-size: 14px; letter-spacing: 2px; padding: 13px 0;}
.spa-therapists li span { margin: 0 40px 0 0; font-weight: 600; width: 50px; display: inline-block;}
.spa-therapists .btn { padding: 5px 20px;}
.spa-therapists .owl-pagination { bottom: -60px;}

/* price box 3 */
.pricing-box-style3 {margin-bottom: 30px; padding:15px; box-shadow: 0 0 4px rgba(0, 0, 0, .10);}
.pricing-box-style3 li:first-child {padding: 25px 0; border-bottom: none }
.pricing-box-style3 li {list-style: none; padding: 11px 0;}
.pricing-box-style3 li {border-bottom: 1px solid #dedede;}
.pricing-box-style3 li:nth-child(2) {padding: 25px 0;}
.pricing-box-style3 li:last-child{padding: 30px 13px; border-bottom:0}

/* price box 4 */
.pricing-box-style4 .pricing-box{border: 2px solid #3966e6; padding:60px 0}
.pricing-box-style4 .pricing-features{padding: 35px 40px 0;}
.pricing-box-style4 .pricing-features ul li{border-bottom:1px solid rgba(0,0,0,.1); padding:10px 0; font-size:14px}
.pricing-box-style4 .pricing-features ul li:last-child {border:none}
.pricing-box-style4 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style4 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}

/* price box 5 */
.pricing-box-style5 {margin-bottom: 30px; border:1px solid #dedede}
.pricing-box-style5 li:first-child {padding: 25px 0; border-bottom: none }
.pricing-box-style5 li {list-style: none; padding: 11px 0;}
.pricing-box-style5 li {border-bottom: 1px solid #dedede;}
.pricing-box-style5 li:nth-child(2) {padding: 25px 0;}
.pricing-box-style5 li:last-child{padding: 30px 13px; border-bottom:0}
.pricing-box-style5 .popular { box-shadow: 0 0 4px rgba(0, 0, 0, .10); left:50%; padding:1px 15px; top:-15px; margin-left:-43px; }

/* price box 6 */
.pricing-box-style6 .pricing-box{background:rgba(10,10,10,.7); padding:40px}
.pricing-box-style6 .pricing-title {padding:35px 25px;}
.pricing-box-style6 .pricing-features ul li{padding:6px 0; font-size:14px}
.pricing-box-style6 .pricing-features ul li:last-child {border:none}
.pricing-box-style6 .pricing-title i{display: inline-block; vertical-align: middle;}
.pricing-box-style6 .pricing-title .icon-border{display: inline-block; height: 75px; width: 75px; line-height: 75px; border-radius: 50%;}

/* price box 7 */
.pricing-box-style7 {margin-bottom: 30px; padding:15px;}
.pricing-box-style7 li:first-child {padding: 25px 0; border-right: 0; border-top: 1px solid #dedede; }
.pricing-box-style7 li {list-style: none; padding: 10px 0; display: table; width: 100%; height: 130px;}
.pricing-box-style7 li {border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;}
.pricing-box-style7 li:last-child{padding: 30px 13px;}
.pricing-box-style7 li .feature-box-details, .pricing-box-style7 li .feature-box-details-second, .pricing-box-style7 li .feature-box-details-third, .pricing-box-style7 li .pricing-box-style7-top-col { display: table-cell; vertical-align: middle;}
.pricing-box-style7-first-col li { padding-right: 20px;}
.pricing-box-style7 li:first-child { height: 130px;}
.pricing-box-style7 li:last-child { height: 97px;}
/*.pricing-box-style7:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}*/

/* ===================================
    Contact
====================================== */

/* contact style 1 */
.contact-form-style1 .contact-details .details-box { margin-bottom: 35px;}
.contact-form-style1 .contact-details .details-box:last-child { margin-bottom: 0;}
.contact-form-style1 .contact-details .details-box .details-icon { width:50px; display: inline-block; vertical-align: top;}
.contact-form-style1 .contact-details .details-box .details-text { display: inline-block; padding-left: 15px;}
.contact-form-style1 .contact-details .details-box .details-text.last { vertical-align: top; padding-left: 40px;}
.contact-form-style1 textarea { min-height: 100px;}

/* contact style 2 */
.contact-form-style2 textarea { min-height: 112px;}

/* contact style 6 */
.contact-form-style6 .contact-details {padding:40px 30px; border:1px solid rgba(0,0,0,.1)}

/* ===================================
    Blog 
====================================== */

.blog-image { background: #a1a1a1 none repeat scroll 0 0; overflow: hidden;}
.blog-post img { opacity: 1; transition: all 0.3s ease 0s;}
.blog-post:hover img { opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
.post-thumbnail a:hover { opacity: 1;}
.post-thumbnail:hover img { filter: grayscale(1);}

/* blog style 1 */
.blog-style1 .post-details { padding: 35px; text-align: center;}
.blog-style1 .post-author { color: #fff; display: block; font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: 18px; padding: 4px 5px !important; text-align: center;}

/* ===================================
    Subscribe
====================================== */

.subscribe-style1 input { margin: 0 0 0 0px; padding: 8px 45px 9px 20px !important; width: 430px; border-color: #fff;}
.subscribe-style1 input:focus, .subscribe-style1 select:focus { border-color: #fff;}
.subscribe-style1 a { height: auto; line-height: normal !important; position: absolute; right: 15px; top: 5px; vertical-align: top;}
.subscribe-style1 a .fa { line-height: normal !important; }
.subscribe-style1 a:hover { opacity: 0.8;}

/* subscribe-style4 */
.subscribe-style4 input { margin: 0 0 0 0px; padding:8px 40px 9px 20px !important; border-radius: 4px; font-size:13px !important}
.subscribe-style4 input:focus, .subscribe-style1 select:focus { border: 1px solid rgba(0, 0, 0, 0.5) !important;}
.subscribe-style4 a { height: auto; line-height: normal !important; position: absolute; right: 15px; top: 10px;}
.subscribe-style4 a .fa { vertical-align: top; line-height: normal !important; }
.subscribe-style4 a:hover { opacity: 0.8;}

/* ===================================
    Footer
====================================== */

footer ul { list-style: none; padding: 0; margin: 0;}
footer ul.links-inline li a, footer .social-icon a{ margin: 0 10px; display: inline-block;}
footer ul.links-inline li{ display: inline-block;}
footer ul.links li a { margin: 2px 0; display: inline-block}
footer .newsletter button{padding: 0 !important; position: absolute; right:15px; top: 24px; outline: none; background:transparent;}
footer .newsletter button.btn{padding: 8px 15px !important;}
footer .social-icon a i{ height: 40px; width: 40px; border-radius: 50%; vertical-align: middle; text-align: center;}
footer .social-icon a:last-child{ margin-right:0;}

/* ===================================
    Call To Action
====================================== */

.offer .offer-box-right ul { padding-left: 0;}
.offer .offer-box-right ul li{display: inline-block; margin:0 15px 15px 0;}

/* ===================================
    Counter
====================================== */

.counter-box .counter-content{left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 11;}

/* ===================================
    Clients
====================================== */

.grid-border [class^=col-]:before, .grid-border [class^=col-]:after {content: ''; position: absolute;}
.grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.1);}
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute;}
.grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
.client-logo-inner {display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.client-logo-outer {display: table; width: 100%;}

/* ===================================
    Timer
====================================== */

.time-counter-box {width:780px}
.time-counter .counter-box { display: inline-block !important; border-right: 1px solid rgba(255,255,255,.3); padding:20px 20px 7px; min-width: 160px; text-align: center;}
.time-counter .counter-box .number {font-size:50px; color:#fff; padding-bottom:15px;}
.time-counter .counter-box:last-child {border-right:0}

/* ===================================
    Testimonial 
====================================== */

/* testimonial style 5 */
.testimonial-style5 .testimonial  {padding-left:15px; }
.testimonial-style5 .testimonial:before { content:"\f10d"; font-family:'FontAwesome'; line-height: 44px;  position: absolute; left: 0px; font-size: 14px; top: -7px; color: #282828 }

/* testimonial style 7 */
.testimonial-style7 i { margin:0 2px}
.testimonial-style7 .testimonial-box {box-shadow: 0 0 3px rgba(0, 0, 0, .10); padding:45px 35px}

/* testimonial style 8 */
.testimonial-style8 .testimonial-img {position:relative}
.testimonial-style8 .testimonial-img:before {content:"\f10d"; font-family:'FontAwesome'; line-height: 44px;  position: absolute; font-size: 40px; top: -7px; color: #ffcf29; margin-left: -73px; z-index: -1; left: 50% }

/* testimonial style 9 */
.testimonial-style9-con {padding:55px 45px; box-shadow: 0 0 3px rgba(0, 0, 0, .10);}

/* ===================================
    Social Widget
====================================== */

/* social widget style 1 */
.social-widget-1 .timePosted a { font-size: 12px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-1 .tweet { font-size: 16px !important; color: #ffffff !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-1 .tweet a { font-size: 16px !important; color: #ffffff !important;}

/* social widget style 2 */
.social-widget-2 .timePosted a { font-size: 12px !important; color: #282828 !important; text-transform: uppercase !important;}
.social-widget-2 .tweet { font-size: 16px !important; color: #282828 !important; margin-bottom: 3% !important;}
.social-widget-2 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}
.social-widget-2 .twitter-widget { top: 50%; transform: translateY(-50%);}

/* social widget style 3 */
.social-widget-3 .timePosted a { font-size: 12px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-3 .tweet { font-size: 16px !important; color: #69696e !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-3 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}

/* social widget style 4 */
.social-widget-4 .timePosted a { font-size: 12px !important; color: #ffffff !important; text-transform: uppercase !important;}
.social-widget-4 .tweet { font-size: 16px !important; color: #ffffff !important; margin-bottom: 2% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-4 .tweet a { font-size: 16px !important; color: #ffffff !important;}

/* social widget style 5 */
.social-widget-5 .timePosted a { font-size: 11px !important; color: #a1a1a1 !important; text-transform: uppercase !important;}
.social-widget-5 .tweet { font-size: 14px !important; color: #69696e !important; margin-bottom: 1.5% !important; font-weight: 400!important; line-height: 26px !important;}
.social-widget-5 .tweet a { font-size: 16px !important; color: #32b6e6 !important;}

/* ===================================
    only ie7, ie9, ie10, ie11
====================================== */

/* button */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0 none; box-shadow: none;}

@media screen\0 { 
    .input-group-btn .btn-large.btn { height: 59px;}
    .equalize.equalize-display-inherit .display-table { display: inherit !important; position: static;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-middle { display: inherit !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative;}
    .equalize.equalize-display-inherit .display-table-cell-vertical-bottom { display: inherit !important; top: inherit; bottom: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); position: relative;}
    .client-logo-inner, .client-logo-outer { display: block;}
}

.bg-black-gr{
	background: #151414;
}
.border-bottom-medium-dark-ec {
    border-bottom: 1px solid rgb(247 241 241 / 30%) !important;
}
.ec-footer-logo{
	max-width:100px;
}
.gold-bdr{
	border: 6px solid #fff;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    left: 20px;
    top: 20px;
    position: absolute;
    border: 4px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% );
}
.text-golden-gr{
background-image: linear-gradient( to right, #f6e27a 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #f6e27a 100% );
    color: transparent;
    -webkit-background-clip: text;
}
ul.abt-point {
   padding-left: 0px;
    list-style-position: inside;
    list-style-image: url(../image/checked1.png);
	margin-bottom:15px;
}
ul.abt-point li {
    line-height: 30px;
}
.one-full{
	
	height:100vh
}
.res-title {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 600;
	color:#b9861e;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.pad-top-0{
	padding-top:0 !important;
}
.sponser-div {
    margin-bottom: 15px;
}
button.close {
    font-size: 30px;
    padding: 5px 10px;
    z-index: 100;
    position: absolute;
    right: 0;
    opacity: 0.7;
    color: #fff;
}
.preveligies .modal-body {
   
    border: 1px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% );
    background: #1518253d;
}
.privilate-title {
    color: #b1851c;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: Poppins, sans-serif;
}
.privilate-desc {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-family: Poppins,sans-serif;
    line-height: 24px;
}
.mb-4 {
    margin-bottom: 25px;
}

.sps-img {
    opacity: 1;
    display: block;
    width: 100%;
    max-width: 124px;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    margin: 0 auto;
	 /*   border: 1px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% );*/
}
.modal .sps-img {
    
    max-width: 160px;
    
}
.middle {
  transition: .5s ease;
  opacity: 0;
 /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  text-align: center;
}

.sponser-box:hover .sps-img {
  /*opacity: 0.3;*/
  opacity:1;
}

.sponser-box:hover .middle {
  opacity: 1;
}


.sponser-box .btn-circle.btn-medium.text-ec {
    font-size: 10px !important;
    text-transform: uppercase;
    background: #d69f3fd1 /*#00000063*/;
    border: 1px solid #fff;
    color: #292b38 !important;
    /*border: none;*/
    border-radius: 4px !important;
    padding: 7px 8px !important;
    font-weight: 800 !important;
    letter-spacing:1px;
    line-height: 15px;
}
.sponser-box .btn-circle.btn-medium.text-ec:hover {
    	opacity: 1 !important;
    font-size: 10px !important;
    text-transform: uppercase;
    background: #d69f3fd1;
    border: 1px solid #fff;
    color: #292b38 !important;
    /*border: none;*/
    border-radius: 4px !important;
    padding: 7px 8px !important;
    font-weight: 800 !important;
    letter-spacing:1px;
    line-height: 15px;
}
.edge-text {
    font-size: 16px;
    font-family: Poppins,sans-serif;
    color: #151825;
    text-align: justify;
    font-weight: 400;
    line-height:28px;
}
.text-b{
	    color: #d69f3f;
		font-family: 'Playfair Display', serif !important;
}
.text-main {
    font-size: 18px;
    font-family: Poppins, sans-serif !important;
    font-weight: 500 !important;
}
section#home .slider-text-middle {
    display: table-cell;
    vertical-align: bottom;
    /*display: none;*/
    padding-bottom: 50px;
}
section#home .slider-content-box {
    
}
img.ec-logo {
    padding-left: 8%;
}
@media (min-width: 768px){
div#modal-popup .modal-dialog {
    width: 100%;
    margin: 30px auto;
    max-width: 450px;
}
    
}
 .modal-content {
    background: #151825bf;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% );
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.edge-slider-title {
    text-align: right;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600 !important;
}

.member-btn {
    float: right;
    font-size: 17px !important;
    padding: 15px 20px !important;
    border-radius: 40px;
}
.be-btn{
    font-size: 17px !important;
    padding: 15px 20px !important;
    border-radius: 40px;
}
div#modal-popup h4.modal-title.title-popup , div#modal-login h4.modal-title.title-popup{
   /* background-image: linear-gradient( to right, #f6e27a 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #f6e27a 100% );*/
    color: #cb9b51;
    -webkit-background-clip: text;
    border-bottom: 1px solid #ccc;
        padding: 15px;
        font-family: 'Playfair Display';
}
div#modal-popup .modal-body , div#modal-login .modal-body{
    padding: 0;
    padding-bottom: 30px;
}
.inquiry-popup span.myform-text, .inquiry-popup span.form-text , .inquiry-popup span.form-text a {
    /*color: #011432;
    background-image: linear-gradient( to right, #cb9b51 0, #cb9b51 22%, #cb9b51 45%, #cb9b51 50%, #cb9b51 55%, #cb9b51 78%, #cb9b51 100% );*/
    color: #d69f3f;
    -webkit-background-clip: text;
    font-weight: 500;
    font-size: 13px;
       letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div#modal-popup input[type="email"], div#modal-popup input[type="text"], div#modal-popup input[type="url"], div#modal-popup input[type="number"], div#modal-popup select, div#modal-popup textarea {
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% );
    color: #fff;
    background:transparent;
}
div#modal-login input[type="email"], div#modal-login input[type="password"],  div#modal-login input[type="text"], div#modal-login input[type="url"], div#modal-login input[type="number"], div#modal-login select, div#modal-login textarea {
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% );
    color: #fff;
    background:transparent;
}
form#contactForm .form-control{
    margin-bottom:10px;
    
}
.btn-popup, .btn-popup:hover {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
}
form#myformpopup, form#myformlogin {
    padding: 20px;
}
div#modal-popup button.close {
    
    top: 12px;
}
.pb-3 {
    padding-bottom: 20px;
}
.mt-2 {
    margin-top: 15px;
}
/*ul.pri-tab li img{
    max-width: 60px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    opacity: 1 !important;
    filter: grayscale(1) !important;
}*/
.margin-bottom-5px {
    margin-bottom: 6px !important;
}
ul.pri-tab li img {
    max-width: 50px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    opacity: 1 !important;
    filter: grayscale(1) !important;
}
.pri-tab li .privilege-boxes{
    background: #d69f3f;
        padding: 10px 15px 7px 10px;
    width: 115px;
    height: 100px;
    border-radius: 4px;
        text-align: center;
         transition: 0.3s ease-out;
         margin-bottom: 15px !important;
}
.pri-tab li.active .privilege-boxes{
    background: #fff;
    transition: 0.3s ease-out;
}
.pri-icons li img {
    max-width: 40px !important;
}
.pri-icons li .text-ec-br{
    font-size:14px !important;
}
.icon-box img {
    max-width: 53px;
    margin-bottom: 20px;
    min-height: 60px;
}
.icon-box span {
        text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    font-family: Poppins, sans-serif !important;
    letter-spacing: 0.5px;
    color: #151825;
    font-weight: 600 !important;
}
.icon-box {
    margin-bottom: 25px;
    /*background: #292b38;*/
    min-height: 130px;
    padding: 10px;
   /* border-radius: 4px;
    border: 1px solid #292b38*/
}
/*.icon-box:hover {
    box-shadow: 0 0 10px 0px #1f1c1cdb;
    border-radius: 5px;
    cursor: pointer;
}*/
.whatsapp {
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    position: fixed;
        bottom: 70px;
    right: 33px;
    -webkit-animation: shake-rotate 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: shake-rotate 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: shake-rotate 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    z-index: 10000;
}
a.whatsapp img {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px 5px #1f1c1c33;
    -moz-box-shadow: 0 0 10px 5px #1f1c1c33;
    box-shadow: 0px 0px 10px 0px 0 0 10px 5px #1f1c1c33;
}
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    display: block;
    text-indent: -9999px;
    background: url(https://www.empyrealclub.in/wp-content/uploads/2020/12/scroll-top.png) no-repeat;
    background-color: transparent;
        z-index: 999999;
}
.pri-tab {
   /* border-right: 1px solid !important;
    border-image-slice: 1 !important;
    border-width: 2px !important;
    border-image-source: linear-gradient( to right, #e2a649 0, #e2a649 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #e2a649 78%, #e2a649 100% ) !important;
        padding-top: 10px;*/
}

img.edge-logo {
    max-width: 170px;
    
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 30px;
}
span.ec-small-text {
    color: #fff;
    /* padding-top: 37px; */
    line-height: 35px;
    font-size:12px;
}
.pri-text{
    letter-spacing:1.5px;
    -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}
.con-text {
    font-size: 16px;
    letter-spacing:0.3px;
    -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}
.con-text1 {
    font-size: 14px;
   letter-spacing:0.8px;
   -webkit-font-smoothing: antialiased; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}
.copyright-text{
    font-size:12px;
}
/*a.sponser-box .btn.text-ec {
    display: none;
}
a.sponser-box{
pointer-events: none;
  cursor: default;
  text-decoration: none;
}*/
.footer_links_new{
    text-align:center;
    margin-bottom: 15px;
}
.footer_links_new ul li {
    list-style: none;
    display: inline;
    text-align: center;
    padding: 0px 2px;
    padding:2.5px;
    text-transform: uppercase;
}
.footer_links_new ul{
    padding-left:0;
}
.footer_links_new ul li a {
    color: #fff;
    letter-spacing: 1.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
section#gateway-section.cover-background {
    background-position: 100% 20%!important;
}
@media only screen and (min-width: 993px){
.scrollup {
   /* bottom: 25px;
    left: 70px;*/
  bottom: 125px;
    right: 34px;
}
}

@media only screen and (max-width: 992px){
.pri-tab{
    border-right:none !important;
}
.modal .sps-img {
    max-width: 170px;
}
section#life-love-section{
        background-position: left center !important;
}
section#about{
    padding-bottom: 40px !important;
}



/*section#menu .tab-style2 .nav-tabs li {
    float: left;
    margin: 0 5px 20px;
}*/
section#menu .tab-style2 .nav-tabs li {
    float: none;
    margin: 0px 5px 10px;
    display: inline-flex;
}
.privilege-boxes span {
    font-size: 11px;
}
.pri-tab li .privilege-boxes {
        background: #d69f3f;
    padding: 10px 5px 7px 5px;
    width: 96px;
    height: 96px;
    border-radius: 4px;
    text-align: center;
    transition: 0.3s ease-out;
    margin-bottom: 0px !important;
}
ul.pri-tab li img {
    max-width: 40px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    opacity: 1 !important;
    filter: grayscale(1) !important;
    margin-bottom: 10px;
}
section#menu .md-width-80 {
    width: 100% !important;
}
section#gateway-section {
    background-position: right center !important;
}
.mob-hide{
    display:none;
}
video {
    height: 100% !important;
}
.edge-text {
    
    padding: 0px 10px;
}
.priviligies-boxes .col-sm-3 {
    width: 49%;
    display: inline;
    float: left;
}
.scrollup {

  bottom: 125px;
    right: 34px;
}
div#home {
    height: 100% !important;
       position: unset !important;
    }
    section#life-love-section {
    margin-top: 0 !important;
}
.header {
    position: unset !important;
    background: #244441; !important;
    
}
}
.modal.preveligies small {
    /* font-style: italic; */
    letter-spacing: 0.5px;
    font-size: 12px;
    line-height: 10px !important;
}

.footer_links_new ul li:after {
    content: 'l';
    color: #fff;
    vertical-align: bottom;
    padding-left: 5px;
    text-transform: lowercase;
}
.footer_links_new ul li:last-child:after {
    content: '';
    color: #fff;
    vertical-align: bottom;
    padding-left: 5px;
    text-transform: lowercase;
}









/***********************/
/* sticky button */	
	
#feedback1 {
    height: 0px;
    width: 65px;
    position: fixed;
    right: 0;
    top: 58%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



#feedback  {
	height: 0px;
	width: 65px;
	position: fixed;
	right: 0;
	top: 32%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#logout  {
	height: 0px;
	width: 65px;
	position: fixed;
	right: 0;
	top: 34%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a.log-btn {
    display: none;
    /*background: #c78716;*/
        background: linear-gradient(to right, #BF953F, #f7eb71, #f3fbaa, #f7eb71, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
    height: 40px;
    padding-top: 5px;
    width: 175px;
    text-align: center;
    
    letter-spacing: 3px;
    font-family: Poppins, sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
}
#feedback a.log-btn:hover {
 /*background: #c78716;*/
        background: linear-gradient(to right, #BF953F, #f7eb71, #f3fbaa, #f7eb71, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
}


#feedback1 a.enq-btn {
    display: block;
    /*background: #c78716;*/
    background: linear-gradient(to right, #BF953F, #f7eb71, #f3fbaa, #f7eb71, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
    height: 40px;
    padding-top: 5px;
    width: 145px;
    text-align: center;
    
    letter-spacing: 3px;
    font-family: Poppins, sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
}
#feedback1 a.enq-btn:hover {
 /*background: #c78716;*/
        background: linear-gradient(to right, #BF953F, #f7eb71, #f3fbaa, #f7eb71, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
}
.form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}

#logout a {
    display: block;
    /*background: #c78716;*/
        background: linear-gradient(to right, #BF953F, #f7eb71, #f3fbaa, #f7eb71, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
    height: 40px;
    padding-top: 10px;
    width: 160px;
    text-align: center;
   
    letter-spacing: 3px;
    font-family: Poppins, sans-serif !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
}
#logout a:hover {
   background: linear-gradient(to right, #BF953F, #f7eb71, #f3fbaa, #f7eb71, #AA771C);
    border: 1px solid #cc9530;
    color: #011432;
}
.nav-tabs {
     border-bottom: none;
}
@media only screen and (max-width: 767px) {
#feedback a.log-btn {
   
    height: 30px;
    padding-top: 3px;
    width: 140px;
    font-size:13px;
}
#feedback1 a.enq-btn{
    height: 30px;
    padding-top: 3px;
    width: 120px;
     font-size:13px;
}
#feedback {
    height: 0px;
    width: 50px;
    top: 45%;

}
#feedback1 {
    height: 0px;
    width: 50px;
    top: 70%;

}
#logout {
	height: 0px;
	 width: 50px;
    top: 45%;
	position: fixed;
	right: 0;

}
#logout a {
  height: 30px;
    padding-top: 3px;
    width: 120px;
     font-size:13px;
   
} 
section#menu .tab-style2 .nav-tabs li {
    margin: 0px 5px 0px;
}
}
@media only screen and (max-width: 420px) {
#feedback a.log-btn {
   
    height: 30px;
    padding-top: 3px;
    width: 140px;
    font-size:13px;
}
#feedback1 a.enq-btn{
    height: 30px;
    padding-top: 3px;
    width: 120px;
     font-size:13px;
}
#feedback {
    height: 0px;
    width: 50px;
    top: 45%;

}
#feedback1 {
    height: 0px;
    width: 50px;
    top: 68%;

}
#logout {
	height: 0px;
	 width: 50px;
    top: 45%;
	position: fixed;
	right: 0;

}
#logout a {
  height: 30px;
    padding-top: 3px;
    width: 120px;
     font-size:13px;
   
} 
.pri-tab li .privilege-boxes {
   
    width: 94px;
    height: 96px;
 
}
section#menu .tab-style2 .nav-tabs li {
    margin: 0px 5px 0px;
}
}
span.form-text {
    color: #d69f3f;
}
.social .tz-icon-color {
    color: #f4f4f4;
}
div#alert_success_II {
    margin-top: 20px;
}
div#home {
    height: 100vh;
    width: 100%;
    float: left;
    position: fixed;
    overflow: hidden;
}
section#life-love-section {
    /*margin-top: 11vh;*/
}
section , footer {
    position: relative !important;
    float: left;
    width: 100%;
    overflow: hidden;
        z-index: 1000;
}

.pro-header {
    background: transparent;
    position: absolute;
    right: 30px;
    top: -10px;
    
}
a.dropdown-toggle img {
    border: 2px solid #ffd66f;
    border-radius: 50%;
    object-fit: cover;
    padding: 3px;
}


/******************************************/
/* Dropdown Button */
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 0px;
  font-size: 16px;
 border: 2px solid #ffd66f;
    border-radius: 50%;
    object-fit: cover;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: fixed;
    right: 25px;
    top: 15px;
    z-index: 10001;
    width: 40px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    right: 0;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 4px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #d7af69;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    border-bottom: .1px solid #444;
    font-size: 13px;
    letter-spacing: 0.5px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
 background-color: #0a0a0a;
    color: #c79529;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

@media only screen and (max-width: 767px) {
.dropdown {
    position: fixed;
    left: 15px;
    top: 15px;
    z-index: 10001;
    width: 40px;
}
}

.whatsappnew {
    width: 38px;
    height: 38px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 17px;
    right: 31px;
    -webkit-animation: shake-rotate 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: shake-rotate 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: shake-rotate 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    z-index: 10000;
}









/*********************************custom header******************************/
/*.header-edge {
    position: fixed;
    top: 0;
    z-index: 99;
    background: rgba(8,8,8,.7);
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 1% 0;
}
.header .main-menu {
    padding-top: 8px;
    float: right;
}
.header .main-menu li {
    float: left;
    margin-left: 40px;
    position: relative;
    letter-spacing: .025em;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.header .main-menu li:before, .header .main-menu li a:after, .header .main-menu li a:before {
    content: "";
    width: 4px;
    position: absolute;
    height: 4px;
    bottom: 0;
    opacity: 0;
    transition: all .3s ease;
    border-radius: 50%;
}
.header .main-menu li:before {
    background-color: #e8e8e8;
    margin: auto;
    left: 0;
    right: 0;
}
.header .main-menu a {
    display: block;
    padding-bottom: 3px;
}
.header .main-menu li a:before {
    margin-left: -12px;
}
.header .main-menu li a:after, .header .main-menu li a:before {
    background-color: #747474;
    left: 50%;
    margin-left: 8px;
}
footer, header, menu, nav {
    display: block;
}
.header-edge ul {
    list-style: none;
}
.menu-trigger {
    display: inline-block;
}
.header-edge ul .dropdown{
    top:0;
}*/
.header {
    /*position: fixed;*/
    top: 0;
    z-index: 1000;
    background: rgba(36, 68, 65, 0.9);
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 1% 0;
}
.header .container {
    /*width: auto;*/
}
.header .logo {
    float: left;
}
.header .main-menu {
    padding-top: 15px;
    float: right;
}
.header .main-menu li {
    float: left;
    margin-left: 40px;
    position: relative;
    letter-spacing: 0.025em;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.header .main-menu li a:before {
    margin-left: -12px;
}
.header .main-menu .current:before,
.header .main-menu .current a:after,
.header .main-menu .current a:before {
    opacity: 1;
}
a.logo img {
    width: 50px;
}
.header .main-menu a {
    display: block;
    padding-bottom: 3px;
        color: #d7af69;
}
.header .main-menu a:hover {
    opacity: 0.7;
}
.social {
    font-size: 18px;
}
.social li {
    padding-right: 15px;
    display: inline-block;
}
.social li a {
    color: #fff;
    display: inline-block;
}
nav.main-menu ul {
    list-style: none;
}
@media screen and (max-width: 991px) {
    
    .header .main-menu li {
        margin-left: 25px;
    }
}

@media screen and (max-width: 767px) {
    .menu-trigger {
        position: absolute;
        top: 0;
        z-index: 9;
        display: block;
        cursor: pointer;
        width: 30px;
        margin: 25px 30px;
        padding: 0;
        padding-top: 5px;
        height: 30px;
        right: 0;
    }
 /*  a.logo img {
   /* width: 50px;
    padding-top:15px;
}*/
    .menu-trigger span {
        height: 2px;
        background: #fff;
        transition: all 0.3s ease;
        display: block;
        margin: 0 0 6px;
    }
    .active-menu .menu-trigger span:nth-child(2) {
        opacity: 0;
    }
    .active-menu .menu-trigger span:first-child {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 8px 0 -10px;
    }
    .active-menu .menu-trigger span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .header {
        transition: height 0.3s ease;
        height: 79px;
    }
    .active-menu .header {
        overflow: visible;
        height: 100vh;
        background: rgba(8, 8, 8, 0.9);
    }
    .header .main-menu {
        position: absolute;
        left: -100%;
        overflow: auto;
        transition: opacity 0.3s ease;
        opacity: 0;
        float: none;
        top: 60px;
        width: 100%;
        z-index: 99;
        height: calc(100vh - 60px);
    }
    .active-menu .header .main-menu {
        left: 0;
        opacity: 1;
    }
    .active-menu .header .main-menu li {
        display: block;
        float: none;
        margin: 10px 0;
        text-align: center;
    }
    .active-menu .header .main-menu li a {
        font-size: 16px;
        padding-bottom: 5px;
    }
    .padding-80px-tb {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}
section, footer{
    display:block;
}
div#otp-verify {
    display: none;
}