/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic 	- Normalize 	- Box sizing # Base 	- Typography 	- Elements 	- Links 	- Forms ## Layouts # Components 	- Navigation 	- Posts and pages 	- Comments 	- Widgets 	- Media 	- Captions 	- Galleries # plugins 	- Jetpack infinite scroll # Utilities 	- Accessibility 	- Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document 	 ========================================================================== */ /**  * 1. Correct the line height in all browsers.  * 2. Prevent adjustments of font size after orientation changes in iOS.  */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}


/* Sections 	 ========================================================================== */ /**  * Remove the margin in all browsers.  */
body {
    margin: 0 !important;
}

/**  * Render the `main` element consistently in IE.  */
main {
    display: block;
}

/**  * Correct the font size and margin on `h1` elements within `section` and  * `article` contexts in Chrome, Firefox, and Safari.  */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content 	 ========================================================================== */ /**  * 1. Add the correct box sizing in Firefox.  * 2. Show the overflow in Edge and IE.  */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**  * 1. Correct the inheritance and scaling of font size in all browsers.  * 2. Correct the odd `em` font sizing in all browsers.  */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics 	 ========================================================================== */ /**  * Remove the gray background on active links in IE 10.  */
a {
    background-color: transparent;
}

/**  * 1. Remove the bottom border in Chrome 57-  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.  */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**  * Add the correct font weight in Chrome, Edge, and Safari.  */
b, strong {
    font-weight: bolder;
}

/**  * 1. Correct the inheritance and scaling of font size in all browsers.  * 2. Correct the odd `em` font sizing in all browsers.  */
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**  * Add the correct font size in all browsers.  */
small {
    font-size: 80%;
}

/**  * Prevent `sub` and `sup` elements from affecting the line height in  * all browsers.  */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content 	 ========================================================================== */ /**  * Remove the border on images inside links in IE 10.  */
img {
    border-style: none;
}

/* Forms 	 ========================================================================== */ /**  * 1. Change the font styles in all browsers.  * 2. Remove the margin in Firefox and Safari.  */
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**  * Show the overflow in IE.  * 1. Show the overflow in Edge.  */
button, input {
    overflow: visible;
}

/**  * Remove the inheritance of text transform in Edge, Firefox, and IE.  * 1. Remove the inheritance of text transform in Firefox.  */
button, select {
    text-transform: none;
}

/**  * Correct the inability to style clickable types in iOS and Safari.  */
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

/**  * Remove the inner border and padding in Firefox.  */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**  * Restore the focus styles unset by the previous rule.  */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**  * Correct the padding in Firefox.  */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**  * 1. Correct the text wrapping in Edge and IE.  * 2. Correct the color inheritance from `fieldset` elements in IE.  * 3. Remove the padding so developers are not caught out when they zero out  *		`fieldset` elements in all browsers.  */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**  * Add the correct vertical alignment in Chrome, Firefox, and Opera.  */
progress {
    vertical-align: baseline;
}

/**  * Remove the default vertical scrollbar in IE 10+.  */
textarea {
    overflow: auto;
}

/**  * 1. Add the correct box sizing in IE 10.  * 2. Remove the padding in IE 10.  */
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**  * Correct the cursor style of increment and decrement buttons in Chrome.  */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**  * 1. Correct the odd appearance in Chrome and Safari.  * 2. Correct the outline style in Safari.  */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**  * Remove the inner padding in Chrome and Safari on macOS.  */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**  * 1. Correct the inability to style clickable types in iOS and Safari.  * 2. Change font properties to `inherit` in Safari.  */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive 	 ========================================================================== */ /*  * Add the correct display in Edge, IE 10+, and Firefox.  */
details {
    display: block;
}

/*  * Add the correct display in all browsers.  */
summary {
    display: list-item;
}

/* Misc 	 ========================================================================== */ /**  * Add the correct display in IE 10+.  */
template {
    display: none;
}

/**  * Add the correct display in IE 10.  */
[hidden] {
    display: none;
}

/* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */
body, button, input, select, optgroup, textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements --------------------------------------------- */
body {
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

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

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    max-width: 100%;
}

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

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links --------------------------------------------- */
a {
    color: #0080FF;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

/* buttons --------------------------------------------- */
.btn {
    border-radius: 35px;
    background-color: #0080FF;
    box-shadow: 0 8px 32px 0 rgba(0, 84, 166, 0.1), 0 4px 16px 0 rgba(0, 84, 166, 0.2);
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    min-width: 228px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 25px;
    transition: all .5s ease;
}

.btn:hover {
    box-shadow: 0 18px 32px 0 rgba(0,84,166,0.2), 0 4px 16px 0 rgba(0,84,166,0.3);
    text-decoration: none ;
}

.btn-lg {
    padding: 27px 74px 25px;
}

/* Forms --------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages --------------------------------------------- */
.sticky {
    display: block;
}

.post, .page {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments --------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets --------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media --------------------------------------------- */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions --------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries --------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Alignments --------------------------------------------- */
.alignleft { /*rtl:ignore*/
    float: left; /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright { /*rtl:ignore*/
    float: right; /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
    text-align: center;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* MAIN PAGE  */

.wrapper {
    position:relative;
    overflow: hidden;
}
.container {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

.bg-oval {
    background: url("../images/oval.png") no-repeat 0 200px;
}

.section1 {
    position: relative;
}

.section1 .orange-small-circle {
    height: 30px;
    width: 30px;
    transform: scaleY(-1);
    background-color: #FF7400;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 150px;
    top: 387px;
}

.section1 .blue-large-circle {
    height: 92px;
    width: 92px;
    background-color: #0080FF;
    box-shadow: -22px 35px 30px 0 rgba(4, 116, 227, 0.1);
    border-radius: 100%;
    display: block;
    position: absolute;
    left: -30px;
    top: 583px;
}

.section1 .blue-small-circle {
    height: 13px;
    width: 13px;
    background-color: #0080FF;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 130px;
    top: 536px;
}

/* tabs  */
.tabs {
    margin-top: 20px;
    padding: 0 20px;
}

.tabs input {
    display: none;
}

.tabs label {
    border: 4px solid rgba(224, 224, 224, 0.5);
    border-radius: 17px;
    background-color: #FFFFFF;
    padding: 35px 25px;
    line-height: 1;
    width: 46%;
    text-align: center;
    margin: 0 1.5%;
    display: inline-block;
    text-transform: uppercase;
    color: #353535;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 2.4px;
    text-decoration: none;
    position: relative;
}

.tabs label:hover {
    cursor: pointer;
}

.tabs input:checked + label {
    border: 4px solid #0080FF;
    border-radius: 17px;
    background-color: #FFFFFF;
    box-shadow: 0 8px 32px 0 rgba(0, 75, 149, 0.1);
    color: #353535;
}

.tabs input:checked + label:before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-image: url('data:image/png;base64,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');
    background-size: cover;
}

.tabs input:checked + label.tab2 {
    border: 4px solid #00FFFF;
}

.tabs input:checked + label.tab2:before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-image: url('../images/iccheck-turquois.png');
    background-size: cover;
}

.tabs #tab1:checked ~ .content-tabs #content1-tab, .tabs #tab2:checked ~ .content-tabs #content2-tab {
    opacity: 1;
    position: relative;
}

.tabs .content-tabs > div {
   opacity: 0;
    position: absolute;
}

.sub_title {
    color: #0080FF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    margin-bottom: 20px
}

.title {
    color: #353535;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 4px;
    line-height: 51px;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.inner_block {
    border-radius: 74px;
    background-color: #FFFFFF;
    box-shadow: 0 14px 32px 0 rgba(0, 75, 149, 0.1);
    margin: 0 20px;
    padding: 30px 20px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    min-height: 224px;
    height: auto;
}

.metrics_blocks {
    display: flex;
    justify-content: space-between;
}

.slick-track {
    display: flex;
    justify-content: flex-start;
}

.navigation-post {
    padding: 45px 0;
    border-top: 1px solid rgba(224,224,224,.4);
    border-bottom: 1px solid rgba(224,224,224,.4);
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

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

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

.link-nav {
    color: rgba(0,128,255,1);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    text-decoration: none;
    position: relative;
}

.link-nav.next {
    padding-right: 30px;
}

.link-nav.prev {
    padding-left: 30px;
}

.link-nav:after {
    content: '';
    width: 18px;
    height: 12px;
    position: absolute;
    top: 3px;
    transition: all 0.3s ease;
}

.link-nav.next:after {
    background: url("../images/icon@1x.svg");
    background-size: cover;
    right: 0;
}

.link-nav.prev:after {
    background: url("../images/icon@1x.svg");
    background-size: cover;
    left: 0;
    transform: rotate(-180deg);
}

.link-nav:hover:after {
    margin-left: -5px;
}

.link-nav.prev:hover:after {
    margin-left: -5px;
}

.link-nav.next:hover:after {
    margin-right: -5px;
}

.prev-link {
    padding-top: 30px;
}

.social-block {
    color: rgba(53,53,53,1);
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    padding: 40px 0;
}

.social-block ul {
    margin: 0;
    padding: 0;
}

.single-page  .social-block ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}

.single-page  .social-block ul li:before {
    display: none;
}

@media screen and (min-width: 1025px) {
    .metrics_blocks {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }

    .slick-list {
        width: 100% !important;
    }

    .slick-track {
        width: 100% !important;
    }

    .inner_block {
        min-width: calc(25% - 40px);
    }
}

.inner_block span {
    color: #0080FF;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: 5px;
    line-height: 64px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.tabs #tab2:checked ~ .content-tabs #content2-tab .inner_block span {
    color: #00FFFF;
}

.inner_block p {
    margin: 0;
}

.informatio {
    max-width: 500px;
    margin: 50px auto 40px;
    color: rgba(5, 5, 5, 0.6);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.questions_block {
    border-radius: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 12px 32px 0 rgba(0, 128, 255, 0.1);
    padding: 30px 45px;
    list-style: none;
    margin: 0 10px;
}

.questions_block ul {
    margin: 0 0 46px;
    padding: 0;
}

.questions_block li {
    padding: 30px 0;
    border-bottom: 1px solid rgba(224,224,224,.4);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    list-style: none;
    color: #0080FF;
}

.questions_block li a {
    display: block;
    font-size: 20px;
    color: #353535;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    padding-right: 45px;
    background: url("../images/ic_Arrow.png") no-repeat  100% 50%;
}

.questions_block li a:hover {
    color: #353535;
    background: url("../images/ic_Arrow-hover.png") no-repeat  100% 50%;
}

.btn-more {
    font-size: 16px;
    color: #0080FF;
    text-decoration: none;
    font-weight: bold;
}

.btn-more:hover {
    text-decoration: underline;
}

.section2 {
    padding: 130px 0 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.section2 .title {
    margin-bottom: 25px;
}

.section2 .informatio {
    margin-top: 0;
}

.section2:after {
    height: 99px;
    width: 99px;
    background-color: #0080FF;
    content: '';
    position: absolute;
    top: 169px;
    right: -50px;
    border-radius: 100%;
}

.section3 {
    padding: 100px 0;
    color: rgba(5, 5, 5, .6);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    background: url("../images/oval-right.png") no-repeat 100% 154px;
    position: relative;
}

.section3 .orange-small-circle {
    height: 30px;
    width: 30px;
    transform: scaleY(-1);
    background-color: #FF7400;
    box-shadow: -10px 14px 23px 0 rgba(255, 116, 0, 0.1);
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 30px;
    top: 363px;
}

.section3 .blue-big-circle {
    height: 30px;
    width: 30px;
    background-color: #0080FF;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 136px;
    top: 465px;
}

.section3 a:hover {
    text-decoration: underline;
}

.section3 .foot_title {
    padding-bottom: 37px;
    color: #353535;
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 6px;
    line-height: 72px;
    text-align: center;
    text-transform: uppercase;
}

.section3 .foot_title em {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 4px;
    line-height: 56px;
    font-style: normal;
}

.section3 .foot_title span {
    display: inline-block;
    color: #0080FF
}

.section3 .foot_title strong {
    color: #FF7400;
    background: #353535;
    padding: 0 20px 4px;
    white-space: nowrap;
}

.section-privacy {
    position: relative;
    margin-top: 50px;
}

.section-privacy .orange-small-circle {
    height: 25px;
    width: 25px;
    transform: scaleY(-1);
    background-color: #FF7400;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 99px;
    top: 457px;
}

.section-privacy .blue-big-circle {
    height: 51px;
    width: 50px;
    background-color: #0080FF;
    box-shadow: 16px 19px 30px 0 rgba(4, 116, 227, 0.2);
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 149px;
    bottom: -50px;
}

.section-privacy .container {
    padding: 40px 72px 15px;
    position: relative;
}

.section-privacy .container:before {
    content: '';
    position: absolute;
    opacity: .1;
    border-radius: 100px;
    background-color: #00FFFF;
    top: 0;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: -1;
}

.section-privacy .inner_block {
    width: 33%;
    padding: 40px;
    align-items: start;
    margin-bottom: 40px;
    justify-content: center;
}

.inner_block.slick-slide {
    margin-bottom: 40px;
    margin-top: 10px;
}

.section-how-it-works {
    margin-top: 130px;
    position: relative;
}

.section-how-it-works .orange-small-circle {
    height: 20px;
    width: 20px;
    transform: scaleY(-1);
    background-color: #FF7400;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 167px;
    top: 160px;
}

.section-how-it-works .blue-big-circle {
    height: 40px;
    width: 40px;
    background-color: #0080FF;
    box-shadow: 16px 19px 30px 0 rgba(4, 116, 227, 0.2);
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 87px;
    top: 83px;
}

.section-how-it-works .inner {
    padding-left: 130px
}

ul.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: li;
}

ul.accordion li {
    margin-bottom: 60px;
    list-style-type: none;
    padding-left: 72px;
    position: relative;
}

ul.accordion li:before {
    content: "0" counter(li);
    counter-increment: li;
    position: absolute;
    left: 0;
    top:0;
    font-size: 24px;
    color: #0080FF;
    font-weight: bold;
}

.accordion .accordion-inner {
    overflow: hidden;
    display: none;
}

.accordion li:after {
    height: 0;
    width: 4px;
    background: #0080FF;
    position: absolute;
    top: 0;
    left: 46px;
    transition: all .6s ease;
    content: '';
}

.accordion h3.toggle {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    color: #0080FF;
    cursor: pointer;
}

.accordion li.swiper-slide-thumb-active:before, .accordion li.swiper-slide-thumb-active h3.toggle {
    color: #353535;
}

.accordion li.show-content2:after, .accordion li.swiper-slide-thumb-active:after {
    height: 100%;
}

.swiper-slide-thumb-active .accordion-inner {
    display: block;
}

.accordion p {
    margin: 0 0 16px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.section-how-it-works .inner {
    display: flex;
    align-items: center;
}

.section-how-it-works .inner .accordion {
    margin-left: 60px;
    width: 65% ;
}

/* 	swipper  */
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 700px;
    width: 386px ;
}

.gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
    height: 100%;
    max-width: 600px;
}

.gallery-thumbs .swiper-wrapper {
    display: flex;
    flex-direction: column;
}

.gallery-thumbs .swiper-slide {
    width: 100% ;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/* subscribe section  */
.subscribe-section {
    padding: 277px 0 104px;
    background: rgba(0, 128, 255, .1);
    text-align: center;
    margin-top: -170px;
    position: relative;
    z-index: 1;
    color: rgba(53, 53, 53, .6);
}

.subscribe-section:before {
    height: 111px;
    width: 111px;
    background-color: #0080FF;
    box-shadow: -21px 33px 47px 0 rgba(0, 128, 255, 0.2);
    border-radius: 100%;
    content: '';
    position: absolute;
    bottom: 107px;
    left: 94px;
}

.subscribe-section:after {
    height: 25px;
    width: 25px;
    transform: scaleY(-1);
    background-color: #FF7400;
    border-radius: 100%;
    content: '';
    position: absolute;
    right: 85px;
    top: 123px;
}

.subscribe-section .title {
    margin-bottom: 22px;
}

.subscribe-section .field {
    border-radius: 9px;
    background-color: #FFFFFF;
    box-shadow: 0 12px 32px 0 rgba(0, 128, 255, .1);
    max-width: 618px;
    margin: 0 auto;
    position: relative;
}

.subscribe-section .field input {
    background: none;
    border: none;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
    padding: 30px 80px 30px 40px;
    outline: none;
}

.subscribe-section .field input:-webkit-autofill,
.subscribe-section .field input:-webkit-autofill:hover,
.subscribe-section .field input:-webkit-autofill:focus,
.subscribe-section .field input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
}

.subscribe-section .field .btn-send {
    position: absolute;
    right: 20px;
    top: 20px;
    border: none;
    cursor: pointer;
    background: url("../images/ic_arrow.svg") no-repeat 0 0;
    height: 48px;
    width: 60px;
    font-size: 0;
    padding: 0;
}

div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: -16px;
    left: 50%;
}

@keyframes shake-slow {
    71% {
        transform: translate(0%, -50%) rotate(0deg)
    }
    72% {
        transform: translate(calc(0% + 2px), calc(-50% - 2px)) rotate(3.5deg)
    }
    73% {
        transform: translate(calc(0% + 7px), calc(-50% + 3px)) rotate(-.5deg)
    }
    74% {
        transform: translate(calc(0% + 6px), calc(-50% + 3px)) rotate(.5deg)
    }
    75% {
        transform: translate(calc(0% + 2px), calc(-50% - 8px)) rotate(1.5deg)
    }
    76% {
        transform: translate(calc(0% + 1px), calc(-50% - 2px)) rotate(3.5deg)
    }
    77% {
        transform: translate(calc(0% - 7px), calc(-50% - 6px)) rotate(3.5deg)
    }
    78% {
        transform: translate(calc(0% - 6px), calc(-50% - 6px)) rotate(3.5deg)
    }
    79% {
        transform: translate(calc(0% + 10px), calc(-50% - 9px)) rotate(-1.5deg)
    }
    80% {
        transform: translate(calc(0% + 8px), calc(-50% - 8px)) rotate(3.5deg)
    }
    81% {
        transform: translate(calc(0% - 9px), calc(-50% + 5px)) rotate(.5deg)
    }
    82% {
        transform: translate(calc(0% - 3px), calc(-50% - 9px)) rotate(1.5deg)
    }
    83% {
        transform: translate(calc(0% + 3px), calc(-50% + 1px)) rotate(1.5deg)
    }
    84% {
        transform: translate(calc(0% - 9px), calc(-50% + 6px)) rotate(2.5deg)
    }
    85% {
        transform: translate(calc(0% + 7px), calc(-50% - 9px)) rotate(2.5deg)
    }
    86% {
        transform: translate(calc(0% + 3px), calc(-50% - 5px)) rotate(1.5deg)
    }
    87% {
        transform: translate(calc(0% - 8px), calc(-50% - 9px)) rotate(-1.5deg)
    }
    88% {
        transform: translate(calc(0% - 9px), calc(-50% - 1px)) rotate(1.5deg)
    }
    74% {
        transform: translate(calc(0% - 4px), calc(-50% - 3px)) rotate(2.5deg)
    }
    89% {
        transform: translate(calc(0% + 3px), calc(-50% + 1px)) rotate(-.5deg)
    }
    90% {
        transform: translate(calc(0% + 8px), calc(-50% + 0)) rotate(2.5deg)
    }
    91% {
        transform: translate(calc(0% + 10px), calc(-50% - 6px)) rotate(2.5deg)
    }
    92% {
        transform: translate(calc(0% + 2px), calc(-50% - 2px)) rotate(3.5deg)
    }
    94% {
        transform: translate(calc(0% + 7px), calc(-50% + 10px)) rotate(2.5deg)
    }
    96% {
        transform: translate(calc(0% + 2px), calc(-50% - 2px)) rotate(-.5deg)
    }
    98% {
        transform: translate(calc(0% - 1px), calc(-50% - 5px)) rotate(3.5deg)
    }
    0%, 100% {
        transform: translate(0%, -50%) rotate(0)
    }
}


/* 	hero section  */
.hero-section {
    padding: 138px 0 60px;
    margin-bottom: 100px;
}

.hero-section .container {
    position: relative;
    min-height: 500px;
}

.hero-video {
    background: url("../images/whole-illustration.png") no-repeat 85% 50%;
    background-size: cover;
    width: 492px;
    height: 492px;
    position: absolute;
    right: -88px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.hero-video:before {
    content: '';
    background: url("../images/trianglе.svg") no-repeat center center;
    height: 85px;
    width: 90px;
    top: 50%;
    left: 40%;
    position: absolute;
    background-size: contain;
    transform: translate(-50%, -50%);
    animation-name: shake-slow;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.hero-text {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.hero-text h1 {
    position: relative;
    z-index: 1;
    width: 50%;
}

.hero-text p {
    width: 50%;
    margin-bottom: 20px;
}

.btn-row {
    padding-top: 20px;
    text-align: center;
}

.hero-text .btn-row {
    padding-top: 80px;
    text-align: left;
}

.btn-row a {
    margin-right: 30px;
}

.hero-text h1 {
    color: #353535;
    font-size: 75px;
    font-weight: 900;
    letter-spacing: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 70px;
}

.blog-page-hero {
    text-align: center;
    padding-bottom: 70px;
}

.blog-page-hero  p {
    color: rgba(5,5,5,0.6);
}

.blog-page-hero .title {
    margin-bottom: 20px;
}

/* 	header  */
.header {
    padding: 12px 0;
    box-shadow: inset 0 -1px 0 0 rgba(224, 224, 224, 0.5);
    margin-bottom: 30px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1200;
}

.header .container .frame {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .container .frame h1 {
    line-height: 0;
    margin: 0;
}

.header .container .frame .nav-menu ul,
.header .container .frame .nav-menu {
    margin: 0;
    padding: 0;
    display: flex;
}

.header .container .frame .nav-menu ul li,
.header .container .frame .nav-menu li {
    list-style: none;
    padding: 0 0 0 56px;
    margin: 0;
}

.header .container .frame .nav-menu ul li a,
.header .container .frame .nav-menu li a {
    color: #353535;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    text-decoration: none;
}

.header .container .frame .nav-menu ul li a:hover,
.header .container .frame .nav-menu li a:hover {
    text-decoration: underline;
}

/*         footer      */
.footer {
    box-shadow: inset 0 1px 0 0 rgba(224, 224, 224, .5);
}

.footer .container .frame {
    display: flex;
    justify-content: space-between;
}

.footer .container .frame h4 {
    color: #353535;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1.6px;
    line-height: 19px;
    margin: 0 0 30px;
}

.social-column, .app-column {
    border-left: 1px solid rgba(224, 224, 224, .5);
    padding: 48px 60px;
}

.app-column {
    padding-right: 15px;
}

.app-column a {
    display: block;
    width: 165px;
}

.social-column a {
    color: #353535;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-decoration: none;
}

.social-column ul {
    margin: 30px 0 0;
    padding: 0;
}

.social-column ul li {
    list-style: none;
    display: inline-block;
    margin-left: -10px;
}

.main-column {
    padding-top: 48px;
    width: 100%;
    max-width: 625px;
}

.main-column h4 {
    text-transform: none;
}

.footer .container .frame .footer-nav ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.footer .container .frame .footer-nav ul li {
    list-style: none;
    padding: 0 40px 0 0;
    margin: 0;
}

.footer .container .frame .footer-nav ul li a {
    color: #353535;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}

.footer .container .frame .footer-nav ul li a:hover {
    text-decoration: underline;
}

.footer .copy {
    color: rgba(5, 5, 5, .6);
    font-size: 16px;
    line-height: 19px;
    margin-top: 60px;
}

.post-container {
    display: flex;
    align-items: center;
    margin-bottom: 64px;
}

.post-container .entry-thumbnail {
    flex: 0 0 630px;
    max-width: 630px;
    max-height: 386px;
    position: relative;
    overflow: hidden;
}

.post-container .entry-thumbnail img {
    width:100%;
}

.post-container .post-entry {
    border-radius: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 12px 32px 0 rgba(0, 128, 255, .1);
    padding: 32px;
    color: #353535;
    font-size: 16px;
    line-height: 24px;
    margin-left: -70px;
    z-index: 1;
}

.post-entry.single {
    border-radius: 16px;
    background-color: #FFFFFF;
    box-shadow: 0 12px 32px 0 rgba(0, 128, 255, 0.1);
    padding: 32px;
    color: #353535;
    font-size: 16px;
    line-height: 24px;
}

.post-entry .entry-title {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    color: #353535;
    text-decoration: none;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.post-entry .entry-title a {
    display: block;
}

.single-page .post-entry .entry-title {
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    margin: 0 0 30px;
}

.post-entry .entry-title a {
    color: #353535;
}

.post-entry .entry-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.single-page .post-entry .entry-meta {
    margin-top: 50px;
}

.category-meta .link {
    border-radius: 6px;
    background-color: #E5FFFF;
    color: #384654;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    padding: 7px 16px;
    text-transform: uppercase;
    margin: 0 10px 0 0;
    min-width: 115px;
    display: inline-block;
}

.category-meta .link.offer-tag {
    background-color: #E0EEFA;
}

.category-meta .link.default-tag {
    background-color: #F3F3F3
}

.date-meta {
    color: #B4B4B4;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
}

.article-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 56px;
}

.article-list .column-half {
    flex: 0 0 48%;
    max-width: 48%;
}

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

.article-list ul li {
    list-style: none;
    border-bottom: 1px solid #E0E0E0;
    padding: 24px 40px 24px 0;
    background: url("../images/ic_Arrow.png") no-repeat  100% 50%;
}

.article-list ul li:hover {
    color: #0080FF;
    background: url("../images/ic_Arrow-hover.png") no-repeat  100% 50%;
}

.full-width {
    width: 100%;
}

.full-width .post-entry {
    display: flex;
}

.full-width .entry-meta {
    margin: 0 24px 0 0;
}

.load-more-btn {
    text-align: center;
}

.load-more-btn .btn {
    text-align: center;
    border-radius: 35px;
    background-color: #E0EEFA;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 19px;
    padding: 20px;
    width: 100%;
    max-width: 240px;
    color: #384654;
    text-decoration: none;
    box-shadow: none;
}

.load-more-btn .btn:hover {
    background-color:#0080FF ;
    color: #fff;
}

.read-more {
    text-align: right;
}

.read-more-btn {
    background: url("../images/icon@1x.svg") no-repeat  100% 50%;
    display: inline-block;
    height: 24px;
    padding-right: 30px;
    color: rgba(0,128,255,1);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    text-decoration: none;
    background-size: 18px;
    text-transform: uppercase;
    transition: all 0.5s ease;
}

.read-more-btn:hover {
    color: #0080FF;
    background: url("../images/icon@1x.svg") no-repeat  100% 50%;
    background-size: 18px;
}

.archive-page {
    padding:50px 0 120px;
}

.with_thumbnail .post-container {
    flex-direction: column;
}

.with_thumbnail .post-container .entry-thumbnail {
    flex: 0 0 100%;
    max-width: 100%;
}

.with_thumbnail .post-container .entry-thumbnail img {
    width: 100%;
}

.with_thumbnail .post-container .post-entry {
    margin: -100px 23px 0;
}

.mobile {
    display: none;
}

#video-popup-container {
    display:none;
    position: fixed;
    z-index: 996;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    top: 20%;
    background-color: #fff;
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: #000;
    line-height: 25px;
    color: #fff;
}

#video-popup-iframe-container {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000;
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

#video-popup-close:hover {
    color: #DE0023;
}

.single-page {
    max-width: 750px;
    margin: 0 auto;
}

.single-page ul li {
    padding:5px 0 5px 30px;
    position: relative;
}

.single-page ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #0080FF;
    border-radius: 100%;
    left: 0;
    top: 15px;
    position: absolute;
}

.single-page  h3 {
    color: #353535;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
}

.single-page h4 {
    color: #353535;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.single-page h1,
.single-page h2,
.single-page h3,
.single-page h4 {
    line-height: 1.2;
}

blockquote {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 41px;
    text-align: center;
    padding: 27px 0;
    max-width: 700px;
    margin: 50px auto;
    position: relative;
}

blockquote p {
    margin: 0;
}

blockquote:before {
    width: 392px;
    border: 4px solid #0080FF;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

blockquote:after {
    width: 392px;
    border: 4px solid #0080FF;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.wpcf7-not-valid-tip {
    position: absolute;
    margin: 5px;
}

.head-nav label,
.head-nav input,
.head-nav em {
    display: none;
}

.menu-open {
    overflow: hidden;
}

.wpcf7 form.sent .wpcf7-response-output {
    max-width: 618px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: left;
    color: #46b450;
    border: none;
}

#subscribe-section .wpcf7 form.invalid .wpcf7-response-output,
#subscribe-section .wpcf7 form.unaccepted .wpcf7-response-output {
    display: none !important;
}

.swiper-pagination {
    display: none;
}

.gallery-top {
    overflow-x: hidden;
}
@media screen and (max-width: 1024px) {
    .social-column, .app-column {
        border-left: 1px solid rgba(224, 224, 224, .5);
        min-width: 270px;
    }

    .foot_title em {
        display: block;
    }

    .foot_title br {
        display: none;
    }

    .section3 .foot_title span {
        display: inline;
    }

    .section3 .foot_title {
        padding: 0 20px 40px;
    }

    .section-privacy .container {
        padding: 40px 15px 15px;
    }

    .section-privacy .inner_block {
        padding: 24px 10px;
        margin: 0 5px 40px;
    }

    .inner_block.slick-slide {
        width: 224px;
        margin: 15px 10px 40px;
        outline: 0;
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .slick-dots li button:before {
        font-family: 'slick';
        font-size: 46px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        color: #E0EEFA;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-dots li.slick-active button:before {
        color: #0080FF;
    }

    .section-how-it-works .inner {
        padding: 0 30px
    }

    .gallery-thumbs {
        max-width: 60%;
    }

    .hero-section {
        padding: 72px 0 0;
        overflow: hidden;
        position: relative;
    }

    .hero-text h1 {
        font-size: 52px;
        max-width: 300px;
    }

    .hero-video {
        width: 345px;
        background-size: cover;
        height: 345px;
        right: 0px;
        top: 0;
        transform: translate(0);
    }

    .hero-text .btn-row {
        width: 100%;
    }

    .hero-text p {
        width: 50%;
    }

    .header .container .frame {
        justify-content: center;
    }

    .header .container .frame h1 {
        z-index: 5;
        position: relative;
    }

    /* nav menu */

    .head-nav label,
    .head-nav input,
    .head-nav em {
        display: inline-block;
    }

    .head-nav input {
        opacity: 0;
    }

    .head-nav .burger {
        position: absolute;
        left: 29px;
        top: 30px;
        z-index: 20;
        transition: .5s;
    }

    .head-nav .burger label {
        height: 20px;
        width: 18px;
        position: relative;
        cursor: pointer;
    }

    .head-nav .burger label span {
        position: absolute;
        width: 100%;
        height: 2px;
        top: 50%;
        margin-top: -1px;
        left: 0;
        display: block;
        background: #0080FF;
        transition: .5s;
    }

    .head-nav .burger label span:first-child {
        top: 3px;
    }

    .head-nav .burger label span:last-child {
        top: 16px;
    }

    .head-nav .burger {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .head-nav em {
        opacity: 0;
        transition: .5s;
        color: #0080FF;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 19px;
        font-style: normal;
        text-transform: capitalize;
        margin-left: 6px;
    }

    .head-nav.show .burger {
        margin-left: 36px;
        transition: .5s;
    }

    .head-nav.show  .burger em {
        z-index: 20;
        transition-delay: .5s;
        opacity: 1;
    }

    .head-nav.show  .burger label span {
        opacity: 0;
        top: 50%;
    }

    .head-nav.show  .burger label span:first-child {
        opacity: 1;
        transform: rotate(405deg);
    }

    .head-nav.show  .burger span:last-child {
        opacity: 1;
        transform: rotate(-405deg);
    }

    .head-nav   .menu-bezyl-header-container {
        position: relative;
        z-index: -1;
    }

    .head-nav.show   .menu-bezyl-header-container {
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        z-index: 3;
        transition: .5s;
        overflow: hidden;
        opacity: 0;
    }

    .head-nav .menu-bezyl-header-container > ul {
        text-align: center;
        position: absolute;
        top: 7%;
        left: 0;
        flex-wrap: wrap;
        opacity: 0;
        margin: 20px 0 20px 20px !important;
        display: none !important;
    }

    .head-nav .menu-bezyl-header-container > ul > li {
        opacity: 0;
        transition: .5s;
        transition-delay: 0s;
        display: block;
        padding-left: 14px !important;
        width: 100%;
        text-align: left;
    }

    .head-nav  .menu-bezyl-header-container > ul > li > a {
        text-decoration: none;
        color: #020304;
        font-weight: 700;
        display: block;
        padding: 30px;
    }

    .head-nav.show  .menu-bezyl-header-container  {
        transition-delay: 0s;
        margin: 0;
        padding: 0;
        display: flex;
        box-shadow: 19px 0 26px -19px rgba(0,128,255,0.5);
        right: 18px;
        height: 100vh;
        top: 0;
        width: auto;
        z-index: 15;
        opacity: 1;
        max-width: 310px;
    }

    .head-nav.show  .menu-bezyl-header-container,
    .head-nav.show  .nav-menu {
        border-top: 1px solid #F3F3F3;
    }

    .head-nav.show  .menu-bezyl-header-container > ul > li,
    .head-nav.show  .menu-bezyl-header-container > ul{
        opacity: 1;
        display: flex !important;
    }

    .container {
        padding: 0 30px;
    }

    .section2 .container {
        padding: 0 15px;
    }

    .swiper-slide {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}

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


    .app_btn {
        display: flex;
        margin: 0 -10px;
    }

    .app-column a {
        display: block;
        width: auto;
        margin: 0 10px;
    }



    .entry-thumbnail {
        flex: 1;
        max-height: none;
    }

    .post-entry {
        z-index: 1;
        margin: 25px 0;
    }

    .article-list .column-half {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer .container .frame .footer-nav ul {
        flex-wrap: wrap;
    }

    .footer .container .frame .footer-nav ul li {
        margin: 0 0 20px;
        width: 50%;
    }

    .post-container {
        display: flex;
        flex-wrap: wrap;
        align-items: normal;
    }

    .post-container .entry-thumbnail {
        flex: 0 0 100%;
        max-width: 100%;
        max-height: none;
    }

    .post-container .post-entry {
        margin: -130px 25px 0;
    }
}

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

    .head-nav.show  .menu-bezyl-header-container  {
        right: 0;
        max-width: none;
    }

    .head-nav .menu-bezyl-header-container > ul {
        margin: 20px 0 20px 0 !important;
        padding-left: 20px !important;
    }

    .head-nav.show .burger em {
        margin-left: 16px;
    }

    .head-nav.show .burger {
        margin-left: 0;
    }


    .social-column, .app-column {
        min-width: 270px;
        padding: 50px 0 0;
        border: none;
    }

    .footer .container .frame {
        flex-direction: column;
    }

    .copy.mobile {
        display: block;
        padding-bottom: 30px;
    }

    .main-column .copy {
        display: none;
    }

    .section3  {
        background: none;
    }

    .bg-oval {
        background: url("../images/oval_mobile.png") no-repeat 0 50%;
    }

    .section3 .orange-small-circle,
    .section3 .blue-big-circle,
    .subscribe-section:before,
    .section2 :after,
    .blue-big-circle,
    .orange-small-circle,
    .blue-big-circle,
    .blue-large-circle,
    .blue-small-circle,
    .orange-small-circle,
    .section2:after{
        display: none !important;
    }

    .section3 .foot_title {
        font-size: 40px;
        letter-spacing: 4px;
        line-height: 1.2;
        padding: 0;
    }

    .questions_block li a {
        padding-right: 15px;
        padding-bottom: 45px;
        background-position: 0 100% !important;
    }

    .title {
        font-size: 26px;
        letter-spacing: 2.6px;
        line-height: 1.2;
    }

    .metrics_blocks {
        display: flex;
        flex-direction: column;
    }

    .section-privacy .inner_block {
        padding: 24px 16px;
        margin: 0 5px 40px;
        box-sizing: border-box;
        width: auto;
        border-radius: 56px;
    }

    .section-privacy .container:before {
        width: 85%;
    }

    .tabs label {
        width: auto;
        margin:0 0 32px;
    }

    .content-tabs .metrics_blocks {
        margin: 0 -30px;
    }

    .content-tabs .metrics_blocks .slick-list {
        padding: 0 20px;
    }

    .tabs {
        margin-top: 20px;
        padding: 0;
    }

    .btn-row a {
        margin: 0 12px;
    }

    .btn-row a img {
        max-width: 130px;
    }

    .btn-row a + a img {
        max-width: 145px;
    }

    .section-how-it-works .inner {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0;
    }

    .gallery-top {
        width: 170px !important;
        height: 345px;
    }

    .gallery-thumbs .swiper-slide {
        width: auto !important;
    }

    .accordion h3.toggle {
        font-size: 20px;
        cursor: pointer;
    }

    ul.accordion li {
        margin-bottom: 20px;
    }

    .section-how-it-works .inner .accordion {
        margin-left: 0;
        width: 100% !important;
    }

    .gallery-thumbs {
        box-sizing: border-box;
        padding: 10px 0;
        height: 100%;
        max-width: 100%;
    }

    .swiper-pagination {
        display: block;
    }

    .swiper-pagination-bullet {
        height: 13px;
        width: 13px;
        display: inline-block;
        border-radius: 100%;
        background-color: #E0EEFA;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background-color: #0080FF;
    }

    .hero-section {
        padding: 0;
        overflow: hidden;
        position: relative;
    }

    .hero-video {
        width: 100%;
        height: 100%;
        max-width: 300px;
        max-height: 300px;
        padding: 0;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        cursor: pointer;
        background-size: contain;
    }

    .hero-video:before {
        height: 65px;
        width: 67px;
    }

    .hero-text {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 24px;
        padding-top: 285px;
    }

    .hero-text h1 {
        max-width: 300px;
        margin: 0 auto;
        font-size: 36px;
        font-weight: 900;
        letter-spacing: 4.8px;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 30px;
        width: 100%;
    }

    .hero-text p {
        width: 100%;
    }

    .hero-text .btn-row {
        padding-top: 30px;
        text-align: center;
    }

    .archive-page {
        padding: 0 0 120px;
    }

    .article-list ul li {
        padding: 0 0 40px 0;
        background: url("../images/ic_Arrow.png") no-repeat 0 calc(100% - 20px);
    }

    .article-list ul li:hover {
        background: url("../images/ic_Arrow-hover.png") no-repeat  0 calc(100% - 20px);
    }

    .post-entry .entry-meta {
        flex-direction: column;
    }

    .category-meta {
        order: 2;
    }

    .date-meta {
        margin-bottom: 10px;
    }

    .category-meta .link {
        margin: 0 10px 0 0;
    }
}