/*
Theme Name: Omnifinity Landing
Author: Rodolfo
Description: Landing page theme for Omnifinity
Version: 1.0
*/

@font-face {
	font-family: Trim Medium;
	src: url(fonts/Trim-Medium.woff);
}

@font-face {
	font-family: Trim Regular;
	src: url(fonts/Trim-Regular.woff);
}

#overlay {
	position: fixed;
    z-index: 1991912;
    overflow: hidden;
    background: black;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	width: 100vw;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    /* opacity: 0; */
}

#overlay .counter-wrap {
	margin: 0 auto;
	position: relative;
	width: 100px;
	height: 100px;
}

#overlay .fill {
	position: relative;
	width: 100px;
	overflow: visible;
}

#overlay .fill svg {
	overflow: visible;
}

#overlay .load {
	position: absolute;
	width: 100px;
	top: 0;
	z-index: 1;
}

.no-scroll {
	overflow: hidden;
}

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

h1,
h2,
h3,
h4 {
    color: #fff;
    font-family: Trim Medium;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
}

p,
span {
    color: #fff;
    font-family: Trim Regular;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: #FFFF00;
    font-family: Trim Regular;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
}

.nav-container {
	width: 100%;
    height: 150px;
    position: fixed;
    top: 0;
    z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,.5); /* For browsers that do not support gradients */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
    background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
    background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	/* visibility: hidden; */
}

.nav-wrap {
	width: 100%;
    height: 150px;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#logo {
	position: absolute;
	height: 32px;
	top: 60px;
	left: 60px;
	z-index: 1012;
}

#logo a {
	display: block;
	height: 32px;
}

#logo a svg{
	height: 32px;
}

.menu-desk {
	display: block;
    height: 150px;
    position: absolute;
    top: 0;
    width: auto;
    right: 60px;
}

.menu-desk .menu {
	margin: 0;
	padding: 0;
}

#menu-primary {
    margin-top: 17px;
    padding: 0;
}

.menu-desk .menu li {
    display: inline-block;
}

.menu-desk .menu li a {
	display: block;
    padding: 10px 0px;
    line-height: 20px;
    margin: 55px 0px 0 20px;
    font-size: 16px;
    text-align: right;
	position: relative;
	overflow: hidden;
}

.menu-desk .menu li a:after {
	content: "";
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #FFFF00;
	-ms-transform: translateX(-150px);
	-webkit-transform: translateX(-150px);
    transform: translateX(-150px);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu-desk .menu li a:hover:after {
	-ms-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu-tag {
	display: none;
	position: absolute;
    right: 110px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    color: #FFFF00;
    font-size: 16px;
    font-family: Trim Medium;
    z-index: 1002;
}

.burger {
	display: none;
	position: absolute;
	top: 55px;
    right: 60px;
    width: 30px;
	height: 40px;
	z-index: 1012;
}

.burger-white:before,
.burger-white:after {
    background: #000 !important;
}

.burger:before,
.burger:after {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	height: 2px;
	background: #FFFF00;
	content: "";
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.burger:before {
	-webkit-transform: translateY(12px);
	-ms-transform: translateY(12px);
	transform: translateY(12px);
}

.burger:after {
	-webkit-transform: translateY(26px);
	-ms-transform: translateY(26px);
	transform: translateY(26px);
}

html.show-menu .burger:before {
	-webkit-transform: translateY(18px) rotate(45deg);
	-ms-transform: translateY(18px) rotate(45deg);
	transform: translateY(18px) rotate(45deg);
	background: #FFFF00 !important;
}

html.show-menu .burger:after {
	-webkit-transform: translateY(18px) rotate(-45deg);
	-ms-transform: translateY(18px) rotate(-45deg);
	transform: translateY(18px) rotate(-45deg);
	background: #FFFF00 !important;
}

.menu-mob {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 500px;
	padding: 150px 0 0;
	background: rgba(0, 0, 0, .8);
	-ms-transform: translateX(500px);
	-webkit-transform: translateX(500px);
	        transform: translateX(500px);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 1000;
	list-style-type: none;
}

.menu-menu-container {
	height: 450px;
}

html.show-menu .menu-mob {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.menu-mob #menu-primary-menu-1 {
    margin: 0;
	height: 430px;
    position: absolute;
	width: 100%;
	top: 50%;
	padding: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.menu-mob li {
    list-style: none;
}

.menu-mob li a {
    display: block;
    padding: 10px 40px;
    color: #FFFF00;
	line-height: 50px;
    font-size: 26px;
    text-align: center;
    text-decoration: none;
    font-family: Trim Medium;
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
}

.logo svg{
    width: 200px;
}

.jumbotron {
    width: 100%;
    height: 700px;
	height: 100vh;
	display: block;
    position: fixed;
    top: 0;
    background-color: #000;
    text-align: center;
    z-index: -1;
}

.jumbo-image {
    background-image: url('img/DSCF3190_webb.jpg');
    opacity: 1;
	z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.start-wrapper {
	width: 100%;
	height: 700px;
	height: 100%;
	height: 100vh;
	display: block;
}

.start-logo {
	max-width: 880px;
	padding: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.start-logo svg {
	fill: #FFFF00;
}

#Group_23 {
	fill: #FFFF00;
	-webkit-filter: url(#filter);
	filter: url(#filter);
}

.go-down {
	height: 34px;
	width: 31px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mobile-logo,
.desktop-logo {
	display: none;
}

.mobile-logo svg {
	fill: #FFFF00;
}

html.no-touch .desktop-logo {
	display: block;
}

html.touch .desktop-logo {
	display: none;
}

html.touch .mobile-logo {
	display: block;
}

.arrow-down {
    position: absolute;
    height: 60px;
	bottom: 50px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
    left: 50%;
    z-index: 10;
    text-align: center;
    width: 80%;
}

.arrow-down svg {
    height: 60px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
}

p {
    font-size: 16px;
    line-height: 20px;
}


/******** VIDEO **********/


.video {
    width: 100%;
}

.video-wrapper {
	width: 100%;
	padding: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: transparent;
}

.video-container {
	opacity: 0;
    visibility: hidden;
}

.video-show {
	opacity: 1;
	visibility: visible;
}

.video-iframe {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
    width: 100%;
    height: 100%;
}

.video-play-wrapper {
	position: relative;
}

.video-play-wrapper img {
	width: 100%;
}

.video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 36px;
	height: 64px;
	cursor: pointer;
}


/******** VIDEO **********/


/******** ABOUT **********/


.about {
	width: 100%;
	background: #000;
}

.about-content {
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 10;
}

.about-content h2 {
	margin-top: 0px;
}

.about-content img {
	max-width: 240px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.about-content p {
	text-align: left;
}

.about-container-2 p,
.about-container-3 p, {
	color: #FFF;
	text-align: left;
}

.about-container-1 {
	padding: 60px 60px 120px;
    background: #333333;
}

.about-container-2,
.about-container-3 {
	padding: 60px 60px 120px;
	position: relative;
	border-bottom: 1px solid #333333;
}

.about-container-2::after {
    content: "";
    opacity: 0.5;
    background: url('/wp-content/themes/omni/img/DSCF3330_webb.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.about-container-3::after {
    content: "";
    opacity: 0.3;
    background: url('/wp-content/themes/omni/img/DSCF32982_webb.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.about-container-1 p {
	color: #999999;
}


/******** ABOUT **********/


/******** AREAS **********/


.areas {
    width: 100%;
    height: auto;
    /* background: #000; */
}

.areas-wrap {
    width: 100%;
    margin: 0 auto;
}

.area-wrap-1,
.area-wrap-2,
.area-wrap-3 {
	position: relative;
	border-bottom: 1px solid #333333;
}

.area {
	text-align: center;
	padding: 60px 60px 120px;
	max-width: 720px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.area-wrap-1,
.area-wrap-3 {
	background: #000;
}

.area-wrap-1::after {
	content: "";
	opacity: 0.6;
	background: url("/wp-content/themes/omni/img/DSCF3374_webb.jpg");
	background-position: 55%;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.area-wrap-2::after {
	content: "";
	opacity: 1;
	background: url("/wp-content/themes/omni/img/omni-camo.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.area-wrap-3::after {
	content: "";
	opacity: .3;
	background-image: url('img/DSCF3190_webb2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.area1 img {
	width: 240px;
	margin-bottom: 20px;
}

.area2 img,
.area3 img {
	width: 480px;
	margin-bottom: 20px;
}

.area h2 {
	max-width: 580px;
	margin: 0 auto;
	padding: 30px 0;
	line-height: 42px;
}

.area h3,
#about h3 {
	font-size: 22px;
	line-height: 28px;
	font-family: Trim Regular;
}

.area p {
	font-size: 18px;
	line-height: 24px;
}

.area .quote-img {
	width: 30px;
	margin: 0 auto;
	padding: 0 0 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


.read-more-wrap {
	height: auto;
	margin-top: 40px;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: height 1s ease-out, opacity 1.3s ease-in;
	-o-transition: height 1s ease-out, opacity 1.3s ease-in;
	transition: height 1s ease-out, opacity 1.3s ease-in;
}

.read-more-hide {
	height: 0 !important;
	opacity: 0;
}


/********* AREAS *********/


/******** Partners ********/


.partners {
	background: #000;
}

.partners-wrap {
	max-width: 720px;
	margin: 0 auto;
	padding: 60px 60px 120px;
}

.partners-wrap h2 {
	text-align: center;
	margin-top: 0px;
}

.partner-logos {
	text-align: center;
	margin-top: 20px;
}

.partner-logos img {
	max-height: 60px;
    max-width: 100px;
    display: inline-block;
    margin: 40px 30px 0px;
	filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: grayscale(1); /* older Firefox */
    filter: grayscale(100%); /* Current draft standard */
    vertical-align: middle;
}


/********** PARTNERS *********/


/********* COMPANY *********/


.company {
    width: 100%;
    background: #333333;
}

.company h2 {
    color: #CCCCCC;
    margin-top: 100px;
    margin-bottom: 30px;
}

.company h2:first-of-type {
    margin-top: 0px;
}

.company p {
    color: #999999;
    margin: 0 auto;
    max-width: 720px;
	text-align: left;
}

.company .margin-text {
	margin-top: 20px;
}

.company-wrap {
    width: 100%;
    max-width: 1200px;
    height: auto;
    text-align: center;
    margin: 0 auto;
	padding: 60px 60px 120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.persons-wrapper {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.persons {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 25%;
	flex: 1 0 25%;
}

.persons img {
	border-radius: 50%;
	width: 120px;
    height: 120px;
}

.persons .name {
    font-family: Trim Medium;
	-webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #CCCCCC;
    margin-bottom: 0;
	margin-top: 18px;
	text-align: center;
}

.persons .title {
    font-family: Trim Regular;
	-webkit-font-smoothing: antialiased;
    font-size: 18px;
    margin-top: 0;
	margin-bottom: 18px;
	font-weight: 100;
	text-align: center;
}

.persons .links {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
}

.persons .links a {
    display: block;
}


/******** CONTACT *********/


.contact {
    width: 100%;
    height: auto;
}

.form {
	width: 100%;
	padding: 60px 0 120px;
	text-align: center;
}

.form-intro {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-size: 18px;
}

.form-title {
	margin-top: 0px;
}

.contact .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}

.contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	display: none !important;
}

.contact .gform_wrapper li.gfield.gfield_error {
	background: none !important;
	margin-bottom: 0px !important;
	border-top: none !important;
	border-bottom: none !important;
}

.gform_wrapper div.validation_error {
	display: none;
}

.gfield_required {
	display: none;
}

.contact .gform_wrapper {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding-top: 40px;
	font-family: Trim Regular;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	font-weight: 100;
}

.contact .gform_wrapper .gfield {
	padding: 0px !important;
	position: relative;
}

.contact .gform_wrapper .gfield_label {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 16px;
	color: #fff;
	font-family: Trim Regular;
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.contact .gform_wrapper .gfield_label.selected {
	top: -10px;
	font-size: 16px;
	color: #fff !important;
}

.contact .gform_wrapper input#input_1_1 {
	width: 100%;
	background: none;
	color: #FFFF00;
	border: none;
	font-size: 16px;
	border-bottom: 2px solid #FFF;
	margin-bottom: 0px !important;
	padding: 20px;
	font-family: Trim Regular;
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.contact .gform_wrapper #gform_fields_1 {
	position: relative;
}

.contact .gform_wrapper #field_1_1:before {
	content: "";
	background: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none;
}

.contact .gform_wrapper #field_1_1:after {
	content: "";
	background: #FFF;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 10px;
	width: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: none;
}

.contact .gform_footer #gform_submit_button_1 {
	width: 100%;
	height: 60px;
	font-size: 16px;
	border: 2px solid #FFFF00;
	border-radius: none;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: Trim Medium;
	-webkit-font-smoothing: antialiased;
}

.gltch-btn {
	-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	display: inline-block;
	border: 2px solid #FFFF00;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	outline: none;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;
}

.gltch-btn:focus {
  	outline: none;
}

.btn-glitch {
  	background-color: transparent;
	border-color: #FFFF00;
  	color: #fff;
}

.btn-glitch:hover {
  	color: #FFFF00;
  	background-color: transparent;
	overflow: visible;
}

.btn-glitch-active {
	-webkit-filter: url("#filter2");
	filter: url("#filter2");
}

.socials.gltch-btn,
.video-play.gltch-btn {
	border: none;
}

.socials.btn-glitch:hover,
.video-play.gltch-btn:hover {
  	color: transparent;
  	background-color: transparent;
	overflow: visible;
}

.socials.btn-glitch-active,
.video-play.btn-glitch-active {
	-webkit-filter: url("#filter2");
	filter: url("#filter2");
}

.video-play.gltch-btn {
	position: absolute;
}

.button-wrap {
    padding: 0 20px;
}

.area-btn {
	cursor: pointer;
	width: 100%;
	max-width: 400px;
	margin-top: 42px;
}

.area-btn-1 {
	border-color: #A700FF;
}

.area-btn-1.btn-glitch:hover {
  	background-color: transparent;
	overflow: visible;
}

.area-btn-1.btn-glitch:hover p {
  	color: #A700FF;
}

.area-btn-2 {
	border-color: #00FF00;
}

.area-btn-2.btn-glitch:hover {
  	background-color: transparent;
	overflow: visible;
}

.area-btn-2.btn-glitch:hover p {
  	color: #00FF00;
}

.area-btn-3 {
	border-color: #00FFFF;
}

.area-btn-3.btn-glitch:hover {
  	background-color: transparent;
	overflow: visible;
}

.area-btn-3.btn-glitch:hover p {
  	color: #00FFFF;
}

.area-btn p {
	font-size: 16px;
	line-height: 30px;
	padding: 15px 0;
	margin: 0;
	font-family: Trim Medium;
}

.contact .gform_footer #gform_submit_button_1:hover {
	cursor: pointer;
}

.gform_confirmation_message {
	font-size: 16px;
	color: #00FF00;
	margin: 80px 0 40px;
	font-family: Trim Regular;
	-webkit-font-smoothing: antialiased;
}

.contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0px;
}

.contact .gform_wrapper .gfield_error .gfield_label {
    color: #FF0000;
}

.media {
	background: #000;
	border-bottom: 1px solid #333333;
}

.media-wrapper {
	padding: 60px 0px 120px;
	text-align: center;
}

.media-wrapper h2 {
	margin-top: 0px;
}

.media-wrapper a,
.media-wrapper p {
	display: block;
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
	max-width: 240px;
    margin: 0 auto;
    margin-bottom: 2px;
	color: #FFFF00;
}

.social {
    width: 100%;
    padding: 60px 0 120px;
    background: #000;
}

.socials-wrapper {
    width: auto;
    height: auto;
    text-align: center;
	margin-bottom: 120px;
    margin-top: 10px;
}

.socials {
    display: inline-block;
    margin: 0 35px;
}

.socials a svg {
    height: 30px;
	fill: #FFFF00;
}

.foot-logo,
.copy {
    text-align: center;
}

.foot-logo a {
    display: inline-block;
    width: auto;
}

.foot-logo a svg {
    height: 32px;
	fill: #FFFF00;
	margin-bottom: 60px;
}

.copy {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
}


/******** NAVIGATION ***********/


.navigation{
    -webkit-backface-visibility: hidden;
    z-index: 5;
    position: fixed;
    top: 50%;
    right: 16px;
    margin-top: -40px;
}

.navigation ul {
    width: 30px;
    padding: 0;
	height:100%;
}

.navigation ul:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.navigation li {
    height: 30px;
    text-align: center;
    list-style-type: none;
	vertical-align: middle;
}

.navigation a{
    display: inline-block;
    width: 14px;
    height: 14px;
	margin-top: 8px;
	text-indent: -9999px;
	border-radius: 50%;
	background-color: #FFFF00;
	-webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.navigation a.active{
    width: 24px;
    height: 24px;
	margin-top: 3px;
}


/******* 404 ********/


.error-container {
	position: fixed;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.error-wrap {
	position: absolute;
    left: 50%;
    top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #FFFF00;
	text-align: center;
}

.error-wrap h2 {
	padding: 0 20px;
	width: 240px;
}

.error-wrap a p {
	color: #FFFF00;
}


/********* MEDIA Q ********/


@media only screen and (min-width : 1700px) {

	.about-container-1 {
	    padding: 120px 60px 120px;
	}

	.about-container-2,
	.about-container-3 {
	    padding: 120px 60px 120px;
	}

	.area {
	    padding: 120px 60px 180px;
	}

	.partners-wrap {
	    padding: 120px 60px 180px;
	}

	.company-wrap {
	    padding: 120px 60px 180px;
	}

	.form {
	    padding: 120px 0 180px;
	}

	.media-wrapper {
	    padding: 120px 0px 180px;
	}

	.social {
	    padding: 120px 0 180px;
	}
}


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

	.burger {
		display: block;
	}

	.menu-tag {
		display: block;
	}

	.menu-desk {
		display: none;
	}

	.area:nth-child(2) {
	    padding: 40px;
	}

	.company-wrap {
		padding: 120px 80px 40px;
	}

	.persons-wrapper {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.persons {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
		margin-bottom: 80px;
	}

	.socials {
	    margin: 0 25px;
	}
}


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

	html.show-menu {
		overflow: hidden;
	}

	.menu-mob {
		width: 100%;
		-webkit-transform: translateX(768px);
		-ms-transform: translateX(768px);
		transform: translateX(768px);
	}

	.menu-mob #menu-primary-menu {
		width: 100%;
	}

	h1 {
	    line-height: 40px;
	    font-size: 30px;
	}

	h2 {
	    font-size: 28px;
	    line-height: 28px;
	    margin-bottom: 40px;
	}

	.area h2 {
	    line-height: 38px;
	}

	.video-play {
	    width: 30px;
	    height: 52px;
	}

	.area h3,
	#about h3 {
	    font-size: 18px;
	    line-height: 24px;
	}

	.area p {
	    font-size: 16px;
	    line-height: 22px;
	}

	p,
	.persons .links,
	.persons .title,
	.persons .name {
	    font-size: 16px;
	    line-height: 20px;
	}

	.media-wrapper a,
	.media-wrapper p {
	    font-size: 16px;
	    line-height: 32px;
	}

	.contact .gform_wrapper input#input_1_1 {
	    font-size: 16px;
	}

	.contact .gform_footer #gform_submit_button_1 {
	    font-size: 16px;
		height: 50px;
	}

	.copy {
    	font-size: 12px;
	}

	.area1 img {
	    width: 40%;
	}

	.area2 img,
	.area3 img {
	    width: 100%;
	}

	.company h2 {
	    margin-top: 80px;
	}

	.company p {
	    max-width: 100%;
	}

	.persons img {
	    width: 100px;
	    height: 100px;
	}

	.form {
		padding: 120px 80px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.social {
		padding: 120px 0px;
	}

	.socials-wrapper {
	    margin-bottom: 80px;
	}

	.socials {
	    margin: 0 15px;
	}

	.socials a svg {
	    height: 26px;
	}

	.foot-logo a svg {
	    height: 26px;
	}
}


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

	.jumbo-image {
	    background-image: url('img/DSCF3190_mobile.jpg');
		background-position: 40% center;
	}

	.nav-container {
		height: 68px;
	}

	.nav-wrap {
		height: 68px;
	}

	#logo {
		height: 30px;
		top: 19px;
    	left: 20px;
	}

	#logo a {
		height: 30px;
	}

	#logo a svg {
		height: 30px;
	}

	.burger {
		top: 14px;
		right: 20px;
	}

	.menu-mob #menu-primary-menu-1 {
		height: 240px;
	}

	.menu-mob li a {
		padding: 10px 10px;
		line-height: 20px;
		font-size: 20px;
	}

	.menu-tag {
		right: 60px;
	}

	.start-logo {
	    padding: 40px;
	}

	.go-down {
	    bottom: 20px;
	}

	.video-play {
	    width: 26px;
	    height: 46px;
	}

	h1 {
	    line-height: 34px;
	    font-size: 28px;
		padding: 0 40px;
	}

	h2 {
	    font-size: 22px;
	    line-height: 22px;
	    margin-bottom: 20px;
	}

	.area h2 {
	    line-height: 32px;
	}

	.about-container-2::after {
	    background-position: 30%;
	}

	p,
	.persons .links,
	.persons .title,
	.persons .name {
	    font-size: 16px;
	    line-height: 20px;
	}

	.contact .gform_wrapper .gfield_label {
	    left: 10px;
	    font-size: 16px;
	}

	.contact .gform_wrapper .gfield_label.selected {
	    font-size: 12px;
		top: -5px;
	}

	.contact .gform_wrapper input#input_1_1 {
	    font-size: 16px;
	}

	.contact .gform_footer #gform_submit_button_1 {
	    font-size: 16px;
	    height: 40px;
	}

	.gform_confirmation_message {
		margin: 40px 0 40px;
	}

	.company h2 {
	    margin-bottom: 20px;
	}

	.persons-wrapper {
	    margin-top: 40px;
	}

	.socials a svg {
	    height: 22px;
	}

	.socials {
	    margin: 0 10px;
	}

	.foot-logo a svg {
	    height: 28px;
	}

	.copy {
	    font-size: 10px;
	}

	.navigation {
	    display: none;
	}

	.video-wrapper {
	    padding: 20px;
	}

	.area-wrap-1,
	.area-wrap-2,
	.area-wrap-3,
	.company-wrap,
	.company-wrap,
	.about-container-1,
	.about-container-2,
	.about-container-3,
	.partners-wrap {
	    padding: 80px 40px 80px;
	}

	.area {
	    padding: 0px;
	}

	.area-btn {
	    margin-top: 22px;
	}

	.area-btn p {
	    line-height: 10px;
	}

	.company h2 {
	    margin-top: 60px;
	}

	.persons {
	    margin-bottom: 40px;
	}

	.form {
	    padding: 40px 60px;
	}

	.contact .gform_wrapper input#input_1_1 {
    	padding: 10px;
	}

	.contact .gform_wrapper {
	    padding-top: 20px;
	}

	.social {
	    padding: 80px 0px;
	}

	.socials-wrapper {
	    margin-bottom: 80px;
	}

	.partner-logos img {
		margin: 20px 20px 0px;
	}
}


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

	.area-wrap-1,
	.area-wrap-2,
	.area-wrap-3,
	.company-wrap,
	.company-wrap,
	.about-container-1,
	.about-container-2,
	.about-container-3,
	.partners-wrap {
	    padding: 60px 20px 60px;
	}

	.button-wrap {
	    padding: 0 40px;
	}
}