@import url('bootstrap.min.css');
@import url("animate.min.css");
@import url("lightbox.min.css");
@import url('https://use.fontawesome.com/releases/v5.10.2/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap');

:root{ 
	--color-primary: #102C5E /*#1a2b4c*/;
	--color-primary-hover: #0f1d35;
	--color-secondary: #b5de00; /*#B9D54D;#c4d82b*/
	--color-secondary-hover: #a7cd00; /*#AEC94C*/
	--color-tertiary: #EEF0F0; 
	--color-gradient: linear-gradient(135deg, #c4d82b 0%, #a8bc24 50%, #06b6d4 100%); 
	--color-gradient-dark: linear-gradient(135deg, #1a2b4c 0%, #0f1d35 100%);
	--color-text: #1e293b;
	--color-white: #ffffff;
	--color-light: #f8fafc;
	--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--border-radius: 6px;
	--border-radius-lg: 12px;
}

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #FFF; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0em; line-height: 1.6em; font-size: 15px; color:var(--color-text); }
body, html { height: 100%; }

a { color: var(--color-secondary); -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
a:hover, a:focus { color: var(--color-secondary-hover); text-decoration: none; outline: none; }

::selection{color:#fff;background:rgba(0,0,0,0.2);}
::-moz-selection{color:#fff;background:rgba(0,0,0,0.2);}
::-webkit-selection{color:#fff;background:rgba(0,0,0,0.2);}

.btn-primary { background: var(--color-secondary); color: #FFF; border: 1px solid transparent; height: auto !important; line-height: 1.3em; border-radius: 40px; font-size: 1.2em; padding: 12px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-primary:hover, .btn-primary:focus { color: #FFF; background: var(--color-secondary-hover); border-color: var(--color-secondary-hover); }

.btn-secondary { background: var(--color-primary); color: #FFF; border: 0; border-radius: 40px; font-size: 1em; padding: 10px 40px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-secondary:hover, .btn-default:focus { background: var(--color-primary-hover); color: #FFF; }

.btn-primary em, .btn-secondary em { font-size: 0.8em; font-weight: 400; font-style: normal; }

.btn-whats { background: #25D366; color: #FFF; border: 1px solid transparent; height: auto !important; line-height: 1.3em; border-radius: 20px; font-size: 1.2em; padding: 12px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }

.btn-default { background: var(--color-secondary); color: #FFF; border: 0; border-radius: 40px; font-size: 1em; padding: 10px 40px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-default:hover, .btn-default:focus { background: var(--color-secondary-hover); color: #FFF; }

.btn-outline-light { color: #FFF; background: transparent; border: 2px solid #FFF; height: auto !important; line-height: 1.3em; border-radius: 40px; font-size: 1.2em; padding: 12px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-light:hover, .btn-outline-light:focus { background: rgba(255,255,255,0.2); color: #FFF; border-color: #FFF; }

.btn-outline-primary { color: var(--color-primary); background: transparent; border: 2px solid var(--color-primary); height: auto !important; line-height: 1.3em; border-radius: 40px; font-size: 1.2em; padding: 12px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-primary:hover, .btn-outline-primary:focus { background: rgba(255,255,255,0.2); color: var(--color-primary-hover); border-color: var(--color-primary-hover); }


/*
.btn-outline-light { border-radius: 0; color: var(--color-text); border-color: var(--color-text); font-size: 1em; padding: 15px; font-weight: 700; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-outline-light:hover, .btn-outline-light:focus { color: #FFF !important; background: #BE0C1A; border-color: #BE0C1A; }
*/

.bg-dark { background: #303030 !important; }
.bg-light { background: var(--color-light) !important;  }

.bg-gradient { color: #FFF; background: #999; background: linear-gradient(to left, #FFF 10%, #999 100%); }

.scrollup { width: 40px; height: 40px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); opacity: 0.8; position: fixed; bottom: 60px; right: 10px; display: none; text-align: center; color: #fafafa; font-size: 28px; background: #CCC; z-index: 9999; border-radius: 2px; }
.scrollup i { line-height: 38px }
a.scrollup:hover i, a.scrollup:focus i { text-decoration: none; color: #fafafa; outline: none; }

.rounded { border-radius: var(--border-radius) !important; }
img.rounded { transition: all .3s ease; }
img.rounded:hover { opacity: 0.85; }

/*.card-deck .card { max-width: 50%; }*/

small { font-weight: 300; letter-spacing: 0.05em; font-size: 0.75em; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; font-style: normal; color: var(--color-primary); font-style: italic; padding: 0; margin: 0; letter-spacing: -0.02em; }

header { font-size: 0.9em; background: linear-gradient(45deg, var(--color-primary), var(--color-primary), var(--color-primary-hover)); width: 100%; z-index: 99999;  }

header .navbar-nav {  }

header #menu.navbar { margin: 0; }
header .navbar-brand { margin: 0; padding: 0; }
header .navbar-toggler { z-index: 9999; font-size: 2.4em; border-radius: 0; margin: 0; }
header .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

header .nav-item { margin: 0; padding: 0;  }
header .nav-item a.nav-link { color: var(--color-white); padding: 9px 15px !important; font-size: 1.2em; font-weight: 900; letter-spacing: 0em; border-radius: 30px; /*text-transform: uppercase;*/ }

header .nav-item.active a.nav-link { background: var(--color-secondary) !important; color: var(--color-white) !important; } /* ITEM ATIVO */
header .nav-item a.nav-link:hover,
header .nav-item a.nav-link:active,
header .nav-item a.nav-link:focus,
header .nav-item a.nav-link > li:hover > a { /*background: var(--color-secondary) !important;*/ color: var(--color-secondary); }
header .nav-item a.nav-link.active { background: transparent !important; color: var(--color-secondary) !important; }
/*header .nav-item.active > a:hover { color: #000; }*/ /* HOVER MENU */
header .dropdown-toggle::after { display: none; font-weight: 300; }
header .dropdown-menu { min-width: 280px; padding: 5px 10px; margin: 0; background: #FFF; border-radius: 5px; border: 0; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2); }
header .dropdown-menu a { padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.04); color: var(--color-text); font-weight: 500; font-size: 0.8em; /*text-transform: uppercase;*/ }
header .dropdown-menu a:last-child { border-bottom: 0; }
header .dropdown-menu a:hover, header .menu .dropdown-menu a:active { /*background: #333;*/ background: rgba(255,255,255,0.05); color: var(--color-secondary); }

header .whats { background: #F1F4F5; padding: 0; margin: 0; list-style: none; }
header .whats li { padding: 12px 20px 0 20px; margin: 0; list-style: none; color: var(--color-text); font-size: 1.4em; font-weight: 500; }
header .whats li i { color: var(--color-text); }

header.fixed { background: var(--color-primary); box-shadow: var(--shadow-xl); position: fixed !important; -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; z-index: 999; }
header.fixed .navbar-brand { margin: 0; padding: 0; }
header.fixed .navbar-brand img { height: 50px; }
header.fixed .entre { display: none;}

header .entre {margin: 0 0 15px 0; }
header .entre span { color: var(--color-white); padding: 0 10px; }
header .entre a { color: var(--color-white); }

header .social-share { display: inline-block; padding: 0; margin: 0 0 0 15px; }
header .social-share a i { color: var(--color-white); font-size: 1.7em; padding: 0 5px; }


/* google translate */
#google_translate_element { display: none; }
.goog-te-banner-frame, .skiptranslate { display: none !important; }
body { position: static !important; top: 0 !important; }

footer { background: var(--color-primary); color: #F2F2F2; font-size: 0.9em; font-weight: 400; line-height: 1.4em; }
footer .fone { font-weight: 700; font-size: 1.2em; line-height: 2.2em; }
footer .fone i { font-size: 1.8em;  vertical-align: middle; }
footer .social-share {  }
footer .social-share i { color: #F2F2F2; font-size: 1.8em; padding: 0 5px; }
footer .development a {  display: inline-block; width: 116px; height: 25px; background: url('../images/ipoomweb.png') no-repeat; /*filter: grayscale(100%) brightness(0%); -webkit-filter: grayscale(100%) brightness(0%);*/ }
footer .development a strong { display: none; }

#search { background: var(--color-tertiary); color: #FFF; text-align: center; }
#search .form-control { background: #FFF; border: 0; height: 50px; border-radius: 5px; font-size: 1.2em; font-weight: 400; }
#search button.btn { font-weight: 700; height: 5px; border-radius: 5px; }
#search h3 { color: var(--color-text); font-size: 2em; font-weight: 700; letter-spacing: -0.03em; }

#search .nav-tabs { border-color: rgba(255,255,255,0.2); }
#search .nav-tabs a.nav-link { color: #FFF; font-size: 1.3em; padding: 15px 50px; font-weight: 500; border-radius: 0; border: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#search .nav-tabs a.nav-link:hover { background: #DD0E1D;  color: #282828; }
#search .nav-tabs a.nav-link.active { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); color: #FFF; border-bottom: 0 !important; }
#search .tab-content { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); border-top: 0; padding: 20px 35px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;	-moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

#cadastrar { background: var(--color-text); padding: 20px; text-align: center; z-index: 99; position: relative; }
#cadastrar form { padding: 20px 30px; border: 2px solid var(--color-text); }
#cadastrar h3 { color: #FFF; font-weight: 700; font-size: 2em; line-height: 1.3em; }
#cadastrar h3 strong { font-weight: 700; font-size: 1.5em; }
#cadastrar h5 { color: #FAFF02; font-size: 1.3em; font-weight: 400; letter-spacing: 0.04em; border-bottom: 6px solid var(--color-text); padding-bottom: 15px; margin-bottom: 22px; }
#cadastrar .form-control { color: #FAFF02; height: 43px; border: 1px solid var(--color-text); border-radius: 0; background: transparent; font-weight: 300; font-size: 0.9em; }
#cadastrar .form-control::placeholder { color: #FFF; }
#cadastrar textarea.form-control {height: 120px;  }

.categoria { height: 100%; }
.categoria a { height: 100%; display: block; background: #EDF2F2; color: var(--color-text); text-align: center; padding: 50px 0; text-transform: uppercase; }
.categoria a h6 { color: var(--color-text); font-weight: 700; font-size: 1.6em; margin: 10px 0 0 0; padding: 0; }
.categoria a:hover { background: #FAFF02; }

#encontramos { font-size: 1.15em; line-height: 1.6em; font-weight: 400; position: relative; }
#encontramos .col-md-8 { z-index: 99; }
#encontramos h5 { font-size: 1.6em; font-weight: 500; line-height: 1em; }
#encontramos h5 strong { font-weight: 700; font-size: 2em; line-height: 0.8em; }
#encontramos h5 small { font-weight: 500; font-size: 0.8em; }
#encontramos .bg-right { position: absolute; right: 0; bottom: 0; z-index: 9; width: 450px; }

.profissional { }
.profissional a { display: block; }
.profissional a h5 { font-size: 1.5em; font-weight: 500; color: var(--color-text); padding: 0; margin: 15px 0; }
.profissional a h6 { font-size: 1.1em; font-weight: 500; color: var(--color-text); padding: 0; margin: 0 0 15px 0; }
/*
.profissional a .btn { opacity: 0; padding-top: 8px; padding-bottom: 8px; font-size: 0.9em; font-weight: 500; }
.profissional a .btn i { font-size: 1.3em; padding-left: 5px; }
.profissional a:hover > .btn { opacity: 1; }
*/

.profissional .image { position: relative; }
.profissional .image .mais { opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; line-height: 50%; background: rgba(0,0,0,0.8); -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.profissional .image .mais div { color: #FFF; font-weight: 700; height: 20px; line-height: 20px; margin-top: calc(50% - 10px); }
.profissional .image .mais div i { font-size: 1.4em; margin-left: 5px; }
.profissional a:hover > .image .mais { opacity: 1; }


#cadastre { text-align: center; }
#cadastre a { color: #FFF; font-size: 2.2em; line-height: 1em; display: block; font-weight: 500; padding: 100px 0; }
#cadastre a em { font-weight: 300; font-size: 0.7em; }
#cadastre .col-12:nth-child(1) > .box { background: #4B8483; }
#cadastre .col-12:nth-child(2) > .box { background: #396665; }


.table-price { border: 1px solid #F2F2F2; border-right: 0; font-size: 1.1em; font-weight: 500; }
.table-price .align-items-center { height: 150px; padding: 20px; }
.table-price a.btn { display: block; font-size: 1.2em; font-weight: 700; color: #fff; text-align: center; padding: 20px 0; border-radius: 0; text-decoration: none; }
.table-price.color-1 { border-top: 15px solid #CCCCCC; }
.table-price.color-2 { border-top: 15px solid #323232; }
.table-price.color-2 a.btn { background: #323232; }
.table-price.color-3 { border-top: 15px solid #A95166; }
.table-price.color-3 a.btn { background: #A95166; }
.table-price.color-4 { border-top: 15px solid #00B8B3; border-right: 1px solid #F2F2F2; }
.table-price.color-4 a.btn { background: #00B8B3; }

.table-price ul {  list-style: none; padding: 0; margin: 0; }
.table-price ul li { list-style: none; padding: 20px; margin: 0; }
.table-price ul li:nth-child(odd){ background: #F8F8F8; }
.table-price ul li .fas { color: #8E8E8E }
.table-price ul li .fas.fa-check { color: #43CB83; }


/* lista profissional */
.card { line-height: 1.3em; box-shadow: 3px 3px 3px rgba(0,0,0,0.08) }
.card img { width: 150px; }
.card p { padding: 0; margin: 0; }
.card h5 { margin-bottom: 5px; }
.card h5 a { font-weight: 700; font-size: 0.9em; text-decoration: underline; }
.card #galeria img { width: auto; height: auto; }
.card .categoria { color: #888; }
.card .star { color: #888; font-weight: 300; font-size: 0.9em; }
.card .star i { color: #CCC }
.card .star i.active { color: #FFC90E; }
.card .star a { color: #888;  }

.card .endereco { font-size: 1.1em; color: #333; }
.card .endereco i { margin-right: 5px; }

.card .fone { font-size: 1.1em; font-weight: 500; }
.card .fone a { color: #111; }
.card .fone .fa-phone-square-alt { font-size: 1.5em; color: #43CB83; vertical-align: sub; margin: 0 3px 0 0; }
.card .fone .fa-whatsapp-square { font-size: 1.5em; color: #43CB83; vertical-align: sub; margin: 0 3px 0 0; }

.card .card-header { font-size: 1.2em; font-weight:500; color: #111; }
.card .card-header .btn-outline-light { font-size: 0.6em; font-weight: 400; padding: 8px 15px;  }

.card .review { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EEE; }
.card .review:last-child {  padding-bottom: 0; margin-bottom: 0; border-bottom: 0;  }
.card .review h5 { font-size: 1.2em; font-weight: 700; letter-spacing: 0.03em; }
.card .review .text { font-size: 0.95em; line-height: 1.7em; font-weight: 300; letter-spacing: 0.03em; }
.card .review .text p { margin-bottom: 15px; }
.card .review .text p:last-child { margin-bottom: 0; }

.card .classificacao { border-bottom: 1px solid #E2E2E2; padding-bottom: 20px; margin-bottom: 60px; }
.card .classificacao .nota { float: left; background: #FFC90E; border: 1px solid #FFC90E; border-radius: 5px; color: var(--color-text); font-size: 1.5em; font-weight: 500; width: 70px; height: 70px; line-height: 70px; text-align: center; margin-right: 15px; }
.card .classificacao .star { margin: 11px 0; }
.card .classificacao .star i { font-size: 1.5em; }

.card .redes { font-size: 0.75em; }
.card .redes a { font-size: 1.3em; color: #FFF; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 3px; margin-right: 5px; }
.card .redes a.fa-facebook-f { background: #3D5593; }
.card .redes a.fa-twitter { background: #00B0ED; }
.card .redes a.fa-instagram { background: #A05A2C; }
.card .redes a.fa-pinterest { background: #D73532; }
.card .redes a.fa-youtube { background: #FE3432;  }
.card .redes a.fa-linkedin-in { background: #016FAC; }

.card .btn { font-size: 0.8em; font-weight: 500; padding: 9px 20px; border-radius: 20px; margin-right: 3px; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.card .btn i { font-size: 1.2em; margin-right: 5px; }
.card .btn.btn-outline-light { padding-top: 8px; padding-bottom: 8px; }
.card .btn.btn-lg { font-size: 1em; width: 100% !important; }

.jogadores.disabled { pointer-events: none; opacity: 0.5; }

#cliente-area.card img { width: auto; }

/* lista categorias */
#lista-categoria .card { border-left: 0; border-right: 0; box-shadow: none; border-color: #DEE6E7; }
#lista-categoria .card-header { background: #FFF; /*background: #F4F7F7;*/ padding: 0; }
#lista-categoria .card-header .btn-link { color: var(--color-text); font-weight: 700; font-size: 0.9em; margin: 0; padding: 10px 20px; }
#lista-categoria .card-body { padding: 10px; line-height: 1.7em; }
#lista-categoria .card-body ul { list-style: none; padding: 0; margin: 0; }
#lista-categoria .card-body ul li { list-style: none; padding: 0; margin: 0;  }
#lista-categoria .card-body ul li a { font-size: 0.95em; font-weight: 500; display: block; padding: 3px 25px; }

/* slider */
.carousel-fade-zoom .carousel-item { opacity: 0; transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out; transform: scale(1.3);  overflow: hidden; }
.carousel-fade-zoom .carousel-item.active { opacity: 1; transform: scale(1); }
.carousel-fade-zoom .carousel-item img { transform-origin: center center; }
.carousel-fade-zoom .carousel-item-next, .carousel-fade-zoom .carousel-item-prev { transform: none; }
.carousel-fade-zoom .carousel-item-next.carousel-item-left, .carousel-fade-zoom .carousel-item-prev.carousel-item-right { opacity: 1; transform: scale(1); }
.carousel-fade-zoom .carousel-item-left.active, .carousel-fade-zoom .carousel-item-right.active { opacity: 0; transform: scale(1.3); }

.carousel .fas { font-size: 4em; }
.carousel .carousel-control-prev, .carousel .carousel-control-next { width: 80px; position: relative; z-index: 999; }

/* centralizar modal tela*/
.vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events:none; width: 55%; }
.modal-content { width:inherit; height:inherit; margin: 0 auto; pointer-events:all; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
/* popup video */
#video-modal { background: rgba(0,0,0,0.8); }
#video-modal .modal-content { background: #000; }
#video-modal .modal-header { padding-bottom: 0; border: 0; }
#video-modal .modal-header .modal-title { color: #FFF; padding: 0; margin: 0; font-size: 2em; }
#video-modal .modal-header button { color: #FFF; opacity: 1; font-size: 2em; text-shadow: 0; height: 40px; line-height: 40px; }

.img-zoom { width: 100%; background: #000; display: inline-block; overflow: hidden; position: relative; }
.img-zoom img {  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; z-index: 999; }
.img-zoom img:hover { opacity: 0.5; transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); }
.img-zoom i {  color: transparent; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); font-size: 4em; width: 60px; height: 60px; text-align: center; -webkit-transition: all .5s ease; -moz-transition: all .6s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 9999; }
.img-zoom:hover i { color: rgba(255,255,255,0.6) }

.banner-zoom { overflow: hidden; }
.banner-zoom img { transition: transform 0.3s ease; }
.banner-zoom:hover img { transform: scale(1.05); }

#main {  }
#main h2.title { font-size: 1.8em; text-align: center; font-weight: 400; line-height: 1.3em; color: var(--color-text); }
#main h2.title strong { font-size: 1.5em; font-weight: 900; }

#news { font-size: 1.2em; font-weight: 400; line-height: 1.4em; }
#news h5 { font-size: 1.2em; letter-spacing: 0.06em; font-weight: 300; }
#news .form-control { height: 50px; border: 1px solid #000; background: #FFF; color: #000; border-radius: 0; font-size: 0.9em; }
#news .form-control::placeholder { color: #AAA; }
#news .btn { height: 50px; padding: 0 40px; }

/* paginas  */
#main .titulo { background: var(--color-tertiary); }
#main .titulo a { color: var(--color-primary); }
#main .titulo h1 { color: var(--color-primary-hover); text-align: center; font-size: 2.2em; line-height: 1em; font-weight: 700; margin: 0; /*text-transform: uppercase;*/ letter-spacing: -0.03em; text-transform: uppercase; padding: 10px 0 0 0; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/ }

/* contato */
#contato {}
#contato .form-control { font-size: 1em; background: #f5f5f5; border-radius: 0; border-color: #f5f5f5;  /* height: 55px;*/  }
#contato .form-control::placeholder { color: #888 }
/*#contato .form-control:focus { border-color: #000; }*/
#contato .btn-primary { padding: 10px 50px; font-size: 1.5em; margin-top: 40px; }

ul.contatar { float: left; width: 100%; text-align: left; margin: 0; padding: 0; list-style: none; }
ul.contatar li { display: block; font-size: 1.15em; font-style: italic; font-weight: 300; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EEE; }
ul.contatar li:last-child { margin-right: 0; }
ul.contatar li i { color: #FFF; background: var(--color-primary); font-size: 1.5em; width: 50px; height: 50px; line-height: 48px; border: 0; border-radius: 100%; text-align: center; margin-right: 3px; }

.social-share-contato { margin-bottom: 20px; }
.social-share-contato i { color: #FFF; background: var(--color-primary); font-size: 2em; padding: 0 5px; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 5px; }

#mapa-contato { margin: 60px 0 0 0; }

#main .rede { text-align: center; margin: 5px 0 25px 0;  }
#main .rede span { background: #FFF; padding: 3px 30px; }
#main .rede i { font-size: 1.2em; width: 30px; height: 30px; line-height: 30px; }
#main .rede a > .fa-facebook-f { color: #1f4d7e; }
#main .rede a > .fa-twitter { color: #0098bd; }
#main .rede a > .fa-google-plus-g { color: #cc3631; }
#main .rede a > .fa-whatsapp { color: #3a9e1d; }
#main .rede a:hover { color: #FFF; }
#main .rede a:hover > .fa-facebook-f { color: #FFF; background: #1f4d7e; }
#main .rede a:hover > .fa-twitter { color: #FFF; background: #0098bd; }
#main .rede a:hover > .fa-google-plus-g { color: #FFF; background: #cc3631; }
#main .rede a:hover  > .fa-whatsapp { color: #FFF; background: #3a9e1d; }
#main .rede .fa-whatsapp { display: none; }
#main .rede hr { border-color: #DDD; margin-top: -15px; line-height: 1px; height: 1px; border-width: 1px 0; border-style: solid; }
/*#main article { margin: 60px 0; }*/

.texto-mais { font-size: 1.3em; line-height: 1.3em; }
.veja-mais {  }
.veja-mais a { font-size: 1.3em; line-height: 1.3em; font-weight: 300;  }
.veja-mais i { width: 37px; height: 37px; line-height: 37px; text-align: center; background: #414D72; color: #FFF; border-radius: 100%; margin-right: 5px; }

/* noticias/paginas */
article.post { margin-bottom: 70px; text-align: center; }
article.post h1 { font-size: 3.2em; font-weight: 900; line-height: 1em; /*font-style: italic;*/ margin: 0 0 20px 0; padding: 0; letter-spacing: -0.01em;  }
article.post h1 a { color: var(--color-primary); }
article.post .chamada { font-size: 1.4em; line-height: 1.2em; color: #666; }
article.post .barra { padding: 12px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 20px 0 30px 0; font-size: 0.9em; line-height: 1.6em; vertical-align: top; }
article.post .barra span { display: inline-block; margin: 0 25px 0 0; vertical-align: top; }
article.post .barra span i { padding-right: 5px; }

article .carousel .fa { font-size: 3em; }
article .carousel .carousel-caption { left: 0; right: 0; bottom: 0; margin: 0; padding: 10px; font-weight: 300; font-size: 0.9em; line-height: 1.3em; background: rgba(0,0,0,0.5); /*text-shadow: 1px 1px 1px #000;*/ }
article .carousel .carousel-control-prev, 
article .carousel .carousel-control-next { width: 60px; text-shadow: 0 0 2px rgba(0,0,0,0.5); }
article .post-text { font-size: 1.1em; font-weight: 400; line-height: 1.7em; text-align: justify; }
article .post-text a { /*color: var(--color-text); text-decoration: underline;*/ }
article .post-text p { margin-bottom: 25px; }
article .post-text strong, article .post-text b { font-weight: 700; }
article .post-text img { max-width: 100%; height: auto; }
article .post-text h1, article .post-text h2, article .post-text h3 { margin-top: 30px; margin-bottom: 20px; font-weight: 700; }
article .post-text h1 { font-size: 4em; line-height: 1em;  }
article h4.comment-face { margin-top: 80px; color: #000; font-weight: 700; }
#gerenciamento article.post { padding-bottom: 60px; border-bottom: 20px solid #F2F2F2; }

/* noticias */
.sidebar p { text-align: left !important; margin: 0 0 2px; }
.sidebar .widget, .widget { margin-bottom: 35px }
.widget ul { list-style: none; padding: 0; }
.widget h3 { font-weight: 700; font-size: 1.4em; margin-bottom: 10px }
.widget .btn, .widget input { height: 50px; }
.categoria ul li { padding: 6px 0; border-bottom: 1px solid #F8F8F8; }
.categoria ul li .fas { padding-right: 10px; }
.tabs ul.posts li { font-size: 0.9em; line-height: 1.3em; margin-bottom: 15px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #f8f8f8; }
.tabs ul.posts li img { height: 68px; width: 68px; -webkit-transition: all .4s ease-in 0; -moz-transition: all .4s ease-in 0; -o-transition: all .4s ease-in 0; -ms-transition: all .4s ease-in 0; transition: all .4s ease-in 0; float: left; }
#horizontal-tabs { margin-bottom: 30px }
#horizontal-tabs ul.tabs { border-left: 1px solid #ddd; overflow: hidden; border-radius: 2px; list-style: none; margin: 0; padding: 0; }
#horizontal-tabs ul.tabs li { background: #fafafa; border-right: 1px solid #ddd; border-top: 2px solid #31ACDE; cursor: pointer; float: left; font-size: 15px; padding: 12px; }
#horizontal-tabs ul.tabs li.current { border-bottom: 1px solid #fff; background: none; cursor: default; }
#horizontal-tabs .contents { border: 1px solid #ddd; margin-top: -1px; border-radius: 2px; }
#horizontal-tabs .tabscontent.no-padding { padding-left: 0; padding-right: 0; }
#horizontal-tabs .tabscontent { display: none; overflow: hidden; padding: 20px 20px 0; }
#horizontal-tabs .tabscontent .img-thumbnail { margin: 0 13px 5px 0 }

/* PAGINAcaO */
#box-paginacao  { text-align:center; margin:10px 0 5px 0; padding:0; background:#fff; font-size: 0.7em;}
#box-paginacao ul {margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li {display:inline; font-size:1.7em;font-weight:bold;}
#box-paginacao ul li.link-anterior {float:left;font-weight:normal;}
#box-paginacao ul li.link-proxima {float:right;font-weight:normal;}
#box-paginacao ul li a  {color:var(--color-primary);padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover {background-color:var(--color-primary);color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a,
#box-paginacao ul li.link-proxima a {padding:0;}
#box-paginacao ul li.link-anterior a:hover,
#box-paginacao ul li.link-proxima a:hover {background:none;color:var(--color-primary);text-decoration:underline;}
#box-paginacao ul li .on {background-color:#DDD;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off {color:#CCC;display:inline !important;}

#agenda {   }
#agenda a { display: block; border-radius:6px; background: #FFF; -ms-box-shadow:0px 10px 20px 0px rgba(0,0,0,.06); -o-box-shadow:0px 10px 20px 0px rgba(0,0,0,.06); box-shadow:0px 10px 20px 0px rgba(0,0,0,.06); transition:.4s ease-in-out }
#agenda .organizado { display: inline; font-size: 0.9em; border-top-left-radius: 6px; background: var(--color-secondary); color: #FFF; font-weight: 400; padding: 5px 10px; line-height: 2.1em; }
#agenda .evento { display:flex; padding: 10px; }
/*#agenda .evento * { margin-top:auto; margin-bottom:auto; }*/
#agenda.home .badge { height: 158px; }
#agenda .evento .badge { position: relative; overflow: hidden; flex-shrink: 0; color: #FFF !important; width: 95px; height: 160px; margin-right: 15px; font-size: 1.2em; padding: 7px 10px 0 10px; line-height: 0.6em !important; background: var(--color-primary); border-radius: 6px; }
#agenda .evento .badge::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent); transform: rotate(45deg); animation: shimmer 5s infinite; }
#agenda .evento .badge h5 { color: #FFF !important; font-size: 1.7em; font-weight: 700; line-height: 1.2em !important; }
#agenda .evento h2 { color: var(--color-primary); font-size: 1.6em; line-height: 1em; font-style: normal; font-weight: 700;  /*text-transform: uppercase;*/ }
#agenda .evento p { color: var(--color-text); font-size: 1em; line-height: 1.3em; font-weight: 400; margin-bottom: 10px; }

@keyframes shimmer {
				0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
				100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.card-body #agenda .evento .badge  { line-height: 0.2em !important;  }

.agenda-mes {display:grid;grid-template-columns:repeat(12, 1fr); gap:10px}
.agenda-mes a{ background:var(--color-white); color: var(--color-text); font-weight: 600; font-size: 0.9em; border-radius:6px; text-align: center; padding: 10px 0; -ms-box-shadow:0px 10px 20px 0px rgba(0,0,0,.08); -o-box-shadow:0px 10px 20px 0px rgba(0,0,0,.08); box-shadow:0px 10px 20px 0px rgba(0,0,0,.08); transition:.4s ease-in-out}
.agenda-mes a:hover { -ms-box-shadow:0px 10px 20px 0px rgba(0,0,0,.15); -o-box-shadow:0px 10px 20px 0px rgba(0,0,0,.15); box-shadow:0px 10px 20px 0px rgba(0,0,0,.15); }
.agenda-mes a.active { background: var(--color-primary); color: #FFF; }

.nav-fill { background: #F1F4F5; }
.nav-fill .nav-link { background: rgba(0,0,0,0.04); padding: 15px 0; border-radius: 0; }
.nav-fill .nav-link.active { background: rgba(0,0,0,0.07); color: #DD0E1D; }

.pix-qrcode { float: left; width: 100%; font-size: 0.9em; border-top: 2px solid #EEE; margin-top: 0; padding-top: 20px  }
.pix-qrcode img { float: left; margin: -12px 10px 0 -12px }
.pix-copy { float: left; width: 100%; word-wrap: break-word; word-break: break-all; font-size: 0.9em;  }
.pix-copy a { color: #DD0E1D; }

#tabela-jogos .text-danger.py-4 { text-align: center }

/* inscrição forms */
.container.form { padding: 0; }
form label { margin: 0; }
#frm_inscricao label { font-size: 12px; line-height: 1.1em; padding: 0 3px; margin: -6px 0 0 8px; background: #fff; position: absolute; color: #666; }
#frm_inscricao input { font-size: 15px; margin: 0; padding: 20px 8px 18px 8px; color: #000 ; }
#frm_inscricao select { font-size: 15px; margin: 0; height: 40px; color: #000 ; }
#frm_inscricao input:disabled, #frm_inscricao select:disabled { background: #FFF; color: #999; }
#frm_inscricao input[type=checkbox] { position: relative; cursor: pointer; padding: 0; margin: 0 3px 0 -8px; }
#frm_inscricao input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; border: 2px solid #555555; border-radius: 3px; background-color: white;   }
#frm_inscricao input[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid black; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px;  }
#frm_inscricao label.checkbox { font-size: 14px; color: #000; }
#frm_inscricao input[type=radio] { position: relative; cursor: pointer; padding: 0; margin: 0 4px 0 -8px; }
#frm_inscricao input[type=radio]:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; border: 2px solid #555555; -webkit-border-radius: 100%; border-radius: 100%; background-color: white;  }
#frm_inscricao input[type=radio]:checked:after { content: ""; background: #000; display: block; width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; -webkit-border-radius: 100%; border-radius: 100%;  }

#flutuante { position: fixed; right: 10px; top: 40%; text-align: center; z-index: 9999; border-radius: 5px; border: 1px solid #DEE2E6; background: #FFF; box-shadow: 0 0 20px rgba(0,0,0,0.1); -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
#flutuante a { display: block; width: 110px; height: 90px; font-size: 0.7em; padding-top: 10px; color: var(--color-primary); }
#flutuante a:hover, #flutuante a:active { background: var(--color-light) }
#flutuante a:nth-child(2) { border-top: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6; border-left: 0; border-right: 0; }
#flutuante a .pic { width: 100%; height: 50px; line-height: 50px; }
#flutuante a svg { fill: var(--color-primary); max-width: 75%; max-height: 100%; }
#flutuante a img { max-width: 75%; max-height: 100%; }


@media (max-width: 767.99px) { 
	#frm_inscricao .card-body { padding: 20px 10px 0 10px; }
	#frm_inscricao .card-header { padding-left: 10px; }
}

/* (full hd, 1920)*/
@media (min-width: 1380px) {
    /*body { background: #EE9900!important; }*/
    .container { max-width: 1320px; width: 1320px; }
    /*.dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeInUp 200ms; animation: fadeInUp 200ms; }*/
}

/* XL (hd, 1400px)*/
@media (max-width: 1379.99px) { 
    /*body { background: #EE0055!important; }*/
    header .nav-item a.nav-link { font-size: 0.95em; /*padding: 12px 8px !important; font-size: 1.1em;*/ }
    header .whats li { font-size: 1.2em; }

	#cadastrar h3 { font-size: 1.7em; }
	#cadastrar h5 { font-size: 1em; }
	#cadastrar .g-recaptcha { transform:scale(0.78) !important; -webkit-transform:scale(0.78) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0 !important; }

}

/* LG (desktops, 1200px)*/
@media (max-width: 1199.99px) { 
    /*body { background: #CC00DD!important; }*/

    header .navbar-brand img { width: 150px; }
    header .nav-item a.nav-link {  padding: 12px 4px !important; font-size: 0.9em; }
	header .whats li { padding: 12px 12px 0 12px; font-size: 1em; }

	#cadastrar form { padding: 15px 20px; }
	#cadastrar h3 { font-size: 1.5em; }
	#cadastrar h5 { font-size: 0.9em; letter-spacing: 0; }	
	#cadastrar .g-recaptcha { transform:scale(0.64) !important; -webkit-transform:scale(0.64) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0 !important; }

	.categoria a { padding: 43px 0; }
	.categoria a h6 { font-size: 1.3em; }

	#encontramos .bg-right { width: 500px; }


}

/* MD (tablets, 992px)*/
@media (max-width: 991.99px) { 
    /*body { background: #002254!important; }*/

    header .navbar-brand { padding: 0; }
    header .navbar-brand img { width: auto; height: 60px; }

	header .entre { margin: 25px 0 10px 3px !important; }

	.img-fluid { width: 100%; }

	#encontramos h5 strong { font-size: 1.2em; }
	#encontramos .bg-right { width: 400px; }

	footer { text-align: center; }
	footer img.img-fluid { width: auto; height: 50px !important; margin-bottom: 10px; }

	#main .titulo h1 { font-size: 2.3em; }
	article.post h1 { font-size: 2.8em;	}	

	.nav-tabs a.nav-link h6.p-2 { font-size: 0.9em; padding: 0 !important; margin: 0 !important }

	#cadastrar .g-recaptcha { transform:scale(0.7) !important; -webkit-transform:scale(0.7) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0 !important; }

}

/* SM (landscape phones, 768px)*/
@media (max-width: 767.99px) { 
    /*body { background: #ffcc00!important; }*/

	header .navbar-nav { padding: 0; }
	header .nav-item a.nav-link {  padding: 8px 15px !important; font-size: 1em; font-weight: 500; }
	header .whats li { padding: 5px 10px; font-size: 1.2em; }
	#encontramos .bg-right { width: 240px; }

	#search h3 { font-size: 1.5em; }
	#search .nav-tabs a.nav-link { font-size: 1.15em; padding: 15px 30px; }
	#search .btn-secondary { display: block; }
	#search .btn-secondary em { display: block; }

  	#main .title h2 { font-size: 2.3em; }
	.carousel .fas { font-size: 3em; }
	.carousel .carousel-control-prev, .carousel .carousel-control-next { width: 40px; }

	#main .titulo h1 { font-size: 1.5em; }

	.categoria a { padding: 10px 0; }
	.categoria a h6 { font-size: 0.9em; font-weight: 500; }
	.categoria a img { max-width: 50%; }

	/* lista profissional */
	.card .media { display: inline; }
	.card { font-size: 0.9em; }
	.card img { width: 100%; margin-bottom: 10px; }
	.card .endereco { font-size: 0.9em;  }
	.card .fone { font-size: 1em; }
	.card #galeria img { width: auto; height: auto; }
	.card .btn { font-weight: 400; margin-left: 0; padding-left: 2px; padding-right: 2px; margin-right: 2px; width: calc(50% - 4px); margin-bottom: 3px; }
	.card .btn i { margin-right: 2px; }
	.card .btn-block { margin: 0; width: 100%; }

	h3.title-etapa { font-size: 1em; }
	.nav-fill .nav-link { width: 100%; padding: 5px 0; }
	
	.agenda-mes{overflow-x:auto; display:flex; gap:15px; padding:15px; margin:0 -15px }
	.agenda-mes::-webkit-scrollbar{ display:none }
	.agenda-mes a{flex:1; min-width: 60px; /*min-width:80%;*/ }

	#flutuante { left: 0; right: 0; top: auto; bottom: 0; }
	#flutuante a { height: 45px; padding-top: 5px; }
	#flutuante a:nth-child(2) { width: 130px; border-top: 0; border-bottom: 0; border-left: 1px solid #DEE2E6; border-right: 1px solid #DEE2E6; }
	#flutuante a:nth-child(2) img { max-width: 75%; max-height: 70%; }
	#flutuante a .pic { height: 20px; line-height: 20px; }	

}

/* XS (portrait phones, 576px)*/
@media (max-width: 575.99px) { 
    /*body { background: #cc0000!important; }*/

	header .navbar { padding-left: 0; padding-right: 0; }
	header .navbar-brand img { height: 60px; }

	#main h2.title { font-size: 1.4em; }


}

label.error { font-size: 10px !important; margin-left: 10px; color:#F00 !important; width: auto; }