:root{
        --verde:#003617; --verde2:#005F21; --verde3:#0F2E1B;
        --preto:#111; --creme:#F5F0E6; --branco:#fff; --cinza:#6b6b6b;
        --amarelo:#F2C94C; --vermelho:#FF0000;
    }
html, body, p, b, a, span, ul, li, pre{
  font-family: "Saira", sans-serif;
  font-weight: 400;
}

b{font-weight:600;}

.tverde{color:var(--verde2)!important;}
.tvermelho{color:var(--vermelho)!important;}
.bverde{background-color:var(--verde)!important;}
.bvermelho{background-color:var(--vermelho)!important;}


header .navbar{
border:none !important;}

header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link, 
.navbar .navbar-nav .nav-link 
{color:var(--verde);}
header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link {
    color: var(--preto);
    opacity: 1;
}
.navbar-brand img {
    max-height: 80px !important;
}
header.sticky.sticky-active .header-reverse.header-dark.glass-effect {
    background-color: rgba(255, 255, 255, .5) !important;
}
		
		
.btn-richard,.btn-cta{min-height:50px; font-size:16px; line-height:18px; font-weight:600;}
.btn-richard{min-width:200px; margin:0px auto; display:block; color:var(--branco); background-color:transparent !important; background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url(https://richard1526.com.br/imgs/bg_tit.png);}
.btn-cta{background:var(--branco) !important; color:var(--verde) !important; border:solid 1px var(--verde) !important; border-radius:7px !important;}
.btn-cta:hover, .btn-cta:active{background:var(--verde3) !important;color:var(--branco) !important;border:solid 1px var(--verde) !important;}

.toptxt{padding-top:80px;}
.toptxt .pad{padding-top:50px;}
.topimgs{min-height:700px; overflow:hidden;}
.ceu, .praia {position:absolute; top:0;  left:0; width:100%; height:100%;}
.ceu{background-image:url(https://richard1526.com.br/imgs/ceu.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;z-index:0; background-attachment:fixed;}
.praia{background-image:url(https://richard1526.com.br/imgs/praia.png); background-position:bottom center; background-repeat:no-repeat; background-size:100%; z-index:1;}

.fotorich{bottom: -20px; position: absolute; width: 100%;}
.richard{height:100% !important; width:auto !important; position:relative; z-index:4 !important; margin:0 auto !important;}
.topimg-over1, .topimg-over2, .topimg-over3{position:absolute; width:100%;height:100%; margin:0; left:0; padding:0; background-color:transparent !important; background-repeat:no-repeat !important;}
.topimg-over1{z-index:2; background-image:url(https://richard1526.com.br/imgs/r_borda_branco.png); background-position:right center; top:0; background-repeat:repeat-y !important; }
.topimg-over2{z-index:3; background-image:url(https://richard1526.com.br/imgs/l_borda_branco.png); background-position:left center; top:0; background-repeat:repeat-y !important; }
.topimg-over3{z-index:5; background-image:url(https://richard1526.com.br/imgs/b_borda_branco.png); background-position:center bottom; max-height:102px !important; bottom:0px; display:none;}
.slogan{font-size:2rem; color:var(--preto); text-transform:uppercase; margin-top:30px; width:100%; text-align:center;}

#valores{margin-top:-20px; margin-bottom:-20px; position:relative; z-index:6;}
.ic-box, .ic-box-2{    
	display: grid;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.ic-box-2{margin-bottom: 20px;}
.ic-box p, .ic-box-2 p, .modal-title p{font-size:16px; line-height:16px; text-align:center;}
.ic-box-2 p{text-align:left;display:grid; align-items:center; justify-content:center;}
.ic-box i{
    font-size: 40px;
	margin:0px auto;
    margin-bottom: 10px;
    border: solid 3px var(--verde2);
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 10px;
    align-items: center;
    justify-content: center;
    display: grid;
	color:var(--branco);
}
.ic-box-2 i{
    font-size: 35px;
    margin: 0px auto;
    border: solid 3px var(--verde2);
    border-radius: 100%;
    width: 70px;
    height: 70px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    display: grid;
    color: var(--branco);
}

.propbox{padding:20px; background-color:rgba(0,0,0,0.1); border-radius:10px; position:relative; display:flex; flex-direction:column;}
.propbox .titbox{font-size:16px; line-height:20px; font-weight:600; color:var(--white); width:100%; min-height:120px; background-color:transparent; background-size:contain; background-repeat:no-repeat; background-position:center; background-image:url(https://richard1526.com.br/imgs/bg_tit2.png); text-align:center; display:grid; align-items:center; margin-bottom:10px;}
.propbox p, .propbox ul li{font-size:16px; line-height:16px; color:var(--preto); margin-bottom:20px;}
.propbox img{margin-bottom:20px;}
.propbox .stit{font-size:16px; line-height:16px; font-weight:600; margin-bottom:20px}

#flor{display:block;}
.show-on-mobile{display:none;}
.soc-icon i{font-size:24px;}

.mdtit{font-size:18px; font-height:18px; font-weight:600;margin-bottom:20px;}
.modal-title p,.modal-footer p{font-size:16px; line-height:16px; text-align:left;}

.btn-bt{margin-top:auto;}

#topo{position: relative; background-color: #FFF;}
.ntopo{position:relative;background-color:#FFF; background-image:url(https://richard1526.com.br/imgs/ntopo/fundo.jpg);background-repeat:no-repeat; background-position:top center;background-size:cover;}

/* ===== LOADER ===== */
#loader{
    position:fixed;
    inset:0;
    z-index:99999;
	-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.85) !important;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:opacity .6s ease, visibility .6s ease;
}
#loader img{
    max-width:204px;               /* tamanho máximo */
    max-height:77px;
    width:auto;
    height:auto;
    animation:loaderPulse 1.4s ease-in-out infinite;
}
#loader.hide{
    opacity:0;
    visibility:hidden;
}
@keyframes loaderPulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.55;transform:scale(.96)}
}

.btn-close{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity: 1; /* garante que não fique com o opacity padrão de 0.5 */
}


#molduraBox{text-align:center}
#molduraCanvas{
	width:100%; max-width:560px; height:auto;
	border-radius:16px; box-shadow:0 12px 32px rgba(0,0,0,.25);
	background:#EEE; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none;
}
#molduraCanvas:active{cursor:grabbing}
#molduraDica{color:#888;font-size:.9rem;margin-top:10px}












	@media (min-width:1370px){
		#valores{margin-top:-40px; margin-bottom:-40px;}
	}

	@media (min-width:1280px) and (max-width:1369px){
		#valores{margin-top:-30px; margin-bottom:-30px;}
	}
	@media (min-width:992px) and (max-width:1279px){
		#valores{margin-top:-30px; margin-bottom:-30px;}	
	}

    @media (min-width:768px) and (max-width:991px){
		header .navbar{
			box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			
		}
		
		.header-transparent[data-header-hover=dark] {
				background-color: #FFFFFF !important;
			}		
		.header-transparent[data-header-hover=dark] .navbar-toggler-line {
			background-color: var(--verde);
		}
		.header-transparent[data-header-hover=dark] .navbar-collapse {
			background-color: var(--verde);
		}	
		.navbar .navbar-nav .nav-link {color:var(--white);}	
		.navbar-brand img {
			max-height: 40px !important;
		}
		#flor{display:none;}
		.toptxt, .toptxt .pad{padding:0px;}
		
		.topimgs {min-height: 400px; margin-top: 70px;}
		.praia {background-image: url(https://richard1526.com.br/imgs/praia.png);    background-position: bottom left;    background-size: cover;}
		.fotorich{bottom: -20px; position: relative; width: 100%;}
		.richard{height:auto !important; max-height:inherit; width:100% !important;}
		.topimg-over1, .topimg-over2{display:none;}
		.topimg-over3{display:block;}

		.btn-richard,.btn-cta{margin-bottom:30px;}
		
		.ic-box-2.nrow.k2{
			grid-template-columns:auto 1fr !important;
			align-items:center;
			gap:14px;
		}
		.ic-box-2.nrow.k2 i,
		.ic-box-2.nrow.k2 p{
			grid-column:auto !important;
			grid-row:auto !important;
		}		
		.show-on-mobile{display:block;}
		
		.propbox .titbox{font-size:18px; line-height:20px;}	
		.modal-title p,.modal-footer p{font-size:18px; line-height:22px;}
		.modal-title p,.modal-footer p span{font-size:16px; line-height:18px; text-align:left;}
		#valores{margin-top:-20px; margin-bottom:-20px;}
		
		#topo{
			margin-top:60px;
			background-image: url(https://richard1526.com.br/imgs/ntopo/fundo_cel.jpg);
			background-repeat: no-repeat;
			background-position: top center;
			background-size: cover;
		}
		.ntopo{background:transparent !important;}
		.hoc{display:none;}
	
    }

	@media (max-width:767px){
		
		header .navbar{
			box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			
		}
		
		.header-transparent[data-header-hover=dark] {
				background-color: #FFFFFF !important;
			}		
		.header-transparent[data-header-hover=dark] .navbar-toggler-line {
			background-color: var(--verde);
		}
		.header-transparent[data-header-hover=dark] .navbar-collapse {
			background-color: var(--verde);
		}	
		.navbar .navbar-nav .nav-link {color:var(--white);}	
		.navbar-brand img {
			max-height: 40px !important;
		}
		#flor{display:none;}
		.toptxt, .toptxt .pad{padding:0px;}
		
		.topimgs {min-height: 400px; margin-top: 70px;}
		.praia {background-image: url(https://richard1526.com.br/imgs/praia.png);    background-position: bottom left;    background-size: cover;}
		.fotorich{bottom: -20px; position: relative; width: 100%;}
		.richard{height:auto !important; max-height:inherit; width:100% !important;}
		.topimg-over1, .topimg-over2{display:none;}
		.topimg-over3{display:block;}

		.btn-richard,.btn-cta{margin-bottom:30px;}
		
		.ic-box-2.nrow.k2{
			grid-template-columns:auto 1fr !important;
			align-items:center;
			gap:14px;
		}
		.ic-box-2.nrow.k2 i,
		.ic-box-2.nrow.k2 p{
			grid-column:auto !important;
			grid-row:auto !important;
		}		
		.show-on-mobile{display:block;}
		
		.propbox .titbox{font-size:18px; line-height:20px;}	
		.modal-title p,.modal-footer p{font-size:18px; line-height:22px;}
		.modal-title p,.modal-footer p span{font-size:16px; line-height:18px; text-align:left;}
		#valores{margin-top:-10px; margin-bottom:-10px;}
		
		#topo{
			margin-top:70px;
			background-image: url(https://richard1526.com.br/imgs/ntopo/fundo_cel.jpg);
			background-repeat: no-repeat;
			background-position: top center;
			background-size: cover;
		}
		.ntopo{background:transparent !important;}
		.hoc{display:none;}
		
		
	}