/*!
Theme Name: unliq
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: unliq
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

unliq is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*********Oleksandr Butenko custom code start****************/

/****All setions container****/
/*.price.section--go-up.pricing {
	width: 1980px;
    margin: 0 auto;
}

.container.pricing_landing {
	width: 100%;
    max-width: 100%;
    margin: 0 auto;
}*/

.container.pricing_landing {
	max-width: calc(var(--container-width) + 500px);
	/*max-width: calc(var(--container-width) + 360px);*/
}



/********Title, breadcrumbs, description section********/


.pricing_landing .price__image {
	max-width: initial;
}

/*
.pricing_landing .price__text {
    width: 66%;
}
*/



.pricing .price__title {
    padding-bottom: 1.4rem;
}
	
	.pricing .breadcrumbs {
	margin: 0 auto;
}

.pricing .breadcrumbs span{
	font-size: 20px;
	line-height: 24.2px;
	font-weight: 500;
}

.pricing .price__wrapper{
	margin-top: 4rem;
}

.price__wrapper h1.price__title.title {
	font-size: 48px;
	font-weight: 700;
}

.pricing_landing .price__subtitle {
    font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 130%;
	/* or 42px */
	letter-spacing: 0.03em;
	max-width: unset;
	margin-top: 100px;
}

.pricing .price__image {
    width: 33%;
    text-align: center;
}

.pricing .price__image img {
	width: 100%;
	/*max-width: 480px;*/
}









/***********Plans section***********/
.pricing-head {
	position: -webkit-sticky;
	padding: 20px 0;
	
    /*position: sticky;
    top: 0px;*/
    border-radius: 16px;
    /* -webkit-box-shadow: 0 5px 5px -3px rgb(21 21 34 / 2%), 0 3px 14px 2px rgb(21 21 34 / 6%), 0 8px 10px 1px rgb(21 21 34 / 2%); */
    /* box-shadow: 0 5px 5px -3px rgb(21 21 34 / 2%), 0 3px 14px 2px rgb(21 21 34 / 6%), 0 8px 10px 1px rgb(21 21 34 / 2%); */
    background: #fff;
    z-index: 8;
    width: 100%;
	/*
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	*/
    margin: 0 0 32px;
	/*display: grid;
    grid-auto-flow: column;*/
	display: flex;
}

.sticky-pricing-heading {
	position: sticky;
	top: 0;
}



.pricing-head__switcher-container {
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin: 0 10px;
	/*box-shadow: 4px 4px 10px rgba(177, 177, 177, 0.25);
	height: 180px;*/
	border-radius: 15px;
	
    vertical-align: middle;
    margin: auto;
}

.pricing-head__switcher-container .price-switcher{
	vertical-align: middle;
    margin: auto;
	text-align: center;
	cursor: pointer;
}

.price-switcher__period {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	text-transform: capitalize;
}

.price-switcher__period.active {
	background: #000;
    color: #fff;
    border-radius: 15px;
    padding: 5.5px 51.5px;
	margin: 10px 0;
	display: inline-block;
}


.pricing-head__plan.ob_pricing {
	width: 24%;
	/*width: 400px;*/
	/*height: 400px;*/
	text-align: left;
	background: #FFFFFF;
	box-shadow: 4px 4px 10px rgba(177, 177, 177, 0.25);
	border-radius: 15px;
	/*margin: 0 9px;*/
	margin: 0 0.5%;
}

.pricing-head .pricing-head__plan.ob_pricing:nth-child(2) {
	margin-left: 5px;
}

.pricing-head .pricing-head__plan.ob_pricing:last-child {
	margin-right: 0px;
}

.pricing-head__plan.ob_pricing h3.price__top-title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 20px;
}



.price__slide-header.ob_pricing {
    padding: 16px 15px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

div.plan-prices, .pricing-head__plan.ob_pricing h5.desc {
  display: table-cell;
}

.pricing-head__plan.ob_pricing .price-desc {
	/*display: flex;
	vertical-align: middle;*/
	display: table;
	vertical-align: middle;
}

.pricing-head__plan.ob_pricing .price-desc span.price {
	display: none;
}

.pricing-head__plan.ob_pricing .price-desc span.price.show_it {
	/*display: table-cell;*/
	display: block;
	text-align: center;
    vertical-align: middle;
}



.pricing-head__plan.ob_pricing span.price {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	margin-right: 15px;
}

.pricing-head__plan.ob_pricing span.show_it.month {
  color: #f00;
  font-size: 16px;
  display: block !important;
  line-height: 16px;
}


.pricing-head__plan.ob_pricing h5.desc {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	margin-left: 30px;
}

.pricing-head__plan.ob_pricing h4.price__top-subtitle {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.03em;
	color: #000;
}

.pricing-head__plan.ob_pricing button.ob_modal-register {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px auto;
	color: #fff;
	width: 100%;
	height: 60px;
	background: #000000;
	box-shadow: 1px 2px 12px rgba(96, 92, 92, 0.15);
	border-radius: 25px;
	border: none;
	margin-top: auto;
}


button.ob_modal-register h4 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.03em;
}

button.ob_modal-register {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
}

button.ob_modal-register.button {
	vertical-align: middle;
    margin: auto;
    text-align: center;
    cursor: pointer;
	border-radius: 25px;
	background-color: var(--clr-primary-200);
	padding: 20px 50px;
	font-size: 2rem;
	color: #fff;
	}


/******Abilities block styles********/
.price__slide.price__slide--0 {
	/*width: 400px !important;*/
	width: 24% !important;
	padding-left: 30px;
}

div.pricing_landing .price__service::before {
	content: none !important;
}

div.pricing_landing .price__list li::before {
	content: none !important;
}


section.section--go-up.pricing .price__list li {
    font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	padding-left: 0 !important;
	white-space: nowrap;
	height: 24px;
}


.price__list li:not(:last-child) {
    margin-bottom: 30px;
}

.price__slide.o_b_includes {
    /*width: 400px !important;
    margin: 0 9px;*/
	width: 24% !important;
    margin: 0 0.5%;
    text-align: center;
}




.pricing-head__switcher-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	width: 22%;
	margin-right: 5px;
}

.pricing-row__label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	width: 400px;
	margin-right: 5px;
}


.pricing-head__plan {
    text-align: center;
    color: #151522;
    background-color: #fff;
    font-family: Montserrat,sans-serif;
    position: relative;
}



/********Extra func section*******/
div.ob_extra_func_wrapper {
	width: 100%;
	margin-top: 120px;
}

.ob_extra_func {
	margin: 0 auto;
	display: block;
	text-align: center;
}


h1.ob_extra_func_title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	/* identical to box height */

	letter-spacing: 0.03em;
	margin-bottom: 30px;
	color: #000000;

}

h2.ob_extra_func_desc {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 130%;
	/* or 42px */
	text-align: justify;
	letter-spacing: 0.03em;
}

/*******Plans features*******/
div.pricing-row {
	
}

tr.first-row-bold td {
    font-weight: 700;
}

.pricing-row__label {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 16px;
    position: relative;
    text-align: left;
}

ul.swiper-wrapper {
	/*height: 420px;
	overflow: hidden;
}

ul.swiper-wrapper {
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}

ul.swiper-wrapper::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	-ms-overflow-style: none;*/
}







section.custom_all_plans {
	margin: 100px 0;
}


section.custom_all_plans .bg-images {
    border-image-slice: 1;
    border-width: 5px;
    /*width: 439px;*/
    height: 1px;
    left: 0px;
    opacity: 0.3;
    border-image-source: linear-gradient(to right, #000, #fff);
	padding: 20px 0;
}

section.custom_all_plans .bg-images.top {
    border-top: 1px solid;
	margin: 0 0 0 -50%;
    padding: 0 0 26px 50%;
	width: 70%;
}

section.custom_all_plans .bg-images.bottom {
    border-bottom: 1px solid;
	margin: 0 0 0 -50%;
    padding: 26px 0 0 50%;
	width: 100%;
}



section.custom_all_plans {
	margin: 80px 0;
    padding: 40px 0;
	/*border-top: 1px solid #ccc;*/
}

section.custom_all_plans::before {
   /*content: " ";
   position: absolute;
   width: 500px;
   height: 40px;
   z-index: -1;
   background-image: url(https://www.exratione.com/assets/color_background.png);*/
}

.plan-time-switcher .plan-time-switcher__period.custom {
	margin: 0 40px;
}

.plan-time-switcher .plan-time-switcher__period.custom:first-child {
	margin-left: 0;
}

section.custom_all_plans .plan-time-switcher__period{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
}

section.custom_all_plans .plan-time-switcher__period{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	cursor: pointer;
}

.plan-time-switcher__period.custom {
	padding: 5.5px 70px;
}

.plan-time-switcher__period.custom.active {
	background: #000000;
	border-radius: 15px;
	color: #fff;
}

/*******Text section******/
.ob_wrapper_text_section {
	margin: 125px auto;
    text-align: center;
}

h2.ob_extra_h_text {
	font-weight: 400;
	font-size: 32px;
	line-height: 130%;
	text-align: justify;
}


/******Custom and all plans section********/
table.plan-by-type {
    width: 100%;
    text-align: center;
	border-collapse: collapse;
	display: none;
}

table.plan-by-type.show_additionals {
	display: table;
}

table.plan-by-type tr.plan-by-type_labels {
    font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

table.plan-by-type tr td{
    width: 33%;
	font-size: 24px;
	line-height: 29px;
	padding: 18px 0;
}


table.plan-by-type tr.plan-by-type_labels td{
    font-weight: bold;
	padding: 33px 0;
}


table.plan-by-type tr td:first-child {
    text-align: left;
	padding: 18px 0 18px 50px;
}


/*********Prefooter section**********/
.ob_wrapper_pre_footer {
	background-image: url(./assets/img/ellipse.svg);
	text-align: center;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 60px;
    margin-top: -60px;
	padding-bottom: 95px;
}	

.ob_wrapper_pre_footer .ob_extra_func_title {
	max-width: 1500px;
    margin: 0 auto 30px;
/*
	max-width: calc(var(--container-width) + 500px);
	margin-right: var(--container-offset);
	margin-left: var(--container-offset);
	*/
}

.ob_wrapper_pre_footer button.btn_pricing {
	background: linear-gradient(282.5deg, #FFD0F0 19.8%, #FEBEFF 69.78%);
	box-shadow: 1px 2px 12px rgba(96, 92, 92, 0.15);
	border-radius: 25px;
}

.ob_wrapper_pre_footer h2.btn_pricing {
	margin: 19px 100px;
}









/****Hide elements on desktop*********/
.breadcrumbs.mobile, .price__subtitle.mobile, .pricing-head.mobile, .plan-time-switcher label, .mobile-plans-tabs {
	display: none;
}



/*************Plan tooltips*******************/

.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  /*width: 500px;*/
  color: #444;
  font-weight: 600;
  font-size: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 15px 10px 15px;
}

/*
.tooltip-text::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background-color: #192733;
  padding: 5px;
  z-index: 1;
}
*/

.pricing-head__plan.ob_pricing h3.price__top-title, .show_add_info {
	display: inline-block;
}

.show_add_info:hover {
	cursor: pointer;
}

.show_add_info:hover .tooltip-text {
  visibility: visible;
}

.tooltip-text.bottom {
  top: 50px;
  left: 0%;
}

/*
.tooltip-text.bottom::before {
  top: -5%;
  left: 45%;
}
*/

.tooltip-text.bottom ul li {
	list-style: disc;
    list-style-position: inside;
	font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
}


/*************End plan tooltips*******************/


@media (min-width: 1100px) and (max-width: 1199px) {
		.pricing-head__plan.ob_pricing h3.price__top-title {
			font-size: 20px;
			line-height: 21px;
		}
		
		.pricing-head__plan.ob_pricing h5.desc {
			font-size: 15px;
		}
}

@media (min-width: 900px) and (max-width: 1099px) {
		.pricing-head__plan.ob_pricing h3.price__top-title {
			font-size: 16px;
			line-height: 16px;
			margin-bottom: 10px;
			letter-spacing: -0.02em;
		}
		
		section.section--go-up.pricing .price__list li {
			line-height: 17px;
			font-size: 17px;
		}
		
		.pricing-head__plan.ob_pricing h5.desc {
			font-size: 14px;
		}
		
		.price__slide-header.ob_pricing {
			padding: 12px 10px;
		}
}




/********Mobile styles*********/
@media (max-width: 899px) {
	
	/*
	.container {
    width: unset;
	}
	
	.footer__content {
    min-width: unset;
	}
	
	.wrapper {
    min-width: unset;
	}
	*/
	
	/*********Hide desktop elements on mobile********/
	ul.breadcrumbs, .pricing_landing .price__subtitle, .pricing-head, .line-divider.mobile, .plan_switcher.mobile, ul.swiper-wrapper, .pricing-head {
		display: none;
	}
	
	/********End of hiding elements on mobile**********/
	
	/********Mobile styles for elements***********/
	.breadcrumbs.mobile {
	 display: block;
	 margin: 10px auto;
	}
	
	.pricing .breadcrumbs.mobile span {
    font-size: 12px;
    line-height: 14.52px;
    font-weight: 400;
	font-style: italic;
	}
	
	.pricing .price__wrapper {
    margin-top: 5px;
	padding-bottom: 1rem;
	}
	
	.price__wrapper {
		flex-direction: row !important;
	}

	.price__text {
		margin-bottom: 0;
	}
	
	.price__wrapper h1.price__title.title {
    font-size: 32px;
    font-weight: 600;
	line-height: 38px;
	}
	
	.pricing_landing .price__subtitle.mobile {
		display: block;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 300;
		font-size: 16px;
		line-height: 22.4px;
		letter-spacing: 0.03em;
		max-width: unset;
		margin-top: 0px;
	}
	
	.pricing-head.mobile {
		display: flex;
	}
	
	
	
	/*******Plans details*********/
	section.mobile-plans-tabs {
		display: flex;
		/*margin: 10px 0;
		width: 94vw;*/
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-bottom: 50px;
		margin-top: 20px;
	}
	
	.will-be-sticky-on-mobile-scroll {
		/*background: linear-gradient(rgba(255, 208, 240, 1), rgba(254, 190, 255, 1));*/
		background: linear-gradient(rgba(208, 140, 221, 1), rgba(51, 12, 94, 1));
		top: 0;
		width: 100%;
		z-index: 2;
	}
	
	.pc-tab nav ul {
	  display: flex;
	  justify-content: space-around;
  }
	
	.pc-tab > input,
	.pc-tab section > div {
	  display: none;
	}

	#tab1:checked ~ .will-be-sticky-on-mobile-scroll section .tab1,
	#tab2:checked ~ .will-be-sticky-on-mobile-scroll section .tab2,
	#tab3:checked ~ .will-be-sticky-on-mobile-scroll section .tab3 {
	  display: block;
	}
	
	#tab1:checked ~ section .tab1,
	#tab2:checked ~ section .tab2,
	#tab3:checked ~ section .tab3 {
	  display: block;
	}

	#tab1:checked ~ nav .tab1,
	#tab2:checked ~ nav .tab2,
	#tab3:checked ~ nav .tab3 {
	  color: red;
	}

	/* Visual Styles */

	.pc-tab {
	  width: 100%;
	  max-width: 899px;
	  margin: 0 auto;
	}
	
	.pc-tab ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	  
	  .pc-tab ul li {
			  background: #transparent;
			  /*padding: 15px 5px;*/
			  border-bottom-right-radius: 10px;
			  border-bottom-left-radius: 10px;
			  font-size: 12px;
			  line-height: 14.52px;
			  letter-spacing: 0.03em;
			  font-weight: 500;
			  
		  }
		  
	.pc-tab #tab1:checked ~ ul li,
	.pc-tab #tab2:checked ~ ul li,
	.pc-tab #tab3:checked ~ ul li {
	  background: #fff;
	}
		  
		.pc-tab ul li:not(:last-child) label {
			 border-right-width: 0; 
		  }
	  
	  .pc-tab ul li label {
			float: left;
			/*padding: 15px 5px;
			border: 1px solid #ddd;
			border-bottom: 0;*/
			background: #transparent;
			color: #fff;
			padding: 15px 5px;
			border-radius: 15px;

	  }
			
	  
	  .pc-tab ul li label:hover {
			  background: #fff;
			  color: #000;
			}
			
			
		.pc-tab ul li label:active {
			  /*background: #3f5;*/
			  background: #fff;
			}
	  
	  .pc-tab section {
		clear: both;
	  }
	  
	  .pc-tab section div.mobile-plan-info-wrapper {
		  padding: 20px; 
	  }
	  
	  .pc-tab section div.mobile-plan-info-wrapper {
		  width: 100%;
		  /*border: 1px solid #ddd;
		  background: #fff;*/
		  line-height: 1.5em;
		  letter-spacing: 0.3px;
		  color: #444;
		  background: linear-gradient(99.53deg, #FFD0F0 10.34%, #FEBEFF 68.98%);
		  box-shadow: 3px 4px 13px rgba(167, 167, 167, 0.25);
		}
		
		.pc-tab section div h3 {
		  font-size: 16px;
		  letter-spacing: 0.03em;
		  margin: 20px auto;
		  font-weight: 300;
		}
		
		.pc-tab section div p {
			font-size: 16px;
			letter-spacing: 0.03em;
			font-weight: 500;
		}
		
		.pc-tab section div h2 {
			margin: 0;
			letter-spacing: 1px;
			color: #000;
			padding: 15px 50px;
			border-bottom: 1px solid #ddd;
			font-weight: 500;
			font-size: 16px;
			line-height: 19px;
		  }
		  
		  
		  /**Mobile info arrow open-closed**/
		  .pc-tab section div.accordeon .accordeon-title-label h2::before {
			  display: block;
			  position: absolute;
			  content: "";
			  /*top: calc(50% - 12px);*/
			  right: 16px;
			  width: 24px;
			  height: 24px;
			  background: url(/wp-content/themes/ucliq/images/info-arrow.svg);
			  -webkit-transition: transform .2s linear;
			  -o-transition: .2s transform linear;
			  transition: transform .1s linear;
			}
			
			.pc-tab section div.accordeon .accordeon-title-label.opened h2::before {
			  -webkit-transform: rotate(-180deg) !important;
			  -ms-transform: rotate(-180deg) !important;
			  transform: rotate(-180deg) !important;
			}
			
			/**End Mobile info arrow open-closed**/


			/*******Fixed plan header********/
			
			.sticky-mobile-plan {
				position: sticky;
				top: 0;
			}

			/*******End of fixed plan header********/


			section.mobile-plan-abilities {
				background: #fff;
			}
			
			.mobile-plan-abilities table {
				width: 100%;
			}
			
			/***Mobile abilities table****/
			
			td.mob-ability-label {
				padding: 10px 0px 10px 20px;
				width: 86%;
				text-align: left;
				font-weight: 500;
				font-size: 12px;
				line-height: 15px;
				letter-spacing: 0.03em;
			}
			
			td.mob-ability-value {
				text-align: center;
				font-size: 12px;
			}
			
			
			/***End of mobile abilities table****/

	  
	#tab1:checked ~ div nav .tab1 label,
	#tab2:checked ~ div nav .tab2 label,
	#tab3:checked ~ div nav .tab3 label {
		background: white;
		color: #111;
		position: relative;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		}

	#tab1:checked ~ nav .tab1 label:after,
	#tab2:checked ~ nav .tab2 label:after,
	#tab3:checked ~ nav .tab3 label:after {
		  content: '';
		  display: block;
		  position: absolute;
		  height: 2px;
		  width: 100%;
		  left: 0;
		  bottom: -1px;
		}
		
		
	/******Plan price and period selector********/
	
	#tab1:checked, 
	#tab2:checked,
	#tab3:checked {
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		justify-content: around;
	}
	
	#tab1:checked div.mobile-plan-info, 
	#tab2:checked div.mobile-plan-info,
	#tab3:checked div.mobile-plan-info {
		display: flex;
	}
	
	.mobile-prices-with-hidden {
	  display: inline-block;
	  height: 30px;
	}
	
	.mobile-plan-info.mobile-plan-price.year {
		display: none;
	}
	
	.mobile-plan-info.mobile-plan-price.month {
		display: block;
	}
	
	.mobile-plan-price-block .tab1, 
	.mobile-plan-price-block .tab2, 
	.mobile-plan-price-block .tab3 {
		padding: 20px 0;
	}
	
	/**********Mobile period switcher styles************/
	
	.mobile-period-switcher {
		float: right;
		border-radius: 15px;
		margin-right: 30px;
	}
	
	.mobile-plan-price {
	  font-weight: 700;
	  font-size: 20px;
	  line-height: 30px;
	  margin-left: 50px;
	  color: #fff;
	}
	
	div.btn-container{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.btn-container i{
    display: inline-block;
    position: relative;
    top: -9px;
}

.btn-container label {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.btn-color-mode-switch{
    display: inline-block;
    margin: 0px;
    position: relative;
	height: 30px;
	font-size: 16px;
	line-height: 19.36px;
	letter-spacing: 0.03em;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner{
    margin: 0px;
    width: 140px;
    height: 30px;
    background: transparent;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
    display: block;
	border: 1px solid #fff;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:before{
    content: attr(data-on);
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    top: 4px;
    right: 20px;
	color: #fff;

}

.btn-color-mode-switch > label.btn-color-mode-switch-inner:after{
    content: attr(data-off);
    width: 70px;
    height: auto;
    background: #fff;
    border-radius: 26px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    transition: all 0.3s ease;
    padding: 5px 0px;
}

.btn-color-mode-switch > .alert{
    display: none;
    background: #FF9800;
    border: none;
    color: #fff;
}

.btn-color-mode-switch input[type="checkbox"]{
    cursor: pointer;
	width: 100%;
	height: 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
	left: 0;
	border-radius: 15px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    background: transparent;
    color: #000;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after{
    content: attr(data-on);
    left: 68px;
    background: #fff;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before{
    content: attr(data-off);
    right: auto;
    left: 20px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner{
    /*background: #66BB6A; */
    /*color: #fff;*/
}

.btn-color-mode-switch input[type="checkbox"]:checked ~ .alert{
    display: block;
}

	
	/**********End of mobile period switcher styles************/
	
	/******End of plan price and period selector********/
		
		
	/*******Plan info accordeon section*******/
	
		.accordeon-checkbox {
		display: none;
		}
		
		.accordeon-title-label {
			cursor: pointer;
			background: #fff;
			display: block;
		}

		.accordeon-content {
			height: 0;
			overflow:hidden;
			background-color: white;
			-webkit-transition: height 1s ease;
			-moz-transition: height 1s ease;
			-ms-transition: height 1s ease;
			-o-transition: height 1s ease;
			transition: height 1s ease;
		}
		
		.accordeon-content ul {
			list-style-type: disc;
			margin: 10px auto;
		}
				
		.accordeon-content ul li {
			    list-style-position: inside;
				font-size: 13px;
				line-height: 13px;
				margin: 10px 0;
				text-align: left;
		}

		/*Click functionaliteit*/
		.accordeon:checked + label {
			background: #e4e4e4;
		}
		
		.accordeon:checked + label::after {
			content: "∨";
		}

		.accordeon-checkbox:checked ~ .accordeon-content {
			height: auto;
			padding: 15px 20px;
			border-bottom: 1px solid #ddd;
		}

	
	
			/* Accordion styles 
			.info-tab-mobile-accordeon .tabs {
				 border-radius: 8px;
				 overflow: hidden;
				 box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
			}
			.info-tab-mobile-accordeon .tab {
				 width: 100%;
				 color: white;
				 overflow: hidden;
			}
			.info-tab-mobile-accordeon .tab-label {
				 display: flex;
				 justify-content: space-between;
				 padding: 1em;
				 background: #2c3e50;
				 font-weight: bold;
				 cursor: pointer;
				
				* Icon *
			}
			.info-tab-mobile-accordeon .tab-label:hover {
				 background: #1a252f;
			}
			.info-tab-mobile-accordeon .tab-label::after {
				 content: "\276F";
				 transform: rotate(90deg);
				 width: 1em;
				 height: 1em;
				 text-align: center;
				 transition: all 0.35s;
			}
			.info-tab-mobile-accordeon .tab-content {
				 max-height: 0;
				 padding: 0 1em;
				 color: #2c3e50;
				 background: white;
				 transition: all 0.35s;
			}
			.info-tab-mobile-accordeon .tab-close {
				 display: flex;
				 justify-content: flex-end;
				 padding: 1em;
				 font-size: 0.75em;
				 background: #2c3e50;
				 cursor: pointer;
			}
			.info-tab-mobile-accordeon .tab-close:hover {
				 background: #1a252f;
			}
			.info-tab-mobile-accordeon input:checked + .tab-label {
				 background: #1a252f;
			}
			.info-tab-mobile-accordeon input:checked + .tab-label::after {
				 transform: rotate(-90deg);
			}
			.info-tab-mobile-accordeon input:checked ~ .tab-content {
				 max-height: 100vh;
				 padding: 1em;
			}*/
			 
	
	/*******End of plan info accordeon section*******/
		
		
		
	/*******End of plans details*********/
	
	
	
	
	div.ob_extra_func_wrapper {
	margin-top: 0px;
	}
	
	h1.ob_extra_func_title {
		font-weight: 600;
		font-size: 32px;
		line-height: 38.73px;
		letter-spacing: 0.03em;
	}
	
	h2.ob_extra_func_desc {
		font-weight: 500;
		font-size: 14px;
		line-height: 19.6px;
		text-align: justify;
	}
	
	h2.ob_extra_h_text, .ob_wrapper_pre_footer h1.ob_extra_func_title, .ob_wrapper_pre_footer h2.btn_pricing {
	  font-weight: 500;
	  font-size: 16px;
	  line-height: 19.36px;
	}
	
	
	/******Custom plan/All plans switcher block*******/
	
		.plan-time-switcher {
			display: flex;
			flex-flow: row;
			align-items: center;
			margin: 0 auto;
		}
		
				
		.plan-time-switcher input[type=checkbox] {
		  height: 0;
		  width: 0;
		  visibility: hidden;
		}
		
		

		.custom_all_plans label {
		  cursor: pointer;
		  text-indent: -9999px;
		  width: 120px;
		  height: 40px;
		  background: white;
		  display: block;
		  border-radius: 50px;
		  position: relative;
		  border: 1px solid #F7C8E8;
		}

		.custom_all_plans label:after {
		  content: '';
		  position: absolute;
		  top: 2px;
		  left: 5px;
		  width: 35px;
		  height: 35px;
		  background: linear-gradient(282.5deg, #FFD0F0 19.8%, #FEBEFF 69.78%);
		  border-radius: 35px;
		  transition: 0.3s;
		}

		.custom_all_plans input:checked ~ label:after {
		  left: calc(100% - 5px);
		  transform: translateX(-100%);
		  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -2px -2px 9px rgba(255, 255, 255, 0.2);
		}

		.custom_all_plans label:active:after {
		  width: 100px;
		}
		
		section.custom_all_plans {
			margin: 30px 0;
			display: flex;
		}
		
		.bg-images.top, .bg-images.bottom {
			display: none;
		}
		
		section.custom_all_plans .plan-time-switcher__period {
		  font-weight: 500;
		  font-size: 16px;
		  line-height: 19.36px;
		}

		.plan-time-switcher .plan-time-switcher__period.custom {
			margin: 0 10px;
			padding: 0;
			color: #777;
		}
		
		.plan-time-switcher__period.custom.active {
		  background: transparent;
		  color: #000;
		}
		




	
	
	/******Custom plan/All plans table*******/
	table.plan-by-type tr td:first-child {
	  padding: 10px 0 10px 0px;
	}
	
	table.plan-by-type tr td {
	  font-size: 14px;
	  line-height: 19.36px;
	  padding: 10px 0;
	  font-weight: 500;
	}
	
	table.plan-by-type tr.plan-by-type_labels {
		border-top: none;
	}
	
	table.plan-by-type tr.plan-by-type_labels td {
	  padding: 13px 0;
	}
	
	table.plan-by-type tr:last-child {
	  border-bottom: 1px solid #ddd;
	}
	
	
	
	/******End of Custom plan/All plans*******/
	
	.ob_wrapper_pre_footer {
		margin-top: -10px;
	}
	
	.ob_wrapper_pre_footer h2.btn_pricing {
	  margin: 19px 70px;
	  text-align: center;
	}
	
	
	.ob_wrapper_text_section {
	  margin: 50px auto 30px;
	  text-align: center;
	}
	
	.line-divider.mobile {
	display: block;
	border-top: 1px solid #ddd;
	padding: 0 20%;
	margin: 0 -20%;
	}
	
	
	/********Mobile footer styles*******/
	.footer__icons-mobile .footer__icon a svg {
		fill: #8CEAFF;
	}	
	
	.footer__icons-mobile .footer__icon a svg:hover {
		background-color: transparent;
	}
	
	.footer__icons-mobile {
	  justify-content: space-around !important;
	  margin-bottom: -17px;
	}
	
}




/********End of mobile styles*********/