@charset "utf-8";
/* CSS Document */
/*-- Embeded font -------*/
@font-face {
  font-family: 'SFUIDisplay-Regular';
  src: url('../fonts/SFUIDisplay-Regular/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFUIDisplay-Regular/SFUIDisplay-Regular.otf')  format('opentype'),
	     url('../fonts/SFUIDisplay-Regular/SFUIDisplay-Regular.woff') format('woff'), url('../fonts/SFUIDisplay-Regular/SFUIDisplay-Regular.ttf')  format('truetype'), url('../fonts/SFUIDisplay-Regular/SFUIDisplay-Regular.svg#SFUIDisplay-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SFUIDisplay-Light';
  src: url('../fonts/SFUIDisplay-Light/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFUIDisplay-Light/SFUIDisplay-Light.otf')  format('opentype'),
	     url('../fonts/SFUIDisplay-Light/SFUIDisplay-Light.woff') format('woff'), url('../fonts/SFUIDisplay-Light/SFUIDisplay-Light.ttf')  format('truetype'), url('../fonts/SFUIDisplay-Light/SFUIDisplay-Light.svg#SFUIDisplay-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- END: Embeded font -----*/

html {margin:0; padding:0;}
body {margin:0; padding:0; min-width:320px; font-size:16px !important; font-family: 'SFUIDisplay-Regular', Verdana; }

a {outline:none;}
img {border:none;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

.clear {clear:both; margin:0; padding:0; width:100%; height:0px;}
input::-ms-clear {display:none;}

/*---- Typography ----*/
p {margin:0 0 30px 0; padding:0; font-family: 'SFUIDisplay-Regular', Verdana; font-weight:normal; font-size:112.5%; color:#767676;}
ul, ol {margin:0 0 20px 0; padding:0; font-family: 'SFUIDisplay-Regular', Verdana; font-weight:normal; font-size:112.5%; color:#767676; list-style-position:inside;}
li {margin:0; padding:0 0 10px 0;}

ol ol, ul ul {margin:10px 0 10px 40px;}
ul li li, ol li li {font-size:45%;}

h1, h2, h3, h4, h5, h6 {padding:0; font-family: 'SFUIDisplay-Regular', Verdana; font-weight:normal; color:#000000;}
h1 {margin: 0 0 10px 0; font-size: 200%;}
h2 {margin: 0 0 10px 0; font-size: 187.5%;}
h3 {margin: 0 0 10px 0; font-size: 175%;}
h4 {margin: 0 0 10px 0; font-size: 200%;}
h5 {margin: 0 0 10px 0; font-size: 150%;}
h6 {margin: 0 0 10px 0; font-size: 125%; font-weight:bold;}

a:link, a:visited, a:active {margin:0; padding:0; font-family: 'SFUIDisplay-Regular', Verdana; font-weight:normal; font-size:100%; color:#326d77; text-decoration:underline;}
a:hover {text-decoration:none;}

a.mail {margin:0; padding:0 0 0 40px; background:url(../img/mail.svg) no-repeat left center; background-size:29px;}

/*--- HEADER ---*/
.header_container {margin:0; padding:0; width:100%; height:500px; background:url(../img/main_header.jpg) no-repeat center center;}
.header {position:relative; margin:0 auto; padding:0; width:1000px; height:500px;}

.main_logo {position:absolute; left:60px; bottom:50px; margin:0; padding:0; width:185px; height:85px; background:url(../img/ego_logo.svg) no-repeat left top;}
/*--- end: HEADER ---*/

/*--- CONTENT ---*/
.main_container {margin:0; padding:0; width:100%; background-color:#ffffff;}
.content {margin:0 auto; padding:62px 60px 22px 60px; width:1000px; box-sizing:border-box;}
.content_title {margin:0; padding:0; font-family: 'SFUIDisplay-Regular', Verdana; font-weight:normal; font-size:150%; color:#3f3f3f; text-align:left; text-transform:uppercase;}

.footer_container {margin:0; padding:0; width:100%; background-color:#e7e7e7;}
.footer {margin:0 auto; padding:30px 60px; width:1000px; height:auto; box-sizing:border-box;}
.footer_icon_1 {float:left; margin:0; padding:0; width:50%;}
.footer_icon_2 {float:right; margin:0; padding:0; width:50%;}
/*--- end: CONTENT ---*/

@media screen and (min-width: 1000px) {
body {font-size: 12px !important;}

}

/*======= ADAPTIVE =======*/
@media screen and (max-width: 999px) {
p {margin:0 0 40px 0; font-size:150%;}

/*--- HEADER ---*/
.header_container {height:450px;}
.header {width:auto; height:450px;}

.main_logo {left:70px; bottom:50px; width:202px; height:92px;}
/*--- end: HEADER ---*/

/*--- CONTENT ---*/
.content {padding:64px 70px 24px 70px; width:auto;}
.content_title {font-size:187.5%;}

.footer {padding:30px 70px; width:auto; height:auto;}
.footer_icon_1 {float:none; margin:0; padding:0; width:100%;}
.footer_icon_2 {float:none; margin:0; padding:0; width:100%;}
/*--- end: CONTENT ---*/
}

@media screen and (max-width: 750px) {
body {font-size: 8px !important;}

p {margin:0 0 16px 0;}
a.mail {padding:0 0 0 20px; background-size:15px;}

/*--- HEADER ---*/
.header_container {height:225px; background-size:cover;}
.header {width:auto; height:225px;}
.main_logo {left:35px; bottom:25px; width:101px; height:46px;}
/*--- end: HEADER ---*/

/*--- CONTENT ---*/
.content {padding:32px 35px 16px 35px;}

.footer {padding:15px 30px;}
/*--- end: CONTENT ---*/
}
/*======== end: ADAPTIVE =========*/