@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------- BASE STYLES --*/

#wrapper{
	width:100%;
}

img{
	width:100%;
}

#content{
	position:absolute;
	width:100%;
	height:100%;
	margin-top:auto;
	margin-left:auto;
	background-color:rgb(248,248,248);
}

.split{
	position:absolute;
	visibility:hidden;
	width:40%;
	margin-left:52%;
	margin-top:50%;
}

.ModulusRegular{
	position:absolute;
	width:100%;
	margin-top:4%;
	margin-left:-2%;
	font-family: ModulusRegular;
	font-size:2.4vw;
	letter-spacing:1px;
	color:rgb(40,40,40);
}

.ModulusRegular li{
	float:left;
	margin-left:8%;
}

.ModulusRegular a:link, a:visited{ 
	text-decoration:none;
	color:rgba(40,40,40,1.00) !important;
}

.ModulusRegular a:hover, a:active{
	text-decoration:none;
	color:rgb(0,170,255) !important;
}

#grey{
	width:100%;
	height:100%;
	background-color:rgb(248,248,248);
}

.news01, .news03, .news04, .news05, .news06, .news07{
	position: absolute;
	width: 28%;
}

.news01{
	margin-top:18%;
	margin-left:6%;
}

.news03{
	margin-top:18%;
	margin-left:36%;
}

.news04{
	margin-top:18%;
	margin-left:66%;
}

.news05{
	margin-top:41%;
	margin-left:6%;
}

.news06{
	margin-top:41%;
	margin-left:36%;
}

.news07{
	margin-top:41%;
	margin-left:66%;
}

#wianRux, #wianNat, #wianDerek, #wianFirenze, #wianEdinburgh{
	position: absolute;
	width: 100%;
	background-color: #FFFFFF;
	display: none;
}

.hdr_rux, .subhdr_rux{
	padding-top: 10%;
	padding-left: 8%;
	font-family: 'Rubik', sans-serif;
	font-size: 2.5vw;
	letter-spacing: -0.03em;
	color: rgba(77,77,77,1.00);
}

.subhdr_rux{
	width: 80%;
	padding-top: 5%;
	font-size: 2.3vw;
	font-weight: 300;
	line-height: 125%;
}

.exita, .exitb, .exitc, .exitd{
	float: right;
	padding-right: 10%;
	font-family: 'Rubik', sans-serif;
	font-size: 2.5vw;
	font-weight: 300;
	color: rgba(77,77,77,1.00);
	display: block;
	cursor: pointer;
}

.exitb, .exitc{
	padding-top: 2%;
	padding-right: 4%;
	color: rgba(255,255,255,1.00);
}

.exitc, .exitd{
	padding-right: 3%;
	color: rgba(255,255,255,1.00);
}

.exitd{
	position: absolute;
	margin-top: 0.5%;
	margin-left: 23.5%;
	color: rgba(97,97,97,1.00);
	font-size: 2vw;
}

.presa_rux{
	padding-top: 4%;
	padding-left: 8%;
}

.columnruxa {
  	float: left;
  	width: 37%;
 	padding-right: 5%;
	padding-bottom: 10%;
}

.bodyruxa{
	width: 85%;
	font-family: 'Rubik', sans-serif;
  	font-size: 2.3vw;
  	font-weight: 300;
  	line-height: 140%; 
  	color: rgba(200,200,200,1.00);
}

.bodyruxb, .bodyruxc{
	padding-top: 5%;
	font-family: 'Rubik', sans-serif;
  	font-size: 1.6vw;
  	font-weight: 300;
  	line-height: 140%; 
  	color: rgba(44,44,44,1.00);
	
}

.button_derek {
	position: relative;
	width: 72%;
	display: block;
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 13px;
	padding-bottom: 13px;
	background-color: #4865A8;
	font-family: 'Rubik', sans-serif;
	font-size: 1.6vw;
	font-weight: 300;
	text-align: center;
	border-radius: 100px;
	text-decoration:none;
}

.button_derek a:link, a:visited{ 
	text-decoration:none;
	color: rgba(255,255,255,1.00);
}

.button_derek a:hover, a:active{
	text-decoration:none;
	color: rgba(255,255,255,1.00);
}


.nav_secondarya{
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
	margin-top:40%;
	display: block;
}

.dota, .dotb, .dotc{
	position: relative;
	margin: 1% 0.5%;
	display: inline-block;
	background: #e6e6e6;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.dota{
	position: relative;
	background: #b40f89;
}

.dotb, .dotc{
	cursor: pointer;
}

.insert{
	padding-bottom: 74.5%;
}


#wianRuxbh, #wianRuxmd{
	position: absolute;
	width: 100%;
	background-image: url(../images/wian_bh.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	display: none;
}

.nav_secondaryb{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 3%;
	padding-bottom: 0;
}

.dotd, .dote, .dotf{
	position: relative;
	margin-left: 0.5%;
	display: inline-block;
	background: #ffffff;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.dote{
	position: relative;
	background: #00FF1E;
}

.dotd, .dotf{
	cursor: pointer;
}

#wianRuxmd{
	background-image: url(../images/wian_md.jpg);
}

.dotg, .doth, .doti{
	position: relative;
	margin-left: 0.5%;
	display: inline-block;
	background: #ffffff;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.doti{
	position: relative;
	background: #ff66e5;
}

.dotg, .doth{
	cursor: pointer;
}

.dotj, .dotk{
	position: relative;
	margin-left: 0.5%;
	display: inline-block;
	background: #2759b8;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.dotk{
	background: #D2DBEF;
}

.dotk{
	cursor: pointer;
}

#wianTib{
	position: absolute;
	width:100%;
	padding-top: 10.3%;
	padding-left: 8%;
	background: #ffffff;
	display: none;
}

.columntib{
  	float: left;
  	width: 28%;
	margin-top: -0.3%;
}

.nav_secondaryd{
	position: relative;
	width: 100%;
	text-align: center;
}

.dotl, .dotm{
	position: absolute;
	background: #FCB5F3;
	border-radius: 100%;
	width: 4%;
	height: 7.5%;
	bottom: 10%;
	left: 45%;
}

.dotm{
	margin-left:6.5%;
	background: #F838DD;
}

.dotl{
	cursor: pointer;
}

.button_tib{
	position: absolute;
	margin: 3.7em 2em;
	padding: 1% 2.5%;
	border: 0.14em solid #99ccff;
	border-radius: 100px;
	text-decoration: none;
	font-family: 'Rubik', sans-serif;
  	font-size: 1.5vw;
  	font-weight: 400;
  	color: #bddeff;
}

#wianFir{
	position: absolute;
	width:100%;
	padding-top: 10.3%;
	padding-left: 8%;
	background: #ffffff;
	display: none;
}

.columnfir{
  	float: left;
  	width: 28%;
	margin-top: -0.3%;
}

.firppt{
	position: absolute;
	width: 8.4em;
	margin: 2em 2em;
	text-align: center;
	font-family: 'Rubik', sans-serif;
  	font-size: 2.2vw;
  	font-weight: 500;
  	color: #FB90FE;
}

.wian_firmov{
	position: relative;
	display:block;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
}

#wianEdi{
	position: absolute;
	width:100%;
	padding-top: 10.3%;
	padding-left: 8%;
	background: #ffffff;
	display: none;
}

.columnfir{
  	float: left;
  	width: 28%;
	margin-top: -0.3%;
}

.firppt{
	position: absolute;
	width: 8.4em;
	margin: 2em 2em;
	text-align: center;
	font-family: 'Rubik', sans-serif;
  	font-size: 2.2vw;
  	font-weight: 500;
  	color: #D2DBEF;
}

.wian_firmov{
	position: relative;
	display:block;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
}