/*--------------------------------------------------------------
Theme Name: my-theme (theme)
Author: Traffiza
Author: URI: https://traffiza.com.br  
Ver: 3.0  
--------------------------------------------------------------*/
html {margin-top: 0 !important; color:#313131; font-family: "Roboto", Sans-serif;} 
body {background: #ffffff; height:auto;}
#page {margin: 0 auto;  display: flex; flex-direction: column; }
    /* overflow: ; display: flex; flex-direction: column;  position: relative;min-height: 100.1vh; */
#content {/*flex: 1 auto;
    background-image: linear-gradient(to bottom, #edf1f2, rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-size: 100% 370px;
	min-height: inherit!important;*/
	padding-top: 4em;
	display: inline-table;
}
.rk-none {display:none;}

.rk-container, .rk-container-header {width: 1240px; margin: 0 auto; min-height: inherit;}
.rk-container-30 {width: 30%; max-width: 1020px; margin: 0 auto; }
.rk-container-40 {width: 40%; max-width: 1020px; margin: 0 auto; }
.rk-container-50 {width: 50%; max-width: 1020px; margin: 0 auto; }
.rk-container-60 {width: 60%; max-width: 1020px; margin: 0 auto; }
.rk-container-65 {width: 65%; max-width: 1020px; margin: 0 auto; }
.rk-container-100 {width: 100%; margin: 0 auto; display: inline-block;}

.rk-column-10 {width: 10%; float: left;}
.rk-column-30 {width: 30%; float: left; margin-right:1em;}
.rk-column-35 {width: 35%; float: left;}
.rk-column-40 {width: 40%; float: left;}
.rk-column-45 {width: 45%; float: left;}
.rk-column-50 {width: 50%; float: left;}
.rk-column-60 {width: 60%; float: left;}
.rk-column-68 {width: 68%; margin-right:1em;}

.rk-column-1 {width: 68%; margin-right:1em; float: left;}
.rk-column-2 {width: 30%; float: right;}

.rk-column-1x {width: 30%; margin-right:1em; float: left;}
.rk-column-2x {width: 68%; float: right;}

.rk-columnpage-1 {width: 68%; margin-right:1em; float: left;
    /*border: 1px solid #e1e1e1;*/
    /*box-shadow: 0 0 10px rgb(232 234 237 / 50%);*/
    /*padding: 0 40px 40px 40px;*/
    /*margin-top: 20px;*/
    /*background-color: #ffffff;*/

}
@media (max-width: 768px) {
	.rk-columnpage-1 {
    width: 100%!important;
	padding: 0;
	border: 0;
    margin: 0;
	background-color: inherit;}
	.site-header .rk-container  {width: 100%!important; padding-left:3px!important; padding-right:3px!important;}
}


.rk-fix-2 {
position: absolute;
}

.rk-fix-2.fixed {
position: fixed;
top: 10px;
}

.rk-column {
	border: 1px solid #e1e1e1;
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
    padding: 0 40px 40px 40px;
    margin-top: 20px;
    background-color: #ffffff;
	/*border-radius: 6px; */
}
.rk-column-center-30 {
    width: 30%;
    margin: 0 auto;
}


.rk-header-1 {width: 30px; height: 30px; float: left; padding: 3px 0 0 0;}
.rk-header-2, .rk-header-faq  {width: 50%; height: 30px; float: left;}
.rk-header-3 {width: 30px; height: 30px; float: right; padding: 3px 0 0 0; text-align: center;}

.rk-header-zap1 {width: 30px; height: 30px; float: right; padding: 3px 0 0 0; text-align: center; margin-right: 15px;}
.rk-header-zap2 {width: 30px; height: 30px; float: right; padding: 3px 0 0 0; text-align: center;}

.rk-header-zap1 svg, .rk-header-zap2 svg {
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


@media (max-width: 768px) {
	
	.rk-column-50, .rk-column-center-30 {width: 100%; float: inherit;}
	.none-50 {display:none;}
	.rk-column {
		border:0;
		box-shadow:inherit;
		padding: inherit!important;
		margin-top: 0;
		background-color: inherit;
	}
}

h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
line-height: 1.5;
color: #313131;
}
h1.rk-heading {font-size: 28px;}
h2.rk-heading {font-size: 20px;}
h3.rk-heading {font-size: 16px;}

.hr1 {  border: 0;  border-top: 1px solid #e1e1e1;}
/*--------------------------------------------------------------
site-header e logo
--------------------------------------------------------------*/

.avatar img {border-radius: 50%; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); display: block; width: 100%; height: 100%; object-fit: cover;}
.rk-custom-logo img {width: 125px;text-align: center;margin: 0 auto;display: flex; border-radius: 50%; display: block; object-fit:cover;
-webkit-box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 0 20px #00000010;

}

.site-header {padding: 14px 0 6px; border-bottom: 0px solid #e1e1e1; background-color: #ffffff; z-index: 999; -webkit-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 20%); box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 20%); position: fixed; width: 100%;
}
.shadow-dark {box-shadow: 0 1rem 3rem rgba(0,0,0,.175);}

.rk-brand {float: left; margin:0; font-size: 22px; line-height: 1.3;}
.rk-brand-logo {display:none;}
.rk-brand a {color:#ffffff;}

.rk-brand-h1 div {
	font-weight: 700;
	letter-spacing: 1px;
	color: #313131;
	padding: 0px 5px 0px 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	font-size: 24px;
}

.rk-brand-h2 div {
	font-weight: 700;
	letter-spacing: 1px;
	color: #313131;
	padding: 0px 5px 0px 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	font-size: 18px;
}

.rk-brand-footer a {
	font-weight: 400;
	letter-spacing: 1px;
	color: #313131;
	padding: 5px 5px 5px 5px;
	font-size: 22px;
}
.rk-brand-1 {FONT-WEIGHT: 500; color: #ffffff; PADDING: 0 3PX; font-size:16px;}
.rk-brand-2 {FONT-WEIGHT: 700; color: #ffffff; PADDING: 0 3PX; font-size:16px;}
.rk-brand-3 {FONT-WEIGHT: 900; color: #ffffff; font-size:16px;}
.rk-brand-4 {FONT-WEIGHT: 900; color: #ffffff; font-size:12px;}

.logo {content:url("/wp-content/themes/my-theme/images/brand-fd-ff.png?v3"); }
@media (min-width: 979px) {.none {display:none;}}
@media (max-width: 979px) {
	.rk-brand {display:;}
	.rk-brand-logo {display:block; height: 30px; float: left; margin:0; font-size: 22px; line-height: 1.3;}
	.rk-brand-logo img {display:block; height: 30px; float: left; margin:0; font-size: 22px; line-height: 1.3;}
	.logo2 {content:url("/wp-content/themes/my-theme/images/logo-2.png?v2");}
}
.site-description{font-size: 12px; margin-top: -5px; color:#ffffff; padding-left: 0px;}
.rk-brand-space {letter-spacing: 1px; font-weight: 600;}
.rk-brand-footer {padding: 20px 0 10px 0;}
.rk-container-banner {display: flex;}
.rk-icon{ width: 35%; width: 100%; position: relative;}
.rk-icon-div { width: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 35px 0 0px; display:; }
.rk-icon-desc-l {width: 35%; float:left; text-align:right; color:#fafafa; font-size: 16px;}
.rk-icon-desc-r {width: 35%; float:left; text-align:left; color:#fafafa; font-size: 16px; display: flex;}
.rk-icon img{ height:30px; min-height:30px; width:auto; margin: 0 10px; float: left;}
@media (max-width: 1240px) {
	.rk-icon-desc-l, .rk-icon-desc-r {visibility: hidden;} 
	.rk-icon-div {width:auto;} 
}

/*--------------------------------------------------------------
banner
--------------------------------------------------------------*/
.rk-banner {font-size: 28px; padding: 20px; margin: 20px 0 20px 0; border-radius: 6px; background-position: center right;  background-size: contain;  background-repeat: no-repeat;}

.rk-banner-h2 {translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; color: #ffffff;
    font-size: 28px; line-height: 1; 
}

.rk-banner-h3 {translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; color: #ffffff; margin-top: 10px; line-height: 1.2;
}
@media (max-width: 768px) {
	
	.rk-banner {background-position: center bottom!important; background-size: cover!important;}
	.rk-banner-h2 {font-size: 48px;}
	.rk-banner-h23 {font-size: 18px;}
}

/*///////////////////////////////// VIDEO PANDA //////////////////////////////// */	
.rk-video-panda {
	width: 30%!important; height: 65vh!important; margin-top: 1.5em!important; border:none; margin: 0 auto; text-align: center; display: block; border-radius: 20px;
}
@media (max-width: 768px) {
	.rk-video-panda {
	width: 80%!important; height: 65vh!important;
}
}

/*--------------------------------------------------------------
amazon
--------------------------------------------------------------*/
iframe .rk-amazon .amzn-ad-logo-holder  {
	    width: 318px!important;
	background-color: red;
}

/*--------------------------------------------------------------
quote
--------------------------------------------------------------*/
.mybot {
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 5px;
    margin: 0;
    padding: 20px;
    margin: 20px 0 20px 0;
    background-color: #ededed;
	/* background-color: #CDEED3;*/
    border-radius: 20px;
	
	background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 0 10px rgb(232 234 237 / 50%);
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}


.myform div {
    margin-bottom: 10px;
}
.myform {
    font-size: 18px;
    padding: 20px 40px;
    border-radius: 5px;
    margin: 0;
    padding: 20px;
    margin: 20px 0 20px 0;
    background-color: #ededed;
	/* background-color: #CDEED3;*/
    border-radius: 20px;
	
	background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 0 10px rgb(232 234 237 / 50%);
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}

.myform input[type="text"], .myform select, .myform input[type="password"], .myform input[type="mail"] {
    border-radius: 4px !important;
    max-width: 100%;
    border: 1px solid #e1e1e1 !important;
    background-color: #ffffff !important;
    color: #1f2124 !important;
    vertical-align: middle !important;
    flex-grow: 1;
    font-size: 12px!important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    min-height: 40px !important;
	margin-bottom: 10px;
}

.myform label {
    float: left !important;
    color:#141414 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight:400!important;
	line-height: 1.4;
	width: 100%;
	height: 25px;
	margin-top: 10px;
}

.myform div.checkbox2 { 
    line-height: 16px;
    margin: 16px;
    font-size: 12px;
	text-align: center;
}

.myform label.checkbox2 a { 
    color: #ffffff;
}

.myform input[type="checkbox"].terms  {
    width: 0.8em;
    height: 0.8em;
    font-size: 1.5em;
}

.myform input[type="submit"] {
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    line-height: 22px;
    border: none;
    padding: 14px 25px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    background: #2684fc;
    border-radius: 10px;
}

.myform input[type="submit"]:hover  {
    color: #ffffff;
    background-color: #D8A32D;
}

.myform button {
	background-color: #1A73E8;
    color: #ffffff;
    font-size: 16px;
    border-radius: 6px;
    border: 0;
    line-height: 1;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.myform button:hover {
    background-color:#1DC044;
}

.myform .rk-la {
    width: 50%;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    min-height: 1px;
    display: flex;
    float: left; 
}

@media screen and (max-width: 991px) {
.myform input[type="submit"] {
    font-size: 12px;
    line-height: 18px;
}
.myform .rk-la {
    width: 100%;
}
#popupForm .rk-la select {
    margin:0!important;
}
}

@media screen and (max-width: 500px) {
 .modal-content {
    width: 92%;
}   
} 

.output, #output, #output2, #output3, #output4 {
	font-size: 0.8em;
    color: #1A73E8;
    margin: 0;
    padding: 0;
    position: relative;
    float: right;
    display: flex;
    text-align: right;
    right: 0;
    height: 20px;
    line-height: 2.1;
}

 .form-section {
            margin-bottom: 20px;
        }

.form-section span {
	display: block;
	margin-bottom: 10px;
	/*font-weight: bold;*/
	line-height: 1.4;
}

.checkbox, .radio {
	align-items: center;
    margin-bottom: 10px;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 5px 10px;
    margin: 2px;
    display: flex;
    /* flex-wrap: wrap; */
    line-height: 0.4;
}

.checkbox input, .radio input {
	margin-right: 10px;
}

.checkbox span, .radio span {
	font-size: 16px;
}

.checkbox input[type="checkbox"], .radio input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #313131;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
}

.checkbox input[type="checkbox"]:checked, .radio input[type="radio"]:checked {
	background-color: #1A73E8;
	border: 2px solid #1A73E8;
}

.radio input[type="radio"].material-symbols-outlined:checked::before,  .checkbox input[type="checkbox"].material-symbols-outlined:checked::before{
	content: "\f88b"; /* Código Unicode para o ícone desejado (pode variar dependendo do ícone) */
	color: #ffffff; /* Cor do ícone quando está selecionado */
	font-variation-settings:'FILL' 1,'wght' 800,'GRAD' 0,'opsz' 48;
	content: "\e5ca";
	/*padding: 5px 10px; */
	/* margin: 2px; */
	line-height: 0.9;
}

/*--------------------------------------------------------------
tabs
--------------------------------------------------------------*/

/*--------------------------------------------------------------
home
--------------------------------------------------------------*/

.rk-home-description {padding: 20px 15px; border-radius: 6px; font-size: 16px; margin-top: 16px; color: #ffffff; background-color: #1A73E8; border: 1px solid #e1e1e1; -webkit-box-shadow: 0 0 10px rgb(232 234 237 / 50%); box-shadow: 0 0 10px rgb(232 234 237 / 50%); }
.rk-book-ul {
	display: inline-block;
	margin-top: 12px;
}
.rk-book-ul li {
    vertical-align: top;
    margin: 7px 0;
    padding: 0 6px;
    line-height: 1.3;
	width: 33%;
    display: inline-block;
    float: left;
}
.rk-book-ul li a {
	color: #1A73E8;
    outline: none;
    line-height: inherit;
    position: relative;
    display: block;
    fill: inherit;
    width: 100%;
    font-size: 18px;
    text-align: right;
    text-decoration: underline;
    border-radius: 6px;
    margin-left: 4px;
    padding-right: 3px;
}
@media (max-width: 979px) {
	.rk-book-ul li {width: 50%;}
}

/*--------------------------------------------------------------
breadcrumb
--------------------------------------------------------------*/
.breadcrumbs {border-width: 1px 0; color: #717171; font-size: 12px; margin: 0 auto; padding: 15px 0 0 0;}
.breadcrumbs li { display: inline-block;}
.breadcrumbs a { color: #717171;}
.breadcrumbs li:last-child {font-weight: 700; color: #313131;}
/*--------------------------------------------------------------
links
--------------------------------------------------------------*/
.rk-link {
	margin-top: 12px;
	line-height: 1.6;
	/*max-width: 650px*/;
}
.rk-link a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px 5px 5px;
    position: relative;
    border-radius: 10px;
	/*-webkit-box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset*/;
    /*box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset*/;
	/*box-shadow: 0 0 20px #00000010;*/;
	background-color: #ffffff;
	max-width: 650px;
	margin: 0 auto;
	border: 1px solid #e1e1e1;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.rk-link a span{
	height: 68px;
    max-width: 112px;
    text-align: center;
	-webkit-box-shadow: 0!important ;
    box-shadow: 0!important ;
}

.rk-link a span:last-child{
	height: 68px;
    width: 10%;
	border:0;
	background-color: inherit;
	-webkit-box-shadow: none;
		box-shadow:none;
}

.rk-link a span img {
    -webkit-flex-basis: 68px;
    -ms-flex-preferred-size: 68px;
    flex-basis: 68px;
    -o-object-fit: cover;
    object-fit: cover;
	height: 68px;
    border-radius: 6px;
	min-width: 100px;
	display: none;
}

.rk-link a .span-link1 { 
	-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 20px;
    font-size: 18px;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 300;
    padding: 5px 10px;
    text-align: center;
    max-width: 38px;
    /* letter-spacing: -0.2px; */
    display: block;
    border-radius: 6px;
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    list-style-type: auto;
    height: 60px;	
}
.rk-link a .span-link2 { 
	-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 20px;
    font-size: 18px;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 300;
    padding: 5px 10px;
    text-align: center;
    max-width: 100%;
    /* letter-spacing: -0.2px; */
    display: block;
    border-radius: 6px;
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    list-style-type: auto;
    height: 60px;	
}

.rk-link a span svg{
	width: 1.5em !important; 
	height: 1.5em !important;  
	-webkit-box-align: center;
	-webkit-align-items: center;
}

.rk-link a span img:last-child {
	display: block!important;
}
.rk-link a span i {
	padding: 20px;
    width: 100px;
    font-size: 22px;
}
.rk-link a li {
-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 20px;
    font-size: 16px;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 300;
    padding: 5px 10px;
    text-align: center;
    max-width: 100%;
    /* letter-spacing: -0.2px; */
    display: block;
    border-radius: 6px;
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.2;
    list-style-type: auto;
    height: 60px;	
}
@media (max-width: 768px) {
	
	.rk-link a li b {display: block;}
}

.rk-link a:hover  {
	color: #1A73E8;
	text-decoration: underline;
}


/* link form */
.rk-link-form {
	margin-top: 12px;
	line-height: 1.6;
	max-width: 333px;
    margin: 0 auto;
}
.rk-link-form a {
	background-color: #1DC044;
    color: #ffffff;
    display: -webkit-box;
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    /* display: flex; */
    padding: 5px 10px 5px 5px;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    -webkit-box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 0 20px #00000010;
    border: 0;
    -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
}
.rk-link-form a span{
	height: 60px;
    max-width: 112px;
    text-align: center;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
}

.rk-link-form a span span{ 
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    padding: 5px 10px;
    max-width: 100%;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    text-align: center;
    box-shadow: none;
    -webkit-box-shadow: none;
}


.rk-link-form a span img {
    -webkit-flex-basis: 60px;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    -o-object-fit: cover;
    object-fit: cover;
	height: 68px;
    border-radius: 6px;
	min-width: 100px;
	display: none;
}

.rk-link-form a span i {
	padding: 20px;
    width: 100px;
    font-size: 22px;
}
.rk-link-form a span svg {
	transform: rotate(90deg);
    fill: currentColor;
    font-size: 2em;
    text-align: center;
    margin: 0 auto;
}

@media (max-width: 979px) {
	.rk-link-form {width: 333px;}
	.rk-link-form a span svg {transform: rotate(180deg);}
}

.rk-link-form a p {
	height: 60px;	
	-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 20px;
    font-size: 18px;
    text-align: left;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    padding: 5px 10px;
    text-align: center;
    max-width: 100%;
    /* letter-spacing: -0.2px; */
    display: block;
    border-radius: 6px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    list-style-type: auto;
    
}

.rk-link-b  {
	margin-top: 12px;
	line-height: 1.6;
	max-width: 650px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px 5px 5px;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
	-webkit-box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
	background-color: #ffffff;
}
@media (max-width: 979px) {
	.rk-link-b { margin-left: 12px;}
}

.rk-link-b2 span{
	height: 68px;
    max-width: 112px;
    text-align: center;
	background-color: #ffffff;
    border-radius: 6px;
	padding: 10px 0;
    display: inline-table;
}
.rk-link-b span img {
    -webkit-flex-basis: 68px;
    -ms-flex-preferred-size: 68px;
    flex-basis: 68px;
    -o-object-fit: cover;
    object-fit: cover;
	height: 68px;
    border-radius: 6px;
	min-width: 100px;
	display: none;
}
.rk-link-b span img:last-child {
	display: block!important;
}
.rk-link-b li {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
	margin-left: 20px;
    font-size: 15px;
    text-align: left;
}
.rk-link-b h2 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
	margin-left: 20px;
    font-size: 15px;
    text-align: left;
}

.rk-link-b sup{
    font-size: 12px;
    font-weight: 700;
    background-color: #e1e1e1;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    z-index: 99;
    transition: opacity .18s ease;
	height: 22px;
    width: 22px;
    line-height: 22px;
    position: relative;
    left: -15px;
    top: -15px;
    float: left;
    padding: 0 7px 0 7px;
}
.rk-link-b sup:after {
    color: #ffffff;
    left: -50px;
    background-color: #1A73E8;
    padding: 6px;
    border-radius: 6px;
    margin-left: 10px;
    font-size: 12px;
}

.rk-link-b sup.p-1:after {
	content: "Indicado";
    background-color: #1A73E8;
}
.rk-link-b .p-1{
	background-color: #1A73E8;
	color: #ffffff;
	padding-left: 8px;
}


.rk-link-b sup.p-2:after {
	content: "Escolha";
	background-color: #1A73E8;
    /*background-color: #9271c2;*/
}
.rk-link-b .p-2{
	background-color: #1A73E8;
	color: #ffffff;
	padding-left: 8px;
}


.rk-link-b sup.p-3:after {
	content: "Escolha";
	background-color: #1A73E8;
    /* background-color: #aceb1b;*/
	color: #ffffff;
}
.rk-link-b .p-3{
	background-color: #1A73E8;
	color: #ffffff;
	padding-left: 8px;
}

.rk-link-b .rk-btn-ul{
    width: 35%;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
}
.rk-link-b .rk-btn {
	max-width: 200px!important;
    color: #ffffff;
    font-weight: 400;
	background: #1A73E8;
}

.rk-link-1 {
	margin: 20px 0 0 0;
}
.rk-link-image {
    min-width: 18%;
    max-width: 18%;
    border-right: 1px solid rgba(206, 206, 206, 0.4);
}

.rk-link-image figure {
	max-width: 48%;
    margin: 10% 0 10% 22%;
}
@media (max-width: 979px) {
	.rk-link-image figure {margin: 10% 0 10% 24%;}
}
@media (max-width: 768px) {
	.rk-link-image figure {margin: 10% 0 10% 26%;}
}
.rk-link-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: #1A73E8;
    padding: 6px 10px 6px 13px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
	border-radius: 6px 0 0 0;
}

.rk-link-number {
	display: inline-block;
    height: 30px;
    text-align: center;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -15px;
    font-size: 18px;
    line-height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    background: #5CFE50;
    color: #515151;
    margin-top: -20px;
	z-index: 99;
}

.rk-link-arrow {
	content: "";
    display: block;
    width: 0;
    height: 0;
    border: 12px solid #1A73E8;
    border-top-width: 28px;
    border-left-width: 0;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    right: -12px;
    top: 0;
}




/*--------------------------------------------------------------
resumo
--------------------------------------------------------------*/
.rk-custom-hr {
    border: 0; /* Remove a borda padrão do <hr> */
    border-top: 2px solid #e1e1e1; /* Adiciona a borda personalizada */
    margin: 5px 0; /* Ajusta o espaçamento superior e inferior */
}

.rk-resume-top  {
	margin-top: 10px;
	line-height: 1.6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0px 5px 0px;
    position: relative;
}
.rk-resume-top p {
	width: 95%;
	-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
	margin-left: 20px;
    font-size: 12px;
	text-align: left;
	line-height: 1.3;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: 1.4;
    box-shadow: none;
    -webkit-box-shadow: none;

}
.rk-resume-top div {
	width: 1%;
	-webkit-align-self: center;
    -ms-flex-item-align: center;
	text-align: right; 
	color: #717171;
	line-height: 1.3;
}


.rk-resume-div  {
	margin-top: 22px;
	line-height: 1.6;
	max-width: 650px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px 5px 5px;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
	-webkit-box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
	background-color: #ffffff;
}
.rk-resume-div span, .rk-resume-top span {
    max-width: 112px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 6px;
    display: inline-table;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    padding: 5px 10px;
    max-width: 100%;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    text-align: center;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.rk-resume-div span img {
    -o-object-fit: cover;
    object-fit: cover;
	height: 48px;
    border-radius: 6px;
	min-width: 48px;
}
.rk-resume-div p {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
	margin-left: 20px;
    font-size: 12px;
	text-align: left;
	line-height: 1.3;
	width: 75%;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: 1.4;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.rk-resume-div div{
	-webkit-align-self: center;
    -ms-flex-item-align: center;
	text-align: right; 
	/*font-size: 11px;*/ 
	/*font-style: italic;*/ 
	color: #717171;
	line-height: 1.3;
	width: 35%;
}
.rk-resume-div span span {
    font-size: 12px;
    text-align: center;
	line-height: 1;
}

.rk-terms-div  {
	margin: 22px 0 42px 0;
	line-height: 1.6;
	max-width: 650px;
    padding: 5px 10px 5px 5px;
    position: relative;
    border: 1px solid #e1e1e1;
	background-color: #ededed;
    border-radius: 6px;
	font-size: 11px;
	font-style: italic;
}
.rk-terms-div a {text-decoration: underline;  }

/*--------------------------------------------------------------
verses - bible
--------------------------------------------------------------*/
.rk-verse-one b {
	font-size: 13px;
	font-weight: 100;
	color: #717171;
	margin:0;
	padding:0;
	line-height:0;
    vertical-align: super;
	top: 4px;
	position:relative;
}
.rk-verse-link b {
	color: #1A73E8;
	font-size: 14px;
    vertical-align: top;
}
.rk-verse-one {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 0;
	margin: 12px 0 0 0;
    background-color: #ffffff;
    font-size: 21px;
    word-break: break-word;
    font-weight: 300;
    line-height: 1.4em;
    letter-spacing: 0.00171em;
}

/* buscas */
.rk-verse-search {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inherit;
    text-decoration: none;
    border-radius: 6px;
    padding: 16px;
    margin: 16px 0 0 0;
    background-color: #ffffff;
    font-size: 21px;
    word-break: break-word;
    line-height: 1.50em;
	font-weight:300;
	background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 0 10px rgb(232 234 237 / 50%);
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}
.rk-verse-search b {
	font-size: 14px;
    vertical-align: top;
}

.rk-verse-search a {
	color: #1A73E8;
	display: table-cell;
	text-decoration: underline;
}
.rk-verse-search a:hover {
	color: #1A73E8;
	text-decoration: underline;
}
.rk-verse-search span b {
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inherit;
    text-decoration: none;
    border-radius: 6px;
    background-color: #ffffff;
    font-size: 21px;
    word-break: break-word;
    line-height: 1.50em;
	font-weight:300;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(70%, #00f1ff));
    background: -webkit-linear-gradient(transparent 60%, #00f1ff 70%);
    background: linear-gradient(transparent 60%, #00f1ff 70%);
}


/*! links barra top */
.rk-nav { width: 35%; width: 100%; position: relative;}
.rk-nav-div { width: 350px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 38px 0 0px;}
.rk-nav-div .kr-reveal {position: relative; top: 0; transition: top 250ms ease-in;}
.rk-nav-div .kr-reveal2 {position: relative; top: -100%; transition: top 250ms ease-in;}
.rk-top-block {padding: 3px 0 0 0; width: 100%; display: inline-block;} 
.rk-top-block li {float:left; padding:3px 5px 3px 5px; margin:0 0px 10px 2%; border-radius:6px; text-align: center; border: 0; line-height: 20px; font-weight: 500;}
.rk-top-block li a {color:#313131; }
.rk-top-block2 li a.active { outline:none; border-bottom: 2px solid #ffffff;}
.home .rk-top-block2 li a.active { outline:none; border: 0;}
.rk-top-block li.link {width: 40px; padding: 5px 0 5px 0;}
.rk-top-block .rk-ver-hi {background-color:#1A73E8; color:#ffffff; border: 1px solid transparent; font-size: 16px;}
.rk-top-block .rk-ver-hi a {color:#ffffff; display: block; outline:none; border-bottom: 2px solid #ffffff;}
.rk-top-block li.rk-top-hi {border: 1px solid #ffffff; min-width: 30px;}

@media (max-width: 979px) {
	/*.rk-nav {margin-left: 80px;}*/
	.rk-nav-div {width:inherit;}
	.rk-b-mobile, .rk-b-menu {display:block;}
	.top_menu {display:none!important;}
}
@media (min-width: 979px) {
	.rk-b-mobile, .rk-b-menu {display:none!important;}
}

.rk-part-{margin: 15px 0 0 0;}


/* links dos livros */

/*.at li {background-color:#50E6FF;}*/
/*.nt li {background-color:#1A73E8;}*/
/*.at a {color:#1A73E8!important;}*/
/*.nt a {color:#ffffff!important;}*/
.rk-v li {min-width: 150px;}
.rk-bo-block {padding: 15px 0 0 0; width: 100%; display: inline-block;} 
.rk-bo-block .rk-ver-hi a {background-color:#1A73E8; color:#ffffff; border-radius:6px;}
.rk-bo-block .rk-ver-hi a:hover {background-color:#1A73E8; color:#ffffff;}
.rk-bo-block li {float:left; background-color:#ffffff; line-height: 1.4; text-align: center; width: 45%; height: 35px; display: flex;overflow: hidden; align-items: center;}
.rk-bo-block a {color:#1A73E8; line-height: inherit; position: relative; display: block; fill: inherit;  width: 100%; font-size: 18px;  text-align: right;  text-decoration: none; border-radius: 6px;  margin-left: 4px;  padding-right: 3px; text-decoration: underline;}
.rk-bo-block a:hover {background-color:#1A73E8; color:#ffffff;}
.rk-bo-block .cutback a {font-size: 14px; padding-top: 3px; padding-bottom: 3px;}


/*! links só capítulos (Livros) */
	.rk-ch-block {padding: 15px 0 0 0; width: 100%; display: inline-block;} 
	.rk-ch-block li {float:left; margin:0 0px 10px 10px;; border-radius:6px; background-color:#ffffff; line-height: 1.4; border: 1px solid #e1e1e1; text-align: center; width: 9%;}
	.rk-ch-block li.link {width: 40px; padding: 5px 0 5px 0;}
	.rk-ch-block .rk-ver-hi {background-color:#1A73E8; color:#ffffff;}
	.rk-ch-block .rk-ver-hi a {color:#ffffff;}
	.rk-ch-block .rk-home-link a{padding-left: ;}
	.rk-ch-block a {color:#1A73E8; padding: 3px 5px 3px 5px; line-height: inherit; position: relative; border-radius: 6px; display: block; font-size: 20px;}
	.rk-ch-block a:hover {background-color:#1A73E8; color:#ffffff!important;}

@media (max-width: 979px) {
	.rk-ch-block li {width: 15%;}
}


/*! links de versiculos e capitulos */

.rk-ve-block {padding: 15px 0 0 0; width: 100%; display: inline-block;} 
.rk-ve-block .rk-ver-hi a {background-color:#1A73E8; color:#ffffff; border-radius:6px;}
.rk-ve-block .rk-ver-hi a:hover {background-color:#1A73E8; color:#ffffff;}
.rk-ve-block .rk-home-link a{padding-left: ;}
.rk-ve-block li {float:left; line-height: 1.4; text-align: center;	width: 10%; height: 35px; display: flex;overflow: hidden; align-items: center;}
.rk-ve-block a {color:#1A73E8; background-color:#ffffff; line-height: inherit; position: relative; display: block; fill: inherit;  width: 100%; font-size: 18px;  text-align: right;  text-decoration: none; border: 1px solid #e1e1e1; border-radius: 6px;  margin-left: 4px;  padding-right: 3px;}
.rk-ve-block a:hover {background-color:#1A73E8; color:#ffffff;}
.rk-ve-block .cutback a {font-size: 14px; padding-top: 3px; padding-bottom: 3px;}

@media (max-width: 979px) {
	.rk-ve-block li {width: 10%;}
	.rk-ve-block {padding: 15px 0 0 0; width: 100%; display: inline-block;} 
	.rk-ve-block li{float:left; padding:3px 5px 3px 5px; margin:0 0px 10px 10px;; border-radius:6px; background-color:#ffffff; line-height: 1.4; border: 1px solid #e1e1e1; text-align: center; }
	.rk-ve-block .rk-ver-hi {background-color:#1A73E8; color:#ffffff;}
	.rk-ve-block .rk-ver-hi a {color:#ffffff;}
	.rk-ve-block .rk-home-link a{padding-left: ;}
	.rk-ve-block a {color:#1A73E8;	line-height: inherit; position: relative; display: block; border:0; margin:0; padding:0;}
	.rk-ve-block .cutback a {font-size: 14px; padding-top: 3px; padding-bottom: 3px;}
}


/*! categorias por página */
.rk-pag-chapter-div { width: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 35px 0 0px; display:; }
.rk-pag-chapter-l {width: 30%; float:left; text-align:right;}
.rk-pag-chapter-r {width: 30%; float:left; text-align:left; display: flex;}
.rk-pag-chapter-c {width:auto; float: left;}

/* paginação de capitulos */
.rk-pag-chapter {
    margin-top: 40px;
    margin-bottom: 0px;
    text-align: center;
	font-size: 2vw;
	display: flex;
	height: 2em;
}
.rk-pag-one{
	font-size: 17px;
    padding: 1px 8px 3px 3px;
    border-radius: 25px;
    background-color: #ffffff;
    line-height: 1.4;
    border: 1px solid #e1e1e1;
}
.rk-pag-one img{
	margin-right: 4px;
}

.rk-pag-chapter .rk-l {
    text-align: left;
}
.rk-pag-chapter .rk-r {
    text-align: right;
}
@media (min-width: 768px) {
	.rk-pag-chapter {font-size: 18px; }
}
@media (max-width: 768px) {
	.rk-pag-chapter {font-size: 3vw; }
	.rk-pag-chapter {margin-top: 20px;}
}
@media (max-width: 400px) {
	.rk-pag-chapter {font-size: 4vw; }
}

.rk-pag-numbers.current {
	background-color: #1A73E8;
    color: #fff;
    padding-right: 0.8em;
    padding-left: 0.8em;
}

.rk-pag-numbers {
    color: #333;
    font-size: 1em;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    border-radius: 6px;
	padding: 0.6em 0 0.6em 0;
	margin: 0 1%;
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    letter-spacing: -0.2px;
    line-height: 1.4;
    white-space: nowrap;
}

/*! versão biblia ao lado do  H1 */
.rk-heading-group, .rk-version-list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.rk-heading-group>:last-child:not(:only-child) {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}
.rk-heading-group li, .rk-version-list li {
    font-size: 20px;
    float: left;
    padding: 0 8px 3px 5px;
    margin: 30px 10px 10px 0px;
    border-radius: 25px;
    background-color: #ffffff;
    line-height: 1.3;
    border: 1px solid #e1e1e1;
    font-weight: 500;
}
.rk-heading-group > h2.rk-heading-h2, .rk-version-list > h2.rk-heading-h2 {
    font-size: 20px;
    float: left;
    padding: 0 8px 3px 5px;
    margin: 30px 10px 10px 0px;
    border-radius: 25px;
    background-color: #ffffff;
    line-height: 1.3;
    border: 1px solid #e1e1e1;
    font-weight: 500;
}

.animate { 
	animation: disappear 1.5s linear; 
}

.copyAlert { 
	opacity: 0; 
	font-size: 16px;
    display: block;
    text-align: center;
    position: relative;
    margin: 0 auto;
    color: #FF0066;
	font-weight:500;

}

@keyframes disappear {
  30%  { opacity: 0; }
  60%  { opacity: 1; }
  100% { opacity: 0; }
}

/*--------------------------------------------------------------
artigos
--------------------------------------------------------------*/
h1.rk-art-h1 {font-size: 32px; margin: 26px 0 0 0; line-height: 1.2; font-weight: 400;}
h2.rk-art-h2 {font-size: 28px; margin: 26px 0 0 0; line-height: 1.1; font-weight: 700;}
h3.rk-art-h3 {font-size: 24px; margin: 24px 0 0 0; line-height: 1.0; font-weight: 500; 
	border-left: 6px solid #e1e1e1;
    padding-left: 16px;
    margin: 32px 0 0 0;
}
h4.rk-art-h4 {font-size: 22px; margin: 22px 0 0 0; line-height: 1.1; font-weight: 500;}

.rk-bullets-ul {
	margin: 14px 0 0 30px;
}
.rk-bullets-ul li {
	list-style-type: disc;
}

.rk-media-header {
	/*padding-top: 20px;*/
}
.rk-media-header>li:first-child {
	border: 0;
}
.rk-media-header>li {
	display: inline-block;
	height: 126px;
	overflow: hidden;
	position: relative;
	width: 20%;
	
	height: 133px;
	background-color: #ffffff;
	border-radius: 0px; 
	margin-top: 16px; 
	/*-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	box-shadow: 0 1px 3px rgb(31 31 31 / 51%);*/
}
@media (max-width: 979px) {
	.rk-media-header>li {-webkit-box-shadow:inherit; box-shadow:inherit; }
}

.rk-media-header>li>img {
	bottom: 0;
	left: 0;
	margin: auto;
	/* max-height: 103px;*/
	position: absolute;
	right: 0;
	top: 0;

	padding-right: 0.1em;
	width: 100%;
}

.rk-media-destaque {
    width: 100%;
    /* border-radius: 6px; */
    margin-top: 16px;
-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
    position: relative;
    width: 100%;
    z-index: 1;
}
.rk-media-inner #rh_post_layout_inimage{min-height: 300px;}
.rk-media-mask {
    /* background: linear-gradient(to bottom,rgba(31,31,31,.3) 0%,rgba(31,31,31,0) 18%,rgba(31,31,31,0) 28%,rgba(31,31,31,.6) 100%); */
    width: 100%;
    height: 100%;
    /* border-radius: 6px; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.rk-media-img {
	width: 333px; 
	border-radius: 6px; 
	margin-top: 16px; 
	-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	display: block;
}

.rk-photo-credits {
	 text-align: left;
    margin: 12px 0 0 0;
    color: #717171;
    font-size: 12px;
    font-style: italic;
}

.rk-media-img-cat {
	width: 55%; 
}

@media (max-width: 979px) {
	.rk-media-img-cat {
		width: 100%; 
	}
}

.rk-media-img-div {
	height: 68px;
	max-width: 112px;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	text-align: center;
	margin: 0 auto;
	margin-top: 12px; 
}
.rk-media-img-div-img {
	height: 68px;
	border-radius: 6px; 
}
.rk-media-one-div {
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	text-align: center;
	margin: 0 auto;
	margin-top: 12px; 
	max-width: 233px;
}
.rk-media-one-img {
	border-radius: 6px; 
	max-height: 233px;
}

.rk-media-img-des {
	/*height: 133px;*/
	background-color: #ffffff;
}
.rk-media-youtube {
	border-radius: 6px; 
	margin-top: 16px; 
	-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	width: 500px;
	height: 281px;
}
@media (max-width: 979px) {
	.rk-media-youtube {
	width: 333px;
	height: 187px;
	}
}
.rk-lite-badge iframe #lite-badge {
	display:none;
}

.rk-line-p {margin-top: 12px; line-height: 1.6;}
.rk-line-p b {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #CDEED3));
    background: -webkit-linear-gradient(transparent 60%, #CDEED3 60%);
    background: linear-gradient(transparent 60%, #CDEED3 60%);
    /*background: linear-gradient(transparent 60%, #d8e3f1 60%);*/
	color: #313131;
    padding: 0 2px 2px 0;
	font-style: italic;
}
.rk-suma{
    border-left: 6px solid #1A73E8;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 15px;
    padding-left: 16px;
	margin: 32px 0 0 0;
	font-style: italic;
}
.rk-suma-ul{
	padding: 18px 0 40px 0;
}
.rk-suma-ul a {text-decoration: underline;
}
.rk-suma-li{
	padding: 8px 0 0 0;
	line-height: 1.3;
}

.rk-list-ul{
	padding: 10px 0 0px 0;
}
.rk-list-li{
	padding: 8px 0 0 0;
	line-height: 1.3;
}

/*! Cards com os links dos produtos escolhidos */
.rk-card-h3 {
    font-size: 20px; 
	margin: 0 0 0 0; 
	line-height: 1.2;
	border: 0;
	font-weight: 400;
	text-align: center;
}
.rk-card1-div {
	width: 40%;
    display: inline-block;
	text-align: center;
	margin: 10px 0 0 0;
	vertical-align: middle;
}
.rk-card2-div {
	width: 59%;
    display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.rk-card-marc{
	font-size: 12px;
    line-height: 1.2;
	display: block;
	text-transform: uppercase;
	/*margin-left: 35%;*/
}
.rk-card-mod, .rk-card-prod { 
	font-size: 20px;
    line-height: 1.2;
	text-align: center;
	/*margin-left: 35%;*/
}
.rk-card-pre {
	font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
	text-align: center;
}
.rk-card-dat{
	font-size: 12px;
    line-height: 1.2;
	text-align: center;
}
.rk-card-50{
    width: 50%;
    display: inline-block;
	text-align: center;
	margin: 10px 0 0 0;
}
.rk-card-div {
    text-decoration: none;
    /* border-radius: 6px; */
    padding: 0 20px 20px 20px;
    margin-top: 32px;
    text-align: inherit;
	background-color: #ffffff;
}
.rk-card-wrapper {
    margin: 0 auto;
    width: 90%;
	/*display: inline-block;*/
    margin-top: 20px;
    margin-bottom: 20px;
}
}
@media (max-width: 979px) {
	.rk-card-h3, .rk-card-mod {margin-left: inherit; text-align: left!important;}
	.rk-card2-div {padding-left: 10px;}
	.rk-card-wrapper {max-width: 70%;}

}
@media (max-width: 768px) {
	.rk-card-wrapper {max-width: 100%;}
	.rk-card-h3 {text-align: left!important; margin: 0 0 0 10px;}
}
.rk-card-div>a:hover {
    border: 1px solid #e1e1e1;
    color: #313131;
    text-decoration: none;
}
.rk-card-div>a img {
    border-radius: 5px;
    -webkit-flex-basis: 80px;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    height: 80px;
    margin-right: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}
.rk-card-div>a p {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 15px;
    text-align: left;
}
.rk-card-div sup{
	font-size: 20px;
    font-weight: 700;
    background-color: #00DCDC;
    color: #313131;
    border-radius: 50px;
    text-align: center;
    z-index: 99;
    transition: opacity .18s ease;
    height: 33px;
    width: 33px;
    line-height: 33px;
    position: relative;
    left: -26px;
    float: left;
}
.rk-card-div sup:after {
	color: #ffffff;
    left: -50px;
    padding: 10px;
    border-radius: 6px;
	margin-left: 20px;
	font-size: 16px;
	background-color: #e1e1e1;
}

.rk-card-div {
	border: 1px solid #e1e1e1;
}
.rk-card-100 {
    width: 50px;
    display: inline-block;
    /* float: left; */
    text-align: inherit;
    margin-top: 50px;
    /* margin-bottom: 20px;*/
}
.rk-card-div .b-1{
    font-size: 20px;
    font-weight: 700;
    border-radius: 50px;
    text-align: center;
    height: 33px;
    width: 33px;
    line-height: 33px;
    background-color: #1A73E8;
    color: #ffffff;
    float: left;
}
.rk-card-100 span{
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: #919191;
    background-color: #e1e1e1;
    display: inline-block;
    text-align: inherit;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: -0.2px;
    margin-right: 10px;
}
.rk-card-100 span.t-1 {
	color: #919191;
    background-color: #e1e1e1;
}
.rk-card-100 span.t-2 {
	color: #919191;
    background-color: #e1e1e1;
}
.rk-card-100 span.t-3 {
	color: #919191;
    background-color: #e1e1e1;
}
.rk-card-div sup.p-1:after {
	content: "Indicado";
    background-color: #1A73E8;
}
.rk-card-div .p-1{
	background-color: #1A73E8;
	color: #ffffff;
	padding-left: 10px;
}


.rk-card-div sup.p-2:after {
	content: "Escolha";
    background-color: #9271c2;
}
.rk-card-div .p-2{
	background-color: #9271c2;
	color: #ffffff;
	padding-left: 10px;
}


.rk-card-div sup.p-3:after {
	content: "Escolha";
    background-color: #aceb1b;
	color: #313131;
}
.rk-card-div .p-3{
	background-color: #aceb1b;
	color: #313131;
	padding-left: 10px;
}

.rk-btn{
	width: 233px;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 -4px 0 rgb(0 0 0 / 10%) inset;
    box-shadow: 0 -4px 0 rgb(0 0 0 / 10%) inset;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 10px;;
    text-align: center;
	background-color: #1A73E8;
}
@media (max-width: 979px) {
	.rk-btn{width: 90%; font-size: 0.9em; padding: 8px 6px;}
	.rk-link-b .rk-btn{width: 100%; font-size: 0.7em; padding: 4px 5px; font-weight: 400!important;}
}
.rk-btn-price li{
    margin: 8px 0 0 0;
    text-align: center;
	line-height: 1.4;
	font-size: 20px;
}
.rk-btn-price li:last-child{
    margin: 0px 0 0 0;
	font-size: 12px;
	font-style: italic;
}
.rk-btn-ul{
    margin: 0 0 0 0;
	text-align: center;
	margin-top: 16px; 
}
.rk-btn-ul li{
    margin: 10px 0 0 0;
	line-height: 1.4;
}
.rk-btn-li{
    margin: 10px 0 0 0;
	line-height: 1.4;
	text-align: center;
	margin-top: 16px; 
}

/*! table */
.rk-card-table{
	background-color: #fff;
	border-collapse: collapse;
    border-spacing: 0;
	margin: 12px 0 0 0;
	font-size: 14px;
	border-radius: 6px;
}
@media (min-width: 979px) {
	.rk-card-table {max-width: 650px;}
}
.rk-card-table tbody {
	display: flex;
	flex-wrap: wrap;
}
.rk-card-table tr {
	display: flex;
	/*width: 50%;*/
	width: 100%;
}
.rk-card-table th{
	/*background-color: #ededed; */
    /* box-shadow: 0 1px 3px rgb(31 31 31 / 24%); */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    padding: 5px 10px;
    text-align: center;
    -max-width: 110px;
    min-width: 130px;
    letter-spacing: -0.2px;
    /* border: 1px solid #e1e1e1; */
    color: #313131;
    display: block;
    /* border-radius: 6px; */
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    border-bottom: 1px solid #e1e1e1;
}
.rk-card-table th.pos{
	-webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    max-width: INHERIT;
    min-width: INHERIT;
}

.rk-card-table td{
	-webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 5px 10px;
    /* border: 1px solid #e1e1e1; */
    color: #313131;
    display: block;
    /* border-radius: 6px; */
    margin: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    border-bottom: 1px dashed #e1e1e1;
}
@media (max-width: 979px) {
	.rk-card-table tr {width: 100%;}
}
.rk-simi-th {
	float:left;
	width: 20%;
	text-align: center;    
	background-color: #ededed;
    box-shadow: 0 1px 3px rgb(31 31 31 / 24%);    
	-webkit-box-flex: 1;    
	-webkit-flex: 1;    
	-ms-flex: 1;    
	flex: 1;
    font-weight: 600;    
	padding: 6px 10px;    
	text-align: center;    
	letter-spacing: -0.2px;    
	border: 1px solid #e1e1e1;
    color: #313131;    
	display: block; 
	font-size: 11px;
}
.rk-simi-td {
	float:left;
	width: 20%;
	text-align: center;
    border: 1px solid #e1e1e1;
    color: #313131;
    display: block;
	font-size: 11px;
}
/*! comparativo */
 #filter {
    position: relative;
}
 #filter ul {
    /* width: 690px; */
}
 #filterx li {
    display: inline-flex;
}
#filter .rk-simi-block li{float: left;  margin: 0 10px 8px 0;}
#filter .rk-simi-block a{
	font-weight: 600;
    padding: 6px 10px;
    letter-spacing: -0.2px;
    display: block;
    font-size: 11px;
	
	border-radius: 6px;
    background-color: #ededed;
	border: 1px solid #e1e1e1;
    line-height: 1.4;
    -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
}
#filter .rk-simi-block a.active {
	background-color: #313131;
    border: 1px solid #313131;
    color: #fff;
}
 #thumbnails {
	width: 100%;
	overflow: hidden;
    margin-top: 25px;
	display: inline-flex;
	 border-radius: 6px;
	border: 1px solid #e1e1e1;
	background-color: #ededed;
	padding: 2px;
}
#thumbnails ul {
	width: 100%;
	display: block;
	margin-bottom: 15px;
	margin: 0 auto;
}
 #thumbnails li {
     float: left;
     margin: 1px 2px 1px 0;
     width: 170px;
     background-color: #ffffff;
     font-size: 12px;
     position: relative;
	
    border-radius: 6px;
	-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    border: 1px solid #e1e1e1;
	display:none;
}
#thumbnails li.thumbshow {
	display:block!important;
}
 #thumbnails li div {
    text-align: center;
}
 #thumbnails li div img {
    display: none;
}
 #thumbnails li div img:last-child {
    display: block!important;
    text-align: center;
	margin: 0 auto;
}
#thumbnails .rk-car, #thumbnails .rk-at-yes, #thumbnails .rk-at-no, #thumbnails .rk-at-up, #thumbnails .rk-at, #thumbnails .rk-at-mo {
    overflow: hidden;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    color: #313131;
    font-size: 11px;
	font-weight: 600;
    line-height: 1.6;
	margin: 0 2px 5px 2px;

	-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    min-height: 40px;
}
#thumbnails .rk-at-yes .green {
	color: #00b140;
	margin-right:2px;
}
#thumbnails .rk-at-no .red {
    color: red;
	margin-right:2px;
}
#thumbnails .rk-at-up {
	color: #313131;
}
#thumbnails .rk-at-up {
	background-color: #1A73E8;
	border: 1px solid #1A73E8;
}
#thumbnails .rk-at {
    color: #313131;
}
#thumbnails .rk-at-mo{
	min-height: 30px;
	border:0;
}
#thumbnails .rk-btn{
	margin: 0 2px 5px 2px;
	width: 162px;
	font-size: 12px;
}
/*--------------------------------------------------------------
Search CSS
--------------------------------------------------------------*/
.rk-search-site .search-form {margin:3px 0 0px 0; display: flex;}
.rk-search-site form.search-form input[type="text"] {
	border: 1px solid inherit;
    color: #313131;
    height: 31px;
    background-color: #ffffff;
    padding: 2px 45px 2px 12px;
    border-radius: 200px!important;
    /* -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%); */
    /* box-shadow: 0 1px 3px rgb(31 31 31 / 51%); */
    margin-right: -46px;
}
.rk-search-site form.search-form input[type="text"]::placeholder {
  color: #313131;
}
.rk-search-site input[type="text"] {
	box-sizing: border-box;
	outline: 0;
	padding: 9px 10px;
	color: #313131;
	background: none #fafafa;
	--transition: border-color 0.4s ease;
	border: 1px solid #e1e1e1;
	line-height: 18px;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	-webkit-appearance: none;
}
.rk-search-site form.search-form [type="submit"], .btnsearch {
	border: none;
	cursor: pointer;
	padding: 0 16px;
	line-height: 31px;
	height: 31px;
	vertical-align: middle;
	border-radius: 0 25px 25px 0;
	/* background: #1A73E8; */
	color: #313131;
	outline: 0;
	/* box-shadow: 0 1px 3px rgb(31 31 31 / 51%);*/
}
.rk-search-icon {
	color: #313131;
	font-size: 14px;
	cursor: pointer;
	padding: 0 16px;
	line-height: 31px;
	height: 31px;
	vertical-align: middle;
	border-radius: 25px!important;
	outline: 0;
	border: 1px solid #f4f4f4;
	background-color: #f4f4f4;
	font-weight: 600;
	margin:0px 0 20px 0; 
	display: flex;
    -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
}
.rk-search-icon a {color:#1A73E8;}
.rk-search-icon:hover {color: #FF2166;}
.rk-search-icon i {margin-left: 0px;}
.rk-form-close {
	position: absolute;
	right: 31px;
	top: 12px;
	font-size: 22px;
	cursor: pointer;
	color: #fff;
}
.rk-form-close:hover {color: #FF2166;}
.rk-menu-search {float: right;}
.rk-menu-search .rk-form-wrap, .rk-menu-search .rk-nav-wrap {
	visibility: hidden;
	position: fixed;
	width: 100%;
	z-index: 999;
}
.rk-menu-search .rk-form-wrap, .rk-menu-search .rk-nav-wrap {
    position: fixed;
    top: 0;
    left: 20%;
    width: 80%;
    height: 100%;
    z-index: 999;
    overflow: auto;
    background-color: #fafafa;
    border-radius: 25px 0 0 25px!important;
    box-shadow: -100px 0px 100px 70px rgb(49 49 49 / 70%);
    -webkit-box-shadow: -100px 0px 100px 70px rgb(49 49 49 / 70%);
    -moz-box-shadow: -100px 0px 100px 70px rgba(49,49,49,0.7);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.rk-menu-search .rk-form-wrap .search-form {
	position: absolute;
	top: 80px;
	left: 18%;
	width: 70%;
	margin-left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	display: flex;
}
@media (max-width: 1240px) {
	.rk-menu-search .rk-form-wrap, .rk-menu-search .rk-nav-wrap { left: 70%; width: 30%;}
}
@media (max-width: 979px) {
	.rk-menu-search .rk-form-wrap, .rk-menu-search .rk-nav-wrap { left: 70%; width: 30%;}
}
@media (max-width: 768px) {
	.rk-menu-search .rk-form-wrap, .rk-menu-search .rk-nav-wrap { left: 20%; width: 80%;}
}
@media (min-width: 1240px) {
	.rk-menu-search .rk-form-wrap, .rk-menu-search .rk-nav-wrap { left: 80%; width: 20%;}
}

/*! título da página e descrição da página */
.rk-cat-head {
	color: #313131;
	font-weight: 500;
	line-height: 1.4;
	padding: 20px 0 0 0;
	font-size: 30px;
}
.rk-heading {
	position: relative;
	color: #313131;
	font-weight: 500;
	line-height: 1.4;
	padding: 0 0 3px 0;
	margin-top:30px;
    /* border-bottom: 1px solid #e1e1e1; */
}
.rk-heading-none:before {    
	position: absolute;
    left: 0;
    content: "";
    width: 25px;
    height: 3px;
    background: gold;
    margin-top: 26px;
	padding-left: 26px;
}
.rk-sum {padding-top:10px;}

/*! categorias por página */
.rk-cat-block {padding: 15px 0 0 0; width: 100%; display: inline-block;} 
.rk-cat-block li{float:left; padding:0 5px 0 5px; margin:0 10px 10px 0px; border-radius:25px; background-color:#1A73E8; line-height: 1.4; -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%); box-shadow: 0 1px 3px rgb(31 31 31 / 51%);}
.rk-cat-block li:first-child{padding-left: ; margin-left: 0px;}
.rk-cat-block .rk-home-link a{padding-left: ;}
.rk-cat-block a {
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	line-height: inherit;
	position: relative;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	display: inline;
	
}
.rk-cat-block a:hover {
	color:#ffffff;
}

/*--------------------------------------------------------------
menu-top
--------------------------------------------------------------*/
.rk-nav-block {padding: 3px 0 0 0; width: 100%; display: inline-block;} 
.rk-nav-block li {float:left; padding:3px 5px 3px 5px; margin:0 0px 10px 2%; border-radius:6px; text-align: center; border: 0; line-height: 20px; font-weight: 500;}
.rk-nav-block li a {color:#313131; }
.rk-nav-block .rk-ver-hi {color:#ffffff; }
.rk-nav-block li.rk-top-hi {border: 1px solid #ffffff; min-width: 30px;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    background: #fff;
    box-shadow: 0 20px 40px -5px rgb(9 30 66 / 18%);
	padding-top: 1em;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	font-weight: 300;
	display:block;
	text-align: left;
}

#nav li ul a {
	width: 100%;
	w\idth: 100%;
	display: block;
}
#nav li ul a:hover {
	color: #1A73E8;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;		
}

#nav ul li:hover, #nav ul li.sfhover {
	opacity: 1;
    visibility: visible;
    transform: translateY(0);
    left: 0;
    top: 100%;
}
.rk-nav-block li> .wrap {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 4px;
}
.rk-nav-block li>.wrap::after {
    position: absolute;
    content: "";
    margin: 0 auto;
    width: 0;
    height: 2px;
    transition: all .3s ease;
    right: 0;
    left: 0;
    pointer-events: none;
    background-color: red;
}
/*--------------------------------------------------------------
site-content
--------------------------------------------------------------*/
/*! lista de posts mais lidos/recentes */
.rk-art-list{
	margin-top: 16px;
	min-width:100%;
	/*margin-left: -10px;*/
}
.rk-art-ul .rk-art-list{
	margin-left: 0px;
}
.rk-art-list>a {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	-webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
	box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    border-radius: 6px;
    padding: 3px 0 3px 0;
	background-color: #ffffff;
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 0 0 10px rgb(232 234 237 / 50%);
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}
.rk-art-list .rk-art-list-thumb{
	margin: 0 15px 0 3px;
	position: relative;
	width: 99px;
}
.rk-art-list-bar .rk-art-list-thumb {
	width: 105px;
}
.rk-art-list .rk-art-list-thumb>img{
	border: 1px solid #fff;
	height: 100%;
	width: 100%;
	border-radius: 6px;
}	
.rk-art-list .rk-art-list-text{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
} 
.rk-art-list .rk-art-list-head{
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	overflow: hidden;
	font-size: 16px;
	margin-bottom: 2px;
	color: #1A73E8;
}
.rk-art-list>a:hover .rk-art-list-head{
	color: #1A73E8;
	text-decoration: underline;
}
.rk-art-list-bar .rk-art-list-head {
	-webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
	font-size: 14px;
}
.rk-art-list .rk-art-list-intro{
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	color: #717171;
	font-size: 11px;
	line-height: 1.6;
	margin-bottom: 5px;
}
.rk-art-list .rk-art-list-info{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.rk-art-list .rk-art-list-info .rk-art-list-info-lab{
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	color: #717171;
	font-size: 10px;
	margin-right: auto;
	padding: 0 4px;
	line-height: 1.6;
}
.rk-art-list .rk-art-list-info .rk-art-list-info-lab:after{
	position: absolute;
    bottom: -3px;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #FFB300 transparent transparent transparent;
}

.rk-art-list sup{
	font-size: 16px;
    font-weight: 700;
    background-color: #00DCDC;
    color: #313131;
    border-radius: 50px;
    text-align: center;
    z-index: 99;
    transition: opacity .18s ease;
    height: 30px;
    width: 30px;
    line-height: 30px;
    position: relative;
    float: left;
	left: 11px;
}
.rk-art-list sup:after {
    color: #ffffff;
    left: -50px;
    padding: 8px;
    border-radius: 6px;
    margin-left: 20px;
    font-size: 14px;
}
.rk-art-list sup.p-1:after {
	content: "Indicado";
	background-color: #1A73E8;
}
.rk-art-list .p-1{
	background-color: #1A73E8;
	color: #ffffff;
	padding-left: 10px;
}
.rk-art-list sup.p-2:after {
	content: "Escolha";
	background-color: #9271c2;
}
.rk-art-list .p-2{
	background-color: #9271c2;
	color: #ffffff;
	padding-left: 10px;
}
.rk-art-list sup.p-3:after {
	content: "Escolha";
	background-color: #aceb1b;
	color: #313131;
}
.rk-art-list .p-3{
	background-color: #aceb1b;
	color: #313131;
	padding-left: 10px;
}

/*--------------------------------------------------------------
Ícones Categoria e Lista de Categorias
--------------------------------------------------------------*/
.material-symbols-outlined {
	font-variation-settings:'FILL' 0,'wght' 800,'GRAD' 0,'opsz' 48;
	line-height: inherit;
	font-size: 18px;
}

.rk-cat-list .material-symbols-outlined {font-size: 26px;}

.rk-cat-list .material-symbols-outlined:before  {
	/*content: "\e9d2";*/
	font-variation-settings:'FILL' 1,'wght' 800,'GRAD' 0,'opsz' 48;
	content: "\e838";
	
}
/*! lista de categorias em todas as páginas */
ul.rk-cat-list {
	display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}
li.rk-cat-100  {
    padding: 0 0px 0 0;
    width: 100%;
}
li.rk-cat-50 {
    width: 50%;
	padding: 0 5px 0 0;
}
li.rk-cat-50:nth-child(2n)  {
    padding: 0 0px 0 0;
}
li.rk-cat-33  {
    padding: 0 5px 0 0;
    width: 33%;
}
@media (min-width: 979px) { 
	li.rk-cat-100  {width: 100%;}
	li.rk-cat-100:nth-child(2n)  {padding: 0 0px 0 0;}
}
@media (max-width: 979px) {
	li.rk-cat-100  {width: 50%; padding: 0 5px 0 0;}
	li.rk-cat-100:nth-child(2n)  {padding: 0 0px 0 0;}
	li.rk-cat-50  {width: 50%;}
	li.rk-cat-50:nth-child(2n)  {padding: 0 0px 0 0;}
	li.rk-cat-33  {width: 50%;}
	li.rk-cat-33:nth-child(2n)  {padding: 0 0px 0 0;}
}
@media (max-width: 768px) {
	li.rk-cat-100  {width: 50%; padding: 0 5px 0 0;}
	li.rk-cat-100:nth-child(2n)  {padding: 0 0px 0 0;}
	li.rk-cat-50  {width: 50%;}
	li.rk-cat-50:nth-child(2n)  {padding: 0 0px 0 0;}
	li.rk-cat-33  {width: 50%;}
	li.rk-cat-33:nth-child(2n)  {padding: 0 0px 0 0;}
}

ul.rk-nav-ul {
	margin-top: 0px!important;
}
.rk-cat-list2 li { 
	width: 100%!important;
}
.rk-cat-list a {
	width: 100%;
	border-radius: 6px;
}
.rk-cat-list>li>a, .rk-cat-list>li>ul>li>a, .rk-check-list {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 5px;
	margin: 5px 0 0 0;
	background-color: #ffffff;
	border: 1px solid #e1e1e1;
	-webkit-box-shadow: 0 0 10px rgb(232 234 237 / 50%);
    box-shadow: 0 0 10px rgb(232 234 237 / 50%);
}
.rk-cat-list>li>a i {
	margin-right: 8px;
	width: 32px;
	color: #1A73E8;
}
.rk-cat-list>li>a:hover i {
	color: #1A73E8;
}
.rk-cat-list>li>a div {
	line-height: 1.2;
	width: 100%;
}
.rk-cat-list>li>a p {
	color: #313131;
	font-size: 13px;
	margin-bottom: 2px;
}
.rk-cat-list>li>a:hover p {
	text-decoration: underline;
	color: #1A73E8;
}
.rk-cat-list>li>a span {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	overflow: hidden;
	color: #717171;
	font-size: 11px;
}

/*--------------------------------------------------------------
paginação de página
--------------------------------------------------------------*/
.rk-pagination {
    margin-top: 40px;
	margin-bottom: 40px;
    text-align: center;
}
.page-numbers:first-child {
    border-left: 1px solid #e1e1e1;
}
.page-numbers {
    border: solid #e1e1e1;
    border-width: 1px 1px 1px 1px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
	border-radius: 6px;
}
.next, .prev {
    width: 80px!important;
}
.page-numbers.current {
    background-color: #313131;
    border: 1px solid #313131;
    color: #fff;
}
.rk-pagination .next, .rk-pagination .prev {display:none!important;}

/*--------------------------------------------------------------
site-footer
--------------------------------------------------------------*/

#top-footer {margin-top: 80px;}
#footer {background: #141414; position: relative; bottom: inherit;width: 100%;}

.rk-site-info { padding: 20px 0 20px; color: #fff; font-size: 13px; float: inherit!important; text-align: center!important; }
.rk-site-info a {color: #ffffff;}
.rk-nav-footer {padding: 3px 0 0 0; text-align: center;}
.rk-nav-footer >a+a:before { padding: 0 5px 0 10px; color: #fff; content: "/\00a0";}


.button-top{
  background-color: #e1e1e1;
  color: #313131;
  border-radius: 50px;
  text-align: center;
  position: fixed;
  bottom: 130px;
  right: 5px;
  z-index: 99;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
  height: 35px;
  width: 35px;
  line-height: 35px;
}
.button-top a {
  color:#313131;
}
.button-top-visible {
  opacity: 1;
  pointer-events: auto;
}
.button-top .material-symbols-outlined:before  {
  content: "\e5ce";
  font-size: 35px;
}
.button-top:hover {
  background-color: #717171;
}
.button-top:hover a {
  color:#ffffff;
}

#cookie-banner {
	position: fixed;
	width: 30%;
    color: #313131;
    padding: 10px;
    z-index: 99;
    padding-top: 1%;
    position: fixed;
    float: right;
    right: 50px;
	bottom: 25px;
    line-height: 1.6;
    max-width: 650px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    -webkit-box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
    box-shadow: 0 -4px 0 rgb(31 31 31 / 10%) inset;
   background-color: #ffffff;
}

#cookie-banner span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    /* padding: 5px 10px; */
    text-align: center;
    max-width: 20%;
    letter-spacing: -0.2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
}

#cookie-banner p {
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    max-width: 60%;
}
#cookie-banner > span a {
	background-color: #313131;
	color: #ffffff;
	padding: 5px 5px;
	border: none;
	cursor: pointer;
	border-radius: 6px;
}
#cookie-banner > span a#custom-close {
	background-color: #ededed;
	color: #313131;
}

@media (max-width: 979px) {
	#cookie-banner {width: 80%; bottom: 10px; font-size: 0.8em}
	#cookie-banner p  {font-size: 0.8em; }
}


/*--------------------------------------------------------------
quem somos
--------------------------------------------------------------*/
.rk-about-us{
	-webkit-box-align: center;
    align-items: center;
    background: url(/wp-content/themes/my-theme/images/somos-fundo.jpg) no-repeat center center;
    background-size: cover;
    display: -webkit-box;
    display: flex;
    width: 100%;
	height: 408px;
}

/*--------------------------------------------------------------
site-mobile
--------------------------------------------------------------*/
@media (min-width: 1240px) {
	.rk-search-icon {display:none;} 
}
@media (max-width: 1240px) {
	.rk-container {width: 100%!important; padding-left:60px!important; padding-right:60px!important;}
	.rk-column {padding: 20px;}
	.rk-search-icon {display:block;} 
}
@media (max-width: 979px) {
	#page {width: auto!important;}
	.rk-container {width: 100%!important; padding-left:60px!important; padding-right:60px!important;}
	.rk-search-icon {display:block; margin-bottom:20px}
	.site-header {padding: 15px 0 15px 0;}
	.rk-search-site {display:none;}
	.rk-brand .site-description {display:none;}
}
@media (max-width: 979px) {
	.rk-brand {border: 0!important; padding:0!important; margin:0!important;}
	.rk-column-1, .rk-columnpage-1 {width: 100%!important; float: inherit; margin-right:1em;}
	.rk-column-2 {width: 100%!important;}
	.rk-container {width: 100%!important; padding-left:30px!important; padding-right:30px!important;}
	.rk-search-icon {display:block; margin-bottom:15px}
	.site-header {padding: 15px 0 15px 0;}
	.rk-search-site {display:none;}
	.rk-brand .site-description {display:none;}
	.rk-site-info {padding: 15px 0 15px 0;}
}
@media (max-width: 768px) {
	#content {padding-top: 3.3em;}
	.rk-column-1, .rk-columnpage-1 {width: 100%!important; float: inherit; margin-right:inherit;}
	.rk-column-2 {width: 100%!important;}
	.rk-container {width: 100%!important; padding-left:15px!important; padding-right:15px!important;}
	.rk-search-icon {display:block; margin-bottom:10px}
	.site-header {padding: 10px 0 10px 0;}
	.rk-search-site {display:none;}
	.rk-brand .site-description {display:none;}
	.rk-site-info {padding: 15px 0 15px 0;}
	.rk-art-list .rk-art-list-head {overflow: inherit; -webkit-box-orient: inherit; -webkit-line-clamp: inherit;}
	.rk-art-list .rk-art-list-intro {display:none;}
}
/*--------------------------------------------------------------
Chatbot e Whatsapp
--------------------------------------------------------------*/
.rk-whatsapp-info {
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #d5f4f0;
    border-radius: 10px;
    padding: 10px;
    width: fit-content;
    max-width: 450px;
    margin: 2rem auto .5rem;
}
.rk-whatsapp-info div > svg { 
	margin-top: 5px
}
/*--------------------------------------------------------------
Menu Cardápio Sirva Mais
--------------------------------------------------------------*/
h1.rk-bio-h1 {font-size: 25px; margin: 26px 0 0 0; line-height: 1.4; font-weight: 500; line-height: 1.2; text-shadow: black 0.1em 0.1em 0.2em; }

.menu-bottom {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #141414;
    color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
}

.menu-bottom a, button#openModal {
    text-decoration: none;
    color: white;
}
.menu-bottom svg{
	width: 1.7em;
    fill: currentColor;
    overflow: hidden;
    color: #ffffff;
    margin-right: 0.5em;
    align-self: baseline;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    appearance: none;
    border: 0px;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    position: relative;
    user-select: none;
    will-change: background-color, color;
    word-break: break-word;
    white-space: nowrap;
    float: left;
}


@media (max-width: 979px)
 {
	.rk-header-2 {
    /*width: 100%;*/
    height: 30px;
    float: left;
	margin: 20em 0 1em 0;
	transition: margin-top 0.5s ease;
}
  .rk-header-faq {
    height: 30px;
    float: left;
	margin: 5em 0 1em 0;
	transition: margin-top 0.5s ease;
}
}

@media (min-width: 979px)
 {
	.rk-header-2, .rk-header-faq {display:none;}
}

.rk-navmenu-block-wrapper {
    height: 3em;
    overflow-y: hidden;
    width: 100%;
}

.rk-navmenu-block {
	display: flex;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    justify-content: space-between;
}
.rk-navmenu {
    margin: 3px;
    align-self: baseline;
    flex-shrink: 0;
    color: #ffffff;
    -webkit-box-align: center;
    align-items: center;
    appearance: none;
    border: 0px;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    position: relative;
    user-select: none;
    will-change: background-color, color;
    word-break: break-word;
    white-space: nowrap;	
}
.rk-navmenu a {
font-size: .9rem;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
	background-color: rgba(109, 109, 110, 0.7);
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
   border-radius: 0.5em;
}
.rk-navmenu a.active {
font-size: .9rem;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
	background-color: #ffffff;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
        border-radius: 0.5em;
}

.rk-bio-center {   
	align-items: center !important;
    flex-direction: column !important;
    display: flex;
	color: #ffffff;
	 
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	flex: 1;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    list-style-type: auto;
}

.rk-bio {
	align-items: center;
	display: flex;
}

.rk-bio-p {margin: 1em 0 2em 0; line-height: 1.6; text-align: center; flex-direction: column ;}

.link-verified {
    color: #3897f0;
    margin-left: 0.25rem !important;
    width: 1.1em;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
	margin-top: 1.9em;
}

.tile-separator{
    width: 1em;
    display: inline-block;
    height: 5em;
    margin-right: 0.8em;
    cursor: pointer;
    transition: 450ms all;
    transform-origin: center left;
    background-color: red;
    transform: translate3d(0em, 1.5em, -0.5em);
}

.movieRow--left, .movieRow--right {
background-color: rgba(0,0,0,.6);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: center;
    transition: all .3s ease;
    width: 40px;
    z-index: 99;
	font-size: 4em;
}

/* destaque */
.destaque-row{
    height: 34.6vw;
    width: 100%;
    z-index: 0;
}
.destaque-image-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	height: 56.6vw;
}
.destaque-static-image {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
    width: 100%;
}
.destaque-trailer {
    background: linear-gradient(77deg,rgba(0,0,0,.6),transparent 85%);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 26.09%;
    top: 0;
    transition: opacity .5s;
}
.destaque-hero-image {
    background-color: transparent;
    background-image: linear-gradient(180deg,hsla(0,0%,8%,0) 0,hsla(0,0%,8%,.15) 15%,hsla(0,0%,8%,.35) 29%,hsla(0,0%,8%,.58) 44%,#46190F 68%,#46190F);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    bottom: -1px;
    height: 14.7vw;
    opacity: 1;
    top: auto;
    width: 100%;
	position: absolute;
}

/* menu horizontal */
.magic-wrapper {
  width: 100%;
  overflow: hidden;
}

.horizontal-menu {
	white-space: nowrap;
    overflow-x: scroll;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.horizontal-menu li {
  display: inline-block;
  margin-right: 20px;
}

.horizontal-menu a {
  text-decoration: none;
  color: #ffffff; /* Cor dos links */
  font-weight: bold;
}

/* carrossel */
.contain ::-webkit-scrollbar{
  width: 20px;
}

.contain ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #333333; 
  border-radius: 10px;
}

@media (max-width: 979px) {
	.contain ::-webkit-scrollbar-track  {box-shadow: inherit}
}



/* Handle */
.contain  ::-webkit-scrollbar-thumb {
  border-radius: 10px;
    align-items: center;
    background-color: transparent;
    justify-content: space-between;
    transition: all .5s ease;
    z-index: 999;
}

/* Handle on hover */
.contain ::-webkit-scrollbar-thumb:hover {
  background: #222222; 
}

.contain {
 width: 100%;
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
	-webkit-user-select: none;    /* Chrome, Safari 3 */
	-khtml-user-select: none;     /* Safari 2 */
	-moz-user-select: none;       /* Firefox */
	-ms-user-select: none;        /* IE10+ */
	user-select: none;            /* Possível implementação no futuro */
    display: flex;
}

.contain h2 {
color:#ffffff;
margin-top:30px;
}

.row {
 overflow: scroll;
 overflow-y: hidden;
 width: 100%;
}

.row__inner {
    transition: 450ms transform;
    font-size: 1em;
    white-space: nowrap;
    margin: -1em 0 1em 0;
    min-height: 20em;
}

.tile__detailsX:after,
.tile__detailsX:before {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
}

.tile__detailsX:after {
 margin-top: -25px;
 margin-left: -25px;
 width: 50px;
 height: 50px;
 border: 3px solid #ecf0f1;
 line-height: 50px;
 text-align: center;
 border-radius: 100%;
 background: rgba(0, 0, 0, 0.5);
 z-index: 1;
}

.tile__detailsX:before {
 content: '▶';
 left: 0;
 width: 100%;
 font-size: 30px;
 margin-left: 7px;
 margin-top: -18px;
 text-align: center;
 z-index: 2;
}

.tile {
position: relative;
    display: inline-block;
    /* max-width: 250px; */
    /* max-height: 20em; */
    height: 18em;
    margin-right: 0.5em;
    cursor: pointer;
    transition: 450ms all;
    transform-origin: center left;
    background-color: #141414;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    box-shadow: 0 1px 3px rgb(31 31 31 / 51%);
    padding-bottom: 0.5em;
    white-space: normal;
	transform: translate3d(0em, 1.5em, -0.5em);
    
}

.tile__media { 
	border-radius: 0.5em; 
}

.tile__img {
 width: 10em;
 /*height:14em;*/
 border-radius: 0.5em 0.5em 0 0;
 -o-object-fit: cover;
 object-fit: cover;
}
.tile__img-modal {
 width: 100%;
 height:14em;
 border-radius: 0.5em;
 -o-object-fit: cover;
 object-fit: cover;
}

.tile__details {
position: absolute;
    bottom: -0.3em;
    left: 0;
    right: 0;
	/*background: linear-gradient( to bottom, transparent, black, transparent );*/
    transition: 450ms opacity;
    padding-bottom: 0.5em;
	background-color: transparent;
    background-image: linear-gradient(180deg,rgba(0,0,0,.7) 10%,transparent);
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.tile__title {
text-align: center;
    color: #ffffff;
    margin: 0 auto;
    text-shadow: black 0.1em 0.1em 0.2em;
    white-space: normal;
    line-height: 1.2;
    font-size: 0.9em;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    letter-spacing: 0.07em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    min-height: 2.4em;
    padding: 0 0.4em 0.4em 0.4em;
}

.tile__Description {
text-align: center;
    color: #ffffff;
    margin: 0 auto;
    text-shadow: black 0.1em 0.1em 0.2em;
    white-space: normal;
    line-height: 1.2;
    font-size: 0.9em;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    /*letter-spacing: -0.02em;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    min-height: 2.4em;
    padding: 0 0.9em 0.9em 0.9em;
}

.tile__subtitle {
 align-content: center;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    text-shadow: black 0.1em 0.1em 0.2em;
    white-space: normal;
    font-size: 0.8em;
    /* padding: 0.5em 0 0 0; */
    line-height: 1.2;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 600;
    letter-spacing: 0.05em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient( to top , transparent 1%, #141414 100%, transparent 10% );
    height: 4em;
    border-radius: 0.5em;
	margin-top: -0.08em;
}

.tile__moeda {
    font-size: 0.7em;
    color: #ffffff;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.tile__valor {
    font-size: 0.9em;
    /* margin-left: 0.5em; */
    text-align: center;
    text-shadow: black 0.1em 0.1em 0.2em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* display: -webkit-box; */
    overflow: hidden;
    /* border: 1px solid #515151; */
    border-radius: 0.5em;
    /* padding: 0 4px; */
    line-height: 1.6;
    width: 5.8em;
    color: #ffffff;
    /* background: rgb(0 0 0 / 70%) ;*/
}

.tile__button {
text-align: center;
    margin: 0 auto;
    text-shadow: black 0.1em 0.1em 0.2em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    border: 1px solid #515151;
    border-radius: 0.5em;
    padding: 0.2em 0em;
    font-size: 0.55em;
    line-height: 1.6;
    width: 8em;
    float: right;
    margin-right: 0.5em;
    color: #ffffff;
    background: rgb(0 0 0 / 70%);
}

	
.tile:hover .tile__details {
 opacity: 1;
}	
	
.row__inner2:hover {
 transform: translate3d(-25px, 0, 0);
}

.row__inner2:hover .tile {
 opacity: 0.3;
}

.row__inner2:hover .tile:hover {
transform: translate3d(0em, 1.1em, 0.5em);
}

.tile2:hover~.tile {
 transform: translate3d(-0.5em, 1em, 0.5em);
}

.row__inner .tile.on {
 background-color:#000000;
 transform: translate3d(0em, 1.1em, 0.5em);
}

/* --- modal ---*/
.carousel-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
}


h2.modal {
    font-size: 24px;
    margin-bottom: 10px;
	color:#ffffff;
}

.carousel {
    display: flex;
    overflow: hidden;
}

.menu-card {
    width: 200px;
    margin: 0 10px;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s;
}

.menu-card img {
    max-width: 100%;
    height: auto;
}

.menu-card:hover {
    transform: scale(1.05);
}

/* Estilos do modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
    backdrop-filter: blur(8px);
    background-color: rgba(18, 10, 12, .5);
	z-index: 999;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #141414;
     /*padding: 20px;*/
    text-align: center;
    border-radius: 0.5em;
    color: #ffffff;
    width: 30em;
}

.close {
/*position: absolute; */
    right: 0;
    bottom: 0;
    padding: 0 0.7em;
    cursor: pointer;
    font-size: 2em;
    text-align: right;
    float: right;
}

/* Responsividade */
@media screen and (max-width: 768px) {
    .menu-card {
        width: 150px;
    }
    .modal-content {
        width: 80%;
    }
}

/*!--------------------------------------------------------------
Utilizando fontes externas
--------------------------------------------------------------
@font-face {
    font-family: 'Rotunda';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url('/wp-content/themes/my-theme/fonts/rotunda/Rotunda-Light.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Rotunda';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    src: url('/wp-content/themes/my-theme/fonts/rotunda/Rotunda-Medium.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Rotunda';
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    src: url('/wp-content/themes/my-theme/fonts/rotunda/Rotunda-Regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Rotunda';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url('/wp-content/themes/my-theme/fonts/rotunda/Rotunda-Bold.woff2') format('woff2');
    font-display: swap;
}
*/
/*!--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
:root {
    overflow-y: scroll!important;
}
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-size: 100%;
font-style:  normal;
font-weight: normal;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
.rk-verse-one, .rk-verse-search, .rk-brand-h11 span {font-family: "Rotunda", sans-serif!important;}
.rk-verse-one span, .rk-verse-search span, .rk-brand-footer11 span {font-family: "Rotunda", sans-serif!important;}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-y: scroll;
overflow-y: scroll!important;

/*overflow: -moz-scrollbars-vertical;*/
}

html, html * {
   /* scrollbar-color: initial!important;
    scrollbar-width: initial!important;
	scroll-behavior: initial!important; */
}
::selection {
    background-color: #4892FD;
    color: #ffffff;
}

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul, li {
list-style: none; padding: 0;margin: 0; text-indent: 0; list-style-type: none;}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote::before,
q::before {
content: "\f10d";
font-family: FontAwesome;
position: absolute;
left: -20px;
top: -10px;
color: #FBD501;
}
blockquote:after,
q:after {
content: "\f10e";
font-family: FontAwesome;
position: absolute;
right: 0;
bottom: -10px;
color: #FBD501;	
}
blockquote,
q {
quotes: """";
position: relative;
}
blockquote cite {
display: block;
font-weight: 300;
font-size: 16px;
margin-top: 20px;
}
blockquote cite::before {
content: "-";
margin-right: 10px;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
html[Attributes Style] {
    -webkit-locale: "pt-BR";
}
html,
body,
button,
input,
select,
textarea {
color: #313131;
letter-spacing: 0.01em;
font-size: 15px;
line-height: 1.8;
font-weight: normal;
}
p {margin:0;}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 20px;
padding:5px;
font-size: 20px;
font-style: italic;
font-weight: 300;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #313131;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free", arial!important;
    font-weight: 600!important;
}
/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
hr {
background-color: #e1e1e1;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
figure {
margin: 0;
}
table {
margin: 0 0 15px;
width: 100%;
border-collapse: collapse;
}
th {
font-weight: bold;
/*border: 1px solid #e1e1e1;*/
padding: 5px 10px;
}
td {
/*border: 1px solid #e1e1e1;*/
padding: 5px 10px;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: middle;
}
.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #e1e1e1;
cursor: pointer;
font-size: 14px;
line-height: 13px;
border: none;
padding: 14px 25px;
font-weight: 400;
display: inline-block;
position: relative;
text-shadow: none;
border: 1px solid #e1e1e1;
background: none;
}
.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #313131;
border-color: #313131;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
color: #313131;
border: 1px solid #e1e1e1;
height: 36px;
width: 100%;
-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 1px solid #AAA;
}
.searchform input[type="text"]:focus {
border: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px 6px;
}
textarea {
overflow: auto;
padding-left: 3px;
vertical-align: top;
color: #313131;
border: 1px solid #e1e1e1;
height: 160px;
max-width: 100%;
width: 100%;
}
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
color: #313131;
text-decoration: none;
cursor: pointer !important; 
z-index: 500;	
}

a:visited {}
a:hover,
a:focus,
a:active {

}
.rk-btn-li-x a:focus {
outline: inherit;
}

.rk-btn-li-x a {
  color: #ffffff;
  text-decoration: none;
}

.rk-btn-li-x a {
  background:
    linear-gradient(
      to right,
      rgba(100, 200, 200, 1),
      rgba(100, 200, 200, 1)
    ),
    linear-gradient(
      to right,
      rgba(255, 0, 0, 1),
      rgba(255, 0, 180, 1),
      rgba(0, 100, 200, 1)
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
  background-color: #1A73E8;
}

.rk-btn-li-x a:hover {
  background-size: 0 3px, 100% 3px;
}