body { background-color:#fff;margin:0;padding:0;color:#6e6e6e;line-height:20px;font-family: "Ropa Sans",arial,sans-serif;font-size: 14px;height:100%;width:100%;position:absolute;display:flex; }
h1 {font-family: "Ropa Sans",arial,sans-serif;font-size:28;padding:0; margin:0;color: #0b63a1;font-weight: 100;margin-bottom: 15px;font-size: 34px;}
strong { }
h2 {font-size:22;padding:0; margin:0;text-decoration:none;color: #0b63a1;  font-weight: 100;margin-bottom:10px;}
h2 a {text-decoration:none;color: #0b63a1;  font-weight: 100;}
h3 {font-size:28;padding:0; margin:0;color:white;}
h3 a {text-decoration:none;}
a { text-decoration:none; }
a[name] { position:relative;top:-50px;display:block;height:1px;overflow:hidden;opactiy:0; }

div.left { width:38.2%;position:relative;display:flex;justify-content:right;background-color:#fedeb7; }
div.left .footer { align-self:flex-end;padding-bottom:50px;}
div.left .inner { width:calc(900px * 0.382); display:flex;flex-wrap:wrap;min-height:100%;padding-top:50px;padding-right:30px;box-sizing:border-box; }
div.right { width:61.8%;height:100%;overflow-y:scroll;scroll-behavior: smooth;box-sizing: border-box; }
div.right .inner { padding-left:50px; width:calc(900px * 0.618);height:100%;  }
div.logo { background-size:100% auto;align-self: start;cursor:pointer;z-index:1;width:120px;background-image: url(images/5.jpg);background-repeat:no-repeat;background-position:center bottom+20px; }
div.logo div.logopaddinger {padding-bottom:149%;}

ul { list-style:none;margin:0;padding:0;width:100%; }
ul li { width:100%;padding:7px 0px;list-style:none;cursor: pointer;font-size: 16px;font-weight:300;line-height: normal;}
ul li.current { font-weight: 600; }

ul li a { text-decoration:none;color:#0b63a1; }

section { min-height:100%;padding: 50px 0; }
img { margin-bottom:20px;width:100%; }

.offers { display:flex;flex-wrap:wrap;margin:0 -10px;align-items:stretch;padding-top:30px;}
.offers > div { width:100%;box-sizing:border-box;padding-bottom:20px;}
.offers > div > div { margin:0 10px;background-color:rgba(0,0,0,0.05);height:100%;box-sizing:border-box;padding:20px; }
.offers > div img { width:calc(100% + 40px);margin:-20px;margin-bottom:20px;}
.offers.two > div { width:50%; }
.e-mail:before {
	color:#0b63a1;
	cursor:pointer;
	content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}



@media screen and (max-width: 940px) {
	div.left .inner { width:100%;padding-left:20px; }
	div.right .inner { width:100%;padding-right:20px;box-sizing:border-box;  }
}
@media screen and (max-width: 500px) {
	div.left { position:absolute;top:0;left:0;bottom:0;min-width:200px;background-color:#fedeb7;transform:translateX(-100%);transition: transform 0.3s ease-in-out; }
	div.right { width:100%; }
	div.right .inner { padding-left:20px; }
	.expander { width:40px;height:40px;right:0px;background-color:rgba(0,0,0,0.1);cursor:pointer;position:absolute;top:20px;right:30px;box-sizing: border-box; padding: 7px; }
	.expander:hover { background-color:rgba(0,0,0,0.2);} 
	.expander > div { height:4px;background-color:#0b63a1;border-radius:1px;margin-bottom:5px; }
	.expander { padding-top:10px; }
	div.left.expanded {transform:translateX(0%); } 
}