:root {
    --header-hegiht: 90px;
}

@font-face {
    font-family: 'icomoon';
    font-display: swap;
    src: url('../fonts/icomoon.eot?87545j');
    src: url('../fonts/icomoon.eot?87545j#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?87545j') format('truetype'),
    url('../fonts/icomoon.woff?87545j') format('woff'),
    url('../fonts/icomoon.svg?87545j#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
    content: "\e900";
}

.icon-facebook:before {
    content: "\e901";
}

.icon-info:before {
    content: "\e902";
}

.icon-linkedin:before {
    content: "\e903";
}

.icon-mail:before {
    content: "\e904";
}

.icon-menu:before {
    content: "\e905";
}

.icon-play-button:before {
    content: "\e906";
}

.icon-search:before {
    content: "\e907";
}

.icon-send:before {
    content: "\e908";
}

.icon-twitter:before {
    content: "\e909";
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../fonts/fa-brands-400.eot");
    src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.fa-facebook-f:before {
    content: "\f39e";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-linkedin-in:before {
    content: "\f0e1";
}

.fa-envelope:before {
    content: "\f0e0";
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: local('../fonts/Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
    url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
    url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-Heavy.eot');
    src: local('../fonts/Gilroy Heavy'), local('Gilroy-Heavy'),
    url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Heavy.woff') format('woff'),
    url('../fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-LightItalic.eot');
    src: local('../fonts/Gilroy Light Italic'), local('Gilroy-LightItalic'),
    url('../fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-LightItalic.woff') format('woff'),
    url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-ThinItalic.eot');
    src: local('../fonts/Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
    url('../fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-ThinItalic.woff') format('woff'),
    url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-BlackItalic.eot');
    src: local('../fonts/Gilroy Black Italic'), local('Gilroy-BlackItalic'),
    url('../fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-BlackItalic.woff') format('woff'),
    url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-BoldItalic.eot');
    src: local('../fonts/Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
    url('../fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-BoldItalic.woff') format('woff'),
    url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: local('../fonts/Gilroy SemiBold'), local('Gilroy-SemiBold'),
    url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-SemiBold.woff') format('woff'),
    url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-UltraLightItalic.eot');
    src: local('../fonts/Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
    url('../fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-UltraLightItalic.woff') format('woff'),
    url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-SemiBoldItalic.eot');
    src: local('../fonts/Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
    url('../fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-SemiBoldItalic.woff') format('woff'),
    url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-Light.eot');
    src: local('../fonts/Gilroy Light'), local('Gilroy-Light'),
    url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Light.woff') format('woff'),
    url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-MediumItalic.eot');
    src: local('../fonts/Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
    url('../fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-MediumItalic.woff') format('woff'),
    url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-ExtraBoldItalic.eot');
    src: local('../fonts/Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
    url('../fonts/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('../fonts/Gilroy Regular'), local('Gilroy-Regular'),
    url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Regular.woff') format('woff'),
    url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-HeavyItalic.eot');
    src: local('../fonts/Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
    url('../fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-HeavyItalic.woff') format('woff'),
    url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('../fonts/Gilroy Medium'), local('Gilroy-Medium'),
    url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Medium.woff') format('woff'),
    url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-RegularItalic.eot');
    src: local('../fonts/Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
    url('../fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-RegularItalic.woff') format('woff'),
    url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-UltraLight.eot');
    src: local('../fonts/Gilroy UltraLight'), local('Gilroy-UltraLight'),
    url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-UltraLight.woff') format('woff'),
    url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('../fonts/Gilroy Bold'), local('Gilroy-Bold'),
    url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Bold.woff') format('woff'),
    url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/Gilroy-Thin.eot');
    src: local('../fonts/Gilroy Thin'), local('Gilroy-Thin'),
    url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Thin.woff') format('woff'),
    url('../fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    font-display: swap;
    src: url('../fonts/../fonts/Gilroy-Black.eot');
    src: local('../fonts/Gilroy Black'), local('Gilroy-Black'),
    url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gilroy-Black.woff') format('woff'),
    url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

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

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

/* Minimal base styles
More Info: https://github.com/paulirish/html5-boilerplate/blob/362d0b7/css/style.css
*/
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll
}

a:link {
    -webkit-tap-highlight-color: initial
}

ul, ol {
    margin-left: 2em
}

ol {
    list-style-type: decimal
}

nav ul, nav li {
    list-style: none;
    list-style-image: none;
    margin: 0
}

small {
    font-size: 85%
}

b, strong, th {
    font-weight: 700
}

td {
    vertical-align: top
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

pre {
    padding: 15px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ie6 legend, .ie7 legend {
    margin-left: -7px
}

button, input, select, textarea {
    margin: 0;
    overflow: visible;
    vertical-align: baseline;
    width: auto
}

textarea {
    overflow: auto;
    vertical-align: text-top
}

label, input[type=button], input[type=submit], input[type=image], button {
    cursor: pointer
}

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

input:invalid, textarea:invalid {
    -moz-box-shadow: 0 0 5px red;
    -webkit-box-shadow: 0 0 5px red;
    border-radius: 1px;
    box-shadow: 0 0 5px red
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

/* ------------------------- Backgrounds */
/*body {background:url("../images/im_bg.gif") left top repeat;}*/

/* ------------------------- Generic */
html, body {

    /*height:100%;*/
}

body.menu-open {
    overflow: hidden !important;

    /* position:fixed;*/
}

body {
    font-family: 'Gilroy' !important;
    color: #515151;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

@media (min-width: 767px) {

    .container {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1680px;
        width: 90%;
    }
}

.clear {
    clear: both;
}

img { /* Needed for mobile */
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* ------------------------- Typography */
strong {
    font-weight: bold;
}

p {
}

address {
}

pre, code {
    font-family: monospace;
}

/* Links */
a, a:visited, a:active {
}

a:hover {
    color: #931847;
}

.btn.focus, .btn:focus {
    box-shadow: none;
    outline: none;
}

/* ------------------------- Forms */
input {
}

/*input[type="text"]{
	line-height: 50px;
	height:50px;
background-color: #f2f2f2;
color: #424242;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
border:0px;
border-radius:0px;
}*/

select {
}

label {
}

.pb-50 {
    padding-bottom: 50px !important;
}

.hidden {
    display: none;
}

/* ------------------------- Lists */
ul.unstyled {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* ------------------------- Layout */
.preloader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
}

.preloader .fadeIn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 50%;
    height: 30px;
}

.preloader .fadeIn span {
    color: #414141;
    font-size: 29px;
    font-weight: 700;
    line-height: 30px;
    opacity: 0;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    -webkit-animation: fadeEffect 4.5s linear 0s;
    -ms-animation: fadeEffect 4.5s linear 0s;
    animation: fadeEffect 4.5s linear 0s;
}

.fadeIn span:nth-child(1) {

}

.fadeIn span:nth-child(2) {
    animation-delay: 1s;
    -ms-animation-delay: 1s;
    -webkit-animation-delay: 1s;

}

.fadeIn span:nth-child(3) {
    animation-delay: 2s;
    -ms-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    display: none;
}

.fadeIn span:nth-child(4) {

    animation-delay: 3s;
    -ms-animation-delay: 3s;
    -webkit-animation-delay: 3s;
}

.fadeIn span:nth-child(5) {
    animation-delay: 10s;
    -ms-animation-delay: 10s;
    -webkit-animation-delay: 10s;

}

/*FadeIn Animation*/
/*
@-moz-keyframes fadeEffect {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeEffect {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


@-ms-keyframes fadeEffect {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    10% {
        opacity: 1;
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    25% {
        opacity: 1;
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    30% {
        opacity: 0;
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
*/

@keyframes fadeEffect {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
        transform: translateY(0px);
    }
    10% {
        opacity: 1;
        transform: translateY(0px);
    }
    25% {
        opacity: 1;
        transform: translateY(0px);
    }
    30% {
        opacity: 0;
        transform: translateY(0px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.transition {
    top: -100% !important;

    transition: all 2s !important;
}

header {
    padding: 20px 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    /*transition:all .5s;*/
}

header .def-logo {
    display: none;
}

header.fixed {
    padding: 25px 0px 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
    background: #fff;
    /*transition:all .3s;*/
    position: fixed;
    left: 0px;
    width: 100%;
    top: 0;
    z-index: 200;
}

header.fixed .def-logo {
    display: inline-block;
}

header.fixed .white-logo {
    display: none;
}

body.menu-open header.fixed {
    background: transparent;
    position: relative;
}

.menu-open footer,
.menu-open #content {
    display: none;
}

.overflow-hidden {
    overflow: hidden;

    position: relative;
    height: 100%;
}

.logo img {
    float: left;
}

header .header-text {
    display: none;
}

header .header-text a {
    margin-right: 0;
    text-align: right;
}

header .header-text a:last-child {
    margin-right: 0;
}

header .header-text, header .header-text a {
    color: #fff;
    text-decoration: none;
}

header .header-text a:hover, header.fixed .header-text a:hover, .page header .header-text a:hover, .single header .header-text a:hover {
    color: #3300ff;
}

.page header .header-text, .page header .header-text a, .single header .header-text a, .post-type-archive-fw-portfolio header .header-text a, .error404 header .header-text a {
    color: #515151;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.single header .header-text a {
    color: #fff;
}

.single-post header .header-text a {
    color: #515151;
}

.single-post header .header-text a:hover {
    color: #3300ff;
}

header.fixed .header-text,
header.fixed .header-text a {
    color: #515151;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

header .header-phone {
    display: none;
}

.header-text span {
    margin-left: 5px;
}

.mnu-btn {
    margin-top: 0;
}

.mnu-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 33;
}

header.fixed .mnu-btn a {
    color: #515151;
}

header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

header.fixed .mnu-btn a span:after {
    content: "\e905";
    font-family: 'icomoon' !important;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

header.fixed .mnu-btn {
    margin-top: -10px;
}

.mnu-btn a span {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: #fff;
    position: relative;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 17px;
    /*transition: all .3s;*/
}

.mnu-btn a span:after {
    content: "\e905";
    font-family: 'icomoon' !important;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.mnu-btn a span:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0px;
    vertical-align: middle;
}

.page .mnu-btn a, .post-type-archive-fw-portfolio .mnu-btn a, .search-results .mnu-btn a, .search-no-results .mnu-btn a, .error404 .mnu-btn a {
    color: #515151;
}

.page-template-page-blog .mnu-btn a, .single .mnu-btn a, .page-template-page-blog_draft a {
    color: transparent !important;
}

.page .mnu-btn a span, .single .mnu-btn a span, .post-type-archive-fw-portfolio .mnu-btn a span, .search-results .mnu-btn a span, .search-no-results .mnu-btn a span, .error404 .mnu-btn a span {
    background: #000;
}

.page .mnu-btn a span:after, .single .mnu-btn a span:after, .post-type-archive-fw-portfolio .mnu-btn a span:after, .search-results .mnu-btn a span:after, .search-no-results .mnu-btn a span:after, .error404 .mnu-btn a span:after {
    color: #fff;
}

.page header .def-logo, .post-type-archive-fw-portfolio header .def-logo, .search-results header .def-logo, .search-no-results header .def-logo, .error404 header .def-logo {
    display: block;
}

.page header .white-logo, .post-type-archive-fw-portfolio header .white-logo, .search-results header .white-logo, .search-no-results header .white-logo, .error404 header .white-logo {
    display: none;
}

.search-no-results .empty-result {
    text-align: center;
    font-weight: 500;
    font-size: 23px;
    min-width: 100%;
}

.mnu-btn a span img {
    vertical-align: middle;
    display: inline-block;
}

.lang-wrap {
    padding-top: 0;
    padding-right: 0;
}

.lang-wrap li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.lang-wrap a, .page-template-page-blog .lang-wrap a, .single .lang-wrap a, .page-template-page-blog_draft .lang-wrap a {
    display: block;
}

.page-template-page-blog .fixed .header-text {
    /*display: flex;*/
    display: none;
}

.page-template-page-blog .fixed .header-text.open {
    display: flex;
}

#to-top {
    display: flex;
    position: fixed;
    left: 25px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    border: 0;
    z-index: 400;
}

#to-top:hover {
    background: #3300ff;
}

#to-top:hover .ico-arrow-up {
    background-image: url("/wp-content/themes/brainlab/images/arrow-up-white.svg");
}

@media (max-width: 1024px) {
    .mnu-btn a span {
        margin-left: 7px;
    }
}

@media (max-width: 767px) {
    :root {
        --header-hegiht: 85px;
    }

    .logo {
        margin-bottom: 0px;
        float: left;
        width: 50%;
    }

    header .logo img.def-logo {
        display: none;
    }

    header .logo img.white-logo {
        float: none;
        display: inline-block;
    }

    .page header .logo img.white-logo {
        display: none;
    }

    .page header .def-logo {
        display: inline-block !important;
    }

    header.fixed {
        padding: 15px 0px 15px;
    }

    header.fixed .logo img.white-logo {
        display: none;
    }

    header.fixed .logo img.def-logo {
        float: none;
        display: inline-block;
    }

    header .header-text,
    header .header-text a {
        color: #000;

    }

    .page header .header-text, .page header .header-text a, .single header .header-text a, .post-type-archive-fw-portfolio header .header-text a, .error404 header .header-text a {
        color: #000;
    }

    header.fixed .header-text, header.fixed .header-text a {
        color: #000;
    }

    #header-btn-phone {
        cursor: pointer;
    }

    #header-btn-phone .phone-black {
        display: block;
    }

    #header-btn-phone .phone-white {
        display: none;
    }

    .home-page #header-btn-phone .phone-black,
    .home-page header.fixed #header-btn-phone .phone-white {
        display: none;
    }

    .home-page #header-btn-phone .phone-white,
    .home-page header.fixed #header-btn-phone .phone-black {
        display: block;
    }

    header .header-phone {
        display: flex;
        height: 40px;
        width: 30px;
        max-width: 30px;
        margin-right: 10px;
        margin-left: auto;
        align-items: center;
        padding: 0;
        position: relative;
        z-index: 200;
    }

    header .ico-phone {
        max-width: 25px;
    }

    header .header-text {
        display: none;
        position: absolute;
        top: 85px;
        left: 0;
        background: #fff;
        height: 60px;
        width: 100%;
        /*border-top: 1px solid #e1e1e1;*/
        border-bottom: 1px solid #e1e1e1;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 1.5s;
    }

    header .header-text a, .page header .header-text, .page header .header-text a, .single header .header-text a, .post-type-archive-fw-portfolio header .header-text a, .error404 header .header-text a {
        font-weight: bold;

    }

    /*.home-page header .header-text {
        background: transparent;
        border-bottom: 0;
    }*/
    .home-page header.fixed .header-text {
        background: #fff;
    }

    header .header-text.open {
        display: flex;
        opacity: 1;
        transform: translateY(0);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
        top: 85px;
        flex-direction: column;
    }

    header.fixed .header-text {
        top: 85px;
    }

    .page header .header-text a {
        margin: 0;
    }

    .mnu-btn {
        margin-top: 0px;
        float: right;
        width: auto;
        padding-left: 0px;
        margin-left: 0 !important;
        display: flex;
        align-items: center;
    }

    .mnu-btn a {
        font-size: 12px;
        font-weight: bold;
    }

    .mnu-btn a span,
    header.fixed .mnu-btn a span {
        width: 34px;
        height: 34px;
        margin-left: 0px;

    }

    header.fixed .mnu-btn {
        margin-top: 0;
    }

    header .lang-wrap {
        display: flex;
        margin-left: 20px;
    }

    header.fixed .lang-wrap {
        margin-left: 10px;
    }

    .lang-wrap a, .page-template-page-blog .lang-wrap a, .single .lang-wrap a, .page-template-page-blog_draft .lang-wrap a {
        margin-bottom: 0;
    }

    .page-template-page-blog .mnu-btn a, .single .mnu-btn a, .post-type-archive-fw-portfolio .mnu-btn a, .page-template-page-blog_draft .mnu-btn a {
        color: #515151 !important;
    }

}

@media (max-width: 400px) {
    header .header-text a {
        margin: 0;
    }

    .page header .header-text a {
        font-size: 14px;
        margin: 0;
    }

    .page header .header-text a:first-child {
        margin-right: 0;
    }

    header .header-text {
        flex-direction: column;
        height: 70px;
    }

    .header-text span {
        margin-left: 0;
    }

}

.footer {
    background: #fff;
    padding: 0;
}

.footer span {
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    position: relative;
}

.footer div.line {
    width: 20%;
}

.footer div.line span {
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, .7);
}

@media (max-width: 1400px) {
    .footer span {
        font-size: 12px;
    }

    .footer div.line {

        width: 10%;
    }
}

@media (max-width: 767px) {
    .footer span {
        font-size: 14px;
    }

    .footer .d-flex {
        display: block !important;
    }

    .footer div.line {
        width: 100%;
    }

    .footer .flex-fill {
        text-align: center !important;
        margin: 7px 0px;
    }
}

/* MENU */

.cd-nav-trigger.close-nav {
    /* user clicks on the .cd-nav-trigger element - transform the icon */
    /*z-index: 333;*/

}

.cd-nav-trigger .text-open {
    display: inline-block;
}

.mnu-btn a.cd-nav-trigger.close-nav span {
    background: #fff;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

@media (max-width: 767px) {
    .cd-nav-trigger.close-nav {
        margin-top: -50px;
        transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
    }

    .cd-nav-trigger .text-open {
        display: none;
    }
}

.hidden-content {
    /* by default it's hidden */
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    width: 100%;
    z-index: 44;
    background-color: #000;
    padding: 0 15% 0px;
    align-items: center;
    overflow: auto;
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
}

.w-logo {
    position: absolute;
    top: 50px;
    left: 15px;
}

.hidden-content .cd-nav-trigger {
    position: absolute;
    top: 25px;
    right: 15px;
    color: #515151;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 33;
}

.hid-container {
    position: absolute;
    width: 90%;
    max-width: 1680px;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
}

@media (min-width: 1400px) {
    .w-logo {
        left: 15px;
    }

    .hidden-content .cd-nav-trigger {
        right: 15px;
    }

    .hidden-content {
        padding: 0 15% 0px;
    }
}

.hidden-content .cd-nav-trigger span {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: #000;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 17px;
    transition: all .3s;
}

.hidden-content .cd-nav-trigger.close-nav span {
    background: #fff;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.hidden-content .cd-nav-trigger.close-nav span:after {
    content: "\e905";
    font-family: 'icomoon' !important;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.hidden-content .cd-nav-trigger.close-nav span:after {
    content: "\e905";
    font-family: 'icomoon' !important;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.hidden-content .cd-nav-trigger span:before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0px;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .w-logo {
        top: 30px;
        left: 15px;
    }

    .hidden-content {
        /*position: absolute;*/
        padding: 90px 5% 0px;
    }

    .hidden-content .cd-nav-trigger {

    }

    .hidden-content .cd-nav-trigger {
        font-size: 12px;
        top: 70px;
        right: 0px;
    }

    .hidden-content .cd-nav-trigger span {
        width: 50px;
        height: 50px;
        margin-left: 5px;
    }
}

.cd-primary-nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.cd-primary-nav li {
    margin-bottom: 30px;
    position: relative;
}

/*
.cd-primary-nav li span {
    display: inline-block;
    vertical-align: top;
    color: #525252;
    font-size: 17px;
    font-weight: 700;
    line-height: 78px;
    margin-right: 20px;
}
*/

.cd-primary-nav a {
    color: #ffffff;
    font-size: 70px;
    font-weight: 700;
    line-height: 78px;
    text-decoration: none;
    transition: all .3s;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.cd-primary-nav a:hover {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    transition: all .3s;
}

.cd-primary-nav li ul {
    padding: 20px;
    margin: 0px;
    list-style: none;
    position: absolute;
    right: -220px;
    top: -15px;
    background: transparent;
    z-index: 2;
    display: none;
    min-width: 380px;
}

.cd-primary-nav li:nth-child(4) ul {
    top: -15px;
}

.cd-primary-nav li ul li {
    margin-bottom: 25px;
}

.cd-primary-nav li ul li a {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    font-weight: 700;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
    animation-play-state: paused;
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
    transition: all .3s;
}

.cd-primary-nav li:nth-child(4) ul li a {
    font-size: 24px;
}

.cd-primary-nav li ul li a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0px;
    height: 1px;
    background: #fff;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.cd-primary-nav li ul li a:hover {
    color: #fff;
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
    transition: all .3s;
}

.cd-primary-nav li ul li a:hover:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.cd-primary-nav li ul li:nth-child(1) a {

    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration: 0s;
    animation-delay: 0s;
}

.cd-primary-nav li ul li:nth-child(2) a {
    font-size: 21px;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-duration: 0.2s;
    animation-delay: 0.2s;
}

.cd-primary-nav li ul li:nth-child(3) a {
    font-size: 40px;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-duration: 0.4s;
    animation-delay: 0.4s;
}

.cd-primary-nav li ul li:nth-child(4) a {
    font-size: 40px;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-duration: 0.6s;
    animation-delay: 0.6s;
}

.cd-primary-nav li ul li:nth-child(5) a {
    font-size: 21px;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-duration: 0.8s;
    animation-delay: 0.8s;
}

.cd-primary-nav li:hover > ul {
    display: block;
}

.cd-primary-nav li:hover > ul li a {
    animation-play-state: running;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.hidden-content.fade-in {
    /* navigation visible at the end of the circle animation */
    visibility: visible;
    opacity: 1;
}

.hidden-content .s-social {
    max-width: 300px;
    margin-top: 15px;
}

.hidden-content .c-column {
    padding-top: 0px;
    padding-bottom: 30px;
}

.cd-overlay-nav, .cd-overlay-content {
    /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
    position: fixed;
    top: 64px;
    right: 7.3%;
    height: 4px;
    width: 4px;
    -webkit-transform: translateX(-20px) translateY(20px);
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -o-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px);
}

body.hasfixed .cd-overlay-nav, body.hasfixed .cd-overlay-content {
    top: 18px;
    right: 6.3%;
}

.cd-overlay-nav span, .cd-overlay-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
    /* background fades out at the end of the animation */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
    /* main rounded colored bg 1 */
    z-index: 33;
}

.cd-overlay-nav span {
    background-color: #000;
}

.cd-overlay-content {
    /* main rounded colored bg 2 */
    z-index: 44;
}

.cd-overlay-content span {
    background-color: #fff;
}

.cd-content {
    /* just some dummy content */
    padding: 80px 0;
    width: 90%;
    max-width: 767px;
    margin: 0 auto;
    z-index: 1;
}

@media (max-width: 1700px) {

    .section-menu .order-0 {
        padding: 0;
        margin-left: -60px;
    }

    .cd-primary-nav li ul {
        right: -275px;
    }

    #primary-menu > li > a:lang(uk) {
        font-size: 55px;
    }

}

@media (max-width: 1600px) {
    .cd-primary-nav li {
        margin-bottom: 15px;
    }
}

@media (max-width: 1400px) {
    .section-menu .order-0 {
        padding: 0;
        margin-left: -50px;
    }

    .section-menu .order-1 {
        margin-left: -30px;
    }

    .cd-primary-nav a {
        font-size: 58px;
    }

    .cd-primary-nav li {
        margin-bottom: 10px;
    }

    .cd-primary-nav li ul {
        min-width: 380px;
    }

    .cd-primary-nav li ul {
        right: -275px;
    }

    #primary-menu > li > a:lang(uk) {
        font-size: 49px;
        line-height: 58px;
    }

    .cd-primary-nav li ul:lang(uk) {
        margin-top: 15px;
    }
}

@media (max-width: 1200px) {

    .section-menu .order-0 {
        margin-left: -35px;
    }

    .cd-primary-nav a {
        font-size: 48px;

        line-height: 68px;
    }

    .cd-primary-nav li ul {
        right: -120px;
        background: transparent;
        min-width: 211px;
    }

    .cd-primary-nav li:nth-child(4) ul {
        top: -30px;
    }

    .cd-primary-nav li ul li a {
        font-size: 19px;
        line-height: 35px;

    }

    .cd-primary-nav li ul li:nth-child(1) a {

    }

    .cd-primary-nav li ul li:nth-child(2) a {
        font-size: 19px;

    }

    .cd-primary-nav li ul li:nth-child(3) a {
        font-size: 19px;

    }

    .cd-primary-nav li ul li:nth-child(4) a {
        font-size: 19px;

    }

    .cd-primary-nav li ul li:nth-child(5) a {
        font-size: 19px;

    }

    .cd-primary-nav li ul:lang(uk) {
        margin-top: 0;
    }
}

@media (max-width: 990px) {
    .section-menu .order-0 {
        margin-left: 0;
    }

    .section-menu .order-1 {
        margin-left: -30px;
    }

    .cd-primary-nav li ul li:nth-child(1) a,
    .cd-primary-nav li ul li:nth-child(2) a,
    .cd-primary-nav li ul li:nth-child(3) a,
    .cd-primary-nav li ul li:nth-child(4) a,
    .cd-primary-nav li ul li:nth-child(5) a,
    .cd-primary-nav li ul li:nth-child(6) a,
    .cd-primary-nav li ul li:nth-child(7) a {
        font-size: 17px;
    }

    .cd-primary-nav a {
        font-size: 46px;
        line-height: 56px;
    }

    .cd-primary-nav li ul {
        right: -130px;
    }

    .cd-primary-nav li {
        margin-bottom: 20px;
    }

    .cd-primary-nav li ul li {
        margin-bottom: 5px;
    }

    #primary-menu > li > a:lang(uk) {
        font-size: 39px;
        line-height: 45px;
    }

}

@media (max-width: 850px) {

    .cd-primary-nav li {
        margin-bottom: 15px;
    }

    .cd-primary-nav li ul {
        right: -150px;
    }

    .cd-primary-nav a {
        font-size: 42px;
        line-height: 49px;
    }

    .cd-primary-nav li ul li:nth-child(1) a,
    .cd-primary-nav li ul li:nth-child(2) a,
    .cd-primary-nav li ul li:nth-child(3) a,
    .cd-primary-nav li ul li:nth-child(4) a,
    .cd-primary-nav li ul li:nth-child(5) a,
    .cd-primary-nav li ul li:nth-child(6) a {
        font-size: 15px;
    }
}

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

    .cd-primary-nav li ul li a {
        font-size: 17px !important;
    }

    .section-menu .order-0 {
        padding: 0 0;
        margin-left: 0px;
    }

    .section-menu .order-1 {
        margin-left: 0px;
    }

    .menu-menu-1-container {
        text-align: left;
    }

    .hidden-content .c-column {
        padding-bottom: 15px;
    }

    .cd-primary-nav a {
        font-size: 33px;
        line-height: 40px;
    }

    .cd-primary-nav li {
        margin-bottom: 10px;
    }

    .cd-primary-nav li.menu-item-has-children {
        margin-bottom: 0px;
    }

    /*.cd-primary-nav li span {
        line-height: 40px;
    }*/
    .cd-primary-nav li ul {
        position: relative;
        top: 0;
        right: 0;
        display: block !important;
        background: transparent;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .cd-primary-nav li:nth-child(4) ul {
        top: 0;
    }

    .cd-primary-nav li ul li a {
        font-size: 14px;
        line-height: 20px;
        animation: none;
    }

    .cd-primary-nav li ul li:nth-child(1) a {
        font-size: 17px;
    }

    .cd-primary-nav li ul li:nth-child(2) a {
        font-size: 17px;

    }

    .cd-primary-nav li ul li:nth-child(3) a {
        font-size: 17px;

    }

    .cd-primary-nav li ul li:nth-child(4) a {
        font-size: 17px;

    }

    .cd-primary-nav li ul li:nth-child(5) a {
        font-size: 17px;

    }

    .cd-primary-nav li ul li {
        margin-bottom: 10px;
        text-align: left;
    }

    #primary-menu > li > a:lang(uk) {
        font-size: 33px;
        line-height: 40px;
    }

}

@media (min-width: 767px) and (max-width: 767px) {
    .section-menu .container-fluid .row {
        flex-direction: column-reverse;
    }

    .section-menu .container-fluid .row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ----------------- ////////////// ------------- */

.under-header {
    padding-top: 0;
    overflow: hidden;
    position: relative;
    background: url('/wp-content/themes/brainlab/images/digital-wave-bg.jpg');
    background-position: bottom;
    background-size: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    height: 100vh;
}

#main-video,
.bg-points {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: fill;
    width: 100%;

}

.bg-points {
    height: 100%;
}

#page-video {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: fill;
    width: 100%;
}

video::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

.hasfixed .under-header {
    /* margin-top:-75px;*/
}

.under-header .container {
    position: absolute !important;
    height: 100%;
    width: 100%;
    max-width: 100% !important;
}

.under-header.zindex {
    z-index: 5;
}

.under-header .main-heading span {
    font-size: 70px;
    font-weight: 700;
    line-height: 78px;
    color: #fff;
}

.subtitle {
    margin-top: 15px;
    color: #303030;
    font-size: 20px;
    font-weight: 500;
}

.under-header .main-heading .subtitle h1 {
    color: #fff;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 500;
}

.under-header .subtitle {
    color: #fff;
}

.play-btn-wrap {
    padding-top: 80px;
}

.play-btn {
    display: inline-block;
    width: 43px;
    height: 43px;
    background: #3300ff;
    line-height: 43px;
    color: #eee;
    border-radius: 50%;
    text-align: center;
}

.play-btn span.icon-play-button {
    display: inline-block;
    margin: 0px;
    line-height: 43px;
}

.play-btn-wrap span {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}

.play-btn:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    #page-video {
        display: none;
    }

    #main-video {
        display: none;
    }

    .under-header {
        padding: 30px 0px;
        background-image: url('/wp-content/themes/brainlab/images/digital-wave-bg-sm.webp');
    }

    .under-header h1 {
        font-size: 35px;
        line-height: 40px;
    }
}

.services {
    background: #fff;
    padding: 100px 0px 100px;
    position: relative;

}

.main-title h2 {
    font-size: 36px;
    font-weight: 700;
    color: #000000;
}

.main-title .subtitle {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.services .main-title h2 {
    color: #000;
    font-size: 40px;
    margin-bottom: 60px;
}

.service-column {
    padding-left: 40px;
    position: relative;
}

.service-column:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #474747;
    font-size: 16px;
    font-weight: 700;
    line-height: 49px;
}

.service-column:nth-child(1):before {
    content: '001';
}

.service-column:nth-child(2):before {
    content: '002';
}

.service-column:nth-child(3):before {
    content: '003';
}

.service-column h3 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    line-height: 49px;
    margin-bottom: 15px;
}

.service-column ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.service-column ul li {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
}

.service-column ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 31px;
    text-decoration: none;
}

.service-column ul li a span {
    position: relative;
}

.service-column ul li a span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.service-column ul li a:hover span:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.action-block {
    padding: 80px 0px;
}

.action-block a.r-more {
    display: inline-block;
    color: #b6b6b6;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-decoration: none;
    margin-top: 40px;
}

.action-block a.r-more span {
    margin-left: 10px;
    font-size: 32px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    right: 0px;
    transition: all .3s;
}

.action-block a.r-more:hover span {
    right: -10px;
    transition: all .3s;

}

.btn_action {
    position: relative;
    border-radius: 0px;
    line-height: 79px;
    font-size: 18px;
    font-weight: 500;
    padding: 0px 30px;
    text-align: left;
    text-decoration: none;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.btn_action span {
    position: relative;
    z-index: 2;
}

.btn_action:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    font-family: 'icomoon' !important;
    top: 0px;
    right: 30px;
    z-index: 2;
}

.btn-black {
    color: #fff;
    background: #000;
}

.btn-black:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0019FF;
}

.btn-black:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-black:hover {
    border: 1px solid #0019FF;
    color: #fff;
}

.btn-black:before {
    color: #fff;
}

.btn-black:hover:before {
    color: #fff;
}

.btn-blue {
    color: #fff;
    background: #0019FF;
}

.btn-blue:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.btn-blue:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-blue:hover {
    border: 1px solid #0019FF;
    color: #0019FF;
}

.btn-blue:before {
    color: #fff;
}

.btn-blue:hover:before {
    color: #0019FF;
}

.modal-dialog .btn-blue:hover,
.modal-dialog .btn-blue:hover:before {
    color: #fff;
}

.btn-white {
    background: #fff;
    color: #000;
}

.btn-white:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.btn-white:before {
    color: #000;
}

.btn-white:hover {
    color: #fff;

}

.btn-white:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-white:hover:before {
    color: #fff;
}

@media (max-width: 1400px) {
    .services {
        padding: 50px 0px;
    }
}

@media (min-width: 767px) and (max-width: 1320px) {
    .btn_action {
        font-size: 16px;
        padding: 0px 10px;
    }

    .btn_action.opencalc {

    }

    .btn_action:before {
        right: 10px;
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .action-block {
        padding: 30px 0px;
    }

    .action-block a.r-more {
        margin: 30px 0px;
    }

    .btn_action {
        line-height: 60px;
        font-size: 17px;
    }

    .services {

        padding: 30px 15px 60px;
    }

    .services .main-title h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .service-column {
        padding-left: 55px;
        margin-top: 15px;
    }

    .service-column:before {
        left: 15px;
    }

    .service-column h3 {
        font-size: 22px;
        margin-bottom: 0px;
    }

    .service-column ul li {
        font-size: 14px;
    }
}

.portfolio.fw-portfolio {
    padding-top: 200px;

}

.portfolio.fw-portfolio .main-title {
    margin-bottom: 60px;
}

.portfolio-item {
    display: flex;
    height: 400px;
    position: relative;
}

.post-type-archive-fw-portfolio .portfolio-item {
    display: none;
}

.post-type-archive-fw-portfolio .portfolio-item.open {
    display: flex;
    opacity: .5;
    transition: all .6s;
}

.post-type-archive-fw-portfolio .portfolio-item.open.in {
    display: flex;
    opacity: 1;
}

.portfolio .col-our-work {
    display: none;
}

.portfolio.fw-main-row .main-title {
    padding: 30px 15px 30px;
}

.r-item {
    background: #e43e3e;
}

.b-item {
    background-color: #4734f2;
}

.g-item {
    background-color: #01928f;
}

.br-item {
    background-color: #944545;
}

.y-item {
    background-color: #eaa530;
}

.ly-item {
    background-color: #db3446;
}

.duna-item {
    background-color: #e49601;
}

.lav-item {
    background-color: #347df1;
}

.klin-item {
    background-color: #252934;
}

.tcl-item {
    background-color: #e93f45;
}

.trn-item {
    background-color: #ffbb00;
}

.alta-item {
    background-color: #252934;
}

.doll-item {
    background-color: #82b151;
}

.fall-item {
    background-color: #870f22;
}

.vic-item {
    background-color: #303d96;
}

.main-img {
    text-align: center;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1
}

.main-img img {
    transition: all .3s ease-in-out;
    height: auto;
}

.c-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.c-wrapper span {
    position: absolute;
    display: block;
    transition: all .3s ease-in-out;
}

.r-item .c-wrapper span:nth-child(2) {
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 130px;
    height: 130px;
    background-color: #ff5252;
    border-radius: 50%;
}

.no-touch .r-item:hover .c-wrapper span:nth-child(2) {
    transform: translate(-50%, -50%) scale(2);
}

.r-item .c-wrapper span:nth-child(1) {
    left: 30%;
    top: 30%;
    width: 25px;
    height: 25px;
    background-color: #ff5252;
    border-radius: 50%;
}

.no-touch .r-item:hover .c-wrapper span:nth-child(1) {
    transform: scale(2);
    top: 25%;
    left: 10%;
}

.r-item .c-wrapper span:nth-child(3) {
    right: 30%;
    top: 35%;
    width: 15px;
    height: 15px;
    background-color: #ff5252;
    border-radius: 50%;
}

.no-touch .r-item:hover .c-wrapper span:nth-child(3) {
    transform: scale(2);
    top: 25%;
    right: 15%;
}

.r-item .c-wrapper span:nth-child(4) {
    left: 30%;
    top: 65%;
    width: 15px;
    height: 15px;
    background-color: #ff5252;
    border-radius: 50%;
}

.no-touch .r-item:hover .c-wrapper span:nth-child(4) {
    transform: scale(2);
    top: 55%;
    left: 15%;
}

.r-item .c-wrapper span:nth-child(5) {
    right: 30%;
    top: 65%;
    width: 25px;
    height: 25px;
    background-color: #ff5252;
    border-radius: 50%;
}

.no-touch .r-item:hover .c-wrapper span:nth-child(5) {
    transform: scale(2);
    top: 55%;
    right: 5%;
}

.no-touch .portfolio-item:hover .main-img img {
    transform: scale(0.8);
    transition: all .3s ease-in-out;
}

.b-item .c-wrapper span:nth-child(2) {
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    background-color: #5f4ef6;
    border-radius: 50%;
}

.no-touch .b-item:hover .c-wrapper span:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.2);
}

.b-item .c-wrapper span:nth-child(1) {
    left: 25%;
    top: 20%;
    width: 10px;
    height: 10px;
    background-color: #5f4ef6;
    border-radius: 50%;
}

.no-touch .b-item:hover .c-wrapper span:nth-child(1) {
    transform: scale(1.5);
    left: 20%;
    top: 20%;
}

.b-item .c-wrapper span:nth-child(3) {
    right: 20%;
    top: 25%;
    width: 10px;
    height: 10px;
    background-color: #5f4ef6;
    border-radius: 50%;
}

.no-touch .b-item:hover .c-wrapper span:nth-child(3) {
    transform: scale(1.5);
    right: 5%;
    top: 25%;
}

.b-item .c-wrapper span:nth-child(4) {
    left: 15%;
    top: 40%;
    width: 25px;
    height: 25px;
    background-color: #5f4ef6;
    border-radius: 50%;
}

.no-touch .b-item:hover .c-wrapper span:nth-child(4) {
    transform: scale(1.5);
    left: 5%;
    top: 40%;
}

.b-item .c-wrapper span:nth-child(5) {
    right: 20%;
    top: 75%;
    width: 15px;
    height: 15px;
    background-color: #5f4ef6;
    border-radius: 50%;
}

.no-touch .b-item:hover .c-wrapper span:nth-child(5) {
    transform: scale(1.5);
    right: 10%;
    top: 75%;
}

.g-item .c-wrapper span:nth-child(2) {
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    background-color: #00aaa6;
    border-radius: 50%;
}

.no-touch .g-item:hover .c-wrapper span:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.2);
}

.g-item .c-wrapper span:nth-child(1) {
    left: 40% !important;
    top: 10%;
    width: 30px;
    height: 30px;
    background-color: #00aaa6;
    border-radius: 50%;
}

.no-touch .g-item:hover .c-wrapper span:nth-child(1) {
    transform: scale(1.2);
    top: 1%;
}

.g-item .c-wrapper span:nth-child(3) {
    left: 30%;
    top: 20%;
    width: 13px;
    height: 13px;
    background-color: #00aaa6;
    border-radius: 50%;
}

.no-touch .g-item:hover .c-wrapper span:nth-child(3) {
    transform: scale(1.4);
    left: 20%;
    top: 20%;
}

.g-item .c-wrapper span:nth-child(4) {
    left: 17%;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #00aaa6;
    border-radius: 50%;
}

.no-touch .g-item:hover .c-wrapper span:nth-child(4) {
    transform: scale(1.4);
    left: 5%;
    top: 50%;
}

.g-item .c-wrapper span:nth-child(5) {
    right: 17%;
    top: 60%;
    width: 25px;
    height: 25px;
    background-color: #00aaa6;
    border-radius: 50%;
}

.no-touch .g-item:hover .c-wrapper span:nth-child(5) {
    transform: scale(1.4);
    right: 5%;
    top: 60%;
}

.br-item .c-wrapper span:nth-child(2) {
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 124px;
    height: 124px;
    background-color: #a94b4b;
    border-radius: 50%;
}

.no-touch .br-item:hover .c-wrapper span:nth-child(2) {
    transform: translate(-50%, -50%) scale(2.2);
}

.br-item .c-wrapper span:nth-child(1) {
    left: 30%;
    top: 40%;
    width: 13px;
    height: 13px;
    background-color: #a94b4b;
    border-radius: 50%;
}

.no-touch .br-item:hover .c-wrapper span:nth-child(1) {
    transform: scale(1.5);
    left: 10%;
    top: 40%;
}

.br-item .c-wrapper span:nth-child(3) {
    right: 25%;
    top: 40%;
    width: 40px;
    height: 40px;
    background-color: #a94b4b;
    border-radius: 50%;
}

.no-touch .br-item:hover .c-wrapper span:nth-child(3) {
    transform: scale(1.3);
    right: 5%;
    top: 40%;
}

.br-item .c-wrapper span:nth-child(4) {
    left: 30%;
    top: 55%;
    width: 10px;
    height: 10px;
    background-color: #a94b4b;
    border-radius: 50%;
}

.no-touch .br-item:hover .c-wrapper span:nth-child(4) {
    transform: scale(1.5);
    left: 10%;
    top: 65%;
}

.br-item .c-wrapper span:nth-child(5) {
    right: 30%;
    top: 60%;
    width: 15px;
    height: 15px;
    background-color: #a94b4b;
    border-radius: 50%;
}

.no-touch .br-item:hover .c-wrapper span:nth-child(5) {
    transform: scale(1.3);
    right: 10%;
    top: 60%;
}

.y-item .c-wrapper span:nth-child(2) {
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    background-color: #ce912a;
    border-radius: 50%;
}

.no-touch .y-item:hover .c-wrapper span:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.6);
}

.y-item .c-wrapper span:nth-child(1) {
    left: 35%;
    top: 25%;
    width: 12px;
    height: 12px;
    background-color: #ce912a;
    border-radius: 50%;
}

.no-touch .y-item:hover .c-wrapper span:nth-child(1) {
    transform: scale(1.4);
    left: 15%;
    top: 20%;
}

.y-item .c-wrapper span:nth-child(3) {
    right: 20%;
    top: 45%;
    width: 25px;
    height: 25px;
    background-color: #ce912a;
    border-radius: 50%;
}

.no-touch .y-item:hover .c-wrapper span:nth-child(3) {
    transform: scale(1.4);
    right: 5%;
    top: 50%;
}

.y-item .c-wrapper span:nth-child(4) {
    left: 30%;
    top: 35%;
    width: 5px;
    height: 5px;
    background-color: #ce912a;
    border-radius: 50%;
}

.no-touch .y-item:hover .c-wrapper span:nth-child(4) {
    transform: scale(1.4);
    left: 10%;
    top: 40%;
}

.y-item .c-wrapper span:nth-child(5) {
    left: 35%;
    top: 70%;
    width: 10px;
    height: 10px;
    background-color: #ce912a;
    border-radius: 50%;
}

.no-touch .y-item:hover .c-wrapper span:nth-child(5) {
    transform: scale(1.4);
    left: 15%;
    top: 80%;
}

.ly-item {
    overflow: hidden;
}

.ly-item .c-wrapper span {
    display: none;
}

.ly-item .c-wrapper {
    background: url(../images/ly-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.ly-item:hover .overlay {
    background: rgba(219, 52, 70, 0.6);
}

.no-touch .ly-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.ly-item .c-wrapper span:nth-child(2) {
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 250px;
    background-color: #cf293b;
    border-radius: 50%;
}

.no-touch .ly-item:hover .c-wrapper span:nth-child(2) {
    transform: translate(-50%, -50%) scale(1.2);
}

.ly-item .c-wrapper span:nth-child(1) {
    left: 25%;
    top: 20%;
    width: 10px;
    height: 10px;
    background-color: #cf293b;
    border-radius: 50%;
}

.no-touch .ly-item:hover .c-wrapper span:nth-child(1) {
    transform: scale(1.5);
    left: 20%;
    top: 20%;
}

.ly-item .c-wrapper span:nth-child(3) {
    right: 20%;
    top: 25%;
    width: 10px;
    height: 10px;
    background-color: #cf293b;
    border-radius: 50%;
}

.no-touch .ly-item:hover .c-wrapper span:nth-child(3) {
    transform: scale(1.5);
    right: 5%;
    top: 25%;
}

.ly-item .c-wrapper span:nth-child(4) {
    left: 15%;
    top: 40%;
    width: 25px;
    height: 25px;
    background-color: #cf293b;
    border-radius: 50%;
}

.no-touch .ly-item:hover .c-wrapper span:nth-child(4) {
    transform: scale(1.5);
    left: 5%;
    top: 40%;
}

.ly-item .c-wrapper span:nth-child(5) {
    right: 20%;
    top: 75%;
    width: 15px;
    height: 15px;
    background-color: #cf293b;
    border-radius: 50%;
}

.no-touch .ly-item:hover .c-wrapper span:nth-child(5) {
    transform: scale(1.5);
    right: 10%;
    top: 75%;
}

.duna-item {
    overflow: hidden;
}

.duna-item .c-wrapper span {
    display: none;
}

.duna-item .c-wrapper {
    background: url(../images/duna-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.duna-item .main-img {
    top: 60%;
}

.no-touch .duna-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.duna-item:hover .overlay {
    background: rgba(228, 150, 1, 0.6);
}

.lav-item {
    overflow: hidden;
}

.lav-item .c-wrapper span {
    display: none;
}

.lav-item .c-wrapper {
    background: url(../images/lavka-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.lav-item .main-img {

}

.no-touch .lav-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.lav-item:hover .overlay {
    background: rgba(52, 125, 241, 0.6);
}

.klin-item {
    overflow: hidden;
}

.klin-item .c-wrapper span {
    display: none;
}

.klin-item .c-wrapper {
    background: url(../images/klinker-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.klin-item .main-img {

}

.no-touch .klin-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.klin-item:hover .overlay {
    background: rgba(37, 41, 52, 0.6);
}

.tcl-item {
    overflow: hidden;
}

.tcl-item .c-wrapper span {
    display: none;
}

.tcl-item .c-wrapper {
    background: url(../images/tcl-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.tcl-item .main-img {

}

.no-touch .tcl-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.tcl-item:hover .overlay {
    background: rgba(233, 63, 69, 0.6);
}

.trn-item {
    overflow: hidden;
}

.trn-item .c-wrapper span {
    display: none;
}

.trn-item .c-wrapper {
    background: url(../images/trn-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.trn-item .main-img {

}

.no-touch .trn-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.trn-item:hover .overlay {
    background: rgba(255, 187, 0, 0.6);
}

.alta-item {
    overflow: hidden;
}

.alta-item .c-wrapper span {
    display: none;
}

.alta-item .c-wrapper {
    background: url(../images/alta-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.alta-item .main-img {

}

.no-touch .alta-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.alta-item:hover .overlay {
    background: rgba(37, 41, 52, 0.6);
}

.doll-item {
    overflow: hidden;
}

.doll-item .c-wrapper span {
    display: none;
}

.doll-item .c-wrapper {
    background: url(../images/dollars-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.doll-item .main-img {

}

.no-touch .doll-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.doll-item:hover .overlay {
    background: rgba(130, 177, 81, 0.6);
}

.fall-item {
    overflow: hidden;
}

.fall-item .c-wrapper span {
    display: none;
}

.fall-item .c-wrapper {
    background: url(../images/fall-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;

}

.fall-item .main-img {

}

.no-touch .fall-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.fall-item:hover .overlay {
    background: rgba(135, 15, 34, 0.6);
}

.vic-item {
    overflow: hidden;
}

.vic-item .c-wrapper span {
    display: none;
}

.vic-item .c-wrapper {
    background: url(../images/victoria-wrap.png) no-repeat 60% 50%;
    transform: scale(1);
    transition: all .3s;

}

.vic-item .main-img {

}

.no-touch .vic-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.vic-item:hover .overlay {
    background: rgba(48, 61, 150, 0.6);
}

.more-case {
    background-color: #f2f2f2;
}

.more-case > a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.more-case .c-wrapper {
    display: block;
    left: 0%;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    height: 75px;
    text-align: center;
    padding-top: 20px;
}

.more-case .c-wrapper span {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    vertical-align: middle;
    background: #dbdbdb;
    position: relative;
    margin: 0px 15px;
}

.more-case .c-wrapper span:nth-child(4) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    background: #ececec;
    margin: 0px;
    z-index: -1;
}

.no-touch .more-case:hover .c-wrapper span {
    transform: scale(1.5);
    margin: 0px 50px;
}

.no-touch .more-case:hover .c-wrapper span:nth-child(4) {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0.3;
    margin: 0px;
}

.no-touch .more-case:hover .c-wrapper span:nth-child(2) {
    transform: scale(4);

}

.more-case .overlay {
    display: block;
    width: 100%;
    height: 75px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 25px 0px;
}

.more-case .item-more {
    float: none;
    color: #070707;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0px;
    margin-right: 0px;
    transition: all .3s ease-in-out;
}

.more-case .item-more span {
    margin-left: 5px;
    font-size: 32px;
    line-height: 23px;
    display: inline-block;
    vertical-align: top;
    font-family: 'sans-serif';
}

.more-case .item-more:hover {
    text-decoration: none;
    color: #070707;
}

.overlay {
    position: absolute;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0px;
    padding: 46% 30px 0px;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.overlay:hover {
    color: inherit;
    text-decoration: none;
}

.no-touch .portfolio-item:hover .overlay {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.overlay .meta-cat {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    transition: all .3s ease-in-out;
}

.overlay .case-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    width: 60%;
    transition: all .3s ease-in-out;
}

@media (max-width: 1700px) {
    .overlay {
        padding: 55% 20px 0px;
    }
}

@media (max-width: 1600px) {
    .overlay {
        padding: 55% 20px 0px
    }

    .overlay .case-title {
        width: 70%;
        font-size: 29px;
    }
}

@media (max-width: 1400px) {
    .overlay {
        padding: 63% 20px 0px;
    }
}

@media (max-width: 1200px) {
    .overlay {
        padding: 80% 20px 0px;
    }
}

@media (min-width: 990px) and (max-width: 1360px) {

    .overlay .case-title {
        font-size: 22px;
        width: 60%;
        line-height: 28px;
    }

    .item-more {
        float: right;
        color: #ffffff;
        font-weight: 500;
        margin-top: -26px;
        font-size: 14px;
    }
}

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

    .overlay .case-title {
        font-size: 17px;
    }

    .overlay .item-more {
        font-size: 14px;
        margin-top: -29px;
    }

    .overlay .meta-cat {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .portfolio .col-our-work {
        display: block;
    }
}

.item-more {
    float: right;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin-top: -25px;
    transition: all .3s ease-in-out;
}

.item-more span {
    margin-left: 5px;
    font-size: 32px;
    line-height: 23px;
    display: inline-block;
    vertical-align: top;
    font-family: 'sans-serif';
    transition: all .3s;
    position: relative;
    right: 0px;
}

.item-more:hover {
    text-decoration: none;
    color: #fff;
}

.item-more:hover span {
    right: -5px;
    transition: all .3s;
}

.portfolio-item:hover .overlay .meta-cat, .portfolio-item:hover .overlay .case-title {
    margin-left: 0px;
    transition: all .3s ease-in-out;
}

.portfolio-item:hover .item-more {
    margin-right: 0px;
    transition: all .3s ease-in-out;
}

.r-item:hover .overlay {
    background: rgba(159, 28, 28, 0.6);
}

.b-item:hover .overlay {
    background: rgba(71, 52, 242, 0.6);
}

.g-item:hover .overlay {
    background: rgba(1, 146, 143, 0.6);
}

.br-item:hover .overlay {
    background: rgba(148, 69, 69, 0.6);
}

.y-item:hover .overlay {
    background: rgba(234, 165, 48, 0.6);
}

@media (max-width: 990px) {
    .portfolio-item {
        margin-bottom: 215px;
        overflow: visible !important;
    }

    .overlay {
        bottom: -215px;
        top: auto;
        visibility: visible !important;
        opacity: 1 !important;
        background: #fff !important;
        height: 215px;
        width: 100%;
        padding: 20px 30px 20px 30px;
    }

    .more-case .overlay {
        bottom: -40px;
        top: auto;
    }

    .overlay .meta-cat {
        color: #b5b5b5;
        font-size: 13px;
        font-weight: 500;
        margin-left: 0px;
    }

    .overlay .case-title {
        color: #0d0d0d;
        width: 100%;
        font-size: 32px;
        font-weight: 700;
        line-height: 38px;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
        max-width: 270px;
    }

    .overlay .item-more {
        color: #858585;
        font-size: 15px;
        font-weight: 500;
        margin-top: 0px;
        margin-right: 0px;
        float: none;
    }
}

@media (max-width: 767px) {
    .portfolio-item {
        margin-bottom: 215px;
    }

    .more-case {
        margin-bottom: 0px;
    }

    .overlay {
        bottom: -215px;
        top: auto;
        visibility: visible !important;
        opacity: 1 !important;
        background: #fff !important;
        height: 215px;
        width: 100%;
        padding: 20px 30px 20px 30px;
    }

    .more-case .overlay {
        bottom: -40px;
        top: auto;
    }

    .overlay .meta-cat {
        color: #b5b5b5;
        font-size: 13px;
        font-weight: 500;
        margin-left: 0px;
    }

    .overlay .case-title {
        color: #0d0d0d;
        width: 100%;
        font-size: 32px;
        font-weight: 700;
        line-height: 38px;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
        max-width: 270px;
    }

    .overlay .item-more {
        color: #858585;
        font-size: 15px;
        font-weight: 500;
        margin-top: 0px;
        margin-right: 0px;
        float: none;
    }
}

.partners {
    padding: 100px 0px 80px;
}

.p-logos {
    padding-top: 80px;
}

.partner-logo {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 60px;
}

.partner-logo img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s;
    max-width: 85%;
}

.partner-logo:hover img {
    webkit-filter: grayscale(0);
    filter: grayscale(0);
}

@media (min-width: 1400px) {
    .partner-logo img {
        max-width: 70%;
    }
}

@media (min-width: 767px) {

    .partner-logo {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

}

.partner-logo.maw80 img {
    max-width: 95%;
}

@media (min-width: 1400px) {
    .partner-logo.maw80 img {
        max-width: 80%;
    }
}

.s-contacts {
    background: #000;
    padding: 100px 0px 80px;
}

.s-contacts .main-title h2, .s-contacts .main-title span {
    color: #ffffff;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
}

@media (max-width: 1400px) {
    .partners {
        padding: 50px 0px 30px;
    }

    .s-contacts {
        padding: 50px 0px 30px;
    }

    .s-contacts .main-title h2, .s-contacts .main-title span {
        font-size: 43px;
        font-weight: 700;
        line-height: 56px;
    }
}

.s-contacts .subtitle {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.c-column {
    padding-top: 80px;
}

.c-column p {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    margin-bottom: 10px !important;
}

.c-column p a {
    color: #fff !important;
}

.c-column p span {
    color: #828282 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.site-content .kk-star-ratings.kksr-valign-bottom {
    display: none !important;
}

.s-social {
    max-width: 300px;
}

.s-social a {
    color: #cbcbcb;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.s-contacts .btn-black {
    border-color: #fff;
}

.s-contacts .btn-black:hover {
    border-color: #0019FF;
}

.s-contacts .btn-blue {
    border-color: #0019FF;
    margin-bottom: 25px;
}

.s-contacts .btn-blue:hover {
    border-color: #0019FF;
}

.s-contacts .btn-white:hover {
    border-color: #fff;
}

@media (min-width: 769px) {
    .s-contacts .btn-black {
        margin-top: 110px;
    }

    .s-contacts .btn-blue {
        margin-top: 110px;
    }
}

@media (max-width: 767px) {
    .s-contacts {
        padding: 30px 0px;
    }

    .s-contacts .main-title h2, .s-contacts .main-title span {
        font-size: 29px;
        line-height: 35px;
    }

    .s-social a {
        margin-right: 30px;
    }

    .c-column {
        padding-top: 40px;
    }

    .c-column p, .c-column p span {
        font-size: 16px;
    }

    .s-social {
        margin: 0;
        margin-bottom: 40px;
    }
}

.calculator {
    padding: 100px 0px 80px;
}

.calculator .subtitle {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
}

.bottom-form {
    background: #000;
    padding: 100px 0px 80px;
    overflow: hidden;
    display: none;
}

.bottom-form .main-title h2 {
    color: #ffffff;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
}

.bottom-form .subtitle, .page .bottom-form .main-title .subtitle {
    width: 100%;
    color: #ececec;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-left: 0px;
}

@media (max-width: 1400px) {
    .bottom-form {
        padding: 50px 0px 30px;
    }

    .bottom-form .main-title h2 {
        font-size: 43px;
        font-weight: 700;
        line-height: 56px;
    }
}

.checkbox-wrap {
    margin: 65px 0px 0px;
    padding-left: 15px;
    padding-right: 0px;
}

.checkbox-wrap .form-check {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 0px;
    margin-bottom: 15px;
}

.checkbox-title {
    color: #818181;
    font-size: 26px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    line-height: 45px;
    margin-right: 15px;
    float: left;
}

.form-check-wrap {
    overflow: hidden;
}

.form-check input[type="checkbox"] {
    display: none;
}

.form-check input[type="checkbox"] + label {
    transition: all 300ms ease;
    cursor: pointer;
    line-height: 44px;
    border-radius: 0px;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 20px;
    display: inline-block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.form-check input[type="checkbox"]:checked + label {
    transition: all 300ms ease;
    background-color: #fff;
    color: #070707;
}

.form-check input[type="checkbox"] + label:hover {
    transition: all 300ms ease;
    background-color: #fff;
    color: #070707;
}

.form-input {
    padding-top: 50px;
}

.form-input .form-group {
    position: relative;
    margin-bottom: 60px;
}

.order-form input[type="text"]:focus, .form-control:focus, .form-control:invalid, textarea.form-control:focus, textarea.form-control:invalid {
    outline: 0;
    box-shadow: none;
    background: transparent;
    color: #ffffff;
}

textarea.form-control {
    overflow: hidden;
    min-height: 50px;
}

.form-input .form-group input.form-control, textarea.form-control {
    background: transparent;
    border: 0px;
    border-radius: 0px;
    border-bottom: 2px solid #bbbbbb;
    line-height: 50px;
    height: 50px;
    padding: 0px 0px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 400;
}

textarea.form-control:focus {
    border-color: #bbbbbb;
}

.form-input .form-group label {
    color: #818181;
    font-size: 26px;
    font-weight: 400;
    height: 0px;
    cursor: text;
    position: absolute;
    top: 0px;
    left: 15px;
    width: 100%;
}

.was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-input .form-group input.form-control + label > span, .form-input .form-group textarea.form-control + label > span {
    position: absolute;
    top: 10px;
    display: block;
    transition: all .3s ease-in-out;
}

.form-input .form-group input.form-control:focus + label > span, .form-input .form-group input.form-control:valid + label > span, textarea.form-control:valid + label > span, textarea.form-control:focus + label > span {
    top: -15px !important;
    color: #818181;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.form-input .form-group #phone.form-control:focus + label > span,
.form-input .form-group #phone.form-control:not(.empty) + label > span {
    top: -15px !important;
    color: #818181;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.form-input .form-group #phone.empty.form-control:valid + label > span {
    top: 10px !important;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.form-input .btn-wrap {

}

.was-validated textarea.form-control:invalid, .was-validated textarea.form-control:focus:invalid {
    border-bottom: 2px solid #bbbbbb;
}

.form-input .btn-wrap .btn-white {
    position: relative;
    line-height: 79px;
    background: #ffffff;
    padding: 0px 30px;
    color: #070707;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 0px;
}

.form-input .btn-wrap .btn-white span {
    position: relative;
    z-index: 2;
}

.form-input .btn-wrap .btn-white:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    font-family: 'icomoon' !important;
    top: 0px;
    right: 30px;
    z-index: 2;
}

.form-input .btn-wrap .btn-white:hover {

    color: #fff;
}

@media (max-width: 1120px) {
    .form-input .form-group label {
        font-size: 19px;
    }

    .checkbox-wrap .form-check {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .bottom-form {
        padding: 30px 0px 30px;
    }

    .bottom-form .main-title h2 {
        font-size: 29px;
        line-height: 35px;
    }

    .checkbox-wrap {
        margin: 30px 0px 0px;
    }

    .form-input .form-group {
        margin-bottom: 15px;
    }

    .checkbox-wrap .checkbox-title {
        text-align: left;
        padding-left: 0px;
        width: 100%;
    }

    .form-check-wrap {
        overflow: initial;
    }

    .checkbox-wrap .form-check {
        display: block;
        max-width: 100%;
        margin: 7px 0px;
    }
}

/* Custom select */

.custom-select {
    margin: 0;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #bbbbbb;
    height: 50px;
    padding: 0px 0px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-select select {
    display: none;
}

.custom-select .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 200;
    padding: 14px 25px;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.1);
    margin: 10px 15px;
}

.custom-select .select-items div,
.custom-select .select-selected {
    color: #828282;
    padding: 0px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
}

.custom-select .select-items div {
    padding: 3px 0;
    font-weight: 500;
    line-height: 1.5;
}

.custom-select .select-selected {
    width: 100%;
    position: relative;
    padding: 13px 0;
    padding-right: 27px;
    white-space: nowrap;
    overflow: hidden;
    color: #818181;
    font-size: 26px;
    font-weight: 400;
    line-height: 22px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-select .select-items div:hover,
.same-as-selected {
    color: #000;
}

.custom-select .select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    width: 28px;
    height: 22px;
    border: 0;
    background-image: url(/wp-content/themes/brainlab/images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 15px;
}

.custom-select .select-selected.select-arrow-active:after,
.custom-select .select-selected.select-arrow-active:hover:after {
    background-image: url(/wp-content/themes/brainlab/images/arrow-up.png);
}

.custom-select .select-hide {
    display: none;
}

.custom-select.custom-select-short .select-selected {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 500;
}

.custom-select.custom-select-short .select-items {
    margin: 0;
    margin-top: 10px;
}

@media (max-width: 1340px) {
    .custom-select .select-selected {
        font-size: 21px;
    }
}

@media (max-width: 1120px) {
    .custom-select .select-selected {
        font-size: 19px;
    }

    .custom-select .select-items div {
        font-size: 15px;
    }

    .custom-select .select-selected:after {
        width: 20px;
    }
}

@media (max-width: 1000px) {
    .custom-select .select-selected {
        font-size: 14px;
    }

    .custom-select .select-items {
        padding: 9px 15px;
    }

    .custom-select .select-selected:after {
        background-size: 12px;
        width: 15px;
    }

    .custom-select .select-items div {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .custom-select .select-selected {
        font-size: 19px;
    }
}

.bottom {
    background-color: #f3f3f3;
    padding: 80px 0px 110px;
}

.bottom .main-title h1 {
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    line-height: 49px;
    margin-bottom: 40px;
}

.bottom .main-title h2 {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    line-height: 49px;
    margin-bottom: 40px;
}

.bottom-text {
    /*height: 240px;*/
    overflow: hidden;
}

.bottom-text p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 30px;
}

.bottom-text h2 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #303030;
    font-size: 18px;
}

.bottom-text ul {
    margin-bottom: 30px;
}

.bottom-text ol {
    margin-bottom: 30px;
}

.bottom-text table {
    margin-bottom: 30px;
}

.bottom-text td {
    padding: 7px;
    border: 1px solid #272727;
}

.bottom-text li {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
}

@media (max-width: 1400px) {
    .bottom {
        padding: 50px 0px 60px;
    }

    .bottom .main-title h1 {
        font-size: 43px;
    }

    .bottom .main-title h2 {
        font-size: 20px;
    }
}

.caution {
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 400;
    padding-top: 30px;
}

.caution span {
    margin-right: 5px;
}

.b-block {
    padding-top: 60px;
}

@media (max-width: 767px) {
    .bottom {
        padding: 30px 0px 37px;
    }

    .main-title h2 {
        font-size: 26px;
        line-height: 31px;
    }

    .bottom .b-block {
        display: none;
    }

    .b-block img {
        display: none;
    }

}

/*    ABOUT US    */

.about-us {
    padding-top: 200px;
    padding-bottom: 400px;
}

.hasfixed .about-us {
    /*padding-top:100px;*/

}

.about-us h1,
.about-us .h1 {
    color: #17191a;
    font-size: 43px;
    font-weight: 700;
    line-height: 58px;
}

.about-us h1 span,
.about-us .h1 span {
    color: #0019ff;
}

@media (min-width: 1400px) {
    .about-us h1,
    .about-us .h1 {
        font-size: 60px;
        line-height: 78px;
    }
}

.about-us .seo-title-swap {
    display: none;
}

.about-us .subtitle {
    max-width: 600px;
}

@media (max-width: 990px) {
    .about-us .subtitle {
        max-width: 450px;
    }
}

@media (max-width: 768px) {
    .about-us .subtitle {
        max-width: 100%;
    }
}

.top-title {
    color: #17191a;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 40px;
}

.top-title .price {
    color: #0019ff;
}

.about-us p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {

    .about-us {
        padding-top: 170px;
        padding-bottom: 190px;

        /*background: url('/wp-content/themes/brainlab/images/bg-points-white.webp');*/
        background-position: center bottom;
        background-size: 100%;
        background-color: #fff;
        background-repeat: no-repeat;
    }

    .about-us h1,
    .about-us .h1 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .about-us p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }

    /*.about-us p + p {
        display: none;
    }*/

    .show-all-p p + p {
        display: block;
    }

    .top-title {
        margin-bottom: 20px;
    }

    .about-us .btn-wrap {
        text-align: center;
        margin-bottom: 0;
    }

    .about-us .btn-wrap .openorder {
        margin-bottom: 0;
    }
}

.dark-parallax {
    background-color: #17191a;
    padding: 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.dark-parallax .container {
    position: relative;
    z-index: 2;
}

.dark-parallax.no-oh {
    overflow: initial;
}

.dark-parallax:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 466px 436px 0 0;
    border-color: #1e2021 transparent transparent transparent;

}

.dark-parallax:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 340px 340px;
    border-color: transparent transparent #1e2021 transparent;

}

.dark-parallax .main-title {
    margin: 80px 0px;
}

.dark-parallax .main-title h2 {
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    color: #fff;
}

.dark-parallax p {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 1400px) {
    .dark-parallax .main-title {
        margin: 60px 0px 80px;
    }

    .dark-parallax .main-title h2 {
        font-size: 43px;
    }
}

.white-parallax {
    background-color: #fff;
    padding: 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.white-parallax .container {
    position: relative;
    z-index: 2;
}

.white-parallax.no-oh {
    overflow: initial;
}

.white-parallax:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 466px 436px 0 0;
    border-color: #f6f6f6 transparent transparent transparent;
}

.white-parallax:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 340px 340px;
    border-color: transparent transparent #f6f6f6 transparent;

}

.white-parallax .main-title {
    margin: 80px 0px;
}

.white-parallax .main-title h2 {
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    color: #000;
}

.white-parallax p {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 1400px) {
    .white-parallax .main-title {
        margin: 60px 0px 80px;
    }

    .white-parallax .main-title h2 {
        font-size: 43px;
    }
}

.studio-wrap {
    position: relative;
    margin-top: -20%;

    z-index: 1;

    /*background:url(../images/studio.png)no-repeat center center;
    background-size:cover;
    transform: scale(1);
    transition:all 1s;*/
}

.studio-over {
    overflow: hidden;
    height: 528px;
}

.studio-over img {
    width: 100%;
    transform: scale(1);
    transition: all 2s;
}

.st-trans .studio-over img {
    transform: scale(1.1);
    transition: all 2s;
}

.brain-rounded {
    position: absolute;
    top: -112px;
    right: -112px;
    /*-webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition:all 5s;*/
}

.anim-rotate {
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 3s;
}

@-webkit-keyframes rotating /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .studio-over {
        height: auto;
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .studio-over {
        height: auto;
    }

    .dark-parallax {
        padding: 0px;
    }

    .white-parallax {
        padding: 0px;
    }

    .studio-wrap {
        margin-left: -15px;
        margin-right: -15px;
    }

}

.studio-meta {
    float: left;
    color: #656565;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-top: 8px;
}

.white-parallax .studio-meta {
    color: #000000;
}

.studio-text {
    overflow: hidden;
    padding-left: 15px;
    margin-bottom: 100px;
    position: relative;
    z-index: 3;
}

.studio-text h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    margin: 0px 0px 10px 0px;
    line-height: 1.6;
    /*min-height:75px;*/
}

.white-parallax .studio-text h3 {
    color: #000;
}

.studio-text p {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (min-width: 767px) and (max-width: 1300px) {
    .studio-text h3 {
        min-height: 70px;
    }
}

@media (min-width: 767px) and (max-width: 1400px) {
    .studio-text h3 {
        font-size: 20px;

    }
}

@media (max-width: 990px) {
    .studio-text h3 {

    }

    .dark-parallax:before, .dark-parallax:after {
        display: none;
    }

    .white-parallax:before, .white-parallax:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .dark-parallax:before, .dark-parallax:after {
        display: none;
    }

    .brain-rounded {
        top: -60px;
        right: 50%;
        margin-right: -60px;
        max-width: 120px;
    }

    .dark-parallax .main-title {
        margin: 30px 0px 15px;
    }

    .dark-parallax .main-title h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .white-parallax:before, .white-parallax:after {
        display: none;
    }

    .white-parallax .main-title {
        margin: 30px 0px 15px;
    }

    .white-parallax .main-title h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .studio-meta {
        float: none;
    }

    .studio-meta br {
        display: none;
    }

    .studio-text {
        padding-left: 0px;
        margin-bottom: 40px;
    }
}

.counter {
    padding: 80px 0px;

}

.counter .main-title h2 {
    color: #070707;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
}

.counter .subtitle {
    width: 100% !important;
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 60px;
}

@media (max-width: 1400px) {
    .counter .main-title h2 {
        font-size: 43px;
    }
}

@media (max-width: 767px) {
    .counter {
        padding: 40px 0px;
    }
}

.about-client-inner {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.count-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.count-item {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    padding: 30px 0px;
}

.count-number span {
    font-size: 70px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 60px;
    color: #070707;
    font-weight: 700;
}

.count-number span.count + span {
    vertical-align: middle;
    line-height: 75px;
}

.count-number span.count {
    color: #070707;
    font-size: 100px;
    font-weight: 700;
    line-height: 78px;
}

.count-desc {
    color: #070707;
    font-size: 20px;
    font-weight: 700;
    line-height: 15px;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .about-client-inner {
        margin: 0 -15px;
    }

    .count-item {
        width: 50%;
        border-bottom: 1px solid #ddd;
    }

    .count-item:nth-child(3), .count-item:nth-child(4) {
        border-bottom: 0px;
    }

    .counter .main-title h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .counter .subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

    .count-number span.count {
        font-size: 46px;
    }

    .count-number span {
        font-size: 33px;
    }

    .count-desc {
        font-size: 12px;
        margin-top: 0px;
    }
}

.showreel-dark {
    position: relative;
    background-color: #17191a;
    padding: 80px 0px 180px;
    overflow: hidden;
}

.showreel-dark.modal-is-visible {
    z-index: 55;
}

.showreel-dark:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 830px 630px 0 0;
    border-color: #1e2021 transparent transparent transparent;
}

.showreel-dark:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 900px 630px;
    border-color: transparent transparent #1e2021 transparent;
}

.moving-text {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 188px;
    z-index: 2;
}

.moving-text > div {
    width: 200%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 3s;

}

.moving-text > div.anim {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    transition: all 3s;
}

.moving-text > div h3 {
    display: inline-block;
    color: #3f3f3f;
    font-size: 160px;
    font-weight: 700;
    line-height: 180px;
    vertical-align: middle;
}

.moving-text > div span {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: #3f3f3f;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0px 80px;
}

@-moz-keyframes anitext {
    0% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(50%);
    }
}

@-webkit-keyframes anitext {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(50%);
    }
}

@keyframes anitext {
    0% {
        -moz-transform: translateX(-100%); /* Firefox bug fix */
        -webkit-transform: translateX(-100%); /* Firefox bug fix */
        transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(50%); /* Firefox bug fix */
        -webkit-transform: translateX(50%); /* Firefox bug fix */
        transform: translateX(50%);
    }
}

.showreel-bottom {
    margin-top: 160px;
    position: relative;
    z-index: 2;
}

.showreel-bottom h2 {
    color: #ffffff;
    font-size: 54px;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 30px;
}

a.look-showreel {
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    line-height: 47px;
    text-decoration: none;
}

a.look-showreel span {
    margin-left: 10px;
    font-size: 32px;
    line-height: 47px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    right: 0px;
    transition: all .3s;
}

a.look-showreel:hover span {
    right: -10px;
    transition: all .3s;
}

.btn-video-pulse {
}

.btn-video-pulse.cd-modal-action {
    position: relative;
    bottom: auto;
}

.btn-video-pulse a {
    display: block;
    width: 113px;
    height: 113px;
    box-shadow: 0 29px 99px rgba(51, 0, 255, 0.8);
    background-color: #3300ff;
    border-radius: 50%;
    color: #eeeeee;
    line-height: 120px;
    text-align: center;
    font-size: 27px;
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.btn-video-pulse {
    position: relative;
    width: 113px;
    height: 113px;
    border-radius: 50%;
    animation: ripple 1000ms infinite;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0px #17191a, 0 0 0 0px #fff, 0 0 0 0px #17191a, 0 0 0 0px #fff, 0 0 0 0px #17191a, 0 0 0 0px #fff, 0 0 0 0px #17191a, 0 0 0 0px #fff;
    }
    100% {
        box-shadow: 0 0 0 15px #17191a, 0 0 0 17px rgba(255, 255, 255, 0), 0 0 0 40px #17191a, 0 0 0 42px rgba(255, 255, 255, 0), 0 0 0 70px #17191a, 0 0 0 72px rgba(255, 255, 255, 0), 0 0 0 105px #17191a, 0 0 0 107px rgba(255, 255, 255, 0);
    }
}

@media (max-width: 767px) {
    .btn-video-pulse a {
        width: 60px;
        height: 60px;
        line-height: 68px;
        font-size: 20px;
    }

    .btn-video-pulse {
        width: 60px;
        height: 60px;
    }

    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0px #17191a, 0 0 0 0px #fff, 0 0 0 0px #17191a, 0 0 0 0px #fff, 0 0 0 0px #17191a, 0 0 0 0px #fff, 0 0 0 0px #17191a, 0 0 0 0px #fff;
        }
        100% {
            box-shadow: 0 0 0 15px #17191a, 0 0 0 17px rgba(255, 255, 255, 0), 0 0 0 30px #17191a, 0 0 0 32px rgba(255, 255, 255, 0), 0 0 0 45px #17191a, 0 0 0 47px rgba(255, 255, 255, 0), 0 0 0 60px #17191a, 0 0 0 62px rgba(255, 255, 255, 0);
        }
    }
    .showreel-dark {
        padding: 80px 0px 130px;
    }

    .moving-text {
        height: 100px;
    }

    .moving-text > div {
        width: 300%;
    }

    .moving-text > div h3 {
        font-size: 68px;
        line-height: 100px;
    }

    .moving-text > div span {
        width: 13px;
        height: 13px;
        margin: 0px 30px;
    }

    .showreel-bottom {
        margin-top: 70px;

    }

    .showreel-bottom h2 {
        font-size: 34px;
        line-height: 38px;
    }

    .btn-video-pulse.cd-modal-action {
        margin-top: 110px;
    }

    .showreel-dark:after, .showreel-dark:before {
        display: none;
    }
}

.page .partners {
    padding: 120px 0px;
}

.page .partners .main-title h2 {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 30px;
}

.page .main-title .subtitle {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.page .etap .main-title .subtitle {
    margin-left: 0px;
}

.page .w-over .main-title .subtitle {
    width: 100%;
}

@media (max-width: 1400px) {
    .page .partners .main-title h2 {
        font-size: 43px;
    }
}

@media (max-width: 767px) {
    .page .partners {
        padding: 40px 0px 0px;
    }

    .page .partners .main-title h2 {
        font-size: 28px;
        margin-bottom: 0px;
    }

    .p-logos {
        padding-top: 40px;
    }
}

.show-portfolio {
    background-color: #2900ff;
    padding: 80px 0px;
    position: relative;
}

.show-portfolio:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 196px 0 0 260px;
    border-color: transparent transparent transparent #2800ee;
}

.show-portfolio:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 260px 196px 0;
    border-color: transparent #2800ee transparent transparent;
}

.show-portfolio a {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 65px;
    text-decoration: none;
}

.show-portfolio a span {
    line-height: 68px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    font-size: 45px;
    position: relative;
    right: 0px;
    transition: all .3s;
}

.show-portfolio a:hover span {
    right: -10px;
    transition: all .3s;
}

@media (max-width: 767px) {
    .page .main-title .subtitle {
        font-size: 16px;
        line-height: 24px;
        width: 90%;
    }

    .show-portfolio {
        padding: 30px 0px;
    }

    .show-portfolio a {
        font-size: 26px;
        line-height: 65px;
        display: block;
        text-align: center;
    }

    .show-portfolio a span {
        display: block;
        text-align: center;
        line-height: 30px;
        margin-left: 0px;
    }

    .show-portfolio:after, .show-portfolio:before {
        display: none;
    }
}

.showreel_sm {
    display: inline-block;
    line-height: 60px;
    border: 1px solid #1c1e1e;
    background-color: #ffffff;
    color: #1c1e1e;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0px 30px;
    width: 285px;
    position: relative;
    text-align: left;
    border-radius: 0px;
    text-decoration: none;
}

.showreel_sm span {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 60px;
    width: 60px;
    border-left: 1px solid #1c1e1e;
    font-size: 21px;
    text-align: center;
    line-height: 60px;
}

.showreel_sm:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.showreel_sm:hover span {
    border-color: #fff;
}

#success-msg {
    width: 60%;
    max-width: 1114px;
    border: 1px solid #707070;
    background-color: #ffffff;
    z-index: 999;
}

#msg-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 33;
}

.scc-open #msg-overlay {
    display: block;
}

#success-msg-container {
    position: fixed;
    display: none;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 99;
    justify-content: center;
    align-items: center;
}
.scc-open #success-msg-container {
    display: flex;
}

.msg-inner {
    width: 90%;
    margin: 0px auto;
    padding: 50px 0px;
}

#success-msg .likeh1 {
    color: #0d0d0d;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
}

#success-msg .likeh1 span:first-child {
    margin-left: 30px;
}

#success-msg .likeh1 .fc-wrap {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

#success-msg .likeh1 span {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    position: relative;
}

#success-msg .likeh1 span img.face {
    display: inline-block;

    top: 0px;
    opacity: 1;
    transition: all .3s ease-in-out;
}

#success-msg .likeh1 span img.unicorne {
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 42px;
    transition: all .3s ease-in-out;
}

#success-msg .likeh1 span:hover img.unicorne {
    opacity: 1;
    transition: all .3s ease-in-out;
}

#success-msg .likeh1 span:hover img.face {
    opacity: 0;
    transition: all .3s ease-in-out;
}

#success-msg p {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.close-btn-msg {
    color: #070707;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 79px;
    border: 1px solid #0d0d0d;
    background-color: #ffffff;
    padding: 0px 80px;
    border-radius: 0px;
    margin: 60px auto 0px;
    display: block;
}

.close-btn-msg:hover {
    /*background-color: #0d0d0d;*/
    color: #fff;
    border-color: #0d0d0d;
}

.close-btn-msg span {
    position: relative;
    z-index: 2;
}

.close-btn-msg:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0d0d0d;
}

.close-btn-msg:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1368px) {
    #success-msg .likeh1 {
        font-size: 48px;
    }
}

@media (max-width: 1200px) {
    #success-msg {
        width: 80%
    }

    #success-msg .likeh1 {
        font-size: 29px;
        line-height: 40px
    }

    #success-msg .likeh1 span img {
        width: 32px;
    }
}

@media (max-width: 767px) {
    .close-btn-msg {
        font-size: 16px;
        line-height: 55px;
        padding: 0px 50px;
    }

    #success-msg .likeh1 {
        text-align: center;
    }

    #success-msg p {
        text-align: center;
    }

    #success-msg .likeh1 .fc-wrap {
        display: block;
        text-align: center;
    }

    #success-msg .likeh1 span:first-child {
        margin: 0px;
    }

}

@media (max-width: 400px) {
    .msg-inner {
        text-align: center;
    }

    #success-msg .likeh1 {
        font-size: 23px;
    }

    #success-msg .likeh1 span:first-child {
        margin-left: 0px;
    }

    .close-btn-msg {
        line-height: 60px;
        padding: 0px 60px;
    }
}

/* LY */
.single.postid-344 header:not(.fixed) .def-logo, .single.postid-1080 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-344 header:not(.fixed) .white-logo, .single.postid-1080 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-344 .mnu-btn a, .single.postid-1080 .mnu-btn a {
    color: #ea8994 !important;
}

.single.postid-344 .mnu-btn a span, .single.postid-1080 .mnu-btn a span {
    background: #fff;
}

.single.postid-344 .mnu-btn a span:after, .single.postid-1080 .mnu-btn a span:after {
    color: #e43e3e;
}

.single.postid-344 header.fixed .mnu-btn a span, .single.postid-1080 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-344 header.fixed .mnu-btn a, .single.postid-1080 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-344 header.fixed .mnu-btn a span:after, .single.postid-1080 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* LY */
/* DUNA */
.single.postid-500 header:not(.fixed) .def-logo, .single.postid-1082 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-500 header:not(.fixed) .white-logo, .single.postid-1082 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-500 .mnu-btn a, .single.postid-1082 .mnu-btn a {
    color: #efc26c !important;
}

.single.postid-500 .mnu-btn a span, .single.postid-1082 .mnu-btn a span {
    background: #fff;
}

.single.postid-500 .mnu-btn a span:after, .single.postid-1082 .mnu-btn a span:after {
    color: #e49601;
}

.single.postid-500 header.fixed .mnu-btn a span, .single.postid-1082 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-500 header.fixed .mnu-btn a, .single.postid-1082 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-500 header.fixed .mnu-btn a span:after, .single.postid-1082 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* DUNA */
/* STUL */
.single.postid-45 header:not(.fixed) .def-logo, .single.postid-1078 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-45 header:not(.fixed) .white-logo, .single.postid-1078 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-45 .mnu-btn a, .single.postid-1078 .mnu-btn a {
    color: #f7bf80 !important;
}

.single.postid-45 .mnu-btn a span, .single.postid-1078 .mnu-btn a span {
    background: #fff;
}

.single.postid-45 .mnu-btn a span:after, .single.postid-1078 .mnu-btn a span:after {
    color: #e67d09;
}

.single.postid-45 header.fixed .mnu-btn a span, .single.postid-1078 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-45 header.fixed .mnu-btn a, .single.postid-1078 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-45 header.fixed .mnu-btn a span:after, .single.postid-1078 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* STUL */
/* mic */
.single.postid-40 header:not(.fixed) .def-logo, .single.postid-1076 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-40 header:not(.fixed) .white-logo, .single.postid-1076 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-40 .mnu-btn a, .single.postid-1076 .mnu-btn a {
    color: #c19393 !important;
}

.single.postid-40 .mnu-btn a span, .single.postid-1076 .mnu-btn a span {
    background: #fff;
}

.single.postid-40 .mnu-btn a span:after, .single.postid-1076 .mnu-btn a span:after {
    color: #944545;
}

.single.postid-40 header.fixed .mnu-btn a span, .single.postid-1076 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-40 header.fixed .mnu-btn a, .single.postid-1076 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-40 header.fixed .mnu-btn a span:after, .single.postid-1076 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* mic */
/* ------------------------- calculator */

.calc-wrap {
    margin-top: 60px;
    width: 100%;
}

.items {
    position: relative;
    padding-top: 30px;
}

.items.sites {
    position: relative;
    z-index: 32;
}

@keyframes bounce-background {
    from {
        background-position: 50% 0px;
    }
    50% {
        background-position: 50% 5px;
    }
    to {
        background-position: 50% 0px;
    }
}

.items.marker {
    background: url(../images/site-marker.png) no-repeat 50% 0px;
    animation-name: bounce-background;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-iteration-count: infinite;

    /* For Chrome & Safari */
    -webkit-animation-name: bounce-background;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}

.item-title {
    text-align: center;
    color: #070707;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

.site-type {
    position: relative;
    min-height: 66px;

    color: #fff;
    font-weight: 500;
    padding: 0px 15px 0px 15px;
    font-size: 18px;
    background: #000;
    margin-bottom: 10px;
    cursor: pointer;

    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.site-type:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #3300ff;
}

.site-type span.ttext, .site-type span.dtext, .site-type span.vtext, .site-type span.ctext {
    position: relative;
    z-index: 2;
}

.site-type:hover:after {
    width: 100%;
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.site-type.active {
    color: #fff;
    background-color: #3300ff;
}

.toggle_tips {
    color: #b5b5b5;
    font-size: 14px;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    z-index: 3;
}

.site-type:hover .toggle_tips {
    color: #fff;

}

.tips-wrap {
    position: absolute;
    right: -270px;
    z-index: 333;
    top: -15px;
    padding-left: 80px;
    display: none;
    width: 320px;
    height: 63px;
}

.tips {
    position: relative;
    width: 320px;
    background: #fff;
    color: #1e1e1e;
    padding: 20px 20px 30px 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    display: block;

}

.toggle_tips:hover .tips-wrap {
    display: block;
}

.tips.open {
    display: block;
}

.tips:before {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: -28px;
    z-index: 1;
    top: 28px;
    border: 20px solid black;
    border-color: #fff transparent transparent #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -9px -8px 10px 0 rgba(0, 0, 0, 0.1);
}

.tips p {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #1e1e1e !important;
    line-height: 21px !important;
}

.tips a {
    color: #3300ff;
    float: right;
}

.toggle_tips {
    cursor: pointer;
}

@media (max-width: 990px) {
    .toggle_tips {
        display: none;
    }
}

.next {
    position: relative;
}

.af:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
    top: 0px;
    left: 0px;
}

.marker + .items:before, .marker + .items + .items:before, .marker + .items + .items + .items:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
    top: 0px;
    left: 0px;
}

.items-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
    top: 0px;
    left: 0px;
}

.marker + .items .item-title, .marker + .items + .items .item-title, .marker + .items + .items + .items .item-title {
    color: #868686;
}

.marker + .items .site-type, .marker + .items + .items .site-type, .marker + .items + .items + .items .site-type {
    border: 2px solid #b5b5b5;
}

.hidden-elem {
    display: none;
}

.hidden-elem.open {
    display: block;
}

.total-wrap {
    padding-top: 15px;
}

.total-item {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 20px;
}

.total-item:nth-child(odd) {
    background-color: #f9f9f9;
}

.total-item:after {
    content: '';
    display: table;
    clear: both;
}

.total-item--left {
    float: left;
    color: #d2d2d2;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    padding-left: 35px;
    background-size: 20px;
    max-width: 82%;
}

.total-item--left span {
    color: #b0b0b0;
}

.total-item--right {
    float: right;
    text-align: right;
    color: #b5b5b5;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.total-item--right span:not([class]) {
    font-size: 13px;
}

.total-item.active .total-item--left {
    color: #070707;
    background-size: 20px;
}

.total-item.active .total-item--left span {
    color: #000;
}

.total-item.active .total-item--right {
    color: #3300ff;
}

.price-total, .day-total {
    font-size: 18px;
    font-weight: 700;
    color: #1e1e1e;
    margin: 10px 0px;
}

.price.sum {
    margin-top: 25px;
}

.cur, .tdays {
    color: #3300ff;
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
}

.uah, .tday {
    color: #3300ff;
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 600;
}

.btn-wrap {
    margin: 20px 0px;
}

.btn-calc_order {

    line-height: 79px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 500;
    background-color: #3300ff;
    border: 1px solid #3300ff;
    border-radius: 0px;
    position: relative;
}

.btn-calc_order:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.btn-calc_order span {
    position: relative;
    z-index: 2;
}

.btn-calc_order:before {
    content: "\e900";

    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

.btn-calc_order:hover {
    color: #3300ff;
}

.btn-calc_order:hover:after {
    width: 100%;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-calc_clear {
    color: #3300ff;
    font-family: Gilroy;
    font-size: 15px;
    font-weight: 500;
    background: none;
    border: 0px;
    float: right;
}

.btn-calc_clear:hover {
    color: #3300ff;
}

.calc-form .submit-calc-btn {
    line-height: 60px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    background: #2900ff;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.calc-form .submit-calc-btn:after {
    background: #000;
}

.submit-calc-btn:hover {
    border: 1px solid #000;
}

.calc-form .submit-calc-btn span {
    position: relative;
    z-index: 2;
}

.calc-form .submit-calc-btn:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

.calc-form .form-control {
    border-radius: 0px;
    line-height: 50px;
    height: 50px;

}

.calc-form .submit-calc-btn:disabled {
    cursor: not-allowed;
}

.calc-form input[type="text"]:focus, .calc-form .form-control:focus, .calc-form .form-control:invalid, .calc-form textarea.form-control:focus, .calc-form textarea.form-control:invalid {
    color: initial;
}

.submit-port-btn {
    line-height: 60px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    background: #2900ff;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.submit-port-btn:after {
    background: #000;
}

.submit-port-btn:hover {
    border: 1px solid #000;
}

.submit-port-btn span {
    position: relative;
    z-index: 2;
}

.submit-port-btn:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

/*.form-check.is-valid input[type="checkbox"]:hover + label, .was-validated .form-check-input:valid + label {
  transition: all 300ms ease;
  background-color: #fff;
  color: #070707!important;
}*/
.was-validated .form-check-input:valid ~ .form-check-label, .was-validated .form-check-input:valid + label {
    color: #fff
}

.form-check input[type="checkbox"]:checked:valid + label {
    color: #070707;
}

.was-validated .form-control:valid:focus {
    box-shadow: none;
    border-color: inherit;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    box-shadow: none;
    border-color: inherit;
}

.calc-form .form-group input.form-control {
    border: 0px;
    border-bottom: 1px solid #3f3f3f;
}

.calc-form .form-group label {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.calc-form .form-group input.form-control + label > span, .calc-form .form-group textarea.form-control + label > span {
    position: absolute;
    top: 10px;
    display: block;
    transition: all .3s ease-in-out;
}

.calc-form .form-group input.form-control:focus + label > span, .calc-form .form-group input.form-control:valid + label > span, .calc-form .form-group #telm.form-control:not(.empty) + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.calc-form .form-group #telm.form-control:focus + label > span,
.calc-form .form-group #telm.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.calc-form .form-group #telm.empty.form-control:valid + label > span {
    top: 10px !important;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.calc-form .form-group input.form-control:focus {
    border-bottom: 1px solid #2000ff;
    /*color:#2000ff;*/
}

.calc-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.portfolio-form .form-group input.form-control {
    border: 0px;
    border-bottom: 1px solid #3f3f3f;
    border-radius: 0px;
}

.portfolio-form .form-group label {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.portfolio-form .form-group input.form-control + label > span, .portfolio-form .form-group textarea.form-control + label > span {
    position: absolute;
    top: 10px;
    display: block;
    transition: all .3s ease-in-out;
}

.portfolio-form .form-group input.form-control:focus + label > span, .portfolio-form .form-group input.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.portfolio-form .form-group #telp.form-control:focus + label > span,
.portfolio-form .form-group #telp.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.portfolio-form .form-group #telp.empty.form-control:valid + label > span {
    top: 10px !important;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.portfolio-form .form-group input.form-control:focus {
    border-bottom: 1px solid #2000ff;
    color: #5a5a5a;
}

.portfolio-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 540px;
        margin: 1.75rem auto;
    }
}

.modal-open {
    padding-right: 0px !important;

    overflow: initial;
}

.modal-content {
    border: 0px;
    border-radius: 0px;
}

.modal-body {
    padding: 1rem 70px 20px;
}

.modal .modal-header {
    display: block;
    text-align: center;
}

.modal .modal-title {
    color: #070707;
    font-size: 28px;
    font-weight: 700;
    line-height: 65px;
}

.modal .modal-header .close {
    position: absolute;
    top: 50px;
    right: 40px;
    color: #c8c8ca;
    text-indent: -9999px;
    background: url(../images/modal-close.png) no-repeat center center;
    width: 20px;
    height: 20px;
}

.modal .btn-wrap {
    margin: 50px 0px 0px;
}

#submit-calcajax {
    margin: 30px 0px;
    color: #5a5a5a;

    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}

.invalid-feedback {
    margin-top: 0px;
}

@media (max-width: 1600px) {
    .site-type {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {

    .total-item, .total-item--left, .total-item--left span {
        font-size: 13px;
    }
}

.hidden-xs {
    display: none !important;
}

.visible-xs {
    display: block !important;
}

@media (min-width: 767px) {
    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

}

.ecommerce {
    padding-bottom: 120px;
}

@media (min-width: 1400px) {
    .wd-50 {
        max-width: 60%;
    }
}

.btn_action.btn-small {
    line-height: 60px;
    position: relative;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 20px;
    text-align: left;
    text-decoration: none;
    border: 1px solid #000;
    margin-bottom: 20px;
    width: 49%;
    max-width: 286px;

}

.btn_action.btn-black.btn-small:hover {
    border: 1px solid #0019FF;
}

.btn_action.btn-blue.btn-small {
    border: 1px solid #0019FF;
}

.btn_action.btn-blue.btn-small:hover {
    border: 1px solid #0019FF;
}

.btn_action.btn-small:before {
    right: 15px;
}

/*
.btn-blue {
    background: #2900ff;
    color: #fff;
    border: 1px solid #2900ff !important;
}

.btn-blue:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.btn-blue:hover {
    color: #fff;
    border: 1px solid #000 !important;
}

.btn-blue:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
*/
@media (max-width: 1280px) {
    .btn_action.btn-small.opencalc {
        font-size: 16px;
    }

    .btn_action.btn-small {
        padding: 0px 10px;
    }
}

@media (max-width: 1120px) {
    .btn_action.btn-small {
        width: 100%;
        padding: 0px 20px;
    }

    .btn_action.btn-small.opencalc {
        font-size: 16px;
    }
}

@media (max-width: 990px) {

    .ecommerce {
        padding-bottom: 30px;
    }

}

.fadetop {
    position: relative;
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    top: 50px;
}

.fadetop.animate {
    opacity: 1;
    visibility: visible;
    top: 0px;
    transition: all 1s;
}

.etap-wrap {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    transition: all 1s;
    /*opacity:0;
    visibility:hidden;
    top:50px;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.etap-wrap.animate {
    opacity: 1;
    visibility: visible;
    top: 0px;
    transition: all 1s;
}

.etap-item {
    position: relative;
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
}

.etap-top {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
}

.etap-top img.e-rounded {
    position: absolute;
    top: 40%;
    left: 15px;
}

.etap-top .e-line {
    position: absolute;
    top: 17px;
    left: 47px;
    width: 80%;
}

.etap-item:nth-child(2) .e-line {
    position: absolute;
    top: 48px;
    left: 47px;
    width: 80%;
}

.etap-item:nth-child(3) .e-line {
    position: absolute;
    top: 17px;
    left: 47px;
    width: 80%;
}

.etap-item:nth-child(4) .e-line {
    position: absolute;
    top: 25px;
    left: 47px;
    width: 80%;
}

.etap-item:nth-child(5) .e-line {
    position: absolute;
    top: 25px;
    left: 47px;
    width: 80%;
}

.e-line-mob {
    display: none;
}

.etap-num {
    color: #0040ff;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 40px;
}

.fe-line {
    position: absolute;
    top: 43px;
    left: 43px;
    width: 80px;

    height: 1px;
    background: #c8c8c8;
}

.se-line {
    position: absolute;
    top: 27px;
    left: 135px;
    width: 80px;
    height: 1px;
    background: #c8c8c8;
    transform: rotate(-20deg);
}

.e-dot {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0040ff;
    position: absolute;
    top: 40px;
    left: 128px;
}

.etap-item:first-child {
    margin-top: 80px;
}

.etap-item:nth-child(2) {
    margin-top: 45px;
    transition: all 1.5s;
}

.etap-item:nth-child(3) {
    margin-top: 55px;
    transition: all 2s;
}

.etap-item:nth-child(4) {
    margin-top: 20px;
    transition: all 2.5s;
}

.etap-item:nth-child(5) {

    transition: all 3s;
}

.etap-item:nth-child(2) .se-line {
    top: 48px;
    left: 135px;
    transform: rotate(7deg);
}

.etap-item:nth-child(4) .se-line {
    top: 34px;
    left: 135px;
    transform: rotate(-11deg);
}

.etap-item:nth-child(5) .se-line {
    display: none;
}

.etap-item:nth-child(5) .e-dot {
    display: none;
}

.etap-item:nth-child(5) .fe-line {
    background-image: linear-gradient(266deg, #ffffff 0%, #c8c8c8 100%);
    transform: rotate(-3deg);
    top: 41px;
}

.etap-text {
}

.etap-text h3 {
    color: #070707;
    font-size: 19px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 10px;
}

.etap-text p {
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.etap .btn-wrap {
    margin: 80px 0px 0px;
}

@media (min-width: 990px) {
    .etap-item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1600px) {
    .etap-top img.e-rounded {
        position: absolute;
        top: 40%;
        left: 15px;
    }

    .etap-num {
        color: #0040ff;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        top: 15px;
        left: 40px;
    }

    .fe-line {
        position: absolute;
        top: 43px;
        left: 43px;
        width: 90px;

        height: 1px;
        background: #c8c8c8;
    }

    .se-line {
        top: 25px;
        left: 150px;
        width: 90px;
    }

    .e-dot {
        top: 40px;
        left: 140px;
    }

    .etap-item:first-child {
        margin-top: 80px;
    }

    .etap-item:nth-child(2) {
        margin-top: 45px;
    }

    .etap-item:nth-child(3) {
        margin-top: 55px;
    }

    .etap-item:nth-child(4) {
        margin-top: 20px;
    }

    .etap-item:nth-child(2) .se-line {
        top: 49px;
        left: 152px;
        transform: rotate(7deg);
    }

    .etap-item:nth-child(4) .se-line {
        top: 33px;
        left: 152px;
    }

    .etap-item:nth-child(5) .se-line {
        display: none;
    }

    .etap-item:nth-child(5) .e-dot {
        display: none;
    }

    .etap-item:nth-child(5) .fe-line {
        background-image: linear-gradient(266deg, #ffffff 0%, #c8c8c8 100%);
        transform: rotate(-3deg);
        top: 41px;
    }
}

@media (max-width: 1200px) {
    .etap-top img.e-rounded {
        position: absolute;
        top: 40%;
        left: 15px;
    }

    .etap-num {
        color: #0040ff;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        top: 15px;
        left: 40px;
    }

    .fe-line {
        position: absolute;
        top: 43px;
        left: 43px;
        width: 50px;

        height: 1px;
        background: #c8c8c8;
    }

    .se-line {
        top: 32px;
        left: 110px;
        width: 50px;
    }

    .e-dot {
        top: 40px;
        left: 100px;
    }

    .etap-item:first-child {
        margin-top: 80px;
    }

    .etap-item:nth-child(2) {
        margin-top: 45px;
    }

    .etap-item:nth-child(3) {
        margin-top: 55px;
    }

    .etap-item:nth-child(4) {
        margin-top: 20px;
    }

    .etap-item:nth-child(2) .se-line {
        top: 48px;
        left: 115px;
        transform: rotate(7deg);
    }

    .etap-item:nth-child(4) .se-line {
        top: 37px;
        left: 113px;
    }

    .etap-item:nth-child(5) .se-line {
        display: none;
    }

    .etap-item:nth-child(5) .e-dot {
        display: none;
    }

    .etap-item:nth-child(5) .fe-line {
        background-image: linear-gradient(266deg, #ffffff 0%, #c8c8c8 100%);
        transform: rotate(-3deg);
        top: 41px;
    }
}

@media (max-width: 990px) {

    .etap-item {
        width: 100%;
        margin-top: 0px !important;
        padding-top: 0px;
        padding-left: 80px;
        padding-right: 15px;
        min-height: 150px;
    }

    .e-line-mob {
        display: block;
        position: absolute;
        left: 24px;
        top: 36px;
    }

    .etap-item:nth-child(5) .e-line-mob {
        display: none;
    }

    .e-line {
        display: none;
    }

    .etap-top {

        width: 80px;
        height: 100%;
    }

    .etap-top img.e-rounded {

        top: 10px;
        left: 15px;
    }

    .etap-num {
        top: 10px;
        left: 50px;
    }

    .fe-line {

        top: 65px;
        left: 2px;
        width: 50px;
        height: 1px;
        transform: rotate(90deg);
    }

    .e-dot {

        position: absolute;
        top: 95px;
        left: 25px;
    }

    .se-line, .etap-item:nth-child(4) .se-line, .etap-item:nth-child(3) .se-line, .etap-item:nth-child(2) .se-line {
        top: 130px;
        left: 2px;
        width: 50px;
        height: 1px;
        transform: rotate(90deg);
    }

    .etap-item:nth-child(5) .se-line {
        display: none;
    }

    .etap-item:nth-child(5) .fe-line {
        display: none;
    }
}

@media (max-width: 1600px) {
    .about-us p {
        font-size: 16px;

        line-height: 23px;
    }
}

@media (min-width: 1600px) {
    .ecommerce .btn_action.btn-small {
        margin-right: 20px;
        width: 48%;
    }

    .ecommerce .btn_action.btn-small.btn-white {
        margin-right: 0px;
    }
}

.etap {
    padding: 100px 0px;
}

.etap .col-md-12 p {
    margin-bottom: 10px;
}

.etap .main-title h2 {
    color: #070707;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
}

@media (max-width: 1400px) {
    .etap {
        padding: 50px 0px;
    }

    .etap .main-title h2 {
        font-size: 43px;
    }
}

@media (max-width: 990px) {
    .etap .main-title h2 {
        font-size: 38px;
    }

    .etap-text h3 {
        line-height: 42px;
    }

    .etap {
        padding: 30px 0px;
    }
}

@media (max-width: 767px) {
    .etap .main-title h2 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 32px;
    }
}

.why-we {
    background: #1c1e1e;
    padding: 100px 0px 80px;
}

.why-we .main-title h2 {
    color: #ffffff;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 80px;
}

section.fw-main-row.why-we.corp.oc_white {
    background: #fff;
    padding: 100px 0px;
}

section.fw-main-row.why-we.corp.oc_white h2 {
    color: #070707;
}

section.fw-main-row.why-we.corp.oc_white ul li, section.fw-main-row.why-we.corp.oc_white p {
    color: #515151;

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

section.fw-main-row.why-we.corp.oc_white .round-br {

}

@media (min-width: 1600px) {
    section.fw-main-row.why-we.corp.oc_white .round-br {

    }
}

@media (max-width: 767px) {
    section.fw-main-row.why-we.corp.oc_white .round-br {
        display: none;
    }

    section.fw-main-row.why-we.corp.oc_white .round-wrap {
        display: none;
    }
}

@media (max-width: 1400px) {
    .why-we .main-title h2 {
        font-size: 43px;
    }

    .why-we {

        padding: 50px 0px 30px;
    }
}

@media (max-width: 990px) {
    section.fw-main-row.why-we.corp.oc_white {
        padding: 30px 0px;
    }

    section.fw-main-row.why-we.corp.oc_white h2 {
        margin-bottom: 15px;
        line-height: 38px;
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .why-we .main-title h2 {
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 50px;
    }
}

.ww-text {
    position: relative;
    padding-left: 20px;
    margin-bottom: 60px;
}

.ww-text:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0px;
    width: 8px;
    height: 8px;
    background: #fff;
}

.ww-text h3 {
    color: #ffffff;

    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
}

.ww-text p {
    color: #919191;

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.kv-wrap {
    position: relative;
}

.kv-wrap img {
    width: 75%;
}

.kvadrat {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 210px;
    height: 250px;
    transform: translate(-50%, -60%) scale(0.8);
    box-shadow: 0 33px 99px rgba(41, 0, 255, 0.41);
    background-color: #2900ff;
    transition: all 1s;
}

.kvadrat.animate {
    transform: translate(-50%, -60%) scale(1);
    transition: all 1s;
}

.kvadrat img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 767px) and (max-width: 990px) {
    .kvadrat {
        left: 50%;
    }
}

@media (min-width: 1200px) {
    .kv-wrap {
        top: 0px;
    }

    .kvadrat {
        width: 200px;
        height: 230px;
    }
}

@media (min-width: 1400px) {
    .why-we {
        padding: 100px 0px 0px;
    }

    .kv-wrap img {
        width: 60%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .kv-wrap img {
        width: 60%;
    }

    .kvadrat {
        width: 162px;
        height: 197px;
    }

    .kv-wrap {
        top: 0px;
    }

    .why-we .main-title h2 {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .why-we {
        padding: 30px 0px 0px;
    }

    .why-we .main-title h2 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .kv-wrap {
        min-height: 250px;
    }

    .kv-wrap > img {
        display: none;
    }

    .kvadrat {
        width: 100%;
        height: 200px;
    }
}

.e-modules {
    padding: 80px 0px;
}

.e-modules .main-title h2 {
    color: #1c1e1e;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 30px;
}

.e-modules p {
    color: #919191;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 1400px) {
    .e-modules {
        padding: 50px 0px 30px;
    }

    .e-modules .main-title h2 {
        font-size: 43px;
    }
}

.module-wrap {
    max-height: 450px;
    padding-top: 15px;
}

.module-wrap .m-item {
    padding: 15px 15px;
    color: #1c1e1e;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    border-bottom: 1px solid #eaeaea;
    margin-right: 30px;

}

.module-wrap .m-item:hover, .module-wrap .m-item.active {
    background-color: #b9b9b9;
    color: #fff;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.module-wrap .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    /*height: 60px;*/
    background-color: #b9b9b9;
}

.module-wrap .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 16px;
}

@media (max-width: 1200px) {
    .e-modules .btn_action.btn-small {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .e-modules {
        padding: 30px 0px;
    }

    .e-modules .main-title h2 {
        font-size: 26px;

        line-height: 32px;
    }

    .module-wrap .m-item {
        margin-right: 0px;
    }
}

/* ecommerce */
/* Services */
.solution {
    padding: 80px 0px;
}

.solution .main-title h2 {
    color: #070707;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 60px;
}

.sol-item {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

@media (max-width: 1400px) {
    .solution {
        padding: 50px 0px 30px;
    }

    .solution .main-title h2 {
        font-size: 43px;
    }

    .solution.without-footer .sol-item p {
        min-height: 120px;
    }
}

.sol-item h3 {
    padding-left: 15px;
    position: relative;
    color: #070707;
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 15px;
}

.sol-item h3:after {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
}

.sol-item p {
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.sol-item a {
    color: #2900ff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    text-decoration: none;
    transition: all .3s;
    display: block;
}

.sol-item a span {
    display: inline-block;
    line-height: 21px;
    margin-left: 10px;
    font-size: 31px;
    vertical-align: middle;
    position: relative;
    right: 0px;
    transition: all .3s;
}

.sol-item a:hover span {
    right: -10px;
    transition: all .3s;
}

@media (min-width: 1200px) {
    .sol-item p {
        min-height: 170px;
    }
}

@media (min-width: 1400px) {
    .sol-item p {
        min-height: 100px;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .sol-item h3 {
        min-height: 75px;
    }
}

@media (max-width: 767px) {
    .solution {
        padding-bottom: 0px;
        padding-top: 30px;
    }

    .solution .main-title h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 32px;
    }

    .sol-item {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .sol-item:last-child {
        margin-bottom: 0px;
    }

    .sol-item h3 {
        padding-left: 0px;
        font-size: 19px;
        font-weight: 500;
        line-height: 35px;
    }

    .sol-item h3:after {
        display: none;
    }

    .solution.without-footer .sol-item p {
        min-height: auto;
    }
}

.budget {
    background-color: #17191a;
    padding: 80px 0px 80px;
    position: relative;
    overflow: hidden;
}

.budget:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 600px 485px 0 0;
    border-color: #1e2021 transparent transparent transparent;
}

.budget:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 437px 297px;
    border-color: transparent transparent #1e2021 transparent;
}

.budget .container {
    position: relative;
    z-index: 3;
}

.budget .main-title h2 {
    color: #ffffff;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 60px;
}

@media (max-width: 1400px) {
    .budget {
        padding: 50px 0px 30px;
    }

    .budget .main-title h2 {
        font-size: 43px;
    }
}

.budget .studio-text h3 {
    min-height: 30px;
}

.budget .studio-text {
    margin-bottom: 50px;
    max-width: 435px;
}

.diamant-img {
    position: absolute;
    /*top: -220px;*/
    top: 0;
    left: 0px;
    text-align: right;
}

.budget-right {
    margin-top: -174px;
}

.diamant-img video {
    width: 100% !important;
    height: auto !important;
}

.mob-vis {
    display: none;
}

.mob-hid {
    display: block;
}

@media (max-width: 990px) {
    .budget:before, .budget:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .budget {
        padding: 0;
        padding-top: 50px;
    }

    .budget .studio-text {
        margin-bottom: 40px;
    }

    .budget .main-title h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .budget:before, .budget:after {
        display: none;
    }

    .diamant-img {
        position: relative;
        top: 0px;
        right: 0px;
        text-align: right;
    }

    .budget-right {
        margin-top: 0px;
    }

    .mob-vis {
        display: block;
    }

    .e-modules .mob-vis {
        text-align: center;
    }

    .mob-hid {
        display: none;
    }
}

.faderight {
    position: relative;
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    right: -50px;
}

.faderight.animate {
    opacity: 1;
    visibility: visible;
    right: 0px;
    transition: all 1s;
}

.fadeleft {
    position: relative;
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    left: -50px;
}

.fadeleft.animate {
    opacity: 1;
    visibility: visible;
    left: 0px;
    transition: all 1s;
}

.price_table {
    padding: 50px 0px 30px;
}

.price_table .main-title h2 {
    color: #070707;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 30px;
}

.price_table.dark-table {
    background-color: #17191a;
    padding: 50px 0px 60px;
}

.price_table.dark-table .main-title h2 {
    color: #fff;
}

.price_table.dark-table p {
    color: #fff;
}

.fw-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.price_table.dark-table .fw-table {
    background: #fff;
}

.price_table.dark-table .fw-table table {
    margin-bottom: 0px;
}

.price_table table thead tr th, .price_table table tbody tr td {
    border: 0px !important;
    border-bottom: 1px solid #e2e2eb !important;
    color: #17191a !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 35px !important;
    padding: 30px 0px 30px 40px !important;
}

.price_table table thead tr th {
    background-color: #f6f6f8 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.price_table table tbody tr td:first-child {
    color: #070707 !important;
}

.price_table table thead tr th:nth-child(2) {
    color: #2900ff !important;
}

.price_table table tbody tr td:nth-child(2) {
    color: #2900ff !important;
}

.price_table table tbody tr:hover td {
    color: #fff !important;
    background-color: #2900ff !important;
}

@media (max-width: 990px) {
    .price_table .main-title h2 {
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .price_table.dark-table {
        padding: 30px 0px 30px;
    }

    .price_table table thead tr th, .price_table table tbody tr td {
        font-size: 16px !important;
        padding: 10px 0px 10px 15px !important;
    }

    .price_table table tbody tr td:last-child {
        font-size: 16px !important;
    }

}

/* Services */

/* BLOG */
.blog header:not(.fixed) .white-logo, .page-template-page-blog header:not(.fixed) .white-logo, .page-template-page-blog_drft header:not(.fixed) .white-logo {
    display: block;
}

.blog header:not(.fixed) .def-logo, .page-template-page-blog header:not(.fixed) .def-logo, .page-template-page-blog_draft header:not(.fixed) .def-logo {
    display: none;
}

.page-template-page-blog .search:not(.search-results), .blog .search:not(.search-results), .page-template-page-blog_draft .search:not(.search-results) {
    display: block;
    z-index: 100;
}

.single header:not(.fixed) .def-logo {
    display: block;
}

.single header:not(.fixed) .white-logo {
    display: none;
}

.blog-wrap {
    position: relative;
    /*overflow:hidden; */
}


@media (max-width: 767px) {
    .single-fw-portfolio #header-btn-phone .phone-black {
        display: none;
    }

    .single-fw-portfolio #header-btn-phone .phone-white {
        display: block;
    }

    .single-fw-portfolio .fixed #header-btn-phone .phone-black {
        display: block;
    }

    .single-fw-portfolio .fixed #header-btn-phone .phone-white {
        display: none;
    }

    .single header.fixed .mnu-btn a.cd-nav-trigger span {
        width: 34px !important;
        height: 34px !important;
    }

    .single-post:not(.single-fw-portfolio) header .lang-wrap {
        display: flex;
        flex-direction: row;
        height: auto;
        right: 5px;
        top: 50px;
    }
}

.search:not(.search-results) input[type="text"] {
    color: #17191a;
    font-size: 14px;
    font-weight: 700;
    border: 0px;
    height: 40px;
    line-height: 36px;
    border-bottom: 1px solid #707070;
    background: transparent;
    display: block;
    width: 100%;
    padding-left: 30px;
}

.btn-search {
    background: transparent;
    position: absolute;
    top: 0px;
    left: 10px;
    line-height: 40px;
    border: 0px;
}

.blog-title {
    margin-top: 100px;
}

.blog-fixed {
    position: absolute;
    bottom: 0px;
}

.blog-fixed.fixed {
    position: sticky;
    top: 0px;
    left: 0px;
    height: 100%;
}

.carousel {

}

.feat-post {
    position: relative;
}

.feat-post_img {
    position: relative;
}

.feat-post_img img {
    width: 100%;
    /*max-width:100%;*/

    /*object-fit: contain;*/
}

.feat-post_img:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
}

.feat-post_text {
    position: absolute;
    top: auto;
    left: 0px;
    padding: 100px 0px 0px 80px;
    bottom: 10%;
    animation-delay: 0.7s;
    max-width: 500px;
}

.fadeinleft {
    opacity: 0;
    visibility: hidden;
    left: -100px;
}

.carousel-item.active .fadeinleft {
    opacity: 1;
    visibility: visible;
    left: 0px;
    transition: all 1s;
}

.meta {
    display: inline-block;
    background: #fff;
    line-height: 41px;
    color: #17191a;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 0px 15px;
    margin-bottom: 30px;
}

.feat-post_text h3 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;

}

.feat-post_text p {
    opacity: 0.57;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.feat-read {
    display: block;
    position: relative;
    margin-top: 60px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 79px;
    padding: 0px 30px;
    max-width: 400px;
}

.feat-read:hover {
    text-decoration: none;
    color: #fff;

}

.feat-read:after {
    content: "\e900";
    font-family: 'icomoon' !important;
    font-size: 31px;
    margin-left: auto;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 30px;
    transition: all .3s;
}

.feat-read:hover:after {
    right: 20px;
    transition: all .3s;
}

.blog-post-wrap {
    margin-top: 80px;
    margin-left: 0;
}

.hasfixed .blog-post-wrap {
    /*margin-top:-40px;*/
}

@media (min-width: 1200px) {
    .blog-post-wrap {
        padding-right: 50px;
    }
}

.blog-title .subtitle {
    color: #b1bec4;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.blog-title h2 {
    color: #070707;
    font-size: 40px;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 30px;
}

.blog-item {
    margin-bottom: 40px;
}

.blog-item_img {
    margin-bottom: 30px;
}

.blog-item_img img {
    width: 100%;
    height: auto;
}

.blog-item-text {
}

.blog-item-text .meta-date {
    color: #0019ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px;
}

.blog-item-text h3 {
    color: #070707;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 30px;
}

.blog-item-text h3 a {
    color: #070707;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none;
}

.blog-item-text h3 a:hover {
    color: #0019ff;
}

.blog-item-text p {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.top-img {
    width: 100%;
    min-height: 600px;
    margin-bottom: 60px;
}

@media (max-width: 1600px) {
    .top-img {
        width: 100%;
        min-height: 400px;
        margin-bottom: 60px;
    }
}
@media (max-width: 550px) {
    .top-img {
        width: 100%;
        min-height: 290px;
        margin-bottom: 60px;
    }
}

.single-meta {
    color: #0019ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 15px;
}

.single-title h1 {
    color: #070707;
    font-size: 59px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 40px;
}

.single-content p {
    color: #313131;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 30px;
}
ul.ez-toc-list {
    font-size: 20px;
    line-height: 34px;
}

.single-content ul li, .single-content ol li {
    color: #313131;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;

}

.single-content ul,
.single-content ol {
    margin-bottom: 30px;
}

.single-content table {
    margin-bottom: 30px;
    width: 100%;

}

.single-content table tr td {
    color: #313131;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    border: 1px solid #ddd;
    padding: 10px;
    width: 50%;
}

.single-content table tr td h4 {
    margin-bottom: 0px;
}

.single-content h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #313131;
}

.single-content h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #313131;
}
.single-content h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #313131;
}

@media (max-width: 767px) {
    .single-content table {
        overflow: scroll;
        display: inline-block;
    }

    .single-content table tr td, .single-content ul li, .single-content ol li, .single-content p {
        font-size: 16px;
        line-height: 24px;
    }

    ul.ez-toc-list {
        font-size: 16px;
        line-height: 24px;
    }
}

.single-content img {
    max-width: 100%;
    margin: 60px auto;
}

.pos-r {
    position: relative;
}

.single-share {
    position: absolute;
    bottom: auto;
    top: 100px;
    transition: all .3s;
}

.single-share.fixed {
    position: fixed;
    /*top:150px;*/
    bottom: 50px;
    transition: all .3s;
}

.single-share a {
    display: block;
    width: 60px;
    background: #fff;
    line-height: 60px;
    border: 1px solid #e1e1e1;
    text-align: center;
    font-size: 21px;
    color: #c9c9c9;
    text-decoration: none;
}

.single-share a:hover {
    border: 1px solid #0019ff;
    color: #0019ff;
}

.single-share-mobile {
    display: none;
    text-align: center;
    margin-bottom: 30px;
}

.single-share-mobile a {
    display: inline-block;
    width: 60px;
    background: #fff;
    line-height: 60px;
    border: 1px solid #e1e1e1;
    text-align: center;
    font-size: 21px;
    color: #c9c9c9;
    text-decoration: none;
    margin-right: -5px;
}

.single-share-mobile a:hover {
    border: 1px solid #0019ff;
    color: #0019ff;
}

blockquote {
    display: block;
    width: 100%;
    background-color: #f6f6f6;
    padding: 60px;
    color: #3d3d3d;
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    line-height: 34px;
    margin: 60px 0px;
}

blockquote cite {
    color: #0019ff;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    line-height: 34px;
    margin-top: 15px;
}

.recent {
    margin-bottom: 50px;
}

.recent-meta {
    color: #0019ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 8px;
    margin: 20px 0px 10px;
}

.recent a {
    color: #070707;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    display: block;
}

.recent a img {
    height: auto;
}

.more-post {
    background-color: #f6f6f6;
    padding: 70px 0px;
    display: none;
}

.more-post h2 {
    color: #070707;
    font-size: 34px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 30px;
}

.more-post a {
    display: block;
    color: #070707;

    font-size: 20px;
    font-weight: 600;
    line-height: 38px;
    text-decoration: underline;
}

.more-post a:hover {
    color: #2600ee;
}

.subscribe {
    background-color: #2600ee;
    padding: 70px 0px;
}

.subscribe h2 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    line-height: 35px;
}

.subscribe p {
    color: #d3ccfc;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.subscribe-form {
    width: 100%;
    position: relative;
}

.subscribe-form input[type="text"], .gform_wrapper input[type="text"] {
    border: 0px;
    border-bottom: 1px solid #fff;
    display: block;
    background: transparent;
    border-radius: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 0px !important;
    padding-bottom: 15px !important;
}

.subscribe-form input[type="text"]::placeholder {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.subscribe-form input[type="text"]:focus::placeholder {
    opacity: 0;
    transition: all .3s;
}

.subscribe-form .gfield_label {
    display: none !important;
}

.subscribe-form .gform_wrapper .gform_footer {
    padding: 0px;
    margin: 0px;
}

.gform_confirmation_message_1.gform_confirmation_message {
    color: #fff;
}

.btn-subscribe, #gform_submit_button_1 {
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent url(../images/p-plane.png) no-repeat center center;
    width: 22px;
    height: 30px;
    color: transparent;
    border: 0px;
    outline: 0;
}

.navigation.post-navigation {
    display: none;
}

.navigation.posts-navigation {
    display: none;
}

@media (min-width: 990px) and (max-width: 1400px) {
    .pos-r {
        position: relative;
        width: 100% !important;
        margin-left: 0px !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .feat-post_text {
        padding: 100px 30px 0px 30px;
        bottom: 5%;
    }

    .feat-post_text h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .meta {
        margin-bottom: 15px;
    }

    .feat-read {
        margin-top: 30px;
    }

    .blog-title h2 {
        font-size: 29px;
    }
}

@media (max-width: 990px) {
    .carousel {
        display: none;
    }
}

@media (max-width: 767px) {
    .blog-fixed {
        position: relative !important;
    }

    .carousel {
        display: none;
    }

    .blog-title {
        text-align: left !important;
        margin-top: 30px;
    }

    .blog-title h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 40px;
    }

    .page-template-page-blog .search:not(.search-results), .blog .search:not(.search-results), .page-template-page-blog_draft .search:not(.search-results) {
        margin-top: 80px;
        margin-left: 0px !important;
    }

    .page-template-page-blog .fixed .search:not(.search-results), .blog .fixed .search:not(.search-results), .page-template-page-blog_draft .fixed .search:not(.search-results) {
        display: none;
    }

    .single-blog {
        padding-top: 0px;
    }

    .single-title h1 {
        font-size: 33px;
        font-weight: 700;
        line-height: 34px;
    }

    .single-share {
        display: none;
    }

    .single-share-mobile {
        display: block;
    }

    .widget {
        display: none;
    }

    .subscribe-form {
        margin-top: 30px;
    }

}

/* BLOG */

/* SEARCH */
.search-result {
    padding-top: 200px;
}

.search-title {
    margin: 80px 0px 30px;
}

.search-title p {
    color: #b1bec4;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.search-title h1 {
    color: #070707;
    font-size: 40px;
    font-weight: 700;
    line-height: 70px;
}

.s-result {
    margin-bottom: 90px;
}

.s-result img {
    height: auto !important;
}

.s-result_text {

}

.s-result_text .meta-date {
    color: #0019ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin: 30px 0px 10px;
}

.s-result_text h3 {
    color: #070707;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 30px;
}

.s-result_text h3 a {
    color: #070707;
    text-decoration: none;
}

.s-result_text h3 a:hover {
    color: #0019ff;
}

.s-result_text p {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.search-result .search:not(.search-results) {
    margin-left: initial !important;
    padding-left: 15px;
    z-index: 0;
}

@media (min-width: 990px) and (max-width: 1200px) {
    .s-result {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .s-result {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {

    .search-result {
        padding-top: 125px;
    }

    .search-title {
        margin: 30px 0px 20px;
    }

    .s-result {
        margin-bottom: 50px;
    }

    .search-results header .logo img.def-logo,
    .search-no-results header .logo img.def-logo {
        display: block;
    }

    .search-results header .logo img.white-logo,
    .search-no-results header .logo img.white-logo {
        display: none;
    }
}

/* SEARCH */
.video-slider {
    padding: 80px 0px;
}

.video-slider .video-wrap {
    margin-top: 15px;
}

.video-slider .main-title h2 {
    color: #070707;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 60px;
}

@media (max-width: 1400px) {
    .video-slider .main-title h2 {
        font-size: 43px;
    }
}

.pr-item {
    margin-bottom: 60px;
}

.pr-item h3 {
    color: #070707;
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
}

.pr-item h3 span {
    display: inline-block;
    vertical-align: middle;
    color: #0000ff;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    margin-right: 10px;
}

.pr-item p {
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.video-carousel {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
    margin-top: 60px;
}

.video-carousel .owl-item video {

    width: 100%;
}

.owl-nav {
    position: relative;
    width: 80%;
    margin: 60px auto;
}

.owl-nav:after {
    content: '';
    display: block;
    width: calc(100% - 220px);
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 1px;
    background: #2900ff;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    width: 81px;
    height: 81px;
    border: 1px solid #2900ff;
    color: #2900ff;
    border-radius: 50%;
    font-size: 32px;
}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
    background-color: #2900ff;
    color: #fff;
}

.owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus {
    outline: none;
}

.owl-carousel .owl-nav button.owl-prev {
    top: 0px;
    left: 0px;
}

.owl-carousel .owl-nav button.owl-prev {
    transform: rotate(180deg);
}

.owl-carousel .owl-nav button.owl-next {
    top: 0px;
    right: 0px;
}

@media (max-width: 990px) {
    .video-slider {
        padding: 80px 0px 120px;
    }
}

.round-br {
    position: absolute;
    width: 300px;
    height: 300px;
    box-shadow: 0 33px 99px rgba(41, 0, 255, 0.41);
    border-radius: 200px;
    background-color: #2900ff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) scale(0.8);
    transition: all 1s;
}

.round-br.animate {
    transform: translate(-50%, -60%) scale(1);
    transition: all 1s;
}

.round-br img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.round-br_ok {
    width: 300px;
    height: 300px;
    box-shadow: 0 33px 99px rgba(41, 0, 255, 0.41);
    border-radius: 200px;
    background-color: #2900ff;
    position: relative;
    margin: 0 auto 50px auto;
}

.round-br_ok img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.round-wrap-in {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 35%;
}

.corp .main-title h2 {
    color: #ffffff;
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .round-br_ok {
        display: none;
    }

    .round-wrap {
        height: auto !important;
        min-height: 1px !important;
    }

    .round-wrap-in {
        position: relative;
        top: auto;
    }
}

@media (max-width: 1400px) {
    .corp .main-title h2 {
        font-size: 43px;
    }
}

.corp p {
    color: #acacac;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.corp .btn-wrap {
    margin-top: 40px;
}

.round-wrap > img {
    width: 100%;
    max-width: 640px;
}

@media (min-width: 1600px) {
    .round-br {
        width: 360px;
        height: 360px;
    }

    .round-br_ok {
        width: 360px;
        height: 360px;
    }
}

@media (max-width: 767px) {
    .video-slider {
        padding: 30px 0px;
    }

    .video-slider .main-title h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 32px;
    }

    .video-carousel {
        display: none !important;
    }

    .corp .main-title h2 {

        font-size: 28px;
        font-weight: 700;
    }

    .round-wrap {
        height: 520px;
    }

    .round-wrap > img {
        display: none;
    }
}

.for-parallax {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 60%;
    left: 0px;
    text-align: center;
    transform: translate(0%, -50%);
    overflow: hidden;
}

.for-parallax div {
    height: 100%;
}

.for-parallax #scene > div {
    width: 100%;
}

.for-parallax img {
    max-width: 100%;
    display: inline-block;
    height: 100%;
}

.fw-portfolio section:not(.single-port) .container {
    max-width: 1114px;
}

@media (min-width: 1400px) {
    .fw-portfolio section:not(.single-port) .container .col-lg-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fw-portfolio section:not(.single-port) .container .col-lg-10.offset-lg-1 {
        margin-left: 0%;
    }
}

.single-port {

    padding-top: 110px;
    position: relative;
    background-color: #db3446;
}

.single-logo {
    width: 100%;
    text-align: center;
}

.port-main-img {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.port-main-img img {
    max-width: 70% !important;
}

.portfolio-title h1 {
    color: #000000;
    font-size: 65px;
    font-weight: 700;
    line-height: 73px;
    margin-bottom: 60px;
}

.portfolio-content {
    padding: 70px 0px;
}

.portfolio-content p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

@media (min-width: 1400px) {
    .single-port {
        padding-top: 145px;
    }

    .port-main-img {
        top: 55%;
    }
}

@media (min-width: 1700px) {
    .single-port {
        padding-top: 145px;
    }
}

a.tosite {
    color: #db3446;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}

a.tosite span {
    font-size: 31px;
    /* line-height: 18px; */
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: all .5s;
}

a.tosite:hover span {
    margin-left: 20px;
}

.portfolio-content .btn-wrap {
    margin: 60px 0px;
}

.project-info_item {
    margin-bottom: 30px;
}

.project-info_item p {
    color: #c2c2cc;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.project-info_item p strong {
    color: #000000;
    font-weight: 500;
}

.content-video {
    text-align: center;
    margin: 60px 0px;
}

.content-video iframe {
    width: 100% !important;
    height: 600px;
}

@media (min-width: 1400px) {
    .content-video iframe {
        height: 755px;
    }
}

@media (max-width: 1400px) {
    .portfolio-title h1 {
        color: #000000;
        font-size: 55px;
        font-weight: 700;
        line-height: 63px;
    }
}

.ly-map {
    background-color: #fbfbfb;
    padding: 70px 0px;
    position: relative;
}

.ly-map .after {

    position: absolute;
    right: 5%;
    bottom: -200px;
}

.ly-map h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
}

.ly-map p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.ly-color {
    padding: 100px 0px;
}

.ly4-wrap {
    position: relative;
    padding-top: 80px;
}

.ly4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #db3446;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.ly4-wrap img {
    position: relative;
    z-index: 2;
}

.mar {
    position: relative;
    top: -140px;
}

.ly-design {
    padding: 80px 0px;
}

.ly-design h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 30px;
}

.ly-design p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

@media (min-width: 1400px) {
    .ly-map .after {
        right: 13%;
    }
}

.video-design {
    margin: 80px 0px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    padding: 0px;
}

.video-design video {
    width: 100%;
    height: auto;
}

.ly-cat {
    background-color: #fbfbfb;
    position: relative;
    padding: 70px 0px;
}

.ly-cat h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.ly-cat p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.ly-cat .after {
    position: absolute;
    top: -50px;
    right: 10%;
}

@media (min-width: 1400px) {
    .ly-cat .after {
        right: 16%;
    }
}

.cat-img {
    margin-top: 60px;
}

.cat-img img {
    width: 100%;
}

.prod {
    position: relative;
    padding: 80px 0px;
}

.prod .after {
    position: absolute;
    top: -50px;
    left: -100px;
}

.prod .after img {
    max-width: 60%;
}

@media (min-width: 1400px) {
    .prod .after {
        left: 0px;
    }

    .prod .after img {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .prod .after {
        display: none;
    }
}

.prod h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.prod p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.ly-result {
    background-color: #fbfbfb;
    padding: 80px 0px 100px;
    position: relative;
    overflow: hidden;
}

.ly-result h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.ly-result p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.ly-result .after {
    position: absolute;
    top: -120px;
    right: -170px;
    z-index: 1;
    left: auto;
}

.res-right {
    position: relative;
    padding-top: 220px;

}

.res-wrap {
    margin-top: 70px;
}

.res-left img, .res-right img {
    width: 100%;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.ly-result .after img {
    box-shadow: none;
}

.res-bottom {
    margin-top: -100px;
    /* width: 100%; */
    overflow: hidden;
    position: relative;
}

.res-bottom:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 60%;
    background-image: linear-gradient(180deg, rgba(251, 251, 251, 0) 0%, #fbfbfb 100%);
}

.res-bottom img {
    max-width: 100%;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.res-bottom-l {
    float: left;
    width: 60%;
}

.res-bottom-r {
    float: right;
    width: 35%;
    margin-top: 200px;
}

.ly-result .btn-wrp {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 60px;
    text-align: center;
}

.btn-red {
    line-height: 79px;
    background-color: #db3446;
    border: 1px solid #db3446;
    color: #ffffff;
    text-align: center;
    padding: 0px 80px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    transition: all 0.3s;
}

.btn-red:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.btn-red:hover {

    color: #db3446;
}

.btn-red span {
    position: relative;
    z-index: 2;
}

.btn-red:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.portfolio-nav {
    background: url(../images/portfolio-nav.png) no-repeat top center;
    background-size: cover;

}

.portfolio-nav_wrap {

}

.portfolio-nav_wrap a {
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    line-height: 65px;
    padding: 60px 100px;
    text-decoration: none;
}

.portfolio-nav_wrap a span {
    display: inline-block;
    font-size: 38px;
    vertical-align: middle;
}

.portfolio-nav_wrap a.p-nav-left {
    padding-left: 0px;
}

.portfolio-nav_wrap .text-right a {
    padding-left: 0px;
}

.portfolio-nav_wrap a.p-nav-left span {
    margin-right: 15px;
    transform: rotate(-180deg);
}

.portfolio-nav_wrap .text-right a span {
    margin-right: 15px;
    transform: rotate(-180deg);
    transition: all .5s;
}

.portfolio-nav_wrap .text-right a:hover span {
    margin-right: 25px;
}

.portfolio-nav_wrap a.p-nav-right {
    padding-right: 0px;
}

.portfolio-nav_wrap a.p-nav-right span {
    margin-left: 15px;
}

.portfolio-nav_wrap .text-left a {
    padding-right: 0px;
}

.portfolio-nav_wrap .text-left a span {
    margin-left: 15px;
    transition: all .5s;
}

.portfolio-nav_wrap .text-left a:hover span {
    margin-left: 25px;
}


.white-portfolio-card .overlay .meta-cat {
    color: #000000;
}

.white-portfolio-card .overlay .case-title {
    color: #000000;
}

.white-portfolio-card .item-more {
    color: #000000;
}

@media (max-width: 990px) {
    .white-portfolio-card .overlay .meta-cat {
        color: #b5b5b5;
    }

    .white-portfolio-card .overlay .item-more {
        color: #858585;
    }
}

/* DUNA */
.single-port.duna {
    background-color: #e49601;
}

.duna .port-main-img {
    top: 70%;
}

.duna .port-main-img img {
    max-width: 100%;
}

.postid-500 a.tosite, .postid-1082 a.tosite {
    color: #f6a200;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
    overflow: hidden;
}

.duna4-wrap {
    position: relative;
    padding-top: 80px;
}

.duna4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #e49601;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.duna4-wrap img {
    position: relative;
    z-index: 2;
}

.full-img img {
    width: 100%;
    max-width: initial;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 1400px) {
    .full-img img {
        margin-left: auto;
        margin-right: auto;
    }

    .full-img {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.duna-design {
    padding: 100px 0px;
}

.duna-cat {
    padding: 100px 0px;
}

.duna-specials {
    padding: 100px 0px;
}

.duna-result {
    padding: 100px 0px;
}

.duna-result .res-bottom {
    margin-top: 0px;
}

.duna-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.btn-project {
    line-height: 79px;
    background-color: #db3446;
    border: 1px solid #db3446;
    color: #ffffff;
    text-align: center;
    padding: 0px 80px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    transition: all 0.3s;
}

.btn-project span {
    position: relative;
    z-index: 2;
}

.btn-project:hover {
    color: #db3446;
}

.btn-project:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.btn-project:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.duna-result .btn-project {
    background-color: #e49601;
    border: 1px solid #e49601;
}

.duna-result .btn-project:hover {
    color: #e49601;
}

.postid-500 .portfolio-nav, .postid-1082 .portfolio-nav {
    background: url(../images/duna-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {
    .duna .port-main-img {
        top: 65%;
    }
}

@media (min-width: 1650px) {
    .duna .port-main-img {
        top: 60%;
    }
}

@media (max-width: 1300px) {
    .duna .port-main-img {
        top: 70%;
    }
}

@media (max-width: 990px) {
    .duna4-wrap:before {
        display: none;
    }

    .btn-project, .duna-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .duna .port-main-img {
        top: 55%;
    }

    .duna-design {
        padding: 30px 0px;
    }

    .duna-cat {
        padding: 30px 0px;
    }

    .duna-specials {
        padding: 30px 0px;
    }

    .duna-result {
        padding: 30px 0px;
    }

    .postid-500 .portfolio-nav, .postid-1082 .portfolio-nav {
        background: #e49601;
    }

    .duna-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* DUNA */
/* STUL */
.single-port.stul {
    background-color: #f19024;
}

.stul .port-main-img {
    top: 60%;
}

.stul .port-main-img img {
    max-width: 100%;
}

.stul .for-parallax img {

}

.postid-45 a.tosite, .postid-1078 a.tosite {
    color: #f6a200;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.stul4-wrap {
    position: relative;
    padding-top: 80px;
}

.stul4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #f19024;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.stul4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.stul-design {
    padding: 100px 0px;
}

.stul-cat {
    padding: 100px 0px;
}

.stul-specials {
    padding: 100px 0px;
}

.stul-result {
    padding: 100px 0px;
}

.stul-result .res-bottom {
    margin-top: 0px;
}

.stul-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.stul-result .btn-project {
    background-color: #f19024;
    border: 1px solid #f19024;
}

.stul-result .btn-project:hover {
    color: #f19024;
}

.postid-45 .portfolio-nav, .postid-1078 .portfolio-nav {
    background: url(../images/stul-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {
    .stul .for-parallax img {
        margin-top: 0%;
    }

    .stul .port-main-img {
        top: 65%;
    }
}

@media (max-width: 1300px) {

    .stul .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .duna4-wrap:before {
        display: none;
    }

    .stul-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .stul .port-main-img {
        top: 55%;
    }

    .stul-design {
        padding: 30px 0px;
    }

    .stul-cat {
        padding: 30px 0px;
    }

    .stul-specials {
        padding: 30px 0px;
    }

    .stul-result {
        padding: 30px 0px;
    }

    .postid-45 .portfolio-nav, .postid-1078 .portfolio-nav {
        background: #e97e07;
    }

    .stul-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* STUL */
/* MIC */
.single-port.mic {
    background-color: #944545;
}

.mic .port-main-img {
    top: 60%;
}

.mic .port-main-img img {
    max-width: 100%;
}

.mic .for-parallax img {

}

.postid-40 a.tosite {
    color: #944545;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.mic4-wrap {
    position: relative;
    padding-top: 80px;
}

.mic4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #902e2e;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.mic4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.mic-design {
    padding: 100px 0px;
}

.mic-cat {
    padding: 100px 0px;
}

.mic-specials {
    padding: 100px 0px;
}

.mic-result {
    padding: 100px 0px;
}

.mic-result .res-bottom {
    margin-top: 0px;
}

.mic-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.mic-result .btn-project {
    background-color: #902e2e;
    border: 1px solid #902e2e;
}

.mic-result .btn-project:hover {
    color: #902e2e;
}

.postid-40 .portfolio-nav, .postid-1076 .portfolio-nav {
    background: url(../images/mic-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .mic .for-parallax img {
        margin-top: 0%;
    }

    .mic .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .mic .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .mic4-wrap:before {
        display: none;
    }

    .mic-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .mic .port-main-img {
        top: 55%;
    }

    .mic-design {
        padding: 30px 0px;
    }

    .mic-cat {
        padding: 30px 0px;
    }

    .mic-specials {
        padding: 30px 0px;
    }

    .mic-result {
        padding: 30px 0px;
    }

    .postid-40 .portfolio-nav, .postid-1076 .portfolio-nav {
        background: #e97e07;
    }

    .mic-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* MIC */
.video-wrap iframe {
    width: 100% !important;
}

.video-wrap video {
    width: 100%;
}

/* LAVKA */
/* lavka */
.single.postid-517 header:not(.fixed) .def-logo, .single.postid-1084 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-517 header:not(.fixed) .white-logo, .single.postid-1084 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-517 .mnu-btn a, .single.postid-1084 .mnu-btn a {
    color: #89b4f7 !important;
}

.single.postid-517 .mnu-btn a span, .single.postid-1084 .mnu-btn a span {
    background: #fff;
}

.single.postid-517 .mnu-btn a span:after, .single.postid-1084 .mnu-btn a span:after {
    color: #347df1;
}

.single.postid-517 header.fixed .mnu-btn a span, .single.postid-1084 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-517 header.fixed .mnu-btn a, .single.postid-1084 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-517 header.fixed .mnu-btn a span:after, .single.postid-1084 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* lavka */
.single-port.lavka {
    background-color: #347df1;
}

.lavka .port-main-img {
    top: 50%;
}

.lavka .port-main-img img {
    max-width: 100%;
}

.lavka .for-parallax img {

}

.postid-517 a.tosite, .postid-1084 a.tosite {
    color: #347df1;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.lavka4-wrap {
    position: relative;
    padding-top: 80px;
}

.lavka4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #347df1;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.lavka4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.lavka-design {
    padding: 100px 0px;
}

.lavka-cat {
    padding: 100px 0px;
}

.lavka-specials {
    padding: 100px 0px;
}

.lavka-result {
    padding: 100px 0px;
}

.lavka-result .res-bottom {
    margin-top: 0px;
}

.lavka-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.lavka-result .btn-project {
    background-color: #347df1;
    border: 1px solid #347df1;
}

.lavka-result .btn-project:hover {
    color: #347df1;
}

.postid-517 .portfolio-nav, .postid-1084 .portfolio-nav {
    background: url(../images/lavka-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .lavka .for-parallax img {
        margin-top: 0%;
    }

    .lavka .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .lavka .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .lavka4-wrap:before {
        display: none;
    }

    .lavka-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .lavka .port-main-img {
        top: 55%;
    }

    .lavka-design {
        padding: 30px 0px;
    }

    .lavka-cat {
        padding: 30px 0px;
    }

    .lavkac-specials {
        padding: 30px 0px;
    }

    .lavka-result {
        padding: 30px 0px;
    }

    .postid-517 .portfolio-nav, .postid-1084 .portfolio-nav {
        background: #2367d2;
    }

    .lavka-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* LAVKA */

/* OLFA */
/* OLFA */
.single.postid-42 header:not(.fixed) .def-logo, .single.postid-1074 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-42 header:not(.fixed) .white-logo, .single.postid-1074 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-42 .mnu-btn a, .single.postid-1074 .mnu-btn a {
    color: #5fbab8 !important;
}

.single.postid-42 .mnu-btn a span, .single.postid-1074 .mnu-btn a span {
    background: #fff;
}

.single.postid-42 .mnu-btn a span:after, .single.postid-1074 .mnu-btn a span:after {
    color: #1c9d9a;
}

.single.postid-42 header.fixed .mnu-btn a span, .single.postid-1074 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-42 header.fixed .mnu-btn a, .single.postid-1074 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-42 header.fixed .mnu-btn a span:after, .single.postid-1074 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* OLFA */
.single-port.olfa {
    background-color: #1c9d9a;
}

.olfa .port-main-img {
    top: 60%;
}

.olfa .port-main-img img {
    max-width: 100%;
}

.olfa .for-parallax img {

}

.postid-42 a.tosite, .postid-1074 a.tosite {
    color: #1c9d9a;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.olfa4-wrap {
    position: relative;
    padding-top: 80px;
}

.olfa4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #1c9d9a;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.olfa4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.olfa-design {
    padding: 100px 0px;
}

.olfa-cat {
    padding: 100px 0px;
}

.olfa-specials {
    padding: 100px 0px;
}

.olfa-result {
    padding: 100px 0px;
}

.olfa-result .res-bottom {
    margin-top: 0px;
}

.olfa-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.olfa-result .btn-project {
    background-color: #1c9d9a;
    border: 1px solid #1c9d9a;
}

.olfa-result .btn-project:hover {
    color: #1c9d9a;
}

.postid-42 .portfolio-nav, .postid-1074 .portfolio-nav {
    background: url(../images/olfa-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .olfa .for-parallax img {
        margin-top: 0%;
    }

    .olfa .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .olfa .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .olfa4-wrap:before {
        display: none;
    }

    .olfa-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {

    .olfa .port-main-img {
        top: 75%;
    }

    .olfa-design {
        padding: 30px 0px;
    }

    .olfa-cat {
        padding: 30px 0px;
    }

    .olfa-specials {
        padding: 30px 0px;
    }

    .olfa-result {
        padding: 30px 0px;
    }

    .postid-42 .portfolio-nav, .postid-1074 .portfolio-nav {
        background: #158f8c;
    }

    .olfa-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* OLFA */

/* allok */
/* allok */
.single.postid-37 header:not(.fixed) .def-logo, .single.postid-1072 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-37 header:not(.fixed) .white-logo, .single.postid-1072 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-37 .mnu-btn a, .single.postid-1072 .mnu-btn a {
    color: #5da2d8 !important;
}

.single.postid-37 .mnu-btn a span, .single.postid-1072 .mnu-btn a span {
    background: #fff;
}

.single.postid-37 .mnu-btn a span:after, .single.postid-1072 .mnu-btn a span:after {
    color: #006cc1;
}

.single.postid-37 header.fixed .mnu-btn a span, .single.postid-1072 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-37 header.fixed .mnu-btn a, .single.postid-1072 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-37 header.fixed .mnu-btn a span:after, .single.postid-1072 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* allok */
.single-port.allok {
    background-color: #006cc1;
}

.allok .port-main-img {
    top: 60%;
}

.allok .port-main-img img {
    max-width: 350px;
}

.allok .for-parallax img {

}

.postid-37 a.tosite, .postid-1072 a.tosite {
    color: #006cc1;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.allok4-wrap {
    position: relative;
    padding-top: 80px;
}

.allok4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #347df1;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.allok4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.allok-design {
    padding: 100px 0px;
}

.allok-cat {
    padding: 100px 0px;
}

.allok-specials {
    padding: 100px 0px;
}

.allok-result {
    padding: 100px 0px;
}

.allok-result .res-bottom {
    margin-top: 0px;
}

.allok-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.allok-result .btn-project {
    background-color: #006cc1;
    border: 1px solid #006cc1;
}

.allok-result .btn-project:hover {
    color: #006cc1;
}

.postid-37 .portfolio-nav, .postid-1072 .portfolio-nav {
    background: url(../images/allok-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .allok .for-parallax img {
        margin-top: 0%;
    }

    .allok .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .allok .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .allok4-wrap:before {
        display: none;
    }

    .allok-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .allok .port-main-img {
        top: 55%;
    }

    .allok-design {
        padding: 30px 0px;
    }

    .allok-cat {
        padding: 30px 0px;
    }

    .allok-specials {
        padding: 30px 0px;
    }

    .allok-result {
        padding: 30px 0px;
    }

    .postid-37 .portfolio-nav, .postid-1072 .portfolio-nav {
        background: #006cc1;
    }

    .allok-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* allok */

/* klinker */
/* klinker */
.single.postid-530 header:not(.fixed) .def-logo, .single.postid-1088 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-530 header:not(.fixed) .white-logo, .single.postid-1088 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-530 .mnu-btn a, .single.postid-1088 .mnu-btn a {
    color: #73767d !important;
}

.single.postid-530 .mnu-btn a span, .single.postid-1088 .mnu-btn a span {
    background: #fff;
}

.single.postid-530 .mnu-btn a span:after, .single.postid-1088 .mnu-btn a span:after {
    color: #252934;
}

.single.postid-530 header.fixed .mnu-btn a span, .single.postid-1088 header.fixed .mnu-btn a span, .single.postid-2583 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-530 header.fixed .mnu-btn a, .single.postid-1088 header.fixed .mnu-btn a, .single.postid-2583 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-530 header.fixed .mnu-btn a span:after, .single.postid-1088 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* klinker */
.single-port.klinker {
    background-color: #252934;
}

.klinker .port-main-img {
    top: 60%;
}

.klinker .port-main-img img {
    max-width: 100%;
}

.klinker .for-parallax img {

}

.postid-530 a.tosite, .postid-1088 a.tosite {
    color: #ea761c;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.klinker4-wrap {
    position: relative;
    padding-top: 80px;
}

.klinker4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #252934;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.klinker4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.klinker-design {
    padding: 100px 0px;
}

.klinker-cat {
    padding: 100px 0px;
}

.klinker-specials {
    padding: 100px 0px;
}

.klinker-result {
    padding: 100px 0px;
}

.klinker-result .res-bottom {
    margin-top: 0px;
}

.klinker-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.klinker-result .btn-project {
    background-color: #252934;
    border: 1px solid #252934;
}

.klinker-result .btn-project:hover {
    color: #252934;
}

.postid-530 .portfolio-nav, .postid-1088 .portfolio-nav {
    background: url(../images/klinker-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .klinker .for-parallax img {
        margin-top: 0%;
    }

    .klinker .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .klinker .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .klinker4-wrap:before {
        display: none;
    }

    .klinker-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {

    .single-port.klinker {
        padding-top: 80px;
    }

    .klinker .port-main-img {
        top: 55%;
    }

    .klinker-design {
        padding: 30px 0px;
    }

    .klinker-cat {
        padding: 30px 0px;
    }

    .klinker-specials {
        padding: 30px 0px;
    }

    .klinker-result {
        padding: 30px 0px;
    }

    .postid-530 .portfolio-nav, .postid-1088 .portfolio-nav {
        background: #1e2025;
    }

    .klinker-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* klinker */

/* Atlantic */
.single-port.atlantic {
    background-color: #FBD531;
}

.single.postid-2423 header:not(.fixed) .def-logo, .single.postid-2449 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2423 header:not(.fixed) .white-logo, .single.postid-2449 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2423 .mnu-btn a span, .single.postid-2449 .mnu-btn a span {
    background: #fff;
}

.single.postid-2423 .mnu-btn a span:after, .single.postid-2449 .mnu-btn a span:after {
    color: #FBD531;
}

.postid-2423 a.tosite, .postid-2449 a.tosite {
    color: #006CC1;
}

.atlantic-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #FBD531;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.atlantic-wrap {
    position: relative;
    padding-top: 80px;
}

.atlantic-wrap img {
    position: relative;
    z-index: 2;
}

.atlantic-cat {
    padding: 100px 0px;
}

.atlantic-specials {
    padding: 100px 0px;
}

.atlantic-result {
    padding: 100px 0px;
}

.atlantic-result .res-bottom {
    margin-top: 0px;
}

.atlantic-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.atlantic-result .btn-project {
    background-color: #FBD531;
    border: 1px solid #FBD531;
}

.atlantic-result .btn-project:hover {
    color: #FBD531;
}

.single.postid-2423 .portfolio-nav, .single.postid-2449 .portfolio-nav {
    background: url(../images/atlantick-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2423 .mob-color, .single.postid-2449 .mob-color {
    padding: 35px 0px;
}

.single.postid-2423 .image-wrap img, .single.postid-2449 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.atlantic-item {
    background-color: #FBD531;
}

.atlantic-item .c-wrapper {
    background: url(../images/atlantic-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.atlantic-item {
    overflow: hidden;
}

.atlantic-item .c-wrapper span {
    display: none;
}

.no-touch .atlantic-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.atlantic-item:hover .overlay {
    background: rgba(251, 213, 49, 0.6);
}

/* blauberg */
.single-port.blauberg {
    background-color: #004699;
}

.single.postid-2459 header:not(.fixed) .def-logo, .single.postid-2463 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2459 header:not(.fixed) .white-logo, .single.postid-2463 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2459 .mnu-btn a span, .single.postid-2463 .mnu-btn a span {
    background: #fff;
}

.single.postid-2459 .mnu-btn a span:after, .single.postid-2463 .mnu-btn a span:after {
    color: #004699;
}

.postid-2459 a.tosite, .postid-2463 a.tosite {
    color: #006CC1;
}

.postid-2459 .blauberg-cat img, .postid-2459 .prod img, .postid-2459 .blauberg-specials img,
.postid-2463 .blauberg-cat img, .postid-2463 .prod img, .postid-2463 .blauberg-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2459 .port-main-img, .postid-2463 .port-main-img {
    top: 60%;
}

.blauberg-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #004699;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.blauberg-wrap {
    position: relative;
    padding-top: 80px;
}

.blauberg-wrap img {
    position: relative;
    z-index: 2;
}

.blauberg-cat {
    padding: 100px 0px;
}

.blauberg-specials {
    padding: 100px 0px;
}

.blauberg-result {
    padding: 100px 0px;
}

.blauberg-result .res-bottom {
    margin-top: 0px;
}

.blauberg-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.blauberg-result .btn-project {
    background-color: #004699;
    border: 1px solid #004699;
}

.blauberg-result .btn-project:hover {
    color: #004699;
}

.single.postid-2459 .portfolio-nav, .single.postid-2463 .portfolio-nav {
    background: url(../images/blauberg-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2459 .mob-color, .single.postid-2463 .mob-color {
    padding: 35px 0px;
}

.single.postid-2459 .image-wrap img, .single.postid-2463 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.blauberg-item {
    background-color: #004699;
}

.blauberg-item .c-wrapper {
    background: url(../images/blauberg-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.blauberg-item {
    overflow: hidden;
}

.blauberg-item .c-wrapper span {
    display: none;
}

.no-touch .blauberg-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.blauberg-item:hover .overlay {
    background: rgba(0, 70, 153, 0.6);
}

/* centurions */
.single-port.centurions {
    background-color: #0FB888;
}

.single.postid-2467 header:not(.fixed) .def-logo, .single.postid-2465 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2467 header:not(.fixed) .white-logo, .single.postid-2465 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2467 .mnu-btn a span, .single.postid-2465 .mnu-btn a span {
    background: #fff;
}

.single.postid-2467 .mnu-btn a span:after, .single.postid-2465 .mnu-btn a span:after {
    color: #0FB888;
}

.postid-2467 a.tosite, .postid-2465 a.tosite {
    color: #006CC1;
}

.postid-2467 .prod img, .postid-2467 .centurions-specials img,
.postid-2465 .prod img, .postid-2465 .centurions-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2467 .port-main-img, .postid-2465 .port-main-img {
    top: 60%;
}

.centurions-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #0FB888;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.centurions-wrap {
    position: relative;
    padding-top: 80px;
}

.centurions-wrap img {
    position: relative;
    z-index: 2;
}

.centurions-cat {
    padding: 100px 0px;
}

.centurions-specials {
    padding: 100px 0px;
}

.centurions-result {
    padding: 100px 0px;
}

.centurions-result .res-bottom {
    margin-top: 0px;
}

.centurions-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.centurions-result .btn-project {
    background-color: #0FB888;
    border: 1px solid #0FB888;
}

.centurions-result .btn-project:hover {
    color: #0FB888;
}

.single.postid-2467 .portfolio-nav, .single.postid-2465 .portfolio-nav {
    background: url(../images/centurions-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2467 .mob-color, .single.postid-2465 .mob-color {
    padding: 35px 0px;
}

.single.postid-2467 .image-wrap img, .single.postid-2465 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.centurions-item {
    background-color: #0CBB88;
}

.centurions-item .c-wrapper {
    background: url(../images/centurions-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.centurions-item {
    overflow: hidden;
}

.centurions-item .c-wrapper span {
    display: none;
}

.no-touch .centurions-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.centurions-item:hover .overlay {
    background: rgba(12, 187, 136, 0.6);
}

/* kaizen */
.single-port.kaizen {
    background-color: #273F82;
}

.single.postid-2474 header:not(.fixed) .def-logo, .single.postid-2477 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2474 header:not(.fixed) .white-logo, .single.postid-2477 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2474 .mnu-btn a span, .single.postid-2477 .mnu-btn a span {
    background: #fff;
}

.single.postid-2474 .mnu-btn a span:after, .single.postid-2477 .mnu-btn a span:after {
    color: #273F82;
}

.postid-2474 a.tosite, .postid-2477 a.tosite {
    color: #006CC1;
}

.postid-2474 .prod img, .postid-2474 .kaizen-specials img,
.postid-2477 .prod img, .postid-2477 .kaizen-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2474 .port-main-img, .postid-2477 .port-main-img {
    top: 60%;
}

.postid-2474 .port-main-img img {
    max-width: 90% !important;
}

.kaizen-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #273F82;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.kaizen-wrap {
    position: relative;
    padding-top: 80px;
}

.kaizen-wrap img {
    position: relative;
    z-index: 2;
}

.kaizen-cat {
    padding: 100px 0px;
}

.kaizen-specials {
    padding: 100px 0px;
}

.kaizen-result {
    padding: 100px 0px;
}

.kaizen-result .res-bottom {
    margin-top: 0px;
}

.kaizen-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.kaizen-result .btn-project {
    background-color: #273F82;
    border: 1px solid #273F82;
}

.kaizen-result .btn-project:hover {
    color: #273F82;
}

.single.postid-2474 .portfolio-nav, .single.postid-2477 .portfolio-nav {
    background: url(../images/kaizen-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2474 .mob-color, .single.postid-2477 .mob-color {
    padding: 35px 0px;
}

.single.postid-2474 .image-wrap img, .single.postid-2477 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.kaizen-item {
    background-color: #273F82;
}

.kaizen-item .c-wrapper {
    background: url(../images/kaizen-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.kaizen-item {
    overflow: hidden;
}

.kaizen-item .c-wrapper span {
    display: none;
}

.no-touch .kaizen-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.kaizen-item:hover .overlay {
    background: rgba(39, 63, 130, 0.6);
}

/* monastic */
.single-port.monastic {
    background-color: #57BAAD;
}

.single.postid-2480 header:not(.fixed) .def-logo, .single.postid-2479 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2480 header:not(.fixed) .white-logo, .single.postid-2479 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2480 .mnu-btn a span, .single.postid-2479 .mnu-btn a span {
    background: #fff;
}

.single.postid-2480 .mnu-btn a span:after, .single.postid-2479 .mnu-btn a span:after {
    color: #57BAAD;
}

.postid-2480 a.tosite, .postid-2479 a.tosite {
    color: #006CC1;
}

.postid-2480 .prod img, .postid-2480 .monastic-specials img,
.postid-2479 .prod img, .postid-2479 .monastic-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2480 .port-main-img, .postid-2479 .port-main-img {
    top: 60%;
}

.postid-2480 .port-main-img img {
    max-width: 90% !important;
}

.monastic-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #57BAAD;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.monastic-wrap {
    position: relative;
    padding-top: 80px;
}

.monastic-wrap img {
    position: relative;
    z-index: 2;
}

.monastic-cat {
    padding: 100px 0px;
}

.monastic-specials {
    padding: 100px 0px;
}

.monastic-result {
    padding: 100px 0px;
}

.monastic-result .res-bottom {
    margin-top: 0px;
}

.monastic-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.monastic-result .btn-project {
    background-color: #57BAAD;
    border: 1px solid #57BAAD;
}

.monastic-result .btn-project:hover {
    color: #57BAAD;
}

.single.postid-2480 .portfolio-nav, .single.postid-2479 .portfolio-nav {
    background: url(../images/monastic-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2480 .mob-color, .single.postid-2479 .mob-color {
    padding: 35px 0px;
}

.single.postid-2480 .image-wrap img, .single.postid-2479 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.monastic-item {
    background-color: #57BAAD;
}

.monastic-item .c-wrapper {
    background: url(../images/monastic-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.monastic-item {
    overflow: hidden;
}

.monastic-item .c-wrapper span {
    display: none;
}

.no-touch .monastic-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.monastic-item:hover .overlay {
    background: rgba(87, 186, 173, 0.6);
}

/* MZU */
.single-port.mzu {
    background-color: #23BFF0;
}

.single.postid-2490 header:not(.fixed) .def-logo, .single.postid-2496 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2490 header:not(.fixed) .white-logo, .single.postid-2496 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2490 .mnu-btn a span, .single.postid-2496 .mnu-btn a span {
    background: #fff;
}

.single.postid-2490 .mnu-btn a span:after, .single.postid-2496 .mnu-btn a span:after {
    color: #23BFF0;
}

.postid-2490 a.tosite, .postid-2496 a.tosite {
    color: #006CC1;
}

.postid-2490 .prod img, .postid-2490 .mzu-specials img,
.postid-2496 .prod img, .postid-2496 .mzu-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2490 .port-main-img, .postid-2496 .port-main-img {
    top: 60%;
}

.postid-2490 .port-main-img img {
    max-width: 90% !important;
}

.mzu-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #23BFF0;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.mzu-wrap {
    position: relative;
    padding-top: 80px;
}

.mzu-wrap img {
    position: relative;
    z-index: 2;
}

.mzu-cat {
    padding: 100px 0px;
}

.mzu-specials {
    padding: 100px 0px;
}

.mzu-result {
    padding: 100px 0px;
}

.mzu-result .res-bottom {
    margin-top: 0px;
}

.mzu-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.mzu-result .btn-project {
    background-color: #23BFF0;
    border: 1px solid #23BFF0;
}

.mzu-result .btn-project:hover {
    color: #23BFF0;
}

.single.postid-2490 .portfolio-nav, .single.postid-2496 .portfolio-nav {
    background: url(../images/mzu-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2490 .portfolio-nav_wrap a, .single.postid-2496 .portfolio-nav_wrap a {
    color: #23BFF0;
}

.single.postid-2490 .portfolio-nav_wrap .text-left a, .single.postid-2496 .portfolio-nav_wrap .text-left a {
    color: #ffffff;
}

.single.postid-2490 .mob-color, .single.postid-2496 .mob-color {
    padding: 35px 0px;
}

.single.postid-2490 .image-wrap img, .single.postid-2496 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.mzu-item {
    background-color: #23BFF0;
}

.mzu-item .c-wrapper {
    background: url(../images/mzu-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.mzu-item {
    overflow: hidden;
}

.mzu-item .c-wrapper span {
    display: none;
}

.no-touch .mzu-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.mzu-item:hover .overlay {
    background: rgba(35, 191, 240, 0.6);
}

/* wtech */
.single-port.wtech {
    background-color: #CEFF22;
}

.single.postid-2503 .mnu-btn a span:after, .single.postid-2507 .mnu-btn a span:after {
    color: #CEFF22;
}

.postid-2503 a.tosite, .postid-2507 a.tosite {
    color: #006CC1;
}

.single.postid-2503 header .header-text a, .single.postid-2507 header .header-text a {
    color: #000;
}

.single-fw-portfolio.single.postid-2503 .mnu-btn a, .single-fw-portfolio.single.postid-2507 .mnu-btn a {
    color: #000 !important;
}

.postid-2503 .prod img, .postid-2503 .wtech-specials img,
.postid-2507 .prod img, .postid-2507 .wtech-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2503 .port-main-img, .postid-2507 .port-main-img {
    top: 60%;
}

.postid-2503 .port-main-img img {
    max-width: 90% !important;
}

.wtech-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #CEFF22;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.wtech-wrap {
    position: relative;
    padding-top: 80px;
}

.wtech-wrap img {
    position: relative;
    z-index: 2;
}

.wtech-cat {
    padding: 100px 0px;
}

.wtech-specials {
    padding: 100px 0px;
}

.wtech-result {
    padding: 100px 0px;
}

.wtech-result .res-bottom {
    margin-top: 0px;
}

.wtech-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.wtech-result .btn-project {
    background-color: #CEFF22;
    border: 1px solid #CEFF22;
    color: #1C1E1E;
}

.wtech-result .btn-project:hover {
    color: #CEFF22;
}

.single.postid-2503 .portfolio-nav, .single.postid-2507 .portfolio-nav {
    background: url(../images/wtech-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2503 .portfolio-nav_wrap a, .single.postid-2507 .portfolio-nav_wrap a {
    color: #1C1E1E;
}

.single.postid-2503 .mob-color, .single.postid-2507 .mob-color {
    padding: 35px 0px;
}

.single.postid-2503 .image-wrap img, .single.postid-2507 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.wtech-item {
    background-color: #CEFF22;
}

.wtech-item .c-wrapper {
    background: url(../images/wtech-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.wtech-item {
    overflow: hidden;
}

.wtech-item .c-wrapper span {
    display: none;
}

.no-touch .wtech-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.wtech-item:hover .overlay {
    background: rgba(206, 255, 34, 0.6);
}

.wtech-item .overlay .meta-cat {
    color: #000;
}

.wtech-item .overlay .case-title {
    color: #000;
}

.wtech-item .overlay .item-more {
    color: #000;
}

@media (max-width: 990px) {
    .wtech-item .overlay .meta-cat {
        color: #b5b5b5;
    }

    .wtech-item .overlay .case-title {
        color: #0d0d0d;
    }

    .wtech-item .overlay .item-more {
        color: #858585;
    }
}

/* gids */
.single-port.gids {
    background-color: #189B8D;
}

.single.postid-2513 header:not(.fixed) .def-logo, .single.postid-2520 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2513 header:not(.fixed) .white-logo, .single.postid-2520 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2513 .mnu-btn a span, .single.postid-2520 .mnu-btn a span {
    background: #fff;
}

.single.postid-2513 .mnu-btn a span:after, .single.postid-2520 .mnu-btn a span:after {
    color: #189B8D;
}

.postid-2513 a.tosite, .postid-2520 a.tosite {
    color: #006CC1;
}

.postid-2513 .prod img, .postid-2513 .gids-specials img,
.postid-2520 .prod img, .postid-2520 .gids-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2513 .port-main-img, .postid-2520 .port-main-img {
    top: 60%;
}

.postid-2513 .port-main-img img {
    max-width: 90% !important;
}

.gids-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #189B8D;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.gids-wrap {
    position: relative;
    padding-top: 80px;
}

.gids-wrap img {
    position: relative;
    z-index: 2;
}

.gids-cat {
    padding: 100px 0px;
}

.gids-specials {
    padding: 100px 0px;
}

.gids-result {
    padding: 100px 0px;
}

.gids-result .res-bottom {
    margin-top: 0px;
}

.gids-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.gids-result .btn-project {
    background-color: #189B8D;
    border: 1px solid #189B8D;
}

.gids-result .btn-project:hover {
    color: #189B8D;
}

.single.postid-2513 .portfolio-nav, .single.postid-2520 .portfolio-nav {
    background: url(../images/gids-portfolio-nav.png) no-repeat top center;
    background-size: cover;
}

.single.postid-2513 .mob-color, .single.postid-2520 .mob-color {
    padding: 35px 0px;
}

.single.postid-2513 .image-wrap img, .single.postid-2520 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.gids-item {
    background-color: #189B8D;
}

.gids-item .c-wrapper {
    background: url(../images/gids-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.gids-item {
    overflow: hidden;
}

.gids-item .c-wrapper span {
    display: none;
}

.no-touch .gids-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.gids-item:hover .overlay {
    background: rgba(24, 155, 141, 0.6);
}

/* opera */
.single-port.opera {
    background-color: #FAEEF2;
}

.single.postid-2525 .mnu-btn a span:after, .single.postid-2528 .mnu-btn a span:after {
    color: #FAEEF2;
}

.postid-2525 a.tosite, .postid-2528 a.tosite {
    color: #006CC1;
}

.single.postid-2525 header .header-text a, .single.postid-2528 header .header-text a {
    color: #000;
}

.single-fw-portfolio.single.postid-2525 .mnu-btn a, .single-fw-portfolio.single.postid-2528 .mnu-btn a {
    color: #000 !important;
}

.postid-2525 .full-img img, .postid-2525 .prod img, .postid-2525 .opera-specials img,
.postid-2528 .full-img img, .postid-2528 .prod img, .postid-2528 .opera-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2525 .port-main-img, .postid-2528 .port-main-img {
    top: 60%;
}

.postid-2525 .port-main-img img, .postid-2528 .port-main-img img {
    max-width: 90% !important;
}

.opera-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #FAEEF2;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.opera-wrap {
    position: relative;
    padding-top: 80px;
}

.opera-wrap img {
    position: relative;
    z-index: 2;
}

.opera-cat {
    padding: 100px 0px;
}

.opera-specials {
    padding: 100px 0px;
}

.opera-result {
    padding: 100px 0px;
}

.opera-result .res-bottom {
    margin-top: 0px;
}

.opera-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.opera-result .btn-project {
    background-color: #FAEEF2;
    border: 1px solid #FAEEF2;
    color: #4B494A;
}

.opera-result .btn-project:hover {
    color: #4B494A;
}

.single.postid-2525 .portfolio-nav, .single.postid-2528 .portfolio-nav {
    background: url(../images/opera-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2525 .portfolio-nav_wrap .text-left a, .single.postid-2528 .portfolio-nav_wrap .text-left a {
    color: #4B494A;
}

.single.postid-2525 .mob-color, .single.postid-2528 .mob-color {
    padding: 35px 0px;
}

.single.postid-2525 .image-wrap img, .single.postid-2528 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.opera-item {
    background-color: #FAEEF2;
}

.opera-item .c-wrapper {
    background: url(../images/opera-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.opera-item {
    overflow: hidden;
}

.opera-item .c-wrapper span {
    display: none;
}

.no-touch .opera-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.opera-item:hover .overlay {
    background: rgba(250, 238, 242, 0.6);
}

/* sturgeons */
.single-port.sturgeons {
    background-color: #00477F;
}

.single.postid-2534 header:not(.fixed) .def-logo, .single.postid-2531 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2534 header:not(.fixed) .white-logo, .single.postid-2531 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2534 .mnu-btn a span, .single.postid-2531 .mnu-btn a span {
    background: #fff;
}

.single.postid-2534 .mnu-btn a span:after, .single.postid-2531 .mnu-btn a span:after {
    color: #00477F;
}

.postid-2534 a.tosite, .postid-2531 a.tosite {
    color: #006CC1;
}

.postid-2534 .full-img img, .postid-2534 .prod img, .postid-2534 .sturgeons-specials img,
.postid-2531 .full-img img, .postid-2531 .prod img, .postid-2531 .sturgeons-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2534 .port-main-img, .postid-2531 .port-main-img {
    top: 60%;
}

.postid-2534 .port-main-img img, .postid-2531 .port-main-img img {
    max-width: 90% !important;
}

.sturgeons-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #00477F;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.sturgeons-wrap {
    position: relative;
    padding-top: 80px;
}

.sturgeons-wrap img {
    position: relative;
    z-index: 2;
}

.sturgeons-cat {
    padding: 100px 0px;
}

.sturgeons-specials {
    padding: 100px 0px;
}

.sturgeons-result {
    padding: 100px 0px;
}

.sturgeons-result .res-bottom {
    margin-top: 0px;
}

.sturgeons-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.sturgeons-result .btn-project {
    background-color: #00477F;
    border: 1px solid #00477F;
}

.sturgeons-result .btn-project:hover {
    color: #00477F;
}

.single.postid-2534 .portfolio-nav, .single.postid-2531 .portfolio-nav {
    background: url(../images/sturgeons-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2534 .mob-color, .single.postid-2531 .mob-color {
    padding: 35px 0px;
}

.single.postid-2534 .image-wrap img, .single.postid-2531 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.sturgeons-item {
    background-color: #00477F;
}

.sturgeons-item .c-wrapper {
    background: url(../images/sturgeons-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.sturgeons-item {
    overflow: hidden;
}

.sturgeons-item .c-wrapper span {
    display: none;
}

.no-touch .sturgeons-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.sturgeons-item:hover .overlay {
    background: rgba(0, 71, 127, 0.6);
}

/* feyaflora */
.single-port.feyaflora {
    background-color: #EC6B78;
}

.single.postid-2541 header:not(.fixed) .def-logo, .single.postid-2544 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2541 header:not(.fixed) .white-logo, .single.postid-2544 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2541 .mnu-btn a span, .single.postid-2544 .mnu-btn a span {
    background: #fff;
}

.single.postid-2541 .mnu-btn a span:after, .single.postid-2544 .mnu-btn a span:after {
    color: #EC6B78;
}

.postid-2541 a.tosite, .postid-2544 a.tosite {
    color: #006CC1;
}

.postid-2541 .full-img img, .postid-2541 .prod img, .postid-2541 .feyaflora-specials img,
.postid-2544 .full-img img, .postid-2544 .prod img, .postid-2544 .feyaflora-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2541 .port-main-img, .postid-2544 .port-main-img {
    top: 60%;
}

.postid-2541 .port-main-img img, .postid-2544 .port-main-img img {
    max-width: 90% !important;
}

.feyaflora-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #EC6B78;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.feyaflora-wrap {
    position: relative;
    padding-top: 80px;
}

.feyaflora-wrap img {
    position: relative;
    z-index: 2;
}

.feyaflora-cat {
    padding: 100px 0px;
}

.feyaflora-specials {
    padding: 100px 0px;
}

.feyaflora-result {
    padding: 100px 0px;
}

.feyaflora-result .res-bottom {
    margin-top: 0px;
}

.feyaflora-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.feyaflora-result .btn-project {
    background-color: #EC6B78;
    border: 1px solid #EC6B78;
}

.feyaflora-result .btn-project:hover {
    color: #EC6B78;
}

.single.postid-2541 .portfolio-nav, .single.postid-2544 .portfolio-nav {
    background: url(../images/feyaflora-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2541 .mob-color, .single.postid-2544 .mob-color {
    padding: 35px 0px;
}

.single.postid-2541 .image-wrap img, .single.postid-2544 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.feyaflora-item {
    background-color: #EC6B78;
}

.feyaflora-item .c-wrapper {
    background: url(../images/feyaflora-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.feyaflora-item {
    overflow: hidden;
}

.feyaflora-item .c-wrapper span {
    display: none;
}

.no-touch .feyaflora-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.feyaflora-item:hover .overlay {
    background: rgba(236, 107, 120, 0.6);
}

/* fjallraven */
.single-port.fjallraven {
    background-color: #C14243;
}

.single.postid-2546 header:not(.fixed) .def-logo, .single.postid-2549 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2546 header:not(.fixed) .white-logo, .single.postid-2549 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2546 .mnu-btn a span, .single.postid-2549 .mnu-btn a span {
    background: #fff;
}

.single.postid-2546 .mnu-btn a span:after, .single.postid-2549 .mnu-btn a span:after {
    color: #C14243;
}

.postid-2546 a.tosite, .postid-2549 a.tosite {
    color: #006CC1;
}

.postid-2546 .full-img img, .postid-2546 .prod img, .postid-2546 .fjallraven-specials img,
.postid-2549 .full-img img, .postid-2549 .prod img, .postid-2549 .fjallraven-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2546 .port-main-img, .postid-2549 .port-main-img {
    top: 60%;
}

.postid-2546 .port-main-img img, .postid-2549 .port-main-img img {
    max-width: 90% !important;
}

.fjallraven-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #C14243;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.fjallraven-wrap {
    position: relative;
    padding-top: 80px;
}

.fjallraven-wrap img {
    position: relative;
    z-index: 2;
}

.fjallraven-cat {
    padding: 100px 0px;
}

.fjallraven-specials {
    padding: 100px 0px;
}

.fjallraven-result {
    padding: 100px 0px;
}

.fjallraven-result .res-bottom {
    margin-top: 0px;
}

.fjallraven-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.fjallraven-result .btn-project {
    background-color: #C14243;
    border: 1px solid #C14243;
}

.fjallraven-result .btn-project:hover {
    color: #C14243;
}

.single.postid-2546 .portfolio-nav, .single.postid-2549 .portfolio-nav {
    background: url(../images/fjallraven-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2546 .mob-color, .single.postid-2549 .mob-color {
    padding: 35px 0px;
}

.single.postid-2546 .image-wrap img, .single.postid-2549 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.fjallraven-item {
    background-color: #C14243;
}

.fjallraven-item .c-wrapper {
    background: url(../images/fjallraven-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.fjallraven-item {
    overflow: hidden;
}

.fjallraven-item .c-wrapper span {
    display: none;
}

.no-touch .fjallraven-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.fjallraven-item:hover .overlay {
    background: rgba(193, 66, 67, 0.6);
}

/* levoberezhnyj */
.single-port.levoberezhnyj {
    background-color: #E30573;
}

.single.postid-2552 header:not(.fixed) .def-logo, .single.postid-2560 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2552 header:not(.fixed) .white-logo, .single.postid-2560 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2552 .mnu-btn a span, .single.postid-2560 .mnu-btn a span {
    background: #fff;
}

.single.postid-2552 .mnu-btn a span:after, .single.postid-2560 .mnu-btn a span:after {
    color: #E30573;
}

.postid-2552 a.tosite, .postid-2560 a.tosite {
    color: #006CC1;
}

.postid-2552 .prod img, .postid-2552 .levoberezhnyj-specials img,
.postid-2560 .prod img, .postid-2560 .levoberezhnyj-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2552 .port-main-img, .postid-2560 .port-main-img {
    top: 60%;
}

.postid-2552 .port-main-img img, .postid-2560 .port-main-img img {
    max-width: 90% !important;
}

.levoberezhnyj-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #E30573;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.levoberezhnyj-wrap {
    position: relative;
    padding-top: 80px;
}

.levoberezhnyj-wrap img {
    position: relative;
    z-index: 2;
}

.levoberezhnyj-cat {
    padding: 100px 0px;
}

.levoberezhnyj-specials {
    padding: 100px 0px;
}

.levoberezhnyj-result {
    padding: 100px 0px;
}

.levoberezhnyj-result .res-bottom {
    margin-top: 0px;
}

.levoberezhnyj-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.levoberezhnyj-result .btn-project {
    background-color: #E30573;
    border: 1px solid #E30573;
}

.levoberezhnyj-result .btn-project:hover {
    color: #E30573;
}

.single.postid-2552 .portfolio-nav, .single.postid-2560 .portfolio-nav {
    background: url(../images/levoberezhnyj-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2552 .mob-color, .single.postid-2560 .mob-color {
    padding: 35px 0px;
}

.single.postid-2552 .image-wrap img, .single.postid-2560 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.levoberezhnyj-item {
    background-color: #E30573;
}

.levoberezhnyj-item .c-wrapper {
    background: url(../images/levoberezhnyj-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.levoberezhnyj-item {
    overflow: hidden;
}

.levoberezhnyj-item .c-wrapper span {
    display: none;
}

.no-touch .levoberezhnyj-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.levoberezhnyj-item:hover .overlay {
    background: rgba(227, 5, 115, 0.6);
}

/* buffalo */
.single-port.buffalo {
    background-color: #21C175;
}

.single.postid-2565 header:not(.fixed) .def-logo, .single.postid-2569 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2565 header:not(.fixed) .white-logo, .single.postid-2569 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2565 .mnu-btn a span, .single.postid-2569 .mnu-btn a span {
    background: #fff;
}

.single.postid-2565 .mnu-btn a span:after, .single.postid-2569 .mnu-btn a span:after {
    color: #21C175;
}

.postid-2565 a.tosite, .postid-2569 a.tosite {
    color: #006CC1;
}

.postid-2565 .prod img, .postid-2565 .buffalo-specials img,
.postid-2569 .prod img, .postid-2569 .buffalo-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2565 .port-main-img, .postid-2569 .port-main-img {
    top: 60%;
}

.postid-2565 .port-main-img img, .postid-2569 .port-main-img img {
    max-width: 90% !important;
}

.buffalo-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #21C175;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.buffalo-wrap {
    position: relative;
    padding-top: 80px;
}

.buffalo-wrap img {
    position: relative;
    z-index: 2;
}

.buffalo-cat {
    padding: 100px 0px;
}

.buffalo-specials {
    padding: 100px 0px;
}

.buffalo-result {
    padding: 100px 0px;
}

.buffalo-result .res-bottom {
    margin-top: 0px;
}

.buffalo-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.buffalo-result .btn-project {
    background-color: #21C175;
    border: 1px solid #21C175;
}

.buffalo-result .btn-project:hover {
    color: #21C175;
}

.single.postid-2565 .portfolio-nav, .single.postid-2569 .portfolio-nav {
    background: url(../images/buffalo-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2565 .mob-color, .single.postid-2569 .mob-color {
    padding: 35px 0px;
}

.single.postid-2565 .image-wrap img, .single.postid-2569 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.buffalo-item {
    background-color: #21C175;
}

.buffalo-item .c-wrapper {
    background: url(../images/buffalo-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.buffalo-item {
    overflow: hidden;
}

.buffalo-item .c-wrapper span {
    display: none;
}

.no-touch .buffalo-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.buffalo-item:hover .overlay {
    background: rgba(33, 193, 117, 0.6);
}

/* ukrvent */
.single-port.ukrvent {
    background-color: #0B6DB6;
}

.single.postid-2574 header:not(.fixed) .def-logo, .single.postid-2579 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2574 header:not(.fixed) .white-logo, .single.postid-2579 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2574 .mnu-btn a span, .single.postid-2579 .mnu-btn a span {
    background: #fff;
}

.single.postid-2574 .mnu-btn a span:after, .single.postid-2579 .mnu-btn a span:after {
    color: #0B6DB6;
}

.postid-2574 a.tosite, .postid-2579 a.tosite {
    color: #006CC1;
}

.postid-2574 .full-img img, .postid-2574 .prod img, .postid-2574 .ukrvent-specials img,
.postid-2579 .full-img img, .postid-2579 .prod img, .postid-2579 .ukrvent-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2574 .port-main-img, .postid-2579 .port-main-img {
    top: 60%;
}

.postid-2574 .port-main-img img, .postid-2579 .port-main-img img {
    max-width: 90% !important;
}

.ukrvent-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #0B6DB6;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.ukrvent-wrap {
    position: relative;
    padding-top: 80px;
}

.ukrvent-wrap img {
    position: relative;
    z-index: 2;
}

.ukrvent-cat {
    padding: 100px 0px;
}

.ukrvent-specials {
    padding: 100px 0px;
}

.ukrvent-result {
    padding: 100px 0px;
}

.ukrvent-result .res-bottom {
    margin-top: 0px;
}

.ukrvent-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.ukrvent-result .btn-project {
    background-color: #0B6DB6;
    border: 1px solid #0B6DB6;
}

.ukrvent-result .btn-project:hover {
    color: #0B6DB6;
}

.single.postid-2574 .portfolio-nav, .single.postid-2579 .portfolio-nav {
    background: url(../images/ukrvent-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2574 .mob-color, .single.postid-2579 .mob-color {
    padding: 35px 0px;
}

.single.postid-2574 .image-wrap img, .single.postid-2579 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.ukrvent-item {
    background-color: #0B6DB6;
}

.ukrvent-item .c-wrapper {
    background: url(../images/ukrvent-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.ukrvent-item {
    overflow: hidden;
}

.ukrvent-item .c-wrapper span {
    display: none;
}

.no-touch .ukrvent-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.ukrvent-item:hover .overlay {
    background: rgba(11, 109, 182, 0.6);
}

/* nails */
.single-port.nails {
    background-color: #F94A4A;
}

.single.postid-2583 header:not(.fixed) .def-logo, .single.postid-2592 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2583 header:not(.fixed) .white-logo, .single.postid-2592 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2583 .mnu-btn a span, .single.postid-2592 .mnu-btn a span {
    background: #fff;
}

.single.postid-2583 .mnu-btn a span:after, .single.postid-2592 .mnu-btn a span:after {
    color: #F94A4A;
}

.postid-2583 a.tosite, .postid-2592 a.tosite {
    color: #006CC1;
}

.postid-2583 .full-img img, .postid-2583 .prod img, .postid-2583 .nails-specials img,
.postid-2592 .full-img img, .postid-2592 .prod img, .postid-2592 .nails-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2583 .port-main-img, .postid-2592 .port-main-img {
    top: 60%;
}

.postid-2583 .port-main-img img, .postid-2592 .port-main-img img {
    max-width: 90% !important;
}

.nails-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #F94A4A;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.nails-wrap {
    position: relative;
    padding-top: 80px;
}

.nails-wrap img {
    position: relative;
    z-index: 2;
}

.nails-cat {
    padding: 100px 0px;
}

.nails-specials {
    padding: 100px 0px;
}

.nails-result {
    padding: 100px 0px;
}

.nails-result .res-bottom {
    margin-top: 0px;
}

.nails-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.nails-result .btn-project {
    background-color: #F94A4A;
    border: 1px solid #F94A4A;
}

.nails-result .btn-project:hover {
    color: #F94A4A;
}

.single.postid-2583 .portfolio-nav, .single.postid-2592 .portfolio-nav {
    background: url(../images/nails-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2583 .mob-color, .single.postid-2592 .mob-color {
    padding: 35px 0px;
}

.single.postid-2583 .image-wrap img, .single.postid-2592 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.nails-item {
    background-color: #F94A4A;
}

.nails-item .c-wrapper {
    background: url(../images/nails-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.nails-item {
    overflow: hidden;
}

.nails-item .c-wrapper span {
    display: none;
}

.no-touch .nails-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.nails-item:hover .overlay {
    background: rgba(249, 74, 74, 0.6);
}

/* policar */
.single-port.policar {
    background-color: #8C1F29;
}

.single.postid-2597 header:not(.fixed) .def-logo, .single.postid-2602 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2597 header:not(.fixed) .white-logo, .single.postid-2602 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2597 .mnu-btn a span, .single.postid-2602 .mnu-btn a span {
    background: #fff;
}

.single.postid-2597 .mnu-btn a span:after, .single.postid-2602 .mnu-btn a span:after {
    color: #8C1F29;
}

.postid-2597 a.tosite, .postid-2602 a.tosite {
    color: #006CC1;
}

.postid-2597 .full-img img, .postid-2597 .prod img, .postid-2597 .policar-specials img,
.postid-2602 .full-img img, .postid-2602 .prod img, .postid-2602 .policar-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2597 .port-main-img, .postid-2602 .port-main-img {
    top: 60%;
}

.postid-2597 .port-main-img img, .postid-2602 .port-main-img img {
    max-width: 90% !important;
}

.policar-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #8C1F29;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.policar-wrap {
    position: relative;
    padding-top: 80px;
}

.policar-wrap img {
    position: relative;
    z-index: 2;
}

.policar-cat {
    padding: 100px 0px;
}

.policar-specials {
    padding: 100px 0px;
}

.policar-result {
    padding: 100px 0px;
}

.policar-result .res-bottom {
    margin-top: 0px;
}

.policar-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.policar-result .btn-project {
    background-color: #8C1F29;
    border: 1px solid #8C1F29;
}

.policar-result .btn-project:hover {
    color: #8C1F29;
}

.single.postid-2597 .portfolio-nav, .single.postid-2602 .portfolio-nav {
    background: url(../images/policar-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2597 .mob-color, .single.postid-2602 .mob-color {
    padding: 35px 0px;
}

.single.postid-2597 .image-wrap img, .single.postid-2602 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.policar-item {
    background-color: #8C1F29;
}

.policar-item .c-wrapper {
    background: url(../images/policar-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.policar-item {
    overflow: hidden;
}

.policar-item .c-wrapper span {
    display: none;
}

.no-touch .policar-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.policar-item:hover .overlay {
    background: rgba(140, 31, 41, 0.6);
}

/* teko */
.single-port.teko {
    background-color: #0391C7;
}

.single.postid-2606 header:not(.fixed) .def-logo, .single.postid-2611 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2606 header:not(.fixed) .white-logo, .single.postid-2611 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2606 .mnu-btn a span, .single.postid-2611 .mnu-btn a span {
    background: #fff;
}

.single.postid-2606 .mnu-btn a span:after, .single.postid-2611 .mnu-btn a span:after {
    color: #0391C7;
}

.postid-2606 a.tosite, .postid-2611 a.tosite {
    color: #006CC1;
}

.postid-2606 .full-img img, .postid-2606 .prod img, .postid-2606 .teko-specials img,
.postid-2611 .full-img img, .postid-2611 .prod img, .postid-2611 .teko-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2606 .port-main-img, .postid-2611 .port-main-img {
    top: 70%;
}

.postid-2606 .port-main-img img, .postid-2611 .port-main-img img {
    max-width: 90% !important;
}

.teko-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #0391C7;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.teko-wrap {
    position: relative;
    padding-top: 80px;
}

.teko-wrap img {
    position: relative;
    z-index: 2;
}

.teko-cat {
    padding: 100px 0px;
}

.teko-specials {
    padding: 100px 0px;
}

.teko-result {
    padding: 100px 0px;
}

.teko-result .res-bottom {
    margin-top: 0px;
}

.teko-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.teko-result .btn-project {
    background-color: #0391C7;
    border: 1px solid #0391C7;
}

.teko-result .btn-project:hover {
    color: #0391C7;
}

.single.postid-2606 .portfolio-nav, .single.postid-2611 .portfolio-nav {
    background: url(../images/teko-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2606 .mob-color, .single.postid-2611 .mob-color {
    padding: 35px 0px;
}

.single.postid-2606 .image-wrap img, .single.postid-2611 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.teko-item {
    background-color: #0391C7;
}

.teko-item .c-wrapper {
    background: url(../images/teko-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.teko-item {
    overflow: hidden;
}

.teko-item .c-wrapper span {
    display: none;
}

.no-touch .teko-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.teko-item:hover .overlay {
    background: rgba(3, 145, 199, 0.6);
}

/* sas */
.single-port.sas {
    background-color: #0046A5;
}

.single.postid-2614 header:not(.fixed) .def-logo, .single.postid-2617 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2614 header:not(.fixed) .white-logo, .single.postid-2617 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2614 .mnu-btn a span, .single.postid-2617 .mnu-btn a span {
    background: #fff;
}

.single.postid-2614 .mnu-btn a span:after, .single.postid-2617 .mnu-btn a span:after {
    color: #0046A5;
}

.postid-2614 a.tosite, .postid-2617 a.tosite {
    color: #006CC1;
}

.postid-2614 .full-img img, .postid-2614 .prod img, .postid-2614 .sas-specials img,
.postid-2617 .full-img img, .postid-2617 .prod img, .postid-2617 .sas-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2614 .port-main-img, .postid-2617 .port-main-img {
    top: 60%;
}

.postid-2614 .port-main-img img, .postid-2617 .port-main-img img {
    max-width: 90% !important;
}

.sas-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #0046A5;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.sas-wrap {
    position: relative;
    padding-top: 80px;
}

.sas-wrap img {
    position: relative;
    z-index: 2;
}

.sas-cat {
    padding: 100px 0px;
}

.sas-specials {
    padding: 100px 0px;
}

.sas-result {
    padding: 100px 0px;
}

.sas-result .res-bottom {
    margin-top: 0px;
}

.sas-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
}

.sas-result .btn-project {
    background-color: #0046A5;
    border: 1px solid #0046A5;
}

.sas-result .btn-project:hover {
    color: #0046A5;
}

.single.postid-2614 .portfolio-nav, .single.postid-2617 .portfolio-nav {
    background: url(../images/sas-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2614 .mob-color, .single.postid-2617 .mob-color {
    padding: 35px 0px;
}

.single.postid-2614 .image-wrap img, .single.postid-2617 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.sas-item {
    background-color: #0046A5;
}

.sas-item .c-wrapper {
    background: url(../images/sas-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.sas-item {
    overflow: hidden;
}

.sas-item .c-wrapper span {
    display: none;
}

.no-touch .sas-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.sas-item:hover .overlay {
    background: rgba(0, 70, 165, 0.6);
}

/* smartini */
.single-port.smartini {
    background-color: #3B6AD1;
}

.single.postid-2619 header:not(.fixed) .def-logo, .single.postid-2623 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-2619 header:not(.fixed) .white-logo, .single.postid-2623 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-2619 .mnu-btn a span, .single.postid-2623 .mnu-btn a span {
    background: #fff;
}

.single.postid-2619 .mnu-btn a span:after, .single.postid-2623 .mnu-btn a span:after {
    color: #3B6AD1;
}

.postid-2619 a.tosite, .postid-2623 a.tosite {
    color: #006CC1;
}

.postid-2619 .full-img img, .postid-2619 .prod img, .postid-2619 .smartini-specials img,
.postid-2623 .full-img img, .postid-2623 .prod img, .postid-2623 .smartini-specials img {
    box-shadow: 0 3px 45px rgba(46, 48, 64, 10%);
}

.postid-2619 .port-main-img, .postid-2623 .port-main-img {
    top: 60%;
}

.postid-2619 .port-main-img img, .postid-2623 .port-main-img img {
    max-width: 90% !important;
}

.smartini-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background: #3B6AD1;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.smartini-wrap {
    position: relative;
    padding-top: 80px;
}

.smartini-wrap img {
    position: relative;
    z-index: 2;
}

.smartini-cat {
    padding: 100px 0px;
}

.smartini-specials {
    padding: 100px 0px;
}

.smartini-result {
    padding: 100px 0px;
}

.smartini-result .res-bottom {
    margin-top: 0px;
}

.smartini-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.smartini-result .btn-project {
    background-color: #3B6AD1;
    border: 1px solid #3B6AD1;
}

.smartini-result .btn-project:hover {
    color: #3B6AD1;
}

.single.postid-2619 .portfolio-nav, .single.postid-2623 .portfolio-nav {
    background: url(../images/smartini-portfolio-nav.jpg) no-repeat top center;
    background-size: cover;
}

.single.postid-2619 .mob-color, .single.postid-2623 .mob-color {
    padding: 35px 0px;
}

.single.postid-2619 .image-wrap img, .single.postid-2623 .image-wrap img {
    box-shadow: 0px 3px 45px rgba(46, 48, 64, 10%);
}

.smartini-item {
    background-color: #3B6AD1;
}

.smartini-item .c-wrapper {
    background: url(../images/smartini-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.smartini-item {
    overflow: hidden;
}

.smartini-item .c-wrapper span {
    display: none;
}

.no-touch .smartini-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.smartini-item:hover .overlay {
    background: rgba(59, 106, 209, 0.6);
}

/* tcl */
/* tcl */
.single.postid-533 header:not(.fixed) .def-logo, .single.postid-1090 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-533 header:not(.fixed) .white-logo, .single.postid-1090 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-533 .mnu-btn a, .single.postid-1090 .mnu-btn a {
    color: #f07d80 !important;
}

.single.postid-533 .mnu-btn a span, .single.postid-1090 .mnu-btn a span {
    background: #fff;
}

.single.postid-533 .mnu-btn a span:after, .single.postid-1090 .mnu-btn a span:after {
    color: #e93f45;
}

.single.postid-533 header.fixed .mnu-btn a span, .single.postid-1090 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-533 header.fixed .mnu-btn a, .single.postid-1090 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-533 header.fixed .mnu-btn a span:after, .single.postid-1090 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* tcl */
.single-port.tcl {
    background-color: #e93f45;
}

.tcl .port-main-img {
    top: 60%;
}

.tcl .port-main-img img {
    max-width: 100%;
}

.tcl .for-parallax img {

}

.postid-533 a.tosite, .postid-1090 a.tosite {
    color: #db3446;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.tcl4-wrap {
    position: relative;
    padding-top: 80px;
}

.tcl4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #e93f45;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.tcl4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.tcl-design {
    padding: 100px 0px;
}

.tcl-cat {
    padding: 100px 0px;
}

.tcl-specials {
    padding: 100px 0px;
}

.tcl-result {
    padding: 100px 0px;
}

.tcl-result .res-bottom {
    margin-top: 0px;
}

.tcl-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.tcl-result .btn-project {
    background-color: #e93f45;
    border: 1px solid #e93f45;
}

.tcl-result .btn-project:hover {
    color: #e93f45;
}

.postid-533 .portfolio-nav, .postid-1090 .portfolio-nav {
    background: url(../images/tcl-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .tcl .for-parallax img {
        margin-top: 0%;
    }

    .tcl .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .tcl .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .tcl4-wrap:before {
        display: none;
    }

    .tcl-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {

    .tcl .port-main-img {
        top: 55%;
    }

    .tcl-design {
        padding: 30px 0px;
    }

    .tcl-cat {
        padding: 30px 0px;
    }

    .tcl-specials {
        padding: 30px 0px;
    }

    .tcl-result {
        padding: 30px 0px;
    }

    .postid-533 .portfolio-nav, .postid-1090 .portfolio-nav {
        background: #db3238;
    }

    .tcl-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* tcl */

/* trn */
.single.postid-536 header:not(.fixed) .def-logo, .single.postid-1092 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-536 header:not(.fixed) .white-logo, .single.postid-1092 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-536 .mnu-btn a, .single.postid-1092 .mnu-btn a {
    color: #ffd164 !important;
}

.single.postid-536 .mnu-btn a span, .single.postid-1092 .mnu-btn a span {
    background: #fff;
}

.single.postid-536 .mnu-btn a span:after, .single.postid-1092 .mnu-btn a span:after {
    color: #ffb300;
}

.single.postid-536 header.fixed .mnu-btn a span, .single.postid-1092 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-536 header.fixed .mnu-btn a, .single.postid-1092 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-536 header.fixed .mnu-btn a span:after, .single.postid-1092 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* trn */
.single-port.trn {
    background-color: #ffb300;
}

.trn .port-main-img {
    top: 60%;
}

.trn .port-main-img img {
    max-width: 100%;
}

.postid-536 a.tosite, .postid-1092 a.tosite {
    color: #ea761c;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.trn4-wrap {
    position: relative;
    padding-top: 80px;
}

.trn4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #ffb300;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.trn4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.trn-design {
    padding: 100px 0px;
}

.trn-cat {
    padding: 100px 0px;
}

.trn-specials {
    padding: 100px 0px;
}

.trn-result {
    padding: 100px 0px;
}

.trn-result .res-bottom {
    margin-top: 0px;
}

.trn-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.trn-result .btn-project {
    background-color: #ffb300;
    border: 1px solid #ffb300;
}

.trn-result .btn-project:hover {
    color: #ffb300;
}

.postid-536 .portfolio-nav, .postid-1092 .portfolio-nav {
    background: url(../images/trn-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .trn .for-parallax img {
        margin-top: 0%;
    }

    .trn .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .trn .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .trn4-wrap:before {
        display: none;
    }

    .trn-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .trn .port-main-img {
        top: 55%;
    }

    .trn-design {
        padding: 30px 0px;
    }

    .trn-cat {
        padding: 30px 0px;
    }

    .trn-specials {
        padding: 30px 0px;
    }

    .trn-result {
        padding: 30px 0px;
    }

    .postid-536 .portfolio-nav, .postid-1092 .portfolio-nav {
        background: #ffb300;
    }

    .trn-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* trn */

/* alta */
.single.postid-539 header:not(.fixed) .def-logo, .single.postid-1086 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-539 header:not(.fixed) .white-logo, .single.postid-1086 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-539 .mnu-btn a, .single.postid-1086 .mnu-btn a {
    color: #6f7580 !important;
}

.single.postid-539 .mnu-btn a span, .single.postid-1086 .mnu-btn a span {
    background: #fff;
}

.single.postid-539 .mnu-btn a span:after, .single.postid-1086 .mnu-btn a span:after {
    color: #1d2637;
}

.single.postid-539 header.fixed .mnu-btn a span, .single.postid-1086 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-539 header.fixed .mnu-btn a, .single.postid-1086 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-539 header.fixed .mnu-btn a span:after, .single.postid-1086 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* alta */
.single-port.alta {
    background-color: #1d2637;
}

.alta .port-main-img {
    top: 60%;
}

.alta .port-main-img img {
    max-width: 100%;
}

.alta .for-parallax img {

}

.postid-539 a.tosite, .postid-1086 a.tosite {
    color: #1d2637;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.alta4-wrap {
    position: relative;
    padding-top: 80px;
}

.alta4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #1d2637;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.alta4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.alta-design {
    padding: 100px 0px;
}

.alta-cat {
    padding: 100px 0px;
}

.alta-specials {
    padding: 100px 0px;
}

.alta-result {
    padding: 100px 0px;
}

.alta-result .res-bottom {
    margin-top: 0px;
}

.alta-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.alta-result .btn-project {
    background-color: #1d2637;
    border: 1px solid #1d2637;
}

.alta-result .btn-project:hover {
    color: #1d2637;
}

.postid-539 .portfolio-nav, .postid-1086 .portfolio-nav {
    background: url(../images/alta-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .alta .for-parallax img {
        margin-top: 0%;
    }

    .alta .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .alta .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .alta4-wrap:before {
        display: none;
    }

    .alta-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .alta .port-main-img {
        top: 55%;
    }

    .alta-design {
        padding: 30px 0px;
    }

    .alta-cat {
        padding: 30px 0px;
    }

    .alta-specials {
        padding: 30px 0px;
    }

    .alta-result {
        padding: 30px 0px;
    }

    .postid-539 .portfolio-nav, .postid-1086 .portfolio-nav {
        background: #1d2637;
    }

    .alta-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* alta */

/* dollars */
.single.postid-542 header:not(.fixed) .def-logo, .single.postid-1094 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-542 header:not(.fixed) .white-logo, .single.postid-1094 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-542 .mnu-btn a, .single.postid-1094 .mnu-btn a {
    color: #9fc37a !important;
}

.single.postid-542 .mnu-btn a span, .single.postid-1094 .mnu-btn a span {
    background: #fff;
}

.single.postid-542 .mnu-btn a span:after, .single.postid-1094 .mnu-btn a span:after {
    color: #82b151;
}

.single.postid-542 header.fixed .mnu-btn a span, .single.postid-1094 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-542 header.fixed .mnu-btn a, .single.postid-1094 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-542 header.fixed .mnu-btn a span:after, single.postid-1094 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* dollars */
.single-port.dollars {
    background-color: #82b151;
}

.dollars .port-main-img {
    top: 60%;
}

.dollars .port-main-img img {
    max-width: 100%;
}

.dollars .for-parallax img {

}

.postid-542 a.tosite, .postid-1094 a.tosite {
    color: #82b151;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.dollars4-wrap {
    position: relative;
    padding-top: 80px;
}

.dollars4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #82b151;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.dollars4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.dollars-design {
    padding: 100px 0px;
}

.dollars-cat {
    padding: 100px 0px;
}

.dollars-specials {
    padding: 100px 0px;
}

.dollars-result {
    padding: 100px 0px;
}

.dollars-result .res-bottom {
    margin-top: 0px;
}

.dollars-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.dollars-result .btn-project {
    background-color: #82b151;
    border: 1px solid #82b151;
}

.dollars-result .btn-project:hover {
    color: #82b151;
}

.postid-542 .portfolio-nav, .postid-1094 .portfolio-nav {
    background: url(../images/dollars-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {
    .dollars .for-parallax img {
        margin-top: 0%;
    }

    .dollars .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .dollars .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .dollars4-wrap:before {
        display: none;
    }

    .dollars-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .dollars .port-main-img {
        top: 55%;
    }

    .dollars-design {
        padding: 30px 0px;
    }

    .dollars-cat {
        padding: 30px 0px;
    }

    .dollars-specials {
        padding: 30px 0px;
    }

    .dollars-result {
        padding: 30px 0px;
    }

    .postid-542 .portfolio-nav, .postid-1094 .portfolio-nav {
        background: #82b151;
    }

    .dollars-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* dollars */
/* fall */
.single.postid-545 header:not(.fixed) .def-logo, .single.postid-1096 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-545 header:not(.fixed) .white-logo, .single.postid-1096 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-545 .mnu-btn a, .single.postid-1096 .mnu-btn a {
    color: #b66e7a !important;
}

.single.postid-545 .mnu-btn a span, .single.postid-1096 .mnu-btn a span {
    background: #fff;
}

.single.postid-545 .mnu-btn a span:after, .single.postid-1096 .mnu-btn a span:after {
    color: #870f22;
}

.single.postid-545 header.fixed .mnu-btn a span, .single.postid-1096 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-545 header.fixed .mnu-btn a, .single.postid-1096 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-545 header.fixed .mnu-btn a span:after, .single.postid-1096 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* fall */
.single-port.fall {
    background-color: #870f22;
}

.fall .port-main-img {
    top: 60%;
}

.fall .port-main-img img {
    max-width: 60%;
}

.fall .for-parallax img {

}

.postid-545 a.tosite, .postid-1096 a.tosite {
    color: #970c22;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.fall4-wrap {
    position: relative;
    padding-top: 80px;
}

.fall4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #870f22;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.fall4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.fall-design {
    padding: 100px 0px;
}

.fall-cat {
    padding: 100px 0px;
}

.fall-specials {
    padding: 100px 0px;
}

.fall-result {
    padding: 100px 0px;
}

.fall-result .res-bottom {
    margin-top: 0px;
}

.fall-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.fall-result .btn-project {
    background-color: #870f22;
    border: 1px solid #870f22;
}

.fall-result .btn-project:hover {
    color: #870f22;
}

.postid-545 .portfolio-nav, .postid-1096 .portfolio-nav {
    background: url(../images/fall-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .fall .for-parallax img {
        margin-top: 0%;
    }

    .fall .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .fall .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .fall4-wrap:before {
        display: none;
    }

    .fall-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .fall .port-main-img {
        top: 55%;
    }

    .fall-design {
        padding: 30px 0px;
    }

    .fall-cat {
        padding: 30px 0px;
    }

    .fall-specials {
        padding: 30px 0px;
    }

    .fall-result {
        padding: 30px 0px;
    }

    .postid-545 .portfolio-nav, .postid-1096 .portfolio-nav {
        background: #870f22;
    }

    .fall-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* fall */

/* victoria */
.single.postid-548 header:not(.fixed) .def-logo, .single.postid-1098 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-548 header:not(.fixed) .white-logo, .single.postid-1098 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-548 .mnu-btn a, .single.postid-1098 .mnu-btn a {
    color: #6f78b6 !important;
}

.single.postid-548 .mnu-btn a span, .single.postid-1098 .mnu-btn a span {
    background: #fff;
}

.single.postid-548 .mnu-btn a span:after, .single.postid-1098 .mnu-btn a span:after {
    color: #303d96;
}

.single.postid-548 header.fixed .mnu-btn a span, .single.postid-1098 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-548 header.fixed .mnu-btn a, .single.postid-1098 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-548 header.fixed .mnu-btn a span:after, .single.postid-1098 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* victoria */
.single-port.victoria {
    background-color: #303d96;
}

.victoria .port-main-img {
    top: 56%;
}

.victoria .port-main-img img {
    max-width: 100%;
}

.postid-548 a.tosite, .postid-1098 a.tosite {
    color: #303d96;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.victoria4-wrap {
    position: relative;
    padding-top: 80px;
}

.victoria4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #303d96;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.victoria4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.victoria-design {
    padding: 100px 0px;
}

.victoria-cat {
    padding: 100px 0px;
}

.victoria-specials {
    padding: 100px 0px;
}

.victoria-result {
    padding: 100px 0px;
}

.victoria-result .res-bottom {
    margin-top: 0px;
}

.victoria-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.94) 66%, #ffffff 100%);
}

.victoria .for-parallax div {
    height: 100%;
}

.victoria-result .btn-project {
    background-color: #303d96;
    border: 1px solid #303d96;
}

.victoria-result .btn-project:hover {
    color: #303d96;
}

.postid-548 .portfolio-nav, .postid-1098 .portfolio-nav {
    background: url(../images/victoria-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {
    .victoria .for-parallax img {
        margin-top: 0%;
    }

    .victoria .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .victoria .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .victoria4-wrap:before {
        display: none;
    }

    .victoria-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {

    .victoria .port-main-img {
        top: 55%;
    }

    .victoria-design {
        padding: 30px 0px;
    }

    .victoria-cat {
        padding: 30px 0px;
    }

    .victoria-specials {
        padding: 30px 0px;
    }

    .victoria-result {
        padding: 30px 0px;
    }

    .postid-548 .portfolio-nav, .postid-1098 .portfolio-nav {
        background: #870f22;
    }

    .victoria-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* victoria */

/* fuji */
.single.postid-22 header:not(.fixed) .def-logo, .single.postid-1070 header:not(.fixed) .def-logo {
    display: none;
}

.single.postid-22 header:not(.fixed) .white-logo, .single.postid-1070 header:not(.fixed) .white-logo {
    display: block;
}

.single.postid-22 .mnu-btn a, .single.postid-1070 .mnu-btn a {
    color: #ed7e7e !important;
}

.single.postid-22 .mnu-btn a span, .single.postid-1070 .mnu-btn a span {
    background: #fff;
}

.single.postid-22 .mnu-btn a span:after, .single.postid-1070 .mnu-btn a span:after {
    color: #e43e3e;
}

.single.postid-22 header.fixed .mnu-btn a span, .single.postid-1070 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-22 header.fixed .mnu-btn a, .single.postid-1070 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-22 header.fixed .mnu-btn a span:after, .single.postid-1070 header.fixed .mnu-btn a span:after {
    color: #fff;
}

/* fuji */
.single-port.fuji {
    background-color: #e43e3e;
}

.fuji .port-main-img {
    top: 56%;
}

.fuji .port-main-img img {
    max-width: 100%;
}

.postid-22 a.tosite, .postid-1070 a.tosite {
    color: #e44c52;
}

.bg-grey {
    background: #f6f6f6;
}

.mob-color {
    padding: 100px 0px;
}

.fuji4-wrap {
    position: relative;
    padding-top: 80px;
}

.fuji4-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #e43e3e;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.fuji4-wrap img {
    position: relative;
    z-index: 2;
}

.single-fw-portfolio section h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
}

.single-fw-portfolio section p {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.fuji-design {
    padding: 100px 0px;
}

.fuji-cat {
    padding: 100px 0px;
}

.fuji-specials {
    padding: 100px 0px;
}

.fuji-result {
    padding: 100px 0px;
}

.fuji-result .res-bottom {
    margin-top: 0px;
}

.fuji-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.fuji-result .btn-project {
    background-color: #e43e3e;
    border: 1px solid #e43e3e;
}

.fuji-result .btn-project:hover {
    color: #e43e3e;
}

.postid-22 .portfolio-nav, .postid-1070 .portfolio-nav {
    background: url(../images/fuji-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .fuji .for-parallax img {
        margin-top: 0%;
    }

    .fuji .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .fuji .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .fuji4-wrap:before {
        display: none;
    }

    .fuji-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .fuji .port-main-img {
        top: 75%;
    }

    .single-port .for-parallax {
        display: none;
    }

    .fuji-design {
        padding: 30px 0px;
    }

    .fuji-cat {
        padding: 30px 0px;
    }

    .fuji-specials {
        padding: 30px 0px;
    }

    .fuji-result {
        padding: 30px 0px;
    }

    .postid-22 .portfolio-nav, .postid-1070 .portfolio-nav {
        background: #870f22;
    }

    .fuji-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* fuji */

/* northcliffe */
.single-port.northcliffe {
    background-color: #202C50;
}

.northcliffe .port-main-img {
    top: 56%;
}

.northcliffe .port-main-img img {
    max-width: 90% !important;
}

.postid-5696 a.tosite,
.postid-5743 a.tosite,
.postid-5747 a.tosite {
    color: #202C50;
}

.northcliffe-wrap {
    position: relative;
    padding-top: 80px;
}

.northcliffe-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #202C50;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.northcliffe-wrap img {
    position: relative;
    z-index: 2;
}

.northcliffe-design {
    padding: 100px 0px;
}

.northcliffe-cat {
    padding: 100px 0px;
}

.northcliffe-specials {
    padding: 100px 0px;
}

.northcliffe-result {
    padding: 100px 0px;
}

.northcliffe-result .res-bottom {
    margin-top: 0px;
}

.northcliffe-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.northcliffe-result .btn-project {
    background-color: #202C50;
    border: 1px solid #202C50;
}

.northcliffe-result .btn-project:hover {
    color: #202C50;
}

.northcliffe-item {
    background-color: #202C50;
}

.northcliffe-item .c-wrapper {
    background: url(../images/northcliffe-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.northcliffe-item {
    overflow: hidden;
}

.northcliffe-item .c-wrapper span {
    display: none;
}

.no-touch .northcliffe-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.northcliffe-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5696 .portfolio-nav,
.postid-5743 .portfolio-nav,
.postid-5747 .portfolio-nav {
    background: url(../images/northcliffe-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {

    .northcliffe .for-parallax img {
        margin-top: 0%;
    }

    .northcliffe .port-main-img {
        top: 55%;
    }
}

@media (max-width: 1300px) {

    .northcliffe .port-main-img {
        top: 55%;
    }
}

@media (max-width: 990px) {
    .northcliffe-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .northcliffe .port-main-img {
        top: 75%;
    }

    .northcliffe-design {
        padding: 30px 0px;
    }

    .northcliffe-cat {
        padding: 30px 0px;
    }

    .northcliffe-specials {
        padding: 30px 0px;
    }

    .northcliffe-result {
        padding: 30px 0px;
    }

    .postid-5696 .portfolio-nav,
    .postid-5743 .portfolio-nav,
    .postid-5747 .portfolio-nav {
        background: #202C50;
    }

    .northcliffe-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* northcliffe */

/* fielmann */
.single-port.fielmann {
    background-color: #abb0b7;
}

.fielmann .port-main-img img {
    max-width: 100% !important;
}

.postid-5719 a.tosite,
.postid-5751 a.tosite,
.postid-5755 a.tosite {
    color: #2E3033;
}

.fielmann-wrap {
    position: relative;
    padding-top: 80px;
}

.fielmann-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #2E3033;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.fielmann-wrap img {
    position: relative;
    z-index: 2;
}

.fielmann-design {
    padding: 100px 0px;
}

.fielmann-cat {
    padding: 100px 0px;
}

.fielmann-specials {
    padding: 100px 0px;
}

.fielmann-result {
    padding: 100px 0px;
}

.fielmann-result .res-bottom {
    margin-top: 0px;
}

.fielmann-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.fielmann-result .btn-project {
    background-color: #2E3033;
    border: 1px solid #2E3033;
}

.fielmann-result .btn-project:hover {
    color: #2E3033;
}

.fielmann-item {
    background-color: #abb0b7;
}

.fielmann-item .c-wrapper {
    background: url(../images/fielmann-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.fielmann-item {
    overflow: hidden;
}

.fielmann-item .c-wrapper span {
    display: none;
}

.no-touch .fielmann-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.fielmann-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5719 .portfolio-nav,
.postid-5751 .portfolio-nav,
.postid-5755 .portfolio-nav {
    background: url(../images/fielmann-portfolio-nav.png) no-repeat top center;
}

.postid-5719 .portfolio-nav_wrap .text-right a,
.postid-5751 .portfolio-nav_wrap .text-right a,
.postid-5755 .portfolio-nav_wrap .text-right a {
    color: #000000;
}

.fielmann-item .overlay .meta-cat {
    color: #ffffff;
}

.fielmann-item .overlay .case-title {
    color: #ffffff;
}

.fielmann-item .overlay .item-more {
    color: #ffffff;
}

@media (min-width: 1400px) {

    .fielmann .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .fielmann-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

    .fielmann-item .overlay .meta-cat {
        color: #000;
    }

    .fielmann-item .overlay .case-title {
        color: #000;
    }

    .fielmann-item .overlay .item-more {
        color: #000;
    }
}

@media (max-width: 767px) {
    .fielmann .port-main-img {
        top: 75%;
    }

    .fielmann-design {
        padding: 30px 0px;
    }

    .fielmann-cat {
        padding: 30px 0px;
    }

    .fielmann-specials {
        padding: 30px 0px;
    }

    .fielmann-result {
        padding: 30px 0px;
    }

    .postid-5719 .portfolio-nav,
    .postid-5751 .portfolio-nav,
    .postid-5755 .portfolio-nav {
        background: #2E3033;
    }

    .postid-5719 .portfolio-nav_wrap .text-right a,
    .postid-5751 .portfolio-nav_wrap .text-right a,
    .postid-5755 .portfolio-nav_wrap .text-right a {
        color: #ffffff;
    }

    .fielmann-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* fielmann */

/* gant */
.single-port.gant {
    background-color: #ee3124;
}

.gant .port-main-img {
    top: 56%;
}

.gant .port-main-img img {
    max-width: 100% !important;
}

.postid-5722 a.tosite,
.postid-5759 a.tosite,
.postid-5764 a.tosite {
    color: #EB3124;
}

.gant-wrap {
    position: relative;
    padding-top: 80px;
}

.gant-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #EB3124;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.gant-wrap img {
    position: relative;
    z-index: 2;
}

.gant-design {
    padding: 100px 0px;
}

.gant-cat {
    padding: 100px 0px;
}

.gant-specials {
    padding: 100px 0px;
}

.gant-result {
    padding: 100px 0px;
}

.gant-result .res-bottom {
    margin-top: 0px;
}

.gant-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.gant-result .btn-project {
    background-color: #EB3124;
    border: 1px solid #EB3124;
}

.gant-result .btn-project:hover {
    color: #EB3124;
}

.gant-item {
    background-color: #ee3124;
}

.gant-item .c-wrapper {
    background: url(../images/gant-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.gant-item {
    overflow: hidden;
}

.gant-item .c-wrapper span {
    display: none;
}

.no-touch .gant-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.gant-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5722 .portfolio-nav,
.postid-5759 .portfolio-nav,
.postid-5764 .portfolio-nav {
    background: url(../images/gant-portfolio-nav.png) no-repeat top center;
}

.gant-item .overlay .meta-cat {
    color: #ffffff;
}

.gant-item .overlay .case-title {
    color: #ffffff;
}

.gant-item .overlay .item-more {
    color: #ffffff;
}

@media (min-width: 1400px) {

    .gant .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .gant-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

    .gant-item .overlay .meta-cat {
        color: #b5b5b5;
    }

    .gant-item .overlay .case-title {
        color: #0d0d0d;
    }

    .gant-item .overlay .item-more {
        color: #858585;
    }

}

@media (max-width: 767px) {
    .gant .port-main-img {
        top: 75%;
    }

    .gant-design {
        padding: 30px 0px;
    }

    .gant-cat {
        padding: 30px 0px;
    }

    .gant-specials {
        padding: 30px 0px;
    }

    .gant-result {
        padding: 30px 0px;
    }

    .postid-5722 .portfolio-nav,
    .postid-5759 .portfolio-nav,
    .postid-5764 .portfolio-nav {
        background: #EB3124;
    }

    .gant-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* gant */

/* inkotel */
.single-port.inkotel {
    background-color: #00A4C7;
}

.inkotel .port-main-img img {
    max-width: 100% !important;
}

.postid-5725 a.tosite,
.postid-5769 a.tosite,
.postid-5773 a.tosite {
    color: #00A4C7;
}

.inkotel-wrap {
    position: relative;
    padding-top: 80px;
}

.inkotel-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #00A4C7;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.inkotel-wrap img {
    position: relative;
    z-index: 2;
}

.inkotel-design {
    padding: 100px 0px;
}

.inkotel-cat {
    padding: 100px 0px;
}

.inkotel-specials {
    padding: 100px 0px;
}

.inkotel-result {
    padding: 100px 0px;
}

.inkotel-result .res-bottom {
    margin-top: 0px;
}

.inkotel-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.inkotel-result .btn-project {
    background-color: #00A4C7;
    border: 1px solid #00A4C7;
}

.inkotel-result .btn-project:hover {
    color: #00A4C7;
}

.inkotel-item {
    background-color: #00A4C7;
}

.inkotel-item .c-wrapper {
    background: url(../images/inkotel-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.inkotel-item {
    overflow: hidden;
}

.inkotel-item .c-wrapper span {
    display: none;
}

.no-touch .inkotel-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.inkotel-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5725 .portfolio-nav,
.postid-5769 .portfolio-nav,
.postid-5773 .portfolio-nav {
    background: url(../images/inkotel-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {
    .inkotel .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .inkotel-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .inkotel .port-main-img {
        top: 75%;
    }

    .inkotel-design {
        padding: 30px 0px;
    }

    .inkotel-cat {
        padding: 30px 0px;
    }

    .inkotel-specials {
        padding: 30px 0px;
    }

    .inkotel-result {
        padding: 30px 0px;
    }

    .postid-5725 .portfolio-nav,
    .postid-5769 .portfolio-nav,
    .postid-5773 .portfolio-nav {
        background: #00A4C7;
    }

    .inkotel-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* inkotel */

/* urbanistyka_hub */
.single-port.urbanistyka_hub {
    background-color: #B8D5ED;
}

.urbanistyka_hub .port-main-img img {
    max-width: 90% !important;
}

.postid-5728 a.tosite,
.postid-5777 a.tosite,
.postid-5781 a.tosite {
    color: #B8D5ED;
}

.urbanistyka_hub-wrap {
    position: relative;
    padding-top: 80px;
}

.urbanistyka_hub-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #77073E;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.urbanistyka_hub-wrap img {
    position: relative;
    z-index: 2;
}

.urbanistyka_hub-design {
    padding: 100px 0px;
}

.urbanistyka_hub-cat {
    padding: 100px 0px;
}

.urbanistyka_hub-specials {
    padding: 100px 0px;
}

.urbanistyka_hub-result {
    padding: 100px 0px;
}

.urbanistyka_hub-result .res-bottom {
    margin-top: 0px;
}

.urbanistyka_hub-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.urbanistyka_hub-result .btn-project {
    background-color: #B8D5ED;
    border: 1px solid #B8D5ED;
}

.urbanistyka_hub-result .btn-project:hover {
    color: #B8D5ED;
}

.urbanistyka_hub-item {
    background-color: #B8D5ED;
}

.urbanistyka_hub-item .c-wrapper {
    background: url(../images/urbanistyka_hub-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.urbanistyka_hub-item {
    overflow: hidden;
}

.urbanistyka_hub-item .c-wrapper span {
    display: none;
}

.no-touch .urbanistyka_hub-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.urbanistyka_hub-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5728 .portfolio-nav,
.postid-5777 .portfolio-nav,
.postid-5781 .portfolio-nav {
    background: url(../images/urbanistyka_hub-portfolio-nav.png) no-repeat top center;
}

@media (min-width: 1400px) {
    .urbanistyka_hub .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .urbanistyka_hub-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .urbanistyka_hub .port-main-img {
        top: 75%;
    }

    .urbanistyka_hub-design {
        padding: 30px 0px;
    }

    .urbanistyka_hub-cat {
        padding: 30px 0px;
    }

    .urbanistyka_hub-specials {
        padding: 30px 0px;
    }

    .urbanistyka_hub-result {
        padding: 30px 0px;
    }

    .postid-5728 .portfolio-nav,
    .postid-5777 .portfolio-nav,
    .postid-5781 .portfolio-nav {
        background: #B8D5ED;
    }

    .urbanistyka_hub-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* urbanistyka_hub */

/* vonavin */
.single-port.vonavin {
    background-color: #1D1D1D;
}

.vonavin .port-main-img img {
    max-width: 80% !important;
}

.postid-5732 a.tosite,
.postid-5785 a.tosite,
.postid-5789 a.tosite {
    color: #1D1D1D;
}

.vonavin-wrap {
    position: relative;
    padding-top: 80px;
}

.vonavin-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #1D1D1D;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.vonavin-wrap img {
    position: relative;
    z-index: 2;
}

.vonavin-design {
    padding: 100px 0px;
}

.vonavin-cat {
    padding: 100px 0px;
}

.vonavin-specials {
    padding: 100px 0px;
}

.vonavin-result {
    padding: 100px 0px;
}

.vonavin-result .res-bottom {
    margin-top: 0px;
}

.vonavin-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.vonavin-result .btn-project {
    background-color: #1D1D1D;
    border: 1px solid #1D1D1D;
}

.vonavin-result .btn-project:hover {
    color: #1D1D1D;
}

.vonavin-item {
    background-color: #1D1D1D;
}

.vonavin-item .main-img img {
    max-width: 50% !important;
}

.vonavin-item .c-wrapper {
    background: url(../images/vonavin-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.vonavin-item {
    overflow: hidden;
}

.vonavin-item .c-wrapper span {
    display: none;
}

.no-touch .vonavin-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.vonavin-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.patron-item {
    background-color: #97D700;
}

.patron-item .main-img img {
    max-width: 50% !important;
}

.patron-item .c-wrapper {
    background: url(../images/vovk-wrap.png) no-repeat center center;
    transform: scale(1);
    transition: all .3s;
}

.patron-item {
    overflow: hidden;
}

.patron-item .c-wrapper span {
    display: none;
}

.no-touch .patron-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;
}

.patron-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.portfolio-item-default .main-img img {
    max-width: 50% !important;
}

.portfolio-item-default .c-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: all .3s;
}

.portfolio-item-default {
    overflow: hidden;
}

.portfolio-item-default .c-wrapper span {
    display: none;
}

.no-touch .portfolio-item-default:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;
}

.portfolio-item-default:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5732 .portfolio-nav,
.postid-5785 .portfolio-nav,
.postid-5789 .portfolio-nav {
    background: url(../images/vonavin-portfolio-nav.png) no-repeat top center;
}

.postid-5732 .portfolio-nav_wrap .text-right a,
.postid-5785 .portfolio-nav_wrap .text-right a,
.postid-5789 .portfolio-nav_wrap .text-right a {
    color: #000000;
}

@media (min-width: 1400px) {
    .vonavin .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .vonavin-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .vonavin .port-main-img {
        top: 75%;
    }

    .vonavin-design {
        padding: 30px 0px;
    }

    .vonavin-cat {
        padding: 30px 0px;
    }

    .vonavin-specials {
        padding: 30px 0px;
    }

    .vonavin-result {
        padding: 30px 0px;
    }

    .postid-5732 .portfolio-nav,
    .postid-5785 .portfolio-nav,
    .postid-5789 .portfolio-nav {
        background: #1D1D1D;
    }

    .postid-5732 .portfolio-nav_wrap .text-right a,
    .postid-5732 .portfolio-nav_wrap .text-right a,
    .postid-5789 .portfolio-nav_wrap .text-right a {
        color: #ffffff;
    }

    .vonavin-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* vonavin */

/* vovk */
.single-port.vovk {
    background-color: #F7F7F7;
}

.vovk .port-main-img img {
    max-width: 80% !important;
}

.postid-5735 a.tosite,
.postid-5793 a.tosite,
.postid-5797 a.tosite {
    color: #8A909B;
}

.vovk-wrap {
    position: relative;
    padding-top: 80px;
}

.vovk-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #8A909B;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.vovk-wrap img {
    position: relative;
    z-index: 2;
}

.vovk-design {
    padding: 100px 0px;
}

.vovk-cat {
    padding: 100px 0px;
}

.vovk-specials {
    padding: 100px 0px;
}

.vovk-result {
    padding: 100px 0px;
}

.vovk-result .res-bottom {
    margin-top: 0px;
}

.vovk-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.vovk-result .btn-project {
    background-color: #8A909B;
    border: 1px solid #8A909B;
}

.vovk-result .btn-project:hover {
    color: #8A909B;
}

.vovk-item {
    background-color: #F7F7F7;
}

.vovk-item .c-wrapper {
    background: url(../images/vovk-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.vovk-item {
    overflow: hidden;
}

.vovk-item .c-wrapper span {
    display: none;
}

.no-touch .vovk-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.vovk-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-5735 .portfolio-nav,
.postid-5793 .portfolio-nav,
.postid-5797 .portfolio-nav {
    background: url(../images/vovk-portfolio-nav.png) no-repeat top center;
}

.postid-5735 .portfolio-nav_wrap .text-right a,
.postid-5793 .portfolio-nav_wrap .text-right a,
.postid-5735 .portfolio-nav_wrap .text-right a {
    color: #000000;
}

@media (min-width: 1400px) {
    .vovk .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .vovk-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .vovk .port-main-img {
        top: 75%;
    }

    .vovk-design {
        padding: 30px 0px;
    }

    .vovk-cat {
        padding: 30px 0px;
    }

    .vovk-specials {
        padding: 30px 0px;
    }

    .vovk-result {
        padding: 30px 0px;
    }

    .postid-5735 .portfolio-nav,
    .postid-5793 .portfolio-nav,
    .postid-5797 .portfolio-nav {
        background: #8A909B;
    }

    .postid-5735 .portfolio-nav_wrap .text-right a,
    .postid-5793 .portfolio-nav_wrap .text-right a,
    .postid-5797 .portfolio-nav_wrap .text-right a {
        color: #ffffff;
    }

    .vovk-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }
}

/* vovk */

/* kashalot */
.single-port.kashalot {
    background-color: #00d6dc;
}

.kashalot .port-main-img img {
    max-width: 100% !important;
}

.postid-7155 a.tosite,
.postid-7161 a.tosite,
.postid-7168 a.tosite {
    color: #2E3033;
}

.kashalot-wrap {
    position: relative;
    padding-top: 80px;
}

.kashalot-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #00d6dc;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.kashalot-wrap img {
    position: relative;
    z-index: 2;
}

.kashalot-design {
    padding: 100px 0px;
}

.kashalot-cat {
    padding: 100px 0px;
}

.kashalot-specials {
    padding: 100px 0px;
}

.kashalot-result {
    padding: 100px 0px;
    position: relative;
}

.kashalot-result:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background: #F6F6F6;
}

.kashalot-result .res-bottom {
    margin-top: 0px;
}

.kashalot-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.kashalot-result .btn-project {
    background-color: #00d6dc;
    border: 1px solid #00d6dc;
}

.kashalot-result .btn-project:hover {
    color: #00d6dc;
}

.kashalot-item {
    background-color: #00d6dc;
}

.kashalot-item .c-wrapper {
    background: url(../images/kashalot-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.kashalot-item {
    overflow: hidden;
}

.kashalot-item .c-wrapper span {
    display: none;
}

.no-touch .kashalot-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.kashalot-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-7155 .portfolio-nav,
.postid-7161 .portfolio-nav,
.postid-7168 .portfolio-nav {
    background: url(../images/kashalot-portfolio-nav.png) no-repeat top center;
}

.postid-7155 .portfolio-nav_wrap .text-right a,
.postid-7161 .portfolio-nav_wrap .text-right a,
.postid-7168 .portfolio-nav_wrap .text-right a {
    /*color: #000000;*/
}

@media (min-width: 1400px) {

    .kashalot .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .kashalot-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .kashalot .port-main-img {
        top: 75%;
    }

    .kashalot-design {
        padding: 30px 0px;
    }

    .kashalot-cat {
        padding: 30px 0px;
    }

    .kashalot-specials {
        padding: 30px 0px;
    }

    .kashalot-result {
        padding: 30px 0px;
    }

    .postid-7155 .portfolio-nav,
    .postid-7161 .portfolio-nav,
    .postid-7168 .portfolio-nav {
        background: #00d6dc;
    }

    .postid-7155 .portfolio-nav_wrap .text-right a,
    .postid-7161 .portfolio-nav_wrap .text-right a,
    .postid-7168 .portfolio-nav_wrap .text-right a {
        color: #ffffff;
    }

    .kashalot-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }

    .kashalot-result .res-bottom img {
        display: flex;
    }
}

/* kashalot */


/* gcip */
.single-port.gcip {
    background-color: #0e60d9;
}

.gcip .port-main-img img {
    max-width: 100% !important;
}

.postid-7171 a.tosite,
.postid-7185 a.tosite,
.postid-7187 a.tosite {
    color: #2E3033;
}

.gcip-wrap {
    position: relative;
    padding-top: 80px;
}

.gcip-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 515px;
    height: 515px;
    background-color: #0e60d9;
    border-radius: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.gcip-wrap img {
    position: relative;
    z-index: 2;
}

.gcip-design {
    padding: 100px 0px;
}

.gcip-cat {
    padding: 100px 0px;
}

.gcip-specials {
    padding: 100px 0px;
}

.gcip-result {
    padding: 100px 0px;
    position: relative;
}

.gcip-result:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background: #F6F6F6;
}

.gcip-result .res-bottom {
    margin-top: 0px;
}

.gcip-result .res-bottom:after {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
}

.gcip-result .btn-project {
    background-color: #0e60d9;
    border: 1px solid #0e60d9;
}

.gcip-result .btn-project:hover {
    color: #0e60d9;
}

.gcip-item {
    background-color: #0e60d9;
}

.gcip-item .c-wrapper {
    background: url(../images/gcip-wrap.png) no-repeat 50% 50%;
    transform: scale(1);
    transition: all .3s;
}

.gcip-item {
    overflow: hidden;
}

.gcip-item .c-wrapper span {
    display: none;
}

.no-touch .gcip-item:hover .c-wrapper {
    transform: scale(1.2);
    transition: all .3s;

}

.gcip-item:hover .overlay {
    background: rgba(255, 255, 255, 0.2);
}

.postid-7171 .portfolio-nav,
.postid-7185 .portfolio-nav,
.postid-7187 .portfolio-nav {
    background: url(../images/gcip-portfolio-nav.png) no-repeat top center;
}

.postid-7171 .portfolio-nav_wrap .text-right a,
.postid-7185 .portfolio-nav_wrap .text-right a,
.postid-7187 .portfolio-nav_wrap .text-right a {
    /*color: #000000;*/
}

@media (min-width: 1400px) {

    .gcip .for-parallax img {
        margin-top: 0%;
    }
}

@media (max-width: 990px) {
    .gcip-result .btn-project {
        line-height: 60px;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

}

@media (max-width: 767px) {
    .gcip .port-main-img {
        top: 75%;
    }

    .gcip-design {
        padding: 30px 0px;
    }

    .gcip-cat {
        padding: 30px 0px;
    }

    .gcip-specials {
        padding: 30px 0px;
    }

    .gcip-result {
        padding: 30px 0px;
    }

    .postid-7171 .portfolio-nav,
    .postid-7185 .portfolio-nav,
    .postid-7187 .portfolio-nav {
        background: #0e60d9;
    }

    .postid-7171 .portfolio-nav_wrap .text-right a,
    .postid-7185 .portfolio-nav_wrap .text-right a,
    .postid-7187 .portfolio-nav_wrap .text-right a {
        color: #ffffff;
    }

    .gcip-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }

    .gcip-result .res-bottom img {
        display: flex;
    }
}

/* kashalot */

/* Single portfolio */

.single-fw-portfolio.single .mnu-btn a {
    color: #fff !important;
}

@media (max-width: 767px) {

    .single-fw-portfolio.single .mnu-btn a {
        color: #fff !important;
    }

    .single-fw-portfolio.single .header-text.open + .mnu-btn a {
        color: #000 !important;
    }

}

/* Single portfolio */

/* 404 */
.error-404 {
    text-align: center;
}

.error-404 h1 img, .error-404 h1 video {
    display: inline-block;
    vertical-align: bottom;
}

.error-404 h1 {
    font-size: 120px;
    font-weight: 900;
    color: #000;
    line-height: 250px;
}

.error-404 .suberror {
    font-size: 34px;
    font-weight: 700;
    color: #000;
    margin: 0px 0px 0px;
    line-height: 78px;
}

.error-404 p {
    color: #303030;
    font-weight: 500;
}

.error-404 p a {
    color: #3300ff;
    text-decoration: underline;
    font-weight: 500;
}

.error-404 .btn-wrap {
    margin-top: 60px;
}

@media (min-width: 1400px) {
    html, body {
        height: 100%;
    }

    .error404 footer {
        width: 100%;
    }

    .error-404 h1 {
        color: #000000;
        font-size: 171px;
        font-weight: 700;
        line-height: 265px;
    }

    .error-404 .suberror {
        color: #000000;

        font-size: 47px;
        font-weight: 700;
        line-height: 78px;
    }

    .error-404 p {
        color: #303030;
        font-size: 20px;
        font-weight: 500;
    }
}

@media (max-width: 990px) {
    .error-404 h1 {

        font-size: 120px;
        font-weight: 900;
        color: #000;
        line-height: 250px;
    }

    .error-404 .suberror {

        font-size: 31px;

    }

    .error-404 p {

    }
}

@media (max-width: 767px) {
    .error-404 h1 {

        font-size: 71px;
        font-weight: 700;
        line-height: 160px;
    }

    .error-404 h1 video {
        max-width: 100px;
    }

    .error-404 .suberror {

        font-size: 17px;

    }

    .error-404 p {

        font-size: 15px;
        font-weight: 500;
    }
}

@media (max-width: 1200px) {
    .port-main-img {
        top: 50%;
    }

    .ly-result .after {

    }

    .ly-result .after img {
        max-width: 60%;
    }

    .res-right {
        position: relative;
        padding-top: 100px;
    }

    .portfolio-nav_wrap a {
        padding: 60px 50px;
    }
}

@media (min-width: 990px) and (max-width: 1400px) {
    .w-full {
        width: 100% !important;
        margin-left: 0px !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 1200px) {
    .res-bottom {
        margin-top: 0px;
    }

    .res-bottom-r {
        margin-top: 90px;
    }
}

@media (max-width: 767px) {
    .portfolio-title h1 {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 30px;
    }

    .single-port {
        padding-top: 100px;
        height: 200px !important;
    }

    .single-logo img {
        max-width: 50%;
    }

    .for-parallax img {
        max-width: 60%;
    }

    .port-main-img {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .portfolio-content {
        padding: 30px 0px;
    }

    .content-video iframe {
        height: auto;
    }

    .ly-map {
        padding: 30px 0px;
    }

    .mar {
        top: 0px;
    }

    .ly-map .after {
        display: none;
    }

    .video-design {
        margin: 30px 0px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    }

    .ly-cat {
        padding: 30px 0px;
    }

    .ly-cat .after {
        display: none;
    }

    .prod {
        padding: 30px 0px;
    }

    .ly-result {
        padding: 30px 0px;
    }

    .ly-result .after {
        display: none;
    }

    .res-right {
        padding-top: 30px;
    }

    .res-bottom {
        margin-top: 0px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .res-bottom img {
        display: none;
    }

    .ly-result .btn-wrp {
        position: relative;
        bottom: 0px;
        margin-top: 30px;
    }

    .btn-red {
        line-height: 60px;
        background-color: #db3446;
        color: #ffffff;
        text-align: center;
        padding: 0px 40px;
        font-size: 16px;
        font-weight: 500;
    }

    .portfolio-nav {
        background: #db3446;
    }

    .portfolio-nav_wrap a {
        display: block;
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 0px 10px;
        text-decoration: none;
        text-align: center;
    }
}

/* breadcrumbs */
.kama_breadcrumbs {
    margin-bottom: 30px;
}

.page-template-page-about .kama_breadcrumbs {

    margin-top: -15px;
}

.kama_breadcrumbs a, .kama_breadcrumbs span {
    color: #303030;
    font-size: 14px;
    line-height: 23px;
}

.portfolio-bread {
    position: absolute;
    left: 0px;
    width: 100%;
    padding-top: 15px;
}

.portfolio-bread .container {
    max-width: 1114px;
}

@media (min-width: 1400px) {
    .portfolio-bread .container .col-lg-10.offset-lg-1 {
        margin-left: 0%;
    }

    .portfolio-bread .container .col-lg-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .portfolio-bread {
        padding-top: 0;
        top: -50px !important;
    }

}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto;
}

/* ------------------------- Modal */

.turn-device {
    display: none;
}

@media only screen and (max-width: 767px) {
    .turn-device {
        position: absolute;
        z-index: 335;
        background-color: #3300ff;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        display: block;
    }

    .turn-device.close {
        display: none;
    }

    .turn-device .td-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .turn-device .td-inner p {
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
    }

    .turn-device .td-inner img {
        -webkit-animation: spin 2s linear infinite;
        -moz-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    .skip-td {
        position: absolute;
        bottom: 30px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }
        50% {
            -webkit-transform: rotate(90deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
        }

    }
}

@media only screen and (orientation: landscape) {
    .turn-device {
        display: none;
    }
}

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

    /*    .cd-modal .cd-modal-content iframe {
            width: 50% !important;
            height: 50vh!important;
        }*/
    .cd-modal .cd-modal-content iframe {
        width: 100vw !important;
        height: 56.25vw !important;
        min-height: 100vh;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .under-header.modal-is-visible {
        z-index: 20000;
    }

    header {
        padding-top: 10px;
    }

    .lang-wrap {
        top: 105%;
    }

    .subtitle {
        margin-top: 0;
    }

    .home-page .under-header .cd-modal-action {
        padding-top: 15px;
    }

    .b24-widget-button-position-bottom-right {
        right: 10px !important;
        bottom: 10px !important;
    }

    header .header-text {
        top: 37px;
    }
}

.cd-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
    -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
    transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s;
}

.cd-modal .cd-modal-content {
    height: 100%;
    width: 100%;
    padding: 0 0%;
    text-align: left;
    overflow-y: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-modal-content video, .cd-modal .cd-modal-content iframe {
    width: 100% !important;
    height: 100vh;
}

.cd-modal p {
    color: #ffffff;
    line-height: 1.6;
    margin: 2em 0;
}

.modal-is-visible .cd-modal {
    z-index: 334 !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
    -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;
    transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s;

}

.modal-is-visible .cd-modal .cd-modal-content {
    -webkit-overflow-scrolling: touch;
}

.cd-modal-action {
    position: absolute;
    bottom: 10%;
    left: 0px;
}

.cd-modal-action.p-rel {
    position: relative;
}

.cd-modal-action.no-pb {
    position: relative;
    bottom: 0;
    left: 0px;
}

@media (min-width: 1400px) {
    .cd-modal-action {
        position: absolute;
        bottom: 20%;
    }
}

.cd-modal-action .btn, .cd-modal-action .cd-modal-bg {
    display: inline-block;
    height: 4em;
    background-color: #3300ff;
}

.cd-modal-action .btn {
    width: 12.5em;
    border-radius: 5em;
    color: #ffffff;
    line-height: 4em;
    white-space: nowrap;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 0.2s 0.3s, width 0.3s 0s;
    -moz-transition: color 0.2s 0.3s, width 0.3s 0s;
    transition: color 0.2s 0.3s, width 0.3s 0s;
}

.cd-modal-action .btn.to-circle {
    width: 4em;
    color: transparent;
    -webkit-transition: color 0.2s 0s, width 0.3s 0.2s;
    -moz-transition: color 0.2s 0s, width 0.3s 0.2s;
    transition: color 0.2s 0s, width 0.3s 0.2s;
}

.cd-modal-action .cd-modal-bg {
    position: absolute;
    z-index: 334 !important;
    left: 50%;
    top: 0;
    width: 4em;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(-2em);
    -moz-transform: translateX(-2em);
    -ms-transform: translateX(-2em);
    -o-transform: translateX(-2em);
    transform: translateX(-2em);
    -webkit-transition: visibility 0s 0.5s;
    -moz-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s;
}

.cd-modal-action .cd-modal-bg.is-visible {
    opacity: 1;
    visibility: visible;
}

.cd-modal-close {
    position: fixed;
    z-index: 335;
    top: 20px;
    right: 50%;
    transform: translateX(50%);
    /*background: rgba(0, 0, 0, 0.3) url(../images/cd-icon-close.svg) no-repeat center center;*/
    /* image replacement */
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    /*-webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;*/
}

.cd-modal-close span {
    font-size: 35px;
    /* line-height: 50px; */
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.no-touch .cd-modal-close:hover {

}

.modal-is-visible .cd-modal-close {
    visibility: visible;
    opacity: 335;
    color: #ddd;
}

@media (min-width: 767px) and (max-width: 990px) {
    .main-title h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* Owl core */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
              calculation of the height of the owl-item that breaks page layouts
           */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* End owl core*/

/* Slick core */

.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* End slick core*/

.section-slider {
    background: #fff;
    position: relative;
}

.section-slider .owl-carousel {
    max-width: 1160px;
    margin: 0 auto;
}

.owl-carousel .slide-title,
.owl-carousel .slide-sign {
    color: #020202;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.owl-carousel .slide-title {
    margin-top: 40px;
    margin-bottom: 40px;
}

.owl-carousel .slide-sign {
    text-align: right;
    margin: 37px 0;
    position: relative;
    line-height: 76px;
}

.owl-carousel .slide-sign .text {
    margin-right: 40px;
}

.owl-carousel .btn-case {
    background: #2900FF;
    color: #fff;
    font-size: 24px;
    width: 358px;
    height: 76px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    display: inline-flex;
    margin: 0;
    position: relative;
}

.owl-carousel .btn-case span {
    z-index: 200;
}

.owl-carousel .btn-case:after {
    content: '';
    position: absolute;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.owl-carousel .btn-case:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.owl-carousel.pc .owl-nav button.owl-prev,
.owl-carousel.mobile .owl-nav button.owl-prev {
    transform: none;
}

.owl-carousel.pc .owl-nav,
.owl-carousel.mobile .owl-nav {
    width: 100%;
    top: 50%;
    position: absolute;
    margin: 0;
}

.owl-carousel.pc .owl-nav:after,
.owl-carousel.mobile .owl-nav:after {
    content: none;
}

.owl-carousel.pc .owl-nav button.owl-prev,
.owl-carousel.mobile .owl-nav button.owl-prev,
.owl-carousel.pc .owl-nav button.owl-next,
.owl-carousel.mobile .owl-nav button.owl-next {
    min-width: 20px;
    width: auto;
    height: 28px;
}

.owl-carousel.pc .owl-nav button.owl-prev {
    left: -50px;
    transition: all .5s;
}

.owl-carousel.pc .owl-nav button.owl-next {
    right: -50px;
    transition: all .5s;
}

.owl-carousel.pc .owl-nav button.owl-prev:hover {
    left: -57px;
    padding-right: 7px !important;
    background: transparent;
}

.owl-carousel.pc .owl-nav button.owl-next:hover {
    right: -57px;
    padding-left: 7px !important;
    background: transparent;
}

.slick.pc {
    display: block
}

.slick.mobile {
    display: none;
}

.section-slider .slick {
    max-width: 1160px;
    margin: 0 auto;
}

.slick .slide-title,
.slick .slide-sign {
    color: #020202;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

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

.slick .slide-sign {
    text-align: right;
    margin: 37px 0;
    position: relative;
    line-height: 76px;
}

.slick .slide-sign .text {
    margin-right: 40px;
}

.slick .btn-case {
    background: #2900FF;
    color: #fff;
    font-size: 24px;
    width: 358px;
    height: 76px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    display: inline-flex;
    margin: 0;
    position: relative;
}

.slick .btn-case span {
    z-index: 200;
}

.slick .btn-case:after {
    content: '';
    position: absolute;
    z-index: 100;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.slick .btn-case:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.slick.pc button.slick-prev,
.slick.mobile button.slick-prev {
    transform: none;
}

.slick.pc button.slick-prev,
.slick.mobile button.slick-prev,
.slick.pc button.slick-next,
.slick.mobile button.slick-next {
    min-width: 20px;
    width: auto;
    height: 28px;
    position: absolute;
    top: 50%;
    z-index: 100;
    background: transparent;
    border: 0;
    outline: none;
}

.slick.pc button.slick-prev {
    left: -50px;
    transition: all .5s;
}

.slick.pc button.slick-next {
    right: -50px;
    transition: all .5s;
}

.slick.pc button.slick-prev:hover {
    left: -57px;
    padding-right: 7px !important;
    background: transparent;
}

.slick.pc button.slick-next:hover {
    right: -57px;
    padding-left: 7px !important;
    background: transparent;
}

.menu-link-contacts {
    display: none;
}

@media (max-width: 1400px) {
    .owl-carousel .btn-case {
        width: 280px;
        height: 60px;
    }

    .owl-carousel .slide-sign {
        line-height: 60px;
    }

    .slick .btn-case {
        width: 280px;
        height: 60px;
    }

    .slick .slide-sign {
        line-height: 60px;
    }

}

@media (max-width: 1200px) {
    .owl-carousel .slide-sign {
        text-align: left;
    }

    .owl-carousel .btn-case {
        position: absolute;
        right: 0;
    }

    .slick .slide-sign {
        text-align: left;
    }

    .slick .btn-case {
        position: absolute;
        right: 0;
    }

    .under-header .main-heading span {
        font-size: 51px;
        line-height: 66px;
    }

}

@media (max-width: 992px) {

    .owl-carousel .slide-title, .owl-carousel .slide-sign {
        font-size: 20px;
    }

    .owl-carousel .slide-sign {
        line-height: 54px;
    }

    .owl-carousel .btn-case {
        width: 230px;
        height: 54px;
    }

    .owl-carousel.pc .owl-nav button.owl-prev {
        left: -30px;
    }

    .owl-carousel.pc .owl-nav button.owl-next {
        right: -30px;
    }

    .owl-carousel.pc .owl-nav button.owl-prev:hover {
        left: -37px;
    }

    .owl-carousel.pc .owl-nav button.owl-next:hover {
        right: -37px;
    }

    .slick .slide-title, .slick .slide-sign {
        font-size: 20px;
    }

    .slick .slide-sign {
        line-height: 54px;
    }

    .slick .btn-case {
        width: 230px;
        height: 54px;
    }

    .slick.pc button.slick-prev {
        left: -30px;
    }

    .slick.pc button.slick-next {
        right: -30px;
    }

    .slick.pc button.slick-prev:hover {
        left: -37px;
    }

    .slick.pc button.slick-next:hover {
        right: -37px;
    }
}

@media (max-width: 767px) {

    .owl-carousel.mobile .slide-title,
    .owl-carousel.mobile .slide-sign {
        font-size: 16px;
        min-height: 38px;

    }

    .owl-carousel .slide-title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .owl-carousel .slide-sign {
        margin: 20px 0;
        line-height: 1.2;
    }

    .owl-carousel .slide-sign .text {
        margin-bottom: 15px;
        display: inline-block;
    }

    .owl-carousel .btn-case {
        position: relative;
        margin-left: auto;
        width: 160px;
        height: 44px;
        font-size: 16px;
        display: flex;
    }

    .owl-carousel.mobile .owl-nav button.owl-prev {
        left: -35px;
        transition: all .5s;
    }

    .owl-carousel.mobile .owl-nav button.owl-next {
        right: -35px;
        transition: all .5s;
    }

    .owl-carousel.mobile .owl-nav button.owl-prev:hover {
        left: -37px;
        padding-right: 7px !important;
        background: transparent;
    }

    .owl-carousel.mobile .owl-nav button.owl-next:hover {
        right: -37px;
        padding-left: 7px !important;
        background: transparent;
    }

    .owl-carousel.mobile .owl-dots {
        align-items: center;
        display: inline-flex;
        position: absolute;
        bottom: 110px;
        margin: 0 auto;
        width: 100%;
        justify-content: center;
    }

    .owl-carousel.mobile .owl-dot {
        outline: 0;
    }

    .owl-carousel.mobile .owl-dot span {
        width: 16px;
        height: 16px;
        background: #000;
        border-radius: 50%;
        display: block;
        border: 2px solid #000;
        margin: 0 5px;
    }

    .owl-carousel.mobile .owl-dot.active span {
        width: 20px;
        height: 20px;
        border: 7px solid #2900fF;
        background: #fff;
    }

    .slick.pc {
        display: none;
    }

    .slick.mobile {
        display: block;
    }

    .slick.mobile .slide-title,
    .slick.mobile .slide-sign {
        font-size: 16px;
        min-height: 38px;

    }

    .slick .slide-title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .slick .slide-sign {
        margin: 20px 0;
        line-height: 1.2;
    }

    .slick .slide-sign .text {
        margin-bottom: 15px;
        display: inline-block;
    }

    .slick .btn-case {
        position: relative;
        margin-left: auto;
        width: 160px;
        height: 44px;
        font-size: 16px;
        display: flex;
    }

    .slick.mobile button.slick-prev {
        left: -35px;
        transition: all .5s;
    }

    .slick.mobile button.slick-next {
        right: -35px;
        transition: all .5s;
    }

    .slick.mobile button.slick-prev:hover {
        left: -37px;
        padding-right: 7px !important;
        background: transparent;
    }

    .slick.mobile button.slick-next:hover {
        right: -37px;
        padding-left: 7px !important;
        background: transparent;
    }

    .slick.mobile .slick-dots {
        align-items: center;
        display: inline-flex;
        position: absolute;
        bottom: 110px;
        margin: 0 auto;
        width: 100%;
        justify-content: center;
        list-style: none;
    }

    .slick.mobile .slick-dots li {
        outline: 0;
    }

    .slick.mobile .slick-dots li button {
        width: 16px !important;
        height: 16px !important;
        background: #000;
        border-radius: 50%;
        display: block;
        border: 0px solid #000;
        margin: 0 5px;
        outline: none;
        font-size: 8px !important;
    }

    .slick.mobile .slick-dots li.slick-active button {
        width: 20px !important;
        height: 20px !important;
        border: 0px solid #2900fF;
        background: #2900fF;
        position: relative;
        font-size: 10px !important;
    }

    .slick.mobile .slick-dots li.slick-active button:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 50%;
        z-index: 100;
        border: 3px solid #fff;
    }

    .menu-link-contacts {
        display: block;
        margin-bottom: 15px;
        color: #ffffff;
        font-weight: 700;
        text-decoration: none;
        transition: all .3s;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #fff;
        font-size: 33px;
        line-height: 40px;
        cursor: pointer;
        text-align: left;
    }

    .menu-link-contacts:hover {
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #fff;
        transition: all .3s;
    }

    .under-header .main-heading span {
        font-size: 40px;
        line-height: 39px;
    }

    .under-header h1 {
        font-size: 35px;
        line-height: 25px;
    }

    .under-header .container {
        flex-direction: column;
        justify-content: center;
    }

    .under-header .cd-modal-action {
        padding-top: 30px;
        bottom: 0;
        position: relative;
    }

    .portfolio .overlay .case-title {
        font-size: 26px;
        min-height: auto;
    }

    .portfolio-content {
        padding: 80px 0px 30px;
    }

    .portfolio.fw-portfolio .main-title {
        margin-bottom: 25px;
    }

    .portfolio .portfolio-item {
        margin-bottom: 0;
        margin-top: 160px;
    }

    .portfolio .portfolio-item.more-case {
        margin: 0;
        height: 80px;
    }

    .portfolio .portfolio-item.more-case .overlay {
        height: 80px;
        top: 40px;
        bottom: initial;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .more-case .c-wrapper {
        display: none;
    }

    .portfolio .overlay {
        top: -180px;
        bottom: initial;
        height: 180px;
    }

    .cd-modal-action {
        bottom: 15%;
    }

    .about-us,
    .portfolio.fw-portfolio,
    section.ecommerce {
        padding-top: 120px;
    }

    .page-template-page-about .kama_breadcrumbs,
    .kama_breadcrumbs {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .bottom .main-title h1 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .bottom .main-title h2 {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .post-type-archive-fw-portfolio header .logo img.def-logo {
        display: block;
    }

    .post-type-archive-fw-portfolio header .logo img.white-logo {
        display: none;
    }

    .btn_action {
        font-size: 16px;
        width: 100%;
        padding: 0px 20px;
    }

    .btn_action:before {
        right: 20px;
    }

    .section-menu {
        position: absolute;
    }

    .menu-contacts {
        display: none;
        text-align: left;
    }

    /*Animate menu contacts*/
    .menu-contacts.open {
        display: block;
    }

    .menu-contacts .c-column {
        animation-name: fade-to-bottom;
        animation-fill-mode: both;
        animation-play-state: paused;
        animation-duration: 1s;
        animation-delay: 0s;
        transition: all .3s;
    }

    .menu-contacts .c-column.to-bottom {
        animation-play-state: running;
    }

    @keyframes fade-to-bottom {
        from {
            opacity: 0;
            transform: translatey(-100px);
        }
        to {
            opacity: 1;
            transform: translatey(0);
        }
    }

    .single-port .port-main-img {
        top: 80%;
        display: none;
    }

    .single-port .port-main-img img {
        max-width: 120px;
        max-height: 100px;
    }

    .calculator {
        padding: 30px 0px 10px;
        display: none;
    }

}

@media (max-width: 600px) {
    .owl-carousel .slide-sign {
        margin: 40px 0 20px;
    }

    .slick .slide-sign {
        margin: 40px 0 20px;
    }
}

@media (max-width: 576px) {
    .page-template-page-about .kama_breadcrumbs {
        padding-right: 40px;
    }
}

@media (max-width: 450px) {

    .slick.mobile .slick-dots {
        bottom: 125px;
    }

    .slick .slide-sign .text {
        min-height: 38px;
    }

    .under-header .main-heading span {
        font-size: 26px;
        line-height: 34px;
    }

    .under-header .main-heading .subtitle h1 {
        font-size: 17px;
    }
}

@media (max-width: 381px) {
    .owl-carousel.mobile .owl-dots {
        bottom: 130px;
    }

    .slick.mobile .slick-dots {
        bottom: 130px;
    }

}

/*AK*/
.flex-ul {
    width: 100%;
    flex-wrap: wrap;
    padding: 0px;
    margin: 0px 15px;
}

.flex-ul li {
    flex: 0 0 33%;
    max-width: 33%;
    padding: 15px 60px 15px 0px;
    margin-bottom: 30px;
}

@media (max-width: 990px) {
    .flex-ul li {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px 15px;
        margin-bottom: 0px;
    }
}

/*AK*/

.fw-table::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0.15);
    border: 2px solid #fff;
}

.fw-table::-webkit-scrollbar:horizontal {
    height: 6px;
}

.fw-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: #343434;
    height: 8px;
}

/* Comments */

#comments {
    display: block;
}

#comments .invalid {
    box-shadow: none;
}

#comments .comments-title {
    font-style: italic;
    margin-bottom: 25px;
}

#comments .comment-author {
    display: flex;
    align-items: center;
}

#comments .text-name {
    color: #2900ff;
    margin-right: 5px;
    font-size: 18px;
}

#comments .comment-list {
    margin: 0;
    margin-bottom: 30px;
    list-style: none;
}

#comments .comment-list .children {
    list-style: none;
    margin-left: 47px;
    margin-top: 32px;
    margin-bottom: 17px;
}

#comments h3 {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

#comments .comment-awaiting-moderation {
    font-size: 13px;
    margin-right: 15px;
}

#comments .comment-list li {
    margin-bottom: 15px;
}

#comments .comment-list li:last-child {
    margin-bottom: 0;
}

#comments .comment-list > li {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

#comments img {
    margin: 0;
    margin-right: 15px;
}

#comments p {
    margin-bottom: 5px;
}

#comments .fn {
    margin-right: 15px;
    font-size: 18px;
}

#comments .comment-notes {
    font-size: 12px;
    margin-bottom: 10px;
}

#comments a {
    color: #000;
    text-decoration: none;
}

#comments a span {
    position: relative;
}

#comments a span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #2900ff;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

#comments a:hover span:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
}

#comments .reply a {
    font-size: 16px;
    color: #2900ff;
}

#comments .comment-meta a {
    color: #cbcbcb;
    font-size: 13px;
    font-style: italic;
}

#comments #cancel-comment-reply-link {
    font-size: 17px;
    margin-left: 20px;
}

#comments .form-group {
    position: relative;
    margin-bottom: 30px;
}

#comments .form-group input.form-control {
    border: 0px;
    border-bottom: 1px solid #3f3f3f;
    border-radius: 0px;
}

#comments .form-group label {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

#comments .form-group textarea {
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #3f3f3f;
}

#comments .form-group input.form-control + label > span,
#comments .form-group textarea.form-control + label > span {
    position: absolute;
    top: 10px;
    display: block;
    transition: all .3s ease-in-out;
}

#comments .form-group input.form-control:focus + label > span,
#comments .form-group input.form-control:valid + label > span,
#comments .form-group textarea.form-control:focus + label > span,
#comments .form-group textarea.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

#comments .form-group input.form-control:focus,
#comments .form-group textarea.form-control:focus {
    border-bottom: 1px solid #2000ff;
    color: #5a5a5a;
}

#comments .form-group input.form-control.invalid,
#comments .form-group textarea.invalid {
    border-bottom: 1px solid #dc3545;
}

#comments .g-recaptcha {
    margin-bottom: 20px;
}

#comments .g-recaptcha iframe.invalid {
    border: 1px solid #dc3545;
}

#comments .submit {
    background: transparent;
    border: 0;
    color: #fff;
    z-index: 100;
    position: relative;
    outline: 0;
}

#comments .submit-comment-btn {
    line-height: 60px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    background: #2900ff;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
}

#comments .submit-comment-btn:after {
    background: #000;
}

#comments .submit-comment-btn:hover {
    border: 1px solid #000;
}

#comments .submit-comment-btn span {
    position: relative;
    z-index: 2;
}

#comments .submit-comment-btn:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

@media (max-width: 567px) {

    #comments h3 {
        font-size: 21px;
    }

    #comments .comment-list .children {
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    #comments .submit-comment-btn:before {
        content: none;
    }

    .g-recaptcha {
        transform: scale(.8);
        transform-origin: 0;
    }
}

.e-modules + .faq-section {
    padding: 0px 0px 35px;
}

.faq-section {
    padding: 80px 0;
}

.faq-section .main-title h2 {
    margin-bottom: 30px;
}

.faq_ac .content a {
    text-decoration: none;
    color: #0019FF;
    position: relative;
    display: inline-block;
}

.faq_ac .content a:after {
    content: '';
    position: absolute;
    display: block;
    width: 0px;
    height: 1px;
    background: #0019FF;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.faq_ac .content a:hover {
    text-decoration: none;
    color: #0019FF;
}

.faq_ac .content a:hover:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.faq_ac > span {
    display: block;
    line-height: 50px;
    background: #EFEFEF;
    padding: 0px 40px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.faq_ac .content {
    display: none;
    padding: 20px;
}

.faq_ac:first-child .content {
    display: block;
}

.faq_ac > span:after {
    content: '';
    display: block;
    background: url("../img/plus-accordion.png") no-repeat;
    position: absolute;
    top: 20px;
    left: 15px;
    width: 8px;
    height: 8px;
}

.faq_ac.active > span:after {
    content: '';
    display: block;
    background: url("../img/minus-accordion.png") no-repeat;
    top: 22px;
    position: absolute;
    left: 15px;
    width: 8px;
    height: 8px;
}

.fw-accordion .ui-state-active .ui-icon {
    background: url("../img/minus-accordion.png") no-repeat;
    top: 22px;
}

.single-content table.article-table-sm tr td:nth-child(1) {
    width: 20%;
}

.single-content table.article-table-sm tr td:nth-child(2) {
    width: 40%;
}

.single-content table.article-table-sm tr td:nth-child(3) {
    width: 40%;
}

.table-request-template {
    width: 100%;
}

.table-request-template .default-col {
    vertical-align: middle;
    color: #070707;
    font-size: 16px;
    font-weight: 500;
}

.table-request-template .first-col {
    line-height: 30px !important;
}

.table-request-template tr td:nth-child(1) {
    width: 40%;
}

.table-request-template tr td:nth-child(2) {
    width: 25%;
}

.table-request-template tr td:nth-child(3) {
    width: 15%;
}

.table-request-template div {
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 15px;
}

.table-request-template ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 20px 0;
}

.table-request-template li {
    width: 30%;
    font-size: 18px;
    margin-bottom: 12px;
    padding-left: 15px;
    position: relative;
    font-weight: 500;
}

.table-request-template li:before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #0019FF;
}

.table-request-template .full-description {
    white-space: initial;
    color: #070707;
    font-size: 16px;
    font-weight: 400;
    max-width: 70%;
    margin: 0 auto;
}

.table-request-template .row-full-description {
    display: none;
}

.table-request-template .row-full-description.open {
    display: table-row;
}

.table-request-template .btn-type-site,
.table-request-template .btn-leave-request {
    cursor: pointer;
}

.table-request-template .btn-leave-request {
    margin: 0;
}

.table-request-template .btn-type-site {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    border: 0;
    width: auto;
    padding: 0;
    border-bottom: 1px dashed #070707;
    display: inline;
}

.table-request-template .btn-type-site:before {
    content: none;
}

.table-request-template .btn-type-site:hover {
    color: #0019FF;
    border-color: #0019FF;
}

table.table-request-template tbody tr:hover td {
    color: #070707 !important;
    background-color: #fff !important;
}

.table-request-template .list-title {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 10px;
}

.btn-leave-request {
    line-height: 26px;
    margin: 0;
    padding: 5px 15px;
    font-size: 15px;
    width: 215px;
    border: 1px solid #0019FF;
}

.btn-leave-request:before {
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.btn-leave-request span {
    max-width: 80%;
    display: flex;
    white-space: initial;
}

.btn-leave-request.link {
    width: 480px;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
}

.btn-leave-request.link span {
    max-width: initial;
}

.btn-leave-request.link:hover {
    color: #0019FF;
}

.request-template-form .submit-request-template {
    line-height: 60px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    background: #2900ff;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.request-template-form .submit-request-template:after {
    background: #000;
}

.submit-request-template:hover {
    border: 1px solid #000;
}

.request-template-form .submit-request-template span {
    position: relative;
    z-index: 2;
}

.request-template-form .submit-request-template:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

.request-template-form .form-control {
    border-radius: 0px;
    line-height: 50px;
    height: 50px;

}

.request-template-form .submit-request-template:disabled {
    cursor: not-allowed;
}

.request-template-form input[type="text"]:focus,
.request-template-form .form-control:focus,
.request-template-form .form-control:invalid,
.request-template-form textarea.form-control:focus,
.request-template-form textarea.form-control:invalid {
    color: initial;
}

.request-template-form .form-group input.form-control {
    border: 0px;
    border-bottom: 1px solid #3f3f3f;
}

.request-template-form .form-group label {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.request-template-form .form-group input.form-control + label > span,
.request-template-form .form-group textarea.form-control + label > span {
    position: absolute;
    top: 10px;
    display: block;
    transition: all .3s ease-in-out;
}

.request-template-form .form-group input.form-control:focus + label > span,
.request-template-form .form-group input.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.request-template-form .form-group #tel-req-template.form-control:focus + label > span,
.request-template-form .form-group #tel-req-template.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.request-template-form .form-group #tel-req-template.empty.form-control:valid + label > span {
    top: 10px !important;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.request-template-form .form-group input.form-control:focus {
    border-bottom: 1px solid #2000ff;
}

.request-template-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.single.postid-2583 header.fixed .mnu-btn a span, .single.postid-2597 header.fixed .mnu-btn a span, .single.postid-2606 header.fixed .mnu-btn a span,
.single.postid-2614 header.fixed .mnu-btn a span, .single.postid-2619 header.fixed .mnu-btn a span, .single.postid-2423 header.fixed .mnu-btn a span,
.single.postid-2459 header.fixed .mnu-btn a span, .single.postid-2467 header.fixed .mnu-btn a span, .single.postid-2474 header.fixed .mnu-btn a span,
.single.postid-2480 header.fixed .mnu-btn a span, .single.postid-2490 header.fixed .mnu-btn a span, .single.postid-2513 header.fixed .mnu-btn a span,
.single.postid-2534 header.fixed .mnu-btn a span, .single.postid-2541 header.fixed .mnu-btn a span, .single.postid-2546 header.fixed .mnu-btn a span,
.single.postid-2552 header.fixed .mnu-btn a span, .single.postid-2565 header.fixed .mnu-btn a span, .single.postid-2574 header.fixed .mnu-btn a span {
    background: #000;
    position: relative;
    width: 50px;
    height: 50px;
    background-size: 14px;
}

.single.postid-2583 header.fixed .mnu-btn a, .single.postid-2597 header.fixed .mnu-btn a, .single.postid-2606 header.fixed .mnu-btn a,
.single.postid-2614 header.fixed .mnu-btn a, .single.postid-2619 header.fixed .mnu-btn a, .single.postid-2423 header.fixed .mnu-btn a,
.single.postid-2459 header.fixed .mnu-btn a, .single.postid-2467 header.fixed .mnu-btn a, .single.postid-2474 header.fixed .mnu-btn a,
.single.postid-2480 header.fixed .mnu-btn a, .single.postid-2490 header.fixed .mnu-btn a, .single.postid-2513 header.fixed .mnu-btn a,
.single.postid-2534 header.fixed .mnu-btn a, .single.postid-2541 header.fixed .mnu-btn a, .single.postid-2546 header.fixed .mnu-btn a,
.single.postid-2552 header.fixed .mnu-btn a, .single.postid-2565 header.fixed .mnu-btn a, .single.postid-2574 header.fixed .mnu-btn a {
    color: #515151 !important;
}

.single.postid-2583 header.fixed .mnu-btn a span::after, .single.postid-2597 header.fixed .mnu-btn a span::after, .single.postid-2606 header.fixed .mnu-btn a span::after,
.single.postid-2614 header.fixed .mnu-btn a span::after, .single.postid-2619 header.fixed .mnu-btn a span::after, .single.postid-2423 header.fixed .mnu-btn a span::after,
.single.postid-2459 header.fixed .mnu-btn a span::after, .single.postid-2467 header.fixed .mnu-btn a span::after, .single.postid-2474 header.fixed .mnu-btn a span::after,
.single.postid-2480 header.fixed .mnu-btn a span::after, .single.postid-2490 header.fixed .mnu-btn a span::after, .single.postid-2513 header.fixed .mnu-btn a span::after,
.single.postid-2534 header.fixed .mnu-btn a span::after, .single.postid-2541 header.fixed .mnu-btn a span::after, .single.postid-2546 header.fixed .mnu-btn a span::after,
.single.postid-2552 header.fixed .mnu-btn a span::after, .single.postid-2565 header.fixed .mnu-btn a span::after, .single.postid-2574 header.fixed .mnu-btn a span::after {
    color: #fff;
}

@media (max-width: 1400px) {
    .table-request-template ul {
        margin: 0;
    }

    .table-request-template .full-description {
        max-width: 90%;
    }
}

@media (max-width: 767px) {
    .fw-table {
        overflow-x: auto;
    }

    .table-request-template .btn-type-site {
        white-space: initial;
    }

    .table-request-template .first-col {
        min-width: 260px;
    }

    .table-request-template .full-description {
        max-width: 100%;
    }
}

.btns-main-heading {
    position: absolute;
    bottom: 10%;
    left: 0px;
    display: flex;
    justify-content: center;
}

.btns-main-heading .play-btn-wrap {
    padding-top: 0;
    margin: 0;
    min-width: 110px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.btns-main-heading .cd-modal-action {
    position: initial;
    bottom: initial;
    left: initial;
}

.btns-main-heading .btn-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    background: #3300ff;
    color: #eee;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.btns-main-heading .play-btn-wrap span {
    margin: 0;
}

.btns-main-heading .play-btn-wrap a {
    color: #fff;
    font-size: 27px;
    font-weight: 600;
    margin: 0 95px;
    text-decoration: none;
    position: relative;
    border: 2px solid #fff;
    padding: 15px;
}

.btns-main-heading .play-btn-wrap a:hover {
    background: #fff;
    color: #000;
    border: 2px solid #fff;
}

.ico {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}

.ico-portfolio {
    background-image: url(../images/briefcase-solid.svg);
}

.ico-prices {
    background-image: url(../images/dollar-sign-solid.svg);
    background-size: 15px;
}

.ico-arrow-up {
    background-image: url("/wp-content/themes/brainlab/images/arrow-up-hover.svg");
    width: 20px;
    height: 20px;
}

#home-services {
    padding-bottom: 0;
}

#home-services .more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 90%;
}

#home-services .sol-item a {
    margin: 0;
}

#home-services .price {
    font-weight: 700;
    color: #000;
}

.action-block {
    padding-top: 0;
}

.action-block .action-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-block .btn_action {
    margin: 0;
    max-width: 26%;
}

.action-block .openorder {
    margin-right: 15px;
}

.solution .more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.solution .sol-item a {
    margin: 0;
}

.solution .price {
    font-weight: 700;
    color: #000;
}

.reviews {
    padding-top: 30px;
    padding-bottom: 75px;
}

.reviews h2 {
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    padding-bottom: 38px;
}

.reviews .review-items {
    display: flex;
    padding-bottom: 77px;
}

.reviews .review-item {
    display: flex;
    padding-right: 25px;

}

.reviews .review-item:last-child {
    padding-right: 0;
}

.reviews .review-item .left {
    min-width: 240px;
    width: 240px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.reviews .review-item .right {
    display: none;

}

.reviews .review-item.open .right {
    display: block;
}

.reviews .review-item .img {
    margin-bottom: 15px;
}

.reviews .review-item img {
    margin: 0;
}

.reviews .name {
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.reviews .position,
.reviews .company {
    font-size: 14px;
}

.reviews .review-text {
    font-size: 14px;
    padding-left: 25px;
    min-width: 600px;
}

.reviews .review-text p {
    margin-bottom: 15px;
}

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

.reviews .review-request {
    display: flex;
}

.reviews .review-request .left {
    width: 70%;
}

.reviews .review-request-title {
    margin-bottom: 25px;
    padding: 0;
}

.reviews .review-request-sign {
    font-size: 24px;
}

.reviews .review-request .right {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.reviews .review-request .btn-wrap,
.reviews .review-request .btn_action {
    margin: 0;
}

.type-works {
    display: flex;
    margin: 0 -15px;
    margin-bottom: 30px;
    justify-content: center;

}

.type-works .type-works-item {
    border: 1px solid #d7d7d7;
    padding: 15px 30px;
    cursor: pointer;
    font-weight: 500;
}

.type-works .type-works-item.active,
.type-works .type-works-item:hover {
    background: #0019FF;
    border: 1px solid #0019FF;
    color: #ffff;
}

.wrap-author-post {
    display: flex;
}

.author-post {
    text-align: left;
    margin-bottom: 30px;
    padding: 20px 0px;
    border-top: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f;
    gap: 30px;
}

.author-post img {
    margin: 0 0;
    border-radius: 50%;
}
@media (max-width: 768px) {
    .author-post img {
        margin-bottom: 15px;
    }
}

.author-post .name {
    font-size: 18px;
    color: #0019FF;
}

.author-post .position {
    margin-top: 3px;
    font-size: 16px;
}
.single-post p.author-post-description {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}

.read-more {
    display: inline-flex;
    width: auto;
    margin-top: 15px;
    color: #3300ff;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}

.read-more:hover {
    color: #3300ff;
    text-decoration: none;
}

.read-more:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 0px;
    height: 1px;
    background: #3300ff;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.read-more:hover:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.bottom-text + [data-readmore-toggle] {
    display: inline-flex !important;
    width: auto !important;
}

.read-article {
    margin-top: 15px;
    display: inline-flex;
    color: #0019ff;
    text-decoration: none;
    position: relative;
}

.read-article:hover {
    color: #0019ff;
    text-decoration: none;
}

.read-article:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 0px;
    height: 1px;
    background: #3300ff;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.read-article:hover:after {
    width: 100%;
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.btn-open-menu {
    display: none;
}

.text-btn-menu {
    display: none;
    margin-right: 10px;
}

.section-menu {
    display: flex;
    height: 100%;
}

.section-menu .hid-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
}

.section-menu .w-logo {
    position: relative;
    top: 0;
    left: 0;
}

.section-menu .cd-nav-trigger {
    position: relative;
    top: 0;
    left: 0;
}

.page-template-page-form-checkout .bottom-form {
    display: flex;
    padding-top: 150px;
}

.page-template-page-form-checkout header .def-logo {
    display: none;
}

.page-template-page-form-checkout header .white-logo {
    display: block;
}

.page-template-page-form-checkout .header-menu .menu-item a {
    color: #fff;
}

.page-template-page-form-checkout .header-text,
.page-template-page-form-checkout header .header-text a {
    color: #fff;
}

.page-template-page-form-checkout .ico-bars {
    background: #fff;
}

.page-template-page-form-checkout .ico-bars .line {
    background: #000;
}

.page-template-page-form-checkout header.fixed .def-logo {
    display: block;
}

.page-template-page-form-checkout header.fixed .white-logo {
    display: none;
}

.page-template-page-form-checkout header.fixed .header-text,
.page-template-page-form-checkout header.fixed .header-text a {
    color: #515151;
}

.page-template-page-form-checkout header .header-text a:hover,
.page-template-page-form-checkout header.fixed .header-text a:hover {
    color: #3300ff;
}

.page-template-page-form-checkout header.fixed .ico-bars {
    background: #000;
}

.page-template-page-form-checkout header.fixed .ico-bars .line {
    background: #fff;
}

@media (max-width: 1700px) {
    .reviews .review-item .left {
        min-width: 200px;
        width: 200px;
    }
}

@media (max-width: 1400px) {
    .solution .more {
        margin-top: 15px;
    }

    .reviews .review-item .left {
        min-width: 160px;
        width: 160px;
    }

    .reviews .review-request-title {
        margin-bottom: 20px;
    }

    .reviews h2 {
        font-size: 30px;
        padding-bottom: 30px;
    }

    .reviews .review-items {
        padding-bottom: 50px;
    }

    .reviews .review-request-sign {
        font-size: 20px;
    }

    .reviews .btn_action {
        line-height: 60px;
    }

    .reviews .review-text {
        min-width: 372px;
    }
}

@media (max-width: 1200px) {

    .action-block .btn_action {
        max-width: 35%;
        line-height: 60px;
    }

    #home-services .more {
        max-width: 100%;
    }

    #home-services .sol-item {
        min-height: auto;
    }

    #home-services .sol-item h3 {
        font-size: 20px;
    }

    .solution .more {
        flex-direction: column;
        align-items: flex-start;
    }

    .solution .sol-item a {
        margin-bottom: 5px;
    }

    .reviews h2 {
        font-size: 29px;
    }

    .reviews .review-request-title {
        margin-bottom: 10px;
    }

    .reviews .review-request-sign {
        font-size: 16px;
    }

    .reviews .review-items {
        padding-bottom: 35px;
    }

    .reviews .review-item {
        padding-right: 15px;
    }

    .reviews .review-item .left {
        min-width: 150px;
        width: 150px;
    }

    .reviews h2 {
        padding-bottom: 25px;
    }

    .reviews .review-text {
        font-size: 13px;
        padding-left: 15px;
        min-width: 244px;
    }

    .reviews .review-request-sign {
        font-size: 18px;
    }

    .type-works {
        margin-bottom: 15px;
    }

    .type-works .type-works-item {
        padding: 10px 20px;
    }

    .btns-main-heading .play-btn-wrap a {
        margin: 0 75px;
    }

    .blog-item {
        margin-bottom: 50px;
    }
}

@media (max-width: 992px) {
    .reviews {
        padding-top: 15px;
        padding-bottom: 45px;
    }

    .reviews .review-item .left {
        min-width: 185px;
        width: 185px;
    }

    .reviews .review-items {
        flex-direction: column;
    }

    .reviews .review-item {
        margin-bottom: 20px;
    }

    .reviews .review-text {
        font-size: 13px;
        padding-left: 20px;
        max-width: 80%;
        min-width: initial;
    }

    .reviews .review-item .right {
        display: flex;
        opacity: 1;
        width: 100%;
    }

    .page-template-page-blog header:not(.fixed) .def-logo {
        display: block;
    }

    .page-template-page-blog header:not(.fixed) .white-logo {
        display: none;
    }
}

@media (max-width: 768px) {
    .action-block {
        padding: 0;
    }

    .faq_ac > span {
        line-height: 20px;
        padding: 15px 40px;
    }

    .action-block .action-btns {
        padding: 20px 0;
        padding-bottom: 0;
        flex-direction: column;
    }

    .action-block .btn_action {
        margin: 0;
        max-width: 60%;
    }

    .action-block .openorder {
        margin-bottom: 15px;
    }

    #home-services .more {
        max-width: 100%;
    }

    .sol-item {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .sol-item h3 {
        margin-bottom: 10px;
    }

    .solution .more {
        flex-direction: row;
    }

    .solution .sol-item a {
        margin-bottom: 0;
    }

    .reviews h2 {
        font-size: 22px;
    }

    .reviews .review-text {
        padding-left: 15px;
        max-width: 100%;
    }

    .reviews .review-request {
        flex-direction: column;
    }

    .reviews .review-request .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .reviews .review-request-sign {
        font-size: 15px;
    }

    .reviews .review-request .right {
        width: 230px;
    }

    .reviews .btn_action {
        line-height: 50px;
    }

    .type-works {
        flex-direction: column;
        padding: 0 30px;
        padding-bottom: 5px;
        font-size: 14px;
    }

    .btns-main-heading .play-btn-wrap a {
        font-size: 18px;
        padding: 5px;
        margin: 0 15px;
    }

    #home-services .more {
        margin-top: 15px;
    }

    .author-post {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

    .blog-item {
        margin-bottom: 30px;
    }

    .section-menu {
        display: block;
        height: initial;
    }

    body.menu-open {
        height: 100vh;
    }

    .page-template-page-form-checkout header .def-logo {
        display: none !important;
    }

    .page-template-page-form-checkout header .white-logo {
        display: block !important;
    }

    .page-template-page-form-checkout #header-btn-phone .phone-white {
        display: block;
    }

    .page-template-page-form-checkout #header-btn-phone .phone-black {
        display: none;
    }

    .page-template-page-form-checkout .header-text,
    .page-template-page-form-checkout header .header-text a {
        color: #000;
    }

    .page-template-page-form-checkout header.fixed .logo img.def-logo {
        display: block !important;
    }

    .page-template-page-form-checkout header.fixed .logo img.white-logo {
        display: none !important;
    }

    .page-template-page-form-checkout header.fixed #header-btn-phone .phone-white {
        display: none;
    }

    .page-template-page-form-checkout header.fixed #header-btn-phone .phone-black {
        display: block;
    }

    .section-menu .hid-container {
        max-width: 540px;
        padding: 20px 0;
    }

    .section-menu .cd-nav-trigger {
        margin: 0;
    }

}

@media (max-width: 576px) {
    .play-btn-wrap span {
        font-size: 16px;
    }

    .btns-main-heading .play-btn-wrap {
        min-width: 85px;
    }

    .action-block .btn_action {
        max-width: 90%;
    }

    .reviews .review-item {
        flex-direction: column;
    }

    .reviews .review-item .left {
        width: 100%;
        min-width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .reviews .review-text {
        padding-left: 0;
        max-width: 100%;
    }

    .reviews .review-item img {
        margin: 0 auto;
    }

    .author-post {
        width: 100%;
    }

}

@media (max-width: 400px) {

    .btns-main-heading {
        display: flex;
    }

    .btns-main-heading .play-btn-wrap {
        min-width: initial;
    }

    .author-post {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .author-post .info {
        margin-left: 0;
    }

}

.col-header {
    display: flex;
    align-items: center;
}

.header-text {
    margin-right: 25px;
    display: flex;
    flex-direction: column;
}

.post-type-archive-fw-portfolio header .header-text a:hover {
    color: #3300ff;
}

.ico-bars {
    width: 56px;
    height: 56px;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ico-bars .line {
    width: 20px;
    height: 2px;
    background: #fff;
    margin-bottom: 3px;
}

.ico-bars .line:last-child {
    margin-bottom: 0;
}

.home-page .ico-bars {
    background: #fff;
}

.home-page .ico-bars .line {
    background: #000;
}

.single .ico-bars {
    background: #fff;
}

.single .ico-bars .line {
    background: #000;
}

.single header.fixed .ico-bars {
    background: #000;
}

.single header.fixed .ico-bars .line {
    background: #fff;
}

.single-post .ico-bars {
    background: #000;
}

.single-post .ico-bars .line {
    background: #fff;
}

.home-page header.fixed .ico-bars {
    background: #000;
}

.home-page header.fixed .ico-bars .line {
    background: #fff;
}

header.fixed.ico-bars {
    background: #000;
}

header.fixed .ico-bars .line {
    background: #fff;
}

header .logo {
    display: flex;
    align-items: center;
    position: relative;
}

header .link-logo {
    display: flex;
    margin-bottom: 5px;
}

header .logo-subtitle {
    /*position: absolute;*/
    top: calc(100% + 7px);
    width: 100%;
    display: flex;
    align-items: center;
}

header.fixed .logo-subtitle {
    position: relative;
}

header .img-flag {
    max-width: 14px;
    margin: 0;
    margin-right: 5px;
}

header .subtitle-text {
    color: #ffffff;
    white-space: nowrap;
    font-size: 14px;
}

header.fixed .subtitle-text {
    color: #000;
    font-size: 14px;
}

.page header .subtitle-text, .post-type-archive-fw-portfolio header .subtitle-text, .search-results header .subtitle-text, .search-no-results header .subtitle-text, .error404 header .subtitle-text, .theme-light .subtitle-text, .post-template-default .subtitle-text {
    color: #000;
}

.page-template-page-blog header:not(.fixed) .subtitle-text {
    color: #ffffff;
}

.lang-wrap {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.lang-wrap a {
    margin-bottom: 0;
    font-weight: bold;
    text-decoration: none;
}

.lang-wrap .lang-item-first,
.lang-wrap .lang-item-uk {
    margin-right: 10px;
}

.header-menu {
    margin-left: auto;
    margin-right: 30px;
}

.header-menu .sub-menu {
    display: none;
}

.header-menu .menu {
    margin: 0;
    list-style: none;
    display: flex;
}

.header-menu .menu-item {
    position: relative;
    display: flex;
    align-items: center;
}

.header-menu .menu-item a {
    padding: 8px 25px;
    display: flex;
}

.header-menu .menu-item:hover a {
    background: #F2F4FF;
    /*border-bottom: 1px solid #007BFF;*/
}

.header-menu .menu-item a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 19px;
}

.header-menu .menu-item a:hover {
    color: #3300ff;
}

.header-menu .menu-item .sub-menu {
    flex-direction: column;
    position: absolute;
    top: 38px;
    left: 0;
    list-style: none;
    margin: 0;
    background: #F2F4FF;
    padding: 17px 0;
}

.header-menu .menu-item.two-columns .sub-menu {
    flex-direction: row;
    flex-wrap: wrap;
    width: 470px;
}

.header-menu .menu-item.two-columns .sub-menu .menu-item {
    width: 220px;
}

.header-menu .sub-menu .menu-item {
    display: flex;
    margin: 0;
    min-width: 220px;
}

.header-menu .sub-menu .menu-item a {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    border: 0;
}

.header-menu .menu-item:hover .sub-menu {
    display: flex;
}

.home-page .header-menu .menu-item a,
.page-template-page-form-checkout .header-menu .menu-item a {
    color: #fff;
}

.home-page .header-menu .menu-item a:hover,
.page-template-page-form-checkout .header-menu .menu-item a:hover {
    color: #3300ff;
}

.single header .header-menu a {
    color: #fff;
}

.single-post header .header-menu a {
    color: #000;
}

header.fixed .header-menu .menu-item a {
    color: #000;
}

header.fixed .header-menu .menu-item a:hover {
    color: #3300ff;
}

.home-page header.fixed .header-menu .menu-item a,
.page-template-page-form-checkout header.fixed .header-menu .menu-item a {
    color: #000;
}

.home-page header.fixed .header-menu .menu-item a:hover,
.page-template-page-form-checkout header.fixed .header-menu .menu-item a:hover {
    color: #3300ff;
}

.single .header-menu .menu-item .sub-menu,
.home-page .header-menu .menu-item .sub-menu,
.page-template-page-form-checkout .header-menu .menu-item .sub-menu {
    background: #191919;
}

.single .header-menu .menu-item:hover a,
.home-page .header-menu .menu-item:hover a,
.page-template-page-form-checkout .header-menu .menu-item:hover a {
    background: #191919;
    position: relative;
}

.header-menu .menu > li:hover > a:after,
.header-menu .menu > li:hover > a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #2900FF;
}

.single .header-menu .sub-menu .menu-item a,
.home-page .header-menu .sub-menu .menu-item a,
.page-template-page-form-checkout .header-menu .sub-menu .menu-item a {
    border: 0;
}

.single-post .header-menu .menu-item .sub-menu,
.single header.fixed .header-menu .menu-item .sub-menu,
.home-page header.fixed .header-menu .menu-item .sub-menu,
.page-template-page-form-checkout header.fixed .header-menu .menu-item .sub-menu {
    background: #F2F4FF;

}

.single-post .header-menu .menu-item:hover a,
.single header.fixed .header-menu .menu-item:hover a,
.home-page header.fixed .header-menu .menu-item:hover a,
.page-template-page-form-checkout header.fixed .header-menu .menu-item:hover a {
    background: #F2F4FF;
}

.single-post .header-menu .sub-menu .menu-item a,
.single header.fixed .header-menu .sub-menu .menu-item a,
.home-page header.fixed .header-menu .sub-menu .menu-item a,
.page-template-page-form-checkout header.fixed .header-menu .sub-menu .menu-item a {
    border: 0;
}

.page-template-page-blog header {
    z-index: 200;
}

.page-template-page-blog header:not(.fixed) .header-menu {
    margin-right: 20px;
    margin-left: auto;
}

.header-menu .btn-menu-contact {
    border: 2px solid #fff;
    background: #ffffff;
}

.header-menu .btn-menu-contact:hover {
    background-color: transparent;
}

.home-page .header-menu .menu-item.btn-menu-contact a,
.page-template-page-form-checkout .header-menu .menu-item.btn-menu-contact a {
    color: #000000;
}

.home-page .header-menu .menu-item.btn-menu-contact a,
.page-template-page-form-checkout .header-menu .menu-item.btn-menu-contact a {
    color: #000000;
}

.single .header-menu .menu-item.btn-menu-contact:hover a, .home-page .header-menu .menu-item.btn-menu-contact:hover a, .page-template-page-form-checkout .header-menu .menu-item.btn-menu-contact:hover a {
    background: transparent;
}

.single .header-menu .menu-item.btn-menu-contact:hover a, .home-page .header-menu .menu-item.btn-menu-contact:hover a, .page-template-page-form-checkout .header-menu .menu-item.btn-menu-contact:hover a {
    border-bottom: 0;
    color: #fff;
}

header.fixed .header-menu .menu-item.btn-menu-contact:hover a {
    color: #000000;
}

.header-menu .menu > li.btn-menu-contact:hover > a:after, .header-menu .menu > li.btn-menu-contact:hover > a:after {
    content: none;
}

.single header .header-menu .btn-menu-contact a {
    color: #000000;
}

.single .theme-light header:not(.fixed) .menu > li.btn-menu-contact:hover > a:hover {
    color: #000000;
}

.page-template-page-blog .hidden-content {
    z-index: 300;
}

.header-text .phone {
    margin-bottom: 2px;
}

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

.have-question-gif {
    display: flex;
    align-items: center;
    height: 100%;
}

.have-question-gif img {
    max-height: 480px;
    object-fit: contain;
}

.have-questions .main-title {
    margin-bottom: 60px;
}


.have-questions .main-title h2 {
    font-size: 55px;
    line-height: 65px;
}

.have-questions .main-title .subtitle {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 0;
    margin-top: 20px;
}


.order-form-right .custom-select {
    padding: 0 20px;
}

.order-form-right label span,
.order-form-right .custom-select .select-selected {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.order-form-right label span {
    top: 4px;
    left: 20px;
}

.order-form-right .form-input .form-group input.form-control + label > span {
    top: 4px;
}

.was-validated .form-control:invalid~.invalid-feedback {
    border-color: #dc3545
}

.order-form-right .invalid-feedback {
    padding-top: 5px;
    padding-left: 20px;
}

.order-form-right .form-input {
    padding: 0;
}

.order-form-right .form-input .btn_action {
    margin: 0;
    border: 1px solid #0019FF;
}

.order-form-right .form-input .btn-wrap {
    margin: 0;
    margin-top: 30px;
}

.order-form-right .form-input .form-group {
    margin-bottom: 30px;
}

.order-form-right .custom-select {
    height: 60px;
}

.order-form-right .form-input .form-group input.form-control,
.order-form-right .custom-select {
    border-bottom: 1px solid rgba(17, 17, 17, .2);
    color: #000;
    line-height: 60px;

}

.order-form-right .form-input .form-group input.form-control {
    padding: 0 20px;
}

.order-form-right.was-validated .form-input .form-group input.form-control:invalid {
    border-color: #dc3545;
}

.order-form-right .form-input .form-group label,
.order-form-right .custom-select .select-selected {
    color: #000;
}

.order-form-right .custom-select .select-selected {
    padding: 18px 0;
}

.order-form-right .btn {
    width: 400px;
}

.page-template-page-blog .header-text {
    display: none;
}

.hidden-content .cd-nav-trigger {
    display: flex;
    align-items: center;
}

.hidden-content .cd-nav-trigger .ico-bars {
    background: #fff;
}

.hidden-content .cd-nav-trigger .ico-bars .line {
    background: #000;
}

.circle-hover {
    overflow: hidden;
    z-index: 0;
}

.circle-hover .circle {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: #2900ff;
    margin-left: -50px;
    margin-top: -50px;
    z-index: -1;

    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.circle-hover:hover .circle {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
    -webkit-transition-delay: .09s;
    -o-transition-delay: .09s;
    transition-delay: .09s;
}

.circle-hover:hover h3,
.circle-hover:hover p,
.circle-hover.sol-item:hover a,
.circle-hover.sol-item:hover .more .price,
#home-services .circle-hover.sol-item:hover .more .price {
    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.circle-hover:hover h3:after {
    background: #fff;
}

.s-contacts-map {
    padding-top: 190px;
    padding-bottom: 50px;
}

.s-contacts-map h1 {
    color: #17191a;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}
.subtitle-contact-page {
    max-width: 446px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 0;
    margin-bottom: 40px;
}

.s-contacts-map .item-col {
    padding-bottom: 30px;
}

.s-contacts-map .item-col:last-child {
    padding-bottom: 0;
}

.s-contacts-map .item-col span {
    color: #828282;
    font-size: 18px;
}

.s-contacts-map .item-col p {
    margin-bottom: 10px;
    color: #515151;
    font-size: 16px;
    font-weight: 500;
}

.s-contacts-map .item-col a {
    color: #515151;
    font-size: 16px;
    font-weight: 500;
}

.s-contacts-map .contact-map {
    display: flex;
    height: 100%;
}

.page-template-page-contacts .bottom-form {
    display: flex;
}

.point-content {
    padding: 10px 10px 0 10px;
}

.point-content .point-title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.point-content .item-title {
    text-align: left;
    font-size: 17px;
    margin-bottom: 3px;
}

.point-content .item-desc {
    font-size: 14px;
    color: #515151;
    margin-bottom: 15px;
    display: flex;
}

.point-content a,
.point-content a:hover {
    color: #515151;
}

.timeout-load {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-top {
    padding: 50px 0 0 0;
}

.footer-cols {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.footer-col {
    padding-right: 20px;
}

.footer-col:last-child {
    padding-right: 0;
}

footer .col-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.18;
    white-space: nowrap;
}

footer .col-items {
    display: flex;
    flex-direction: column;
}

footer .menu {
    list-style: none;
    margin: 0;
}

footer .menu li {
    margin-bottom: 15px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #3300ff;
    text-decoration: none;
}

.footer-contacts .col-title {
    margin-bottom: 33px;
}

.footer .sub-title {
    font-weight: bold;
}

.footer-logo {
    display: flex;
    flex-direction: column;
    max-width: 300px;
}

.footer-logo .col-items {
    display: none;
}

.footer-logo-link {
    margin-bottom: 45px;
}

.footer-logo .col-title {
    display: none;
}

.footer-logo img {
    margin: 0;
    margin-right: auto;
}

.footer-logo .col-item {
    margin-bottom: 15px;
}

.footer-contacts {
    max-width: 200px;
}

.footer-contacts .col-item {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.18;
}

.footer-top .line-lg {
    border-top: 1px solid rgba(255, 255, 255, .3);
}

.footer-bottom {
    padding: 25px 0;
}

footer.black {
    background: #000;
    color: #fff;
}

footer.black .logo-white,
footer.white .logo-black {
    display: flex;
}

footer.black .logo-black,
footer.white .logo-white {
    display: none;
}

footer.white {
    background: #fff;
    color: #000;
}

footer.white a {
    color: #000;
}

footer.white a:hover {
    color: #3300ff;
}

footer.white span {
    color: rgba(0, 0, 0, .7);
}

footer.white .footer-top .line-lg {
    border-top: 1px solid rgba(0, 0, 0, .3);
}

footer.theme-second .footer-contacts {
    display: none;
}

footer.theme-second .footer-logo .col-items {
    display: flex;
}

.social-items {
    display: flex;
    justify-content: flex-start;
}

.social-item {
    display: flex;
    align-items: center;
    margin-right: 12px;
    font-weight: 600;
}

.social-item:last-child {
    margin-right: 0;
}

.social-item.viber .social-item-text {
    color: #7b519c;
}

.social-item.telegram .social-item-text {
    color: #23A0DD;
}

.social-item.whatsapp .social-item-text {
    color: #7AD06D;
}

.c-column p .viber span {
    color: #7b519c !important;
}

.c-column p .telegram span {
    color: #23A0DD !important;
}

.c-column p .whatsapp span {
    color: #7AD06D !important;
}

.contact-items .social-items {
    margin-top: 20px;
}

.social-item:hover .social-item-text {
    text-decoration: underline;
}

.social-item img {
    width: 25px;
    margin-right: 5px;
}

.we-offer {
    padding-top: 150px;
    padding-bottom: 100px;
}

.we-offer .cols {
    display: flex;
}

.we-offer .main-title h2 {
    margin-bottom: 50px;
}

.we-offer .col {
    color: #fff;
    padding: 25px;
}

.we-offer .col-base {
    background: #C5418C;
}

.we-offer .col-adaptation {
    background: #81BA4C;
}

.we-offer .col-support {
    background: #37C8CF;
}

.we-offer .col-title {
    display: flex;
    margin-bottom: 25px;
    justify-content: left;
}

.we-offer .col-body {
    line-height: 1.5;
    font-size: 18px;
    padding-bottom: 40px;
}

.we-offer .text {
    font-size: 25px;
    font-weight: 500;
}

.we-offer p {
    margin-bottom: 10px;
}

.we-offer .ico {
    width: auto;
    height: auto;
    margin-right: 7px;
    font-size: 20px;
}

.we-offer li {
    margin-bottom: 5px;
}

.we-offer .offer-price {
    margin-top: 40px;
}

.blue {
    color: #3300ff;
}

.line-throught {
    text-decoration: line-through;
}

.w-600 {
    font-weight: 600;
}

@media (max-width: 1500px) {

    .header-menu .menu-item a {
        padding: 8px 19px;
    }
}

@media (max-width: 1400px) {
    .circle-hover:hover .circle {
        -webkit-transform: scale(9);
        -ms-transform: scale(9);
        transform: scale(9);
    }

    footer .menu li {
        max-width: 200px;
    }

    .we-offer .text {
        font-size: 21px;
    }

    .we-offer .col-title {
        margin-bottom: 20px;
    }

    .we-offer .col {
        padding: 20px;
    }

    .we-offer ul {
        margin-left: 17px;
    }

    .header-menu .menu-item a {
        font-size: 16px;
        padding: 6px 13px;
    }

    .header-menu .sub-menu .menu-item a {
        font-size: 15px;
    }

    .header-menu .menu-item .sub-menu {
        top: 34px;
        padding: 10px 0;
    }

    .lang-wrap {
        margin-left: 20px;
    }
}

@media (max-width: 1280px) {
    .order-form-right .form-input .form-group input.form-control + label > span {
        font-size: 14px;
        line-height: 16px;
    }

    .order-form-right .form-input .form-group input.form-control,
    .order-form-right .custom-select {
        height: 45px;
        line-height: 45px;
    }

    .order-form-right .custom-select .select-selected {
        font-size: 14px;
        line-height: 16px;
    }

    .order-form-right .custom-select .select-items div {
        font-size: 14px;
        line-height: 16px;
    }

    .order-form-right .form-input .form-group input.form-control + label > span {
        top: 10px;
    }

    .order-form-right .form-input .form-group input.form-control, .order-form-right textarea.form-control {
        font-size: 14px;
    }

    .order-form-right .custom-select .select-items {
        padding: 10px 25px;
    }

    .order-form-right .form-input .form-group {
        margin-bottom: 25px;
    }

    .order-form-right .form-input .btn-wrap {
        margin-top: 25px;
    }

    .order-form-right .btn {
        line-height: 70px;
        padding: 0 40px;
        width: 364px;
    }

}

@media (max-width: 1200px) {
    .s-contacts-map .s-social a {
        margin-right: 15px;
    }

    .header-menu .menu-item a {
        font-size: 14px;
        padding: 6px 10px;
    }

    .header-menu .sub-menu .menu-item a {
        font-size: 15px;
    }

    .header-menu .menu-item .sub-menu {
        top: 34px;
        padding: 6px 0;
    }

    .lang-wrap {
        margin-left: 10px;
        margin-right: 10px;
    }

    header .link-logo,
    .section-menu .w-logo {
        min-width: 90px;
        width: 90px;
        height: 25px;
    }

    .order-form {
        max-width: 100%;
    }

}

@media (max-width: 1024px) {
    .order-form-right .form-input .form-group {
        margin-bottom: 15px;
    }
}

@media (max-width: 992px) {

    .header-menu {
        display: none;
    }

    .header-text {
        margin-left: auto;
    }

    .col-header {
        justify-content: space-between;
    }

    .have-questions .main-title .subtitle {
        margin-bottom: 30px;
    }

    .footer-cols {
        flex-wrap: wrap;
    }

    .footer-col {
        max-width: 28%;
    }

    .footer-logo {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0;
        margin-bottom: 30px;
    }

    .footer-logo img {
        margin: 0 auto;
    }

    .we-offer .cols {
        flex-direction: column;
    }

    .we-offer .col {
        min-height: auto;
    }

    .we-offer {
        padding-top: 120px;
        padding-bottom: 40px;
    }

    .we-offer .main-title h2 {
        margin-bottom: 25px;
    }

    .we-offer .col-body {
        padding-bottom: 0;
    }

    .page-template-page-blog header:not(.fixed) .subtitle-text {
        color: #000;
    }

}

@media (max-width: 768px) {
    .col-header {
        position: initial;
    }

    header .link-logo,
    .section-menu .w-logo {
        min-width: 95px;
        display: flex;
        align-items: center;
    }

    .ico-bars {
        width: 46px;
        height: 46px;
    }

    .ico-bars .line {
        width: 18px;
    }

    .header-text .phone {
        margin: 0;
        margin-right: 5px;
    }

    .have-questions .main-title {
        margin-bottom: 35px;
    }

    .have-questions .title {
        margin-bottom: 20px;
    }

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

    .have-questions .main-title h2 {
        font-size: 26px;
        line-height: 31px;
    }

    .order-form-right .form-input .btn-wrap {
        margin-top: 35px;
    }

    .order-form-right .btn {
        line-height: 50px;
        width: 240px;
        padding: 0 20px;
    }

    header .logo-subtitle {
        top: calc(100% + 1px);
    }

    header .subtitle-text {
        font-size: 14px;
    }

    .s-contacts-map {
        padding-top: 120px;
        padding-bottom: 30px;
    }

    .s-contacts-map h1 {
        margin-bottom: 25px;
    }

    .s-contacts-map .s-social {
        margin-bottom: 15px;
    }

    .s-contacts-map iframe {
        min-height: 350px;
    }

    .s-contacts-map .contact-map {
        min-height: 350px;
    }

    .gm-style .gm-style-iw-d {
        min-width: 250px;
    }

    .gm-style .gm-style-iw-c {
        min-width: 250px;
    }

    .footer-cols {
        flex-direction: column;
    }

    .footer-col {
        padding-right: 0;
        margin-bottom: 15px;
        max-width: 100%;
    }

    footer .col-title,
    footer .col-items {
        text-align: center;
    }

    footer .col-items {
        display: none;
    }

    footer .menu li {
        max-width: 100%;
        width: 100%;
    }

    .footer-contacts .col-title,
    footer .col-items {
        margin-bottom: 25px;
        text-align: left;
    }

    .footer-contacts .col-title {
        text-align: center;
    }

    .footer-contacts .col-item {
        display: block;
        max-width: 180px;
    }

    footer .expand {
        width: 15px;
        height: 15px;
        background-image: url(/wp-content/themes/brainlab/images/plus-solid-white.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    footer .col-title,
    footer .col-items {
        max-width: 300px;
        margin-right: auto;
        margin-left: auto;
    }

    footer .col-title {
        display: flex;
        justify-content: space-between;

        cursor: pointer;
    }

    .footer-cols {
        padding-bottom: 0;
    }

    .footer-col {
        margin: 0;
    }

    .footer-col.open .expand {
        background-image: url(/wp-content/themes/brainlab/images/minus-solid-white.svg);
    }

    .footer-bottom {
        padding: 15px 0;
    }

    footer.white .expand {
        background-image: url(/wp-content/themes/brainlab/images/plus-solid.svg);
    }

    footer.white .footer-col.open .expand {
        background-image: url(/wp-content/themes/brainlab/images/minus-solid.svg);
    }

    footer.theme-second .footer-contacts {
        display: block;
    }

    footer.theme-second .footer-logo .col-items {
        display: none;
    }

    .footer-logo .social-items {
        display: none;
    }

    .s-contacts-map .item-col span.social-item-text {
        font-size: 14px;
    }

}

@media (max-width: 500px) {
    .order-form {
        overflow: hidden;
        padding-bottom: 40px;
    }

    .order-form-right {
        padding-top: 7px;
        margin-top: -7px;
    }

    .order-form-right .form-input .form-group {
        margin-bottom: 10px;
    }

    .order-form-right .form-input .form-group input.form-control + label > span {
        font-size: 12px;
        line-height: 14px;
        top: 15px;
    }

    .order-form-right .form-input .form-group input.form-control:focus + label > span, .form-input .form-group input.form-control:valid + label > span, .order-form-right textarea.form-control:valid + label > span, .order-form-right textarea.form-control:focus + label > span {
        top: -7px !important;
    }

    .order-form-right .custom-select .select-selected {
        font-size: 12px;
        line-height: 14px;
    }

    .order-form-right .custom-select {
        position: relative;
    }

    .order-form-right .form-input .btn-wrap {
        margin-top: 30px;
    }

    .order-form-right .btn {
        width: 100%;
        max-width: 290px;
    }


}

.single-post .single-blog .single-content .content_ul_single > ul li a {
    color: #000;
    text-decoration: underline;
}

.single-post .single-blog .single-content .ul_single_title {
    font-size: 26px;
    color: #000;
}

.single-post .single-blog .single-content .content_ul_single > ul li a:hover {
    color: #3300ff;
}

.pagination {
    display: flex;
    margin: 0 auto;
    margin-bottom: 30px;
}

.pagination .page-numbers {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 2px solid #0019FF;
    margin: 0 10px;
    color: #0019FF;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    background: #0019FF;
    color: #ffffff;

}

.main-modal-form .modal-dialog,
#modal-leave .modal-dialog {
    max-width: 1395px;
    width: 80%;
}

.main-modal-form .modal-header,
#modal-leave .modal-header {
    padding: 50px 0;
    border: 0;
}

.main-modal-form .modal-body,
#modal-leave .modal-body {
    padding: 10px 145px 60px;
}

.main-modal-form .modal-header .close,
#modal-leave .modal-header .close {
    position: absolute;
    top: 30px;
    right: 30px;
    background-image: url("../images/close-black.svg");
    background-size: 25px;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    opacity: 1;
    cursor: pointer;
}

.main-modal-form .modal-header .close:hover,
#modal-leave .modal-header .close:hover {
    opacity: .7;
    cursor: pointer;
}

.main-modal-form .modal-title,
#modal-leave .modal-title {
    font-weight: 800;
    font-size: 40px;
    line-height: 1.22;
    color: #000000;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.main-modal-form .modal-title img,
#modal-leave .modal-title img {
    display: inline-flex;
    align-self: flex-end;
    margin: 0;
    margin-left: 10px;
}

.main-modal-form .subtitle,
#modal-leave .subtitle {
    font-size: 22px;
    line-height: 150%;
    text-align: center;
    color: #111111;
}

.leave-form {
    display: flex;
    flex-wrap: wrap;
}

.leave-form .left-col,
.leave-form .right-col {
    width: 50%;
}

.leave-form .left-col {
    padding-right: 30px;
}

.leave-form .right-col {
    padding-bottom: 30px;
}

.leave-form .form-group-textarea {
    height: 100%;
}

.leave-form .submit-main_form-btn ,
.leave-form .submit-leave-btn {
    line-height: 60px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    background: #2900ff;
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.leave-form .submit-main_form-btn:after,
.leave-form .submit-leave-btn:after {
    background: #000;
}

.leave-form .submit-main_form-btn:hover,
.leave-form .submit-leave-btn:hover {
    border: 1px solid #000;
}

.leave-form .submit-main_form-btn span,
.leave-form .submit-leave-btn span {
    position: relative;
    z-index: 2;
}

.leave-form .submit-main_form-btn:before,
.leave-form .submit-leave-btn:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

.leave-form .submit-main_form-btn:hover:before,
.leave-form .submit-leave-btn:hover:before {
    color: #fff;
}

.leave-form .form-control {
    border-radius: 0px;
    line-height: 50px;
    height: 50px;

}

.leave-form .submit-main_form-btn:disabled,
.leave-form .submit-leave-btn:disabled {
    cursor: not-allowed;
}

.leave-form input[type="text"]:focus,
.leave-form .form-control:focus,
.leave-form .form-control:invalid,
.leave-form textarea.form-control:focus,
.leave-form textarea.form-control:invalid {
    color: initial;
}

.leave-form .form-group input.form-control,
.leave-form .form-group textarea.form-control {
    border: 0px;
    border-bottom: 1px solid #3f3f3f;
}

.leave-form .form-group textarea.form-control {
    font-size: 1rem;
    padding: .375rem .75rem;
    height: 100%;
    color: inherit;
}

.leave-form .form-group label {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 500;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.leave-form .form-group input.form-control + label > span,
.leave-form .form-group textarea.form-control + label > span {
    position: absolute;
    top: 10px;
    display: block;
    transition: all .3s ease-in-out;
}

.leave-form .form-group input.form-control:focus + label > span,
.leave-form .form-group input.form-control:valid + label > span,
.leave-form .form-group textarea.form-control:focus + label > span,
.leave-form .form-group textarea.form-control:valid + label > span {
    top: -15px !important;
    color: #2000ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all .3s ease-in-out;
}

.leave-form .form-group input.form-control:focus,
.leave-form .form-group textarea.form-control:focus {
    border-bottom: 1px solid #2000ff;
}

.leave-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.leave-form .btn-wrap {
    width: 100%;
    margin: 20px 0px 0px;
}

@media (max-width: 1440px) {

    .main-modal-form .modal-title,
    #modal-leave .modal-title {
        font-size: 32px;
    }

    .main-modal-form .modal-title img,
    #modal-leave .modal-title img {
        max-width: 45px;
    }

    .main-modal-form .modal-header,
    #modal-leave .modal-header {
        padding: 30px;
    }

    .main-modal-form .modal-header .close,
    #modal-leave .modal-header .close {
        top: 20px;
        right: 20px;
        background-size: 21px;
    }

    .main-modal-form .subtitle,
    #modal-leave .subtitle {
        font-size: 18px;
    }

    .main-modal-form .modal-body,
    #modal-leave .modal-body {
        padding: 10px 60px 30px;
    }

    .leave-form .form-group {
        margin-bottom: 20px;
    }

    .leave-form .right-col {
        padding-bottom: 20px;
    }

    .leave-form .form-group label {
        font-size: 16px;
    }

    .leave-form .submit-main_form-btn,
    .leave-form .submit-leave-btn {
        width: 280px;
    }
}

@media (max-width: 1200px) {
    .pagination .page-numbers {
        width: 40px;
        height: 40px;
        margin: 0 7px;
    }

    .main-modal-form .modal-title,
    #modal-leave .modal-title {
        margin-bottom: 20px;
    }

    .main-modal-form .subtitle,
    #modal-leave .subtitle {
        margin-top: 5px;
    }

    .main-modal-form .modal-header,
    #modal-leave .modal-header {
        padding: 20px;
    }

    .leave-form .btn-wrap {
        margin: 10px 0px 0px;
    }
}

@media (max-width: 767px) {
    .single-post .single-blog .single-content .ul_single_title {
        font-size: 20px;
        color: #000;
    }

    .main-modal-form .modal-dialog,
    #modal-leave .modal-dialog {
        width: 90%;
    }

    .main-modal-form .modal-title,
    #modal-leave .modal-title {
        font-size: 23px;
        margin-bottom: 22px;
    }

    .main-modal-form .modal-title img,
    #modal-leave .modal-title img {
        max-width: 33px;
    }

    .main-modal-form .subtitle,
    #modal-leave .subtitle {
        font-size: 15px;
    }

    .main-modal-form .modal-header,
    #modal-leave .modal-header {
        padding: 25px;
    }

    .main-modal-form .modal-body,
    #modal-leave .modal-body {
        padding: 0px 25px 25px;
    }

    .leave-form .form-group {
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .main-modal-form .modal-dialog,
    #modal-leave .modal-dialog {
        margin: .5rem auto;
    }

    .main-modal-form .subtitle,
    #modal-leave .subtitle {
        font-size: 14px;
    }

    .main-modal-form .subtitle br,
    #modal-leave .subtitle br {
        display: none;
    }

    .main-modal-form .modal-header .close,
    #modal-leave .modal-header .close {
        top: 15px;
        right: 15px;
    }

    .main-modal-form .modal-title img,
    #modal-leave .modal-title img {
        display: none;
    }

    .leave-form .left-col, .leave-form .right-col {
        width: 100%;
    }

    .leave-form .left-col {
        padding-right: 0;
    }

}

/* Preloader form */
.order-form {
    position: relative;
}

.preload__form {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.7);
}

.more_details_ {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .more_details_ {
        margin-bottom: 30px;
    }
}

.page-template-page-about .rating_bl {
    margin-top: 30px;
}

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

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

.hide-btn-calculator .opencalc {
    display: none;
}

.single .theme-dark header:not(.fixed) .def-logo {
    display: none;
}

.single .theme-dark header:not(.fixed) .white-logo {
    display: block;
}

.single .theme-light header:not(.fixed) .menu > li > a {
    color: #000000;
}

.single .theme-light header:not(.fixed) .menu > li:hover > a {
    color: #ffffff;
}

.single .theme-light header:not(.fixed) .menu > li:hover > a:hover {
    color: #3300FE;
}

.single .theme-light header .header-text a {
    color: #515151;
}

.single .theme-light header .header-text a:hover {
    color: #3300ff;
}

.single .theme-light .ico-bars {
    background: #000;
}

.single .theme-light .ico-bars .line {
    background: #fff;
}

.theme-light .hidden-content .cd-nav-trigger .ico-bars {
    background: #fff;
}

.theme-light .hidden-content .cd-nav-trigger .ico-bars .line {
    background: #000;
}

@media (max-width: 767px) {
    .single .theme-light #header-btn-phone .phone-white {
        display: none;
    }

    .single .theme-light #header-btn-phone .phone-black {
        display: block;
    }
}

.btn-blue-text {
    background: #fff;
    color: #0019ff;
    border: 1px solid #fff;
}

.btn_action.btn-blue-text {
    border: 1px solid #fff;
}

.btn-white.btn-blue-text:before {
    color: #0019ff;
}

.btn-white.btn-blue-text:hover:before {
    color: #fff;
}

.header-shadow {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(28, 28, 28, 0.15);
}

.block-author {
    padding-top: var(--header-hegiht);
}

.block-author .block-cols {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.block-author .col-left {
    width: 50%;
    position: sticky;
    top: 0;
    padding-top: 60px;
    padding-bottom: 184px;
    height: 100vh;
    padding-right: 30px;
}

.block-author .col-right {
    width: 50%;
    padding-left: 30px;
    padding-bottom: 120px;
}

.block-author .col-left-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #3300FF;
}

.block-author .col-left-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #3300FF;
}

.block-author .kama_breadcrumbs {
    margin-bottom: 60px;
}

.block-author .kama_breadcrumbs a,
.block-author .kama_breadcrumbs span {
    color: #ffffff;
}

.block-author .author-img {
    margin-bottom: 30px;
}

.block-author .author-img img {
    margin: 0;
}

.block-author .author-position {
    font-weight: bold;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.block-author .author-title {
    font-weight: bold;
    font-size: 60px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 60px;
}

.block-author .author-btns {
    display: flex;
    margin: 0;
}

.block-author .author-btn {
}

.block-author .col-right {
    background-image: url("/wp-content/themes/brainlab/img/circle-bg.svg");
    background-repeat: no-repeat;
}

.block-author .author-skill {
    margin-bottom: 20px;
    display: flex;
}

.block-author .author-skill:last-child {
    margin-bottom: 0;
}

.block-author .skill-title {
    font-size: 20px;
    line-height: 130%;
    color: #181A1C;
    margin-right: 30px;
    width: 50%;
}

.block-author .skill-text {
    font-weight: bold;
    font-size: 20px;
    line-height: 130%;
    color: #181A1C;
    width: 50%;
}

.block-author .author-posts-title {
    font-weight: 900;
    font-size: 40px;
    line-height: 1.25;
    color: #111111;
    margin-bottom: 30px;
}

.block-author .author-skills {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block-author .posts-all-wrap {
    display: flex;
    justify-content: center;
}

.block-author .btn {
    margin: 0;
}

@media (max-width: 1440px) {
    .block-author .kama_breadcrumbs {
        margin-bottom: 50px;
    }

    .block-author .author-img img {
        width: 220px;
    }

    .block-author .author-img {
        margin-bottom: 25px;
    }

    .block-author .author-position {
        font-size: 18px;
    }

    .block-author .author-title {
        font-size: 50px;
        margin-bottom: 50px;
    }

    .block-author .skill-title {
        font-size: 18px;

    }

    .block-author .skill-text {
        font-size: 18px;
    }

    .block-author .author-posts-title {
        font-size: 35px;
        margin-bottom: 25px;
    }

    .block-author .col-right {
        padding-bottom: 110px;
    }
}

@media (max-width: 992px) {
    .block-author {
        overflow: hidden;
    }

    .block-author .block-cols {
        display: flex;
        flex-direction: column;
    }

    .block-author .col-left {
        position: relative;
        width: 100%;
        height: auto;
        padding-right: 0;
    }

    .block-author .col-right {
        width: 100%;
        height: auto;
        padding: 50px 0;
    }

    .block-author .col-left-bg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #3300FF;
    }

    .block-author .col-left {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block-author .kama_breadcrumbs {
        margin-bottom: 40px;
    }

    .block-author .author-img {
        margin-bottom: 20px;
    }

    .block-author .author-skills {
        height: auto;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .block-author .col-left {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block-author .kama_breadcrumbs {
        margin-bottom: 30px;
    }

    .block-author .author-position {
        font-size: 16px;
    }

    .block-author .author-title {
        font-size: 35px;
        margin-bottom: 40px;
    }

    .block-author .col-right {
        padding: 40px 0;
    }

    .block-author .author-skill {
        margin-bottom: 15px;
    }

    .block-author .skill-title {
        font-size: 16px;
    }

    .block-author .skill-text {
        font-size: 16px;
    }

    .block-author .author-skills {
        margin-bottom: 40px;
    }
}

@media (max-width: 500px) {
    .block-author .author-skill {
        display: flex;
        flex-direction: column;
    }

    .block-author .skill-title {
        width: 100%;
    }

    .block-author .skill-text {
        width: 100%;
    }

    .block-author .author-posts-title {
        font-size: 25px;
    }
}

.calculator {
    display: none;
}

a[href="#calc"] {
    display: none;
}

.portfolio.fw-portfolio {
    overflow: hidden;
}

@media (max-width: 768px) {
    .module-wrap {
        max-height: initial;
    }
}

@media (max-width: 400px) {
    #modal-form .modal-header {
        position: relative;
    }

    #modal-form .modal-header .close {
        top: 50%;
    }

    #modal-form .modal-body {
        padding: 20px;
    }

    #modal-form .modal-title {
        font-size: 19px;
        line-height: 1;
    }

    #modal-form .calc-form .form-group {
        margin-bottom: 20px;
    }

    #modal-form .calc-form .form-group input.form-control + label > span,
    #modal-form .calc-form .form-group textarea.form-control + label > span {
        font-size: 16px;
    }

    #modal-form .calc-form .form-control {
        line-height: 40px;
        height: 40px;
    }

    #modal-form .btn-wrap {
        margin: 20px 0px 0px;
    }

    #modal-form.calc-form .submit-calc-btn {
        line-height: 50px;
    }

    #modal-form #submit-calcajax {
        display: none;
    }
}

.w-logo-link {
    display: flex;
    margin-bottom: 5px;
}

.w-logo-subtitle {
    display: flex;
    align-items: center;
}

.w-logo-subtitle .img-flag {
    max-width: 14px;
    margin: 0;
    margin-right: 5px;
}

.w-logo-subtitle .subtitle-text {
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
}

.cd-primary-nav li ul li.menu-technology-item:nth-child(1) a {
    font-size: 36px;
}

.cd-primary-nav li ul li.menu-technology-item:nth-child(2) a {
    font-size: 36px;
}

.cd-primary-nav li ul li.menu-technology-item:nth-child(3) a {
    font-size: 36px;
}

.cd-primary-nav li.mob {
    display: none;
}

@media (max-width: 1400px) {
    .cd-primary-nav li ul li.menu-technology-item:nth-child(1) a {
        font-size: 26px;
    }

    .cd-primary-nav li ul li.menu-technology-item:nth-child(2) a {
        font-size: 26px;
    }

    .cd-primary-nav li ul li.menu-technology-item:nth-child(3) a {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .section-menu .w-logo {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: auto;
    }

    .w-logo-link {
        width: 90px;
    }

    .cd-primary-nav li.mob {
        display: block;
    }
}

#error-msg-container {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    justify-content: center;
    align-items: center;
}
.err-open #error-msg-container {
    display: flex;
}
.err-open #msg-overlay {
    display: block;
}
#error-msg {
    width: 60%;
    max-width: 1114px;
    border: 1px solid #707070;
    background-color: #ffffff;
    z-index: 999;
}
#error-msg .likeh1 {
    color: #0d0d0d;
    font-size: 35px;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
}

#error-msg .likeh1 span:first-child {
    margin-left: 30px;
}

#error-msg .likeh1 .fc-wrap {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

#error-msg .likeh1 span {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    position: relative;
}

#error-msg .likeh1 span img.face {
    display: inline-block;

    top: 0px;
    opacity: 1;
    transition: all .3s ease-in-out;
}

#error-msg .likeh1 span img.unicorne {
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 42px;
    transition: all .3s ease-in-out;
}

#error-msg .likeh1 span:hover img.unicorne {
    opacity: 1;
    transition: all .3s ease-in-out;
}

#error-msg .likeh1 span:hover img.face {
    opacity: 0;
    transition: all .3s ease-in-out;
}

#error-msg p {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}


@media (max-width: 1368px) {
    #error-msg .likeh1 {
        font-size: 30px;
    }
}

@media (max-width: 1200px) {
    #error-msg {
        width: 80%
    }

    #error-msg .likeh1 {
        font-size: 21px;
        line-height: 40px
    }

    #error-msg .likeh1 span img {
        width: 32px;
    }
}

@media (max-width: 767px) {

    #error-msg .likeh1 {
        text-align: center;
    }

    #error-msg p {
        text-align: center;
    }

    #error-msg .likeh1 .fc-wrap {
        display: block;
        text-align: center;
    }

    #error-msg .likeh1 span:first-child {
        margin: 0px;
    }

}

@media (max-width: 400px) {
    #error-msg .likeh1 {
        font-size: 16px;
    }

    #error-msg .likeh1 span:first-child {
        margin-left: 0px;
    }

}

.modal-language .modal-dialog {
    display: flex;
    align-items: center;
    max-width: 700px;
    width: 80%;
    height: 80vh;
}

@media (max-width: 576px) {
    .modal-language .modal-dialog {
        width: auto;
    }
}

.modal-language .modal-content {
    padding: 60px;
}

@media (max-width: 576px) {
    .modal-language .modal-content {
        padding: 25px;
        padding-top: 50px;
    }
}

.modal-language .modal-body {
    padding: 0;
}

.modal-language .modal-header {
    border: 0;
    padding: 0;
}

.modal-language .modal-header .close {
    position: absolute;
    top: 30px;
    right: 30px;
    background-image: url("../images/close-black.svg");
    background-size: 25px;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    opacity: 1;
    cursor: pointer;
}

@media (max-width: 576px) {
    .modal-language .modal-header .close {
        top: 15px;
        right: 15px;
        background-size: 21px;
    }
}

.modal-language .modal-header .close:hover {
    opacity: .7;
    cursor: pointer;
}

.modal-language .modal-title {
    font-weight: 800;
    font-size: 40px;
    line-height: 1.22;
    color: #000000;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .modal-language .modal-title {
        font-size: 23px;
        margin-bottom: 22px;
    }
}

.modal-language .btn {
    line-height: 60px;
    padding: 0px 40px;
    text-align: left;
    color: #ffffff;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    position: relative;
    background: #2900ff;
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.modal-language .btn:after {
    background: #000;
}

.modal-language .btn:hover {
    border: 1px solid #000;
}

.modal-language .btn span {
    position: relative;
    z-index: 2;
}

.modal-language .btn:before {
    content: "\e900";
    position: absolute;
    font-size: 32px;
    top: 0px;
    right: 30px;
    font-family: 'icomoon' !important;
    z-index: 2;
}

.modal-language .btn:hover:before {
    color: #fff;
}

.table-request-template .ol-default li:before {
    content: none;
}

.table-request-template .ol-default li {
    width: auto;
}

.table-request-template .ol-backets {
    counter-reset: list;
}

.table-request-template .ol-backets li {
    display: flex;
    list-style: none;
}

.table-request-template .ol-backets li:before {
    content: counter(list) ") ";
    counter-increment: list;
    position: absolute;
    top: initial;
    left: -20px;
    background: transparent;
    width: auto;
    height: auto;
}

.table-request-template .ol-backets li {
    width: auto;
}

.about-client {
    padding-top: 80px;
}

@media (max-width: 768px) {
    .about-client {
        padding-top: 40px;
    }
}

.about-client-col-1 {
    position: relative;
    margin-left: -15px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (max-width: 768px) {
    .about-client-col-1 {
        margin: 0;
    }
}

.about-client-col-1 .bg {
    position: absolute;
    left: -38%;
    bottom: 0;
    min-width: 944px;
}

@media (max-width: 992px) {
    .about-client-col-1 .bg {
        position: absolute;
        left: 0;
        min-width: 500px;
    }
}

@media (max-width: 768px) {
    .about-client-col-1 .bg {
        min-width: 100%;
    }
}

.about-client-col-2 {
    margin-right: -15px;
}

@media (max-width: 768px) {
    .about-client-col-2 {
        padding-top: 30px;
        margin: 0;
    }
}

.about-client .title {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}


@media (max-width: 768px) {
    .about-client .title {
        font-size: 30px;
        margin-bottom: 40px;
    }

}

.about-client .text {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .about-client .text {
        font-size: 16px;
    }
}

.about-client p {
    margin-bottom: 15px;
}

.about-client p:last-child {
    margin-bottom: 0;
}

.about-client .founder {
    margin-top: auto;
}

.about-client .founder-name {
    color: #000000;
    line-height: 150%;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .about-client .founder-name {
        font-size: 14px;
    }
}

.about-client .founder-logo img {
    margin: 0;
}

.partners-v2-inner.main-title .subtitle {
    color: #303030;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    margin-top: 15px;
    width: auto;
}

.page .counter .main-title .subtitle {
    color: #303030;
}

@media (min-width: 992px) {
    .have-questions .container {
        padding: 0;
    }

    .have-questions > .container > .row {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        margin: 0 auto;
    }
}

.single-content .pvc_clear {
    display: none;
}

.single-content .pvc_stats {
    padding: 0 !important;
}

.single-content .acort-computy {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 35px;
    margin-right: 20px;
}

.fw-portfolio .acort-computy {
    display: none!important;
}

.single-content .pvc_stats span {
    display: flex;
    align-items: center;
}

.single-content .pvc_stats i {
    margin-right: 5px;
}

.dark-parallax-v2 {
    background-color: #181A1C;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.dark-parallax-v2 .container {
    position: relative;
    z-index: 2;
}

.dark-parallax-v2.no-oh {
    overflow: initial;
}

.dark-parallax-v2:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 166px 136px 0 0;
    border-color: #1e2021 transparent transparent transparent;
}

.dark-parallax-v2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 140px 140px;
    border-color: transparent transparent #1e2021 transparent;

}

.dark-parallax-v2 .main-title {
    margin-bottom: 80px;
}

.dark-parallax-v2 .main-title h2 {
    font-size: 55px;
    font-weight: 700;
    line-height: 65px;
    color: #fff;
}

.dark-parallax-v2 p {
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dark-parallax-card {
    background: #F7F5FF1A;
    padding: 30px;
    padding-bottom: 0;
    margin: 0;
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dark-parallax-card:last-child {
    margin-bottom: 0;
}

.dark-parallax-v2 .card-title {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.27;
}

.dark-parallax-v2 .card-inner {
    display: flex;
    margin-bottom: 30px;
}

.dark-parallax-v2 .card-number {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.23;
    font-weight: 700;
    margin-right: 15px;
}

.dark-parallax-v2 .card-text {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

@media (max-width: 1400px) {
    .dark-parallax-v2 .main-title h2 {
        font-size: 43px;
    }
}

@media (max-width: 1200px) {
    .dark-parallax-v2 .card-title {
        margin-bottom: 30px;
    }
}

@media (max-width: 990px) {
    .dark-parallax-v2:before, .dark-parallax-v2:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .dark-parallax-v2 {
        padding: 30px 0;
    }

    .dark-parallax-v2:before, .dark-parallax-v2:after {
        display: none;
    }

    .dark-parallax-v2 .main-title {
        margin-bottom: 30px;
    }

    .dark-parallax-v2 .main-title h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .dark-parallax-v2 .card-inner {
        margin-bottom: 20px;
    }
    
    .dark-parallax-v2 .card-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .dark-parallax-v2 .card-number {
        font-size: 14px;
    }

    .dark-parallax-v2 .card-text {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .dark-parallax-card {
        padding: 0;
        padding-top: 15px;
    }
}

.cky-box-bottom-left {
    display: none;
}

.cky-consent-container {
    /*display: none;*/
}

@media (max-width: 599px) {
    .portfolio-item-full-mob{
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px);
    }
}
@media (max-width: 399px) {
    .portfolio-item-full-mob{
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
}
.front-page-main-block--subtitle--span{
    all: unset !important;
    margin-top: 15px !important;
    margin-left: 5px !important;
}
@media (max-width: 450px) {
    .front-page-main-block--subtitle--span {
        font-size: 17px !important;
    }
}

/*intl-tel-input*/
.form-group:has(.iti) label {
    display: none;
}
.form-group:has(.is-invalid) .invalid-feedback
{
    display: block;
}
.iti {
    width: 100%;
}
.iti__search-input {
    color: black !important;
}
.iti__country[data-country-code="us"] {
    border-bottom: 1px solid #ccc;
}
.iti__selected-dial-code {
    line-height: 50px;
    font-size: 26px;
    font-weight: 400;
}
.leave-form .iti__selected-dial-code,
.calc-form .iti__selected-dial-code,
.portfolio-form .iti__selected-dial-code {
    font-size: 1rem;
    line-height: 1.5;
}
@media (max-width: 1280px) {
    .order-form-right .iti__selected-dial-code {
        line-height: 45px;
        font-size: 14px;
    }
}

.order-form .iti__country-container {
    margin-bottom: 2px;
}
.calc-form .iti__country-container,
.order-form-right .iti__country-container,
.leave-form .iti__country-container {
    margin-bottom: 1px;
}
.main-modal-form-ajax .form-group input.is-invalid.form-control,
.main-modal-form-ajax .form-group input.is-invalid.form-control:focus,
.custom-select:has(.is-invalid){
    box-shadow: none;
    border-color: #dc3545;
}

.open-new-modal-form{
    display: none;
}

/*new-question-form*/
textarea#new-question-form-about {
    color: black;
    padding: 0 20px;
}
@media (max-width: 1280px) {
    textarea#new-question-form-about+label>span {
        font-size: 14px;
    }
}
@media (max-width: 500px) {
    textarea#new-question-form-about+label>span {
        font-size: 12px;
    }
}
.new-question-form-ajax .form-group input.is-invalid.form-control,
.new-question-form-ajax .form-group input.is-invalid.form-control:focus,
.new-question-form-ajax .custom-select:has(.is-invalid) {
    box-shadow: none;
    border-color: #dc3545;
}

@media (min-width: 2000px) {
    .overlay {
     padding: 35% 20px 0px;
    }
}

.g-recaptcha-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
.g-recaptcha-container.error iframe{
    border: 1px solid red;
}

.logos-main-heading {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .logos-main-heading {
        bottom: 15%;
        justify-content: center;
        gap: 20px;
    }

    .main-page--hero-content {
        height: 75% !important;
    }

    .main-page--hero-content .main-heading span {
        font-size: 24px;
        line-height: 32px;
    }
}

.logos-main-heading a {
    display: flex;
}

.logos-main-heading img,
.logos-main-heading a {
    height: 64px;
    width: 130px;
}

@media (max-width: 600px) {
    .logos-main-heading img,
    .logos-main-heading a {
        height: 45px;
        width: 91px;
    }
}

.service-hero-logos {
    display: flex;
    gap: 8px;
}

.service-hero-logos-wrap .btn_action {
    margin: 0;
}

.service-hero-logos-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.service-hero-logos a,
.service-hero-logos img {
    display: flex;
    height: 45px;
    width: 91px;
}

@media (max-width: 1150px) {
    .service-hero-logos-wrap {
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 406px) {
    .main-page--hero-content .main-heading span {
        font-size: 21px;
        line-height: 30px;
    }
}

@media (max-width: 362px) {
    .main-page--hero-content .main-heading span {
        font-size: 18px;
        line-height: 28px;
    }
}

.pvc_stats.total_only span i {
    display: flex;
}

.pvc_stats.total_only span {
    display: flex;
    align-items: center;
}