/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

:root {
	--color-primary: #222;
	--color-title: #31225c;
	--bg-color-cta: #00d11f;
}

html {
	scroll-behavior: smooth;
}

html.ws-html__overflow--hidden {
	overflow-y: hidden !important;
}

body {
	background: #fff;
	font-family: Poppins, sans-serif;
	line-height: 1.7!important;
}

h2 {
	font-size: 32px;
	font-weight: bold;
	color: var(--color-title);
}

img {
	object-fit: cover;
	object-position: center;
}

footer {
	background-color: #31225C !important;
}

.cd-filter-block input, .cd-filter-block select {
	padding: 15px 30px 15px 30px !important;
	cursor: text !important;
}
.top-header .wrapper .heading {
	font-family: "Open Sans Bold";
	font-size: 52px;
	text-transform: none !important;
}

.top-header.overlay:before {
	background: linear-gradient(135deg,#8660cd 40%,#07abc9 100%);
}

.menu-wrap .logo-menu {
    width: 150px !important;
}

.menu-wrap .nav-menu .col-2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu-wrap.fixed {
	padding: 20px 0;
}

.hidden {
	display: none!important;
}

.cd-filter-block .checkbox-label, .cd-filter-block .radio-label {
	display:inline!important;
}

.wayIconDanger {
 	font-size: 14px !important;
	position: relative !important;
 	margin: 0!important;
	top: unset!important;
	right: unset!important;
	color: #dc3545!important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.top-header-small {
	padding-top: 70px!important;
	padding-bottom: 10px!important;
	z-index: 2;
}
.table th {
    color: #777;
    font-size:12px;
}
.w-100 {
	width: 100% !important;
}

@media (max-width: 767.98px) {
	.w-sm-100 {
		width: 100% !important;
		display: block;
		text-align: center;
	}
}

.way-file-form {

	width: 100%!important;
	height: 53px!important;
}

.sellingpoints {
	color: #fff;
}
.sellingpoints .fa-stack{
	color: #68cef5 !important;
}
.sellingpoint-text {
	/*text-indent: 40px;*/
}
.services .service-wrap .service-section .subtitle {
    margin-top: -20px;
    margin-bottom: 20px;
}
.services .service-wrap .service-section .svg {
    height: 50px;
    width: 100%;
}

.wayFormInput {
	height: initial;
}


button, .btn, .button {
	color: #fff !important;
	background-color: #8C6EC8 !important;
	box-shadow: 0 0 0 1px #8C6EC8;
	border-radius: 50px;
	text-transform: capitalize;
	border: none;
	padding: 8px 30px;
}

button:hover, .btn:hover, .button:hover {
	color: #8C6EC8 !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 1px #8C6EC8;
}


.myBtn {
	cursor: pointer !important;
	border: 1px solid grey;
	border-radius: 50px;
	color: grey;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding: 17px 26px;
	position: relative;
	background-color: transparent;
	letter-spacing: .02em;
	font-family: "Open Sans Semibold";
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

button, .btn, .button:hover {
	transform: none !important;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.3s;
}

.services .service-wrap .service-section {
	padding: 15px;
}

p {
	font-family: "Open Sans";
	color: #111111;
}

.title {
	font-family: "Open Sans";
	font-weight: bold;
	color: black;
}

.services .service-wrap .service-section .title {
	margin-bottom: 25px;
}

.far {
	font-family: "Open Sans";
}

.blog .sidebar {
	padding: 15px;
}

.tabs-content {
	margin-bottom: 10%;
}
.blog .wrap-blog .btn {
	color: #181b22;
	background-color: transparent;
	padding: 10px 20px;
	border-width: 1px;
	display: block;
	text-align: center;
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.blog .sidebar .tabs .tabs-content {
	margin-top: -50px;
}

.blog .wrap-blog .wrapper {
	padding: 30px;
}

.pricing .wrapper .top-content {
	padding: 40px;
}

.section-heading {
	margin-bottom: -0.5em;
	margin-top: 1.5em;
	text-transform: none !important;
}

.testemunhos {
	padding: 15px;
	margin-bottom: 1em;
}

.testemunhos-heading {
	margin-bottom: 0.5em;
	margin-top: -0.5em;
}

.sendImg {
	margin-top: 10px
}

.tooltip {
	z-index: 100000000;
}

/* Scrollbar */

/* width */
::-webkit-scrollbar {
	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #31225C;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #21183e;
}

.btnStyle {
	display: inline-block !important;
	border: none !important;
	padding: 1rem 1rem !important;
	/*border-radius: 5px !important;*/
	text-decoration: none !important;
	background: #0069ed !important;
	color: #ffffff !important;
	cursor: pointer !important;
	text-align: center !important;
	transition: background 250ms ease-in-out !important;
-webkit-appearance: none !important;
	-moz-appearance: none !important;
	width: 100% !important;
}

.btnStyle:hover,
.btnStyle:focus {
	background: #0053ba !important;
}

.btnStyle:active {
	transform: scale(0.99) !important;
}

@media only screen and (max-width: 600px) {
	.top-header .wrapper .heading {
		min-height: 130px;
		font-size: 35px;
	}

	/*.top-header {*/
	/*	padding-top: 20px;*/
	/*}*/

	/*.top-header-small {*/
	/*	display: none;*/
	/*}*/

	.btn.question {
		top: 0px;
		text-transform: uppercase;
		font-family: "Open Sans Semibold";
		padding: 10px;
		font-size: 15px;
		margin-right: 10px;
	}

	#item-list .btn.question {
		top: 0 !important;
	}

	.cd-top {
		display: none !important;
	}
}

@media only screen and (max-width: 576px) {
	.visible-sm {
		display: block!important;
	}
}


@media (min-width: 576px) and (max-width: 767.98px) {
	.hidden-sm {
		display: none!important;
	}
}

@media (max-width: 575.98px) {
	.hidden-sm {
		display: none!important;
	}
}

.btn-default-danger-fill {
	color: #fff !important;
	background: red;
	border: none;
}

.btn-default-danger-fill:hover {
	color: red !important;
	background: grey !important;
	border: none;
}


.nohead {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

/*#mobileMenu {*/
/*	background-color: #333;*/
/*	overflow: hidden;*/
/*	position: fixed;*/
/*	bottom: 0 !important;*/
/*	width: 100%;*/
/*	transform: none !important;*/
/*	transition: none !important;*/
/*	padding: 10px;*/
/*}*/

/*.menu-wrap.fixed {*/
/*	bottom: 0 !important;*/
/*}*/

.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: -2px !important;
bottom: 20px !important;
}

.grecaptcha-badge:hover {
width: 256px !important;
}

/* 05/10/2020 23:50 changes */
#originalStatusMessage {
  font-size: 20px!important;
  text-align: center!important;
  margin-bottom: .5rem!important;
}
.backupStatusMessage {
  text-align: center!important;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after {
  left: 0!important;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- New markup CSS -------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------- Side navbar menu ------------------------------------------------- */

nav {
	position: relative;
	z-index: 2;
}

#side-navbar > li.nav-item {
	width: calc(100% / 3);
	font-size: 14px;
}

#side-navbar > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #2B3134;
	color: #fff;
	padding: 1rem 1.5rem;
}

#side-navbar > li a:hover,
#side-navbar > li a.active {
	position: relative;
	color: #FDD700;
	font-weight: normal !important;
}

#side-navbar > li a.nav-link.active::before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FDD700;
}

#side-navbar .websiteMenu > li a {
	background-color: #fff;
	color: #4f4f4f;
	flex-direction: column-reverse;
	padding: 2rem .5rem;
	align-items: center;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

#side-navbar .websiteMenu > li a:hover,
#side-navbar .websiteMenu > li a.active {
	color: #1697bf;
}

#side-navbar .websiteMenu > li a span {
	font-size: 13px;
	margin-top: .5rem;
	position: relative;
	width: 100%;
}

#side-navbar .websiteMenu > li a i {
	font-size: 20px;
}

#side-navbar .websiteMenu > li a.active {
	font-weight: bolder !important;
}

@media (min-width: 768px) {
	#side-navbar > li.nav-item {
		width: 100%;
		font-size: 16px;
	}

	#side-navbar > li a {
		justify-content: space-between;
	}

	#side-navbar > li a.nav-link.active::before {
		top: 0;
		left: 0;
		width: 4px;
		height: 100%;
	}

	#side-navbar .websiteMenu > li a {
		padding: 1rem .5rem;
	}
}

#websiteDropdown + ul {
	width: 100%;
	transform: translate3d(0px, 50px, 0px) !important;
}

#websiteDropdown + ul.show {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#dark-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

/* --------------------------------------------------- Mini header --------------------------------------------------- */

#mini-header {
	background-color: #2B3134;
	font-size: 14px;
	z-index: 2;
	position: relative;
}

@media (min-width: 768px) {
	#mini-header {
		font-size: 16px;
	}

	#mini-header #domain {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

#mini-header a,
#mini-header #domain {
	color: #fff;
}

#mini-header #domainName {
	margin-left: .25rem;
}

#mini-header #domain #domainName,
#mini-header #backBtn:hover {
	color: #FDD700;
}

#mini-header #publishFinalPage {
	background-color: #1697bf;
	padding: .3rem .8rem;
	color: #fff;
	cursor: pointer;
}

#mini-header #publishFinalPage:hover {
	background-color: #1387ab;
}

#mini-header #publishFinalPage:active {
	background-color: #0f6985;
}

#mini-header #backBtn,
#mini-header #publishFinalPage {
	text-decoration: none;
}

/* -------------------------------------------------- Domain Manager -------------------------------------------------- */

#main-content h1 {
	color: #1697bf;
	font-size: 27px;
	margin-top: 30px;
}

#main-content h4.landing-h4 {
	display: block;
	width: 100%;
	background-color: #2B3134;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	padding: .5rem 1rem;
}

#main-content h1.landing-h1,
#main-content h2.landing-h2 {
	width: 100%;
	text-align: center;
}

#main-content h1.landing-h1 {
	font-size: 25px;
	color: #333333;
}

#main-content h2.landing-h2 {
	font-size: 14px;
	color: #4f4f4f;
}

@media (min-width: 768px) {
	#main-content h1.landing-h1 {
		font-size: 29px;
	}

	#main-content h2.landing-h2 {
		font-size: 16px;
	}
}

/* ------------------ Cards ------------------ */

#main-content .card .card-body {
	display: flex;
	padding: .5rem 1rem;
}

#main-content .card:hover {
	background-color: #f2f2f2;
}

#main-content .card .card-body a {
	text-decoration: none;
}

#main-content .card .card-body .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}

#main-content .card .card-body .info {
	padding-left: 1rem;
}

#main-content .card .card-body h3 {
	font-size: 15px;
}

#main-content .card .card-body p {
	font-size: 12px;
	margin: 0;
	color: #4f4f4f;
}

/* ------------------ Coming Soon Cards ------------------ */

#main-content .card.coming-soon::before{
	position: absolute;
	content: '';
	background: #DFB900;
	height: 25px;
	width: 25px;
	right: -0.37rem;
	transform : rotate(45deg);
	top: -8.5px;
}

#main-content .card.coming-soon::after{
	position: absolute;
	content: attr(data-label);
	top: -17px;
	right: -11px;
	padding: 0.1rem;
	width: 6rem;
	background: #fdd700;
	color: #000;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}

#main-content .card.coming-soon,
#main-content .card.coming-soon .card-body {
	background-color: #EFEFEF;
	pointer-events: none;
}

#main-content .card.coming-soon .card-body * {
	color: #1010104D;
}


/* ----------------------------------------------------- Settings ----------------------------------------------------- */

#main-content .sendImg,
#main-content .removeImage {
	display: block;
	color: #fff;
	width: 100%;
	padding: .5rem !important;
	margin: 0 !important;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

#main-content .addAccount {
	margin: auto !important;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: fit-content;
}

@media (min-width: 768px) {
	#main-content .sendImg,
	#main-content .removeImage,
	#main-content .addAccount {
		padding: .5rem 1.5rem !important;
	}
}

#main-content .sendImg,
#main-content .addAccount {
	background-color: #3399FF !important;
}

#main-content .removeImage {
	background-color: #FF5F58;
}

#main-content .sendImg:hover,
#main-content .addAccount:hover {
	background-color: #157BE1 !important;
}

#main-content .removeImage:hover {
	background-color: #E1413A;
}

#main-content label,
#main-content .noAccountText {
	font-size: 14px;
	color: #4f4f4f;
}

/* ---------------------------------------------------- Item list ---------------------------------------------------- */

#item-list .item-list-heading {
	font-size: 16px;
	color: #4f4f4f;
}

.wayBtn,
#item-list .servBtn,
#item-list .addNewProduct,
#item-list .addNewPortfolio,
#item-list .addNewEmail,
#item-list .addServGallery,
#item-list .addProdGallery,
#item-list .addPortGallery,
#item-list #addGalleryNewItem {
	font-size: 13px;
	padding: .4rem .8rem !important;
	background-color: #3399FF !important;
	margin-bottom: .5rem;
	color: #fff;
	cursor: pointer;
}

.wayBtn:hover,
#item-list .servBtn:hover,
#item-list .addNewProduct:hover,
#item-list .addNewPortfolio:hover,
#item-list .addNewEmail:hover,
#item-list .addServGallery:hover,
#item-list .addProdGallery:hover,
#item-list .addPortGallery:hover,
#item-list #addGalleryNewItem:hover {
	background-color: #157BE1 !important;
}

#item-list .addServGallery.disabled,
#item-list .addProdGallery.disabled,
#item-list .addPortGallery.disabled,
#item-list #addGalleryNewItem.disabled {
	cursor: not-allowed;
	background-color: #6c757d !important;
}

#item-list .editService, #item-list .removeService,
#item-list .editProduct, #item-list .productRemove,
#item-list .editPortfolio, #item-list .portfolioRemove,
#item-list .editPass,
#item-list .removeEmail,
#item-list .enterBackoffice,
#item-list .editServGallery, #item-list .removeServGalley,
#item-list .editProdGallery, #item-list .removeProdGalley,
#item-list .editPortGallery, #item-list .removePortGalley,
.removeAccount, .sendEmailInfo,
#item-list .removeGallery {
	height: 25px;
	width: 25px;
	box-shadow: none;
	border-radius: 0;
	color: #fff !important;
	line-height: 15px;
	border: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.removeWayBtn {
	font-size: 13px;
	box-shadow: none;
	border-radius: 0;
	color: #fff !important;
	line-height: 15px;
	border: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: .4rem .8rem !important;
	cursor: pointer;
}

@media (min-width: 768px) {
	#item-list .editService, #item-list .removeService,
	#item-list .editProduct, #item-list .productRemove,
	#item-list .editPortfolio, #item-list .portfolioRemove,
	#item-list .editPass,
	#item-list .removeEmail,
	#item-list .enterBackoffice,
	#item-list .editServGallery, #item-list .removeServGalley,
	#item-list .editProdGallery, #item-list .removeProdGalley,
	#item-list .editPortGallery, #item-list .removePortGalley,
	.removeAccount, .sendEmailInfo,
	#item-list .removeGallery {
		height: 28px !important;
		width: 28px !important;
	}
}

.removeWayBtn,
#item-list .removeService,
#item-list .productRemove,
#item-list .portfolioRemove,
#item-list .removeEmail,
#item-list .removeServGalley,
#item-list .removeProdGalley,
#item-list .removePortGalley,
#item-list .removeGallery {
	background-color: #FF5F58;
}

#item-list .editService:hover,
#item-list .editProduct:hover,
#item-list .editPortfolio:hover,
#item-list .editPass:hover,
#item-list .editServGallery:hover,
#item-list .editProdGallery:hover {
	background-color: #DFB900 !important;
}

.removeWayBtn:hover,
#item-list .removeService:hover,
#item-list .productRemove:hover,
#item-list .portfolioRemove:hover,
#item-list .removeEmail:hover,
#item-list .removeServGalley:hover,
#item-list .removeProdGalley:hover,
#item-list .removePortGalley:hover,
#item-list .removeGallery:hover {
	background-color: #E1413A !important;
}

#item-list .enterBackoffice,
.sendEmailInfo {
	background-color: #3399FF !important;
	width: fit-content !important;
}

#item-list .even {
	background-color: #f2f2f2;
}

#item-list thead,
#item-list tbody {
	font-size: 15px;
}

#item-list .sort-button {
	cursor: grab;
}

#item-list .sort-button:active {
	cursor: grabbing;
}

@media (max-width: 767.98px) {
	#item-list .sort-button {
		width: 10px !important;
	}
}

#addServiceForm #editPreService, #editServiceForm #editPreService {
	max-height: 500px;
	object-fit: contain;
}

/* ------------------------------------------------- Add new item ---------------------------------------------------- */

#addServiceForm .sendImg, #addServiceForm .removeImgService, #addServiceForm #addServiceBtn,
#editServiceForm .sendImg, #editServiceForm .removeImgService, #editServiceForm #editServiceBtn,
#addProductForm .sendImg, #addProductForm .removeImgProduct, #addProductForm #addProductBtn,
#editProductForm .sendImg, #editProductForm .removeImgProduct, #editProductForm #editProductBtn,
#addPortfolioForm .sendImg, #addPortfolioForm .removeImgPortfolio, #addPortfolioForm #addPortfolioBtn,
#editPortfolioForm .sendImg, #editPortfolioForm .removeImgPortfolio, #editPortfolioForm #editPortfolioBtn{
	display: block;
	width: 100%;
	text-transform: capitalize;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border: none;
}

.submitWayForm {
	display: block;
	text-transform: capitalize;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border: none;
}

#addServiceForm .removeImgService, #editServiceForm .removeImgService,
#addProductForm .removeImgProduct, #editProductForm .removeImgProduct,
#addPortfolioForm .removeImgPortfolio, #editPortfolioForm .removeImgPortfolio {
	background-color: #FF5F58;
}

#addServiceForm .removeImgService:hover, #editServiceForm .removeImgService:hover,
#addProductForm .removeImgProduct:hover, #editProductForm .removeImgProduct:hover,
#addPortfolioForm .removeImgPortfolio:hover, #editPortfolioForm .removeImgPortfolio:hover {
	background-color: #E1413A !important;
}

.removeAccount {
	background-color: #FF5F58;
}

.removeAccount:hover {
	background-color: #E1413A !important;
}

#addServiceForm #addServiceBtn, #editServiceForm #editServiceBtn,
#addProductForm #addProductBtn, #editProductForm #editProductBtn,
#addPortfolioForm #addPortfolioBtn, #editPortfolioForm #editPortfolioBtn,
.submitWayForm{
	background-color: #3399FF !important;
}

#addServiceForm #addServiceBtn:hover, #editServiceForm #editServiceBtn:hover,
#addProductForm #addProductBtn:hover, #editProductForm #editProductBtn:hover,
#addPortfolioForm #addPortfolioBtn:hover, #editPortfolioForm #editPortfolioBtn:hover,
.submitWayForm{
	background-color: #157BE1 !important;
}


/* ----------------------------------------------------- Contacts ----------------------------------------------------- */

#main-content input::placeholder,
#main-content textarea::placeholder {
	font-size: 13px;
	color: #BDBDBD;
}

#main-content #createPEmail,
#main-content #google-maps .validate-url {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .6rem 2rem !important;
	background-color: #3399FF !important;
	color: #fff;
	width: 100%;
	text-align: center;
	height: 38px;
	cursor: pointer;
	border: none;
	border-radius: 0;
	text-transform: capitalize;
}

#main-content #createPEmail:hover,
#main-content #google-maps .validate-url:hover {
	background-color: #157BE1 !important;
}

#main-content h6 {
	color: #1697bf;
}

/* ----------------------------------------------------- Emails ----------------------------------------------------- */

#addProfissionalEmail #cancelEmailBtn,
#addProfissionalEmail #saveEmailBtn, #sendEmailBtn,
#main-content #cancelEmailBtn,
#main-content #saveEmailBtn {
	width: 50%;
	margin: 0;
	border-radius: 0;
	border: none;
	text-transform: capitalize;
	padding: .7rem;
	color: #fff;
}

#addProfissionalEmail #saveEmailBtn,
#main-content #saveEmailBtn, #sendEmailBtn {
	background-color: #3399FF;
}

#addProfissionalEmail #saveEmailBtn:hover,
#main-content #saveEmailBtn:hover, #sendEmailBtn:hover {
	background-color: #157BE1;
}

.modal .modal-title {
	font-size: 30px;
	color: #1697bf;
}

#addProfissionalEmail .toggle-password-container,
#main-content .toggle-password-container {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0 .5rem;
}

#addProfissionalEmail .toggle-password,
#main-content .toggle-password {
	cursor: pointer;
}

#addProfissionalEmail #inputNewPassword2.form-control.is-invalid,
#addProfissionalEmail #inputNewPassword2.form-control.is-valid,
#main-content #inputNewPassword2.form-control.is-invalid,
#main-content #inputNewPassword2.form-control.is-valid {
	background-position: center right calc(.375em + 1.5875rem) !important;
}

#addProfissionalEmail label {
	color: #4f4f4f;
}

.progress-bar-success {
	background-color: #28a745 !important;
}
.progress-bar-danger {
	background-color: #dc3545 !important;
}
.progress-bar-warning {
	background-color: #ffc107 !important;
}

.text-ellipsis {
	width: 40px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* ------------------------------------------------- Switch buttons ------------------------------------------------- */

/* CSS Switch */
input[switch] {
	display: none;
}
input[switch] + label {
	font-size: 1em;
	line-height: 1;
	width: 56px;
	height: 24px;
	background-color: #eff2f7;
	background-image: none;
	border-radius: 2rem;
	padding: 0.16667rem;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
	font-weight: bold;
	transition: all 0.1s ease-in-out;
	margin-bottom: 0;
}
input[switch] + label:before {
	color: #eff2f7;
	content: attr(data-off-label);
	display: block;
	font-family: inherit;
	font-weight: 500;
	font-size: 12px;
	line-height: 21px;
	position: absolute;
	right: 1px;
	margin: 3px;
	top: -2px;
	text-align: center;
	min-width: 1.66667rem;
	overflow: hidden;
	transition: all 0.1s ease-in-out;
}
input[switch] + label:after {
	content: "";
	position: absolute;
	left: 3px;
	background-color: #eff2f7;
	box-shadow: none;
	border-radius: 2rem;
	height: 20px;
	width: 20px;
	top: 2px;
	transition: all 0.1s ease-in-out;
}
input[switch]:checked + label {
	background-color: blue;
}

input[switch]:checked + label {
	background-color: blue;
}
input[switch]:checked + label:before {
	color: white;
	content: attr(data-on-label);
	right: auto;
	left: 3px;
}
input[switch]:checked + label:after {
	left: 33px;
	background-color: #fff;
}

input[switch=bool] + label {
	background-color: #f46a6a;
}

input[switch=bool] + label:before, input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
	color: #fff;
}

input[switch=bool]:checked + label {
	background-color: #34c38f;
}

.square-switch {
	margin-right: 7px;
}
.square-switch input[switch] + label, .square-switch input[switch] + label:after {
	border-radius: 0;
}

.sideMenu-editIcon {
	font-size     : 13px !important;
	position      : absolute;
	right         : 5px;
	top           : 13px;
	background    : #e1f3ee;
	padding       : 7px;
	border-radius : 50px;
	color         : #9596a5;
}


.wayRelative {
	position: relative;
}

.wayAbsolute {
	position: absolute;
}

@media only screen and (max-width: 576px) {

	.mt-xs-0 {
		margin-top: 0!important;
	}

	.mt-xs-1 {
		margin-top: 10px!important;
	}

	.mt-xs-2 {
		margin-top: 20px!important;
	}

	.mt-xs-3 {
		margin-top: 30px!important;
	}

	.mt-xs-4 {
		margin-top: 40px!important;
	}
}

.dataTableList td {
	padding-top: 0;
	padding-bottom: 0;
}

.randomPass {
	background-color: #3399FF;
	text-transform: capitalize;
	padding: 0.7rem;
	color: #fff!important;
}


.buildingPublish {
	display            : inline-block !important;
	border             : none !important;
	padding            : 0.5rem 1rem !important;
	text-decoration    : none !important;
	background         : #7D7D7D !important;
	color              : #ffffff !important;
	cursor             : pointer !important;
	text-align         : center !important;
	transition         : background 250ms ease-in-out !important;
	-webkit-appearance : none !important;
	-moz-appearance    : none !important;
}

.buildingPublish:hover,
.buildingPublish:focus {
	background: #5a5a5a !important;
}

.buildingPublish:active {
	transform: scale(0.99) !important;
}

.grecaptcha-badge {
	visibility: hidden;
	}

.mobile-cart {
    top: inherit!important;
    margin-right: 20px!important;
}

.testemunhosindex .description{
	font-style: italic;
    color: #333;
    font-size: 14px;
}

@media (min-width: 176px){
	.col-xs-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media (min-width: 576px){
	.col-sm-6 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}
@media (min-width: 768px){
	.col-md-4 {
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
}
@media (min-width: 992px){
	.col-lg-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
}

@media only screen and (max-width: 600px) {
	.colorPickWay {
		margin-right: 0!important;
		margin-top: -38px!important;
		padding: 12px 12px!important;
		}
	}


.way-btn-warning {
	font-size: 13px;
	padding: 0.4rem 0.8rem !important;
	background-color: #fdd700 !important;
	margin-bottom: 0.5rem;
	color: #fff;
	cursor: pointer;
	}

.boldText {
	font-weight: 700;
}

.wayGrayscale {
	filter: grayscale(1);
}


.myBtnImage {
	cursor: pointer !important;
	border: 1px solid grey;
	border-radius: 50px;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding: 60px 26px;
	position: relative;
	background-color: transparent;
	letter-spacing: .02em;
	font-family: "Open Sans Semibold";
	box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

nav.ws-nav {
	height: 80px;
}

nav.ws_nav-mobile,
.ws_nav-mobile__overlay .ws-nav-mobile__closeBtn-overlay {
	height: 60px;
}

nav.ws_nav-mobile {
	z-index: 999;
}

.ws-nav__logo img {
	filter: brightness(0);
}

.ws-nav--sticky {
	position: fixed;
	top: 0;
}

li.ws-nav__menu-link,
li.ws-nav__login {
	display: inline-block;
	padding: 12px;
}

li.ws-nav__menu-link a,
li.ws-nav__login a {
	color: var(--color-primary);
	text-decoration: none;
}

li.ws-nav__menu-link a:hover,
li.ws-nav__login a:hover {
	color: #31225C;
}

li.ws-nav__menu-link.active,
li.ws-nav__login.active {
	color: #31225C;
	font-weight: bold;
}

li.ws-nav__login a {
	margin: 0;
	padding: 8px 16px;
	box-shadow: 0 0 0 1px var(--color-primary);
	border-radius: 4px;
}

li.ws-nav__login a:hover {
	box-shadow: 0 0 0 1px #31225C;
}

.ws_nav-mobile span i {
	font-size: 24px;
	color: #222;
}

/* The Overlay (background) */
.ws_nav-mobile__overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	right: 0;
	top: 0;
	background-color: #31225C;
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.3s; /* 0.3 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.ws-nav-mobile__overlay--content {
	position: relative;
	height: 100%;
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
}

.ws_nav-mobile li.ws-nav__menu-link,
.ws_nav-mobile li.ws-nav__login {
	padding: 18px;
}

/* The navigation links inside the overlay */
.ws_nav-mobile__overlay a:not(.ws-nav-mobile__closeBtn) {
	text-decoration: none;
	font-size: 24px;
	color: #d0c1ee;
	transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.ws_nav-mobile__overlay a:hover,
.ws_nav-mobile__overlay a:focus {
	color: #8C6EC8 !important;
}

.ws_nav-mobile__overlay .ws-nav__login a:hover,
.ws_nav-mobile__overlay .ws-nav__login a:focus {
	box-shadow: 0 0 0 1px #8C6EC8 !important;
}

.ws_nav-mobile__overlay .ws-nav-mobile__closeBtn-overlay {
	z-index: 1;
}

/* Position the close button (top right corner) */
.ws_nav-mobile__overlay .ws-nav-mobile__closeBtn {
	font-size: 24px;
	color: #d0c1ee;
}

.overlay-grad {
	height: calc(100vh - 80px);
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.overlay-grad {
		height: unset;
	}

	.pricing-card {
		transform: none !important;
	}
}

#newsletterBtn {
	top: 0;
	bottom: 0;
}

.ws-button--outline {
	background: #fff !important;
	color: #8c6ec8 !important;
}

.ws-button--outline:hover {
	background: #8c6ec8 !important;
	color: #fff !important;
}

.footer .heading {
	color: #d0c1ee;
}

.footer .footer-menu .menu-item a {
	color: #fff;
}

.footer .footer-menu .menu-item a:hover,
.footer .payment-list li i:hover {
	color: #8c6ec8;
}

.cd-top {
	bottom: 50px;
	right: 50px;
	border-radius: 50px;
	background: #31225C;
}

.cd-top:hover {
	background: #6939ca;
}

@media screen and (max-width: 768px) {
	.menu-wrap .logo-menu {
		width: 120px !important;
	}

	.nav-menu .main-menu {
		background: #31225C;
	}

	.nav-menu .main-menu > .menu-item {
		padding: 19px 0;
	}

	.nav-menu .main-menu .menu-item > a {
		color: #d0c1ee;
	}

	.nav-menu .main-menu > .menu-item:hover > a {
		color: #fff;
	}

	#checkDomainArea .box {
		width: 100%;
	}

	.footer-menu li {
		text-align: left !important;
	}

	.footer .footer-top img {
		width: 130px;
	}

	.footer .copyrigh {
		padding: 0;
	}

	.footer .footer-menu {
		display: none !important;
	}

	.footer .footer-menu.show {
		display: block !important;
	}
}

.footer .heading h6 {
	font-size: 18px !important;
	font-weight: bold !important;
	color: #d0c1ee !important;
}

#nav-toggle {
	background: none !important;
	box-shadow: none;
}

.active #nav-toggle span:before,
.active #nav-toggle span:after {
	background: #8C6EC8 !important;
}

.form-control:focus {
	border: none !important;
}

.blog .sidebar {
	box-shadow: none;
}

.blog .wrap-blog .wrapper {
	border-radius: 12px;
	box-shadow: none;
}

.ordersummary td {
	padding: 20px 0 !important
}

footer h3 {
	font-size: 18px;
}

.nav-menu .main-menu .menu-item.menu-last + li a {
	padding: 12px 16px !important;
	box-shadow: 0 0 0 1px #d0c1ee;
	border-radius: 4px;
}

.nav-menu .main-menu .menu-item.menu-last + li a:hover {
	box-shadow: 0 0 0 1px #fff;
}

.subcribe form p,
.footer .copyrigh,
.footer .payment-list li p,
.footer .payment-list li i {
	color: #fff !important
}

.general-input {
	width: 550px;
}

.fill-input {
	padding: 10px 150px 10px 30px !important;
}

@media (max-width: 1199.98px) {
	.top-header > .container {
		max-width: 100% !important;
	}

	.top-header img {
		width: 475px;
	}
}

@media screen and (max-width: 768px) {
	.top-header img {
		width: 400px;
	}
}

@media screen and (max-width: 576px) {
	.top-header img {
		width: 250px;
	}
}


.wayIconBtn {
	float: right;
	margin-top: 0!important;
	margin-right: 5px!important;
}

.wayIconBtnPrimary {
	padding-left:10px;
	padding-right: 10px;
	background-color: #0a53be!important
}

.wayIconBtnPrimary:hover {
	color: #0a53be!important;
	box-shadow: 0 0 0 1px #0a53be;
}


.wayIconBtnDanger {
	padding-left:10px;
	padding-right: 10px;
	background-color: #dc3545!important
}

.wayIconBtnDanger:hover {
	color: #dc3545!important;
	box-shadow: 0 0 0 1px #dc3545;
}

@media (max-width: 767px) {
	.cd-main-content {
		position: relative !important;
	}
}

/* ------------------------------------------------ New CRO Homepage ------------------------------------------------ */

.gap-24 {
	gap: 24px;
}

h1 {
	color: #31225c !important;
}

h2 {
	font-size: 2rem;
}

.fa-circle-check {
	color: #70d715;
}

ul li i {
	margin-right: 4px;
}

.search-button {
	border-radius: 999px;
	font-weight: 600;
}

.search-button:hover {
	color: #fff !important;
	background: var(--bg-color-cta);
	-webkit-box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.1) !important;
	-moz-box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.1) !important;
	box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.1) !important;
}

.cta {
	display: block;
	background-color: var(--bg-color-cta) !important;
	color: #fff !important;
	box-shadow: none !important;
	font-weight: 600;
	border-radius: 999px;
	font-size: 20px;
	padding: 16px;
	text-transform: capitalize;
	width: 100%;
	text-align: center;
}

.cta:hover,
.cta:focus {
	background-color: var(--bg-color-cta) !important;
	color: #fff !important;
	border: none !important;
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.1) !important;
	-moz-box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.1) !important;
	box-shadow: inset 0 0 300px 200px rgba(0,0,0,0.1) !important;
}

.ws-nav__logo img {
	filter: brightness(0);
}

.trust-policy-bar {
	font-size: 13px;
}

.trust-policy-bar img {
	width: 35px;
}



/* Scrollbar */

/* width */
.trust-policy-bar .col::-webkit-scrollbar {
	display: none;
}

/* Track */
.trust-policy-bar .col::-webkit-scrollbar-track {
	display: none;
}

/* Handle */
.trust-policy-bar .col::-webkit-scrollbar-thumb {
	display: none;
}

/* Handle on hover */
.trust-policy-bar .col::-webkit-scrollbar-thumb:hover {
	display: none;
}





.bg-img {
	background-image: url("/assets/front/img/bg.jpg");
}

.above-the-fold__content {
	flex: 1;
}

.reviews__rating,
.testimonial__rating {
	color: #ff7700;
}

/* ------------------------------------------------- Transformation ------------------------------------------------- */

.transformation {
	background-color: #31225C;
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.transformation .transformation__step i,
.transformation .transformation__step span {
	color: #D0C1EE;
}

.transformation i {
	font-size: 36px;
}

.transformation__step-number {
	font-size: 20px;
}

.transformation__content .arrow {
	font-size: 20px;
}

.transformation .reviews {
	color: #fff;
}

/* ---------------------------------------------------- Benefits ---------------------------------------------------- */

.benefits img {
	width: 100%;
	max-width: 400px;
}

/* -------------------------------------------------- Testimonials -------------------------------------------------- */

.testimonial {
	gap: 12px;
}

.testimonial__quote {
	font-size: 12px;
}

.domain-checker {
	color: #0b0b0b;
	background: #fff;
	border-radius: 15px;
	padding: 40px 20px;
}

.domain-checker h2 {
	font-size: 1.5rem;
}

.domain-checker .steps .step-divider {
	height: 2px;
	background: #ddd;
}

.step-counter__number {
	height: 30px;
	width: 30px;
	background: #D0C1EE;
	border-radius: 999px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #31225c;
}

.step-counter__label {
	font-size: 13px;
	text-align: center;
	text-transform: capitalize;
	margin-top: 4px;
}

.domain-checker .search-button {
	background-color: #00d11f !important;
	width: 100%;
}

/* -------------------------------------------------- Testimonials -------------------------------------------------- */

.testimonial__name,
.testimonials__quote {
	font-size: 14px;
}

/* ------------------------------------------------------ FAQs ------------------------------------------------------ */

.faqs .card-header {
	background: none;
}

.faqs #accordion .card:last-of-type .card-header {
	border: none;
}

.faqs .btn {
	background: #fff !important;
	color: var(--color-primary) !important;
	box-shadow: none;
	padding-left: 0;
	text-align: left;
	line-height: normal;
}

.faqs .btn:hover,
.faqs .btn:focus {
	text-decoration: none;
	color: #31225C !important;
}

/* ---------------------------------------------------- Final CTA ---------------------------------------------------- */

.final-cta {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

section.testimonial {
	background: #F4EEFE;
}

@media (min-width: 768px) {
	h1 {
		font-size: 3rem;
	}

	.trust-policy-bar img {
		width: 40px;
	}

	.cta {
		font-size: 24px;
		padding: 16px 60px;
		width: fit-content;
	}

	.domain-checker {
		padding: 70px 20px;
	}

	.transformation i {
		font-size: 40px;
	}

	.transformation__step-number {
		font-size: 24px;
	}
}

@media (min-width: 992px) {
	.w-lg-100 {
		width: 100% !important;
	}

	.vh-lg-100 {
		height: 100vh !important;
	}
}