/* =====   AVISOS DO INDEX   ===== */

/* .ui-widget-content {
	background: #bd0ae3!important;
} */



.hide{
	display: none;
}
.show {
	display: block!important;
}
.chat-melhoria{
	z-index: 99;
	position: fixed;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	overflow: hidden;
	width: 270px;
	border-radius: 5px;
	cursor: pointer !important;
	animation: magnify-open 1.5s forwards !important;
	padding: 20px ;
}
.chat-melhoria h5{
	font-weight: bold;
	font-size: 18px;
}
.chat-melhoria p{
	font-size: 14px;
	color: silver;
	line-height: 14px;
}
.chat-melhoria img{
	width: 61px !important;
	float: right;
}
.chat-whats{
	z-index: 99;
	position: fixed;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	overflow: hidden;
	width: 300px;
	border-radius: 5px;
	cursor: pointer !important;
	animation: magnify-open 1.5s forwards !important;
	padding: 20px ;
}
.chat-whats h5{
	font-weight: bold;
	font-size: 18px;
}
.chat-whats p{
	font-size: 14px;
	color: silver;
	line-height: 14px;
}
.chat-whats img{
	width: 61px !important;
	float: right;
}
.texto-cookies a:hover{
	color: #000;
}
.show{
	display: block;
}
.aceitar-cookies{
	color: white;
	background-color: #000;
	text-align: center;
	margin: 9px 5px 0px 10px;
	padding: 10px 5px;
	border-radius: 3px;
	cursor: pointer;
}
.texto-cookies{
	color: #000;
	padding: 5px 5px;
	margin: 0px;
}
.aviso-cookies{
	color: black;
	z-index: 999;
	position: fixed;
	bottom: 5px;
	left: 15%;
	width: 70%;    
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15) !important;
	border-radius: 3px;
	background: #fff;
	padding: 10px 10px;
}
@media (max-width: 768px) {
	.aviso-cookies{
		z-index: 999;
		bottom: 0px !important;
		margin-bottom: 0px !important;
		left: 0px;
		width: 100% !important;     
		border-radius: 0px;
		padding: 20px;
	}
}
/* =====   FIM AVISOS DO INDEX   ===== */



.w-200{
	width: 157px;
	margin-top: 5px;
}

.formulario{
	font-size: 18px;
	padding: 15px 15px;
	border-radius: 25px 25px 25px 0;
}

.special_description_content{
	margin-top: 135px;
}

.get-start-area .email {
	background: #ffffff !important;
}

.titulo{
	font-size: 55px !important;
	line-height: 55px;
}

.fs-20{
	font-size: 20px;
}

#scrollUp{
	display: none !important;
}

.text-purple{
	color: #5b32b4;
}

.input-cliente{
	width: 100% !important;
	margin-bottom: .7em !important;
	border-radius: 10px !important;
	padding: 3px !important;
	border: 1px solid black !important;
}

.input-cliente-url{
	margin-bottom: .7em;
	border-radius: 10px;
	padding: 3px;
}

.input-cliente-color{
	width: 50px;
	height: 50px;
	margin-bottom: .7em;
	border-radius: 10px;
	padding: 3px;
}

.pt-100{
	padding-top: 100px;
}

label{
	margin-bottom: 0px;
}

.tema{
	width: 170px;
	height: 100%;
	margin-bottom:  20px;
	padding: 10px;
}

.celular-iframe{
	position: absolute;
	z-index: 5;
	width: 332px;
	top: 8px;
	height: 686px;
	left: 24px;
	border-radius: 51px;
}

.celular-iframemobile {
	position: absolute;
	z-index: 5;
	width: 326px;
	top: 8px;
	height: 678px;
	left: 24px;
	border-radius: 51px;
}


@media (min-width: 992px){
	.celular-iframe{
		position: absolute;
		z-index: 5;
		width: 332px;
		top: 8px;
		height: 686px;
		left: 24px;
		border-radius: 51px;
	}
}

#dot-smartphone{
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 0px;
}

.btn-excluir {
	background-color: red;
	padding: 7px;
	height: 33px;
	width: 77px;
	border-radius: 6px;
}

.titulo-url{
	margin-top: 7px;
	margin-right: 5px;
}

.border-select{
	border: 4px solid transparent;
}

input[type="radio"]:checked+label {
	border: 4px solid #5b32b4;
}

.br-10{
	border-radius: 10px;
}
.br-25{
	border-radius: 25px;
}

input[type="radio"]{
	display: none;
}

.hide{
	display: none;
}

.url{
	width: 157px;
}

.w-header{
	min-height: 73px;
}

.mt-15{
	margin-top: 15px;
}

.fa-trash{
	color: red;
	padding: 4px;
}

.text-white{
	color: white !important;
}

.cursor-pointer{
	cursor: pointer;
}

.fa-times{
	color:#F27474
}

.fa-check{
	color: #3da53a;
}

.btn-link:hover {
	text-decoration: none;
}

.texto-borrado{
	text-shadow: 0px 0px 6px #000;
	color: transparent;
}

.text-esmaecido{
	color: #8e8e8e;
}

.vantagens tr{
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	line-height: 32px;
}



.iframe-celular{
	position: absolute;
	z-index: 5;
	width: 332px;
	top: 8px;
	height: 686px;
	left: 24px;
	border-radius: 51px;
}

#frame {
	-ms-zoom: 0.55;
	-moz-transform: scale(0.55);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.55);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.55);
	-webkit-transform-origin: 0 0;
}

@media (min-width: 992px){
	.iframe-celular {
		position: absolute;
		z-index: 5;
		top: 14px;
		height: 96.5%;
		width: 92.3%;
		left: 15px;
		border-radius: 52px;
	}
}

.dot-celular{
	position: absolute;
	z-index: 6;
	left: 0px;
}

.input-url-cartaoplus{
	width: 154px;
	border-radius: 28px 0px 0px 28px;
	margin-left: 13px;
	height: 65px;
	padding-top: 12px;
	font-size: 27px;
	border-right: none;
}

.input-url-seunome{
	border-left: none;
	border-radius: 0px 28px 28px 0px;
	padding: 0px;
	height: 65px;
	font-size: 27px;
	max-width: 281px;
	width: 280px;
}

.p-10{
	padding: 10px;
}

.fs-24{
	font-size: 24px;
}

.fs-18{
	font-size: 18px;
}

.purple-light{
	color: #5b32b4;
}

.mascara-cartao-home{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	z-index: 999;
}

.w-270{
	width: 270px;
}

html{
	scroll-behavior: smooth;
}

.emoji-picker-icon {
	right: 24px;
	top: 40px;
}

.input-cliente{

}

.input-url-cartaoplusmobile {
	width: 100px;
	border-radius: 28px 0px 0px 28px;
	margin-left: 13px;
	height: 53px;
	padding-top: 12px;
	font-size: 17px;
	border-right: none;
}
.input-url-seunomemobile {
	border-left: none;
	border-radius: 0px 28px 28px 0px;
	padding: 0px;
	height: 53px;
	font-size: 17px;
	max-width: 281px;
	width: 217px;
}


.btn-green{
	background-color: #1aa835; 
	color: white;
}

.icone-link{
	width: 40px;
	height: 40px;
	background-color: #cc0deb;
	border-radius: 50%;
	text-align: center;
}

.icone-link-fa {
	color: white;
	margin-top: 8px;
	font-size: 24px !important;
}

.ui-progressbar .ui-progressbar-value {
	margin: 0px !important;
	height: 100%;
	background: #5b32b4;
}
.ui-progressbar {
	position: relative;
}
.progress-label {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 4px;
	font-weight: bold;
	color: white;
}


.shake-link{
	animation: 3s linear 0s infinite normal none running shake;
}
@-webkit-keyframes shake{0%{-webkit-transform:translateX(3px) rotate(1deg);-ms-transform:translateX(3px) rotate(1deg);transform:translateX(3px) rotate(1deg);}2.5%{-webkit-transform:translateX(-3px) rotate(-1deg);-ms-transform:translateX(-3px) rotate(-1deg);transform:translateX(-3px) rotate(-1deg);}5%{-webkit-transform:translateX(3px) rotate(1deg);-ms-transform:translateX(3px) rotate(1deg);transform:translateX(3px) rotate(1deg);}7.5%{-webkit-transform:translateX(-3px) rotate(-1deg);-ms-transform:translateX(-3px) rotate(-1deg);transform:translateX(-3px) rotate(-1deg);}10%{-webkit-transform:translateX(2px) rotate(1deg);-ms-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg);}12.5%{-webkit-transform:translateX(-2px) rotate(-1deg);-ms-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg);}15%{-webkit-transform:translateX(2px) rotate(1deg);-ms-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg);}17.5%{-webkit-transform:translateX(-2px) rotate(-1deg);-ms-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg);}20%{-webkit-transform:translateX(1px) rotate(1deg);-ms-transform:translateX(1px) rotate(1deg);transform:translateX(1px) rotate(1deg);}22.5%{-webkit-transform:translateX(-1px) rotate(-1deg);-ms-transform:translateX(-1px) rotate(-1deg);transform:translateX(-1px) rotate(-1deg);}25%{-webkit-transform:translateX(0px) rotate(0);-ms-transform:translateX(0px) rotate(0);transform:translateX(0px) rotate(0);}}
@keyframes shake{0%{-webkit-transform:translateX(3px) rotate(1deg);-ms-transform:translateX(3px) rotate(1deg);transform:translateX(3px) rotate(1deg);}2.5%{-webkit-transform:translateX(-3px) rotate(-1deg);-ms-transform:translateX(-3px) rotate(-1deg);transform:translateX(-3px) rotate(-1deg);}5%{-webkit-transform:translateX(3px) rotate(1deg);-ms-transform:translateX(3px) rotate(1deg);transform:translateX(3px) rotate(1deg);}7.5%{-webkit-transform:translateX(-3px) rotate(-1deg);-ms-transform:translateX(-3px) rotate(-1deg);transform:translateX(-3px) rotate(-1deg);}10%{-webkit-transform:translateX(2px) rotate(1deg);-ms-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg);}12.5%{-webkit-transform:translateX(-2px) rotate(-1deg);-ms-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg);}15%{-webkit-transform:translateX(2px) rotate(1deg);-ms-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg);}17.5%{-webkit-transform:translateX(-2px) rotate(-1deg);-ms-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg);}20%{-webkit-transform:translateX(1px) rotate(1deg);-ms-transform:translateX(1px) rotate(1deg);transform:translateX(1px) rotate(1deg);}22.5%{-webkit-transform:translateX(-1px) rotate(-1deg);-ms-transform:translateX(-1px) rotate(-1deg);transform:translateX(-1px) rotate(-1deg);}25%{-webkit-transform:translateX(0px) rotate(0);-ms-transform:translateX(0px) rotate(0);transform:translateX(0px) rotate(0);}}


.btn-destaque{
	border-radius: 25px;
}

.btn-destaque input[type="checkbox"] {
  display: none;
   border-radius: 5px;
}

.btn-destaque label {
	border: 4px solid white;
   padding: 4px;
   border-radius: .5rem;
}

.btn-destaque input:checked + label {
	border: 4px solid #5b32b4;
  padding: 4px;
  border-radius: .5rem;
}

.link-com-img{
	height: 50px;
}
.img-link{
	position: absolute;
	width: 40px;
	left: 22px;
    top: 15px;
}

.btn-editar-contato{
	padding: 0rem 0rem;
}

.card-header-link {
    padding: 1.55rem 1.30rem;
}

.img-tipo-link{
	width: 100px;
    height: 37px;
}
.img-tipo-social{
	width: 37px;
	height: 37px;
}
@media (min-width: 992px){
	.img-tipo-link{
		height: 50px;
		width: 175px;
	}
	.img-tipo-social{
		height: 50px;
		width: 50px;
	}
}

.bg-video {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden; 
}
.bg-video > video {
    width: 100%;
}















/* store */
.card-produto{
	box-shadow: 3px 3px 7px rgb(0 0 0 / 56%);
	    min-height: 315px;
}
.btn-editar-produto{
	position: absolute;
    bottom: 3px;
    right: 3px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white !important;
    border: 1px solid #151515 !important;
    border-radius: 10px !important;
    cursor: text;
}
.loading-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
}
.classImagemLoad{
    position: fixed;
    text-align: center;
    width: 300px;
    height: 130px;
    margin-top: 100px;
    margin-left: 50%;
    left: -150px;
    z-index: 99999;
    background-color: white;
}

.classImagemLoad span{
    position: relative;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #004C70;
}

.classLoadPercenutal{
    height: 20px;
    width: 300px;
    /*background-color: greenyellow;*/
    position: relative;
    float: left;
    margin-top: 10px;
}




.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}


.hll { background-color: #ffffcc; }

.c { color: #408080; font-style: italic; }

/* Comment */
.err { border: 1px solid #FF0000; }

/* Error */
.k { color: #008000; font-weight: bold; }

/* Keyword */
.o { color: #666666; }

/* Operator */
.cm { color: #9AA5AD; font-style: italic; }

/* Comment.Multiline */
.cp { color: #BC7A00; }

/* Comment.Preproc */
.c1 { color: #9AA5AD; font-style: italic; }

/* Comment.Single */
.cs { color: #408080; font-style: italic; }

/* Comment.Special */
.gd { color: #A00000; }

/* Generic.Deleted */
.ge { font-style: italic; }

/* Generic.Emph */
.gr { color: #FF0000; }

/* Generic.Error */
.gh { color: #000080; font-weight: bold; }

/* Generic.Heading */
.gi { color: #00A000; }

/* Generic.Inserted */
.go { color: #808080; }

/* Generic.Output */
.gp { color: #000080; font-weight: bold; }

/* Generic.Prompt */
.gs { font-weight: bold; }

/* Generic.Strong */
.gu { color: #800080; font-weight: bold; }

/* Generic.Subheading */
.gt { color: #0040D0; }

/* Generic.Traceback */
.kc { color: #008000; font-weight: bold; }

/* Keyword.Constant */
.kd { color: #229EFF; font-weight: bold; }

/* Keyword.Declaration */
.kn { color: #008000; font-weight: bold; }

/* Keyword.Namespace */
.kp { color: #008000; }

/* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold; }

/* Keyword.Reserved */
.kt { color: #B00040; }

/* Keyword.Type */
.m { color: #666666; }

/* Literal.Number */
.s { color: #CB0C6A; }

/* Literal.String */
.na { color: #C38D00; }

/* Name.Attribute */
.nb { color: #008000; }

/* Name.Builtin */
.nc { color: #0000FF; font-weight: bold; }

/* Name.Class */
.no { color: #880000; }

/* Name.Constant */
.nd { color: #AA22FF; }

/* Name.Decorator */
.ni { color: #999999; font-weight: bold; }

/* Name.Entity */
.ne { color: #D2413A; font-weight: bold; }

/* Name.Exception */
.nf { color: #0000FF; }

/* Name.Function */
.nl { color: #A0A000; }

/* Name.Label */
.nn { color: #0000FF; font-weight: bold; }

/* Name.Namespace */
.nt { color: #0081E5; font-weight: bold; }

/* Name.Tag */
.nv { color: #19177C; }

/* Name.Variable */
.ow { color: #AA22FF; font-weight: bold; }

/* Operator.Word */
.w { color: #bbbbbb; }

/* Text.Whitespace */
.mf { color: #666666; }

/* Literal.Number.Float */
.mh { color: #666666; }

/* Literal.Number.Hex */
.mi { color: #666666; }

/* Literal.Number.Integer */
.mo { color: #666666; }

/* Literal.Number.Oct */
.sb { color: #BA2121; }

/* Literal.String.Backtick */
.sc { color: #BA2121; }

/* Literal.String.Char */
.sd { color: #BA2121; font-style: italic; }

/* Literal.String.Doc */
.s2 { color: #D50069; }

/* Literal.String.Double */
.se { color: #BB6622; font-weight: bold; }

/* Literal.String.Escape */
.sh { color: #BA2121; }

/* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold; }

/* Literal.String.Interpol */
.sx { color: #008000; }

/* Literal.String.Other */
.sr { color: #BB6688; }

/* Literal.String.Regex */
.s1 { color: #BA2121; }

/* Literal.String.Single */
.ss { color: #19177C; }

/* Literal.String.Symbol */
.bp { color: #008000; }

/* Name.Builtin.Pseudo */
.vc { color: #19177C; }

/* Name.Variable.Class */
.vg { color: #19177C; }

/* Name.Variable.Global */
.vi { color: #19177C; }

/* Name.Variable.Instance */
.il { color: #666666; }

/* Literal.Number.Integer.Long */
.nx { color: #4C556B; }

#dropzone { margin-bottom: 3rem; }

.dropzone { border: 2px dashed #0087F7; border-radius: 5px; background: white; }
.dropzone .dz-message { font-weight: 400; }
.dropzone .dz-message .note { font-size: 0.8em; font-weight: 200; display: block; margin-top: 1.4rem; }


@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.dropzone, .dropzone * {
    box-sizing: border-box;
}
.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 54px 54px;
}
.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable * {
    cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}
.dropzone.dz-started .dz-message {
    display: none;
}
.dropzone.dz-drag-hover {
    border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}
.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}
.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}
.dropzone .dz-preview:hover {
    z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
    background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}
.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}
.dropzone .dz-preview .dz-image img {
    display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.ui-state-default-placeholder{
    background: #fff4b5 !important;

    min-width: 12.5%;
}

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}
.dropzone .dz-preview .dz-error-message:after {
    content:'';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}


.btn-excluir-galeria{
	position: absolute;
}
.destaque-galeria{
	position: absolute;
	background-color: #0000ff6b;
	width: 86px;
	z-index: 0;
	height: 101px;
	top: -15px;
	border-radius: 7px;
	text-align: center;
}
.z-9{
	z-index: 9;
}


.checkbox-pagamento:checked+label {
    border: 2px solid #5b32b4;
    border-radius: 7px;
}
.label-pagamento{
	border: 2px solid transparent;
}
.img-pagamento{
	width: 50px;
}


.select-plano{
	width: 100%;
    background: #ae15e6;
    height: 90px;
    padding-top: 13px;
    font-size: 21px;
    color: white;
}

.select-plano:checked+label {
    border: 8px solid #5b32b4 !important;
}