/*
Theme Name: myport
Version: 99.0
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* line 9, style.scss */
table, textarea { width: 100%; }

/* line 9, style.scss */
hr, img { border: 0; }

/* line 9, style.scss */
pre, textarea { overflow: auto; }

/* line 9, style.scss */
b, dt, optgroup, strong { font-weight: 700; }

/* line 9, style.scss */
#content[tabindex="-1"]:focus, a:active, a:focus, a:hover { outline: 0; }

/* line 9, style.scss */
.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after, h1, h2, h3, h4, h5, h6 { clear: both; }

/* line 9, style.scss */
.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before { content: ""; display: table; table-layout: fixed; }

/* line 9, style.scss */
.widget select, embed, iframe, img, object, pre { max-width: 100%; }

/* line 9, style.scss */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing: border-box; }

/* line 9, style.scss */
body { margin: 0; background: #fff; }

/* line 9, style.scss */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

/* line 9, style.scss */
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; max-width: 100%; }

/* line 9, style.scss */
audio:not([controls]) { display: none; height: 0; }

/* line 9, style.scss */
[hidden], template { display: none; }

/* line 9, style.scss */
a { background-color: transparent; }

/* line 9, style.scss */
cite, dfn, em, i { font-style: italic; }

/* line 9, style.scss */
mark { color: #000; }

/* line 9, style.scss */
small { font-size: 80%; }

/* line 9, style.scss */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

/* line 9, style.scss */
sup { top: -.5em; }

/* line 9, style.scss */
sub { bottom: -.25em; }

/* line 9, style.scss */
img { height: auto; }

/* line 9, style.scss */
svg:not(:root) { overflow: hidden; }

/* line 9, style.scss */
hr { box-sizing: content-box; background-color: #ccc; height: 1px; margin-bottom: 1.5em; }

/* line 9, style.scss */
code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

/* line 9, style.scss */
button { overflow: visible; }

/* line 9, style.scss */
button, select { text-transform: none; }

/* line 9, style.scss */
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

/* line 9, style.scss */
button[disabled], html input[disabled] { cursor: default; }

/* line 9, style.scss */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* line 9, style.scss */
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

/* line 9, style.scss */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }

/* line 9, style.scss */
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

/* line 9, style.scss */
pre { background: #eee; font-family: "Courier 10 Pitch",Courier,monospace; font-size: 15px; font-size: .9375rem; }

/* line 9, style.scss */
code, kbd, tt, var { font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; font-size: 15px; font-size: .9375rem; }

/* line 9, style.scss */
*, :after, :before { box-sizing: inherit; }

/* line 9, style.scss */
table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; }

/* line 9, style.scss */
.screen-reader-text { display: none; }

/* General styling and layout */
/* line 41, style.scss */
.maxwidth { max-width: 1440px; margin: 0 auto !important; }
@media all and (max-width: 1490px) { /* line 41, style.scss */
  .maxwidth { max-width: calc(100% - 50px); } }

@keyframes hamburger_span { 0%,50% { background-color: #007dac; }
  100% { background-color: transparent; } }
@keyframes hamburger_before { 0% { top: 0; transform: none; }
  50% { top: 10px; transform: none; }
  100% { top: 10px; transform: rotate(-45deg); } }
@keyframes hamburger_after { 0% { top: 20px; transform: none; }
  50% { top: 10px; transform: none; }
  100% { top: 10px; transform: rotate(45deg); } }
@keyframes hamburger_span2 { 0%,50% { background-color: transparent; }
  100% { background-color: #007dac; } }
@keyframes hamburger_before2 { 0% { top: 10px; transform: rotate(-45deg); }
  50% { top: 10px; transform: none; }
  100% { top: 0; transform: none; } }
@keyframes hamburger_after2 { 0% { top: 10px; transform: rotate(45deg); }
  50% { top: 10px; transform: none; }
  100% { top: 20px; transform: none; } }
@keyframes bouncy { 0%,100%,30%,50% { transform: translateX(0); }
  10% { transform: translateX(-2px); }
  20% { transform: translateX(5px); }
  40% { transform: translateX(3px); } }
@keyframes bouncydown { 0%,100%,30%,50% { transform: translateY(0) rotate(-90deg); }
  10% { transform: translateY(-2px) rotate(-90deg); }
  20% { transform: translateY(5px) rotate(-90deg); }
  40% { transform: translateY(3px) rotate(-90deg); } }
/* line 54, style.scss */
html { scroll-behavior: smooth; }

/* line 55, style.scss */
body { font-family: 'Geologica', Arial, "sans-serif"; font-weight: 300; font-size: 19px; color: #6a6a6a; }
@media all and (max-width: 1023px) { /* line 55, style.scss */
  body { font-size: 17px; } }
@media all and (max-width: 767px) { /* line 55, style.scss */
  body { font-size: 16.2px; } }

/* line 59, style.scss */
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Arial, "sans-serif"; display: block; line-height: 1.2; font-weight: 700; margin: 0 0 25px; color: #00b9ff; opacity: 0; transition-duration: 1s; transition-timing-function: ease-in-out; }

/* line 60, style.scss */
p + h2, p + h3, p + h4, p + h5, p + h6, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 { margin-top: 50px; }

/* line 61, style.scss */
h1 { font-size: 3em; color: #00b9ff; text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.7); }
@media all and (max-width: 767px) { /* line 61, style.scss */
  h1 { font-size: 2.5em; } }

/* line 64, style.scss */
h2 { font-size: 2em; margin-bottom: 50px; }
/* line 65, style.scss */
h2:after { content: ""; background: #00b9ff; display: block; margin: 30px auto; width: 35px; height: 5px; border-radius: 2px; }
@media all and (max-width: 767px) { /* line 65, style.scss */
  h2:after { height: 3px; margin: 20px auto 0; } }
@media all and (max-width: 767px) { /* line 64, style.scss */
  h2 { font-size: 1.5em; margin-bottom: 25px; } }

/* line 70, style.scss */
p { margin: 0 0 25px; line-height: 1.5; opacity: 0; transition-duration: 1s; transition-timing-function: ease-in-out; transition-delay: 0.3s; }
/* line 71, style.scss */
p img { display: block; }

/* line 73, style.scss */
a { color: #007dac; text-decoration: none; }
/* line 74, style.scss */
a:hover { color: #f26522; text-decoration: underline; }

/* line 76, style.scss */
ul, ol { margin: 0 0 25px 25px; padding: 0; }
/* line 77, style.scss */
ul ul, ul ol, ol ul, ol ol { margin: 5px 0 5px 10px; }

/* line 79, style.scss */
.smoke { background-color: #f6f6f6; }

/* line 80, style.scss */
.button, .hero a, .features p, input.wpcf7-submit { color: white; padding: 10px 20px; display: inline-block; background: #f26522; border-radius: 5px; }
/* line 81, style.scss */
.button:hover, .hero a:hover, .features p:hover, input.wpcf7-submit:hover { text-decoration: none; background-color: #00b9ff; color: white; }

/* line 83, style.scss */
.centeredtext { text-align: center; }

/* line 84, style.scss */
.text_white, .text_white p { color: white; }

/* line 86, style.scss */
.vc_maxwidth { padding-left: calc((100% - 1490px) / 2); padding-right: calc((100% - 1490px) / 2); }

/* line 87, style.scss */
.entry-content > .vc_row, section > .vc_row, .wpb-content-wrapper > .vc_row { margin-left: 0; margin-right: 0; }

/* line 88, style.scss */
.vc_column_container > .vc_column-inner { padding-left: 25px; padding-right: 25px; }
@media all and (max-width: 1023px) { /* line 88, style.scss */
  .vc_column_container > .vc_column-inner { padding-left: 50px; padding-right: 50px; } }
@media all and (max-width: 767px) { /* line 88, style.scss */
  .vc_column_container > .vc_column-inner { padding-left: 25px; padding-right: 25px; } }

/* line 92, style.scss */
.vc_maxwidth .vc_column_container > .vc_column-inner { padding-left: 15px; padding-right: 15px; }
@media all and (max-width: 1023px) { /* line 92, style.scss */
  .vc_maxwidth .vc_column_container > .vc_column-inner { padding-left: 50px; padding-right: 50px; } }
@media all and (max-width: 767px) { /* line 92, style.scss */
  .vc_maxwidth .vc_column_container > .vc_column-inner { padding-left: 25px; padding-right: 25px; } }

/* line 96, style.scss */
.vc_maxwidth .vc_column_container .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }

@media all and (max-width: 767px) { /* line 97, style.scss */
  .maxwidth .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; } }

/* line 100, style.scss */
body .wpb_button, body .wpb_content_element, body ul.wpb_thumbnails-fluid > li { margin-bottom: 0; }

/* line 101, style.scss */
.wrapper_small, .contactbox .wpb_wrapper, .entry-content > .vc_row.wrapper_small, .contactbox .entry-content > .vc_row.wpb_wrapper { max-width: 600px; margin-left: auto !important; margin-right: auto !important; }

/* line 102, style.scss */
.wrapper_medium, .entry-content > .vc_row.wrapper_medium { max-width: 960px; margin-left: auto !important; margin-right: auto !important; }

/* line 103, style.scss */
.pad_top { padding-top: 100px; }
@media all and (max-width: 1023px) { /* line 103, style.scss */
  .pad_top { padding-top: 75px; } }
@media all and (max-width: 767px) { /* line 103, style.scss */
  .pad_top { padding-top: 50px; } }

/* line 107, style.scss */
.pad_bottom { padding-bottom: 100px; }
@media all and (max-width: 1023px) { /* line 107, style.scss */
  .pad_bottom { padding-bottom: 75px; } }
@media all and (max-width: 767px) { /* line 107, style.scss */
  .pad_bottom { padding-bottom: 50px; } }

/* line 111, style.scss */
.pad_bottom_2 { padding-bottom: 50px; }
@media all and (max-width: 1023px) { /* line 111, style.scss */
  .pad_bottom_2 { padding-bottom: 25px; } }

/* line 114, style.scss */
.m_bottom { margin-bottom: 100px; }
@media all and (max-width: 1023px) { /* line 114, style.scss */
  .m_bottom { margin-bottom: 65px; } }
@media all and (max-width: 767px) { /* line 114, style.scss */
  .m_bottom { margin-bottom: 35px; } }

/* line 124, style.scss */
.hero { position: relative; overflow: hidden; height: 50vw; max-height: 860px; border-bottom: 5px solid #00b9ff; background: #6fadf8; }
/* line 125, style.scss */
.hero > div, .hero > div > div, .hero > div > div > div { height: 100%; }
/* line 126, style.scss */
.hero a { box-shadow: 0 5px 15px -7px rgba(0, 0, 0, 0.7); }
/* line 127, style.scss */
.hero a:hover { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.7); }
/* line 129, style.scss */
.hero video { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 0; filter: hue-rotate(22deg) saturate(1.5); opacity: 0; transition-delay: 0.5s; transition-duration: 1s; transition-timing-function: ease-in-out; }
/* line 130, style.scss */
.hero > div > div > div { display: flex; align-content: center; align-items: center; }
/* line 132, style.scss */
.hero .vidwrapper:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 6, 102, 0.7); background: rgba(0, 4, 64, 0.7); }
/* line 134, style.scss */
.hero .herocontent { position: relative; }
/* line 135, style.scss */
.hero .herocontent p:nth-child(1) { font-size: 35px; margin: 0; letter-spacing: 3px; }
@media all and (max-width: 767px) { /* line 135, style.scss */
  .hero .herocontent p:nth-child(1) { font-size: 20px; } }
/* line 138, style.scss */
.hero .herocontent p:nth-child(3) { max-width: 400px; margin: 0 auto 50px; }
@media all and (max-width: 1023px) { /* line 124, style.scss */
  .hero { height: 80vw; }
  /* line 141, style.scss */
  .hero video { width: auto; max-width: none; height: 100%; } }
@media all and (max-width: 767px) { /* line 124, style.scss */
  .hero { height: 160vw; } }

/* line 147, style.scss */
body.pageloaded .hero video, body.pageloaded h1, body.pageloaded h2, body.pageloaded h3, body.pageloaded h4, body.pageloaded h5, body.pageloaded h6, body.pageloaded p { opacity: 1; }
/* line 148, style.scss */
body.pageloaded .pullup { margin-top: -12vw; }
@media all and (max-width: 1023px) { /* line 148, style.scss */
  body.pageloaded .pullup { margin-top: -17vw; } }
@media all and (max-width: 767px) { /* line 148, style.scss */
  body.pageloaded .pullup { margin-top: -28vw; } }

/* line 154, style.scss */
.features p { display: inline-block; margin: 0 11px 20px; background: #153877; font-size: 14px; pointer-events: none; }
@media all and (max-width: 767px) { /* line 154, style.scss */
  .features p { font-size: 13px; margin: 0 5px 10px; padding: 10px 12px; } }

/* line 160, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 161, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div { flex-basis: 45%; padding: 0 0 0 45px; margin: 0 0 90px; }
@media all and (max-width: 1023px) { /* line 161, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div { flex-basis: 50%; padding: 0 0 0 35px; margin: 0 0 60px; } }
@media all and (max-width: 767px) { /* line 161, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div { flex-basis: 100%; padding: 0 5px 0; margin: 0 0 30px; } }
/* line 165, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div:first-child { flex-basis: 100%; padding: 0; margin: 0 0 100px; }
@media all and (max-width: 767px) { /* line 165, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div:first-child { margin: 0 0 50px; } }
/* line 168, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.mediabox { flex-basis: 55%; padding: 0; }
/* line 169, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.mediabox p:last-child { margin-top: 0; }
/* line 170, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.mediabox img { border-radius: 10px; box-shadow: -5px 5px 25px rgba(0, 0, 0, 0.3); }
@media all and (max-width: 767px) { /* line 170, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.mediabox img { box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.3); } }
@media all and (max-width: 1023px) { /* line 168, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.mediabox { flex-basis: 50%; } }
@media all and (max-width: 767px) { /* line 168, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.mediabox { flex-basis: 100%; } }
/* line 177, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.textbox p:last-child { color: #bbb; font-size: .8em; margin-top: -25px; }
/* line 178, style.scss */
.v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.textbox h3 { color: #153877; margin: 25px 0; }
@media all and (max-width: 1023px) { /* line 178, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.textbox h3 { margin: 0 0 25px; } }
@media all and (max-width: 767px) { /* line 176, style.scss */
  .v_grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div.textbox { margin: 0 0 50px; text-align: center; } }

/* line 186, style.scss */
.pullup { position: relative; margin-bottom: 75px; transition-duration: 0.5s; transition-timing-function: ease-in-out; margin-top: -8vw; }
/* line 187, style.scss */
.pullup .wrapper_medium { padding: 50px 100px 75px; background: white; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 -30px 30px -20px rgba(0, 0, 0, 0.4); }
@media all and (max-width: 1279px) { /* line 187, style.scss */
  .pullup .wrapper_medium { max-width: calc(100% - 100px); } }
@media all and (max-width: 1023px) { /* line 187, style.scss */
  .pullup .wrapper_medium { padding: 50px 50px 0; } }
@media all and (max-width: 767px) { /* line 187, style.scss */
  .pullup .wrapper_medium { max-width: calc(100% - 50px); padding: 35px 25px 0; } }
@media all and (max-width: 1023px) { /* line 193, style.scss */
  .pullup .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; } }
@media all and (max-width: 1023px) { /* line 186, style.scss */
  .pullup { margin-top: -14vw; } }
@media all and (max-width: 767px) { /* line 186, style.scss */
  .pullup { margin-top: -22vw; margin-bottom: 50px; } }

/* line 199, style.scss */
#portfolio { padding-top: 15px; }
@media all and (max-width: 767px) { /* line 199, style.scss */
  #portfolio { padding-bottom: 10px; } }

/* line 202, style.scss */
.contactbox { background: #f6f6f6; }

/* line 205, style.scss */
form { box-sizing: content-box; background: white; padding: 50px 50px 5px; border-radius: 10px; box-shadow: -5px 5px 25px rgba(0, 0, 0, 0.3); }
/* line 206, style.scss */
form ul { margin: 0; padding: 0; }
/* line 207, style.scss */
form li { display: block; list-style-type: none; position: relative; clear: both; margin: 0 0 25px !important; padding: 0; }
/* line 208, style.scss */
form li:before { display: none !important; }
/* line 210, style.scss */
form select { -webkit-appearance: none; appearance: none; }
/* line 211, style.scss */
form input, form textarea, form select { width: 100%; border: 2px solid #00b9ff; border: none; border-radius: 5px; padding: 15px 20px !important; background-color: #f6f6f6; box-sizing: border-box; font-size: 19px !important; }
/* line 213, style.scss */
form input:hover, form textarea:hover { box-shadow: 0 0 0 2px #00b9ff; }
@media all and (max-width: 767px) { /* line 212, style.scss */
  form input, form textarea { padding: 5px 10px !important; } }
/* line 216, style.scss */
form textarea { height: 100px !important; }
@media all and (max-width: 1490px) { /* line 216, style.scss */
  form textarea { height: 80px; } }
@media all and (max-width: 767px) { /* line 216, style.scss */
  form textarea { height: 50px; } }
@media all and (max-width: 767px) { /* line 205, style.scss */
  form { padding: 25px; box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.2); } }

/* line 222, style.scss */
.gform_validation_container { display: none; }

/* line 223, style.scss */
input.wpcf7-submit { display: block; width: 200px; margin: 0 auto; border: none; background-color: #f26522; padding: 10px 20px; }
/* line 225, style.scss */
input.wpcf7-submit:hover { box-shadow: none; }

/* line 227, style.scss */
.gfield_description.validation_message { color: red; }

/* line 228, style.scss */
div#gform_confirmation_message_1 { text-align: center; margin: 75px 0 0; }

/* line 229, style.scss */
input:focus, textarea:focus { outline: none; }

/* line 230, style.scss */
.gfield_required { font-size: 14px; margin: 0 0 0 3px; color: #888; }

/* line 231, style.scss */
::-webkit-input-placeholder { color: #6a6a6a; font-family: 'Geologica', Arial, 'sans-serif'; }

/* line 232, style.scss */
::-moz-placeholder { color: #6a6a6a; font-family: 'Geologica', Arial, 'sans-serif'; }

/* line 233, style.scss */
:-ms-input-placeholder { color: #6a6a6a; font-family: 'Geologica', Arial, 'sans-serif'; }

/* line 234, style.scss */
:-moz-placeholder { color: #6a6a6a; font-family: 'Geologica', Arial, 'sans-serif'; }

/* line 235, style.scss */
input:focus::placeholder, textarea:focus::placeholder { color: transparent; }

@media all and (max-width: 767px) { /* line 237, style.scss */
  ::-webkit-input-placeholder { font-size: 16px; }
  /* line 238, style.scss */
  ::-moz-placeholder { font-size: 16px; }
  /* line 239, style.scss */
  :-ms-input-placeholder { font-size: 16px; }
  /* line 240, style.scss */
  :-moz-placeholder { font-size: 16px; } }
/* line 243, style.scss */
footer { padding: 15px 0; font-size: 0.7em; color: #bbb; }
/* line 244, style.scss */
footer a { color: #bbb; }

/*# sourceMappingURL=style.css.map */