/*
	Contents

	01. Font Imports
	02. Basic Settings
	03. Navbar CSS
	04. Main Banner CSS
	05. First Multi Tab CSS
	06. Three Features CSS
	07. First CTA CSS
	08. Second Multi Tab CSS
	09. Image Library CSS
	10. More Features CSS
	11. Customer Care CSS
	12. Testimonial CSS
	13. End CTA CSS
	14. Footer CSS
	15. Start Page CSS
	16. Pricing Page CSS
	17. Choose Page CSS
	18. Questions Page CSS
		Media Queries

*/

/* 01. Font Imports */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,700i,900|Open+Sans:400,400i,600,700');

/* 02. Basic Settings */
body{
	background-color: #fff;
	color: #1f222a;
	font-family: 'Lato', sans-serif;
}

a:hover{
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6,p{
	margin-bottom: 0;
}

h1{
	font-size: 47px;
}

h2{
	font-size: 40px;
}

h3{
	font-size: 33px;
}

h4{
	font-size: 23px;
}

h5{
	font-size: 21px;
}

h6{
	font-size: 18px;
}

p{
	font-size: 16px;
}

.light{
	font-weight: 300;
}

strong{
	font-weight: 700;
}

.black{
	font-weight: 900;
}

.italic{
	font-style: italic;
}

.btn:focus{
	box-shadow: none;
}

@media (min-width: 1200px){

	.container {
		max-width: 1200px;
	}
}

.open-sans{
	font-family: 'Open Sans', sans-serif;
}

/* 03. Navbar CSS */

.navbar{
	padding-top: 27px;
}

/* Logo Size */
.logo{
	height: 45px;
	width: 148px;
}

.navbar-nav .nav-item {
	margin-right: 31px;
}

.navbar-light .navbar-nav .get-started {
	color: #fff;
	padding-left: 21px;
	padding-right: 21px;
}

.navbar-light .navbar-nav .get-started:hover {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link{
	color: #2c303f;
	font-size: 15px;
	font-weight: 700;
	padding: 11px 6px;
}

.navbar-light .navbar-nav .nav-link:hover{
	color: rgba(0,0,0,1);
}

.navbar-light .navbar-nav > li.nav-item:hover:after{
	border-radius: 3px;
	border-bottom: 6px solid #a56fea;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
}

.navbar-light .navbar-nav .nav-item {
	position: relative;
}

.navbar-light .navbar-nav > li.nav-item.active:after{
	border-radius: 3px;
	border-bottom: 6px solid #a56fea;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
}

.get-started {
	background: #39c89d;
	border-radius: 20px; 
	color: #fff;
	padding: 8px 21px;
	position: relative;
	transition: all 0.1s ease-in;
}

.get-started:hover{
	background: #29b58b;
}

.navbar-light .navbar-nav > li.nav-item:last-child:hover:after{
	content: none;
}

/* Resposnive Navbar CSS */

.navbar-light .navbar-toggler{
	border: none;
}

.navbar-name{
	color: #2c303f;
	font-size: 15px;
	font-weight: bold;
}

.navbar-toggler .arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.down-arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.right-arrow{
	 transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left-arrow{
	 transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.navbar-toggler .arrow{
	position: relative;
	top: -3px;
	left: 18px;
}

/* 04. Main Banner CSS */
@media (min-width: 1200px){

	.main-banner .container, .navbar .container{
		max-width: 1200px;
	}
}

.main-banner{
	color: #1f222a;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.main-banner h1{
	color: #2e2d4e;
	font-weight: 900;
	line-height: 55px;
	letter-spacing: -1.3px;
	margin-bottom: 17px;
	margin-top: 163px;
	max-width: 550px;
	position: relative;
	z-index: 1;
}

.main-banner p{
	line-height: 27px;
	letter-spacing: 0.2px;
	margin-bottom: 38px;
	max-width: 550px;
	position: relative;
	z-index: 1;
}

.btn-main{
	background: #8033e2;
	border-radius: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 12px 59px 10px 55px;
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover, a:hover{
	color: #fff;
}


.btn-main:hover{
	background: #8b54ee;
	transition: all 0.15s ease-in;
}

.banner-img{
	position: relative;
	left: -230px;
	padding-top: 100px;
	margin-bottom: 20px;
}

/* Hiding second banner image from large devices*/
.banner-img-responsive{
	display: none;
}

/* 05. First Multi Tab CSS */
.first-multi-tab{
	padding: 60px 0 73px;
	position: relative;
}

h3.section-header{
	font-weight: 900;
	letter-spacing: -0.5px;
	margin-bottom: 21px;
}

p.section-description{
	letter-spacing: -0.1px;
	line-height: 27px;
	margin: 0 auto 54px;
	max-width: 770px;
}

/* Tabs navigation*/
.nav-tabs .nav-link{
	color: #1f222a;
	font-size: 18px;
	font-weight: 700;
	border: 0;
	letter-spacing: -0.2px;
	margin-right: 50px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 17px;
	position: relative;
}

.modified .nav-tabs .nav-link{
	font-size: 13px;
	letter-spacing: 1px;
	color: #2E2D4E;
	padding: 5px 15px;
}

.modified .nav-tabs .nav-link.active {
	background-color: #8034E2 !important;
	color:white !important;
	border-radius: 5px;
}

.nav-tabs .nav-link:last-child{
	margin-right: 0;
}

.nav-tabs{
	border-bottom: 1px solid #dcdcdc;
}

.nav-tabs .nav-link.active:after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
	background: #8033e2;
	border-radius: 3px;
	color: #1f222a;
	height: 5px;
}
.modified{
	padding-top: 20px;
}
.modified .tab-image-container{
	height: initial;
}
.modified .tab-image-container img{
	margin-right: 0;
	border: 1px solid #fff;
}
.modified .tab-content h4{
	text-align: left;
	margin-bottom: 0;
	padding-top: 30px;
}
.modified .tab-content h6{
	color: #94969D;
	font-size: 13px;
	margin-bottom: 30px;
	font-style: italic;
}
.modified .tab-content p{
	margin-bottom: 30px;
}
.modified .tab-content .btn-main{
	font-size: 17px;
	padding: 9px 40px 9px 40px;
	font-weight: bold;

}
.modified .tab-pane hr{
	margin: 70px 0;
	border-top:1px solid #D8D8D8;
	display: block;
	width: 100%;
}
.modified .nav-tabs{
	border: none;
}
.modified .nav-tabs .nav-link.active:after{
	display: none;
}
.modified .nav-tabs .nav-item.show .nav-link, .modified .nav-tabs .nav-link.active{
	color: #8034E2;
}

.tab-content{
	margin-top: 79px;
}
.tab-content h4{
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 35px;
	margin-bottom: 27px;
	margin-top: -6px;
	text-align: center;
}

.tab-content h6{
	font-weight: 700;
	margin-bottom: 13px;
}

ul.tab-ul{
	list-style: none;
}

ul.tab-ul li{
	color: #2c303f;
	font-size: 16px;
	letter-spacing: 0.2px;
	line-height: 27px;
	margin-bottom: 29px;
	position: relative;
}

ul.tab-ul li:before{
	content: '';
	position: absolute;
	left: -36px;
	top: 8px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #abacc5;
}

.tab-content p{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 47px;
}

.tab-content p:last-child{
	margin-bottom: 0;
}

.tab-image-container{
	/*background: #fff;*/
	border-radius: 4px;
	height: 400px;
	width: 100%;
	box-shadow: 3.993px 3.009px 16px rgba(70,76,144,0.34);
}

.tab-image{
	max-width: 670px;
	border-radius: 4px;
	max-height: 400px;
	height: 400px;
	width: 100%;
}

.tab-details{
	max-width: 440px;
	margin-left: auto;
}

/* 06. Three Features CSS */
.three-features{
	padding: 0 0 135px;
}

.three-img-container{
	height: 70px;
	margin-bottom: 33px;
}

.three-features h6, .more-features h6{
	color: #1f222a;
	font-weight: 700;
	letter-spacing: -0.15px;
	line-height: 27px;
	margin-bottom: 18px;
}

.three-features p, .more-features p{
	color: #2c303f;
	letter-spacing: 0.2px;
	line-height: 27px;
	max-width: 350px;
}

/* 07. First CTA CSS */
.first-cta{
	background: #a16eff url('../img/sign-up.jpg') no-repeat center center;
	background-size: cover;
	padding: 45px 0 50px;
	position: relative;
}

.first-cta-img{
	position: relative;
}

.cta-img{
	position: absolute;
	top: -110px;
	left: 100px;
	z-index: 1;
}

.first-cta-content{
	max-width: 590px;
	margin-left: -13px;
}

.first-cta h3{
	color: #fff;
	font-weight: 900;
	letter-spacing: -0.4px;
	margin-bottom: 21px;
}

.first-cta p{
	color: #fff;
	letter-spacing: -0.1px;
	line-height: 27px;
	margin-bottom: 27px;
}

.btn-cta{
	background: #fff;
	color: #8034e2;
	letter-spacing: -0.4px;
}

.btn-cta:hover{
	background: #24193A;
	color: #fff;
	transition: all 0.15s ease-in;
}

.first-cta-content{
	padding-left: 13px;
}

.cta-top-slant{
  position: absolute;
  top: -1px;
  width: 100%;
  height: 10px;
}

.cta-bottom-slant{
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 10px;
}

/* 08. Second Multi Tab CSS */
.second-multi-tab{
	background: #fff;
	padding: 140px 0 111px;
	position: relative;
	overflow: hidden;
	max-height: 1357px;
}

.second-multi-tab .tab-details{
	margin-left: 0;
}

/* 09. Image Library CSS */
.image-library-container{
	background: #39d3b2 url('../img/bg.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	min-height: 608px;
	position: relative;
}

.image-top-slant{
	position: absolute;
	height: 26px;
	top: -1px;
	right: 0;
	width: 100%;
	z-index: 7;
}

.image-bottom-slant{
	position: absolute;
	height: 8px;
	bottom: -1px;
	width: 100%;
	z-index: 7;
}

.image-library{
	height: 100%;
	width: 100%;
	position: absolute; 
	max-width: 1375px;
	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden;
}

.girl-img, .coffee, .sunset, .abstract, .mustache, .plate{
	position: absolute;
	top: 50%;
	left: 50%;
}

.girl-img{
	transform: translate(-106%,-179%);
	z-index: 6;
}

.coffee{
	transform: translate(-114%,-53%);
	z-index: 1;
}

.sunset{
	transform: translate(-268%,-1%);
	z-index: 3;
}

.abstract{
	transform: translate(-86%,55%);
	z-index: 2;
}

.mustache{
	transform: translate(135%,-23%);
	z-index: 5;
}

.plate{
	transform: translate(161%,162%);
	z-index: 4;
}


.image-library-content{
	padding: 162px 0 208px;
	margin-right: auto;
}

.image-library-content h3{
	font-weight: 900;
	letter-spacing: -0.4px;
	line-height: 47px;
	margin-bottom: 36px;
}

.image-library-content p{
	letter-spacing: 0.2px;
	line-height: 27px;
	max-width: 330px;
	margin-bottom: 20px;
}

/* 10. More Features CSS */
.more-features{
	padding: 119px 0 125px;
}

.more-features h3{
	font-weight: 900;
	letter-spacing: -0.5px;
	margin-bottom: 16px;
}

.more-features p.more-features-description{
	max-width: 100%;
	letter-spacing: -0.1px;
	margin-bottom: 90px;
	text-align: center;
}

.more-features-container p{
	max-width: 350px;
	text-align: left;
}

.more-img-container{
	height: 110px;
	margin-bottom: 30px;
	text-align: left;
	display:flex; flex-direction:row
}

.third-features-container{
	margin-bottom: 73px;
}

/* 11. Customer Care CSS */
.customer-care{
	background: #FF8956 url('../img/customer-care.jpg') no-repeat center center;
	background-size: cover;
	position: relative;
}

.customer-care-content{
	padding: 84px 0 104px;
}

.customer-care h3{
	color: #FFF;
	font-weight: 900;
	letter-spacing: -0.4px;
	line-height: 47px;
	margin-bottom: 24px;
}

.customer-care h6{
	font-weight: 700;
	margin-bottom: 12px;
}

.customer-care p{
	letter-spacing: 0.2px;
	line-height: 27px;
	margin-bottom: 31px;
	max-width: 480px;
	color:#FFF;
}

.customer-care p:last-child{
	margin-bottom: 0;
}

.customer-img-container{
	height: 350px;
	position: relative;
}

.customer-img{
	position: absolute;
	top: -55px;
	right: 12px;
	z-index: 3;
}

.customer-top-slant, .customer-bottom-slant{
	position: absolute;
	width: 100%;
	height: 40px;
}

.customer-top-slant{
	top: -1px;
}

.customer-bottom-slant{
	bottom: -1px;
	height: 21px;
}

/* 12. Testimonial CSS */
.testimonial{
	color: #2c303f;
	padding: 110px 0 0;
}

.testimonial h3{
	font-weight: 900;
	letter-spacing: -0.4px;
	margin-bottom: 82px;
}

.testimonial-container{
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #dddde4;
	margin-bottom: 34px;
	padding: 45px 34px 35px;
}

.testimonial-container h6{
	font-weight: 700;
	letter-spacing: -0.2px;
	margin-bottom: 17px;
}

.testimonial-container p{
	color: #2c303f;
	letter-spacing: 0.2px;
	line-height: 27px;
	margin-bottom: 26px;
}

.author-container{
	padding-left: 8px;
}

.author-img-container{
	border-radius: 50%;
	height: 77px;
	width: 77px;
	overflow: hidden;
}

.author-img-container img{
	height: 110%;
	width: auto;
}

.author-details-container{
	margin-left: 16px;
	padding-top: 12px;
}

p.author-name{
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: -2px;
}

p.author-department{
	color: #4f525e;
	font-size: 15px;
}

/* 13. End CTA CSS */
.end-cta{
	color: #1f222a;
	padding: 73px 0 139px;
}

.end-cta-img{
	height: 315px;
	margin-bottom: 24px;
}

.end-cta h3{
	color: #1f222a;
	font-weight: 900;
	letter-spacing: -0.4px;
	margin-bottom: 21px;
}

.end-cta p{
	letter-spacing: -0.1px;
	line-height: 27px;
	margin-bottom: 26px;
	padding: 0 25px;
}

.btn-end-cta{
	letter-spacing: -0.4px;
}

/* 14. Footer CSS*/
.footer{
	padding-bottom: 70px;
}

.footer-logo{
	height: 54px;
	width: 50px;
	margin-top: -22px;
}

.footer-content{
	margin-top: 61px;
	margin-bottom: 17px;
}

.footer-title{
	color: #1f222a;
	font-weight: 700;
	letter-spacing: -0.4px;
	margin-bottom: 24px;
}

.footer-links{
	list-style: none;
	padding-left: 0;
}

.footer-links li{
	margin-bottom: 24px;
}

.footer-links li a{
	color: #2c303f;
	font-size: 16px;
}

.small-links a, .copyright{
	color: #504c5f;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 0 8px 0 7.5px;
}

.copyright{
	max-width: 135px;
	padding: 0;
}

.small-links a:first-child{
	padding-left: 0;
}

.footer-links li a:hover, .small-links a:hover{
	color: #8c46e7;
}

/* 15. Start Page CSS */
.top-section{
	padding: 116px 0 74px;
}

.top-section h3{
	font-weight: 900;
	letter-spacing: -0.3px;
	margin-bottom: 19px;
}

.top-section p, .option-container p{
	color: #3e3f4b;
	font-size: 16px;
	letter-spacing: 0.2px;
}


/* Heroic Options CSS */
.getStarted-box{
	width: 395px;
	display: inline-block;
	padding: 0 15px;
}

.heroic-options{
	padding-bottom: 146px;
}

.option-container{
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #dddde4;
	height: 100%;
}

.option-img-container{
	height: 310px;
	position: relative;
	/*padding: 0 20px;*/
}

.option-img{
	display: block;
	margin: 0 auto;
	position: absolute;
}

.owl-carousel .owl-item img{
	width: auto;
}

.owl-carousel.off {
    display: flex;
}

.owl-item.active.center{
	position: relative;
	z-index: 10;
}

.option-1 .option-img{
	top: 80px;
	left: 40px;
}

.option-2 .option-img{
	top: 90px;
	left: 40px;
}

.option-3 .option-img{
	top: 60px;
	left: 90px;
}

.option-content-container{
	padding: 24px 30px 48px;
}

.tag-container{
	background: #cbcee8;
	border-radius: 20px;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 24px;
	margin-top: 33px;
	padding: 3px 17px;
	position: relative;
	z-index: 2;
}

.option-container h4{
	font-weight: 700;
	letter-spacing: -0.3px;
	line-height: 32px;
	margin-bottom: 22px;
}

.option-container p{
	letter-spacing: -0.2px;
	line-height: 23px;
	margin-bottom: 51px;
	padding: 0 15px;
}

.btn-option{
	font-size: 17px;
	padding: 9px 48px;
}

.orange-bg{
	background: #ff9e71;
}

.teal-bg{
	background: #a2ebcc;
}

.disabled-container{
	opacity: 0.44;
	-webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/* 16. Pricing Page CSS */
.top-section.pricing-page{
	padding-top: 99px;
	padding-bottom: 50px;
}

.pricing{
	padding-bottom: 133px;
}

ul#pills-tab{
    border-radius: 22px;
    margin: 0 auto;
    justify-content: center;
    max-width: 550px;
}

.nav-pills .nav-item {
	flex: 1;
	text-align: center;
}

.nav-pills .nav-link.yearly, .nav-pills .nav-link.monthly, .nav-pills .nav-link.year2 {
	width: 100%;
	height: 100%;
}

.nav-pills .nav-link{
	color: #acadc6;
	border: 1px solid #d3d4e6;
	font-size: 16px;
	letter-spacing: -0.4px;
}

.nav-pills .nav-link.active{
	color: #fff;
	border: 1px solid #ff8856;
	font-weight: 900;
	background: #ff8856;
}

.nav-pills .nav-link.yearly{
	border-radius: 0;
	border-right: 0;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
	letter-spacing: 0.2px;
}

.nav-pills .nav-link.monthly{
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
	letter-spacing: 0.2px;
}

.tab-content.pricing-page{
	margin-top: 105px;
}

.full-pricing-container{
	border-radius: 4px;
	box-shadow: 0px 6px 11px rgba(45,51,105,0.1);
	border: 1px solid #dddde4;
}

.pricing-container{
	border-radius: 4px;
	border: 1px solid #dddde4;
	background: #fff;
	padding: 0 0px 85px;
	max-width: 383px;
}

.full-pricing-container td, .full-pricing-container th, .full-pricing-container thead th{
	border: 0;
	padding: 16px;
}

.full-pricing-container thead th{
	vertical-align: top;
	position: relative;
}

.full-pricing-container th{
	vertical-align: middle;
	padding-left: 36px;
}

.full-pricing-container td{
	color: #4f525e;
	font-size: 15px;
	line-height: 23px;
	padding: 16px 50px;
	text-align: center;
	vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd){
	background: #fbfbfb;
}

.button-row{
	background: #fff !important;
}

.button-row a{
	margin-top: 55px;
	margin-bottom: 10px;
	width: 145px;
	padding: 6px 0 7px;
}

p.bill-info{
	font-size: 13px;
	padding-bottom: 58px;
}

.thead-pricing th{
	width: 292px;
	text-align: center;
}

.pricing-content{
	padding: 19px 30px 0;
}

.pricing-header h4{
	margin-top: 8px;
	margin-bottom: 10px;
}

.pricing-header p{
	color: #4f525e;
	font-size: 15px;
	font-weight: normal;
	line-height: 23px;
	margin-bottom: 10px;
}

.pricing-header a{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 26px;
	width: 145px;
	padding: 6px 0 7px;
}

.price-container{
	color: #8034e2;
	font-size: 33px;
	font-weight: 900;
	margin-bottom: 16px;
}

.dollar{
	
}

.per{
	color: #b98fef;
	font-size: 16px;
	font-weight: 700;
	margin-left: 7px;
}

.no-of-website{
	border-radius: 20px;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 34px;
	padding: 2px 25px 3px; 
}

.light-color{
	color: #e1e1e9;
}

.strikethrough{
	color: #e1e1e9;
	text-decoration: line-through;
}

.white-bg{
	background: #fff;
}

.grey-bg{
	background: #f1f3f8;
}

ul.pricing-ul{
	list-style: none;
	margin-bottom: 117px;
	padding: 0;
	text-align: left;
}

ul.pricing-ul li{
	border-bottom: 1px solid #ebebed;
	color: #3e3f4b;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 17px;
	padding-bottom: 9px;
}

ul.pricing-ul li:nth-child(4){
	height: 226px;
}

ul.refresh{
	list-style: none;
	padding: 0;
	margin-top: 18px;
}

ul.refresh li{
	margin-bottom: 23px;
}

.btn-pricing{
	background: #39c89d;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	padding: 6px 53px 7px;
}

.business-package{
	background: #fff;
	box-shadow: 0px 4px 10px rgba(112,120,165,0.31);
	min-width: 404px;
	padding: 0 30px;
	padding-top: 37px;
	padding-bottom: 123px;
	position: relative;
	z-index: 2;
}

.cross {
  width: 12px;
  height: 12px;
  position: relative;
  margin: 0 auto;
}

.cross:before, .cross:after {
  position: absolute;
  content: ' ';
  top: -4px;
  height: 18px;
  width: 3.5px;
  background-color: #ff8856;
}
.cross:before {
  transform: rotate(45deg);
}
.cross:after {
  transform: rotate(-45deg);
}

.checkmark-pricing{
	width: 12px;
	height: 12px;
	margin: 0 auto;
	position: relative;
}

.checkmark-pricing:after{
	/*Add another block-level blank space*/
    content: '';
    display: block;
 
    /*Make it a small rectangle so the border will create an L-shape*/
    width: 9px;
    height: 19px;
 
    /*Add a white border on the bottom and left, creating that 'L' */
    border: solid #39c89d;
    border-width: 0 3px 3px 0;

    position: absolute;
    top: -5px;

    /*Rotate the L 45 degrees to turn it into a checkmark*/
    transform: rotate(45deg);
}

.grey {
   color: #bbb !important;
   font-size: 12px !important;
   line-height: 17px !important;
}
.checklist_itemname {
	color: #1f222a !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: normal !important;
}
.pricing_subtext {
	color: #999 !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: normal !important;
}

.full-pricing-container thead th:first-child, .full-pricing-container th:first-child{
	border-right: 1px solid #dddde4;
}

.full-pricing-container thead th:last-child, .full-pricing-container td:last-child{
	border-left: 1px solid #a16eff;
}

.full-pricing-container thead th:nth-child(3){
	border: 1px solid #a16eff;
	border-bottom:0;
}

.full-pricing-container td:nth-child(3){
	border: 1px solid #a16eff;
	border-bottom: 0;
	border-top: 0;
}

.most-popular{
	background: #a16eff;
	border: 1px solid #a16eff;
	border-bottom: 0;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	padding: 7px;
	text-align: center;
	position: absolute;
	top: -42px;
	width: 100.7%;
	left: -1px;
	right: 0;
}

.most-popular p{
	color: #fff;
	font-size: 16px;
}

.mobile-title{
	font-size: 13px;
	font-weight: 900;
	display: none;
}

/*17. Sign In Page CSS*/
.form-base{
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
}
.form-container{
	overflow: hidden;
	margin: 50px auto;
}

.sign-up-container{
	padding: 62px 90px 67px 90px;
	position: relative;
	z-index: 5;
}	

.form-title{
	color: #1F222A;
	font-weight: 900;
	margin-bottom: 13px;
}

.form-description{
	color: #3e3f4b;
	font-size: 15px;
	line-height: 29px;
	margin-bottom: 36px;
}

.form-group{
	position: relative;
}

.form-control{
	border: 1px solid #dddde4;
	border-radius: 4px;
	color: #1F222A;	
	font-size: 16px;
	padding: 17px 15px 16px;
	padding-left: 48px;
	margin-bottom: 22px;
}

/*.form-control.email{
	background: url('../img/email.png') no-repeat 23px 20px;
}

.form-control.password{
	background: url('../img/lock.png') no-repeat 23px 16px;
}*/

.form-control:focus{
	/*background: url('../img/user-p.png') no-repeat 24px 17px;;*/
	box-shadow: none;
	border-color: #7a9dee;
	transition: all ease-in 0.5s;
}

/*.form-control.email:focus{
	background: url('../img/email-p.png') no-repeat 23px 20px;
}

.form-control.password:focus{
	background: url('../img/lock-p.png') no-repeat 23px 16px;
}*/


input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder{
	color: #b3b4b6;
}

.line{
	background-color: #d7d7d7;
    display: inline-block;
    height: 34px; 
    left: 66px;
    position: absolute;
    width: 1px;
    top: 12px;
}

.radio-container{
	margin-top: 38px;
	margin-bottom: 53px;
}

.form-check{
	display: block;
	padding-left: 0;
    position: relative;
    margin-bottom: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-buttons{
	display: inline-block;
	position: relative;
	top: -18px;
	left: 28px;
}

.no-label{
	padding-left: 30px;
}

.form-check-label.radio-label{
	cursor: pointer;
	padding-left: 32px;
	font-weight: bold;
}

.form-check-label.radio-label.no-label{
	padding-left: 18px;
}


.form-group{
	position: relative;
}

.form-group img{
	display: inline-block;
	position: absolute;
	top: 16px;
	left: 24px;
	transform: all 0.3s ease-in ;
	z-index: 5;
}
.form-group img:hover{
	opacity: 1;
}

.purple{
	opacity: 0;
}

.form-control:focus + .purple{
	opacity: 1;
	z-index: 6;
}

.form-group img.email-icon{
	top: 24px;
	left: 21px;
	width: 15px;
	height: 13px;
}

.form-group img.lock-icon{
	top: 19px;
	left: 25px;
	width: 13px;
	height: 17px;
}

.signUp-form-base .form-container{
	margin: 0 auto;
}

.signUp-form-base .form-title{
	margin-bottom: 7px;
}

.signUp-form-base .form-description{
	margin-bottom: 29px;
}

.signUp-form-base .form-logo{
	margin-bottom: 18px;
}

.form-group img.user-icon{
	width: 16px;
	height: 17px;
	top: 20px;
}

.sign-up-form .form-control{
	padding-left: 55px;
	margin-bottom: 26px;
}

.sign-up-form a.small{
	text-align: left;
}

.signUp-form-base .form-banner img{
	top: 40px;
	left: 0;
	width: 470px;
	height: auto;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: -3px;
    left: 18px;
    height: 25px;
    width: 24px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dddde4;
}

.checkmark.no{
	left: 5px;
}

/* On mouse-over, add a grey background color */
.form-check:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.form-check input:checked ~ .checkmark {
    background-color: #fff;
	font-weight: bold;
}

.form-check input:checked + .radio-label{
	font-weight: bold;
}

input[type="radio"]:checked + span.bold
{
    font-weight: bold;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;

}

/* Show the indicator (dot/circle) when checked */
.form-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.form-check .checkmark:after {
 	top: -4px;
	left: 11px;
	width: 9px;
	height: 20px;
	border: solid #45ca8b;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}

.form-check-label{
	color: #4f525e;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

.btn-submit{
	background-color: #8033e2;
	border-radius: 40px;
	color: #fff;
	font-size: 19px;
	letter-spacing: 0;
	font-weight: bold;
	margin-bottom: 14px;
	padding: 12px 80px;
	width: 100%;
}

.btn-submit:focus{
	box-shadow: none;
}

.btn-submit:hover{
	background-color: #6a20c7; 
}

a.small{
	color: #1f222a;
	display: block;
	font-size: 14px;
	line-height: 23px;
	text-decoration: underline;
}

a.small:hover{
	color: #6A20C7;
}

.form-banner{
	/*background: url('../img/main-bg.png') no-repeat 0 0;*/
	background-size: auto;
	padding: 100px;
	position: relative;
	height: inherit;
}


.form-banner img{
	position: absolute;
	top: 62px;
    left: 0;
}


/* Sign In Page CSS*/
.sign-in-container{
	padding: 62px 100px 67px 105px;
	position: relative;
	z-index: 5;
}

.sign-in-form{
	margin-top: 9px;
}

.sign-in-form .form-title{
	margin-bottom: 28px;
}

.sign-in-email{
	margin-bottom: 25px;
}

.sign-in-password{
	margin-bottom: 34px;
}

/* Load Screen */
.load-screen{
	display: flex;
	align-items: center;
	height: 100vh;
	justify-content: center;
}

.load-screen-container{
	width: 507px;
	margin: 0 auto;
	text-align: center;
}

.load-screen .logo{
	height: 98px;
	width: auto;
	margin-bottom: 55px;
}

.progress{
	background: #f1f3f8;
	border-radius: 20px;
	height: 3px;
}

.progress-bar{
	background: #8033e2;
	border-radius: 20px;
}

/* Media Queries*/
@media only screen and (max-width: 1199px){
	@media (min-width: 992px){
		.container {
			max-width: 990px;
		}
	}
	.logo{
		height: 40px;
		width: 133px;
	}
	h1{
		font-size: 40px;
	}
	h3{
		font-size: 29px;
	}
	h4{
		font-size: 20px;
	}
	h6{
		font-size: 17px;
	}
	p{
		font-size: 15px;
	}
	.main-banner h1{
		letter-spacing: -1.2px;
		line-height: 50px;
		margin-top: 112px;
		margin-bottom: 13px;
	}
	.main-banner p{
		max-width: 430px;
		margin-bottom: 32px;
	}
	.btn-main{
		font-size: 17px;
		padding: 11px 51px 8px 48px;
	}
	.banner-img{
		height: 550px;
		left: -109px;
		top: 0;
	}
	.first-multi-tab{
		padding: 72px 0 17px;
	}
	h3.section-header{
		letter-spacing: -0.3px;
		margin-bottom: 23px;
	}
	p.section-description{
		letter-spacing: 0.2px;
		line-height: 25px;
		margin-bottom: 56px;
	}
	.tab-content{
		margin-top: 57px;
	}
	.tab-image-container, .tab-image{
		height: 312px;
	}
	ul.tab-ul{
		padding-left: 28px;
	}
	ul.tab-ul li{
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 35px;
	}
	ul.tab-ul li:before{
		left: -28px;
	}
	.tab-content h4{
		letter-spacing: -0.3px;
		margin-bottom: 22px;
		text-align: left;
	}
	.three-features{
		padding-bottom: 110px;
	}
	.three-features p, .more-features p{
		line-height: 25px;
	}
	.three-features h6{
		margin-bottom: 20px;
	}
	.first-cta{
		padding: 38px 0 44px;
	}
	.cta-img{
		width: 261px;
		height: 410px;
		top: -100px;
	}
	.first-cta-content{
		padding-left: 96px;
	}
	.first-cta h3{
		margin-bottom: 18px
	}
	.first-cta p{
		color: #fff;
		letter-spacing: 0.2px;
		line-height: 25px;
		max-width: 465px;
		margin-bottom: 23px;
	}
	.second-multi-tab{
		padding: 133px 0 65px;
	}
	.image-top-slant{
		height: 16px;
	}
	.image-library-content{
		padding: 141px 0 172px;
	}
	.girl-img{
		transform: translate(-125%,-168%);
		width: 212px;
	}

	.coffee{
		transform: translate(-126%,-52%);
		width: 382px;
	}

	.sunset{
		transform: translate(-288%,7%);
		width: 196px;
	}

	.abstract{
		transform: translate(-83%,60%);
		width: 315px;
		height: 158px;
	}

	.mustache{
		transform: translate(164%,-16%);
		height: 230px;
	}

	.plate{
		transform: translate(170%,159%);
		height: 96px;
		width: 143px;
	}
	.image-library-container{
		min-height: 507px;
		overflow: hidden;
	}
	.image-library-content h3{
		line-height: 38px;
		margin-bottom: 18px;
	}
	.image-library-content p{
		line-height: 25px;
	}
	.more-features{
		padding: 99px 0 103px;
	}
	.more-features h3{
		margin-bottom: 13px;
	}
	.more-features p.more-features-description{
		margin-bottom: 60px;
	}
	.more-img-container img{
	}
	.more-img-container{
		margin-bottom: 5px;
	}
	.third-features-container{
		margin-bottom: 63px;
	}
	.customer-care-content{
		padding: 13px 0 23px;
	}
	.customer-top-slant{
		height: 26px;
	}
	.customer-img-container{
		height: 300px;
	}
	.customer-img{
		right: 45px;
		top: -21px;
		width: 448px;
	}
	.customer-care h3{
		line-height: 38px;
		margin-bottom: 22px;
	}
	.customer-care p{
		line-height: 25px;
		max-width: 380px;
	}
	.testimonial{
		padding-top: 89px;
	}
	.testimonial h3{
		margin-bottom: 57px;
	}
	.testimonial-container{
		padding: 29px 29px 45px;
	}
	.testimonial-container h6{
		margin-bottom: 14px;
	}
	.testimonial-container p{
		line-height: 25px;
		margin-bottom: 20px;
	}
	.author-img-container{
		height: 70px;
		width: 70px;
	}
	.author-details-container{
		padding-top: 11px;
	}
	p.author-name{
		font-size: 16px;
		font-weight: 900;
		margin-bottom: -2px;
	}
	.end-cta{
		padding: 62px 0 122px;
	}
	.end-cta-img{
		height: 315px;
		margin-bottom: 27px;
	}
	.end-cta h3{
		margin-bottom: 23px;
	}
	.end-cta p{
		line-height: 25px;
		letter-spacing: 0.2px;
		padding: 0;
	}
	.footer-logo{
		height: 49px;
    	width: 45px;
	}
	.footer-content{
		margin-top: 54px;
		margin-bottom: 22px;
	}
	.footer-title{
		margin-bottom: 22px;
	}
	.footer-links li a{
		font-size: 15px;
		letter-spacing: 0.2px;
	}
	.footer-links li{
		margin-bottom: 18px;
	}
	.top-section{
		padding: 88px 0 69px;
	}
	.option-content-container{
		padding: 0 21px 76px;
	}
	.top-section h3{
		margin-bottom: 12px;
	}
	.top-section p{
		letter-spacing: -0.2px; 
	}
	.option-img-container{
		height: 264px;
	}
	.option-1 .option-img{
		height: 170px;
		left: 30px;
	}
	.option-2 .option-img{
		height: 160px;
		left: 20px;
		top: 75px;
	}
	.option-3 .option-img{
		height: 195px;
		left: 65px;
		top: 50px;
	}
	.option-container h4{
		line-height: 30px;
		margin-bottom: 18px;
	}
	.option-container p{
		margin-bottom: 46px;
	}
	.btn-option{
		padding: 8px 38px;
	}
	.heroic-options{
		padding-bottom: 126px;
	}
	.business-package{
		min-width: 0;
		padding-left: 25px;
		padding-right: 25px;
	}
	.top-section.pricing-page {
    	padding-top: 88px;
    	padding-bottom: 41px;
	}
	.pricing-content{
		padding: 19px 0 0;
	}
	.tab-content.pricing-page {
    	margin-top: 98px;
	}
	.pricing{
		padding-bottom: 90px;
	}
	.thead-pricing th{
		width: 240px;
	}
	.pricing-header h4{
		text-align: center;
		margin-top: 9px;
		margin-bottom: 9px;
	}
	.pricing-header p{
		font-size: 14px;
		line-height: 23px;
	}
	.full-pricing-container td{
		font-size: 14px;
		padding: 16px 39px;
	}
	.button-row a{
		margin-top: 17px;
	}
	p.bill-info{
		padding-bottom: 44px;
	}
	.sign-in-container{
		padding: 62px 38px 67px 105px;
	}
	.btn-submit{
		padding: 12px 0;
	}
	.form-control{
		font-size: 15px;
	}
	.form-banner img{
		top: 85px;
    	left: 0px;
    	width: 390px;
	}
	.btn-submit{
		padding: 10px 0;
		font-size: 16px;
		margin-bottom: 19px;
	}
	.sign-up-container{
		padding: 62px 75px 67px 75px;
	}
	.form-check-label{
		font-size: 12px;
	}
	.load-screen-container{
		width: 456px;
	}
	.load-screen .logo{
		height: 85px;
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 991px){
	@media (min-width: 768px){
		.container {
			max-width: 750px;
		}
	}
	.navbar-nav .nav-item {
	    width: max-content;
	    margin: 5px auto;
	}
	.navbar{
		padding-top: 15px;
	}
	.navbar-light .navbar-toggler-icon{
  		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(128,52,226, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.navbar-toggler:focus{
		outline: 0;
	}
	.navbar .container{
		position: relative;
	}
	ul.navbar-nav.ml-auto{
		text-align: center;
	}
	.navbar-light .navbar-nav .nav-link.sign-in{
		margin: 0 auto;
		width: 86px;
	}
	ul.navbar-nav li:nth-child(3){
		padding-bottom: 8px;
	}
	h1{
		font-size: 34px;
	}
	h2{
		font-size: 38px;
	}
	h3{
		font-size: 25px;
	}
	h4{
		font-size: 19px;
	}
	.main-banner{
		padding-bottom: 0px;
		text-align: center;
	}
	.main-header-content{
		padding-left: 15px;
	}
	.main-banner h1{
		letter-spacing: -1px;
		line-height: 35px;
		margin-top: 50px;
		margin-bottom: 16px;
		max-width: 100%;
	}
	.main-banner p{
		line-height: 24px;
		max-width: 555px;
		margin: 0 auto 30px;
	}
	.banner-img {
		left: -20px;
		top: 0;
		padding-top: 0;
    	height: 379px;
    	padding-bottom: 0px;
	}
	.banner-image-container {
		margin-bottom: 50px;
	}
	.first-multi-tab{
		padding: 0 0 50px;
	}
	p.section-description{
		line-height: 24px;
		max-width: 595px;
		margin: 0 auto 39px;
	}
	h3.section-header{
		margin-bottom: 25px;
	}
	.nav-tabs .nav-link{
		font-size: 16px;
		margin-right: 40px;
	}

	.modified .nav-tabs .nav-link{
		margin: 0 10px;
	}

	.tab-image-container{
		width: 595px;
		height: 354px;
		margin: 0 auto;
	}
	.tab-details{
		max-width: 100%;
	}
	.tab-content h4{
		text-align: center;
		margin-bottom: 22px;
	}
	ul.tab-ul{
		display: flex;
		flex-direction: row;
		padding-left: 0;
		justify-content: center;
	}
	ul.tab-ul li{
		margin: 0 15px;
		width: 201px;
	}
	ul.tab-ul li:first-child{
		margin-left: 15px;
	}
	ul.tab-ul li:last-child{
		margin-right: 0;
	}
	.tab-content{
		margin-top: 50px;
	}
	.tab-image-container, .tab-image{
		height: 354px;
	}
	.tab-image-container{
		margin-bottom: 44px;
	}
	.three-features{
		padding: 0 0 183px;
	}
	.three-features-container:last-child{
		margin-top: 50px;
	}
	.three-features p, .more-features p{
		padding-right: 0;
	}
	.first-cta{
		padding-bottom: 35px;
	}
	.cta-img{
		display: block;
		margin: 0 auto;
		left: 0;
		right: 0;
		top:-100px;
		width: 290px;
		height: 456px;
	}
	.more-features{
		padding-bottom: 0 !important;
	}
	.testimonial{
		padding-top: 30px !important; 
	}

	.first-cta-content{
		margin: 40px auto 40px;
		padding-left: 0;
	}
	.first-cta h3{
		margin-bottom: 14px;
	}
	.first-cta p{
		max-width: 100%;
		margin-bottom: 27px;
	}
	.second-multi-tab{
		padding: 75px 0;
	}
	.image-library{
		margin-top: 0;
		padding: 150px 0;
	}
	.third-features-container{
		margin-bottom: 17px;
	}
	.more-features{
		padding: 70px 0 80px;
	}
	.more-img-container{
		margin-bottom: 10px;
	}
	.more-features-container{
		margin-bottom: 50px;
	}
	.more-features p.more-features-description{
		line-height: 24px;
		letter-spacing: 0.2px;
		max-width: 595px;
		margin: 0 auto 56px;
	}
	.more-features h6{
		letter-spacing: -0.6px;
		margin-bottom: 24px;
	}
	.image-library-content{
		padding: 121px 0 ;
	}
	.image-top-slant{
    	height: 26px;
	}
	.girl-img{
		transform: translate(-137%,-186%);
		width: 180px;
	}

	.coffee{
		transform: translate(-133%,-52%);
		width: 325px;
	}

	.sunset{
		transform: translate(-286%,-6%);
		width: 168px;
	}

	.abstract{
		transform: translate(-91%,52%);
		width: 267px;
	}

	.mustache{
		transform: translate(131%,-3%);
		height: 195px;
	}

	.plate{
		transform: translate(135%,258%);
		height: 65px;
		width: 125px;
	}
	.image-library-container{
		min-height: 470px;
	}
	.image-library-content h3{
		max-width: 260px;
		margin-bottom: 18px;
	}
	.image-library-content p{
		font-size: 12px;
		line-height: 20px;
		max-width: 255px;
	}
	.more-features h3{
		margin-bottom: 19px;
	}
	.testimonial-container{
		padding: 40px 35px 45px;
	}
	.customer-care{
		padding: 85px 0;
	}
	.customer-img-container{
		height: 280px;
	}
	.customer-img{
		display: block;
		margin: 0 auto;
		max-width: 100%;
		margin-bottom: 40px;
		top: -120px;
		height: auto;
		left: 0;
		right: 0;
	}
	.customer-care-content{
		text-align: center;
	}
	.customer-care p{
		margin: 0 auto;
		max-width: 620px;
	}
	.testimonial{
    	padding: 70px 0 0;
	}
	.end-cta{
		padding: 46px 0 97px;
	}
	.end-cta p{
		max-width: 595px;
		margin: 0 auto 25px;
	}
	.end-cta-img{
		height: 290px;
		margin-bottom: 11px;
	}
	.footer{
		padding-bottom: 50px;
	}
	.footer-links li{
		margin-bottom: 17px;
	}
	.footer-links{
		margin-bottom: 40px;
	}
	.footer-content{
		margin-bottom: 4px;
	}
	.top-section{
		padding: 60px 0px 0px;
	}
	.top-section p{
		font-size: 15px;
		letter-spacing: 0.2px;
		line-height: 24px;
		max-width: 595px;
		margin: 0 auto 20px;
	}
	.option-content-container{
		padding: 2px 18px 75px;
	}
	.option-container{
		width: 300px;
		margin: 0 auto;
	}
	.option-container p{
		margin-bottom: 42px;
	}
	.heroic-options{
		padding-bottom: 145px;
	}
	.pricing-container{
		/*min-width: 383px;*/
		margin-bottom: 40px;
	}
	.business-package{
		/*min-width: 404px;*/
		padding-top: 0;
		padding-bottom: 85px;
	}
	.pricing-content{
		padding: 19px 10px 0;
	}
	.pricing{
		padding-bottom: 100px;
	}
	.top-section.pricing-page {
    	padding-top: 39px;
    	padding-bottom: 0px;
	}
	.nav-pills .nav-link{
		font-size: 15px;
	}
	.tab-content.pricing-page {
	    margin-top: 30px;
	}
	.most-popular{
		width: 100.5%;
	}
	.most-popular p{
		font-size: 15px;
	}
	.pricing-header h4{
		margin-bottom: 5px;
	}
	.pricing-header p{
		max-width: 330px;
		margin: 0px auto;
	}
	.pricing-header a{
		width: 160px;
	}
	.full-pricing-container th:first-child{
		font-size: 14px;
	}
	.sign-in-container{
		padding: 0;
		margin-top: 102px;
	}
	.form-container{
		max-width: 350px;
		margin: 0 auto 50px;
	}

	.form-banner{
		min-height: 290px;
	}
	.form-banner img {
    	top: 140px;
    	width: 280px;
	}
	.sign-in-form .form-title{
		text-align: center;
		margin-bottom: 16px;
	}
	.form-control{
		margin-bottom: 18px;
	}
	.btn-submit{
		font-size: 15px;
		margin-top: 17px;
	}
	.form-logo{
		position: absolute;
    	top: -353px;
    	left: 0;
    	right: 0;
    	margin-left: auto;
    	margin-right: auto;
	}
	a.small{
		text-align: center;
	}
	.signUp-form-base .form-container{
		max-width: 470px;
	}
	.sign-up-container{
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}
	.signUp-form-base .form-logo{
		top: -300px;
	}
	.signUp-form-base .form-banner{
		min-height: 400px;
		overflow: hidden;
	}
	.signUp-form-base .form-banner img {
    	top: 140px; 
    	width: 280px;
    	left: 50%;
    	margin-left: -140px;
	}
	.form-check-label{
		text-align: left;
	}
	.load-screen-container{
		width: 392px;
	}
	.load-screen .logo{
		height: 70px;
		margin-bottom: 40px;
	}
	.owl-carousel{
		max-width: 720px;
	}
	.heroic-options .col-md-4{
		padding: 0;
	}
	.option-container{
		position: relative;
		opacity: 0.44;
	}

	.owl-item.active .option-container{
		right: 0;
	}
	.owl-item.active .advanced{
		right: 60px;
	}
	.owl-item.active .coming-soon{
		right: 60px;
	}
	.owl-item.active.center .option-container{
		right: 34px;
		width: 300px;
		opacity: 1;
	}
	.owl-carousel .owl-nav.disabled{
		display: block;
	}
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
		height: 50px;
		width: 50px;
		background: #c9c8d8;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: -15px;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: -15px;
	}
	.owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus{
		outline: none;
	}
	.owl-nav .arrow{
		border-color: #fff;
		padding: 5px;
	}
	.owl-nav .right-arrow{
		position: relative;
		right: 2px;
	}
	.owl-nav .left-arrow{
		position: relative;
		left: 2px;
	}
	.owl-carousel .owl-nav button.owl-prev.disabled , .owl-carousel .owl-nav button.owl-next.disabled {
		opacity: 0.5;
	}
}

@media only screen and (max-width: 767px){
	@media (min-width: 576px){
		.container {
			max-width: 375px;
		}
	}
	.navbar{
		padding-top: 10px;
	}
	h1{
		font-size: 28px;
	}
	h3{
		font-size: 20px;
	}
	h4{
		font-size: 17px;
	}
	h6{
		font-size: 15px;
	}
	p{
		font-size: 14px;
	}
	.mobile-hide {
		display: none;
	}
	.navbar-light .navbar-toggler{
		height: 38px;
    	width: 45px;
    	padding: 0;
	}
	.navbar-toggler .arrow{
		top: -5px;
		left: -1px;
	}
	.get-started{
		right: 0;
	}

	.main-banner h1{
		letter-spacing: 0;
		line-height: 34px;
		max-width: 345px;
		margin: 21px auto 22px;
	}
	.main-banner p{
		line-height: 22px;
		max-width: 345px;
		margin: 0 auto 50px;
	}
	.banner-img{
		left: -10px;
		top: 0;
		height: 188px;
	}
	.first-multi-tab{
		padding-bottom: 130px !important;
	}
	.btn-main{
		font-size: 15px;
		letter-spacing: -0.3px;
		padding: 7px 35px 7px 35px;
	}
	.first-multi-tab{
		padding: 33px 0 0;
	}
	h3.section-header{
		line-height: 26px;
		margin-bottom: 20px;
	}
	p.section-description{
		line-height: 22px;
		margin-bottom: 43px;
	}
	.nav-tabs .nav-link{
	    font-size: 12px;
	    line-height: 20px;
	    text-align: center;
	    margin: 0 10px;
	}
	.nav-tabs a.nav-link:first-child{
		margin-left: 0;
	}
	.nav-tabs a.nav-link:last-child{
		margin-right: 0;
	}
	.tab-content{
		margin-top: 25px;
	}
	.tab-image, .tab-image-container{
		margin-bottom: 42px;
		width: 100%;
		height: 205px
	}
	.tab-content h4{
		margin-bottom: 14px;
	}
	ul.tab-ul{
		flex-direction: column;
		padding-left: 14px;
	}
	ul.tab-ul li{
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 23px;
	}
	.three-features{
		padding-bottom: 111px;
	}
	.three-features-container{
		margin-bottom: 30px;
	}
	.three-features-container:last-child{
		margin-top: 0;
	}
	.three-features p, .more-features p{
		line-height: 22px;
	}
	.first-cta{
		padding-bottom: 45px;
	}
	.cta-img{
		width: 110px;
		height: 175px;
		top: -140px;
	}
	.first-cta p{
		line-height: 22px;
		margin-bottom: 29px;
	}
	.first-cta h3{
		margin-bottom: 17px;
	}
	.first-cta-content{
		margin-top: 48px;
		text-align: center;
	}
	.second-multi-tab{
		padding: 44px 0 22px;
	}
	.image-library-container{
		min-height: auto;
	}
	.image-library-content{
		padding: 50px 0 329px;
	}
	.image-top-slant{
		display: none;
	}
	.image-library{
		padding: 110px 0;
		text-align: center;
	}
	.image-library-content h3{
		line-height: 26px;
	}
	.image-library-content h3, .image-library-content p{
		max-width: 100%;
		text-align: center;
	}
	.image-library-content p{
		font-size: 14px;
		line-height: 22px;
	}
	.girl-img{
		transform: translate(0%,-10%);
		width: 125px;
	}
	.coffee{
    	transform: translate(-70%,12%);
    	width: 228px;
	}
	.sunset {
    	transform: translate(-197%,100%);
    	width: 117px;
	}
	.abstract {
    	transform: translate(-48%,119%);
    	width: 190px;
	}
	.mustache {
    	transform: translate(73%,26%);
    	height: 140px;
	}
	.plate {
    	transform: translate(100%,273%);
    	height: 60px;
    	width: 85px;
	}
	.more-features{
		padding: 59px 0 62px;
	}
	.more-features h3{
		margin-bottom: 16px;
	}
	.more-img-container {
    	margin-bottom: 3px;
	}
	.more-features p.more-features-description{
		line-height: 22px;
		margin-bottom: 35px;
	}
	.more-features h6{
		line-height: 22px;
		margin-bottom: 14px;
	}
	.more-features-container {
    	margin-bottom: 55px;
	}
	.customer-care{
		padding: 70px 0 50px;
	}
	.customer-img-container {
    	height: 190px;
	}
	.customer-care h3{
		line-height: 30px;
	}
	.customer-img{
		width: 400px;
	}
	.testimonial{
		padding: 50px 0 25px;
	}
	.testimonial h3{
		margin-bottom: 43px;
	}
	.testimonial-container {
    	padding: 26px 28px 8px;
    	width: 296px;
    	margin: 0 auto 30px;
	}
	.testimonial-container p{
		line-height: 22px;
		margin-bottom: 32px;
	}
	.author-details-container{
		padding-top: 8px;
	}
	.author-container{
		padding-left: 0;
	}
	.author-img-container {
    	height: 61px;
    	width: 61px;
	}
	p.author-name{
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 0;
	}
	p.author-department{
		font-size: 13px;
	}
	.end-cta{
		padding: 10px 0 80px;
	}
	.end-cta-img{
		height: 240px;
		margin-bottom: 24px;
	}
	.end-cta h3{
		margin-bottom: 19px;
	}
	.end-cta p{
		line-height: 22px;
		padding: 0;
		margin-bottom: 23px;
	}
	h6.footer-title,.footer-links li a{
		font-size: 15px;
	}
	h6.footer-title{
		margin-bottom: 0;
		text-align: left;
	}
	.footer-toggler{
		border: 1px solid #dddde4;
		border-bottom: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		width: 100%;
		height: 38px;
		position: relative;
		padding-left: 19px;
	}
	.footer-toggler .arrow{
		position: absolute;
		left: auto;
		right: 20px;
		top: 14px;
	}
	.footer-links{
		border: 1px solid #dddde4;
		border-top: 0;
		border-radius: 4px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		padding: 19px 20px;
		margin-bottom: 22px;
	}
	.navbar-toggler.footer-toggler.collapsed{
		border-bottom: 1px solid #dddde4;
		margin-bottom: 18px;
		border-radius: 4px;	
	}
	.navbar-collapse.collapsing{
		display: block;
	}
	.small-links{
		text-align: center;
		margin-bottom: 10px;
	}
	.small-links a, .copyright{
		font-size: 12px;
		text-align: center;
	}
	.footer-links li{
		margin-bottom: 12px;
	}
	.copyright{
		max-width: 100%;
	}
	.top-section{
		padding: 25px 0px 0px;
	}
	.top-section p{
		font-size: 14px;
		line-height: 22px;
	}
	.top-section h3{
    	margin-bottom: 16px;
	}
	.option-container{
		max-width: 370px;
		width: 100%;
	}
	.tag-container{
		font-size: 14px;
		letter-spacing: 0.2px;
		margin-top: 36px;
    	padding: 4px 24px;
	}
	.option-content-container{
		padding: 0 35px 59px;
	}
	.option-container h4{
		line-height: 27px;
		max-width: 220px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.option-container p{
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 30px;
	}
	.heroic-options .col-sm-12{
		margin-bottom: 30px;
	}
	.heroic-options{
		padding-bottom: 100px;
	}
	.top-section.pricing-page {
    	padding-top: 24px;
    	padding-bottom: 0px;
	}
	.top-section.pricing-page p{
		margin-bottom: 22px;
	}
	.tab-content.pricing-page {
    	margin-top: 20px;
	}
	.most-popular {
    	width: 100.7%;
	}
	.most-popular p{
		font-size: 14px;
	}
	.pricing-header h4{
		margin-top: 0px;
		margin-bottom: -2px;
	}
	.pricing-header p{
		font-size: 13px;
		line-height: 22px;
	}
	.price-container{
		margin-bottom: 7px;
	}
	.full-pricing-container thead th{
		height: 240px;
	}
	.mobile-title{
		display: block;
	}
	ul#pills-tab{
		width: 100%;
		justify-content: center;
		border-radius: 0px;
		flex-wrap: nowrap;
	}
	.cross{
		height: 20px;
	}
	.cross:before, .cross:after{
		top: 0;
	}
	.nav-pills .nav-link.yearly{
		padding-right: 15px;
	}
	.nav-pills .nav-link.yearly, .nav-pills .nav-link.monthly, .nav-pills .nav-link.year2{
		border-radius: 0px;
		border: 1px solid #d3d4e6;
		font-size: 14px;
		text-align: center;
	}
	.price-container{
		font-size: 30px;
	}
	.form-container {
    	max-width: 290px;
	}
	.form-control{
		padding: 14px 48px 13px;
	}
	.form-group img.email-icon{
		top: 20px;
	}
	.form-group img.lock-icon{
		top: 16px;
	}
	.signUp-form-base .form-banner img{
		left: -20px;
	}
	.signUp-form-base .form-container{
		max-width: 290px;
	}
	.form-check-label.radio-label {
		padding-left: 44px;
		position: relative;
		left: -35px;
	}
	.form-check-label.radio-label.no-label {
		padding-left: 31px;
		left: -26px;
	}
	.radio-container{
		margin-bottom: 30px;
	}
	.load-screen-container{
		width: 300px;
	}
	.load-screen .logo{
		height: 50px;
		margin-bottom: 35px;
	}
	.owl-item.active.center .option-container{
		right: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 38px;
		border-radius: 0;
		border-bottom-right-radius: 90px;
    	border-top-right-radius: 90px;
    	width: 25px;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 38px;
		border-radius: 0;
		border-bottom-left-radius: 90px;
    	border-top-left-radius: 90px;
    	width: 25px;
	}
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
		
	}
	
}
@media only screen and (max-width: 575px){
	.container{
		width: 355px;
	}
	.container.pricing-area {
		width: 100%;
	}
	ul.pricing-ul{
		margin-bottom: 60px;
	}
	.questions-box{
		max-width: 100%;
	}
	.want-blog{
		padding: 20px 0;
	}
	.want-blog-content:after{
		content: none;
	}
	.blog-home-selection-container{
		margin-bottom: 40px;
	}
	.want-blog-container, .home-article-container{
		margin: 0 15px;
	}
	.want-blog-container{
		margin-bottom: 5px;
	}
	.btn-blog, .btn-pick, .btn-select{
		font-size: 16px;
	}
	.site-selection-container{
		padding: 35px;
	}
	.site-selection-container p.checkbox-title{
		font-size: 16px;
	}
	.btn-confirm{
		font-size: 16px;
	}
	.image-style-selection-container{
		margin-bottom: 40px;
	}
	.font-type{
		flex-direction: column !important;
	}
	.font-type p:first-child{
		margin-bottom: 10px;
	}
	.color-container{
		height: 50px;
		width: 50px;
	}
} 

@media only screen and (max-width: 445px){
	.progress{
		width: 100%;
	}
	.questions-content{
		padding: 30px 40px;
	}
	.want-blog-content, .home-article-container{
		padding: 30px;
	}
	.home-article-container{
		padding-left: 15px;
	}
	.blog-home-selection p{
		margin-bottom: 20px;
	}
	.site-selection-container{
		padding: 40px 30px; 
	}
	.inner-banner-selection-container{
		height: 275px;
	}
	.inner-banner-selection p{
		margin-bottom: 15px;
	}
	.dont-worry h5{
		font-size: 17px;
	}
	.font-style{
		margin-bottom: 40px;
	}
	.font-type{
		margin-bottom: 30px;
	}
	.font-contents h6{
		line-height: 26px;
	}
	.color-container{
		height: 50px;
		width: 50px;
		margin-right: 30px;
	}
	.radio-contents, .text-colors{
		margin-bottom: 0;
	}
	.color-palette-selection-container{
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 390px){
	.pricing-container{
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 375px){
	.container{
		width: 100%;
	}
	.nav-tabs .nav-link{
		margin: 0 12px;
	}
	ul.tab-ul li, ul.tab-ul li:first-child{
		margin-left: 9px;
		margin-right: 0;
	}
	.page-template-container{
		margin-bottom: 40px;
	}
	.questions-logo{
		margin-bottom: 40px;
	}
	.questions-header{
		padding: 50px 0;
	}
	.questions-content{
		padding: 25px;
	}
	.questions-image-container{
		min-height: 200px;
	}
	.questions-body .col-1.col-lg-1{
		display: none;
	}
	.questions-body .col-11.col-lg-11{
		max-width: 100%;
    	flex: 0 0 100%;
	}
	.questions-box{
		margin: 0 auto 15px;
	}
	.arrow-down{
		margin-bottom: 15px;
	}
	.question-popup-header{
		padding: 0 0 50px;
	}
	.modal-header{
		padding: 13px 16px;
	}
	.btn-blog, .btn-pick, .btn-select{
		font-size: 16px;
	}
	.site-selection-container{
		padding: 35px 20px;
	}
	.btn-confirm{
		max-width: 100%;
		padding: 6px 47px 7px;
	}
	.inner-banner-selection-container{
		height: 200px;
	}
	.font-style{
		padding: 25px 20px 35px;
	}
	.color-container{
		margin-right: 10px;
	}
	.color-palette-selection-container{
		margin-bottom: 50px;
	}
	.owl-carousel{
		max-width: 320px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 11px;
	}

	.owl-carousel .owl-nav button.owl-next{
		right: 11px;
	}
}

@media only screen and (max-width: 360px){
	.navbar{
		padding-right: 5px;
		padding-left: 5px;
	}
	.navbar-brand{
		margin-right: 0;
	}
}

@media only screen and (max-width: 320px){
	.nav-tabs .nav-link{
		margin: 0 10px;
	}
	
	.main-header-content{
		padding: 0 8px;
	}
	
	.testimonial-container{
		width: 100%;
	}
	.small-links a{
		padding: 0 3px;
	}
	.pricing-container{
		padding: 0 15px 60px;
	}
	.nav-pills .nav-link.yearly, .nav-pills .nav-link.monthly, .nav-pills .nav-link.year2 {
		padding: 7px;
	}
	.questions-header{
		padding: 40px 0;
	}
	.questions-image-container{
		min-height: 150px;
	}
	.inner-banner-selection-container{
		height: 180px;
	}
	.site-selection-container{
		padding: 35px 15px;
	}
	.color-container{
		margin-right: 10px;
	}
	.load-screen-container{
		width: 100%;
	}
}

@media only screen and (max-width: 767px){
	.designedmodal .modal-lg {
	    max-width: 720px;

	}
	.signUp-form-base .form-banner img{
		width: 210px;
		left: 50%;
		margin-left: -105px;
	}
	.signUp-form-base .form-banner{
		min-height: 370px;
	}
}

@media only screen and (max-width: 575px){
	.designedmodal .modal-lg {
	    max-width: 540px;
	}
	.sign-up-container{
		padding:62px 10px 67px 10px;
	}
	.signUp-form-base .form-banner img{
		width: 210px;
		left: 50%;
		margin-left: -105px;
	}
	.signUp-form-base .form-banner{
		min-height: 370px;
	}
}

@media (min-width: 992px){
	.modal-lg {
	    max-width: 980px;
	}
}
@media (min-width: 1200px){
	.designedmodal .modal-lg {
	    max-width: 1140px;
	}
}


.modal-open .modal {
    background: rgba(255,255,255,0.95);
}
.designedmodal .modal-content{
	border: none;
	box-shadow: 0px 9px 22px rgba(97,106,159,0.1);
}

.highlight{
	background: red;
}
.owl-nav{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#nav-tabContent .owl-carousel{
	margin-top: 40px;
}
.row.owl-carousel{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px;
}
.owl-carousel .owl-nav button.owl-prev{
	position: absolute;
	left: -30px;
	font-size: 24px;
	top: 50px;
	background: url(../img/left.png) no-repeat 0 0;
	height: 18px;
	width: 12px;
	background-size: cover;
	text-indent: -9999px;
}
.owl-carousel .owl-nav button.owl-next{
	position: absolute;
	right: -30px;
	font-size: 24px;
	top: 50px;
	background: url(../img/right.png) no-repeat 0 0;
	height: 18px;
	width: 12px;
	background-size: cover;
	text-indent: -9999px;
}
#nav-tabContent .owl-carousel .item img{
	box-shadow: 0 8px 12px 0 rgba(201,204,219,0.50);
}
#nav-tabContent .owl-carousel .item h4{
	font-size: 15px;
	padding-top: 30px;
	color: #4F525E;
}
#nav-tabContent .owl-carousel .item p{
	color: #4F525E;
	font-size: 13px;
	line-height: 18px;
}
.tick{
	padding-left: 35px;
}
.tick li{
	position: relative;
	list-style: none;
	margin-bottom: 10px;
}
.tick li:before {
	content: "";
	position: absolute;
	background: red;
	height:14px;
	width:18px;
	left: -35px;
	top: 5px;
	background: url(../img/tick.png) no-repeat 0 0;
	background-size: cover;
}

.navbar-light .navbar-nav .get-started {
	color: #fff;
	padding-left: 21px;
	padding-right: 21px;
}

@media (min-width: 992px){
	.mobile-show {
		display: none !important;
	}
}
@media (max-width: 991px){
	.mobile-hide {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.align-justify {
		text-align: justify !important;
	}
	.more-features-container .more-img-container {
		text-align: center;
	}
	.more-features-container .more-img-container img {
		margin: 0px auto;
	}
	.more-features-container h6 {
		text-align: center;
	}
	span.mobile-block {
		display: block;
	}
}

.site-info.mobile-show .tab-details h4{
	padding-top: 10px;
	text-align: center;
}

.site-info.mobile-show .tab-details h6{
	margin-bottom: 30px;
	text-align: center;
}

.site-info.mobile-show .image-container {
	height: 450px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}

.site-info.mobile-show .row hr {
    margin: 20px 0;
}