/**
Theme Name: Astra Child Theme
Author: Astra
Author URI: https://www.astra.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yell-astra-child-theme
Template: astra
*/

/* 3 july '19*/

/* import font awesome */
@import url('https://d2ta2fpo91apla.cloudfront.net/fontawesome-free-5.9.0-web/css/all.min.css');


/*** GENERAL SECTIONS STYLE -----------------------------------------------------------*/
/*** RESET THEME SPACING ---------------------------------*/
/* Remove default margin-bottom from all divs */
.wpb_wrapper>div {
	margin-bottom: 0;
}

/* Remove default padding for all columns */
.vc_column_container>.vc_column-inner {
	padding: 0;
}

/*reset theme*/
.vc_column-inner .wpb_wrapper .vc_row {
	margin-left: 0;
	margin-right: 0;
}

/* Remove columns padding-top */
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
	padding-top: 0px;
}

/* Remove margin from paragraph */
p {
	margin: 0;
}

/* Remove default margin-bottom from all elemets */
.wpb_content_element {
	margin-bottom: 0;
}

/* set the wrapper width to the default theme one */
@media only screen and (max-width: 767px) {
	.section_wrapper, .container, .four.columns .widget-area {
		max-width: 700px !important;
	}
}

/* CUSTOM SPACING ---------------------------------*/
/* padding left and right is given only when the row is stretch otherwise it mess up the padding right and left calculated by the theme*/
.pad-xl {
	padding-top: 12%;
	padding-bottom: 12%;
}

.pad-xl[data-vc-stretch-content] {
	padding-right: 5%;
	padding-left: 5%;
}

.pad-lg {
	padding-top: 10%;
	padding-bottom: 10%;
}

.pad-lg[data-vc-stretch-content] {
	padding-right: 5%;
	padding-left: 5%;
}

.pad-md {
	padding-top: 8%;
	padding-bottom: 8%;
}

.pad-md[data-vc-stretch-content] {
	padding-right: 5%;
	padding-left: 5%;
}

.pad-sm {
	padding-top: 6%;
	padding-bottom: 6%;
}

.pad-sm[data-vc-stretch-content] {
	padding-right: 5%;
	padding-left: 5%;
}

.pad-xs {
	padding-top: 4%;
	padding-bottom: 4%;
}

.pad-xs[data-vc-stretch-content] {
	padding-right: 5%;
	padding-left: 5%;
}

/* make side padding equal */
@media (max-width:1300px) {
	.pad-xl:not(.vc_inner), .pad-lg:not(.vc_inner), .pad-md:not(.vc_inner), .pad-sm:not(.vc_inner), .pad-xs:not(.vc_inner) {
		padding-right: 5% !important;
		padding-left: 5% !important;
	}
}

/* COLUMN PADDING ---------------------------------*/
/* Inner column padding */
.pad-xl-col > .vc_column-inner {
	padding: 12% 12% !important;
}

.pad-lg-col > .vc_column-inner {
	padding: 10% 10% !important;
}

.pad-md-col > .vc_column-inner {
	padding: 8% 8% !important;
}

.pad-sm-col > .vc_column-inner {
	padding: 6% 6% !important;
}

.pad-xs-col > .vc_column-inner {
	padding: 4% 4% !important;
}

@media (max-width: 768px) {
	.pad-xl-col > .vc_column-inner, .pad-lg-col > .vc_column-inner, .pad-md-col > .vc_column-inner, .pad-sm-col > .vc_column-inner, .pad-xs-col > .vc_column-inner {
		padding-right: 5% !important;
		padding-left: 5% !important;
	}
}

/* REMOVE PADDING ---------------------------------*/
/* Remove padding top or bottom*/
.remove-pad-top {
	padding-top: 0 !important;
}

.remove-pad-bottom {
	padding-bottom: 0 !important;
}

/* Remove element margin */
.remove-margin-top {
	margin-top: 0 !important;
}

.remove-margin-bottom {
	margin-bottom: 0 !important;
}

/* TEXT ---------------------------------*/
/* headings font family*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	letter-spacing: 2.5px;
	line-height: 1.2em;
	margin-bottom: 15px !important;
}

/* headings color */
h1, h2, h3, h4, h5, h6 {
	color: #008080 !important;
}

h2 {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0.2s;
 /* Safari 4.0 - 8.0 */
	animation-delay: 0.2s;
}

/* headings color on dark backgrounds */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #F0F0F0 !important;
}

/* h1 font size for tablet and desktop */
@media (min-width: 1024px) {
	h1 {
		font-size: 50px !important;
	}
}

/* h1 font size for smaller devices */
h1 {
	font-size: calc(20px + 2vw);
	font-weight: 400 !important;
}

/* h2 font size for tablet and desktop */
@media (min-width: 1024px) {
	h2 {
		font-size: 28px !important;
	}
}

/* h2 font size for smaller devices */
h2 {
	font-size: calc(14px + 1vw) !important;
	font-weight: 400 !important;
}

/* h3 font size for tablet and desktop */
@media (min-width: 1024px) {
	h3 {
		font-size: 26px !important;
	}
}

/* h3 font size for smaller devices */
h3 {
	font-size: calc(19px + 1vw);
}

/* paragraph font family and size */
p {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.7em;
}

/* paragraph and list color */
p, li {
	color: #181818;
}

/* paragraph and list color on dark backgrounds */
.dark p, .dark li {
	color: #F8F8F8;
}

/* BUTTON ---------------------------------*/
/* Remove default button style*/
.vc_btn3.vc_btn3-style-modern {
	background-image: none !important;
	background-repeat: none;
}

@media only screen and (min-width: 768px) {
	.button-flat a.button:after,
  .button-flat button:after {
		background: rgba(0,0,0,.0);
	}
}

/* Buttons style */
.btn>.vc_btn3, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	padding: 14px 20px;
	font-size: 12px;
	font-weight: 500 !important;
	border-radius: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 0px solid transparent;
	margin-top: 20px;
	font-family: "Poppins" !important;
}

/* form button */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	background-color: #008080 !important;
	color: #F8F8F8 !important;
	border: 0px solid transparent !important;
}

/* form button */
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
	background-color: #282828 !important;
}

/* Button one */
.btn.btn-one>.vc_btn3 {
	background-color: #008080 !important;
	color: white !important;
	border: 0px solid transparent !important;
}

/* Button one > hover */
.btn.btn-one:hover>.vc_btn3 {
	background-color: #6b6b6b !important;
}

/* Button one > dark backgrounds > add class btn-dark*/
.btn.btn-one.btn-dark>.vc_btn3 {
	background-color: #C0C0C0 !important;
	color: #181818 !important;
}

/* Button one > dark backgrounds > hover*/
.btn.btn-one.btn-dark:hover>.vc_btn3 {
	background-color: #6b6b6b !important;
}

/* Button two */
.btn-two>.vc_btn3 {
	background-color: white !important;
	color: #008080 !important;
	border: 0px solid transparent !important;
}

/* Button two> hover */
.btn.btn-two:hover>.vc_btn3 {
	background-color: #6b6b6b !important;
	color: white !important;
}

/* Button two > dark backgrounds > add class btn-dark*/
.btn.btn-two.btn-dark>.vc_btn3 {
	background-color: #C0C0C0 !important;
	color: #181818 !important;
}

/* Button two > dark backgrounds > hover*/
.btn.btn-two.btn-dark:hover>.vc_btn3 {
	background-color: #808080 !important;
	color: #222 !important;
}

/* Button three */
.btn.btn-three>.vc_btn3 {
	background-color: #008080 !important;
	color: white !important;
	border: 0px solid transparent !important;
}

/* Button three > hover */
.btn.btn-three:hover>.vc_btn3 {
	background-color: #6b6b6b !important;
}

/* Button three > dark backgrounds > add class btn-dark*/
.btn.btn-three.btn-dark>.vc_btn3 {
	background-color: #C0C0C0 !important;
	color: #181818 !important;
}

/* Button three > dark backgrounds > hover*/
.btn.btn-three.btn-dark:hover>.vc_btn3 {
	background-color: #808080 !important;
}

/*** MOBILE CTA ***/

/* mobile click to call color */
#mobile-phone-cta a {
	background-color: #008080 !important;
	color: #F8F8F8 !important;
}

#mobile-phone-cta a:hover {
	background-color: #282828 !important;
}

#mobile-phone-cta {
	display: block;
	position: fixed;
	bottom: -1px;
	left: 20px;
	right: 20px;
	height: 44px;
	z-index: 108;
	padding: 0 !important;
	-webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
}

#mobile-phone-cta a {
	display: block;
	height: 44px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px !important;
	letter-spacing: 0.5px !important;
	font-family: "Poppins";
	font-weight: normal;
	padding-top: 10px;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

#mobile-phone-cta>div>div {
	padding-top: 0 !important;
}

#mobile-phone-cta a i {
	font-size: 16px;
	padding-right: 8px;
}



/* Hide the mobile CTA on desktop */
@media screen and (min-width:640px) {
	#mobile-phone-cta {
		display: none;
	}
}

/* COLUMNS */
/* column full width on tablet */
@media (max-width: 1023px) {
	.full-width-tablet .wpb_column {
		width: 100%;
	}
}

/* minimum height for columns with a background image */
.bg-img-col .vc_column-inner {
	background-size: cover !important;
	background-position: 50% 50%;
	min-height: 15rem !important;
}

@media (min-width: 768px) {
	.bg-img-col .vc_column-inner {
		margin-right: -35px !important;
	}
}

/* background for columns with text */
.bg-text-col {
	background-color: whitesmoke;
}

/* REVERSE */
/* reverse columns on tablet */
@media (max-width: 1023px) {
	.reverse-tablet {
    /* Safari */
    /* Safari 6.1+ */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/* reverse columns on mobile */
@media (max-width: 768px) {
	.reverse-mobile {
    /* Safari */
    /* Safari 6.1+ */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/* VISIBILITY */
/* hide elements from small screens on*/
@media (max-width: 1240px) {
	.hidden-sm-screen {
		display: none !important;
	}
}

/* hide elements from tablet on */
@media (max-width: 1024px) {
	.hidden-tablet {
		display: none !important;
	}
}

/* hide elements from mobile on */
@media (max-width: 768px) {
	.hidden-mobile {
		display: none !important;
	}
}

/* hide elements from small mobile on */
@media (max-width: 480px) {
	.hidden-sm-device {
		display: none !important;
	}
}

/* BACKGROUND POSITION */
.bg-0 {
	background-position: 50% 0% !important;
}

.bg-20 {
	background-position: 50% 20% !important;
}

.bg-40 {
	background-position: 50% 40% !important;
}

.bg-60 {
	background-position: 50% 60% !important;
}

.bg-80 {
	background-position: 50% 80% !important;
}

.bg-100 {
	background-position: 50% 100% !important;
}

/* OVERLAY ROWS */
.vc_row.overlay-one-row::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.15+100 */
  /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.15)));
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#26ffffff', GradientType=1);
  /* IE6-9 */;
}

/* OVERLAY COLUMNS */
.overlay-one-col .vc_column-inner::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.15+100 */
  /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.15)));
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#26ffffff', GradientType=1);
  /* IE6-9 */
	z-index: -1;
}

/* OVERFLOW */
/*make overflow elements in a row visible*/
.overflow.vc_row, .overflow.vc_row[data-vc-full-width] {
	overflow: visible;
}

/* NEGATIVE MARGIN */
@media only screen and (min-width: 768px) {
	.neg-top {
		margin-top: -80px;
	}

	.neg-bottom {
		margin-bottom: -40px !important;
	}

	.neg-left {
		margin-left: -120px;
	}

	.neg-right {
		margin-right: -120px;
	}
}

@media only screen and (min-width: 1024px) {
	.neg-top-two {
		margin-top: -160px;
	}
}


/* END GENERAL CSS ---------------------------------------------------------***/

/* HERO SECTION GENERAL ------------------------------------------------------*/
/* change the background size for home and internal hero */
.hero {
	background-size: cover !important;
	background-color: #e5ebf3;
}

/* background color of hero inner column */
.hero .hero-col .vc_column-inner {
	background-color: transparent;
}

/* add side padding when row and content are stretched */
.hero[data-vc-stretch-content], .hero.homepage[data-vc-stretch-content] {
	padding-right: 5%;
	padding-left: 5%;
}

.vc_row-has-fill+.vc_row-full-width+.vc_row.hero>.vc_column_container.hero-col>.vc_column-inner {
	padding: 8% 8%;
}

/* inner padding of homepage hero column */
.hero.homepage .hero-col .vc_column-inner {
	padding: 8% 8%;
}

/* titles follow the alignment set to the section */
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
	text-align: inherit !important;
}

@media (max-width: 768px) {
	.hero {
		text-align: center !important;
	}
}

/*--- HERO FOUR ---*/
/* remove padding top and bottom because the padding for this row is set by the columns */
.hero.hero-four {
	border: 40px solid white !important;
	background-position: 50% 50%;
}

/* remove side padding when row and content are stretched*/
.hero.hero-four[data-vc-stretch-content] {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* column padding of homepage hero */
.homepage.hero.hero-four .hero-col .vc_column-inner {
	padding: 12% 14% !important;
}

/* set a minimum height for the hero in the homepage */
.homepage.hero.hero-four {
	min-height: 60vh;
}

/* column expand to 100% width on mobile */
@media (max-width: 768px) {
	.hero.hero-four .wpb_column {
		width: 100% !important;
	}
}

/* hero internal pages */
.hero-title-one h1 {
	text-align: center !important;
	color: white !important;
}

.hero-title-one {
	background: #2a2a2a !important;
}

/* PODS GENERAL --------------------------------------------------------------*/
.pods {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* columns start stacking on small screens */
@media (max-width: 1240px) {
	.pods {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
}

/* columns expand to 100% on mobile */
@media (max-width: 600px) {
	.pods .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* column max-width - please only change the margin between the columns and adjust the flex-basis so the total is always 50 */
.pods .wpb_column.vc_column_container {
	width: 0;
	-ms-flex-preferred-size: calc(100% - 20px);
	flex-basis: calc(100% - 20px);
	margin: 10px;
}

/* use this class when you have 3 pods to adjust the responsive - please only change the margin between the columns and adjust the flex-basis so the total is always 33 */
.pods.pods-three-col .wpb_column.vc_column_container {
	-ms-flex-preferred-size: calc(33.333% - 20px);
	flex-basis: calc(33.333% - 20px);
	margin: 10px;
}

.pods.pods-three-col {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

/* columns expand to 100% on mobile */
@media (max-width: 680px) {
	.pods.pods-three-col .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* add margin bottom to icon image */
.pods .wpb_single_image img {
	margin-bottom: 15px;
}

/* style the titles */
.pod-title p {
	text-transform: uppercase;
	font-weight: 500 !important;
	font-size: 1em;
	letter-spacing: 0.06em;
	margin-bottom: 15px !important;
	font-family: "Poppins" !important;
}

/* style the paragraph */
.pods .wpb_text_column p {
	margin-bottom: 15px !important;
}

/* style the button - if left empty it inherits the style of button one */
.pods .btn.btn-one>.vc_btn3 {
	margin-top: 0 !important;
}

/* link expands to cover the content of the column */
a.pod-link {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 3;
}

/* button align to the bottom */

.pods .wpb_column.vc_column_container .vc_column-inner {
	display: flex;
	align-items: stretch;
	height: 100%;
	width: 100%;
}

.pods .wpb_column.vc_column_container .vc_column-inner .wpb_wrapper {
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	height: 100%;
	width: 100%;
}

/*align button to bottom of pod*/
.vc_row.wpb_row.vc_row-fluid.pods .vc_btn3-container {
	margin-top: auto;
}

.text-seven .pods.pods-seven {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/* PODS SEVEN ------------------------------------------------------------------*/

/* column background color */
.pods.pods-seven .wpb_column.vc_column_container {
	background-color: #eaeaea;
}

/* columns padding */
.pods.pods-seven .vc_column-inner {
	padding: 8% !important;
}

/* center align content and image */
.pods.pods-seven, .pods.pods-seven .wpb_single_image.vc_align_left {
	text-align: center !important;
}

/* HOVER EFFECT */
/* change background color on hover*/
.pods.pods-seven .wpb_column.vc_column_container:hover {
	background-color: #888888 !important;
}

/* change text color on hovre*/
.pods.pods-seven .wpb_column:hover .pod-title p, .pods.pods-seven .wpb_column:hover .wpb_text_column p {
	color: white !important;
	z-index: 2;
	position: relative;
}

/* change button color */
.pods.pods-seven .wpb_column:hover .btn.btn-one>.vc_btn3, .pods.pods-seven .wpb_column:hover .btn>.vc_btn3:hover {
	background-color: #404040 !important;
}


/* HOVER EFFECT for everything */
/*before hover*/
.pods.pods-seven .wpb_column .pod-title p,
.pods.pods-seven .wpb_column .wpb_text_column p,
.pods .wpb_column.vc_column_container .btn >.vc_btn3,
.pods.pods-seven .wpb_column.vc_column_container,
/*hover transition*/
.pods .wpb_column.vc_column_container:hover,
.pods.pods-seven .wpb_column:hover .pod-title p,
.pods.pods-seven .wpb_column:hover .wpb_text_column p,
.pods .wpb_column.vc_column_container:hover .btn >.vc_btn3 {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}





/* PODS ONE ------------------------------------------------------------------*/
/* column background color */
.pods.pods-one .wpb_column.vc_column_container {
	background-color: #D8D8D8;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

/* columns padding */
.pods.pods-one .vc_column-inner {
	padding: 8% !important;
}

/* center align content and image */
.pods.pods-one, .pods.pods-one .wpb_single_image.vc_align_left {
	text-align: center !important;
}

/* HOVER EFFECT */
/* change background color on hover*/
.pods.pods-one .wpb_column.vc_column_container:hover {
	background-color: #888888 !important;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

/* change text color on hovre*/
.pods.pods-one .wpb_column:hover .pod-title p, .pods.pods-one .wpb_column:hover .wpb_text_column p {
	color: white !important;
	z-index: 2;
	position: relative;
}

/* change button color */
.pods.pods-one .wpb_column:hover .btn.btn-one>.vc_btn3, .pods.pods-one .wpb_column:hover .btn>.vc_btn3:hover {
	background-color: #404040 !important;
}



/* TEXT AND IMAGE SECTION GENERAL --------------------------------------------*/


/* CTA GENERAL --------------------------------------------------------------*/
/* style the text of the cta > use a paragraph*/
.cta .wpb_text_column p {
	font-size: 1.5em !important;
	line-height: 1.6em;
	color: #008080;
}

/* use this class to hightlight text in the cta, the phone number for example*/
.cta .cta-highlight {
	margin-top: 25px;
	font-size: 1.4em;
	letter-spacing: 0.08em;
}

/*--- CTA ONE---*/
/* content alignment */
.cta-one {
	text-align: center !important;
  	/*background-color: #e5ebf3;*/
	background-color: #eaeaea;
	border: 40px solid white !important;
}

@media (min-width: 768px) {
	.cta-one {
		border: 40px solid white !important;
	}
}

@media (max-width: 600px) {
	.cta-one {
		display: none;
	}
}


/* set a max width for the column */
@media (min-width: 769px) {
	.cta.cta-one .vc_column-inner {
		max-width: 950px;
		margin: auto;
	}
}

/* text alignment and bottom margin */
.cta-one .wpb_single_image.vc_align_left {
	text-align: center !important;
	margin-bottom: 25px;
}

/* USP GENERAL ---------------------------------------------------------------*/
.usp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* columns start stacking on small screens */
@media (max-width: 1240px) {
	.usp {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
}

/* columns expand to 100% on mobile */
@media (max-width: 600px) {
	.usp .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* column padding */
.usp .vc_column-inner {
	padding: 10% !important;
}

/* column max-width - please only change the margin and adjust the flex-basis so the total is always 50 */
.usp .wpb_column.vc_column_container {
	width: 0;
	-ms-flex-preferred-size: 23%;
	flex-basis: 23%;
	margin: 0.6%;
}

/* columns expand to 100% on mobile */
@media (max-width: 768px) {
	.usp .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* use when you have 3 columns - please only change the margin and adjust the flex-basis so the total is always 33 */
.usp.usp-three-col .wpb_column.vc_column_container {
	-ms-flex-preferred-size: 31% !important;
	flex-basis: 31% !important;
	margin: 0.5%;
}

/* change columns padding when they jump on 2 columns*/
@media (max-width: 1239px) {
	.usp .vc_column-inner {
		padding: 3% !important;
	}
}

/* columns expand to 100% on mobile */
@media (max-width: 600px) {
	.usp.usp-three-col .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* center align content and image */
.usp, .usp .wpb_single_image.vc_align_left {
	text-align: center !important;
  /*margin-left: -15px;*/;
}

/* add margin bottom to icon image */
.usp .wpb_single_image img {
	margin-bottom: 20px;
}

/* style the titles */
.usp-title p {
	text-transform: uppercase;
	font-weight: 500 !important;
	letter-spacing: 0.06em;
	font-size: 0.9em;
	letter-spacing: 0.08em;
	margin-bottom: 15px !important;
	font-family: "Poppins" !important;
}




/* USP ONE ------------------------------------------------------------------*/
/* add a background color to the columns */
.usp.usp-one .wpb_column.vc_column_container {
	background-color: transparent;
	-ms-flex-preferred-size: 32%;
	flex-basis: 32%;
	margin: 1%;
}

.usp.usp-one {
	margin-top: 6%;
}


/* USP THREE ------------------------------------------------------------------*/

/* center align content and image */
.usp.usp-three,  .usp.usp-three .wpb_single_image.vc_align_left {
	text-align: left !important;
}

/* add a background color to the columns */
.usp.usp-three .wpb_column.vc_column_container {
	background-color: transparent;
}

.usp.usp-three {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/* columns expand to 100% on mobile */
@media (max-width: 768px) {
	.usp.usp-three.usp-three-col .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* testimonial */
.testimonial-row {
	/*background-color: #e5ebf3;*/
	background-color: #eaeaea;
}

.testimonial-row .wpb_column.vc_column_container {
	padding: 20px 20px 0px 20px;
}

.testimonial-row p {
	text-align: center !important;
}

.testimonial-row h2 {
	text-align: center !important;
}

.testimonial-row .wpb_single_image.vc_align_center {
	margin-bottom: 20px !important;
}

.testimonial-row h2 {
	padding-bottom: 4%;
}

@media (max-width: 768px) {
	.testimonial-row .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* border style row */
@media (min-width: 425px) {
	.border {
		border-left: 40px solid white !important;
		border-right: 40px solid white !important;
	}

	/*.border-home {
		border: 40px solid white !important;
		margin-top: 20px;
	}*/
}
	

/* banner landing page */
.banner-hp {
	margin-top: 10%;
	background: white;
	border-radius: 10px;
}

.banner-img {
	margin-top: -80px !important;
}

.banner-hp p {
	font-size: 30px;
	color: #ff6520;
	line-height: 1.2;
	font-weight: 800;
}

/* carousel */
/* @media (min-width: 1024px) {
	.vc_images_carousel .vc_carousel-inner {
		height: 450px !important;
	}
} */

/*@media (max-width: 500px) {
	.vc_images_carousel .vc_carousel-inner {
		height: 250px !important;
	}
}*/

/* map cta */
@media (min-width: 768px) {
	.map-cta .vc_column-inner {
		/*margin-top: -8% !important;*/
		-webkit-animation-name: slideInDown;
		animation-name: slideInDown;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.2s;
 /* Safari 4.0 - 8.0 */
		animation-delay: 0.2s;
	}
}

/* map style */
.wpb_gmaps_widget.wpb_content_element {
	-webkit-filter: grayscale(100%);
 /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

/* brands row */
.brands .wpb_single_image.vc_align_left {
	-webkit-filter: grayscale(100%);
 /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	text-align: center !important;
	opacity: 0.5 !important;
	padding: 0 35px 20px 25px;
}

/* header style */
.site-branding {
	border-bottom: 1px solid #a2a2a2;
}

/* separator style */
.vc_separator.vc_sep_color_grey .vc_sep_line {
	border-color: #a2a2a2;
	margin: 15px 0;
}
.usp-three .vc_separator.vc_sep_color_grey .vc_sep_line {
	border-color: #a2a2a2;
	margin: -10px 0;
}
.sep-one.vc_separator.vc_sep_color_grey .vc_sep_line {
	border-color: #008080 !important;
	margin: -10px 0 !important;
}
.sep-one.vc_separator.vc_sep_color_grey .vc_sep_line {
	width: 15% !important;
	border-top: 2px solid #008080 !important;
}
.testimonial-row .sep-one.vc_separator.vc_sep_color_grey .vc_sep_line {
	text-align: center !important;
}

/* background */
.bg-one {
	background-color: #eaeaea;
}
.bg-two {
	background-color: white;
}
.bg-three {
	background-color: #eaeaea;
}

/* basket above header */
.ast-cart-menu-wrap .count, .ast-cart-menu-wrap .count:after {
	border-color: #ebebeb;
	color: #ebebeb;
}
.cart-container > span {
	color: white;
	margin-left: 10px;
}

/* add left padding */
@media (min-width:1240px) {
	.pad-left {
		padding-left: 8% !important;
	}
}

/* CONTACT ONE ---------------------------------------------------------------*/
.contact-one .contact-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

/* columns start stacking on small screens */
@media (max-width: 1240px) {
	.contact-one .contact-icon {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
}

/* columns expand to 100% on mobile */
@media (max-width: 480px) {
	.contact-one .contact-icon .wpb_column.vc_column_container {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
}

/* column max-width - please only change the margin and adjust the flex-basis so the total is always 50 */
.contact-one .contact-icon .wpb_column.vc_column_container {
	width: 0;
	-ms-flex-preferred-size: 44%;
	flex-basis: 44%;
	margin: 3%;
}

/* center align content and image */
.contact-one .contact-icon .wpb_single_image.vc_align_left {
	text-align: left !important;
}

/* add margin bottom to icon image */
.contact-one .contact-icon .wpb_single_image img {
	margin-bottom: 15px;
}

/* style the titles */
.contact-one .contact-title p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.9em;
	letter-spacing: 0.04em;
	margin-bottom: 10px !important;
	color: #008080 !important;
	font-family: "Poppins";
}

.contact-one a {
	color: #008080 !important;
}

/* column with the contact form */
.contact-one .form-col {
	padding: 5% !important;
	background-color: #eaeaea;
}

/* animation delay */
.delay1 {
	-webkit-animation-delay: 0.6s;
 /* Safari 4.0 - 8.0 */
	animation-delay: 0.6s;
}

.delay2 {
	-webkit-animation-delay: 0.8s;
 /* Safari 4.0 - 8.0 */
	animation-delay: 0.8s;
}

.delay3 {
	-webkit-animation-delay: 1.2s;
 /* Safari 4.0 - 8.0 */
	animation-delay: 1.2s;
}

.delay4 {
	-webkit-animation-delay: 1.6s;
 /* Safari 4.0 - 8.0 */
	animation-delay: 1.6s;
}

/* FOOTER STYLES GENERAL--------*/

/*column padding and margin*/
.footer-group .footer-col {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* style the titles */
.footer-col p.title {
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	font-size: 0.8em;
	letter-spacing: 0.04em;
}

/*consistent lineheight spacing*/
.footer-col p,
.footer-col a {
	line-height: 1.7em;
	margin-bottom: 0;
	color: white;
}

/*separate tel and email anchors*/
.footer-col a {
	display: block;
	color: white;
}

/*logo sizing*/
.footer-col a img {
	max-height: 80px;
}
/*stop bad break points*/
.footer-col p span,
a[href^="tel:"],
a[href^="mailto:"] {
	white-space: nowrap;
}

/*lists general*/
.footer-group ul {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0;
	color: white;
}

/*social media list*/
ul.social li {
	display: inline-block;
	padding: 0 10px;
}

ul.social li a i {
	font-size: 30px;
	color: white;
}

/*layout STYLS general*/
@media (max-width: 1240px) {
	.widgets_wrapper .container {
		max-width: 100%;
	}
}

.footer-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

#Footer .container {
	padding-left: 10px !important;
	padding-right: 10px !important;
}


/*FOOTER SPECIFIC STYLES*/
.footer-group.five .footer-col:last-of-type a {
	/*font-size: 30px;*/
	line-height:2em;
	color: #63b7b7 !important;
}

@media (max-width: 1023px) {
	.footer-group.five .footer-col {
		-ms-flex-preferred-size: 50% !important;
		flex-basis: 50% !important;
	}

	.footer-group.five {
		text-align: center;
	}
}

@media (max-width: 640px) {
	.footer-group.five .footer-col {
		-ms-flex-preferred-size: 100% !important;
		flex-basis: 100% !important;
	}
  /*only display none if using sticky cta*/
	.footer-group.five .footer-col:last-of-type {
		display: none;
	}
}

/* live chat button */
a.float-standard {
	position: fixed;
	right: 20px !important;
	bottom: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 99;
	height: 50px!important;
	padding: 10px 20px!important;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none;
	color: white;
	border-color: #46b8da;
	border-radius: 50px;
	background-color: #008080;
	box-shadow: 0 2px 4px #7d7d7d;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 13px !important;
	letter-spacing: 0.5px !important;
	font-family: "Poppins";
}

.float-standard:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	background-color: #6b6b6b;
	-webkit-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .22);
	box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .22);
}

/* Icon settings - remove if not needed*/

.float-standard.icon:before {
	font-family: 'Font Awesome\ 5 Free';
	margin-right: 15px;
	content: '\f27a';
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

/* Media queries */

@media (max-width:440px) {
	a.float-standard {
		display: none;
		right: 0px !important;
		bottom: 0px;
		width: 100%;
		border-radius: 0px;
		padding: 5px;
	}
}

/* scroll to top */
.ast-scroll-to-top-right {
	bottom: 90px;
}

/* products titles - this is just a temporary showcase, can delete once woocommerce is active! */
.product-title p {
	text-transform: uppercase;
	text-align: center !important;
	color: #666;
	margin-top: 30px;
	font-weight: 500 !important;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	margin-bottom: 15px !important;
	font-family: "Poppins" !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Poppins', sans-serif;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    line-height: 1.5;
	font-weight: 500 !important;
}

.woocommerce ul.products li.product .ast-woo-product-category, .woocommerce-page ul.products li.product .ast-woo-product-category {
    font-family: 'Poppins', sans-serif;
    font-weight: 500 !important;
}

@media (min-width:768px){
	.woocommerce .woocommerce-breadcrumb {
		text-align: center;
	}
	h1.woocommerce-products-header__title.page-title {
		text-align: center;
	}
	.term-description {
		padding-right: 12%;
		padding-left: 12%;
		margin-bottom: 10%;
    	text-align: center;
}
	.single-product div.product .entry-title {
    	font-size: 30px !important;
}
}

p.ast-stock-detail {
    margin-bottom: 30px;
}

.star-rating {
    display: none !important;
}


/* fix search button so it expands on right side */
.ast-search-menu-icon.slide-search .search-form {
	left: 2em;
}

/* logo premium image */
@media (max-width:768px) {
	.logo-premium img {
		max-width: 50% !important;
		margin-bottom: 0 !important;
		padding-bottom: 20px !important;
	}
}

/* AG - mega menu styling */
.menu-item-separator {
	border-top: 1px solid;
}
.sub-menu.brands li {
	display: inline-block;
	float: left;
	width: 20% !important;
	padding: 0 0 1em 0;
}

/* blog style */
p.read-more {
    display: none;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
	background-color: #a2a2a2 !important;
}
.vc_gitem_row .vc_gitem-col{
	    padding: 30px;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover{
	background-color: black !important;
}



/*--- TEXT SECTION FOUR ---*/
/*set a max width for the content */
.text-four .vc_column-inner {
  max-width: 750px;
  margin: auto;
  text-align: center !important;
}

/* headings inherit the alignement set above */
.text-four h1, .text-four h2, .text-four h3, .text-four h4, .text-four h5, .text-four h6 {
  text-align: inherit !important;
}

/* SHOP page style */
@media (min-width: 769px){
.ast-left-sidebar #secondary {
    width: 25%;
}
.ast-left-sidebar #primary {
    width: 75%;
}
}

@media (min-width: 993px){
.ast-left-sidebar #secondary {
    padding-right: 30px;
}
}

/* MAIN CATEGORIES style */
h2.widget-title {
    font-size: 16px !important;
    letter-spacing: 1px !important;
}
ul.product-categories {
    font-size: 12px;
    line-height: 2 !important;
}
input#woocommerce-product-search-field-0 {
    font-size: 0.8rem;
}
#secondary button {
    font-size: 0.8em;
    padding: .6em 1em .4em !important;
	min-width: 80px !important;

}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #eceaea;
    color: black;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

#slider-logos .vc_carousel-slideline-inner .vc_item .vc_inner{
    height: 100%;
   display: flex;
    flex-direction: column;
    justify-content: center;    
}
#slider-logos .vc_carousel-slideline-inner .vc_item .vc_inner img{
    filter: grayscale(1);
}

.ast-hide-menu-item > span {
    display: none;
}
.ast-hide-menu-item {
    border-bottom: 1px solid #333 !important;
    height: 1px !important;
    display: block !important;
    padding: 0 !important;
    width: 90%;
    margin-left: 0.5em;
}

.inline {
	 display:inline;
}
@media all and (max-width: 1024px) {
	.inline {
	 display:inline-flex;
}
}


span.force-ontop { 
display:none;
}

@media all and (min-width: 1223px) {
	span.force-ontop {
		display:block;
    color: #050505;
    margin-top: -43px;
    position: absolute;
    width: calc(530% - -220px);
    left: 0px;
    colour: #000;
}
	
}

.n2-ss-slide, ss3-force-full-width.n2-ss-no-bga-fixed {
	transform: translate3d(0px, 0px, 0px)!important;
}