@charset "ISO-8859-1"; @font-face { font-family: 'SegoeUI-SemiLight-final'; src: url('SegoeUI-Semilight.woff2') format('woff2'), url('SegoeUI-Semilight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'SegoeUI-Light-final'; src: url('SegoeUI-Light.woff2') format('woff2'), url('SegoeUI-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'SegoeUI-Regular-final'; src: url('SegoeUI.woff2') format('woff2'), url('SegoeUI.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }

body {
	-webkit-text-size-adjust:none;
	font:100%;
	font-family:SegoeUI-SemiLight-final;
	margin:0;
	background:#FFF;
	position:fixed;
	width:100%;
	height:100%;
}

ul {
	list-style:none;
}

li {
	list-style:none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.slideout-menu {
	position:fixed;
	top:49.5px;
	left:-375px;
	width:375px;
	height:100%;
	background:#0061af;
	z-index:100;
}

.slideout-menu li {
	color:#FFF;
	display:block;
	font-size:20px;
	padding:10px;
	position:relative;
	text-decoration:none;
}

.slideout-menu li:hover {
	background:#000;
	color:#fff;
}

.botao_menu {
	background:url(../imgs/bt_forward.png);
	background-size:contain;
	border:solid 15px #0061af;
	border-radius:0;
	cursor:pointer;
	padding:0;
	margin:0;
	width:50px;
	height:50px;
}

.botao_menu_fecha {
	background:url(../imgs/bt_back.png);
	background-size:contain;
	border:solid 15px #0061af;
	border-radius:0;
	cursor:pointer;
	padding:0;
	margin:0;
	width:50px;
	height:50px;
}

.area_foto_nome {
	margin:0 0 20px 0;
	width:auto;
	height:100px;
}

.area_foto {
	width:100px;
	height:100px;
	background:url(../imgs/user_demolay.jpg);
	background-size:contain;
	float:left;
	margin:0 20px 0 0;
}

.area_nome {
	font-family:SegoeUI-SemiLight-final;
	font-size:28px;
	float:left;
	line-height:28px;
	text-align:left;
	margin:35px 0 10px 0;
}

.titulo_destaque {
	font-family:SegoeUI-SemiLight-final;
	font-size:21px;
	margin:0 0 15px 0;
}

.titulo {
	color:#555;
	font-family:SegoeUI-Regular-final;
	font-size:12px;
}

.texto {
	color:#333;
	font-family:SegoeUI-Regular-final;
	font-size:14px;
}

.clear {
	clear:both;
}

.topo {
	background:#222;
	color:#FFF;
	font-family:SegoeUI-Light-final;
	font-size:20px;
	height:50px;
	line-height:50px;
}

.topo_texto {
	color:#FFF;
	float:left;
	height:40px;
	line-height:40px;
	margin:5px 0 5px 0;
	text-align:center;
	width:100%;
	position:absolute;
	padding:0 20px 0 0;
}

.topo_menu {
	background:url(../imgs/menu.png);
	background-size:cover;
	float:left;
	width:50px;
	height:50px;
}

.area_total {
	background:#f4f4f4;
	color:#444;
	position:absolute;
	width:100%;
	height:calc(100% - 50px);
}

.area_menu {
	background:#0061af;
	float:left;
	width:50px;
	height:100%;
}

.area_principal {
	float:left;
	margin:10px;
	text-align:justify;
	overflow:auto;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	-webkit-overflow-scrolling:touch;
}

.area_areas {
	background:#FFF;
	margin:15px;
	padding:20px;
	float:left;
	width:calc(100% - 70px);
}

.area_infos {
	float:left;
	margin:0 4% 4% 0;
	width:48%;
}

.area_infos_100 {
	float:left;
	margin:0 0 4% 0;
	width:100%;
	text-align:justify;
}

.button_area {
	-moz-appearance:none;
	-webkit-appearance:none;
	background:#000;
	border:none;
	border-radius:0;
	color:#FFF;
	font-family:SegoeUI-SemiLight-final;
	font-size:14px;
	padding:10px 8px 10px 8px;
	width:100%;
	margin:0 0 15px 0;
}

.text_area {
	-moz-appearance:none;
	-webkit-appearance:none;
	border:solid 1px #c8c8c8;
	border-radius:0;
	color:#333;
	font-family:SegoeUI-Regular-final;
	font-size:14px;
	padding:10px 8px 10px 8px;
	width:calc(100% - 18px);
	margin:0 0 15px 0;
}

.text_area:hover {
	border-color:#777;
}

.text_area:focus {
	border-color:#428CDE;
	box-shadow:#0E6FC2 0px 0px 3px;
}

.select_area {
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url(../imgs/seta.jpg) no-repeat right;
	background-size:contain;
	border:solid 1px #c8c8c8;
	border-radius:0;
	color:#333;
	font-family:SegoeUI-Regular-final;
	font-size:14px;
	padding:10px 22px 10px 8px;
	width:100%;
	margin:0 0 15px 0;
}

.select_areas {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border:none;
	border-radius:0;
	background:#2f5bb7;
	color:#FFFFFF;
	font-family:SegoeUI-Regular-final;
	font-size:16px;
	margin:8px 0 5px 0;
	padding:8px 10px 8px 10px;
	width:100%;
}

.select_area:hover {
	border-color:#777;
}

.select_area:focus {
	border-color:#428CDE;
	box-shadow:#0E6FC2 0px 0px 3px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 80
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_80 {
	float:left;
	margin:0 0 0 20px;
	width:calc(80% - 10px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 70
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_70 {
	float:left;
	margin:0 0 0 20px;
	width:calc(70% - 10px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 50
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_50 {
	float:left;
	margin:0 0 0 20px;
	width:calc(50% - 10px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 50B
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_50b {
	float:left;
	margin:0 0 0 4%;
	width:calc(48%);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 40
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_40 {
	float:left;
	margin:0 0 0 20px;
	width:calc(40% - 10px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 35
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_35 {
	float:left;
	margin:0 0 0 20px;
	width:calc(35% - 20px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 30
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_30 {
	float:left;
	margin:0 0 0 20px;
	width:calc(30% - 10px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 30
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_30b {
	float:left;
	margin:0 0 0 20px;
	width:calc(30% - 20px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 20
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_20 {
	float:left;
	margin:0 0 0 20px;
	width:calc(20% - 10px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 20B
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_20b {
	float:left;
	margin:0 0 0 20px;
	width:calc(20% - 20px);
}
/*///////////////////////////////////////////////////////////////////////////////////////////
// AREA 15
///////////////////////////////////////////////////////////////////////////////////////////*/
.area_15 {
	float:left;
	margin:0 0 0 20px;
	width:calc(15% - 10px);
}

.area_msg_total { background:url(../imgs/bg_preto_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; z-index:110; }
.area_msg_menu { background:url(../imgs/bg_pretos_alpha.png); width:100%; height:100%; position:fixed; display:none; z-index:101; }
.area_alerta { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; top:50%; left:50%; margin-left:-140px; text-align:center; }
.area_alerta_200 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:200px; top:50%; left:50%; margin:-100px 0 0 -140px; text-align:center; }
.area_alerta_220 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:220px; top:50%; left:50%; margin:-110px 0 0 -140px; text-align:center; }
.area_alerta_250 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:250px; top:50%; left:50%; margin:-125px 0 0 -140px; text-align:center; }
.area_alerta_280 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:280px; top:50%; left:50%; margin:-140px 0 0 -140px; text-align:center; }
.area_alerta_300 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:300px; top:50%; left:50%; margin:-150px 0 0 -140px; text-align:justify; }
.area_alerta_300c { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:300px; top:50%; left:50%; margin:-150px 0 0 -140px; text-align:center; }
.area_alerta_350 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:350px; top:50%; left:50%; margin:-175px 0 0 -140px; text-align:justify; }
.area_alerta_380 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:280px; height:380px; top:50%; left:50%; margin:-190px 0 0 -140px; text-align:justify; }
.area_alerta_400 { background:#FFF; border-radius: 15px; color:#414F63; position:absolute; width:300px; height:460px; top:50%; left:50%; margin:-230px 0 0 -150px; }
.fecha_msg { position:absolute; font-family:SegoeUI-Regular-final; margin:-2px 0 0 252px; cursor:pointer; }
.alerta { width:calc(100% - 60px); height:calc(100% - 55px); margin:5px 30px 30px 30px; }
.laranja { color:#EA7610; font-family:SegoeUI-Regular-final; font-size:20px; float:left; width:100%; margin:20px 0 20px 0; text-align:center; }
.area_pacote_total { background:url(../imgs/bg_preto_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; display:none; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; z-index:103; }
.area_pacote_total::-webkit-scrollbar { display: none; }
.area_pacote { background:#FFF; box-shadow: 0 1px 2px rgba(0,0,0, .4),0 -1px 0 rgba(0,0,0, .02); border:solid 10px #FFF; border-bottom:solid 20px #FFF; border-top: none; color:#414F63; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(65% - 20px); height:calc(80% - 70px); z-index:103; margin: 25px 0 0 0; padding: 35px 0 0 0; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.area_pacote::-webkit-scrollbar { display: none; }
.pacote_fechar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/close.png) no-repeat; background-size:contain; width:16px; height:16px; border:none; cursor:pointer; float:right; position:absolute; right:-3px; margin:0; top:0; }
.pacote_titulo { background: #FFF; color:#f44455; border: solid 10px #FFF; font-family:SegoeUI-SemiLight-final; font-size:14px; float:left; width:calc(65% - 20px); left:50%; top:11%; transform:translate(-50%, +10%); text-align:center; position:absolute; z-index:104; }
.pacote { margin:0 20px 0 20px; }
.area_pacote_total_nomes { background:url(../imgs/bg_preta_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; display:none; z-index:103; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.area_pacote_total_nomes::-webkit-scrollbar { display: none; }
.area_pacote_nomes { background:#FFF; box-shadow: 0 1px 2px rgba(0,0,0, .4),0 -1px 0 rgba(0,0,0, .02); border:solid 10px #FFF; border-bottom:solid 20px #FFF; border-top:solid 50px #FFF; color:#414F63; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(55% - 20px); height:calc(70% - 70px); z-index:104; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.area_pacote_nomes::-webkit-scrollbar { display: none; }
.pacote_fechar_nomes { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/close.png) no-repeat; background-size:contain; width:16px; height:16px; border:none; cursor:pointer; float:right; position:absolute; right:-3px; margin:0; top:0; }
.pacote_titulo_nomes { color:#f44455; font-family:SegoeUI-SemiLight-final; font-size:14px; float:left; width:calc(55% - 20px); left:50%; top:16%; transform:translate(-50%, +10%); text-align:center; position:absolute; z-index:105; }
.pacote_nomes { margin:0 20px 0 20px; }
.area_pacote_total_pdf { background:url(../imgs/bg_preta_alpha.png); font-family:SegoeUI-Light-final; width:100%; height:100%; position:fixed; display:none; z-index:103; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.area_pacote_total_pdf::-webkit-scrollbar { display: none; }
.area_pacote_pdf { background:#FFF; box-shadow: 0 1px 2px rgba(0,0,0, .4),0 -1px 0 rgba(0,0,0, .02); border:solid 10px #FFF; border-bottom:solid 20px #FFF; border-top:solid 30px #FFF; color:#414F63; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 20px); height:calc(100% - 50px); z-index:104; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.area_pacote_pdf::-webkit-scrollbar { display: none; }
.pacote_fechar_pdf { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/close.png) no-repeat; background-size:contain; width:16px; height:16px; border:none; cursor:pointer; float:right; position:absolute; right:7px; margin:0; top:7px; }
.pacote_titulo_pdf { color:#f44455; font-family:SegoeUI-SemiLight-final; font-size:14px; float:left; width:100%; top: 5px; text-align:center; position:absolute; z-index:105; }
.pacote_pdf { background:url("../imgs/carregando.gif") no-repeat center; background-size: 200px; margin:0; width: 100%; height: 100%; }

.cartao_diners {
	background:url(../imgs/diners.png) no-repeat center;
	background-size:36px;
	display:inline-block;
	width:40px;
	height:36px;
}
.cartao_hiper {
	background:url(../imgs/hiper.png) no-repeat center;
	background-size:36px;
	display:inline-block;
	width:40px;
	height:36px;
}
.cartao_hipercard {
	background:url(../imgs/hipercard.png) no-repeat center;
	background-size:36px;
	display:inline-block;
	width:40px;
	height:36px;
}
.cartao_master {
	background:url(../imgs/master.png) no-repeat center;
	background-size:36px;
	display:inline-block;
	width:40px;
	height:36px;
}
.cartao_visa {
	background:url(../imgs/visa.png) no-repeat center;
	background-size:36px;
	display:inline-block;
	width:40px;
	height:36px;
}

.pagamento_text {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	border:solid 1px #DDD;
	width:calc(92% - 2px);
	margin:5px 0 6px 0;
	padding:5px 0 5px 0;
	background:#FFF;
	font-size: 15px;
	font-family:SegoeUI-SemiLight-final;
	color: #404040;
	text-align:center;
}

.bt_ok {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background:#dfe6e7;
	color:#566369;
	cursor:pointer;
	border:none;
	border-radius:0;
	font-family:SegoeUI-SemiLight-final;
	font-size:18px;
	width:100%;
	height:50px;
	margin:0 0 20px 0;
	float:left;
}

.bt_ok:hover {
	background:#cfd8dc;
}

.bt_pagar {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background:#17a9f4;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius:0;
	font-family:SegoeUI-SemiLight-final;
	font-size:18px;
	width:100%;
	padding:8px 10px 8px 10px;
	float:left;
	margin:22px 0 22px 0;
}

.bt_pagar:hover {
	background-color:#0896df;
}

.place_button {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	border:none;
	background:#fbca4f;
	color:#493912;
	cursor:pointer;
	font-family:SegoeUI-SemiLight-final;
	font-size:16px;
	padding:10px;
	width:100%;
}

.place_button:hover {
	border:none;
	background-color: #d4af57;
}

.login_botao {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	border:none;
	background:#2f5bb7;
	color:#FFFFFF;
	font-family:SegoeUI-SemiLight-final;
	font-size:16px;
	margin:5% 0 0 0;
	padding:4%;
	width:100%;
}

.login_botao:hover {
	border:none;
	background:#357ae8;
}

.titulo_pagamento {
	color:#EA7610;
	font-family:SegoeUI-SemiLight-final;
	font-size:20px;
	font-weight:bold;
	float:left;
	width:100%;
	margin:20px 0 40px 0;
	text-align:center;
}

.laranja {
	color:#EA7610;
	font-family:SegoeUI-Regular-final;
	font-size:20px;
	float:left;
	width:100%;
	margin:20px 0 20px 0;
	text-align:center;
	word-break:break-all;
}

@media screen and (max-width: 900px) {
	.titulo {
		font-size:11px;
	}
}

@media screen and (max-width: 800px) {
	.titulo {
		font-size:12px;
	}
	.area_areas {
		background:#FFF;
		margin:10px;
		padding:15px;
		width:calc(100% - 50px);
	}
	.area_infos {
		margin:0 0 4% 0;
		width:100%;
	}	
}

@media screen and (max-width: 736px) {
}

@media screen and (max-width: 667px) {
}

@media screen and (max-width: 600px) {
	.area_areas {
		margin:5px;
		padding:15px;
		width:calc(100% - 40px);
	}
}

@media screen and (max-width: 568px) {
}

@media screen and (max-width: 480px) {
	.area_foto {
		position:relative;
		float:none;
		left:calc(50% - 50px);
	}
	.area_nome {
		margin:20px 0 10px 0;
		float:left;
		text-align:center;
		width:100%;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 80
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_80 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 70
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_70 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 50
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_50 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 50B
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_50b {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 40
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_40 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 35
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_35 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 30
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_30 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 30B
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_30b {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 20
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_20 {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 20B
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_20b {
		width:100%;
		margin:0;
	}
	/*///////////////////////////////////////////////////////////////////////////////////////////
	// AREA 15
	///////////////////////////////////////////////////////////////////////////////////////////*/
	.area_15 {
		width:100%;
		margin:0;
	}
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 320px) {
}
.buttons { -moz-appearance:none; -webkit-appearance:none; background:#FFF; border: none; border-radius:5px; color:#FFF; cursor:pointer; font-family:SegoeUI-Regular-final; font-size:16px; padding:12px 0 11px 0; width:100%; margin:0 0 25px 0; transition: 0.3s; }
.buttons:hover { border-color:#CAD3E1; filter: brightness(1.1); }
.clears { clear:both; padding: 10px 0 10px 0; }

.cp_full { width: 96%; height: calc(96% - 60px); }
.cp_large { width: 76%; height: calc(86% - 60px); }
.cp_middle { width: 56%; height: calc(80% - 60px); }
.cp_small { width: 26%; height: calc(70% - 60px); }
.cp_total { -webkit-overflow-scrolling:touch; background:url(../imgs/bg_preto_alpha.png); z-index:103; position: absolute; width: 100%; height: 100%; text-align: center; visibility: hidden; opacity: 0; }
.cp_total:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; visibility: visible; }
.cp_titulo { background: #FFF; border-radius: 8px; color: royalblue; font-weight: bold; margin: 0; padding: 5px 10px 5px 15px; position: absolute; width: calc(100% - 25px); text-align: center; z-index: 10000; }
.cp_titulol { width: calc(100% - 20px); float: left; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cp_titulor { width: 20px; float: left; }
.cp_areas { margin: 0; vertical-align: middle; z-index: 999; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; position: relative; }
.cp_area { background-color: #FFF; border: solid 20px #FFF; border-radius: 10px; display: inline-block; vertical-align: middle; width: calc(100% - 40px); height: calc(100% - 40px); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; position: relative; }
.cp_area::-webkit-scrollbar { display: none; }
.cp_fechar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/close.png) center no-repeat; background-size:contain; border: none; margin: 5px 0 0 10px; width:16px; height:16px; cursor:pointer; float:right; transition: .2s; }
.cp_fechar:hover { transform: scale(1.15,1.15); }
@media screen and (max-width: 1280px) { .cp_small { width: 30%; }
}
@media screen and (max-width: 1068px) { .cp_large { width: 96%; height: calc(100% - 60px); }
.cp_middle { width: 76%; height: calc(86% - 60px); }
}
@media screen and (max-width: 1030px) { .cp_small { width: 36%; }
}
@media screen and (max-width: 940px) { .cp_small { width: 40%; }
}
@media screen and (max-width: 810px) { .cp_small { width: 46%; }
.box_left, .box_right { margin: 0; width: 100%; }
}
@media screen and (max-width: 768px) { .cp_middle { width: 96%; height: calc(100% - 60px); }
}
@media screen and (max-width: 720px) { .cp_small { width: 50%; }
}
@media screen and (max-width: 640px) { .cp_small { width: 60%; }
}
@media screen and (max-width: 540px) { .cp_small { width: 70%; height: calc(100% - 60px); }
.bt_cp { width: 100%; margin: 0 0 20px 0; }
}
@media screen and (max-width: 460px) { .cp_small { width: 80%; }
}
@media screen and (max-width: 380px) { .cp_small { width: 96%; }
}