/*
Theme Name: Saasland Child
Theme URI: https://droitthemes.com/wp/saasland
Template: saasland
Author: DroitThemes
Author URI: https://themeforest.net/user/droitthemes/portfolio
Description: Saasland is a creative WordPress theme for saas, software, startup, app, agency and related products & services.
Version: 1.1.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saasland-child
*/

body.page-id-5690 .header_area{display:none;visibility:hidden;opacity:0}
body.page-id-5690{background-color:#59d600}
body.page-id-5690 .wlo-content #wlo-close{display:block}


#trigger-button{ cursor: pointer; }


.new_footer_top .footer_bg{
    display: none;
    visibility: hidden;
    opacity: 0;
}

.new_footer_area .new_footer_top{
	    padding: 20px 0px;
}
nav.navbar{
    margin: 0 auto;
}

body.logged-in .full_header{
	position:relative
}

body.logged-in.single-post section.blog_area_two,body.logged-in .elementor-template-full-width .elementor.elementor-5502,body.logged-in .sec_pad.page_wrapper{
	padding: 50px 0px;
}

.chat_banner_area .chat_btn{margin-bottom:15px;}
.new_featured_item{padding-bottom:0!important;margin-bottom:0px!important}



/* NEW LANDING */

.above-title {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.6px;
  color: #00aec5;
}

p{  
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.1px;
  color: #656a72
}

h2, h2.elementor-heading-title{ 
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -1.13px;
  color: #223639;
}
.align-center{display:block;margin:0 auto}

.max-250{max-width:250px}
.max-500{max-width:500px}
.max-640{max-width:640px}
.max-740{max-width:740px}
.max-950{max-width:950px}
.max-1120{max-width:1120px}

body.logged-in.single-post section.blog_area_two, body.logged-in .elementor-template-full-width .elementor.elementor-5502, body.logged-in .sec_pad.page_wrapper{padding-top:0px}

.btn:hover{
	filter: brightness(1.15);
}
.btn:active{
	filter: brightness(0.85);
}

/* MENU */
.header_area .navbar .navbar-nav .menu-item a{
	padding:10px 0px;
	
}
.menu>.nav-item>.nav-link:before{
	height:3px!important
}
.header_area .navbar .navbar-nav .menu-item a{
	border-bottom:3px solid transparent
}
.header_area .navbar .navbar-nav .menu-item a:hover,.header_area .navbar .navbar-nav .menu-item a:active{
	border-bottom:3px solid #00aec5;

}

/* WHEELIO SLIDER */

.wheelio-slider h1{
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: -1.13px;
	color: #223639;
	max-width:600px
}
h1 span.stripe{background:#b3d6fe; padding:0px 5px }

.reviewcount{
	padding:8px;
	background:#d4e2f7;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #223639;
}
.wheelio-slider .wheelio-action img{
	position:absolute;
    width: 760px!important;
    max-width: initial;
}

/* TESTIMONIAL */
.testimonial-person{
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.19;
	letter-spacing: 0px;
	display:block;
	padding-top:30px;
}
.testimonial-person .testimonial-ligher{
	color: #7da2b0;
}
.testimonial-text{
	display:block;
	font-size: 18px;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.56;
	letter-spacing: -0.1px;
	color: #5b5b50;
	padding:10px 0px 25px 0px;
	margin:0 auto;
}
.testimonial-person.casestudyperson{
	color:#223639
}
.testimonial-person.casestudyperson .testimonial-ligher{	
	color:#5B5B50
}

/* GET WHEELIO INSTALL */
.assur{text-align:center; display:block;margin:0 auto; color:#8ea1ba;font-size:12px;padding:18px 0px}
.get-buttons{
	margin:0 auto;
	max-width:650px;
}
.get-buttons .btn a{	
	color:#ffffff;
}
.get-buttons .btn{
	display:inline-block;
	border-radius: 32px;
	box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.2);
	padding: 20px 25px 20px 40px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);font-size:16px;
	color:#ffffff;
}
.get-buttons .btn.btn-shopify{
	background:#77a618;
	border-radius:32px 0px 0px 32px;
}
.get-buttons .btn.btn-plat{
	background:#00aec5;
	padding: 20px 25px 20px 30px;
	border-radius:0px 32px 32px 0px;
}
.get-buttons .btn .inl{
	padding:5px 10px;
	border-radius: 16px;
}
.get-buttons .btn.btn-shopify .inl{
	background:#658c14
}
.get-buttons .btn.btn-plat .inl{
	background:#0097ab
}


@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(103, 168, 1, 0.7);
    }
    
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(103, 168, 1, 0);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(103, 168, 1, 0);
    }
}
.wheelio-in-action{
	display:block;
	max-width:300px;
	margin:0 auto;
	
	color:#fff;
	font-weight:bold;
	line-height:64px;
	text-align:center;
	
	border-radius: 32px;
	/*
	box-shadow: 0 8px 16px -2px rgba(103, 168, 1, 0.25);
	*/
	background-color: #77a618;
	
  	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	animation: pulse-green 1.8s infinite;
	
    transform: scale(1);
}

.wheelio-in-action img{padding-right:10px}

.wheelio-in-action:hover{ 
	color:#fff;
	
}
/* PRICING */
.pricing-box{
	max-width:840px;
	margin:0 auto;
	padding-top:40px;
	
	
}
.pricing-box .pricing-slider{
    border-radius: 32px 32px 0px 0px;
	padding: 25px 0px 45px 0px;
	background:#ffffff;
	
}
.install-bottom{  
	border: solid 1px #e8e6e1;
	background-color: #f5f0e4;
	padding:10px 0px 5px 0px;
    border-radius: 0px 0px 32px 32px;
	
}
.install-bottom .assur{
	color:#656a72;
}


/* TESTIMONIAL BLUE STRIPE */
.testimonial-blue span.testimonial-text {
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.71;
  letter-spacing: -0.12px;
  color: #e2e6ec;
}

.testimonial-blue span, .testimonial-blue p{color:#ffffff}
.testimonial-blue span.stripe{background-color:#5376a6;padding:5px}


a.integ{
	border-bottom:1px solid #00aec5;
	color:#00aec5;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	padding-bottom:8px;
	
}

/* PRICING SLIDER */
.range {
	position: relative;
	width: 552px;
	height: 8px;
	margin:0 auto;
	display:block;
	background:#cdcdcd;
}
.pricing-slider {
  box-shadow: 10px 10px 51px -9px rgba(0, 0, 0, 0.45);
  background-image: linear-gradient(296deg, #ffffff 100%, #f5f7f7 3%);
}

.pricing-slider .elementor-row{
	padding:0px 0px 35px 0px;

}

.pricing-slider .elementor-column.elementor-col-33{
    border-right: 1px solid #d8d8d8;
}
.elementor-column.elementor-col-33:last-child{border:0}

.range input {
	width: 100%;
	position: absolute;
	height: 8px;
	-webkit-appearance: none;
	border:0;
}

.range input::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	margin: -4px 0  0;
	border-radius: 50%;
	background: #77a618;
	cursor: pointer;
	border: 0 !important;
}

.range input::-moz-range-thumb {
	width: 16px;
	height: 16px;
	margin: -4px 0  0;
	border-radius: 50%;
	background: #77a618;
	cursor: pointer;
	border: 0 !important;
}

.range input::-ms-thumb {
	width: 16px;
	height: 16px;
	margin: -4px 0  0;
	border-radius: 50%;
	background: #77a618;
	cursor: pointer;
	border: 0 !important;
}
.range input::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #cdcdcd;
}
.range input::-moz-range-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #cdcdcd;
}
.range input::-ms-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #cdcdcd;
}

.range input:focus {
	background: none;
	outline: none;
}
.range-labels {
	margin: 0 auto;
    margin: 13px 96px 0;
    padding: 0;
    list-style: none;
    display: block;
	width:100%;
}
.range-labels li {
	position: relative;
	float: left;
	width: 108px;
	text-align: center;
	color: #919191;
	font-size: 14px;
	cursor: pointer;
	line-height:20px;
}

.range-labels li::before {
	position: absolute;
	top: -25px;
	right: 0;
	left: 0;
	content: "";
	margin: 0 auto;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(205,205,205,1) 20%);
	background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(205,205,205,1) 20%);
	background: radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(205,205,205,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#cdcdcd",GradientType=1);
	
}
.range-labels .active {
	color: #77a618;
}
.range-labels .active.selected{
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}

.range-labels .selected::before {
  background: #77a618;
}
.range-labels .active.selected::before {
  display: none;
}

.form-slider{
	width:80%;
	display:block;
	max-width:552px;
	margin:0 auto;
	padding:0;
	
}

.form-slider span {
  display: block;
  font-weight: 500;
  text-align: center;
  margin-bottom: 16px;
}

.pricing-slider input {
  width: 100%;
}
.pricing-slider .pricing-head{
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.6px;
	text-align: center;
	color: #345583;
	display:block;
	margin:0 auto;
	width:100%;
	padding:20px 0px 0px 0px;
	
}
.pricing-slider .pricing-val{
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -1.38px;
	text-align: center;
	color: #000000;
	display:block;
	width:100%;
	padding:5px 0px 0px 0px;
	line-height:1.2;
	
}
.pricing-item {
	flex-basis: 280px;
	max-width: 280px;
	box-sizing: content-box;
	padding: 12px;
}

.pricing-item-price {
	display: inline-flex;
	align-items: baseline;
	font-size: 20px;
}

.pricing-item-price-amount {
	font-size: 36px;
	line-height: 48px;
	font-weight: 500;
	color: #191e2a;
}
.pricing-per{  
	display:block;
	width:100%;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.69px;
	text-align: center;
	color: #a2a9af;
}

/* FEATURES SLIDER */
.imgsldr {
	width:100%; 
	background: transparent;
	position: relative;
	overflow: hidden;
	color: #fff;
	z-index:-30;
	
}
.imgsldr h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}
.imgsldr p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(images/icon_cal.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.imgsldr .block small {margin-left: 10px;}
.imgsldr .desc{
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	display:none;
}
.imgsldr .block{
	width:100%;
	background: transparent;
	border-top: 1px solid #000;
}

.imgthumbslidr {
	width:100%;
	background: #fff;
}
.imgthumbslidr img {
	padding: 5px; 
	background: #fff; 
	float: left;
}
.imgthumbslidr ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.imgthumbslidr ul li{
	margin: 0; 
	padding: 0px;
	background: #ffffff;
	/*background-image:url(images/nav_a.gif);*/
	background-repeat:repeat-x;
	width: 100%;
	float: left;
	border-radius:10px;
	margin-bottom:20px;
	z-index:999;
	font-size: 15px;
	line-height: 1.67;
	border-left:4px solid transparent;
}
.imgthumbslidr ul li p{
	float:left 
}
.imgthumbslidr ul li.hover {
	
	cursor: pointer;
}
.imgthumbslidr ul li .block {
	float: left; 
	padding: 35px;
}
.imgthumbslidr ul li.active .block {
	box-shadow:-17px 7px 20px 0 rgba(0, 0, 0, 0.15)
}

.imgthumbslidr ul li .block img.useme{display:none;visibility:hidden;opacity:0}

.imgthumbslidr ul li span.tit{
	color:#656a72;
	display:block;
	width:100%;
	font-size: 18px;
	line-height: 2.33;
	letter-spacing: -0.1px;
}
.imgthumbslidr span.tit span.txt{
	padding-bottom:5px;
	border-bottom: 1.5px dotted #bbbbbb;
	background:none;
}

.imgthumbslidr ul li span.tit span.txt strong{font-weight:bold}
.imgthumbslidr ul li.active {
	color:#000;
	cursor: default;
	border-left:4px solid #00aec5;
	border-radius: 10px;
	background-color: #ffffff;
	
}
.imgthumbslidr ul li.active span {
	color:#00aec5;
	
}
.imgthumbslidr ul li p{ font-size:15px }
.imgthumbslidr ul li.active p{ color:#000;}
.imgsldr .block{display:none;visibility:hidden;opacity:0}

li .arrow-tip {
	position:relative;
	opacity:0;
	visibility:hidden;
}
li.active .arrow-tip {
    right:0;
    opacity: 1;
    visibility: visible;
}
li.active .arrow-tip::before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    border-radius: 6px;
    width: 124px;
    height: 124px;
    top: 40px;
    right: -56px;
    -webkit-transform: rotate(45deg) skew(11deg, 11deg);
    transform: rotate(45deg) skew(11deg, 11deg);
	box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.15);
    z-index: -1;
}
li.active::before{z-index:12}


/* CASE STUDY */
.page-id-5657 header.header_area{background-color:#f5f0e4}
.page-id-5657 .sec_pad.page_wrapper{padding-top:0}
.page-id-5540 .sec_pad.page_wrapper {padding-top:20px}
.page-id-5657 .sec_pad.page_wrapper p{text-align:justify}
.page-id-5657 .sec_pad.page_wrapper p strong{font-weight:bold}

@media only screen and (max-width: 768px) {
	
	h1{font-size:28px!important; }
	h2{font-size:25px!important; }
	h3{font-size:22px!important; }
	
	.nav_full_width a.navbar-brand.sticky_logo img{
		width:160px;
		height:auto;
	}
	.header_area .navbar-brand, .menu_toggle{
		margin-bottom:0px!important
	}
	.testimonial-blue span.testimonial-text{
		padding:10px 0px 20px 0px;
	}
	.slidertxt .elementor-column-wrap{
		padding-top:10px!important
	}
	
	.get-buttons .btn,.get-buttons .btn.btn-shopify,.get-buttons .btn.btn-plat{ 
		display:block;
		border-radius:32px;
		margin-bottom:10px;
	
	}
	
	.wheelio-slider .wheelio-action img{
		position:relative;
		width:auto;
		max-width:100%
	}
	
	.features .icon-feature .elementor-widget-container{
		border:0;
		box-shadow:none!important;
	}
	
	.features h4{
		margin:0 auto;
		text-align:center;
	}
	
	.testimonial-container .elementor-column-wrap.elementor-element-populated{
		border-radius:0px!important
	}
	
}


@media only screen and (min-width: 960px) {

	.header_area.navbar_fixed.header_area_five .menu_one, .nav_full_width nav.navbar{
		padding:0!important
	}
	
	nav.navbar{
		padding: 0 50px;
		width: 1140px;
	}
	
	.get-buttons{
		padding-top:40px;
	}

	.casestudybox{
		padding-left:45px
	}
}