/*
 Theme Name:   digitalorg
 Theme URI:
 Description:  Nekuda Corporate theme
 Author:       pvlnsnv
 Author URI:
 Template:     nekuda
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  digitalorg
*/
@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);


html {
    line-height: 1.15;
   /* 1 */
    -ms-text-size-adjust: 100%;
   /* 2 */
    -webkit-text-size-adjust: 100%;
   /* 2 */
   font-family: 'Open Sans Hebrew', sans-serif !important;

}
body {
    margin: 0;
}
article, aside, footer, header, nav, section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption, figure, main {
   /* 1 */
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
   /* 1 */
    height: 0;
   /* 1 */
    overflow: visible;
   /* 2 */
}
pre {
    font-family: monospace, monospace;
   /* 1 */
    font-size: 1em;
   /* 2 */
}
a {
    background-color: transparent;
   /* 1 */
    -webkit-text-decoration-skip: objects;
   /* 2 */
}
abbr[title] {
    border-bottom: none;
   /* 1 */
    text-decoration: underline;
   /* 2 */
    text-decoration: underline dotted;
   /* 2 */
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: bold !important;
}
code, kbd, samp {
    font-family: monospace, monospace;
   /* 1 */
    font-size: 1em;
   /* 2 */
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
   /* 1 */
    font-size: 100%;
   /* 1 */
    line-height: 1.15;
   /* 1 */
    margin: 0;
   /* 2 */
}
button, input {
   /* 1 */
    overflow: visible;
}
button, select {
   /* 1 */
    text-transform: none;
}
button, html [type="button"],
/* 1 */
[type="reset"], [type="submit"] {
    -webkit-appearance: button;
   /* 2 */
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
   /* 1 */
    color: inherit;
   /* 2 */
    display: table;
   /* 1 */
    max-width: 100%;
   /* 1 */
    padding: 0;
   /* 3 */
    white-space: normal;
   /* 1 */
}
progress {
    display: inline-block;
   /* 1 */
    vertical-align: baseline;
   /* 2 */
}
textarea {
    overflow: auto;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
   /* 1 */
    padding: 0;
   /* 2 */
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
   /* 1 */
    outline-offset: -2px;
   /* 2 */
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
   /* 1 */
    font: inherit;
   /* 2 */
}
details,
/* 1 */
menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.tc {
    text-align: center;
}
.fb {
    font-weight: bold;
}
.fm {
    font-weight: medium;
}

.fs-100 {
    font-size: 100px;
}
.fs-80 {
  font-size: 80px;
}
.fs-70 {
    font-size: 70px;
}
.fs-50 {
    font-size: 50px;
}
.fs-37 {
  font-size: 37px;
}
.fs-28 {
  font-size: 28px;
}
.fs-21 {
  font-size: 21px;
}



@media all and (min-width: 1200px ) {
   /*Paddings*/
    .pt-10 {
        padding-top: 10px;
   }
    .pb-10 {
        padding-bottom: 10px;
   }
    .pr-10 {
        padding-right: 10px;
   }
    .pl-10 {
        padding-left: 10px;
   }
    .ptb-10{
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .prl-10 {
        padding-right: 10px;
        padding-left: 10px
   }
    .pt-20 {
        padding-top: 20px;
   }
    .pb-20 {
        padding-bottom: 20px;
   }
    .pr-20 {
        padding-right: 20px;
   }
    .pl-20 {
        padding-left: 20px;
   }
    .ptb-20{
        padding-top: 20px;
        padding-bottom: 20px;
   }
    .prl-20 {
        padding-right: 20px;
        padding-left: 20px
   }
    .pt-30 {
        padding-top: 30px;
   }
    .pb-30 {
        padding-bottom: 30px;
   }
    .pr-30 {
        padding-right: 30px;
   }
    .pl-30 {
        padding-left: 30px;
   }
    .ptb-30{
        padding-top: 30px;
        padding-bottom: 30px;
   }
    .prl-30 {
        padding-right: 30px;
        padding-left: 30px
   }
   /* Margins */
    .mt-10 {
        margin-top: 10px;
   }
    .mb-10 {
        margin-bottom: 10px;
   }
    .mr-10 {
        margin-right: 10px;
   }
    .ml-10 {
        margin-left: 10px;
   }
    .mtb-10{
        margin-top: 10px;
        margin-bottom: 10px;
   }
    .mrl-10 {
        margin-right: 10px;
        margin-left: 10px
   }
    .mt-20 {
        margin-top: 20px;
   }
    .mb-20 {
        margin-bottom: 20px;
   }
    .mr-20 {
        margin-right: 20px;
   }
    .ml-20 {
        margin-left: 20px;
   }
    .mtb-20{
        margin-top: 20px;
        margin-bottom: 20px;
   }
    .mrl-20 {
        margin-right: 20px;
        margin-left: 20px
   }
    .mt-30 {
        margin-top: 30px;
   }
    .mb-30 {
        margin-bottom: 30px;
   }
    .mr-30 {
        margin-right: 30px;
   }
    .ml-30 {
        margin-left: 30px;
   }
    .mtb-30{
        margin-top: 30px;
        margin-bottom: 30px;
   }
    .mrl-30 {
        margin-right: 30px;
        margin-left: 30px
   }
}
@media all and (max-width: 1200px) {
   /*Paddings*/
    .pt-10 {
        padding-top: 1%;
   }
    .pb-10 {
        padding-bottom: 1%;
   }
    .pr-10 {
        padding-right: 1%;
   }
    .pl-10 {
        padding-left: 1%;
   }
    .ptb-10{
        padding-top: 1%;
        padding-bottom: 1%;
   }
    .prl-10 {
        padding-right: 1%;
        padding-left: 1%
   }
    .pt-20 {
        padding-top: 2%;
   }
    .pb-20 {
        padding-bottom: 2%;
   }
    .pr-20 {
        padding-right: 2%;
   }
    .pl-20 {
        padding-left: 2%;
   }
    .ptb-20{
        padding-top: 2%;
        padding-bottom: 2%;
   }
    .prl-20 {
        padding-right: 2%;
        padding-left: 2%
   }
    .pt-30 {
        padding-top: 3%;
   }
    .pb-30 {
        padding-bottom: 3%;
   }
    .pr-30 {
        padding-right: 3%;
   }
    .pl-30 {
        padding-left: 3%;
   }
    .ptb-30{
        padding-top: 3%;
        padding-bottom: 3%;
   }
    .prl-30 {
        padding-right: 3%;
        padding-left: 3%
   }
   /* Margins */
    .mt-10 {
        margin-top: 1%;
   }
    .mb-10 {
        margin-bottom: 1%;
   }
    .mr-10 {
        margin-right: 1%;
   }
    .ml-10 {
        margin-left: 1%;
   }
    .mtb-10{
        margin-top: 1%;
        margin-bottom: 1%;
   }
    .mrl-10 {
        margin-right: 1%;
        margin-left: 1%
   }
    .mt-20 {
        margin-top: 2%;
   }
    .mb-20 {
        margin-bottom: 2%;
   }
    .mr-20 {
        margin-right: 2%;
   }
    .ml-20 {
        margin-left: 2%;
   }
    .mtb-20{
        margin-top: 2%;
        margin-bottom: 2%;
   }
    .mrl-20 {
        margin-right: 2%;
        margin-left: 2%
   }
    .mt-30 {
        margin-top: 3%;
   }
    .mb-30 {
        margin-bottom: 3%;
   }
    .mr-30 {
        margin-right: 3%;
   }
    .ml-30 {
        margin-left: 3%;
   }
    .mtb-30{
        margin-top: 3%;
        margin-bottom: 3%;
   }
    .mrl-30 {
        margin-right: 3%;
        margin-left: 3%
   }
   .fs-100 {
     font-size: 8.5vw;
   }
   .fs-80 {
       font-size: 6.8vw;
   }
   .fs-70 {
    font-size: 6vw;
    }
    .fs-50 {
    font-size: 4.2vw;
    }
    .fs-28 {
        font-size: 2.4vw;
    }
}

.clear {
  clear: both;
}

header {
  padding: 10px 0;
}

header.sticky {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  background-color: white;
  z-index: 9999999999;
}

.not-found {
    position: relative;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    padding: 18% 0 17% 0;
}

.main-navigation {
    display: inline-block;
    height: 50px;
    width: auto;
    line-height: 50px;
    vertical-align: middle;
}

.main-navigation li {
  display: inline-block;
  vertical-align: top;
  position: relative;
 }
 /* .main-navigation li:after {
     content: '-';
     position: absolute;
     font-weight: bold;
     left: -5px;
     top: 0;
     font-size: 21px;
 } */
.main-navigation li:last-child:after {
  content: none;
}
 .main-navigation li a {
     font-size: 21px;
     color: #333333;
     font-weight: bold;
     display: block;
     padding: 0 10px;
     transition: color 0.2s ease-in;
     -o-transition: color 0.2s ease-in;
     -moz-transition: color 0.2s ease-in;
     -webkit-transition: color 0.2s ease-in;
     -ms-transition: color 0.2s ease-in;
 }
 .main-navigation li a:hover {
   color: #00e2fb;
 }
 .site-branding {
    margin-top: 5px;
    text-align: left;
}

.slider {
    position: relative;
    height: 31.5vw;
    min-height: 600px;
    margin-top: 70px;
}
/* .slider .n2-ss-slide {
  background-image: -moz-linear-gradient( 90deg, rgba(0,178,225,0.7) 0%, rgba(46,255,248,0.7) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,178,225,0.7) 0%, rgb(46,255,248,0.7) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,178,225,0.7) 0%, rgba(46,255,248,0.7) 100%);
} */

.trigger_popup.from_content {
    font-size: 28px;
    display: block;
    width: 30%;
    height: 70px;
    margin: 70px auto 0 auto;
    background-color: #f5a82c;
    line-height: 67px;
    border-radius: 40px;
    max-width: 300px;
    text-shadow: 0 0 0;
    color: white;
    font-weight: bold;
}

.slider .decor {
    background-image: url(img/Layer-3.png);
    position: absolute;
    width: 100%;
    bottom: -1px;
    right: 0;
    height: 149px;
    z-index: 99;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.slider .slogan {
    position: absolute;
    top: 10vw;
    right: 0;
    width: 100%;
    text-align: center;
    color: #262626;
    z-index: 9999999;
}
.slider .slogan h1 {
    color: inherit;
    font-weight: 900;
    color: #f5a82c;
    text-shadow: 6px 2px 7px rgba(12,5,3,0.9);
    margin-bottom: 20px;
}
.slider .slogan .box {
  color: inherit;
}
div#n2-ss-2 .n2-ss-slide {
    background-color: rgba(0,0,0,0.3);
}
.slider .slogan .box p {
    font-size: inherit;
    color: inherit;
    margin: 10px auto 0 auto;
    font-size: 38px;
    text-shadow: 6px 2px 7px rgba(12,5,3,0.9);
    color: white;
}
.slider .slogan .box a {
    font-size: 28px;
    color: inherit;
    display: block;
    width: 30%;
    height: 70px;
    margin: 0 auto;
    background-color: #f5a82c;
    line-height: 67px;
    border-radius: 40px;
    max-width: 300px;
    text-shadow: 0 0 0;
}
.section-one {
    background-position: bottom center;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: 77%;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    font-weight: 300;
}
.section-one p {
    font-size: inherit;
    color: #2d8e59;
}
.section-two {
    background-color: #f0f9fc;
    padding-bottom: 8%;
}
.section-two li {
    position: relative;
}
.section-two .hover {
    position: absolute;
    top: -5%;
    right: 0;
    z-index: 9;
    width: 90%;
    height: auto;
    opacity: 0;
    right: 5%;
    transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
}
.section-two .hover:hover {
  opacity: 1;
}
.section-two h2 {
    color: #f5a82c;
    margin: 5% 0 20px 0;
}
.section-two h3.sub-title {
    margin-bottom: 50px;
    font-size: 31px;
}
.section-two li {
    width: 33%;
    padding: 0 4%;
    display: inline-block;
    vertical-align: top;
    max-width: 410px;
    height: 250px;
    padding-top: 30px;
}

.section-two li p {
    font-size: 20px;
    margin-top: 20px;
    line-height: 30px;
}

.section-two li:nth-child(1) {

}
.section-two li:nth-child(2) {
    width: 21%;
    padding: 30px 0 0 0%;
    margin: 0 3%;
    max-width: 250px;
}
.section-two li:nth-child(3) {

}
.section-two li:nth-child(2) .hover {
    width: 98%;
    right: 1%;
    top: -20%;
}

.section-three {
    background-color: #f0f9fc;
    position: relative;
    height: auto;
    padding-top: 30px;
    padding-bottom: 10%;
}
.section-three img {
  margin-bottom: 20px;
}
.section-three .decor {
    background-image: url(img/Layer-4.png);
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-three .video {
    height: 500px;
    position: relative;
    z-index: 9;
    background-color: #1e1f1e;
    border-radius: 30px;
    overflow: hidden;
    padding: 0;
}
.section-three h3 {
  margin-bottom: 30px;
}
.section-four {
    position: relative;
    height: auto;
    background-color: #f0f9fc;

    padding-bottom: 7%;
}

.section-four .container {
  z-index: 999;
  position: relative;
}

.section-four::after {
    content: '';
    background-image: url(img/Ellipse-4-copy-91.jpg);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0.5;
    height: 50vw;
}
.section-four h3 {
  color: #2d8e59;
}
.section-four li .box {
    background-color: white;
    height: 300px;
    padding: 13% 12%;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.13);
    font-size: 21px;
}
.section-four li .box img {
  margin: 0 auto;
}
.section-four li .box h3{
  color: #333333;
}
.section-four li .box .decor {
    background-color: #345951;
    width: 70px;
    display: block;
    margin: 0 auto;
    height: 6px;
    position: relative;
    z-index: 9;
    margin-top: 10px;
}
.section-five {
    background-color: #f0f9fc;
    padding-bottom: 2%;
    padding-top: 5%;
}
.section-five p {
    font-size: 30px;
    line-height: 30px;
    font-family: 'Open Sans Hebrew', sans-serif !important;
}
.section-five img {
  width: 100%;
  height: auto;
}
.section-five h3 {
    color: #2d8e59;
    margin-bottom: 30px;
}
.section-five ul {
  list-style: disc;
}
.section-five li {
    width: 100%;
    text-align: right;
    font-size: 23px;
    padding: 10px 0;
    margin: 0 auto;
    max-width: 500px;
    font-family: 'Open Sans Hebrew', sans-serif !important;
}
.section-six.newsletters {
    max-width: 900px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    margin-top: -6.5%;
    padding: 3% 5% 2% 5%;
    border-radius: 15px;
    box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 22px 49px 0px rgba(0, 0, 0, 0.13);
    margin-bottom: 5%;
}

.section-six.newsletters form {
    width: 80%;
    position: relative;
    margin: 0 auto;
    min-height: 77px;
}
.section-six.newsletters form input {
  display: inline-block;
}
.section-six.newsletters form input[type="email"] {
    position: absolute;
    right: 0;
    width: 100%;
    border: 2px solid #f60066;
    border-radius: 40px;
    font-size: 28px;
    padding: 20px 20px;
    outline: none;
    padding-left: 34%;
}
.section-six.newsletters form input[type="submit"] {
  position: absolute;
  left: 0;
  width: 32%;
  background-color: #f60066;
  color: white;
  border: none;
  font-size: 32px;
  border-radius: 40px;
  padding: 20px;
  top: 0;
  outline: none;
}
.section-six.newsletters .notices {
    display: block;
    margin: 0 auto;
    width: 80%;
    text-align: right;
    padding: 0 30px;
    margin-top: 10px;
    color: #f60066;
}
.section-six.newsletters .loader {
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 9;
    display: none;
}
.section-seven {
    padding-bottom: 8%;
    overflow: hidden;
}
.section-seven h3 {
    color: #2d8e59;
    font-weight: bold;
}
.section-seven .signups {

}
.section-seven .signups li {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    margin: 2% 1%;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    min-height: 100px;
    border: 1px solid #2d8e59;
    min-width: 160px;
    cursor: pointer;
    color: #2d8e59;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    font-size: 0;
}
.toggled-url,.untoggled-url {
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
}

.untoggled-url {
  z-index: 99999999;
}


.section-seven .signups li:active {
  background-color: #f5a82c !important;
  transition: background-color 0s ease-in-out;
  transition: background-color 0s ease-in-out, color 0s ease-in-out;
  -webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out;
  -o-transition: background-color 0s ease-in-out, color 0s ease-in-out;
  -moz-transition: background-color 0s ease-in-out, color 0s ease-in-out;
}
.section-seven .signups li:hover {
  background-color: #2d8e59;
  color: white;
}

.section-seven .signups li::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100px;
    width: 0;
    background-color: aqua;
}
.section-seven .signups li .box-cont {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 18px;
}

.section-seven .signups li.active {
  background-color: #2d8e59;
  color: white;
}

.section-seven .signups li a {
    color: #2d8e59;
    position: relative;
    padding: 5% 9%;
    text-align: center;
    display: none;
    font-size: 20px;
}
.section-seven .signups li .colored {
    background-color: #f0f9fc;
    padding: 30px 0;
    margin-bottom: 10%;
}

.section-eight {
    position: relative;
    margin-top: 0;
    padding: 5% 0 70px 0;
}

.section-eight .decor {
    background-image: url(img/Group-11.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 540px;
}
.section-eight .r{
  float: right;
  width: 48%;
}

.section-eight .l{
  float: left;
  width: 48%;
}

.section-eight h3 {
    position: relative;
    color: #2d8e59;
    font-size: 40px;
}

.section-eight .box {
    background-color: white;
    border-radius: 30px;
    position: relative;
    padding: 4% 8% 8% 8%;
    margin-top: 0;
    box-shadow: 0px 45px 136.5px 13.5px rgba(139, 156, 167, 0.25);
    -webkit-box-shadow: 0px 45px 136.5px 13.5px rgba(139, 156, 167, 0.25);
    -moz-box-shadow: 0px 45px 136.5px 13.5px rgba(139, 156, 167, 0.25);
}
.wpcf7 {}
.wpcf7 input {
    background-color: transparent;
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 15px 0 15px 20px;
    font-family: inherit!important;
    margin-bottom: 10px;
    outline: none;
    border: none;
    border-bottom: 2px solid #757575;
    font-weight: bold;
}
.wpcf7 input[type='email'] {
  margin-bottom: 0;
}
.wpcf7 textarea {
    background-color: #f0f9fc;
    display: block;
    width: 100%;
    border-radius: 30px;
    border: none;
    padding: 15px 20px;
    font-family: inherit !important;
    height: 140px;
    margin-bottom: 7%;
    outline: none;
}
.wpcf7 input[type='submit'] {
    background-color: #f5a82c;
    font-size: 28px;
    color: white;
    font-weight: bold;
    width: 270px;
    margin: 0 auto;
    display: block;
    margin-bottom: 0;
    border-radius: 30px;
    margin-top: 30px;
    border: none;
    padding-right: 20px;
}
.wpcf7 .checkbox-664 {
    float: none;
    width: 100%;
    text-align: right;
}
.wpcf7 input[type='checkbox'] {
  float: right;
  width: auto;
  margin-left: 10px;
  margin-bottom: 0;
}

.social-navigation {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -100px;
}
.social-navigation .reader{display: none}
.social-navigation li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}
.social-navigation li a {
  display: block;
  width: 100%;
  height: 100%;
}
.section-nine {
    padding-bottom: 5%;
}
.section-nine h4{
  color: #00b2e1;
}
.section-nine .slick-slide img{
  margin: 0 auto;
  display: block;
}
footer {

    background-color: #e3ecef;
    padding: 10px 0;

}
footer .copyright {
  color: #333333;
  font-weight: bold;
  float: left;
  box-sizing: border-box;


}

footer .copyright .nekuda {
    /* background-color: #85898a; */
    padding: 5px 20px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

footer .copyright .nekuda img {
    width: 110px;
    margin: 0 auto;
  /*  display: block; */
}

footer .copyright a {
    display: inline-block;
    color: inherit;
}


.more-contacts {

}
.more-contacts p {
    font-size: 25px;
    line-height: 30px;
    color: #2d8e59;
}
.more-contacts a {
  color: #f5a82c;
}

.slick-dots {}
.slick-dots li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #a1a5a7;
    margin: 0 2px;
    vertical-align: top;
}
.slick-dots button{
  display: none;
}

.slick-dots li.slick-active {
  background-color: #a1a5a7;
}
.wpcf7-form-control-wrap {
    display: block;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 100%;
    text-align: right;
}

.responsive_join {
  font-size: 20px;
  color: inherit;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f60066;
  line-height: 47px;
  border-radius: 70px;
  max-width: 160px;
  text-align: center;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    right: 0;
    text-align: center;
    display: none;
}
.popup .box {
    max-width: 700px;
    margin: 0 auto;
    background-color: white;
    margin-top: 20%;
    display: block;
    padding: 4% 2%;
    position: relative;
}

.popup .box form {}

.popup .box form input{

}
.popup .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-color: #00e2fb;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}
.popup .close:after {
  content: 'X';
  color: white;
}
button#responsive-menu-button {
  border-radius: 50%;
}



@media all and (max-width:1200px) {
  .section-two li:nth-child(2) .hover {
    top: -15%;
  }
  .section-two .hover {
    top: -3%;
  }

  .slider .decor {
    background-size: contain;
  }
  .section-seven .signups li {
      margin: 0 2%;
      width: 45%;
  }

}

@media all and (max-width:960px) {
  .slider .slogan h1 {
    font-size: 60px;
  }
  .slider .slogan .box p {
    font-size: 24px;
  }
}

@media all and (max-width:780px) {
  .fs-80 {
      font-size: 8.2vw;
  }
  .fs-50 {
      font-size: 5.2vw;
  }
  .fs-28 {
      font-size: 3.4vw;
  }
  .site-branding {
      text-align: center;
      margin-bottom: 20px;
  }
  .section-two h3.sub-title {
    margin-bottom: 20px;
    font-size: 23px;
}
  .section-one {
      font-size: 6vw;
      line-height: 7vw;
      padding: 15% 10px;
  }
  .section-two {
    padding-bottom: 8%;
    padding-top: 8%;
  }

  .section-three {
      padding-top: 8%;
      padding-bottom: 11%;
  }
  .section-five {
      background-color: #f0f9fc;
      padding-bottom: 2%;
      padding-top: 8%;
      padding-right: 10px;
      padding-left: 10px;
  }
  .trigger_popup.from_content {
        margin: 4% auto 0 auto;
  }
  .join {
    margin: auto;
    display: block;
  }
  .section-two li {
      width: 50%;
      display: block;
      margin: 0 auto;
      min-width: 310px;
      height: auto;
  }
  .section-two li:nth-child(2) .hover {
      top: -15%;
  }
  .section-two li:nth-child(2) {
      width: 31%;
      display: block;
      margin: 10px auto;
      min-width: 200px;
  }
  .section-four li .box {
    margin-bottom: 60px;
    padding: 10%;
    margin-right: 15px;
    margin-left: 15px;
}
  .section-four li .box img {
    margin-bottom: 10px;
  }
  .slider .slogan .box a {
    width: 100%
  }
  .section-five li {
      max-width: 400px;
  }
  .section-seven {
      padding-top: 5%;
      padding-left: 10px;
      padding-right: 10px;
  }
  .section-seven .signups li {
      margin: 0 2%;
      width: 32%;
      margin: 0 auto;
      margin-bottom: 7%;
      min-width: 20%;
      min-height: 130px;
  }

  .section-seven .signups li a {
    right: 20%;
    padding: 2% 9%;
  }
  .section-five img {
    margin-top: 30px;
  }
  .section-eight .r , .section-eight .l {
    width: 100%;
  }
  .wpcf7 input {
    margin-bottom: 10px;
  }
  .wpcf7 textarea {
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .wpcf7 .checkbox-664 {
      width: 100%;
      margin-bottom: 10px;
  }
  .wpcf7 input[type='submit'] {
      width: 100%;
  }
  .slider .slogan {
      top: 30vw;
      padding-right: 10px;
      padding-left: 10px;
  }
  .section-eight .decor {
    height: 100%;
    background-size: cover;
  }
  .section-two .hover {
      top: 0;
      opacity: 1;
      margin: 0 auto;
      position: relative;
      display: block;
      right: auto;
      margin-top: 20px;
  }
  .section-six.newsletters {
    padding-right: 1%;
    padding-left: 1%;
  }
  .section-six.newsletters form {
    width: 95%;
  }

}
@media all and (max-width:580px) {
  .fs-100 {
    font-size: 13.5vw;
  }
  .fs-80 {
      font-size: 11.2vw;
  }
  .fs-70 {
    font-size: 8vw;
  }
  .fs-50 {
    font-size: 7vw;
  }
  .fs-28 {
    font-size: 4vw;
  }
  .slider .slogan .box a {
    width: 100%;
    max-width: 230px;
    font-size: 22px;
    height: 60px;
    line-height: 59px;
    margin-top: 30px;
  }


  .section-three .video {
    height: 300px;
  }
  .section-four li .box {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 60px;
}
}

@media all and (max-width:480px) {
  .fs-28 {
      font-size: 6.4vw;
  }
  .fs-80 {
    font-size: 18.2vw;
  }
  .slider .slogan {
      top: 20vw;
  }
  .section-one {
      font-size: 6vw;
      line-height: 36px;
  }
  .section-seven .signups li a {
    right: 20%;
  }
  .section-eight h3 {
    font-size: 32px;
  }
  .section-seven p {
    font-size: 20px;
  }
  .slider .slogan h1 {
    font-size: 40px;
  }
  .section-five li {
      font-size: 22px;
      margin-right: 30px;
      width: 90%;
  }
  .social-navigation li {
    margin: 0 0px;
  }
  .section-six.newsletters form input[type="submit"] {
      font-size: 22px;
  }
  .section-six.newsletters form input[type="email"] {
      padding: 15px 10px;
  }

  .trigger_popup.from_content {
    width: 70%;
  }
  .section-five p {
      font-size: 20px;
      line-height: 30px;
  }
}

