@font-face {
  font-family: 'MuseoSans-100';
  src: url('fonts/MuseoSans_100.otf')  format('opentype'); 
  }
@font-face {
  font-family: 'MuseoSans-300';
  src: url('fonts/MuseoSans_300.otf')  format('opentype'); 
  }
@font-face {
  font-family: 'MuseoSans-500';
  src: url('fonts/MuseoSans_500.otf')  format('opentype'); 
  }
@font-face {
  font-family: 'MuseoSans-700';
  src: url('fonts/MuseoSans_700.otf')  format('opentype'); 
  }


/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    html {
        font-size: 0.9em;
    }
}
/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    html {
        font-size: 0.7em;
    }
}
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    html {
        font-size: 0.6em;
    }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    html {
        font-size: 0.4em;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    html {
        font-size: 0.2em;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    html {
        font-size: 0.1em;
    }
}

* { margin: 0; padding: 0; }

a { text-decoration: none; }

.mcontent-container {
	/*position: fixed;*/
	top: 24.25em;
	left: 10%;
    width: 20%;
	flex-wrap: wrap;    
	position: absolute;
	/* z-index: -255; */
	}

input[type=text], select, textarea {
  font-family: 'MuseoSans-100';
  width: 100%;
  padding: 0.75em;
  border: 0.0625em solid #ccc;
  border-radius: 0.25em;
  box-sizing: border-box;
  margin-top: 0.375em;
  margin-bottom: 1em;
  resize: vertical;
}

.c_content-container {
	/*position: fixed;*/
	top: 18.75em;
    margin-top: 3%;
	left: 10%;
    width: 35%;
	flex-wrap: wrap;    
	position: absolute;
	/* z-index: -255; */
    border-radius: 0.3125em;
    padding: 1.25em;
	}
  
.c_background {
	/*background: url("skins/bg_index_1920.jpg")no-repeat center center fixed;	*/
	background: url("skins/retek_background_1920.jpg")no-repeat center center fixed;
    position: absolute;
    height: 100%;
    width: 100%;
	background-size: 100% 100%;
}

.w_background {
	/*background: url("skins/bg_index_1920.jpg")no-repeat center center fixed;	*/
	background: url("skins/bg_index_1920.jpg")no-repeat center center fixed;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
}
/* color:#020143; */
.t_simple_MuseoSans-100 {	
	font-family: 'MuseoSans-100';
	font-size: 1.125em;
	text-transform: uppercase;
	text-align: left;
	color:#030303;	
}
.t_simple_MuseoSans-300 {	
	font-family: 'MuseoSans-300';
	font-size: 1.5625em;
	text-transform: uppercase;
	text-align: left;
	color:#030303;	
}
.t_simple_MuseoSans-500 {	
	font-family: 'MuseoSans-500';
	font-size: 2em;
	text-transform: uppercase;
	text-align: left;
	color:#030303;	
}
.t_simple_MuseoSans-700 {	
	font-family: 'MuseoSans-700';
	font-size: 3em;
	text-transform: uppercase;
	text-align: left;
	color:#030303;	
}
.t_simple_MuseoSans-100-bold {	
	font-family: 'MuseoSans-100';
	font-size: 1.125em;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	color:#030303;	
}
.t_simple_MuseoSans-300-bold {	
	font-family: 'MuseoSans-300';
	font-size: 1.5625em;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	color:#030303;	
}
.t_simple_MuseoSans-500-bold {	
	font-family: 'MuseoSans-500';
	font-size: 2em;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	color:#030303;	
}

.t_simple_MuseoSans-700-bold {	
	font-family: 'MuseoSans-700';
	font-size: 3em;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	color:#030303;	
}
.t_simple_MuseoSans-100-blue {
	font-family: 'MuseoSans-100';
	font-size: 2.25em;
	color:#020143;
	line-height: 1.2;
    text-align: left;
    z-index: 3;
}
.t_simple_MuseoSans-100-bold-red {	
	font-family: 'MuseoSans-100';
	font-size: 4.5em;
	/* text-transform: uppercase; */
	text-align: left;
	font-weight: bold;
	color: #EB2140;
	line-height: 0.941;
}
.t_simple_MuseoSans-700-bold-red {
    font-family: 'MuseoSans-700';
    font-size: 3.8125em;
    text-align: left;
    font-weight: bold;
    color: #EB2140;
}
.btn {
  border: none;
  color: white;
  padding: 0.875em 1.75em;
  font-size: 1em;
  cursor: pointer;
}

.rbutton-text {
	border: none;
    font-family: MuseoSans-300;
	font-size: 1.125em;
	font-weight: bold;
	text-transform: uppercase;
    text-align: center;
	text-align: left;
	padding: 0.875em 1.75em;
	color:#FFFFFF;
	cursor: pointer;
	}

.danger { background-color: #EB2140; } /* Red */ 
.danger:hover { background: #cb1e39; }

.bglogo {
	position: absolute;
	top: 8.125em;
	left: 10%;
	width: 9.375em;
	height: 10.9375em;
	/* background: url("skins/reTEK_logo_RGB.png")no-repeat center center fixed; */
}

.fields {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: stretch;
	font-family: MuseoSans-100;
	font-size: 1.13em;
    line-height: 1.85em;
    font-weight: 18.75em;
	appearance: none;
	}
/* ****************************************************************************************  */
.top-pic{
    background-image: url("skins/retek_bg_alap_1920.jpg");
    top: 0em;
    width: 100%;
    height: 10%;
    z-index: 1;
}

.dmenu {	
  position: absolute;
  top: 10%;
  margin-left: 55%;
  overflow: visible;
  vertical-align: top;
}

.dmenu a {
  font-size: 1em;
  color: black;
  text-align: center;
  padding: 0.625em 1em;
  text-decoration: none;
  font-family: MuseoSans-100;
  text-transform: uppercase;
  vertical-align: top;
  display: inline-block;
}

.dropdown {
  float: left;
  overflow: hidden;
  display: inline;
}

.dropdown .dropbtn {
  font-size: 1em;
  border: none;
  outline: none;
  color: black;
  padding: 0.625em 1em;
  background-color: inherit;
  font-family: MuseoSans-100;
  text-transform: uppercase;
  margin: 0;
}

.dmenu a:hover, .dropdown:hover .dropbtn {
  background-color: #EB2140;
  color: #FFFFFF;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 10em;
  box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 0.75em 1em;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ed667b;
}

.dropdown:hover .dropdown-content {
  display: block;
}