/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.desktop-hide{display:none !important;}		


.row {
    margin-right: 0;
    margin-left: 0;
}

#volumes .container {
    max-width: 97%;
}

h5 span {
    color: #1b1b1b !important;
    font-weight: 400;
    text-transform: none;
}


.font-bold{font-weight:900;}


.icon-ok-circle{
content: url(../images/icon-check-circle.png);
vertical-align: middle;	
margin-top: -2px;	
}

.icon-remove-circle{
content: url(../images/icon-close.png);
vertical-align: middle;			
margin-top: -2px;	
}

.desktop-hide{display:none;}


div#gotoTop:hover {
    background: #f88730;
}


.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {
	background: #0000006b;}


.sticky-header #header-wrap {
    background-color: #075a82eb;
    box-shadow: 0 0 10px rgb(0 0 0 / 75%);	
}




.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {
    background-color: #075a82;
    box-shadow: 0 0 40px rgb(0 0 0 / 30%);
	height:90px;
}


.menu-link:hover {
    color: #f88730 !important;
}


.menu-link {
	letter-spacing: 3px;

}


.content-wrap {
    padding: 45px 0;
}


h1 {
    font-family: 'Montserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 38px;
    color: #212529;
}

.tagline {
    font-weight: 700;
    color: #106747;
    font-size: 18px;
    margin-top: 22px !important;
}

h2.title {
    font-family: 'Montserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-weight: 700;
    line-height: 38px;
    color: #ffffff;
}


h2 {
    font-size: 29px;
    text-transform: uppercase;
    letter-spacing: 1px;
}




p {
    font-size: 16px;
    line-height: 23px;
}

ul {
    margin-bottom: 0px;
}


ul li {
    list-style-position: inside !important;
}


.swiper_wrapper {
    margin-top: 0px;
}


#content p {
    line-height: 1.6;
    font-size: 17px;
}


section#cta {
    XXXbackground-image: url(../images/textura-verde.jpg);
    background: #065b82;
}


#cta .content-wrap {
    padding: 30px 0;
}


.row.infocompra {
    width: 60%;
    margin: 0 auto;
}

p.infotitulo {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}


h2.titulo {
    font-family: 'Montserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';	
    font-size: 40px;
    font-weight: 700;
    color: #000000;
}



p.ligue {
    font-size: 25px;
    color: #ffffff;
    margin-top: 10px;
}

p.infohora {
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
}

.infotitulo span {
    color: #e0e566;
    font-size: 24px;
}


.info-fone {
    color: #ef7b36;
    font-size: 32px;
}



section#campanha {
    background: #065b82;
}




.postcontent.col-lg-12.row.gx-4.gy-4 {
    margin: 0;
}




#volumes article {
    margin: 25px 0;
}	



#volumes .content-wrap {
	padding: 45px 0 15px;
}




h2.volume-titulo {
    font-family: 'Montserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-weight: 700;
    line-height: 35px;
    font-size: 35px;
    color: #000000;
    text-transform: none;
}


h2.volume-subtitulo {
    font-family: 'Montserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';	
    text-transform: none;
    font-size: 25px;
    line-height: 25px;
    color: #000000;	
}


.modal-body h5 {
    text-transform: uppercase;
    color: #000000;
}
.modal-body {color:#1b1b1b;}


.cta-modal {
    margin-left: -27px;
}

.modal li {
    list-style: none;
}



img.brush-titulo {
    width: 125px !important;
    margin: 5px auto 12px;
}




.fbox-content h3 {
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
	margin-top:4px;
}

.volume-click{cursor:pointer;}



.button {
    background-color: #db5448;
    padding: 14px 28px;
    margin: 0;
    border-bottom: 6px solid #bf423787;
}




.button-header {
    background-color: #f9872f;
    padding: 16px 26px;
    margin: 0;
    border-bottom: none;
    border-radius: 15px;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 16px;
	color:#ffffff;
}


.button-info {
    background-color: #e0e566;
    padding: 26px 36px;
    margin: 0;
    border-bottom: none;
    border-radius: 15px;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 20px;
    color: #25649b;
}

.button-info:hover {
    background-color: #f69ab3 !important;
    border-bottom: none;	
}



.button-header:hover {
    background-color: #000000 !important;
    border-bottom: none;	
}



.postcontent.col-lg-12.row.gx-4.gy-4 {
    margin: 0 auto;
    width: 86%;
}

.portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img {
    display: block;
    width: auto;
    height: auto;
}



.line, .double-line {
    clear: both;
    position: relative;
    width: 80% !important;
    margin: 0 auto !important;
    border-top: 2px solid #EEE !important;
}


.modal {
    padding: 0;
}


.modal-content {
    background: #ffffff;
    XXXbackground-image: url(../images/textura.jpg);
}

.modal-content.branco {
    background: #ffffff;
}


.modal-body {
    padding: 30px;
}


img.brush-modal {
    width: 260px;
}


.modal-header {
	border-bottom: 1px solid #2a435485 !important;
}

.modal-destaques.line, .modal-destaques.double-line {
    width: 100% !important;
    margin: 15px auto !important;
    border-top: 1px solid #524444 !important;
}

.modal-destaques.line.mt-2 {
    display: none;
}

.modal p {
    color: #1b1b1b;
    font-size: 17px;
    line-height: 24px;
}

h3.nott.fw-normal.mb-1 {
    color: #000000;
}

.modal .feature-box.fbox-sm.mb-1 {
    margin-left: 0;
}


.col-12.col-sm-12.col-md-7.my-auto.justify-content-center {
    text-align: left;
    padding: 10px 20px;	
}



.modal-content .button {
    background-color: #f44336;
    padding: 18px 28px;
    margin: 0;
    border-bottom: none;
    border-radius: 15px;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 17px;
}



.prefacio-autor {
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 900;
    line-height: 15px;
}

.prefacio-empresa {
    font-size: 16px !important;
    line-height: 16px !important;
}


.autor-prancha {
    font-family: 'Monstserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 16px;
    letter-spacing: 0;
    margin: 10px 0 0;
    color: #000000;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 5px;
}

.titulo-prancha {
    font-family: 'Monstserrat', 'Lato', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
    color: #000000;
    text-transform: none;
    line-height: 16px;
}

.isbn {
    display: none;
}


h2.subtitulo-prancha {
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    line-height: 20px;
    margin-top: -10px;
    color: #2a4354;	
}





.portfolio-item .divider {
    width: 50px;
    margin: 10px auto;
    background: #2a4354;
    padding: 0;
    display: inline-block;
    height: 2px;
}


h3.data {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 16px;
    display: inline-block;
    color: #212529;
    padding: 5px 8px;
    margin-bottom: 30px;
    border-radius: 7%;
}


li span {

    font-weight: 700;
}


.accordion-bg .accordion-header {
    background-color: #efdfd6;
    padding: 0.75rem;
    border-radius: 2px;
    margin: 0;
    margin-bottom: 5px;
    border-top: 0;
}

.accordion-title {
    color: #000000;
}


.livros li {
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
}

.livros p {
    margin-bottom: 0;
    line-height: 20px;
}


#duvidas p {
    margin-bottom: 10px;
}


img.brush.text-center.center-block {
    display: block;
    margin: 0 auto;
    /* vertical-align: middle; */
    /* align-items: center; */
}


#duvidas .content-wrap {
    padding: 40px 0 !important;
}


.faq.double-line {
    width: 100% !important;
    margin: 20px 0 !important;
}


.tbl-entrega td {
    border: 1px solid #C0C0C0 !important;
    padding: 10px !important;
	width: 130px !important;	
}

.tbl-entrega th {
    border: 1px solid #C0C0C0 !important;
    padding: 7px !important;
    background: #dfe8e3b8 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
}


section#tl {
    background-color: #075a82;
}

#tl h2 {
    color: #f88730;
}

#tl p {
    font-size: 14px;
    margin: 10px 0;
    line-height: 17px;
	color:#ffffff;
}



#footer {

    border-top: none;
}

#copyrights {
    padding: 50px 0;
}



footer p {
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
}

p.fone {
    margin: 0 0 6px;
    font-size: 20px;
}

footer h3 {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 40px;
}

.icon-social {
    margin-right: 15px;
}

p.legal {
    width: 70%;
}



/* ----------------------------------------------------------------
OWL CAROUSEL
-----------------------------------------------------------------*/
.mfp-arrow-right:after {
    border-left: 17px solid #f7de0c;
}

.mfp-arrow-left:after {
    border-right: 17px solid #f7de0c;
}

.icon-angle-right:before {
    content: url(../images/slider-right-arrow.png);
    margin-left: -15px;
    margin-top: -6px;
    height: 25px;
    width: 87px;
    display: block;
}

.icon-angle-left:before {
    content: url(../images/slider-left-arrow.png);
    margin-left: -11px;
    margin-top: -6px;
    height: 25px;
    width: 80px;
    display: block;
}

.owl-carousel .owl-nav [class*=owl-] {
    width: 60px;
    height: 60px;
    background: #2d9d74;
    right: -10px !important;
}

button.owl-prev {
    left: -10px !important;
}

.owl-carousel .owl-nav [class*=owl-] {
    opacity: 1;
}

.owl-carousel {
    --owl-nav-margin: calc(var(--owl-nav-sizes) / -1);
}

.owl-carousel {
    --owl-nav-bg: #d9dbab;
}






/* ----------------------------------------------------------------
RESPONSIVE
-----------------------------------------------------------------*/


@media (min-width: 1500px) {

.swiper_wrapper {
    margin-top: 0px;
}

}
/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap */


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	
.hide-mobile{display:none;}	
	
.col-12.col-sm-12.col-md-5.col-livro img {
    max-width: 85%;
}	
	
ul.menu-container {
    margin-left: 22px;
}
	
#cta .row.w-50.mx-auto {
    width: 100% !important;
}	
	
.cta-modal {
    margin-left: -15px !important;
    margin-top: -4px !important;
}	

.modal-body h5 {
    text-transform: uppercase;
    color: #000000;
    margin-top: 30px;
}	
	
section#cta .content-wrap {
    padding: 20px 0 !important;
}	
	
div#header-wrap {
    z-index: 10;
}
	
.button-header {
    margin-bottom: 20px;
}	
	
	h2.titulo-prancha.mobile-margin {
    margin-top: 27px;
}
	
	
.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {
    background-color: #1e80bff0;
    box-shadow: 0 0 9px rgb(0 0 0 / 50%);
    margin-bottom: -1px;
}
	
.primary-menu + .primary-menu {
    border-top: none;
}	
	
#logo img {
    max-width: 190px !important;
}	
	
#volumes .container {
    max-width: 100%;
}
	
.postcontent.col-lg-12.row.gx-4.gy-4 {
    padding: 0;
}	
	
#slider.mobile-hide{display:none !important;}	
#hero-mobile.desktop-hide{display:block !important; margin-top: 0px;}	
	

	
.mobile-hide{display:none !important;}	
.desktop-hide{display:block !important;}	
	
	
#primary-menu-trigger, #page-menu-trigger {
    background: #f88730;
}	
	
.dark .svg-trigger path {
    stroke: #000;
}	
	

	
.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {
    background-color: #065b82;
    box-shadow: 0 0 9px rgb(0 0 0 / 50%);
    margin-bottom: -1px;
    height: auto !important;
}
		
	
.img-intro {
    padding: 0;
}	
	
#volumes article {
    padding: 5px 10px !important;
}	
	
#volumes article {
    margin: 25px 0 0;
}	
	
.titulo-prancha {
    font-size: 16px;
    line-height: 17px;
}
	
h1 {
    font-size: 31px;
    margin-top: 20px;
    margin-bottom: 10px;
}
	
h2.title {
    font-weight: 700;
    line-height: 32px;
}	
	
h2.titulo.mb-0 {
    font-size: 29px;}	
	
.modal-content .button {
    margin-bottom: 48px;
}	
	
.modal-body {
    padding: 20px 5px;
}	
	
	
h2.volume-titulo {
    line-height: 33px;
    font-size: 30px;
}	
	
h2.volume-subtitulo {
    font-size: 22px;
    line-height: 27px;
}	
	
	
.content-wrap {
    padding: 40px 0 !important;
}	
	
.content-wrap.w-50.mx-auto {
    width: 95% !important;
}	
	
	
#colecao .content-wrap {
    padding: 30px 5px !important;
}
	
.line, .double-line {
    margin: 30px auto 0 !important;
    width: 92% !important;	
}	
	
.col-12.col-sm-12.col-md-6.col-livro {
    width: 100%;
    margin-bottom: 15px;
}	


.col-12.col-sm-12.col-md-6.my-auto.justify-content-center {
    width: 100%;
    padding: 0 8%;
}	
	
#volumes article {
    padding: 0;
}	
	
.postcontent.col-lg-12.row {
    margin: 0;
}	
	
#duvidas .content-wrap {
    width: 90% !important;
}
	
.livros-lista2 {
    margin-top: -26px;
}	
	
footer h3 {
    margin: 35px 0 16px;
}	
	
#copyrights {
    padding: 50px 25px;
}	
	
p.legal {
    width: 100%;
}	
	
}



@media screen and (orientation:landscape) {
   
div#header-wrap {
    z-index: 10;
}	
	
}



@media (min-width: 576px) and (max-width: 700px) { 
	
.swiper_wrapper {
    margin-top: 0px;
}	
	
.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {
    background-color: #2a4455;
    box-shadow: 0 0 40px rgb(0 0 0 / 30%);
    height: 50px;
}
	
h1.title {margin-bottom: 10px;}	


}





@media screen and (min-width: 768px) and (max-width: 1024px) {
	
.dark #header.transparent-header, #header.transparent-header.dark, .dark #header.transparent-header:not(.sticky-header) #header-wrap, #header.transparent-header.dark:not(.sticky-header) #header-wrap {height: 50px !important;}
	

	

}