/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/xpro/
Author: Taraprasad Swain
Author URI: https://www.taraprasad.com/
Description: Make all of your modifications to X Pro in this child theme.
Version: 1.0.0
Template: x
*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin:0 0 25px;     font-family: "Montserrat",sans-serif !important;}
h1, .h1{font-size:50px;}
h2, .h2{font-size:44px;}
h3, .h3{font-size:36px;}
h4, .h4{font-size:30px;}
h5, .h5{font-size:24px;}
h6, .h6{font-size:18px;}

p{margin:0 0 30px; line-height:28px;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}

.gradiant-bg{background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%);}

.text-purple{color: #663399;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#333 !important;}
::-moz-placeholder{color:#333 !important;}
:-ms-input-placeholder{color:#333 !important;}
:-moz-placeholder{color:#333 !important;}

ul.list{list-style:none; margin:0 0 30px;}
ul.list li{display:block; margin-bottom:10px; padding-left:25px; position:relative;}
ul.list li:after{position:absolute; content:"\f178"; left:0; top:0; color:#f9892c; font-family: FontAwesome;}

.x-navbar{border-bottom:none; box-shadow:none; background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%);}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{box-shadow:none !important; border-bottom:#ffb475 2px solid;}
.x-navbar .desktop .x-nav li>a>span:after{display:none;}

.join-btn a{padding-top:22px !important;}
.join-btn a span{background-color:#fff; border-radius:3px; color: #663399; padding: 13px 20px; transition:0.3s;}
.join-btn a:hover span{background-color:#f9892c; color:#fff;}

.x-navbar .desktop .sub-menu a{color: #333 !important; text-transform: uppercase;}
.desktop .sub-menu a:hover{background-color:#f9892c; color:#fff !important;}

.widget{text-shadow:none;}
.widget ul, .widget ol{box-shadow:none; border:none;}
.widget ul li a, .widget ol li a, .x-comment-time{color:#fff !important; border-bottom:none; box-shadow:none;}
.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a{padding:0 0 10px;}
.widget_nav_menu .current-menu-item>a{background-color:inherit;}

.x-colophon{background-color: inherit; border-top:none; box-shadow:none;}
.x-colophon+.x-colophon{border-top:none; box-shadow:none;}

.x-colophon .widget p, .x-colophon .widget p a{color:#fff !important;}
.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover{background-color:inherit; color:#fff !important;}
.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before{content:"\f105"; opacity:1;}

.x-colophon.top{box-shadow:none; border-top:none; padding:60px 0 50px; font-size:14px; background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%);}


.x-colophon.bottom{font-size:12px; color:#fff; background-color:#db790f; padding:20px 0;}
.x-colophon.bottom p{margin:0;}
.x-colophon.bottom a{color:#fff;}
.x-colophon.bottom .x-colophon-content{letter-spacing:normal; margin:0;}

.footer-logo{display:inline-block; vertical-align:top; max-width:126px; margin-right:15px;}
.footer-acce-icon{display:inline-block; vertical-align:top; width:82px; height:82px; line-height:82px; text-align:center; background-color:#fff; border-radius:3px;}
.footer-acce-icon img{max-width:34px; line-height:82px; display: inline-block; vertical-align: middle;}

.x-menu-layered.foot-link li a .x-anchor-text{position:relative; padding-left:14px;}
.x-menu-layered.foot-link li a .x-anchor-text:before{content:"\f105"; font-family: FontAwesome; position: absolute; left: 0; top: 0; line-height: 14px; color: #fff;}

.x-btn, .button, [type=submit], .x-anchor-button{font-family: "Montserrat",sans-serif !important; text-shadow:none !important; font-weight:600;}

.zipcode-form form {position: relative;}
.location-finder-form button.location-finder-geo-locator.button{background-color:#f9892c !important;}
.or-txt{color: #fff; font-weight: 600;}
.zipcode-form form input[type="text"] {height: 40px; padding-right: 38px;}
.location-finder-form button.go-btn, .zipcode-form form [type="submit"]{position: absolute; right: 3px; top: 3px; background-color: #663399; background-image:url(images/right-long-solid.svg); background-repeat:no-repeat; background-position:center center; background-size:18px; padding:0 !important; color: #fff; box-shadow: none; border: none; width: 34px; height: 34px; line-height: 34px; border-radius: 3px; font-size:0;}

.join-form select{height:40px; box-shadow:none;}
.join-form button.go-btn{color: #fff; width: 40px; height: 40px; vertical-align: top; border: #fff 1px solid; border-radius: 3px; background-color: #663399;}

.f-field{margin-bottom:25px;}
.f-field label{font-size:14px; line-height:14px; color:#333333; text-transform:uppercase; font-weight:300; margin:0 0 10px;}
.f-field input, .f-field select{display:block; width:100%; height:38px; border:#ced4da 1px solid; border-radius:3px; background:#fff; box-shadow:none; font-size:14px; line-height:14px; padding:0 10px;}
.f-field textarea{display:block; width:100%; height:140px; border:#ced4da 1px solid; border-radius:3px; background:#fff; box-shadow:none; font-size:14px; line-height:14px; padding:10px;}

.sign-up-form{max-width:880px; margin:0 auto;}
.sign-up-form .f-field{float:left; width:50%; padding:0 10px;}
.sign-up-form .f-field.ff-full{width:100%;}

.agree-checkbox .wpcf7-list-item{margin:0;}
.agree-checkbox .wpcf7-list-item-label {font-size: 12px; margin-left: 10px;}

.sign-up-form .agree-checkbox{padding:0 10px;}

.send-btn{margin-top:45px; text-align:center;}
.send-btn input{display:inline-block; width:296px; height:48px; background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%); border:none; box-shadow:none; text-shadow:none; font-size:14px; line-height:14px; color:#fff; font-weight:600; text-transform:uppercase; text-align:center; font-family: "Montserrat",sans-serif;}

.membership-icon{width: 75px; height: 75px; line-height: 75px; color: #fff; background-color: #f9892c; border-radius: 50%; font-size: 35px; margin: 0 auto 20px;}

.x-navbar .mobile .x-nav li>a{border-color:#4d2076;}

.location-reviews .reviewer-img {
    float: left;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.location-reviews .review-content{padding-left:60px; padding-top: 5px;}

.inner-banner{background:#000; position:relative;}
.banner-img{width:100%; height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover !important; opacity:0.5;}
.inner-banner .page-titles{position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%); width:88%; max-width: 1200px; margin: 0 auto;}
.inner-banner .page-title{font-size:48px; line-height:48px; font-weight:700; color:#fff; margin-bottom:15px;}
.inner-banner .page-subtitle{font-size:30px; line-height:30px; font-weight:700; color:#fff; margin-bottom:0;}

table{border:#ddd 1px solid;}
table thead{background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%); color: #fff;}
table tbody tr:nth-child(even) {background: #f4f4f4;}
table tbody tr:nth-child(odd) {background: #fff;}

.lotion-thumbnails a {
    display: block;
    height: 318px;
    line-height: 318px;
    margin-bottom: 35px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    position: relative;
    padding-bottom: 37px;
	background-color:#fff;
}
.lotion-thumbnails a img {
    display: inline;
    vertical-align: top;
    max-height: 240px;
    margin-bottom: 0;
    margin-top: 25px;
}
.lotion-thumbnails a h5{
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    letter-spacing: normal;
    margin: 0;
    padding: 11px 0;
    background: rgb(102,51,153);
    background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%);
    position: absolute;
    width: 100%;
    bottom: 0;
}
.lotion-thumbnails a h5 span{overflow: hidden; height:16px; display:block;}

.ed-hardy-logo {
    background-color: #fff;
    text-align: center;
    padding: 10px 0px 5px;
    margin-bottom: 30px;
}
.ed-hardy-logo img.x-img {
    margin: 0;
}

.lotion-popup .lpopup-overlay{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; bottom:0; left:0; right:0; z-index:99 !important; overflow-y:auto;}
.lpopup-box{position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%); margin:0 auto; background:#fff; border:#000 5px solid; width:620px; max-width:100%; padding:30px 28px 30px 10px; margin-top:16px; z-index:9999;}
.lpopup-box h2{ font-size:36px; text-align:center; margin-bottom:15px;}
.lpopup-box .imgbox{float:left; width:45%; text-align:center}
.lpopup-box .imgbox img{display:inline-block;}
.lpopup-box .cntntbox{float:left; width:55%; padding-left:15px;}
.lpopup-box h5{font-size:24px; line-height:30px; margin-bottom:25px;}
.lpopup-box h5 span{font-size:18px; line-height:30px;}
.lpopup-box p{font-size:14px; line-height:24px;}

#imgNext, #imgPrevious{position:absolute; top:50%; transform:translate(0,-50%); margin-top: -32px; width:28px; height:65px; text-indent:-9999px; border:0; padding:0; margin:0; overflow:visible;}
#imgNext{right:0; background: url(images/controls.png) no-repeat top right;}
#imgPrevious {left:0; background:url(images/controls.png) no-repeat top left;}
#popClose{position:absolute; top:0; right:0; display: block; background: url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px; border: 0; padding:0; margin:0; overflow:visible;}
#imgNext:hover{background-position:bottom right;}
#imgPrevious:hover{background-position: bottom left;}
#popClose:hover{background-position: bottom center;}
footer .x-column{z-index:inherit !important;}
.imgTitle{position:absolute; top:-25px; left:0; color:#ccc; padding-right:120px;}
#imgCurrent{position:absolute; top:-25px; right:0; color:#ccc;}

.all-pcontent > div{display:none;}
.all-pcontent > div.active{display:block;}

.x-navbar .mobile .x-nav li>a{border-color:#4d2076;}

.location-reviews .reviewer-img {
    float: left;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.location-reviews .review-content{padding-left:60px; padding-top: 5px;}

.cus-reviews-sec {display: flex; flex-wrap: wrap; flex-grow: 1; flex-shrink: 1; flex-basis: auto; min-width: 0; min-height: 0; flex-direction: row; justify-content: flex-start; align-items: stretch;
align-content: stretch; margin:calc(((0rem / 2) + 1px) * -1) calc(((0rem / 2) + 1px) * -1); margin-bottom:35px;}
.cus-reviews-sec .c-review-box{flex-grow: 0; flex-shrink: 1; flex-basis: auto; display: block; position: relative; width: auto; min-width: 0; max-width: 100%; height: auto; min-height:0; max-height: none; margin:calc(2rem / 2) calc(2rem / 2); border: 0; border-radius: 0; flex-basis: calc(33.3333% - 2rem); text-align:left; box-shadow:0px 15px 38px rgba(0, 0, 0, 0.1); padding: 23px 20px; border-radius: 5px; background-color: #fff;}
.cus-reviews-sec .c-review-box .review-content{padding-left: 60px;}
.cus-reviews-sec .c-review-box .name-date span.r-name{font-size:14px;}
.cus-reviews-sec .c-review-box .name-date span.r-date{font-size:12px;}
.cus-reviews-sec .c-review-box .r-rating{margin-bottom:0; margin-right:5px;}
.cus-reviews-sec .c-review-box .r-rating li{font-size:14px; line-height:14px;}
.cus-reviews-sec .c-review-box .r-source{font-size:12px; line-height:14px;}
.cus-reviews-sec .c-review-box .review-content p{margin-bottom:0;}
.cus-reviews-sec .c-review-box .action-bar{display:none;}

.x-btn, .button, [type="submit"]{font-size:14px; line-height:14px; color:#fff; text-transform:uppercase;  background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%); padding:12px 22px !important; text-shadow:none !important; box-shadow:none !important; border:none; letter-spacing:0.5px;}

.join-team-form {
    background-color: #f5f5f5;
    padding: 30px 20px;
    max-width: 800px;
    margin: 0 auto;
	border-radius:5px
	
}
.join-team-form .f-field{padding:0 10px; float:left; width:100%;}
.join-team-form .f-field.ff-half{float:left; width:50%; padding:0 10px;}
.join-team-form .f-field input, .join-team-form .f-field select{padding:0 10px;}
.join-team-form .f-field textarea{padding:10px;}
.f-field input[type=radio], .f-field input[type=checkbox]{display:inline-block; width:auto; height:auto; margin:0 7px 2px 0;}
.f-field .wpcf7-list-item{margin: 0 15px 0 0; display: inline-block;}
.join-team-form .f-field hr{border-color:#cbcbcb;}

.join-frame{height: 1300px; background-color: #f5f5f5;}

ul.x-block-grid.club-locations-timings.two-up{border: #ddd 1px solid; border-bottom:none;}
ul.x-block-grid.club-locations-timings.two-up li.x-block-grid-item{border-bottom: #ddd 1px solid; width: 50%; margin: 0; padding: 5px 10px;}
ul.x-block-grid.club-locations-timings.two-up li.x-block-grid-item.club-location-today{background: rgb(102,51,153); background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%); color: #fff;}

.eclub-btn{
    display: inline-block;
    vertical-align: top;
    width: 250px;
    background: rgb(102,51,153);
    background: linear-gradient(90deg, rgba(102,51,153,1) 0%, rgba(255,0,255,1) 100%);
    color: #fff !important;
    line-height: 40px;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif !important;
    margin-right: 10px;
	margin-bottom:15px;
    font-size: 14px;
	overflow:hidden;
}
.eclub-btn span {
    display: inline-block;
    width: 40px;
    text-align: center;
    border-right: #fff 1px solid;
    font-size: 18px;
    margin-right: 10px;
}
.eclub-btn span .svg-inline--fa{vertical-align:middle;}

.fb-btn{
    display: inline-block;
    vertical-align: top;
    width: 250px;
    background: rgb(102,51,153);
    background:#3b5998;
    color: #fff !important;
    line-height: 40px;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif !important;
	margin-bottom:15px;
    font-size: 14px;
	overflow:hidden;
}
.fb-btn span {
    display: inline-block;
    width: 40px;
    text-align: center;
	background-color:#203c77;
    font-size: 18px;
    margin-right: 10px;
}
.fb-btn span .svg-inline--fa{vertical-align:middle;}

.metaslider .flexslider {
	margin: 0 !important; 
}

.step-box{background-color:#fff; border:#017bc6 2px solid; border-radius:15px; text-align:center; margin-top:40px;}
.step-heading{font-size:35px; line-height:35px; margin:-19px 0 25px;}
.step-heading span{border:#017bc6 2px solid; border-radius:30px; padding:0 25px 2px; background-color:#fff;}
.step-col{float:left;width:33.3333%; padding:0 5px;}
.step-no{font-size:40px; line-height:45px; color:#027dc3; border:#f29434 2px solid; width:45px; height:45px; margin:0 auto; border-radius:50%;}
.step-heading2{font-size:20px; line-height:24px; text-transform:uppercase;}
.s-cndi-text{font-size:13px; padding:0 5px;}

table.benefit-table img.check-icon {
  width: 22px;
}
.check-icon {
  width: 25px;
}

@media only screen and (max-width:1125px) {
.x-navbar .desktop .x-nav > li > a{padding-left: 10px !important; padding-right: 10px !important;}
.join-btn a span{padding:13px 10px;}

.use-location-btn, .or-txt{display:block;}
.zipcode-form form input[type="text"]{width:205px;}
}
@media only screen and (max-width:978px) {
.x-colophon.top{text-align:center;}
	
.cus-reviews-sec .c-review-box{flex-basis: calc(50% - 2rem);}
}
@media only screen and (max-width:767px) {
.lpopup-box h2{font-size: 30px;}
.lpopup-box h5{font-size: 20px; line-height: 24px;}
}
@media only screen and (max-width:640px) {
.cus-reviews-sec .c-review-box{flex-basis: calc(100% - 2rem);}
.cus-reviews-sec .c-review-box .review-content{padding-left: 40px;}
}
@media only screen and (max-width:480px) {
.sign-up-form .f-field, .join-team-form .f-field.ff-half{width:100%;}
	
.lpopup-box h2{font-size:24px;}
.lpopup-box h5{font-size: 18px;}
.lpopup-box{padding:25px 28px;}
.lpopup-box .imgbox{float:none; width:100%; margin-bottom:15px; text-align:center;}
.lpopup-box .cntntbox{float:none; width:100%; padding:0;}
}

.flex-control-nav:not(.flex-control-thumbs) {
    background-color: transparent;
}

.x-colophon.bottom {
  border-top: 5px solid #639;
}

.metaslider .flex-control-nav {
    width: auto!important;
}

.flex-direction-nav a.flex-next {
    left: auto !important;
}

.flex-direction-nav .flex-next {
    right: 5px !important;
}

.flex-direction-nav a.flex-prev {
    left: 5px !important;
}

.orange-bg .x-text-content-text-primary {
    display: inline-block;
    background-color: #f6921e;
    color: #ffffff!important;
    padding: 10px 20px;
    border-radius: 25px;
}