/*
Theme Name: WP Bootstrap Starter Theme URI: https: //afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs Author URI: https: //afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s"(by Automattic, the main people behind WordPress development),
Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme,
like WordPress,
is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template),
Left-Sidebar,
Full-Width,
Blank with container,
Blank without container Page. Other features - Currently using Bootstrap v4.0.0,
Widgetized footer area,
WooCommerce ready,
Compatible with Contact Form 7,
Compatible with Visual Composer,
Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates. Version: 3.3.3 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: wp-bootstrap-starter Tags: blog,
custom-menu,
featured-images,
threaded-comments,
translation-ready,
right-sidebar,
custom-background,
e-commerce,
theme-options,
sticky-post,
full-width-template */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@font-face {
    /*font-family: 'Century Gothic';*/
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic.eot');
    /*src: local('Century Gothic'), local('CenturyGothic'),*/
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: 500;
}

@font-face {
    /*font-family: 'Century Gothic';*/
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic-Bold.eot');
    /*src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),*/
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic-Bold.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/CenturyGothic/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: 700;
}





@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNovaT-Thin.eot');
    src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNovaT-Thin.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ThinIt.eot');
    src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ThinIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Light.eot');
    src: local('Proxima Nova Light'), local('ProximaNova-Light'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Light.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-LightIt.eot');
    src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-LightIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Regular.eot');
    src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-RegularIt.eot');
    src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-RegularIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-RegularIt.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Semibold.eot');
    src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Semibold.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-SemiboldIt.eot');
    src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-SemiboldIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Bold.eot');
    src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BoldIt.eot');
    src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BoldIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BoldIt.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Extrabld.eot');
    src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Extrabld.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot');
    src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Black.eot');
    src: local('Proxima Nova Black'), local('ProximaNova-Black'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Black.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BlackIt.eot');
    src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BlackIt.woff') format('woff'),
        url('/wp-content/themes/wp-bootstrap-starter/inc/assets/fonts/ProximaNova/ProximaNova-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}






html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    margin: 0;
    -webkit-font-smoothing: auto;
    font-family: 'Proxima Nova';
    font-weight: 500;
    font-size: 14px;
}

html::-webkit-scrollbar-track {
    border: none;
    box-shadow: none;
    background: #232f3e;
}

html::-webkit-scrollbar {
    width: 8px;
    border-radius: 0px;
}

html::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    border-radius: 3px;
    background: #0096D7;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 2.5rem;
}

hr {
    box-sizing: content-box;
    height: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #24292e;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 15px;
}

h1 {
    font-size: 32px;
    padding-bottom: 10px;
}

h2 {
    font-size: 24px;
    padding-bottom: 0.3em;
    line-height: 1.25;
}

h3 {
    font-size: 18px;
    line-height: 25px;
}

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

h5 {
    font-size: 14px;
    line-height: 17.5px;
}

p {
    margin-bottom: 1.5em;
}

h1.entry-title {
    font-size: 1.31rem;
    border-bottom: 1px solid #eaecef;
}

h2.entry-title {
    border-bottom: 1px solid #eaecef;
}

h3.widget-title {
    font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
    padding-left: 0;
    padding-right: 0;
}

#masthead .navbar-nav>li>a {
    color: #cdbfe3;
    padding: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
}

#masthead .navbar-nav>li>a:hover,
#masthead .navbar-nav>li.current_page_item>a {
    color: #fff;
    font-weight: 600;
    /*background: #f9f9f9;*/
}

.navbar-brand {
    height: auto;
}

.navbar-toggle .icon-bar {
    background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

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

.dropdown-item {
    line-height: 1.2;
    padding-bottom: 0.313rem;
    padding-top: 0.313rem;
}

.dropdown-menu {
    min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
    display: block;
    left: 12.250em;
    top: 0;
}

.dropdown-menu .dropdown-item {
    white-space: normal;
    background: transparent;
    line-height: 1.6;
}

.dropdown-menu .dropdown-item:hover {
    background: transparent;
}

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

@media screen and (min-width: 769px) {
    .dropdown-menu li>.dropdown-menu {
        right: -9.875rem;
        top: 1.375rem;
    }
}

@media screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        border: medium none;
        margin-left: 1.250rem;
        padding: 0;
    }

    .dropdown-menu li a {
        padding: 0;
    }

    #masthead .navbar-nav>li>a {
        padding-bottom: 0.625rem;
        padding-top: 0.313rem;
    }

    .navbar-light .navbar-toggler {
        border: medium none;
        outline: none;
    }
}

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

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.comment-content.card-block {
    padding: 20px;
}

.navigation.post-navigation {
    padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    border: 1px solid #ddd;
    border-radius: 0.938rem;
    display: inline-block;
    padding: 0.313rem 0.875rem;
    text-decoration: none;
}

.post-navigation .nav-next a::after {
    content: " \2192";
}

.post-navigation .nav-previous a::before {
    content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    font-size: 0.875rem;
    /* Make sure select elements fit in widgets. */
}

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

.widget_search .search-form input[type="submit"] {
    display: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #eee;
    text-decoration: none;
}

.half-rule {
    width: 6rem;
    margin: 2.5rem 0;
}

.widget_categories .nav-link {
    display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


.sticky .entry-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 1.563rem;
    left: -2.5rem;
    position: absolute;
    top: 0.375rem;
    font-weight: 900;
}

.sticky .entry-title {
    position: relative;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

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

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

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
    margin-top: 0;
}

.post.hentry {
    margin-bottom: 4rem;
}

.posted-on,
.byline,
.comments-link {
    color: #9a9a9a;
}

.entry-title>a {
    color: inherit;
}

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

.bypostauthor {
    display: block;
}

.comment-body .pull-left {
    padding-right: 0.625rem;
}

.comment-list .comment {
    display: block;
}

.comment-list {
    padding-left: 0;
}

.comments-title {
    font-size: 1.125rem;
}

.comment-list .pingback {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
    border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 0.313rem 0.313rem 0;
    text-align: center;
}

.wp-caption img[class*="wp-image-"] {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    font-size: 0.688rem;
    line-height: 1.063rem;
    margin: 0;
    padding: 0.625rem;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

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

.gallery-item .gallery-columns-2 {
    max-width: 50%;
}

.gallery-item .gallery-columns-3 {
    max-width: 33.33333%;
}

.gallery-item .gallery-columns-4 {
    max-width: 25%;
}

.gallery-item .gallery-columns-5 {
    max-width: 20%;
}

.gallery-item .gallery-columns-6 {
    max-width: 16.66667%;
}

.gallery-item .gallery-columns-7 {
    max-width: 14.28571%;
}

.gallery-item .gallery-columns-8 {
    max-width: 12.5%;
}

.gallery-item .gallery-columns-9 {
    max-width: 11.11111%;
}

.gallery-caption {
    display: block;
}





/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
header#masthead {
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 25px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    transition: all 0.25s ease;
}

body:not(.home) header#masthead {
    background-color: #232f3e;
}

header#masthead.scrolling {
    background-color: #232f3e;
    padding: 5px 0;
}

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

.header-row .header-logo {
    flex-basis: 20%;
}

.header-row .header-logo a img {
    max-height: 70px;
    height: 100%;
    display: block;
    transition: all 0.25s ease;
}

header#masthead.scrolling .header-row .header-logo a img {
    max-height: 50px;
}

.header-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.header-content .phones {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #000;
    transition: all 0.25s ease;
}

body:not(.home) header#masthead .header-content .phones,
header#masthead.scrolling .header-content .phones {
    border-right: 1px solid #fff;
}

.header-content .phones .phones-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 2px 0;
}

.header-content .phones .phones-item a img {
    height: 24px;
    width: 24px;
    margin-right: 5px;
}

.header-content .phones .phones-item a {
    line-height: 24px;
    font-size: 18px;
    height: 24px;
    color: #000;
    /**/
    text-decoration: none !important;
    transition: all 0.25s ease;
}

body:not(.home) header#masthead .header-content .phones .phones-item a,
header#masthead.scrolling .header-content .phones .phones-item a {
    color: #fff;
}

.header-languages ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 0 20px 0 0;
    align-items: center;
    justify-content: center;
}

.header-languages ul .lang-item a {
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.header-languages ul .lang-item.current-lang a {
    font-weight: 700;
}

body:not(.home) header#masthead .header-languages ul .lang-item a,
header#masthead.scrolling .header-languages ul .lang-item a {
    color: #fff;
}

.header-order {
    width: 190px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    border: 0px;
    /**/
    margin: 0 20px 0 0;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.menu-toggler {
    width: 50px;
    height: 50px;
    background: linear-gradient(-45deg, #30ABB0, #0096D7);
    border-radius: 10px;
    border: 0 !important;
    position: relative;
    outline: none !important;
    box-shadow: none !important;
}

.menu-toggler .navbar-toggler-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    outline: none !important;
}

.menu-toggler .navbar-toggler-icon:before,
.menu-toggler .navbar-toggler-icon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFF;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.99, 0.2, 1);
    transition: all 0.2s cubic-bezier(0, 0.99, 0.2, 1);
}

.menu-toggler .navbar-toggler-icon:before {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}

.menu-toggler .navbar-toggler-icon:after {
    -webkit-transform: translateY(250%);
    transform: translateY(250%);
}


.menu-toggler:hover .navbar-toggler-icon:before {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
}

.menu-toggler:hover .navbar-toggler-icon:after {
    -webkit-transform: translateY(0) rotate(-90deg);
    transform: translateY(0) rotate(-90deg);
}




.main-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
    visibility: hidden;
    transition: visibility 0.3s ease;
}

.main-menu-overlay.active {
    visibility: visible;
}

.menu-wrapper.main-menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    max-width: 350px;
    background: #232f3e;
    width: 100%;
    padding: 15px 35px;
    z-index: 2;
    transform: translate(400px, 0px);
    transition: all 0.3s ease;
}

.menu-wrapper.main-menu.active {
    transform: translate(0px, 0px);
}

#masthead .navbar-nav>li>a {
    color: #cccccc;
    font-weight: 600;
    background: transparent;
    padding: 10px 0;
    font-size: 18px;
    display: block;
    transition: all 0.25s ease;
}

#masthead .navbar-nav>li>a:hover {
    color: #fff;
}

#masthead .navbar-nav li ul.sub-menu {
    list-style: none;
    margin: 0;
    padding: 0 0 0 15px;
}

#masthead .navbar-nav>li>ul.sub-menu li a {
    font-size: 14px;
    line-height: 20px;
    padding: 0px;
    color: #ccc;
    font-weight: 500;
    transition: all 0.25s ease;
}

#masthead .navbar-nav>li>ul.sub-menu li a:hover {
    color: #fff;
}








.slider-item {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.slider-item .slider-container {
    /*font-family: 'Century Gothic';*/
    color: #000;
}

.slider-item .slider-container .slider-title {
    font-size: 46px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 30px;
}

.slider-item .slider-container .slider-subtitle {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 30px;
}

.slider-item .slider-container .slider-content {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500;
    padding: 0;
    margin: 0 0 30px;
}

.slider-item .slider-container p {
    margin: 0;
    padding: 0;
}

.slider-item .slider-container .slider-button {
/*    width: 210px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    border-radius: 10px;
*/
    width: 210px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    border-radius: 10px;
    background: #ffcd05;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    padding: 13px;
}

.slider-item .slider-container .slider-button:hover {

    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
   
}






.slider-wrapper.owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 56px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}

.slider-wrapper.owl-carousel .owl-nav button.owl-prev,
.slider-wrapper.owl-carousel .owl-nav button.owl-next {
    width: 56px;
    height: 56px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    outline: none !important;
}

.slider-wrapper.owl-carousel .owl-nav button.owl-prev span,
.slider-wrapper.owl-carousel .owl-nav button.owl-next span {
    color: #fff;
    font-size: 48px;
    line-height: 39px;
    width: 44px;
    text-align: center;
}

.slider-wrapper.owl-carousel .owl-dots {
    position: absolute;
    bottom: 30px;
    letter-spacing: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper.owl-carousel .owl-dots button.owl-dot {
    background: #4bb9b4 !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper.owl-carousel .owl-dots button.owl-dot span {
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

.slider-wrapper.owl-carousel .owl-dots button.owl-dot.active span {
    opacity: 1;
}





.afterSlider {
    padding: 65px 0 40px;
}

.autsorsing-title {
    font-size: 36px;
    line-height: 36px;
    color: #000 !important;
    /**/
    font-weight: 500;
    text-align: center;
    margin: 10px 0 40px;
    padding: 0;
}

.autsorsing-subtitle {
    text-align: left;
    font-family: 'Proxima Nova';
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0 40px;
    color: #343434;
    line-height: 1.3;
    padding: 0;
}


.autsorsing-wrap {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.autsorsing-wrap .autsorsing-img {
    width: 82px;
    height: 82px;
    max-width: 82px;
    min-width: 82px;
    background-image: linear-gradient(120deg, #4bb9b4, #4bb9b4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.autsorsing-wrap:hover .autsorsing-img {
    background-image: linear-gradient(120deg, #30abb0, #0096d7);
}

.autsorsing-wrap .autsorsing-img .rollover {
    display: flex;
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
    border: 10px solid #fff;
    border-radius: 50%;
}

.autsorsing-wrap:hover .autsorsing-img {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    animation-name: slideDown;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
}

.autsorsing-wrap .autsorsing-img .rollover .img {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.autsorsing-wrap .autsorsing-desc {
    flex-basis: 75%;
    max-width: 75%;
    margin-left: 1%;
    padding: 0 0 0 10px;
}

.autsorsing-wrap .autsorsing-desc-title {
    font-size: 20px;
    /**/
    margin-bottom: 5px;
    color: #000000;
    font-weight: bold;
    line-height: 22px;
}

.autsorsing-wrap .autsorsing-desc-title a {
    color: #000;
}

.autsorsing-wrap .autsorsing-desc-text {
    font-size: 14px;
    color: #343434;
    line-height: 1.3;
}



@keyframes slideDown {
    0% {
        transform: translateY(0%);
    }

    25% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(10%);
    }

    95% {
        transform: translateY(-4%);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0%);
    }

    25% {
        -webkit-transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(10%);
    }

    95% {
        -webkit-transform: translateY(-4%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(0%);
    }

    25% {
        -moz-transform: translateY(-50%);
    }

    50% {
        -moz-transform: translateY(10%);
    }

    95% {
        -moz-transform: translateY(-4%);
    }

    100% {
        -moz-transform: translateY(0);
    }
}




.consult-land {
    background: linear-gradient(-45deg, #30ABB0, #0096D7);
    color: #ffffff;
    padding: 35px 0;
}

.land-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.land-row .land-icon {
    background: #fff;
    border-radius: 50%;
    flex-basis: 15%;
}

.land-row .land-text {
    flex-basis: 70%;
    padding: 0 30px;
}

.land-row .land-btn {
    flex-basis: 15%;
}

.land-text .title {
    font-size: 30px;
    /**/
    margin-bottom: 30px;
    line-height: 1;
}

.land-text .text {
    font-size: 16px;
    line-height: 1.3;
}

.land-text .text p:last-child {
    margin-bottom: 0;
}

.consult-button {
    width: 210px;
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    outline: none !important;
    text-transform: uppercase;
    color: #000;
    background: #ffcd05;
    /**/
    border-radius: 10px;
    transition: all 0.3s ease;
    /**/

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
}

.consult-button:hover {
    color: #fff;
    /**/
        padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    width: 190px;
    padding: 15px 20px;


}




.readies-section {
    position: relative;
    padding: 40px 0 0;
    background: #232f3f;
}

.readies-title {
    font-size: 36px;
    /**/
    color: #fff;
    text-align: center;
    line-height: 1;
    margin: 0 0 40px;
}

.readies-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: stretch;
    flex-wrap: nowrap;
}

.readies-row .readies-item {
    flex-basis: 33.333%;
    max-width: 33.333%;
    width: 100%;
    height: 400px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.readies-row .readies-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.3);*/
    background-image: linear-gradient(120deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    z-index: 0;
    transition: all 0.3s ease;
}

.readies-row .readies-item .title {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.readies-row .readies-item:hover:before {
    background-image: linear-gradient(120deg, rgba(35, 47, 62, 0.5), rgba(35, 47, 62, 0.5))
}





.sotrud-section {
    padding: 60px 0;
    position: relative;
}

.sotrud-title {
    font-size: 36px;
    /**/
    text-align: center;
    color: #000;
    margin: 0px 0 60px;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

.sotrud-row .sotrud-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.sotrud-row .sotrud-item .autsorsing-img {
    width: 82px;
    height: 82px;
    max-width: 82px;
    min-width: 82px;
    background-image: linear-gradient(120deg, #4bb9b4, #4bb9b4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.sotrud-row .sotrud-item:hover .autsorsing-img {
    background-image: linear-gradient(120deg, #30abb0, #0096d7);
}

.sotrud-row .sotrud-item .autsorsing-img .rollover {
    display: flex;
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
    border: 10px solid #fff;
    border-radius: 50%;
}

.sotrud-row .sotrud-item:hover .autsorsing-img {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    animation-name: slideDown;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
}

.sotrud-row .sotrud-item .autsorsing-img .rollover .img {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sotrud-row .sotrud-item .sotrud-name {
    margin: 20px 0 20px;
    color: #000000;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
}





.project-section {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    flex-wrap: nowrap;
    height: 630px;
}

.project-section .project-bg {
    flex-basis: 50%;
    max-width: 50%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project-section .project-body {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
    background: #232f3f;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 60px;
}

.project-body .project-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.project-body .project-head img.icon {
    margin-right: 20px;
}

.project-body .project-head .title {
    font-size: 36px;
    /**/
    font-weight: 500;
    line-height: 40px;
    color: #fff;
}

.project-body .project-info .subtitle {
    /**/
    font-weight: 500;
    font-size: 20px;
    color: #FFF;
    margin: 0 0 20px;
}

.project-body .project-info .text {
    color: #FFF;
    font-size: 16px;
    font-family: "Proxima Nova";
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 20px;
}

.project-body .project-info .text~p {
    margin: 0;
}

.project-body .project-info .take-order {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 50px;
    font-size: 12px;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    /**/
    border-radius: 10px;
    margin: 0 0 30px;
    /**/
    border-radius: 10px;
    cursor: pointer;
    width: 210px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    border-radius: 10px;
    background: #68c220;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ffcd05 50%, #ffcd05);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    padding: 13px;
}


.project-body .project-info .take-order:hover {
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
}



.usefullLinks {
    padding: 60px 0 30px;
    position: relative;
}

.usefull-title {
    font-size: 36px;
    /**/
    text-align: center;
    color: #000;
    margin: 0 0 60px;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

.usefull-item {
    text-align: center;
    overflow: hidden;
    padding: 20px 15px;
    margin: 0 0 30px;
    position: relative;
    -webkit-transition: all 0.9s ease;
    -khtml-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    border-top: 2px solid #343434;
    height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.usefull-item:before {
    content: '';
    position: absolute;
    background: linear-gradient(-45deg, #30ABB0, #0096D7);
    top: -200%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: all 0.9s ease;
    -khtml-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 0;
}

.usefull-item:hover:before {
    top: -50%;
}

.usefull-item>* {
    position: relative;
    cursor: default;
}

.usefull-item img.use-img {
    margin-bottom: 25px;
}

.usefull-item .title {
    /**/
    color: #000000;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 25px;
    min-height: 42px;
    transition: all 0.9s ease;
}

.usefull-item .text {
    color: #343434;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 20px;
    min-height: 100px;
    transition: all 0.9s ease;
}

.usefull-item a.more-link {
    width: 100%;
    height: 50px;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    background: #ffcd05;
    /**/
    border-radius: 10px;
    cursor: pointer;
        width: 210px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    border-radius: 10px;
    background: #ffcd05;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    padding: 13px;
}

.usefull-item:hover .title,
.usefull-item:hover .text {
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
}





.seo-section {
    background: #f8f8f8;
    padding: 60px 0 30px;
}

.seo-section * {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.seo-section h2 {
    /**/
    color: #000;
    font-size: 24px;
    font-weight: 500;
}

.homeText {
    margin-bottom: 30px;
}







.firstBanner {
    position: relative;
}

.firstBanner .bannerBlock {
    width: 100%;
    height: 455px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.firstBanner p {
    margin: 0 0 15px;
}

.firstBanner .leftBg {
    position: absolute;
    top: -1px;
}

.firstBanner .leftBgText {
    position: absolute;
    top: 25px;
    left: 25px;
}

.firstBanner .rightBg {
    position: absolute;
    bottom: 0;
    right: 0;
}

.firstBanner .rightBgText {
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.firstBanner .bannerTitle {
    /**/
    color: #fff;
    line-height: 42px;
    font-size: 32px;
    text-transform: uppercase;
}

.firstBanner .subTitle {
    /**/
    color: #000;
    line-height: 32px;
    font-size: 23px;
    text-transform: uppercase;
}

.firstBanner .first-white {
    color: #fff;
}

.firstBanner .bannerLink {
      color: #000 !important;
  text-transform: uppercase;
  
  background-color: #ffcd05;
  padding: 15px 35px;
  font-size: 16px;
  display: inline-block;
  margin-top: 9px;
  border-radius: 10px;
  font-weight: bold;
  transition: all 0.2s ease-in;
  color: #000 !important;
    text-transform: uppercase;
      
    background-color: #ffcd05;
    padding: 15px 35px;
    font-size: 14px;
    display: inline-block;
    margin-top: 25px;
    border-radius: 10px;
    font-weight: bold;
    transition: all 0.2s ease-in;
    width: 240px;
}

.firstBanner .bannerLink:hover {
    color: #fff !important;
    transition: all 0.2s ease-in;
}

.firstBanner .titleRight {
    /**/
    color: #000;
    line-height: 32px;
    font-size: 28px;
    text-transform: uppercase;
}

.firstBanner .subtitleRight {
    /**/
    color: #000;
    line-height: 32px;
    font-size: 22px;
    text-transform: uppercase;
}

.phoneImgBanner {
    margin: 0px 15px 0px 0px;
}

.howSubtitle {
    font-size: 28px;
    /**/
    font-weight: 800;
    text-align: center;
    color: #232f3e;
}

.howTitleBlock {
    margin: 75px 0px 60px;
}

.howFlex {
    display: flex;
    padding: 0px 65px;
}

.howLeft {
    margin-right: 30px;
    font-size: 18px;
    position: relative;
}

.howRight {
    font-size: 18px;
    text-align: center;
}

.howImgRight {
    margin-bottom: 30px;
    margin-top: 30px;
    width: 320px;
}

.howTitleLeft {
    text-align: center;
    position: relative;
    left: -75px;
}

.howImgLeft {
    margin-bottom: 25px;
    width: 660px;
}

.router {
    right: -197px;
    position: relative;
}

.videoRegister {
    position: relative;
    right: -95px;
}

.monitor {
    position: relative;
    right: -5px;
}




.featuresTitle {
    /**/
    font-size: 28px;
    color: #2c3a4c;
    padding: 0;
    margin: 0 0 20px;
}

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

.listFeatures li {
    font-size: 18px;
    line-height: 1.3;
    margin: 20px 0px 20px;
    position: relative;
    padding: 0 0 0 30px;
}

.listFeatures li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/banner/checkbox.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featuresBg {
    background-color: #edf7fb;
    margin: 50px 0px 50px;
    padding: 50px 50px 50px;
}

.planshet {
    text-align: center;
    position: relative;
}

.planshet .videoAppart {
    position: absolute;
    top: 50px;
    left: 115px;
}

.planshet .videoAppart span.red-circle {
    width: 15px;
    border: 2px solid red;
    border-radius: 100%;
    display: block;
    height: 15px;
    background-color: red;
    float: left;
    -webkit-animation: rainbow 1.2s linear 1s infinite;
    animation: rainbow 1.2s linear 1s infinite;
}

.planshet .videoAppart span.rec {
    color: #fff;
    margin-left: 5px;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    /**/
    font-weight: bold;
}

.flexRec {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 65px;
    width: 300px;
    right: 0;
    left: 0;
    margin: auto;
}

.flexRec .flexItemRec {
    flex-basis: 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flexRec .icon-camera {
    width: 34px;
    height: 34px;
}

.flexRec .recVidos {
    color: #fff;
    text-transform: uppercase;
    /**/
    font-size: 10px;
    line-height: 1;
    position: relative;
    margin: 0 2px 0;
    width: 100%;
}

.flexRec .flexItemRec #minutes,
.flexRec .flexItemRec #seconds,
.flexRec .flexItemRec #krapka {
    display: inline-block;
    font-size: 18px;
    /**/
    font-weight: 600;
    position: relative;
    color: #fff;
    margin: 0 1px;
}

.flexRec .stopText {
    font-size: 16px;
    /**/
    font-weight: 600;
    color: #fff;
    position: relative;
}


@keyframes rainbow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


.singlepage-content p {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin: 0 0 15px;
}

.singlepage-content p a {
    color: #0699d3;
    font-weight: 600;
}

.singlepage-content p a:hover {
    color: #2aa8b4;
}

.singlepage-content h2 {
    font-size: 26px;
    /**/
    text-align: center;
    color: #232f3e;
    padding: 0;
    margin: 40px 0 15px;
}


.howWorksSection {
    background-image: url(/wp-content/uploads/banner/how_we_work_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    margin: 50px 0;
}

.howWorksSection .howTitle {
    /**/
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 30px;
}

.singlepage-content {
    padding: 0 0 50px;
}

.listHowWorks {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.listHowWorks li {
    flex-basis: 33.333%;
}

.listHowWorks li .worksNumb {
    /**/
    font-size: 28px;
    color: #fff;
    background-image: url(/wp-content/uploads/banner/Elips.png);
    width: 54px;
    height: 54px;
    display: block;
    position: relative;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 5px;
    top: -5px;
}

.listHowWorks li .subWorks {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: -5px;
    position: relative;
    padding-left: 80px;
    width: 290px;
    line-height: 22px;
}

.blue-item1 {
    background: #83ccea !important;
    /**/
}

.blue-item2 {
    background: #33bbe0 !important;
    /**/
}

.blue-item3 {
    background: #00a8ef !important;
    /**/
}

.choiceTitle {
    text-align: center;
    color: #2c3a4c;
    font-size: 28px;
    /**/
    margin: 60px 0px 60px;
    line-height: 30px;
}


.submitSection {
    background-image: url(/wp-content/uploads/banner/call_master_form_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 0;
    margin: 50px 0;
}

.submitSection.consultForm {
    background-image: url(/wp-content/uploads/banner/consult_form_bg.jpg);
}

.submitSection .titleFormSubmit {
    text-align: center;
    font-size: 28px;
    /**/
    color: #fff;
    margin: 0 0 5px;
}

.submitSection .subtitleFormSubmit {
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}









.form-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.wpcf7 .form-wrapper .ajax-loader {
    position: absolute;
    bottom: 30px;
    right: -20px;
}

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

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

.form-side .form-wrapper {
    max-width: 300px;
}

.form-wrapper .form-wrapper-item {
    margin: 0 0 15px;
}

.form-wrapper .form-wrapper-item input,
.form-wrapper .form-wrapper-item textarea {
    background: transparent;
    box-shadow: none;
    height: 44px;
    border-radius: 8px;
    line-height: 22px;
    color: #444444;
    border: 1px solid #343434;
    padding: 6px 20px;
    width: 100%;
    font-size: 16px;
}

.form-wrapper .form-wrapper-item textarea {
    height: 88px;
}

.form-wrapper .form-wrapper-item input[type="submit"] {
    padding: 0;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin: 30px 15px;
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}


.form-wrapper .form-wrapper-item input[type="submit"]:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
}

/**/

/**/
.form-side .form-wrapper .form-wrapper-item input[type="submit"] {
    margin: 30px 0 -100px;
}

.formSubmitApp {
    max-width: 850px;
}

.formSubmitApp .form-wrapper .form-wrapper-item {
    flex-basis: 33.33%;
    max-width: 33.33%;
    /*padding: 0 15px;*/
      padding: 0 25px;
}


.formSubmitApp .form-wrapper .form-wrapper-item input,
.formSubmitApp .form-wrapper .form-wrapper-item textarea {
    background: #ffffff;
    color: #444444;
    border: 1px solid #ffffff;
}

.formSubmitApp .form-wrapper .form-wrapper-item input[type="submit"] {
    width: 100%;
    background: #58bf22;
    border: 0;
    color: #fff;
    /**/
    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
 
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ffcd05  50%, #ffcd05 );
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
}
.formSubmitApp .form-wrapper .form-wrapper-item input[type="submit"]:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;

    display: inline-block;
    width: 190px;
    padding: 15px 20px;
}

/*
 .btm-new {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
 
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
  
}



  .btm-new:hover { 
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;

    display: inline-block;
    width: 190px;
    padding: 15px 20px;
    
}*/




.category-header {
    padding: 35px 0 0;
}

.category-header h1 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 500;
    color: #000000;
    text-transform: none;
    font-size: 36px;
    line-height: 42px;
    /**/
    font-weight: 500;
}

.category-row {
    position: relative;
    margin-bottom: 50px;
}

.category-row .category-item {
    margin: 0 0 50px;
}

.category-item .thumbnail {
    display: block;
    position: relative;
    width: 100%;
    height: 240px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.category-item .thumbnail a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
    background: linear-gradient(-45deg, rgba(48, 171, 176, 0.9), rgba(0, 150, 215, 0.9));
}

.category-item .thumbnail a span {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -75px;
    color: #ffffff;
    background: transparent;
    border: 2px solid #fff;
    width: 150px;
    height: 40px;
    font-size: 15px;
    text-transform: none;
    opacity: 0;
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
    -moz-transition: all 0.2s linear 0.1s;
    -webkit-transition: all 0.2s linear 0.1s;
    transition: all 0.2s linear 0.1s;
}

.category-item .body {
    padding: 20px 0;
}

.category-item .body .title {
    color: #000;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px;
}

.category-item .body .title a:hover,
.category-item .body .title a {
    color: #000;
    text-decoration: none;
}

.category-item .body .text {
    color: #343434;
    font-size: 14px;
}


.category-item:hover .thumbnail a {
    opacity: 1;
}

.category-item:hover .thumbnail a span {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}







.contact-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 40px 0;
}

.contact-row .map {
    flex-basis: 65%;
    max-width: 65%;
    width: 100%;
}

.contact-row .map iframe {
    width: 100%;
    height: 380px;
    border: 0;
}

.contact-row .info {
    flex-basis: 35%;
    max-width: 35%;
    width: 100%;
    background: #232f3e;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px 25px;
}

.contact-row .info .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin: 25px 0;
}

.contact-row .info .item img {
    max-width: 35px;
    margin: 0 20px 0 0;
}

.contact-row .info .item p {
    display: none;
    flex-basis: 0;
}

.contact-row .info .item .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    color: #fff;
    flex-basis: 100%%;
    min-width: 80%;
    max-width: 100%;
    font-size: 20px;
    line-height: 1.3;
    /**/
}

.contact-row .info .item .text a {
    color: #fff;
    font-size: 20px;
    transition: all 0.3s ease;
}

.contact-row .info .item .text a:hover {
    color: #4bb9b4;
}


.contact-form {
    margin: 20px 0 60px;
}

.contact-form h1.contact-title {
    text-align: center;
    margin: 0 0 40px;
    /**/
    font-weight: 500;
}

.contact-form .form-wrapper.row-form .form-wrapper-item {
    flex-basis: 33.33%;
    max-width: 33.33%;
    padding: 0 15px 10px;
}

.contact-form .form-wrapper.col-form .form-wrapper-item {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    padding: 0 15px 10px;
}

.contact-form .form-wrapper.col-form .form-wrapper-item textarea {
    width: 100%;
}

.contact-form .form-wrapper.col-form .form-wrapper-item input[type="submit"] {
     padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #68c220;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /* margin: 30px 15px; */
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ffcd05 50%, #ffcd05);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
  }

.contact-form .form-wrapper.col-form .form-wrapper-item input[type="submit"]:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    /* padding: 15px 35px; */
    /* font-size: 16px; */
    display: inline-block;
    max-width: 240px;
}




.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    color: #dc0000;
    font-size: 10px;
    font-weight: normal;
    display: block;
    background: transparent;
    position: absolute;
    width: fit-content;
    padding: 0 3px;
    left: 18px;
    bottom: -2px;
}

.wpcf7-response-output.wpcf7-display-none {
    opacity: 1;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: block;
    position: fixed;
    background: #ffcd05;
    border: 2px dashed #ffffff;
    box-shadow: 0 0 0 7px #ffcd05;
    border-radius: 0;
    padding: 20px;
    max-width: 365px;
    z-index: 1;
    bottom: 5px;
    right: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #0e0e0e;
    cursor: pointer;
    margin: 15px 10px;
    opacity: 1;
    transition: opacity 5s linear 4s;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors.customError {
    opacity: 0;
}








.popupOverlay {
    position: fixed;
    background: rgba(35, 47, 62, 0.7);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s ease, opacity 0.4s ease 0.2s;
}

.popupOverlay.active {
    visibility: visible;
    opacity: 1;
}

.popupWindow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 380px;
    height: 460px;
    z-index: 3;
    background: #fff;
    border-radius: 25px;
    padding: 30px 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s ease, opacity 0.4s ease 0.2s;
}

.popupWindow.active {
    visibility: visible;
    opacity: 1;
}


.popupWindow.successPopup img {
    display: block;
    max-width: 230px;
    margin: 0px auto 25px;
}

.popupWindow.successPopup .successTitle {
    color: #47bab5;
    text-transform: none;
    /**/
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 25px;
    text-align: center;
}

.popupWindow.successPopup .successSubTitle {
    font-size: 16px;
    /**/
    line-height: 1.3;
    text-align: center;
    margin: 0 0 20px;
}

.popupWindow.successPopup .thnx {
    color: #000;
    /**/
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.wpcf7-mail-sent-ok {
    display: none !important;
}

.wpcf7-response-output {
    opacity: 0;
    margin: 0;
    padding: 0;
    border: 0px solid #ff0000;
}


.popupWindow .close {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: transparent;
    cursor: pointer;
    opacity: 0.7;
}

.popupWindow .close:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #000;
    border-radius: 2px;
    transform: rotate(45deg);
}

.popupWindow .close:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #000;
    border-radius: 2px;
    transform: rotate(-45deg);
}
.wr-form-vopros{
      background: linear-gradient(-45deg, #30ABB0, #0096D7 );
    color: #ffffff;
    padding: 50px 0;
}
.land-text2>.title{
  font-size: 36px;
  font-weight: 800;
  max-width: 95%;

}
.land-text2>.text{
  font-size: 24px;
  font-weight: 400;

}
.wr-content__vopros{
  flex-basis: 70%;
}















/*VADIM STYLE START*/



.block-main-bg {
    /*   background-image: <?php the_sub_field('wr_baner__im'); ?>;*/
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px 50px 100px;
    margin-bottom: 50px;
}

.title-block-video {
    font-size: 32px;
    line-height: 42px;
    color: #fff;

    text-transform: uppercase;
    font-weight: normal;

    padding: 0px;
    margin: 0px 0px 20px 0px;
}

.text-block-main .text-video-icon {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 18px;
    line-height: 31px;
    color: #fff;
}

.bannerLink.link-video-main {
    border-radius: 7px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 22px;
    padding: 0;
    height: 50px !important;
    /*       display: flex;
        align-items: center;
        justify-content: center;*/
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    max-width: 240px;
    margin-top: 25px;

    display: inline-block;
    width: 240px;
    margin-top: 25px;
    padding: 15px 35px;
}

.bannerLink {
    /*    color: #000 !important;
    text-transform: uppercase;

    background-color: #ffcd05;
    padding: 15px 35px;
    font-size: 16px;
    display: inline-block;
    margin-top: 9px;
    border-radius: 10px;
    font-weight: bold;

    transition: 0.4s;*/
    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}

.bannerLink:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    max-width: 240px;
    margin-top: 25px;
}

.text-decor>p {

    font-size: 16px;
    line-height: 25px;
    color: #2d2d2d;


}

.desc-suprovid {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    /*font-family: "Proxima Nova ";*/
}

.icon-block-text {
    width: 100%;
    height: 100%;
    text-align: center;
}

.bg-suprovid-icon {
    /*background-image: url(/images/suprovid/backgroundcctv2.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 30px 30px 30px;
    margin-bottom: 45px;
    margin-top: 25px;
}

.text-block-proekt {
    flex-basis: 55%;
    font-size: 16px;
    line-height: 25px;
    color: #2d2d2d;
}

.img-with-krug {
    flex-basis: 45%;
    text-align: center;
    position: relative;
}

img.krug-krut-system {
    position: relative;
    top: 31px;
    width: 62%;
}

.img-with-krug img.krug-krut {
    top: -65px;
}

.krug-krut {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: rotate-benefit 7s linear infinite;
}

@keyframes rotate-benefit {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.row-text-with-img {
    display: flex;
    justify-content: center;
    align-items: center;

}

.h2-title-block {
    /*font-family: "CenturyGothicRegular";*/
    font-size: 26px;
    line-height: 32px;
    max-width: 50%;
}

.text-proekt-text {
    font-size: 16px;
    line-height: 25px;
    color: #2d2d2d;

}

.img-block-relative {
    text-align: center;
    position: relative;
    /* top: 30px; */
    margin-top: 55px;
}

.check-spisok-block {
    margin-top: 65px;
}

.text-after-spis-bold2 {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: #424242;
}

.krug-krut2 {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    animation: rotate-benefit 7s linear infinite;
}

.text-after-spis {
    font-size: 16px;
    color: #424242;
    /*font-family: "Proxima Nova Regular";*/
    margin-top: 25px;
    line-height: 25px;
}

.header-wrapper2 {
    width: 100%;
    height: 120px;
    background: #232f3e;
}

p.title-form {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

p.title-form span {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    font-size: 20px;
    margin-bottom: 30px;
}

.wrform {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 60px;
    width: 100%;
}

.img-block-top {
    position: relative;
    top: -30px;
}

.bg-form-bg {
    width: 100%;
}

.cssform>span>input {
    margin: 25px;
}

.form-wrapper .form-wrapper-item input,
.form-wrapper .form-wrapper-item textarea {
    background: transparent;
    box-shadow: none;
    height: 44px;
    border-radius: 8px;
    line-height: 22px;
    color: #444444;
    border: 1px solid #e9ecef;
    padding: 6px 20px;
    width: 100%;
    font-size: 16px;
    /* padding: 25px; */
    background: #fff;
    margin: 15px;
    width: 260px;
    height: 47px !important;
    border-radius: 10px;
    font-size: 16px;
    padding: 0px 20px 0px 20px;
}

.form-wrapper .form-wrapper-item {
    /*margin: 0 0 15px;*/
    /*padding: 0px 25px;*/
}

.suprovid-h2 {
    /*font-family: "CenturyGothicRegular";*/
    color: #fff;

    margin-bottom: 50px;
    text-align: center;
    width: 100%;
}

.suprovid-h2 span {
    font-weight: bold;
}

.uk-article-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    text-transform: none;
    font-weight: 800;
}

.min-text-block {
    font-size: 18px;
    line-height: 25px;
    color: #2d2d2d;
    margin-bottom: 25px;
    margin-top: 25px;
}

.text-block-bottom p {
    font-size: 18px;
    /*font-family: "Proxima Nova Regular";*/
    line-height: 25px;
}

.h1-wr-heade {
    font-weight: bold;
    line-height: 25px;
    font-size: 22px;
}

.block-text-bottom-two p {
    font-size: 16px;
    line-height: 25px;
    /*font-family: "Proxima Nova Regular";*/
    color: #424242;
}

.block-text-bottom-two p span {
    font-weight: bold;
}

.text-block-seo-h1 p span {
    font-weight: bold;
    font-size: 18px;
    /*font-family: "Proxima Nova Regular";*/
    line-height: 25px;
}

.text-block-seo-h1 p {
    font-size: 18px;
    /*font-family: "Proxima Nova Regular";*/
    line-height: 25px;
}

#bold-new-text-h1 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    text-transform: none;
    font-weight: 600;
}

#breadcrumbs>span>span>#text {
    color: #000;
}

.block-text-for-form {
    position: relative;
    top: -30px;
}

.form-uslug {
    position: relative;
    top: -35px;

}

a {
    color: #30ABB0;
    text-decoration: none;
    background-color: transparent;
    transition: 0.4s;
}

a:hover {
    color: #0096D7;
    text-decoration: none;
    background-color: transparent;
    transition: 0.4s;
}

.table>thead {
    background: #4bb9b4;
    color: #fff;
    font-weight: 800;
    font-size: 1.3em;
}

.table {
    margin-bottom: 60px;
}

.panel-default {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #dce7eb;
    animation-delay: 0.2s;



}

.div-wr-li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.div-wr-li>p {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    line-height: 34px;
    color: #959595;
}

.pl--6 {
    margin-left: 45px;
    padding-bottom: 15px;
}

.wr-content__vopros>p {

    font-size: 16px;
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    /*transform: translate(0, 0);*/
    padding: 0px;
    margin: 0px;
    z-index: 2;

}

.mb--6 {
    margin-bottom: 60px;
}
/*newbt*/
.bannerbtm {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}

.bannerbtm:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    /*padding: 15px 35px;*/
    /*font-size: 16px;*/
    display: inline-block;
    max-width: 240px;
   
}
/*newbt*/
.bannerbtmfff {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #232f3e;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border: 1px solid #fff;
    font-weight: 300;
  }

.bannerbtmfff:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #232f3e!important;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    max-width: 240px;
    border: 1px solid #fff;
   
}
/*newyel*/
.bannerbtmy {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #68c220;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ffcd05 50%, #ffcd05);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    
}
.project-info>p>.bannerbtmy {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #68c220;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ffcd05 50%, #ffcd05);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-bottom: 15px;
    
}

.bannerbtmy:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    /*padding: 15px 35px;*/
    /*font-size: 16px;*/
    display: inline-block;
    max-width: 240px;

   
}
/*newbt*/
 .btm-form input[type="submit"] {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 80%;
    margin: 10% 10% 0% 10%;
}



  .btm-form input[type="submit"]:hover { 
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    width: 80%;
    margin: 10% 10% 0% 10%;
}
/*newbt*/
 .btm-new {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
  
}



  .btm-new:hover { 
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    width: 190px;
    padding: 15px 20px;
    
}
/*idbtm*/
 #btm-new {

    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
  
}



  #btm-new:hover { 
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    width: 190px;
    padding: 15px 20px;
    
}

.form-gr-input-0>input{
 padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ffcd05;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /*margin: 30px 15px;*/
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
    margin: 15px;
  
}
.btn{
  background-color: #ffcd05!important;
}
.btn-primary{
  background-color: #ffcd05!important;
}



.form-gr-input-0>input:hover { 
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
    padding: 15px 35px;
    /*font-size: 16px;*/
    display: inline-block;
    width: 190px;
    margin: 15px;
    
}

.form-gr-input-0{
  justify-content: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form-gr-input{
/*    background: transparent;
    box-shadow: none !important;
    min-height: 44px!important;
    border-radius: 8px !important;*/

}

body{padding-right: 0px!important;}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin: 0px;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
/*.form-gr-input>span>input{
    background: transparent;
    box-shadow: none !important;
    min-height: 50px!important;
    border-radius: 8px !important;
    border: 1px solid #00000063;
    margin: 30px 0px 0px 0px;

}*/
.form-gr-input>span>input {
    background: #fff;
    box-shadow: none !important;
    min-height: 50px!important;
    border-radius: 8px !important;
    border: 0px;
    margin: 30px 0px 0px 0px;
}
.form-gr-input>span>textarea{
background: #fff;
    box-shadow: none !important;
    min-height: 50px!important;
    border-radius: 8px !important;
    border: 1px solid #00000063;
    margin: 30px 0px 0px 0px;

}

.modal-body>form>form>.form-gr-input-0>input {
    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #444;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    /* margin: 30px 15px; */
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 190px;
    padding: 15px 20px;
    margin: 15px;
}

.wr-0{
  padding: 0px;
}
.wr-0>div{
  display: flex;
  flex-wrap: wrap;
}



/*  animation-name: anima;
  animation-duration: 4s;
  animation-delay: 2s;
*/
.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;  
 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
 
    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;    
 
    visibility: visible !important;                     
}
 
@keyframes slideDown {
    0% {
        transform: translateY(-8%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        transform: translateY(4%);
    }
    95%{
        transform: translateY(-2%);
    }           
    100% {
        transform: translateY(0%);
    }       
}
 
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-8%);
    }
    50%{
        -webkit-transform: translateY(8%);
    }
    65%{
        -webkit-transform: translateY(-4%);
    }
    80%{
        -webkit-transform: translateY(4%);
    }
    95%{
        -webkit-transform: translateY(-2%);
    }           
    100% {
        -webkit-transform: translateY(0%);
      }
      }
      .panel-collapse{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
      }
   .wr-txt-list{
    font-size: 16px;
    margin-bottom: 60px;
   }

   .land-row2 .land-text2 {
    flex-basis: 50%;
    padding: 0 30px;
}
.land-row2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
   



   .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    background-image: url(/wp-content/uploads/banner/call_master_form_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}





.page-id-223 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control{
    background: transparent;
    box-shadow: none;
    height: 44px;
    border-radius: 8px;
    line-height: 22px;
    color: #444444;
    border: 1px solid #e9ecef;
    padding: 6px 20px;
    width: 100%;
    font-size: 16px;
    /* padding: 25px; */
    background: #fff;
    margin: 15px;
    width: 100%;
    height: 47px !important;
    border-radius: 10px;
    font-size: 16px;
    padding: 0px 20px 0px 20px;
}




.page-id-223 textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    min-height: 120px;
}

.page-id-929 textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    min-height: 120px;
}



.page-id-929 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    background: transparent;
    box-shadow: none;
    height: 44px;
    border-radius: 8px;
    line-height: 22px;
    color: #444444;
    border: 1px solid #e9ecef;
    padding: 6px 20px;
    width: 100%;
    font-size: 16px;
    /* padding: 25px; */
    background: #fff;
    margin: 15px;
    width: 100%;
    height: 47px !important;
    border-radius: 10px;
    font-size: 16px;
    padding: 0px 20px 0px 20px;
}








/*VADIM STYLE END*/





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer#colophon {
    color: #ffffff;
    background-color: #232f3e;
    padding: 90px 0;
}



.footer-img_wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footer-img_wrap .footer-img {
    flex-basis: 33.33%;
    max-width: 33.33%;
    padding: 3px;
}

.widget-title {
    font-size: 27px;
    /**/
    line-height: 1;
    margin-bottom: 15px;
}

.footer-item_links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer-item_links a {
    font-size: 14px;
    color: #FFF;
    /**/
    margin: 5px 0;
}

.footer-adress {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer-adress p {
    margin: 0;
}

.footer-adress * {
    font-size: 14px;
    line-height: 30px;
}

.footer-adress .soc {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footer-adress .soc a {
    width: 38px;
    height: 38px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 36px;
    margin: 0 3px;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: background 300ms cubic-bezier(.25, .46, .45, .94);
    -khtml-transition: background 300ms cubic-bezier(.25, .46, .45, .94);
    -moz-transition: background 300ms cubic-bezier(.25, .46, .45, .94);
    -ms-transition: background 300ms cubic-bezier(.25, .46, .45, .94);
    -o-transition: background 300ms cubic-bezier(.25, .46, .45, .94);
    transition: background 300ms cubic-bezier(.25, .46, .45, .94);
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.footer-img_logo img {
    display: block;
    width: 193px;
    margin: 0 0 15px;
}

.footer-text {
    margin-bottom: 15px;
}

.footer-item .footer-adr_link.footer-adr_link-bord {
    color: #FFF;
    font-size: 20px;
    text-decoration: none !important;
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    will-change: box-shadow, transform;
    border: 1px solid #FFF;
    border-radius: 10px;
    /*margin: 0 auto;*/
}

.site-info {
    border-top: 1px solid rgba(255, 255, 255, .15);
    max-width: 600px;
    margin: 30px auto 0;
    padding: 50px 0 0;
    text-align: center;
}

.site-info a {
    font-weight: 700;
}





.have-questions {
    padding: 60px 0;
}

.question-title {
    text-align: center;
    /**/
    font-size: 36px;
    line-height: 1;
    margin-bottom: 60px;
    text-transform: uppercase;
    color: #000000;
}

.form-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
}

.form-wrap>.form-block {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);
    border-top: 2px solid #343434;
    background-image: linear-gradient(-45deg, #fff, #fff);
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 50%;
    max-width: calc(50% - 30px);
    padding: 30px 15px 130px;
    margin: 0 15px;
    width: 100%;
    overflow: hidden;
    position: relative;
    justify-content: flex-start;
    transition: all 0.3s ease;
}

.form-wrap>.form-block .form-btn {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
}

.form-wrap>.form-block .form-block_icon {
    width: 100px;
    height: 100px;
    background-color: #0498d3;
    border-radius: 50%;
    padding: 22px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.form-wrap>.form-block .form-btn a.form-button {
    padding: 0;
    width: 210px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: 210px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    background: linear-gradient(-45deg, #68c220, #21b42b);
    margin: 10px 0 0 0;
    transition: all 0.3s ease;
    border-radius: 10px;
    background: #ffcd05;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    padding: 13px;
}


a.form-button:hover {
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;
}

.form-wrap>.form-block .form-name {
    text-align: center;
    /**/
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.form-side a {
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    position: inherit;
    background-image: linear-gradient(-45deg, #30ABB0, #0096D7);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
}

.form-wrap>.form-block:hover {
    background-image: linear-gradient(-45deg, #30ABB0, #0096D7);
}

.form-wrap>.form-block:hover .form-name {
    color: #fff;
}

.form-wrap>.form-block:hover .form-side a {
    background-image: linear-gradient(-45deg, #fff, #fff);
}


.form-wrap>.form-block:hover .form-block_icon {
    background-color: rgba(255, 255, 255, 0.3);
}

.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item input:not([type="submit"]),
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item textarea {
    border-color: #fff;
    color: #343434;
    background: #fff;

}

.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item input::-webkit-input-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item textarea::-webkit-input-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item input::-moz-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item textarea::-moz-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item input:-ms-input-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item textarea:-ms-input-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item input:-moz-placeholder,
.form-wrap>.form-block:hover .form-wrapper .form-wrapper-item textarea:-moz-placeholder {
    color: #fff;
}



.morePosts-title {
    font-size: 28px;
    text-align: center;
    /**/
    color: #2c3a4c;
    line-height: 30px;
    margin: 80px 0 50px;
}



.insideHeader {
    position: relative;
    width: 100%;
}

.header-wrapper {
    width: 100%;
    height: 120px;
    background: #232f3e;
}

.bredcrumbs-wrapper {
    display: flex;
    align-items: center;
    height: 50px;
    background: #4bb9b4;
}

#breadcrumbs {
    text-transform: uppercase;
    font-size: 12px;
    /*color: #fff;*/
}

.breadcrumb_last {
    color: #fff;
}

#breadcrumbs a,
#breadcrumbs a:hover {
    color: #000;
    text-decoration: none !important;
}







/*Testimonials CAROUSEL STYLE START*/

.shadow-effect {
    padding: 20px;
    border-radius: 4px;
    text-align: center;
}

#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    padding: 0px 15px;
}

.testimonial-name {
    color: #2c3a4c;
    font-size: 22px;
    /**/
    margin-bottom: 15px;
}

#customers-testimonials .item {
    height: 550px;
    text-align: center;
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    filter: blur(5px);
    background-image: url(/wp-content/uploads/reviews/review_bg.png);
    background-size: cover !important;
    background-repeat: no-repeat;
    width: 460px;
    margin-left: -50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
    filter: blur(0px);
}

#customers-testimonials .owl-item.active {
    z-index: -1;
}

#customers-testimonials .owl-item.active.center {
    z-index: 4;
}

#customers-testimonials.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 75px;
    margin: 10px auto 20px;
    border-radius: 0px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#customers-testimonials.owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    letter-spacing: 0;
    margin: auto -45px;
    width: calc(100% + 90px);
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#customers-testimonials.owl-carousel .owl-nav button.owl-next,
#customers-testimonials.owl-carousel .owl-nav button.owl-prev {
    background: transparent;
    color: #2ba9b3;
    border: 1px solid;
    padding: 0 0 3px !important;
    font-size: 40px;
    font-weight: 200;
    line-height: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}



/*Testimonials CAROUSEL STYLE END*/
.testimonials {
    margin: 40px 0 50px;
}

.otzyvyTitleBlock .testimonials-title {
    font-size: 28px;
    text-align: center;
    /**/
    font-weight: 700;
    color: #2c3a4c;
    line-height: 30px;
}

.btn-all-testimonial {
    text-align: center;
    margin-bottom: 20px 0;
}

.btn-all-testimonial a.allTest {
      background-color: #29b62a;
    color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    height: 50px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    background-image: linear-gradient(to left, transparent, transparent 50%, #ffcd05 50%, #ffcd05 );
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 250px;
    padding: 12px 20px;
}


.btn-all-testimonial a.allTest:hover {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px;
    border: 0;
    transition: 0.4s;
    background-position: 0 0;
    color: #fff;


    display: inline-block;
    width: 250px;
    padding: 12px 20px;
}




.price-table-title {
    text-align: center;
    color: #2c3a4c;
    font-size: 28px;
    /**/
    font-weight: 700;
    margin: 60px 0px 60px;
    line-height: 30px;
}

.price-tables-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.price-tables-row .table-item {
    flex-basis: 25%;
    max-width: calc(25% - 30px);
    width: 100%;
    margin: 0 15px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(96, 97, 115, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(96, 97, 115, 0.25);
    box-shadow: 0px 0px 30px 0px rgba(96, 97, 115, 0.25);
    margin-bottom: 20px;
    border-radius: 10px;
}

.price-tables-row .table-item .item-head {
    background: #00a8ef;
    /**/
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 0px;
    margin: 0px;
}

.price-tables-row .table-item .item-body {
    padding: 10px 30px 0;
}

.price-tables-row .table-item .item-body .main-price {
    text-align: center;
    font-size: 24px;
    color: #000;
    margin: 0;
    font-weight: 700;
    /**/
}

.price-tables-row .table-item .item-body .prem-price,
.price-tables-row .table-item .item-body .opt-price {
    color: #242424;
    font-size: 16px;
    margin: 0px 0px;
    text-align: center;
}

.price-tables-row .table-item .item-body .main-price span {
    color: #5bbf22;
    font-size: 18px;
}

.price-tables-row .table-item .item-body img {
    margin: 5px auto;
    display: block;
}

.price-tables-row .table-item .item-body .oborud {
    margin: 0 0 20px;
}

.price-tables-row .table-item .item-body .oborud .title {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: center;
}

.price-tables-row .table-item .item-body .text {
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
}

.price-tables-row .table-item .price-table-btn {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: calc(100% + 60px);
    display: block;
    border: 0px !important;
    margin: 0 -30px;
    padding: 15px 0px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(-45deg, #58bf22, #5bbf22);
    transition: all 0.2s ease-in;
}

.price_table-anons {
    font-size: 15px;
    text-align: center;
}

.price_table-anons span {
    color: #5bbf22;
    font-size: 18px;
}
























.navbar-dark .site-info {
    color: #fff;
}

.copyright {
    font-size: 0.875rem;
    margin-bottom: 0;
    text-align: center;
}

.copyright a,
footer#colophon a {
    color: inherit;
}

@media screen and (max-width: 767px) {
    #masthead .navbar-nav>li>a {
        padding-bottom: 0.938rem;
        padding-top: 0.938rem;
    }
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    html {
        font-size: 95%;
    }
}

@media screen and (max-width: 1199px) {
    .navbar-dark .dropdown-item {
        color: #fff;
    }

    .navbar-nav .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border: none;
    }
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    html {
        font-size: 90%;
    }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
    html {
        font-size: 85%;
    }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    html {
        font-size: 80%;
    }
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
    html {
        font-size: 75%;
    }

    #fca_phone_div.fca-phone.fca-mobile {
        width: 40px !important;
        height: 40px;
        left: 10px !important;
    }

    div#fca_phone_div {
        right: auto !important;
        bottom: 12px !important;
    }

    .fca-phone.fca-mobile .fca-ph-img-circle {
        left: 0px;
        top: 0px;
        opacity: .9;
        box-shadow: 0 2px 3px 1px rgb(0 0 0 / 20%);
        width: 45px !important;
        height: 45px !important;
    }
}







.listStage {
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
}

.listStage li {
    flex-basis: 25%;
    line-height: 20px;
    list-style: none;
}

.numberStage {
    font-size: 90px;
    color: #e1ecf1;
    position: absolute;
    z-index: 1;
    font-weight: bold;
}

.stageBlock {
    width: 80%;
    background-color: #139fce;
    border-radius: 10px;
    z-index: 1;
    position: relative;
    margin-top: 25px;
}

.stageBlock p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 15px;
    line-height: 25px;
}

.paddingLeft {
    padding-left: 0px;
}

.configTitle {
    color: #4bb9b4;
    font-size: 24px;
    position: relative;
    margin-left: 30px;
}

.subConfig {
    margin-top: 30px;
    margin-bottom: 60px;
}

.subConfig p {
    font-size: 18px;
    line-height: 25px;
    padding: 0px 30px 0px 0px;
    color: #000;
}

.textBlockStage {
    clear: both;
}

@media (min-width: 576px) {
    .col-sm-6 {
        width: 50%;
        float: left;
    }

}

@media (max-width: 575.98px) {
    .block-main-bg {
        background-repeat: no-repeat;
        background-size: cover;
        /*padding: 28px 0px 20px 22px;*/
        padding: 20px 0px 20px 0px;
        margin-bottom: 25px;
    }

    .title-block-video {
        font-size: 24px;
        line-height: 26px;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #fff;
          
        text-transform: uppercase;
        font-weight: normal;
        /* font-family: "Proxima Nova "; */
    }

    .bredcrumbs-wrapper {
        height: 70px;
    }

    #wrmob {
        height: 55px;
    }

    .row-text-with-img {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    img.krug-krut-system {
        position: relative;
        top: -11px;
        width: 62%;
    }

    .krug-krut2 {
        position: absolute;
        top: -66px;
        left: 0;
        right: 0;
        margin: auto;
        animation: rotate-benefit 7s linear infinite;
    }

    .form-wrapper .form-wrapper-item input,
    .form-wrapper .form-wrapper-item textarea {
        background: transparent;
        box-shadow: none;
        height: 44px;
        border-radius: 8px;
        line-height: 22px;
        color: #444444;
        border: 1px solid #e9ecef;
        padding: 6px 20px;
        width: 100%;
        font-size: 16px;
        /* padding: 25px; */
        background: #fff;
        margin: 0px;
    }

    .header-content .phones .phones-item a {
        line-height: 20px;
        font-size: 12px !important;
        ;
        height: 20px;
    }

    .text-block-main {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .h2-title-block {
        font-size: 21px;
        line-height: 32px;
        text-align: center;
        font-weight: 800;
        margin-top: 55px;

        max-width: 100%;
        /*margin:0px 10%; */
        position: relative;
        top: 20px;
    }

    .uk-article-title {
        font-size: 30px;
        line-height: 31px;
        font-weight: 300;
        text-transform: none;
        font-weight: 800;
        margin: 0px;
    }

    .bannerLink.link-video-main {
        border-radius: 7px !important;
        color: #fff !important;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 22px;
        padding: 0;
        height: 50px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        background: #ffcd05;
        border-radius: 10px;
        border: 0;
        transition: 0.4s;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
        background-position: 100% 0;
        background-size: 200% 100%;
        transition: all .25s ease-in;
        max-width: 240px;
        min-width: 80%;
        margin-top: 10px;
    }

    .form-wrapper .form-wrapper-item input[type="submit"] {
        padding: 0;
        height: 50px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        background: #ffcd05;
        border-radius: 10px;
        border: 0;
        transition: 0.4s;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        margin: 15px 0px;
        display: block;
        background-image: linear-gradient(to left, transparent, transparent 50%, #68c220 50%, #68c220);
        background-position: 100% 0;
        background-size: 200% 100%;
        transition: all .25s ease-in;
        /* width: 80%; */
    }

    .form-wrapper .form-wrapper-item {
        /* margin: 0 0 15px; */
        /* padding: 0px 25px; */
        min-width: 100%;
    }

    .wrform {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 50px;
        width: 100%;
    }

    .form-uslug {
        position: relative;
        top: -15px;
    }

    .bg-suprovid-icon {
        /* background-image: url(/images/suprovid/backgroundcctv2.jpg); */
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 30px 30px 30px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .text-after-spis-bold2 {
        font-size: 16px;
        line-height: 25px;
        font-weight: bold;
        color: #424242;
        margin-bottom: 2px;
    }
    .wr-0{
  padding: 15px;
}
.wr-0>div{
  display: flex;
  flex-wrap: wrap;
}
  .panel-collapse{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
      }
      .wr-content__vopros{
        margin-bottom: 15px;
      }
.land-row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

}


@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1440px) {}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .krug-krut2 {
        position: absolute;
        top: -75px;
        left: 0;
        right: 0;
        margin: auto;
        animation: rotate-benefit 7s linear infinite;
    }

    .img-with-krug img.krug-krut {
        top: -77px;
    }
}



div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ff0000;
    display: none!important;
}

.FAQ h2 {
    text-align: center;
}
.faq_container {
    background-color: rgb(75 185 180 / 0.15);
    border-radius: 10px;
    margin-bottom: 10px;
}
.faq_question {
    padding: 25px 35px;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}
.faq_container[open] .faq_question:after {
	transform: rotateZ(45deg);
}
.faq_container[open] .faq_question:before {
	transform: rotateZ(-45deg);
}
summary.faq_question:after {
    content: '';
    position: absolute;
    background-color: #000;
    display: block;
    width: 11px;
    height: 2px;
    border-radius: 2px;
    top: 50%;
    transform: rotateZ(-45deg);
    right: 30px;
	transition: all 1s;
}
summary.faq_question:before {
    content: '';
    position: absolute;
    background-color: #000;
    display: block;
    width: 11px;
    height: 2px;
    border-radius: 2px;
    top: 50%;
    transform: rotateZ(45deg);
    right: 23px;
	transition: all 1s;
}
.faq_text {
    padding: 25px 35px;
    border-top: solid 2px #fff;
    font-weight: 16px;
}
summary::-webkit-details-marker {
    display: none;
}
.faq_container[open] .faq-arrow svg{
    transform: rotateX(180deg) translateY(50%);
}
.faq-arrow svg{
    transition: 0.3s;
    width: 15px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}
.FAQ {
    margin-bottom: 50px;
}
.faq_container[open] span {
  animation: spoiler 1s;
}
.faq_container[open] ul {
animation: spoiler 1s;
}
.faq_container ul {
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.faq_container span {
    padding: 5px 0;
}
@keyframes spoiler {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
.FAQ .wrapper h2 {
    font-family: "Bebas Neue";
    font-style: normal;
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    color: #2C3D4F;
    margin-bottom: 40px;
    letter-spacing: 0;
    text-align: center;
}
.page-template-template-usluga .FAQ {
    margin-bottom: 0;
}
.FAQ details, .FAQ summary {
    outline: none!important;
}
.FAQ a {
    color: #257bd1;
    transition: all 0.3s;
}
.FAQ a:hover {
    color: #E56101;
}
@media (max-width: 500px) {
    .faq_question {
        font-size: 18px;
        padding: 25px 15px;
        padding-right: 35px;
    }
    .faq-arrow svg {
        right: 15px;
    }
    .faq_text {
        padding: 25px 15px;
    }
}
.faq_text p {
  margin-bottom: 0;
}
.container_blog {
    display: flex;
}
.container_blog_left {
    max-width: 680px;
}
.container_blog_rigth {
    width: calc(100% - 680px);
    margin-top: 35px;
}
.baner_item_blog img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0 0 30px -15px #000;
    margin-bottom: 12px;
}
.container_blog_rigth {
    position: relative;
}
.container_blog_img {
    top: 63px;
    transition: all 0.3s linear;
}
.container_blog .submitSection {
    margin-bottom: 15px;
    margin-top: 0px;
}
.container_blog  .formSubmitApp {
    max-width: 650px;
}
.container_blog .form-wrapper .form-wrapper-item input,.container_blog .form-wrapper .form-wrapper-item textarea {
    width: 100%;
    margin: 0;
}
.container_blog .formSubmitApp .form-wrapper .form-wrapper-item input[type="submit"] {
    width: 100%;
}
@media (max-width: 1199px) {
   .container_blog_left {
        max-width: 580px;
    }
    .container_blog_rigth {
        width: calc(100% - 580px);
    } 
}
@media (max-width: 991px) {
    .container_blog_left, .container_blog_rigth{
        width: 100%;
        max-width: 100%;
    }
    .container_blog {
        flex-direction: column;
    }
}

/*
.header-content .menu-toggler{
right: 10px;
position: absolute;
top: 35px;
z-index: 999;
}
.site-header.scrolling .menu-toggler{
    top: 8px;
}


@media (max-width: 991px) {
.header-content .menu-toggler{
    top: 29px;
}

}

@media (max-width: 792px) {
.site-header .menu-toggler{
    top: 2px;
}
.site-header.scrolling .menu-toggler{
    top: 2px;
}

}
*/
@media (max-width: 575.98px) {

.header-content .phones{
    margin-right: 50px !important;
}   
.header-content .menu-toggler{
    z-index: 999;
    top: 2px;
}


.site-header.scrolling .menu-toggler{
    top: 2px;
}


}