@font-face {

  font-family: 'FuturaStd';

  src: url('../fonts/FuturaStd-Light.eot');

  src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),

       url('../fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg'),

       url('../fonts/FuturaStd-Light.ttf') format('truetype'),

       url('../fonts/FuturaStd-Light.woff') format('woff'),

       url('../fonts/FuturaStd-Light.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'FuturaStd';

  src: url('../fonts/FuturaStd-Bold.eot');

  src: url('../fonts/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),

       url('../fonts/FuturaStd-Bold.svg#FuturaStd-Bold') format('svg'),

       url('../fonts/FuturaStd-Bold.ttf') format('truetype'),

       url('../fonts/FuturaStd-Bold.woff') format('woff'),

       url('../fonts/FuturaStd-Bold.woff2') format('woff2');

  font-weight: 700;

  font-style: normal;

}



* {

	box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



body, html {padding: 0;margin:0;}



body {font-size: 16px;font-family: "FuturaStd";line-height: 1;}



img {height: auto;max-width: 100%;vertical-align: middle;}



input[type="text"],

input[type="email"],

label.file-input,

textarea {border:1px solid #8c99c7;color:#00b2ef;padding:3px 5px;width: 100%;margin-bottom: 5px;display: block;}



textarea {min-height: 150px;resize: none;margin-bottom: 0;}

ul {margin:0;padding: 0;list-style: none;}



.file-input input {display: none;}



.container{	width: 1390px;max-width: 80%;margin: 0 auto;}



.flex-container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}

#contact .flex-container {align-items: flex-start;}

.flex {display: flex;}

.flex-row{flex-direction: row;}

.flex-row.reverse {flex-direction: row-reverse;}

.flex-col{flex-direction: column;}

.flex-col.reverse {flex-direction: column-reverse;}



.flex-nowrap{flex-wrap: nowrap;}

.flex-wrap{flex-wrap: wrap;}



.justify-start{justify-content: flex-start;}

.justify-end{justify-content: flex-end;}

.justify-between{justify-content: space-between;}

.justify-center{justify-content: center;}



.align-i-center {align-items: center;}

.align-i-start {align-items: flex-start;}

.align-i-end {align-items: flex-end;}



.align-s-center {align-self: center;}

.align-s-start {align-self: flex-start;}

.align-s-end {align-self: flex-end;}



.flex-row-2 > * {flex-basis: 48%;}

.flex-row-3 > * {flex-basis: 31%;}



#header {position: fixed;background-color: white;left: 0;right: 0;padding: 10px 0;z-index: 5;}

#header .container {width: 90%;max-width: 90%;}

#header .menu ul li {padding:0 40px;}

#header .menu ul li a {color: #39499b;text-decoration: none;font-size: 14px;display: block;text-transform: uppercase;line-height: 15px;letter-spacing: 1px;}

#header .menu ul li.active a {color:#00b2ef;}

#header .burger,

#popup .close {cursor: pointer;}



.fp-viewing-national #header .menu ul li.active a {color:#bed630;}

.fp-viewing-project #header .menu ul li.active a {color:#fcb813;}

.fp-viewing-oil-gas #header .menu ul li.active a {color:#009e91;}

.fp-viewing-watch #header .menu ul li.active a {color:#00b2ef;}

.fp-viewing-contact #header .menu ul li.active a {color:#00b2ef;}



@media only screen and (max-width: 1023px)

{

	.container	{width: 90%;max-width: 100%;}

	.flex-container {flex-direction: column-reverse;}

	.flex-row.responsive {flex-direction: column;}

	.flex-row.responsive.responsive-reverse {flex-direction: column-reverse;}

	.flex-row.responsive > * {flex-basis: 100%;}

	.flex-row.responsive.reverse {flex-direction: column-reverse;}



	#header {position: static;}

	#header .menu {display: none;}

  #header .burger {position: fixed;right: 5%;top: 3.5%;}

	body.activeMenu {overflow: hidden;}

}