/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwentyup/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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


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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


@font-face {
    font-family: 'dearJoe 5 CASUAL';
    src: url('./assets/fonts/DearJoe5CASUAL.woff2') format('woff2'),
        url('./assets/fonts/DearJoe5CASUAL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('./assets/fonts/Avenir-Light.woff2') format('woff2'),
        url('./assets/fonts/Avenir-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Black Oblique';
    src: url('./assets/fonts/Avenir-BlackOblique.woff2') format('woff2'),
        url('./assets/fonts/Avenir-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Light Oblique';
    src: url('./assets/fonts/AvenirLT-LightOblique.woff2') format('woff2'),
        url('./assets/fonts/AvenirLT-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir-roman';
    src: url('./assets/fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('./assets/fonts/AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-black';
    src: url('./assets/fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('./assets/fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-medium';
    src: url('./assets/fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('/assets/fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-book';
    src: url('./assets/fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('./assets/fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{ font-family:'FontAwesome';
src:url('./assets/fonts/fontawesome-webfont.eot?v=4.7.0');
src:url('./assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('./assets/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('./assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('./assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('./assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight:normal;font-style:normal}
/***********************************************************/
html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}
/****************************************************************/
body{
	color: #868686 !important;
	font-size:16px !important;
	font-family: 'Avenir';
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: none !important;
}
/**************************HEADER**************************************/
header#site-header{
	background: #fff;
	border-top: 10px solid #36a9e1;
	box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.4);
}
header .navbar{
	border: none;
	padding:20px 0px;
	background: #fff;
	border-radius:0;
	margin-bottom: 0;
}
header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover{
	background: none;
	color: #706f6f !important;
}
header .navbar-default .navbar-nav>li>a {
    color: #706f6f !important;
    font-size: 16px;
    text-transform: uppercase;
}
header li#menu-item-38 a {
    background: #36a9e1;
    border-radius: 25px;
    padding: 6px 27px;
    margin-top: 8px;
    color: #fff !important;
    font-family: 'Avenir-medium';
}
header .navbar-nav {
    margin: 0;
    padding: 0;
}
ul#menu-header-menu li.dropdown:hover ul.dropdown-menu {
    display: block;
    border: none;
    width: 100%;
    border-radius: 0;
    padding: 15px 100px;
    text-align: center;
    background: #36a9e1;
    transition: ease-out .2s;
}
ul#menu-header-menu li.dropdown:hover ul.dropdown-menu li a{
    color: #fff;
    text-transform: uppercase;
}
ul#menu-header-menu li.dropdown ul.dropdown-menu {
    border: none;
    width: 100%;
    border-radius: 0;
    padding: 15px 100px;
    text-align: center;
    background: #36a9e1;
    transition: ease-out .2s;
}
ul#menu-header-menu li.dropdown ul.dropdown-menu li a{
	color: #fff;
	text-transform: uppercase;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	color: #fff !important;;
	background: none !important;
}
ul#menu-header-menu .nav>li, ul#menu-header-menu .dropdown, ul#menu-header-menu .dropup {
    position:unset;
}
ul#menu-header-menu .dropdown {
    position: static;
}
ul#menu-header-menu ul.dropdown-menu li {
    display: inline-block;
}
ul#menu-header-menu .dropdown ul li a{
    position: relative;
}
ul#menu-header-menu .dropdown ul li a:after {
    position: absolute;
    content: "\f111";
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 6px;
    right:0px;
    top: 9px;
}

ul#menu-header-menu li.dropdown:hover:after {
    position: absolute;
    content: "";
    bottom: 0;
    top: unset !important;
    margin-left: 42px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #36a9e1 transparent transparent;
    transform: rotate(90deg);
}
ul#menu-header-menu li.dropdown.open:after {
    position: absolute;
    content: "";
    bottom: 0;
    top: unset !important;
    margin-left: 42px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #36a9e1 transparent transparent;
    transform: rotate(90deg);
}
ul#menu-header-menu .dropdown a {
    position: relative;
}
ul#menu-header-menu li.dropdown >a:before {
    position: absolute;
    content: "\f103";
    font-family:'FontAwesome';
    top: 15px;
    color: #706f6f;
    right: 1px;
}
ul#menu-header-menu .dropdown a {
    position: relative;
}
ul#menu-header-menu li >a:after {
    position: absolute;
    content: "\f111";
    color: #36a9e1;
    font-family: 'FontAwesome';
    font-size: 6px;
    margin-left:22px;
}
ul#menu-header-menu li.menu-item-38 >a:after, ul.dropdown-menu li#menu-item-151 a:first-child::after {
    display: none;
}
header #menu-header-menu.nav>li:last-child {
    margin-right: 0;
    margin-left: 10px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background: none !important;
}
.collapse.navbar-collapse, .navbar-collapse {
    padding: 0 !important;
}
header #menu-header-menu.nav>li{
    margin-right: 10px;
}
ul#menu-header-menu li:first-child {
    list-style: none;
}
ul.dropdown-menu li#menu-item-151:first-child {
    padding: 4px 4px;
    background: #f39200;
    border-radius: 25px;
    font-family: 'Avenir-medium';
}
ul#menu-header-menu ul.dropdown-menu li#menu-item-151:first-child:after{
	display: none;
}
header .navbar-default .navbar-toggle:focus, header .navbar-default .navbar-toggle:hover {
    background-color: #36a9e1;
}
header .navbar-default .navbar-toggle {
    border-color: #36a9e1;
    background-color: #36a9e1;
}
header .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
header .dropdown-menu>.active>a, header .dropdown-menu>.active>a:focus, header .dropdown-menu>.active>a:hover{
    background: none;
}
/*****************************HEADER-END***********************************/

/*****************************MAIN-CONTENT-START***********************************/

/*****************************HOME-PAGE-START***********************************/
header.entry-header.has-text-align-center.header-footer-group {
    display: none;
}
.entry-content section.home-banner, section.home-banner{
    padding: 90px 0px !important;
}
section .banner-padding {
    padding: 0 80px;
}
section .sep-top .vc_separator {
    margin: 20px 0px 0px 0px;
}
section.three-package {
    padding: 35px 80px 0px 80px;
}
h2.main-heading, .main-heading.ls-layer{
	font-family: 'dearJoe 5 CASUAL';
	text-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}
h4.banner-heading, .banner-heading.ls-layer{
	font-family: 'Avenir-black';
	text-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}
.get-free-heading.ls-layer{
    line-height: 36px !important;
}
a.ls-gui-element.ls-nav-prev, a.ls-gui-element.ls-nav-next{
    display: none;
}
.wpb_text_column.wpb_content_element.ls-overflow-visible {
    margin: 0;
}
.get-free-heading span {
    margin: 0;
    float: left;
    font-family: 'Avenir Black Oblique' !important;
}
.get-free-heading p, .get-free-heading.ls-layer {
	color: #fff;
    font-size:28px;
    font-family: 'Avenir Light Oblique';
    text-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}
.home-btn button, span.home-btn, a.ls-layer-link {
    font-size: 16px !important;
    text-transform: uppercase;
    font-family: 'Avenir-roman';
    background: #f39200 !important;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.2) !important;
}
section .hover-box {
    padding: 0px 30px;
    background: #fff;
    height: 100px;
}
.bottom-hr {
    border-bottom: 1px solid #fff !important;
    width: 460px;
    margin-top: 10px !important;
}
.hover-box h2 {
    color: #009ee2;
    font-size: 32px;
    font-family: 'Avenir-medium';
}
button, a.vc_general.vc_btn3{
	font-size: 16px !important;
	text-transform: uppercase !important;
	font-family: 'Avenir-roman' !important;
	background-image: none !important;
}
.btn.active, .btn:active{
	box-shadow: none;
}
section .hover-box .vc_column-inner {
	cursor: pointer;
	background: #fff;
	transition: ease-out .4s;
    position: relative;
    z-index: 999999;
    height: 100px;
}
section .hover-box .vc_column-inner .tell-me-more-btn button, section .hover-box .vc_column-inner .tell-me-more-btn a{
	margin-top: 10px;
	display: none;
	border: 1px solid #f39200 !important;
}
section .hover-box .vc_column-inner:hover {
    margin-top: -80px;
    background: #fff;
    transition: ease-out .4s;
    height: 100px;
}
.hover-box.border-r {
    border-right: 1px solid #ccc;
}
.hover-box.border-l {
    border-left: 1px solid #ccc;
}
section .hover-box .vc_column-inner:hover .tell-me-more-btn button, section .hover-box .vc_column-inner:hover .tell-me-more-btn a {
    display: block !important;
    margin: 20px 60px;
}
section .center-heading {
    padding: 50px 48px 0px 140px;
}
section .fix-length img {
    height: 390px;
}
section .center-heading p {
    font-size: 18px;
    text-align: justify;
}
section .treat-btn button, section .treat-btn a {
    font-family: 'Avenir-book' !important;
}
section .contact-btn button, section .contact-btn a {
	margin-left: 20px;
    border:2px solid #f39200 !important;
}
section .g-map .wpb_wrapper {
    padding: 0;
}
.custom_map_display #map {
    height: 350px;
}
/*****************************HOME-PAGE-END***********************************/

/*****************************SERVICES-PAGE-START***********************************/

section .call-about {
    padding: 50px 0px;
}
h4.vc_custom_heading.banner-heading.banner-heading-2 {
    font-family: 'Avenir-medium';
}
.visit-txt {
    padding: 0px 135px;
    color: #fff;
    text-align: justify;
}
strong.sf {
    font-family: 'Avenir-black';
}
/*****************************SERVICES-PAGE-END***********************************/

/*****************************MEMBERSHIP-PAGE-START***********************************/

h4.vc_custom_heading.banner-heading.banner-heading-3 {
    font-family: 'Avenir-roman';
}
.member-section-heading h2, .member-section-heading h4, section .call-about h4{
    font-family: 'Avenir-medium';
}

/*****************************MEMBERSHIP-PAGE-END***********************************/

/*****************************ABOUTUS-PAGE-START***********************************/

section .about-section{
    padding: 50px 38px 0 65px;
    text-align: justify;
}
section .testimonial-owner P {
    font-family: 'Avenir Light Oblique';
}
section .about-section .wpb_single_image.wpb_content_element.vc_align_left {
    margin: 0;
    position: absolute;
    top: 5px;
    left: -48px;
}
section .about-section .wpb_single_image.wpb_content_element img {
    width: 70%;
}
section .about-bottom {
    text-align: justify;
    padding:0px 50px 20px 50px;
}
/*****************************ABOUTUS-PAGE-END***********************************/

/*****************************LOTIONS-PAGE-START***********************************/
section.orange-bg, .orange-bg-2 {
    background: #f39200;
    padding-bottom:10px;
    position: relative;
    z-index:999999;
}
section.orange-bg:before {
    position: absolute;
    content: "";
    height: 80px;
    width: 80px;
    border-radius: 100%;
    background: #f39200;
    top: -30px;
    z-index: 0;
    text-align: center;
    left: 47%;
}
h2.vc_custom_heading.orange-bg-heading{
    font-family: 'Avenir-medium';
}
section.orange-bg .tell-me-more-btn button, section.orange-bg .tell-me-more-btn a, section.orange-bg-2 .tell-me-more-btn button, section.orange-bg-2 .tell-me-more-btn a {
    margin-top: 10px;
    border: 1px solid #fff !important;
}
section.orange-bg .star-img {
    margin-top: -15px;
}
/*****************************LOTIONS-PAGE-END***********************************/

/*****************************SPRAY-TANNING-PAGE-START***********************************/
section.spray-tanning-section {
    padding: 50px 126px !important;
    text-align: justify;
    margin: 0;
}
.spray-btns-section {
    text-align: center;
    margin-top: 20px;
}
/*****************************SPRAY-TANNING-PAGE-END***********************************/

/*****************************uvskintherapy-PAGE-START***********************************/
.st-f-color strong {
    color: #f39200;
    font-family: 'Avenir-black';
}
section .fix-length-2 img {
    height: 490px;
}
/*****************************uvskintherapy-PAGE-END***********************************/

/*****************************SLIM SCULPT-PAGE-START***********************************/
.bullet-color span {
    color: #f39200;
}

/*****************************SLIM SCULPT-PAGE-END***********************************/

/*****************************CONTACT-PAGE-START***********************************/
section .contact {
    padding: 50px 48px 0px 70px;
}
.email-icon {
    margin-top: -100px;
}
section.orange-bg-2 {
	color: #fff;
    padding: 30px 100px !important;
}
.br-right-1 {
    border-right: 1px solid #fff;
}
form.contact-form input, form.contact-form select, form.contact-form textarea {
    width:100%;
    height: 40px;
    padding: 6px 12px;
    margin-bottom: 10px;
    border: 1px solid #b4b4b4;
}
form.contact-form textarea {
    height: 82px;
}
.contact-form input.btn-subscribe {
    border-radius: 25px;
    float: right;
    width: 50%;
    background: #36a9e1;
    font-family: 'Avenir-medium';
    text-transform: uppercase;
    border: 1px solid transparent;
}
/*****************************CONTACT-PAGE-END***********************************/

/*****************************CMA-PAGE-STAR***********************************/
.entry-content section.cma-banner{
	padding: 60px 0px 65px 0px;
}
.play-store-icon {
    padding: 0 80px;
}
.font-light-pera{
	font-family: 'Avenir Light Oblique';
}
section .cma-section {
    padding: 50px 75px;
    text-align: justify;
}
section .cma-section .cma-section-inner-left {
    padding-left: 20px;
}
section .cma-section .cma-section-inner-right {
    padding-right: 20px;
}
section .cma-section strong {
    color: #36a9e1;
}
/*****************************CMA-PAGE-END***********************************/

/*****************************REVIEW-PAGE-START***********************************/

section .guest-pass-heading h1{
    font-family: 'dearJoe 5 CASUAL';
}
section.testimonial-section {
    padding: 0;
    overflow: hidden;
}
section.testimonial-section h3.testimonial-heading{
    display:none;
}
section.testimonial-section .strong-view.default .testimonial {
    border: none;
    padding: 20px 180px;
}
section.testimonial-section .strong-view.default .testimonial-inner {
    border: none;
}
section.testimonial-section p {
    text-align: center;
}
section.testimonial-section .testimonial-field.testimonial-name {
    text-align: center;
}
section.testimonial-section .testimonial:nth-child(odd) {
    background: #f6f6f6;
}
section.testimonial-section .testimonial:nth-child(odd) .testimonial-name {
    color: #f39200;
}
section.testimonial-section .testimonial:nth-child(even) .testimonial-name {
    color: #36a9e1;
}
section.testimonial-section .testimonial .testimonial-name{
    font-size: 22px;
    font-family: 'Avenir-medium';
}
/*****************************REVIEW-PAGE-END***********************************/

/*****************************LOCATION-PAGE-START***********************************/
section.location {
    width: 100%;
    overflow: hidden;
}
.location-banner{
    padding: 90px 0px;
    background: url("/wp-content/themes/twentytwenty/assets/images/location-header.png");
    background-size: cover;
    background-position: center;
}
.location .pad-section {
    padding: 50px 50px 50px 120px;
    max-height:600px;
    overflow-y: scroll;
}
.location .pad-section::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.location .pad-section::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.location .pad-section::-webkit-scrollbar-thumb {
  background:#C4C4C5; 
  border-radius: 10px;
}

/* Handle on hover */
.location .pad-section::-webkit-scrollbar-thumb:hover {
  background: #36a9e1; 
}
.location-heading h2{
    color: #36a9e1;
    font-family: 'Avenir-medium';
}
 /* Set the size of the div element that contains the map */
#map {
   height: 100vh;
   width: 100%;
   max-height:600px;
}
.location-list-item {
  padding: 20px 0px;
  border-bottom: 1px solid #C4C4C5;
 }
 .location-list-item h4, .location-single h4{
    font-size: 22px;
    color: #36a9e1;
    font-family: 'Avenir-medium';
}
.location-list-item .btn {
    float: right;
}
a.btn.more-info, a.btn.map-direction {
    color: #fff;
    width: 125px;
    margin-top: 15px;
    border-radius: 25px;
    background: #f39200;
    text-transform: uppercase;
    font-family: 'Avenir-roman';
}
a.btn.map-direction{
    background: #36a9e1;
}
.location-single p:nth-child(6) {
    margin-top: 50px;
}
hr.b-color{
    border-color: #C4C4C5;
}
.pad-section.location-single-no-scroll {
    overflow: unset;
    height: auto;
}
/*****************************LOCATION-PAGE-END***********************************/

/*****************************THANKYOU-PAGE-START***********************************/
section .thankyou-section {
    padding: 30px 100px;
}
section .thankyou-section h4{
    font-family: 'Avenir-medium';
}
section .thankyou-section .wpb_single_image .vc_single_image-wrapper{
    height: 65px;
}
/*****************************THANKYOU-PAGE-END***********************************/

/*****************************NEWS-PAGE-START***********************************/
section.news-section {
    background: #36a9e1;
    overflow: hidden;
    display: block;
}
section.news-section .news-left-bar {
    background: #fff;
}
.blog-sidebar {
    color: #fff;
    padding: 50px !important;
}
section.news-section .news-left-bar .blog-list .vc_grid-item, .blog-single {
    padding: 50px 50px 20px 100px !important;
}
.blog-single .vc_gitem-post-data {
    margin-bottom: 15px;
}
section.news-section .news-left-bar .blog-list {
    margin-bottom: 30px;
}
.blog-list p{
    text-align: justify;
}
section.news-section .news-left-bar .vc_grid-item:nth-child(odd) {
    background: #f6f6f6;
}
section.news-section .news-left-bar .vc_column-inner {
    padding: 0 !important;
}
section.news-section .news-left-bar .vc_pageable-slide-wrapper {
    margin: 0 !important;
}
.blog-list .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title a{
    font-size: 26px;
    color: #f39200;
    text-decoration: none;
    font-family: 'Avenir-medium';
}
.blog-list .vc_gitem-animated-block {
    display: none;
}
.blog-list .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date {
    color: #36a9e1;
    font-family: 'Avenir black Oblique';
}
.blog-sidebar span.screen-reader-text {
    display: none;
}
.blog-sidebar form.search-form label {
    width: 76%;
}
.blog-sidebar input#search-form-1 {
    width: 100%;
    height: 40px;
    border: 1px solid #fff;
    background: none;
    color: #fff;
}
.blog-sidebar input.search-submit {
    height: 40px;
    background: #f39200;
    border: 1px solid #fff;
    margin-left: -5px;
    text-transform: uppercase;
}
.blog-sidebar input#search-form-1::placeholder {
    color: #fff;
    font-size: 14px;
    padding-left: 5px;
}
.blog-sidebar .widget.widget_recent_entries ul li, .blog-sidebar .widget.widget_archive ul li, .blog-sidebar .widget.widget_categories ul li{
    color: #fff;
    list-style: disc;
    list-style-position: inside;
}
.blog-sidebar .widget.widget_recent_entries ul li a, .blog-sidebar .widget.widget_archive ul li a, .blog-sidebar .widget.widget_categories ul li a{
    color: #fff;
    text-decoration: none;
}
.news-banner{
    padding: 90px 0px;
    background: url("/wp-content/themes/twentytwenty/assets/images/Header - single.png");
    background-size: cover;
    background-position: center;
}
.footer-sun-and-spa{
    padding:50px 0px;
    background: url("/wp-content/themes/twentytwenty/assets/images/footer-sun-spa.png");
    background-size: cover;
    background-position: center;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin: 0 !important;
}
.footer-sun-and-spa a {
    border-radius: 2em;
    padding: 14px 20px;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid transparent;
}
.footer-orange-bg {
    margin: 0 !important;
    width: 100%;
}
.blog-single article img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}
section.news-single-section {
    background: #fff;
}
section.news-single-section .blog-sidebar {
    background: #36a9e1;
}
/*****************************NEWS-PAGE-END***********************************/

/*****************************ALL-SERVICES-PAGE-START***********************************/
ul.check-text {
    margin-left: 30px;
}
ul.check-text li strong {
    font-family: 'Avenir-black';
}
ul.check-text li {
    list-style: none;
    position: relative;
    line-height: 1.6em;
}
ul.check-text li:before {
    position: absolute;
    content: "\f00c";
    color: #f39200;
    font-family: 'FontAwesome';
    left: -30px;
}
.content-rel {
    position: relative;
}
h2.content-pos {
    position: absolute;
    top: 30px;
    right: 50px;
    color: #fff;
    font-size: 46px;
    line-height: 24px;
    text-align: right;
    font-family: 'dearJoe 5 CASUAL';
}
h2.content-pos span {
    font-size: 18px;
    font-family: 'Avenir-Medium';
}
section.membership-pack {
    margin: 0;
    width: 100%;
    overflow: hidden;
    display: block;
}
.all-membership-product .list-item img {
    width: 100%;
    padding: 50px;
    height: 300px;
    cursor: pointer;
    border: 1px solid #ececec;
}
.all-membership-product .list-item {
    margin-bottom: 30px;
}
.all-membership-product {
    padding: 50px 0px;
}
.hover-overlay {
    height: 300px;
    width: 90%;
    position: absolute;
    cursor: pointer;
}
.hover-overlay:hover {
    background:rgba(54, 169, 225, 0.7);
}
.popup-img img {
    width: 100%;
    z-index: 999999;
    position: relative;
}
.all-membership-product .modal-content {
    border: none;
    border-radius: 0;
    outline: 0;
    background: #fff;
    position: relative;
}

.all-membership-product .modal-content:before {
    position: absolute;
    content: "";
    background: #f39200;
    width: 200px;
    height: 100%;
    z-index: 999999;
}
.all-membership-product .modal-body{
    padding:40px 30px;
    height: 100%;
}
.all-membership-product .modal-body:after {
    position: absolute;
    content: "";
    background: #36a9e1;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.popup-content h2 {
    font-size: 22px;
    color: #36a9e1;
    font-family: 'Avenir-Medium';
}
.all-membership-product .modal-body button.close {
    background: #36a9e1;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    opacity: 1;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 20px;
    right: -15px;
    z-index: 999999;
}
.all-membership-product .modal-body button.close span{
    font-size: 22px;
}
.popup-content {
    padding: 50px 20px;
    text-align: justify;
}
.all-membership-product .modal-dialog {
    margin: 100px auto;
}
.all-membership-product.grid-tree .hover-overlay {
    height: 380px;
    width: 93%;
}
.all-membership-product.grid-tree .product-img img {
    height: 380px;
}
/*****************************ALL-SERVICES-PAGE-END***********************************/
.search-demo {
    padding: 50px 15px;
}
.search-demo form.search-form {
    text-align: center;
}
.search-demo .screen-reader-text {
    display: none;
}
.search-demo input#search-form-1 {
    width: 300px;
    border: 1px solid #c4c4c5;
    height: 40px;
    padding: 6px 12px;
}
.search-demo input.search-submit {
    height: 40px;
    border: none;
    text-transform: uppercase;
    background: #36a9e1;
    margin-left: -5px;
}
.search-list-item-single {
    padding: 20px 0px 40px 0px;
    border-bottom: 1px solid #c4c4c5;
}
.search-item-title a {
    color: #f39200;
    font-size: 26px;
    font-family: 'Avenir-Medium';
}


/*****************************MAIN-CONTENT-END***********************************/

/********************************FOOTER********************************/

footer#site-footer {
    padding: 50px 0px 10px 0px;
    background: #36a9e1;
}
footer .widget-content h2 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: 'Avenir-medium';
}
ul.social-icon {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.social-icon li {
    display: inline-block;
}
ul.social-icon li img {
    width: 29px;
}
footer p.footer-copyright, footer p.footer-copyright a {
    color: #fff;
    text-decoration: none;
    text-transform: capitalize !important;
    font-family: 'Avenir' !important;
}
footer .textwidget p a{
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    font-family: 'Avenir-black';
}
.hr-l {
    border-left: 1px solid #fff;
}
/*********************************FOOTER-END*******************************/

/*****************************MEDIA QUERY START*******************************/
@media only screen and (max-width: 767px) {

.site-logo.faux-heading {
    float: left;
    margin-left: 10px;
}
.site-logo.faux-heading img {
    width: 200px;
    height: 35px;
}
ul#menu-header-menu li >a:after{
	display: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    background: none !important;
}
ul#menu-header-menu ul.dropdown-menu li {
    display: block;
}
ul#menu-header-menu li.dropdown:hover ul.dropdown-menu{
	padding: 15px 15px;
    text-align: left;
}
.entry-content section.home-banner {
    padding: 10px 0px;
}
.get-free-heading.ls-layer {
    line-height: 12px !important;
}
.home-btn button, span.home-btn, a.ls-layer-link {
    font-size: 7px !important;
    box-shadow: none !important;
    display: inline !important;
}
span.home-btn.ls-layer {
    width: 100% !important;
    height: 100% !important;
    display: inline !important;
}
section .banner-padding {
    padding: 0 0px;
}
h2.main-heading{
	font-size: 40px !important;
}
h4.banner-heading{
	font-size: 22px !important;
}
section .banner-padding .vc_separator .vc_sep_holder .vc_sep_line{
	width: 80%;
}
.get-free-heading p{
	font-size: 24px !important;
}
.hover-box.border-r, .hover-box.border-l{
    border: none;
}
section.three-package {
    padding: 10px 15px;
}
section .hover-box .vc_column-inner .tell-me-more-btn button, section .hover-box .vc_column-inner .tell-me-more-btn a{
	display: block;
	margin: 20px 60px 0px 60px;
}
section .hover-box {
	height: auto;
    padding: 0px 30px 20px 30px;
}
section .hover-box .vc_column-inner{
    height: auto;
}
section .hover-box .vc_column-inner:hover{
	margin-top: 0px;
    cursor: pointer;
    background: #fff;
    transition: ease-out .4s;
    position: relative;
    z-index: 999999;
    height: auto;
}
section .center-heading {
    padding: 0;
}
section .fix-length img {
    height: auto;
}
footer .widget_text.widget.widget_custom_html {
    margin: 20px 0px;
}
footer#site-footer img.image.wp-image-81 {
    width: 200px;
    height: 35px;
}
section .call-about {
    padding: 10px 0px 20px 0px;
}
.visit-txt {
    padding: 0px 0px;
}
h4.vc_custom_heading.banner-heading.banner-heading-3 {
    font-size: 16px !important;
}
section .about-section {
    padding: 20px 0px;
}
section .about-section .wpb_single_image.wpb_content_element img {
    width: 50%;
}
section .about-section .wpb_single_image.wpb_content_element.vc_align_left {
    top: -30px;
    left: 5px;
}
section .about-bottom {
    padding: 0px 0px 20px 0px;
}
section.orange-bg:before{
    left: 40.1%;
}
section.spray-tanning-section {
    padding: 50px 15px !important;
}
section .fix-length-2 img {
    height: auto;
}
.email-icon {
    margin-top: -50px;
}
.br-right-1 {
    border:none;
}
section.orange-bg-2 {
    padding: 30px 40px !important;
}
.location .pad-section {
    padding: 20px 40px;
}
.location-list-item .btn {
    float: none;
    margin-right: 10px;
}
section .thankyou-section {
    padding: 30px 50px;
}
.blog-list {
    padding: 50px 50px 50px 0px;
}
.blog-sidebar {
    padding: 20px !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.entry-content section.home-banner {
    padding: 30px 0px;
}
section .banner-padding {
    padding: 0 0px;
    width: 100%;
}
h2.main-heading{
	font-size: 42px !important;
}
h4.banner-heading{
	font-size: 22px !important;
}
section .banner-padding .vc_separator .vc_sep_holder .vc_sep_line{
	width:42%;
}
.get-free-heading p{
	font-size: 24px !important;
}
header .navbar-header {
    float: none;
}
.site-logo.faux-heading {
    text-align: center;
}
header .navbar {
    padding: 20px 0px;
}
header #menu-header-menu.nav>li {
    margin-right:4px;
}
header #menu-header-menu.nav>li:last-child {
    margin-right: 0px;
    margin-left: 15px;
}
ul#menu-header-menu li >a:after{
	margin-left: 18px;
}
section .hover-box h2 {
    font-size: 24px;
}
section.three-package {
    padding: 35px 15px 0px 15px;
}
section .hover-box {
    padding: 0px 15px;
}
section .center-heading {
    padding: 0;
    width: 100%;
}
section .vc_col-sm-6 {
    width: 100%;
}

section .fix-length img {
    height: auto;
}
.col-lg-8.text-left {
    width:46%;
    float: left;
}
.col-lg-2 {
    width: 26%;
    float: left;
}
section .call-about {
    padding: 10px 0px 20px 0px;
}
.visit-txt {
    padding: 0px 0px;
}
section .about-section {
    padding: 20px 0;
}
section .about-bottom {
    padding: 15px 0px;
}
section.orange-bg:before{
    left: 44.6%;
}
section.spray-tanning-section {
    padding: 50px 50px !important;
}
section .fix-length-2 img {
    height: auto;
}
.email-icon {
    margin-top: -50px;
}
.br-right-1 {
    border:none;
}
.location-list-item .btn {
    float: none;
    margin-right: 10px;
}
.location .pad-section {
    padding: 50px;
}
section .thankyou-section {
    padding: 30px 0px;
}
section .hover-box .vc_column-inner:hover .tell-me-more-btn button, section .hover-box .vc_column-inner:hover .tell-me-more-btn a{
    margin: 20px 15px;
}
.blog-list {
    padding: 50px 0px 50px 0px;
}
.blog-sidebar {
    padding: 50px 0px !important;
}
.blog-sidebar form.search-form label {
    width: 52%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.site-logo.faux-heading img {
    width: 200px;
    height: 35px;
    margin-top: 8px;
}
header .navbar {
    padding: 20px 0px;
}
header #menu-header-menu.nav>li {
    margin-right: 5px;
}
.entry-content section.home-banner {
    padding: 20px 0px;
}
section .banner-padding {
    padding: 0px 0px 0px 30px;
}
h2.main-heading{
	font-size: 48px !important;
}
h4.banner-heading{
	font-size: 24px !important;
}
section .banner-padding .vc_separator .vc_sep_holder .vc_sep_line{
	width:80%;
}
.get-free-heading p{
	font-size: 28px !important;
}
section .hover-box {
    height: 140px;
}
section.three-package {
    padding: 35px 30px 0px 30px;
}
section .center-heading {
    padding: 0px 30px 0px 30px;
}
section .top-border img {
    height: 315px;
}
.col-lg-8.text-left {
    width: 60%;
    float: left;
}
.col-lg-2 {
    width: 20%;
    float: left;
}
section .call-about {
    padding: 10px 0px 20px 0px;
}
.visit-txt {
    padding: 0px 50px;
}
section .about-section {
    padding: 0;
}
section .about-section .wpb_single_image.wpb_content_element.vc_align_left{
    top:0;
    left: -56px;
}
section .about-section .wpb_single_image.wpb_content_element img {
    width: 60%;
}
section .about-bottom {
    padding: 0px 0px 20px 0px;
}
section.orange-bg:before{
    left: 46%;
}
section.spray-tanning-section {
    padding: 50px 50px !important;
}
section .fix-length-2 img {
    height: auto;
}
.email-icon {
    margin-top: 0;
}
ul#menu-header-menu li >a:after{
	margin-left: 16px;
}
.location .pad-section {
    padding: 50px;
}
section .thankyou-section {
    padding: 30px 30px;
}
section .hover-box .vc_column-inner:hover .tell-me-more-btn button, section .hover-box .vc_column-inner:hover .tell-me-more-btn a{
    margin: 20px 40px;
}
.blog-sidebar {
    color: #fff;
    padding: 50px 10px !important;
}
.blog-list {
    padding: 50px 0px 50px 0px;
}
.blog-sidebar form.search-form label {
    width: 60%;
}
}

@media only (max-width: 1200px) {
{
/*****************************MEDIA QUERY END*******************************/