@font-face {
    font-family: 'Aileron-Light';
    src: url('../fonts/aileron/Aileron-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Aileron-Regular';
    src: url('../fonts/aileron/Aileron-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Aileron-Bold';
    src: url('../fonts/aileron/Aileron-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SnyderRegular';
    src: url('../fonts/Snyder/SnyderRegular.ttf') format('truetype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/SchnyderMLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/SchnyderMLight.otf') format('opentype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/SchnyderMLight.ttf') format('truetype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/SchnyderMLight.woff') format('woff');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/SchnyderMLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Schnyder Cond M Light';
    src: url('../fonts/Snyder/NewFolder1/Schnyder Cond M Light.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Schnyder Cond M Light';
    src: url('../fonts/Snyder/NewFolder1/Schnyder Cond M Light.otf') format('opentype');
}

@font-face {
    font-family: 'Schnyder Cond M Light';
    src: url('../fonts/Snyder/NewFolder1/Schnyder Cond M Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Schnyder Cond M Light';
    src: url('../fonts/Snyder/NewFolder1/Schnyder Cond M Light.woff') format('woff');
}

@font-face {
    font-family: 'Schnyder Cond M Light';
    src: url('../fonts/Snyder/NewFolder1/Schnyder Cond M Light.woff2') format('woff2');
}

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

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/NewFolder2/SchnyderMLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/NewFolder2/SchnyderMLight.otf') format('opentype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/NewFolder2/SchnyderMLight.ttf') format('truetype');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/NewFolder2/SchnyderMLight.woff') format('woff');
}

@font-face {
    font-family: 'SchnyderMLight';
    src: url('../fonts/Snyder/NewFolder2/SchnyderMLight.woff2') format('woff2');
}

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

/*hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}*/

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

/** {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }*/

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #428bca;
    text-decoration: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

/*hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #999
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%
    }

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

a.text-primary:hover, a.text-primary:focus {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

    ul ul, ol ul, ul ol, ol ol {
        margin-bottom: 0
    }

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #999
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: '\2014 \00A0'
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
            content: ''
        }

        .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
            content: '\00A0 \2014'
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: 'Aileron-Regular';
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1150px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0%
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #999;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd
    }

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item, button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eee;
    color: #999;
    cursor: not-allowed
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
        color: #999
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'Aileron-Regular';
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'Aileron-Regular';
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: block
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}
/* End */

.fancybox-enabled {
    overflow: hidden
}

    .fancybox-enabled body {
        overflow: visible;
        height: 100%
    }

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .fancybox-container ~ .fancybox-container {
        z-index: 99992
    }

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    transition-timing-function: cubic-bezier(.55,.06,.68,.19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: 'Aileron-Regular';
    text-align: center;
    color: #ddd;
    background-color: rgba(30,30,30,.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider, .fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}

    .fancybox-slide:before {
        content: "";
        height: 100%;
        width: 0
    }

    .fancybox-slide:before, .fancybox-slide > * {
        display: inline-block;
        vertical-align: middle
    }

    .fancybox-slide > * {
        position: relative;
        padding: 24px;
        margin: 44px 0;
        border-width: 0;
        text-align: left;
        background-color: #fff;
        overflow: auto;
        box-sizing: border-box
    }

.fancybox-slide--image {
    overflow: hidden
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: 'Aileron-Regular';
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
    background: transparent
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.fancybox-image, .fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    cursor: default
}

    .fancybox-error p {
        margin: 0;
        padding: 0;
        color: #444;
        font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif
    }

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

    .fancybox-close-small:after {
        content: "×";
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
        color: #888;
        font-weight: 300;
        text-align: center;
        border-radius: 50%;
        border-width: 0;
        background: #fff;
        transition: background .2s;
        box-sizing: border-box;
        z-index: 2
    }

    .fancybox-close-small:focus:after {
        outline: 1px dotted #888
    }

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0,0%,100%,.4);
    font-size: 14px;
    font-family: 'Aileron-Regular';
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

    .fancybox-caption a, .fancybox-caption button {
        pointer-events: all
    }

    .fancybox-caption a {
        color: #fff;
        text-decoration: underline
    }

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button, .fancybox-infobar__body {
    background: rgba(30,30,30,.6)
}

    .fancybox-button:hover {
        background: rgba(0,0,0,.8)
    }

    .fancybox-button:after, .fancybox-button:before {
        content: "";
        pointer-events: none;
        position: absolute;
        border-color: #fff;
        background-color: currentColor;
        color: currentColor;
        opacity: .9;
        box-sizing: border-box;
        display: inline-block
    }

.fancybox-button--disabled:after, .fancybox-button--disabled:before {
    opacity: .5
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--left:after, .fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

    .fancybox-button--close:after, .fancybox-button--close:before {
        content: "";
        display: inline-block;
        position: absolute;
        height: 2px;
        width: 16px;
        top: calc(50% - 1px);
        left: calc(50% - 8px)
    }

    .fancybox-button--close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .fancybox-button--close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.fancybox-loading {
    border: 6px solid hsla(0,0%,39%,.4);
    border-top: 6px solid hsla(0,0%,100%,.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media (max-width:800px) {
    .fancybox-controls {
        text-align: left
    }

    .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

    .fancybox-thumbs > ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }

        .fancybox-thumbs > ul > li {
            float: left;
            overflow: hidden;
            max-width: 50%;
            padding: 0;
            margin: 0;
            width: 105px;
            height: 75px;
            position: relative;
            cursor: pointer;
            outline: none;
            border: 5px solid #fff;
            border-top-width: 0;
            border-right-width: 0;
            -webkit-tap-highlight-color: transparent;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            box-sizing: border-box
        }

li.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94)
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        display: none !important
    }

    .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}
/* End */
/* Start:/local/js.lib/jquery.bxslider/jquery.bxslider.min.css?15883492842868*/
.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/local/js.lib/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: 'Aileron-Regular';
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
            background: #000
        }

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/local/js.lib/jquery.bxslider/images/controls.png) no-repeat 0 -32px
}

    .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
        background-position: 0 0
    }

.bx-wrapper .bx-next {
    right: 10px;
    background: url(/local/js.lib/jquery.bxslider/images/controls.png) no-repeat -43px -32px
}

    .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
        background-position: -43px 0
    }

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none
    }

.bx-wrapper .bx-controls-auto {
    text-align: center
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(/local/js.lib/jquery.bxslider/images/controls.png) -86px -11px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
            background-position: -86px 0
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(/local/js.lib/jquery.bxslider/images/controls.png) -86px -44px no-repeat;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
            background-position: -86px -33px
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,.75);
    width: 100%
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: 'Aileron-Regular';
        display: block;
        font-size: .85em;
        padding: 10px
    }
/* End */
/*.scroll-wrapper{
    overflow:hidden!important;
    padding:0!important;
    position:relative
}
.scroll-wrapper>.scroll-content{
    border:none!important;
    box-sizing:content-box!important;
    height:auto;
    left:0;
    margin:0;
    max-height:none;
    max-width:none!important;
    overflow:scroll!important;
    padding:0;
    position:relative!important;
    top:0;
    width:auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar{
    height:0;
    width:0
}
.scroll-element{
    display:none
}
.scroll-element,.scroll-element div{
    box-sizing:content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{
    display:block
}
.scroll-element .scroll-arrow,.scroll-element .scroll-bar{
    cursor:default
}
.scroll-textarea{
    border:1px solid #ccc;
    border-top-color:#999
}
.scroll-textarea>.scroll-content{
    overflow:hidden!important
}
.scroll-textarea>.scroll-content>textarea{
    border:none!important;
    box-sizing:border-box;
    height:100%!important;
    margin:0;
    max-height:none!important;
    max-width:none!important;
    overflow:scroll!important;
    outline:0;
    padding:2px;
    position:relative!important;
    top:0;
    width:100%!important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{
    height:0;
    width:0
}
.scrollbar-macosx>.scroll-element,.scrollbar-macosx>.scroll-element div{
    background:0 0;
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:10
}
.scrollbar-macosx>.scroll-element div{
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%
}
.scrollbar-macosx>.scroll-element .scroll-element_track{
    display:none
}
.scrollbar-macosx>.scroll-element .scroll-bar{
    background-color:#6C6E71;
    display:block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-transition:opacity .2s linear;
    -moz-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    -ms-transition:opacity .2s linear;
    transition:opacity .2s linear
}
.scrollbar-macosx:hover>.scroll-element .scroll-bar,.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    opacity:.7
}
.scrollbar-macosx>.scroll-element.scroll-x{
    bottom:0;
    height:0;
    left:0;
    min-width:100%;
    overflow:visible;
    width:100%
}
.scrollbar-macosx>.scroll-element.scroll-y{
    height:100%;
    min-height:100%;
    right:0;
    top:0;
    width:0
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar{
    height:7px;
    min-width:10px;
    top:-9px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{
    left:-9px;
    min-height:10px;
    width:7px
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer{
    left:2px
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size{
    left:-4px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer{
    top:2px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size{
    top:-4px
}
.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
    left:-11px
}
.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
    top:-11px
}
*/
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

    .scroll-wrapper > .scroll-content {
        border: none !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important;
    }

        .scroll-wrapper > .scroll-content::-webkit-scrollbar {
            height: 0;
            width: 0;
        }

    .scroll-wrapper.scroll--rtl {
        direction: rtl;
    }

.scroll-element {
    box-sizing: content-box;
    display: none;
}

    .scroll-element div {
        box-sizing: content-box;
    }

    .scroll-element .scroll-bar, .scroll-element .scroll-arrow {
        cursor: default;
    }

    .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block;
    }

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

    .scroll-textarea > .scroll-content {
        overflow: hidden !important;
    }

        .scroll-textarea > .scroll-content > textarea {
            border: none !important;
            box-sizing: border-box;
            height: 100% !important;
            margin: 0;
            max-height: none !important;
            max-width: none !important;
            overflow: scroll !important;
            outline: none;
            padding: 2px;
            position: relative !important;
            top: 0;
            width: 100% !important;
        }

            .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
                height: 0;
                width: 0;
            }
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 2px;
        height: 8px;
        left: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-y {
        height: 100%;
        right: 2px;
        top: 0;
        width: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track {
        background-color: #e0e0e0;
    }

    .scrollbar-inner > .scroll-element .scroll-bar {
        background-color: #c2c2c2;
    }

    .scrollbar-inner > .scroll-element:hover .scroll-bar {
        background-color: #919191;
    }

    .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
        background-color: #919191;
    }
    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
        left: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
        top: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -12px;
    }
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

    .scrollbar-outer > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-outer > .scroll-element.scroll-x {
        bottom: 0;
        height: 12px;
        left: 0;
        width: 100%;
    }

    .scrollbar-outer > .scroll-element.scroll-y {
        height: 100%;
        right: 0;
        top: 0;
        width: 12px;
    }

    .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
        height: 8px;
        top: 2px;
    }

    .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
        left: 2px;
        width: 8px;
    }

    .scrollbar-outer > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }

    .scrollbar-outer > .scroll-element .scroll-element_track {
        background-color: #eeeeee;
    }

    .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .scrollbar-outer > .scroll-element .scroll-bar {
        background-color: #d9d9d9;
    }

        .scrollbar-outer > .scroll-element .scroll-bar:hover {
            background-color: #c2c2c2;
        }

    .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
        background-color: #919191;
    }
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px;
}
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

    .scrollbar-macosx > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-macosx > .scroll-element .scroll-element_track {
        display: none;
    }

    .scrollbar-macosx > .scroll-element .scroll-bar {
        background-color: #6C6E71;
        display: block;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
    }

    .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .scrollbar-macosx > .scroll-element.scroll-x {
        bottom: 0px;
        height: 0px;
        left: 0;
        min-width: 100%;
        overflow: visible;
        width: 100%;
    }

    .scrollbar-macosx > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0px;
        top: 0;
        width: 0px;
    }
    /* scrollbar height/width & offset from container borders */
    .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
        height: 7px;
        min-width: 10px;
        top: -9px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
        left: -9px;
        min-height: 10px;
        width: 7px;
    }

    .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
        left: 2px;
    }

    .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
        left: -4px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
        top: 2px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
        top: -4px;
    }
    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -11px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -11px;
    }
/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

    .scrollbar-light > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-light > .scroll-element .scroll-element_outer {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .scrollbar-light > .scroll-element .scroll-element_size {
        background: #dbdbdb;
        background: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
        background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
        background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
        background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
        background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
        background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .scrollbar-light > .scroll-element.scroll-x {
        bottom: 0;
        height: 17px;
        left: 0;
        min-width: 100%;
        width: 100%;
    }

    .scrollbar-light > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0;
        top: 0;
        width: 17px;
    }

    .scrollbar-light > .scroll-element .scroll-bar {
        background: #fefefe;
        background: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
        background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
        background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
        background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
        background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
        border: 1px solid #dbdbdb;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
    left: 0px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}
/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

    .scrollbar-rail > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-rail > .scroll-element .scroll-element_size {
        background-color: #999;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
        background-color: #666;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .scrollbar-rail > .scroll-element.scroll-x {
        bottom: 0;
        height: 12px;
        left: 0;
        min-width: 100%;
        padding: 3px 0 2px;
        width: 100%;
    }

    .scrollbar-rail > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        padding: 0 2px 0 3px;
        right: 0;
        top: 0;
        width: 12px;
    }

    .scrollbar-rail > .scroll-element .scroll-bar {
        background-color: #d0b9a0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    }

    .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    }
/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px;
}
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

    .scrollbar-dynamic > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-dynamic > .scroll-element.scroll-x {
        bottom: 2px;
        height: 7px;
        left: 0;
        min-width: 100%;
        width: 100%;
    }

    .scrollbar-dynamic > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 2px;
        top: 0;
        width: 7px;
    }

    .scrollbar-dynamic > .scroll-element .scroll-element_outer {
        opacity: 1;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    .scrollbar-dynamic > .scroll-element .scroll-element_size {
        background-color: #cccccc;
        opacity: 0;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .scrollbar-dynamic > .scroll-element .scroll-bar {
        background-color: #DCBF79;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
    /* scrollbar height/width & offset from container borders */
    .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
        bottom: 0;
        height: 7px;
        min-width: 24px;
        top: auto;
    }

    .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
        left: auto;
        min-height: 24px;
        right: 0;
        width: 7px;
    }

    .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
        bottom: 0;
        top: auto;
        left: 2px;
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        -ms-transition: height 0.2s;
        transition: height 0.2s;
    }

    .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
        left: auto;
        right: 0;
        top: 2px;
        -webkit-transition: width 0.2s;
        -moz-transition: width 0.2s;
        -o-transition: width 0.2s;
        -ms-transition: width 0.2s;
        transition: width 0.2s;
    }

    .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
        left: -4px;
    }

    .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
        top: -4px;
    }
    /* update scrollbar offset if both scrolls are visible */
    .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -11px;
    }

    .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -11px;
    }
    /* hover & drag */
    .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
        overflow: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

        .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
            opacity: 1;
        }

        .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
            height: 100%;
            width: 100%;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
        }

    .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
        height: 7px;
        min-height: 7px;
    }

    .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
        min-width: 7px;
        width: 20px;
    }
/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

    .scrollbar-chrome > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-chrome > .scroll-element .scroll-element_track {
        background: #f1f1f1;
        border: 1px solid #dbdbdb;
    }

    .scrollbar-chrome > .scroll-element.scroll-x {
        bottom: 0;
        height: 16px;
        left: 0;
        min-width: 100%;
        width: 100%;
    }

    .scrollbar-chrome > .scroll-element.scroll-y {
        height: 100%;
        min-height: 100%;
        right: 0;
        top: 0;
        width: 16px;
    }

    .scrollbar-chrome > .scroll-element .scroll-bar {
        background-color: #d9d9d9;
        border: 1px solid #bdbdbd;
        cursor: default;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

        .scrollbar-chrome > .scroll-element .scroll-bar:hover {
            background-color: #c2c2c2;
            border-color: #a9a9a9;
        }

    .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
        background-color: #919191;
        border-color: #7e7e7e;
    }
/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px;
}
/* End */
/* Slider */
.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 */

/* Slider */
.slick-loading .slick-list {
    background: #fff url('/local/js.lib/slick/./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('/local/js.lib/slick/./fonts/slick.eot');
    src: url('/local/js.lib/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/js.lib/slick/./fonts/slick.woff') format('woff'), url('/local/js.lib/slick/./fonts/slick.ttf') format('truetype'), url('/local/js.lib/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: 'в†ђ';
}

[dir='rtl'] .slick-prev:before {
    content: 'в†’';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: 'в†’';
}

[dir='rtl'] .slick-next:before {
    content: 'в†ђ';
}
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

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

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

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

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

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

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }
/* End */

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1090px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1310px;
    }
}

* {
    outline: none;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -o-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    max-height: 999999px;
    -webkit-print-color-adjust: exact;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* @media(max-width: 1299px) {
}
 @media(max-width: 1199px) {
}
 @media(max-width: 991px) {
}
 @media(max-width: 767px) {
}
 @media(max-width: 600px) {
}
 @media(max-width: 400px) {
}
 @media (max-height: 800px) and (min-width: 1199px) {
}
 золотой #00ba9e темно синий #022647 */
*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.btn {
    text-transform: uppercase;
    width: 226px;
    text-align: center;
    padding: 7px 15px;
    transition: .2s;
    font-size: 13px;
    line-height: 26px;
    transition: .2s;
    cursor: pointer;
    border: none;
    display: block;
    max-width: 100%;
}

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

.btn--beige {
    color: #00ba9e;
    /*background-color: #F4EAD0;*/
}

    .btn--white:hover, .btn--beige:hover {
        background-color: #F4EAD0;
        color: #403634;
    }

.btn--gold {
    /*background-color: #00ba9e;*/
    color: #fff;
}

    .btn--gold:hover {
        background-color: #403634;
    }

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


img {
    max-width: 100%
}

input {
    border-radius: 0;
}
/* #preloader-circle {
     animation-iteration-count: infinite;
     -webkit-animation-duration: 5s;
     -o-animation-duration: 5s;
     animation-duration: 5s;
     -webkit-animation-name: preloader;
     -o-animation-name: preloader;
     animation-name: preloader;
     transform-origin: center;
     stroke-dashoffset: 141;
     stroke-dasharray: 141;
     stroke-width:1.5;
     animation-timing-function:linear;
}
 @keyframes preloader {
     0% {
         stroke-dashoffset: 141;
         transform: rotate(0deg);
    }
     100% {
         stroke-dashoffset: -141;
         transform: rotate(360deg);
    }
}
 */

.wrapper__in {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    min-height: 100vh;
    transition: height 1s;
    position: relative;
}

@media(max-width: 991px) {
    .wrapper__in {
        display: block;
    }
}

.wrapper--scroll {
    height: 100vh;
}

.IE .wrapper__in, .ie-10 .wrapper__in, .ie-11 .wrapper__in {
    display: block;
}

.wrapper--out, .wrapper--in {
    animation-name: wrapper-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.super-wrapper {
    /* overflow: auto;
     */
    /* height: 100vh;
     */
    position: relative;
    z-index: 1;
}

.super-wrapper--out {
    animation-name: super-wrapper-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    pointer-events: none;
    overflow: auto;
    height: 100vh;
}

    .super-wrapper--out .wrapper {
        min-height: 0;
        height: 100%;
        /*display: block;
     */
    }

    .super-wrapper--out .content {
        /* min-height: 417px;
     */
    }

.super-wrapper.super-wrapper--contr-foto {
    height: 100vh;
    overflow: hidden;
}

.super-wrapper--in {
    animation-name: super-wrapper-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.IE .super-wrapper--in, .ie-10 .super-wrapper--in, .ie-11 .super-wrapper--in {
    animation-name: super-wrapper-in-ie;
}

.IE .super-wrapper--out, .ie-10 .super-wrapper--out, .ie-11 .super-wrapper--out {
    animation-name: super-wrapper-out-ie;
}

@keyframes super-wrapper-out {
    0% {
        transform: scale(1) translateX(0) perspective(0) translateY(0) rotateY(0);
    }

    100% {
        transform: scale(.6) translateX(30%) translateY(-5%) perspective(500em) rotateY(-45deg);
        /* height: 900px;
         */
        box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.4);
    }
}

@keyframes super-wrapper-in {
    0% {
        transform: scale(.6) translateX(30%) translateY(-5%) perspective(500em) rotateY(-45deg);
        /* height: 900px;
         */
        box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.4);
    }

    100% {
        transform: scale(1) translateX(0) perspective(0) translateY(0) rotateY(0);
    }
}

@keyframes super-wrapper-out-ie {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes super-wrapper-in-ie {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media(max-width: 991px) {
    .super-wrapper--out, .super-wrapper--in {
        animation-name: none;
    }

        .super-wrapper--out .wrapper {
            display: block;
        }
}

.content {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    position: relative;
    overflow: hidden;
    padding-top: 112px;
    padding-bottom: 112px;
}

.ie-10 .content, .ie-11 .content {
    flex: none;
    min-height: calc(100vh - 528px);
}

.super-wrapper--out .content, .super-wrapper--in .content {
    overflow: visible;
}

@media(max-width: 1399px) {
    .content {
        padding-bottom: 82px;
    }

    .content--plan-section {
        /*padding-bottom: 0;
        */
    }
}

@media(max-width: 991px) {
    .content {
        flex: none;
    }
}

@media(max-width: 767px) {
    .ie-10 .content, .ie-11 .content {
        min-height: 100vh
    }

    .content {
        padding-top: 82px;
        padding-bottom: 30px;
    }
}

.clear {
    clear: both;
    display: table;
}

body, html {
    min-width: 320px;
    font-size: 16px;
    line-height: 1.6em;
    font-family: 'Aileron-Regular';
    color: #231F20;
    background-color: #fff
}

    body.body--in, body.body--out {
        overflow: hidden;
    }

.wrapper a {
    text-decoration: none;
}

.main-menu ul, .main-menu li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
/*h -- start*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}

h1, .h1 {
    font-family: 'Aileron-Regular';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 70px;
    letter-spacing: 0.02em;
}

h2, .h2 {
    font-family: 'Aileron-Regular';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 70px;
    letter-spacing: 0.02em;
}

h3, .h3 {
    font-family: 'Aileron-Regular';
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 35px;
    letter-spacing: 0.02em;
}

h4, .h4 {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'Aileron-Regular';
}

h5, .h5 {
}

h6, .h6 {
}

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
        margin-top: 0;
    }
/* h1:first-child, .h1:first-child {
     padding-top: 112px;
}
*/
@media(max-width: 1399px) {
    h1, .h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    /* h1:first-child, .h1:first-child {
         padding-top: 80px;
    }
    */
    h2, .h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 50px;
    }

    h3, .h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 25px;
    }
}

@media(max-width: 1299px) {
    h1, .h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 30px;
    }

    h2, .h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    h3, .h3 {
        font-size: 25px;
        line-height: 30px;
    }
    /* h1:first-child, .h1:first-child {
         padding-top: 50px;
    }
     */
}

@media (max-height: 800px) and (min-width: 1199px) {
    /* h1:first-child, .h1:first-child {
         padding-top: 50px;
    }
    */
}

@media(max-width: 1199px) {
    h1, .h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    h2, .h2 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    h3, .h3 {
        font-size: 22px;
        line-height: 30px;
    }

    h4, .h4 {
        font-size: 18px;
        line-height: 24px;
    }
    /* h1:first-child, .h1:first-child {
         padding-top: 20px;
    }
    */
}

@media(max-width: 991px) {
    h1, .h1 {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 20px;
    }

    h2, .h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    h3, .h3 {
        font-size: 18px;
        line-height: 24px;
    }

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

@media(max-width: 767px) {
}
/*h -- end*/
.content {
    padding-left: 210px;
    padding-right: 210px;
}

.container {
    max-width: 100%;
}

@media(max-width: 1400px) {
    .content {
        padding-left: 180px;
        padding-right: 180px;
    }
}

@media(max-width: 1199px) {
    .content {
        padding-left: 160px;
        padding-right: 160px;
    }
}

@media(max-width: 991px) {
    .content {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media(max-width: 767px) {
    .content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media(max-width: 500px) {
    .content {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.super-wrapper--wide .content {
    padding-left: 0px;
    padding-right: 0px;
}

.text-block {
    max-width: 847px;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 35px
}

    .text-block ul, .text-block ol {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .text-block ul li, .text-block ol li {
            position: relative;
            padding-left: 35px;
            /* color: #747474;
     */
            font-size: 22px;
            margin-bottom: 2px;
        }

        .text-block ol li {
            padding-left: 25px;
        }

        .text-block ul li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 10px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
        }

    .text-block ol {
        counter-reset: count;
        padding-left: 40px;
    }

        .text-block ol li:before {
            position: absolute;
            right: 100%;
            font-size: 18px;
            counter-increment: count;
            content: counter(count)".";
            color: #231F20;
            font-family: 'Aileron-Regular';
        }

    .text-block p {
        margin-bottom: 33px;
    }

    .text-block img {
        margin-top: 70px;
        margin-bottom: 70px;
        display: block;
    }

    .text-block a {
        transition: color .2s;
    }

        .text-block a:hover {
            color: #382E2C;
        }

@media(max-width: 1399px) {
    .text-block, .text-block ul li, .text-block ol li {
        font-size: 20px;
        line-height: 30px;
    }

        .text-block ol li {
            padding-left: 20px;
        }

        .text-block p {
            margin-bottom: 20px;
        }

        .text-block ul li {
            padding-left: 30px;
        }

            .text-block ul li:before {
                top: 9px;
                width: 12px;
                height: 12px;
            }

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

@media(max-width: 1299px) {
}

@media(max-width: 1199px) {
    .text-block, .text-block ul li, .text-block ol li {
        font-size: 18px;
        line-height: 28px;
    }

        .text-block ol li:before {
            font-size: 16px;
        }

        .text-block ol li {
            padding-left: 18px;
        }

        .text-block ul li:before {
            top: 10px;
            width: 9px;
            height: 9px;
        }

        .text-block ul li {
            padding-left: 25px;
        }

        .text-block ul, .text-block ol {
            margin-bottom: 20px;
        }
}

@media(max-width: 991px) {
    .text-block, .text-block ul li, .text-block ol li {
        font-size: 16px;
        line-height: 26px;
    }

        .text-block ol li {
            padding-left: 16px;
        }

            .text-block ol li:before {
                font-size: 14px;
            }

        .text-block ul, .text-block ol {
            margin-bottom: 20px;
        }

        .text-block img {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .text-block ul li {
            padding-left: 20px;
        }

            .text-block ul li:before {
                top: 9px;
                width: 7px;
                height: 7px;
            }
}

@media(max-width: 767px) {
    .text-block img {
        margin-top: 35px;
        margin-bottom: 35px;
    }
}

@media(max-width: 600px) {
    .text-block img {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

@media(max-width: 400px) {
}

@media (max-height: 800px) and (min-width: 1199px) {
}

.blockquote {
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    font-family: 'Aileron-Regular';
    padding-left: 108px;
    position: relative;
    margin-top: 82px;
    margin-bottom: 82px;
}

    .blockquote:before {
        content: '';
        position: absolute;
        left: 0;
        top: -14px;
        width: 73px;
        height: 72px;
        background-image: url(/local/templates/etalon/images/svg/quote.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .blockquote cite {
        font-size: 18px;
        line-height: 28px;
        margin-top: 50px;
        display: block;
        font-style: normal;
        text-transform: none;
    }

.blockquote-highlighting {
    display: inline;
    position: relative;
    color: #fff;
}

@media(max-width: 1399px) {
    .blockquote {
        font-size: 25px;
        line-height: 45px;
        margin-top: 60px;
    }
}

@media(max-width: 1299px) {
}

@media(max-width: 1199px) {
    .blockquote {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 80px;
        padding-left: 88px;
    }

        .blockquote:before {
            width: 53px;
            height: 53px;
            top: -10px;
        }

        .blockquote cite {
            margin-top: 30px;
            font-size: 16px;
            line-height: 26px;
        }
}

@media(max-width: 991px) {
    .blockquote {
        font-size: 20px;
        line-height: 30px;
        margin-top: 60px;
        margin-bottom: 60px;
        padding-left: 68px;
    }

        .blockquote:before {
            width: 33px;
            height: 33px;
            top: -5px;
        }

        .blockquote cite {
            margin-top: 20px;
        }
}

@media(max-width: 767px) {
    .blockquote {
        font-size: 16px;
        line-height: 26px;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left: 40px;
    }

        .blockquote:before {
            width: 25px;
            height: 25px;
            top: 0;
        }
}

@media(max-width: 600px) {
    .blockquote {
        font-size: 14px;
        line-height: 24px;
    }
}

@media(max-width: 400px) {
}

@media (max-height: 800px) and (min-width: 1199px) {
}

table:not(.nowrap) th {
    color: #C9A242;
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 500;
}

table:not(.nowrap) th, table:not(.nowrap) td {
    padding: 18px 20px;
}

table:not(.nowrap) tr:nth-child(even) td {
    background-color: #F9F7F1;
}

table:not(.nowrap) {
    min-width: 700px
}

.table-scroll-btn {
    width: 60px;
    height: 100px;
    opacity: .8;
    position: absolute;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.table-scroll-btn--left {
    left: 0;
    background-image: url(/local/templates/etalon/images/svg/table-arrow-left.svg);
    background-position: left center;
}

.table-scroll-btn--right {
    right: 0;
    background-image: url(/local/templates/etalon/images/svg/table-arrow-right.svg);
    background-position: right center;
}

.table-wrap {
    position: relative;
}

.table-scroll-btn--noactive {
    opacity: 0;
}

.table-scroll-btn {
    top: 50%;
}

.table-wrap--bigheight .table-scroll-btn {
    top: 50vh;
}
/*ФОРМЫ -- start*/
.webform-form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.input-text {
    width: 100%;
    padding: 27px 14px 12px 14px;
    border: 1px solid #EEEEEE;
    font-size: 16px;
    color: #3F3F3F;
    height: 66px;
}

.form-group {
    position: relative;
}

    .form-group:before {
        content: '';
        left: -2px;
        top: 0;
        height: 66px;
        width: 2px;
        background-color: #9F7D23;
        position: absolute;
        opacity: 0;
        transition: .3s;
    }

.form-group--active:before {
    opacity: 1;
}

.form-group label.input-label {
    position: absolute;
    transition: .3s;
    left: 24px;
    top: 19px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #B3B3B3;
    margin-bottom: 0;
    z-index: 1;
}

.form-group .input-text {
    position: relative;
    z-index: 2;
    background: none
}

.form-group--active label.input-label {
    left: 14px;
    top: 4px;
}

.form_name {
    font-family: 'Aileron-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 180%;
    letter-spacing: 0.04em;
    color: #101820;
    text-align: center;
    margin-bottom: 1em;
    width: 100%;
}

.form-group--error .input-text {
    border: 1px solid #B4462E;
}

.webform-form__error {
    color: #B4462E;
    font-size: 15px;
    padding-left: 12px;
}
/*checkbox, radio -- start*/
.checkbox, .radio {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.checkbox-custom, .radio-custom {
    width: 25px;
    height: 25px;
    border: 1px solid #00ba9e;
    border-radius: 2px;
    position: relative;
}

input:checked + .checkbox-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background-image: url(/local/templates/etalon/images/svg/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.radio-custom, .radio:checked + .radio-custom::before {
    border-radius: 50%;
}

.checkbox-custom, .radio-custom, .label {
    display: inline-block;
    vertical-align: middle;
}
/*checkbox, radio -- end*/
/*ФОРМЫ -- end*/
.callback-popup {
    padding: 82px 140px !important;
    max-width: 846px;
    position: relative;
}

.callback-popup__title {
    font-size: 30px;
    line-height: 40px;
    font-family: 'Aileron-Regular';
    text-transform: uppercase;
    color: #9F7D23;
    letter-spacing: 0.02em;
    margin-bottom: 52px;
}

.callback-popup .webform-form__item {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.callback-popup .webform-form {
    margin-left: -10px;
    margin-right: -10px;
}

.popup-close {
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/etalon/images/svg/close-gold.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 30px;
    top: 30px;
    position: absolute;
    cursor: pointer;
    z-index: 10
}

.callback-popup__alert {
    margin-bottom: 32px;
    display: none;
}

    .callback-popup__alert a {
        color: #00ba9e;
        font-size: 15px;
        line-height: 25px;
        display: block;
        font-size: 15px;
        font-family: 'Aileron-Regular';
        padding-top: 5px;
    }

@media(max-width: 991px) {
    .callback-popup {
        padding: 45px 70px !important;
    }
}

@media(max-width: 700px) {
    .callback-popup__title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .popup-close {
        width: 20px;
        height: 20px;
        top: 15px;
        right: 15px;
    }

    .callback-popup {
        padding: 50px 46px !important;
    }

        .callback-popup .webform-form__item {
            width: 100%;
        }

        .callback-popup .btn {
            margin-left: auto;
            margin-right: auto;
        }

    .callback-popup__alert {
        text-align: center;
    }
}

@media(max-width: 600px) {
    .callback-popup {
        padding: 50px 0px !important;
    }

    .callback-popup__title {
        font-size: 22px;
        line-height: 32px;
        padding-right: 30px;
    }

    .callback-popup__alert {
        display: block;
    }
}

@media (max-height: 700px) and (min-width: 700px) {
    .callback-popup__title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .popup-close {
        width: 20px;
        height: 20px;
        top: 15px;
        right: 15px;
    }

    .callback-popup {
        padding: 50px 46px !important;
    }

        .callback-popup .btn {
            margin-left: auto;
            margin-right: auto;
        }
}
/*userconsent -- start*/
.form-group.userconsent {
    position: relative;
    cursor: pointer;
    margin-top: 24px;
}

    .form-group.userconsent input {
        position: absolute;
        z-index: -9999;
        visibility: hidden;
        width: 0;
        height: 0;
    }

.start_form {
    position: relative;
}

.user_consent_label {
    float: left;
    margin: 0 0 20px;
    line-height: 14px;
    width: 100%;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
    font-weight: normal;
}

    .user_consent_label input {
        -webkit-appearance: checkbox;
        display: block;
        float: left;
    }

    .user_consent_label span {
        overflow: hidden;
        position: relative;
        display: block;
        padding: 0 0 0 0px;
        line-height: 1.3em;
        font-size: 11px;
        color: #747474;
        padding-left: 30px;
    }

        .user_consent_label span:hover {
            text-decoration: none;
        }

.user_consent_text {
    display: block;
    position: absolute;
    top: 100%;
    bottom: 0;
    width: 100%;
    margin: auto;
    background: #f9f9f9;
    color: #000;
    z-index: 100;
    opacity: 0;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    left: 0;
    right: 0;
}

    .user_consent_text.active {
        display: block;
        bottom: 0px;
        opacity: 1;
        top: 0;
        min-height: 200px;
    }

    .user_consent_text .title {
        display: block;
        font-weight: 600;
        font-size: 14px;
        margin-top: 10px;
    }

    .user_consent_text .desc {
        overflow: auto;
        position: absolute;
        top: 0px;
        bottom: 80px;
        width: 100%;
        background: #f9f9f9;
        z-index: 100;
        display: block;
        line-height: 1.4em;
        font-size: 11px;
        padding: 30px;
    }

    .user_consent_text .btn_line {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 0px 30px 20px 30px;
    }

    .user_consent_text .btn-agree {
        min-width: 0;
        max-width: 48%;
        margin: 0 2% 0 0;
        width: auto;
        display: block;
        font-size: 12px;
        float: left;
        border: 1px solid #9F7D23;
        transition: color .3s, background-color .3s;
        color: inherit;
    }

        .user_consent_text .btn-agree:hover {
            background-color: #fff;
            color: #9F7D23;
        }

.form-group.userconsent .checkbox-custom {
    width: 20px;
    height: 20px;
    border: 1px solid #9F7D23;
    position: absolute;
    left: 0;
    top: 0;
}

.user_consent_text .btn-cancel {
    max-width: 48%;
    background-color: #fff;
    font-size: 12px;
    color: #9F7D23;
    margin: 0 0 0 0;
    border: 1px solid #9F7D23;
    transition: color .3s, background-color .3s;
    display: block;
    float: left;
    width: auto;
}

    .user_consent_text .btn-cancel:hover {
        background-color: #9F7D23;
        color: #fff;
    }

.contacts_blocks .user_consent_label span.input-checkbox__name {
    padding-right: 55px;
}

.callback-fixed {
    background-image: url('../images/defult/phone-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #00ba9e;
    width: 92px;
    height: 92px;
    position: fixed;
    bottom: 0px;
    /* left: calc(50% + 640px - 92px);
     */
    right: 70px;
    z-index: 100;
    opacity: 0;
    transition: opacity .2s, background-color .2s;
}

    .callback-fixed:hover {
        background-color: #382E2C;
    }

.callback-fixed--active {
    opacity: 1;
}

.callback-fixed__container {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    overflow: hidden;
    background-color: #00ba9e;
    transition: .4s;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.callback-fixed__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 412px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    text-align: center;
    padding: 0 3.5em;
    padding-left: 0;
}

.defult .callback-fixed__inner {
    padding: 0 2em;
}

.callback-fixed a {
    color: #fff;
    display: block;
}

.callback-fixed__phone {
    font-family: ' Aileron-Regular';
    /* width: 50%; */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
}

    .callback-fixed__phone span {
        color: #fff;
        margin-left: 3em;
        font-size: .8rem;
    }

    .callback-fixed__phone a {
        color: #fff;
        font-size: .8rem;
    }

.callback-fixed--hover .callback-fixed__container {
    width: 430px;
}

.callback-fixed__inner .fancybox-form {
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
}

.callback-fixed--adap {
    display: none;
}

.super-wrapper--out .callback-fixed {
    display: none !important;
}

@media(max-width: 1699px) {
    .callback-fixed {
        width: 62px;
        height: 62px;
        background-size: 31px
    }
}

@media(max-width: 991px) {
    .callback-fixed {
        right: 15px;
        left: auto;
        bottom: auto !important;
        top: 0;
    }
}

@media(max-width: 767px) {
    .callback-fixed {
        width: 42px;
        height: 42px;
        background-size: 21px;
    }

    .callback-fixed--adap {
        display: block;
    }

    .callback-fixed--desktop {
        display: none;
    }
}

@media(max-width: 430px) {
    .callback-fixed__inner {
        width: 100vw;
    }
}



.footer-develop__jpg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/local/templates/etalon/images/svg/bq.svg) no-repeat center;
    background-size: contain;
    z-index: 2;
    transition: opacity .3s
}

body.IE .footer-develop {
    overflow: hidden;
}

.footer-develop__gif {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: contain;
    opacity: 0;
}

.footer-develop.footer-develop.hover .footer-develop__jpg {
    opacity: 0;
}

.footer-develop.footer-develop.hover .footer-develop__gif {
    opacity: 1;
}

.footer-develop__gif img {
    width: 100%;
}

.footer-adap {
    display: none;
    padding-top: 30px;
    padding-bottom: 10px;
}

.footer-adap__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-adap__item {
    width: 50%;
}

.footer-adap__link {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
}

    .footer-adap__link a {
        color: #231F20
    }

.footer-adap__item--right {
    font-family: ' Aileron-Regular';
}

    .footer-adap__item--right a[href^="tel"], .footer-adap__item--right a[href^="mailto"] {
        font-size: 16px;
        display: block;
        margin-bottom: 15px;
        color: #231F20;
        text-transform: uppercase;
    }

.footer-adap .footer-soc {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7px;
}

.footer-adap .footer-soc__item {
    margin-left: 0;
}

.footer-adap .footer-soc__item--vk:before {
    background-image: url(/local/templates/etalon/images/svg/vk-gold.svg);
}

.footer-adap .footer-soc__item--vk:after {
    background-image: url(/local/templates/etalon/images/svg/vk-gold.svg);
}

.footer-adap .footer-soc__item--fb:before {
    background-image: url(/local/templates/etalon/images/svg/fb-gold.svg);
}

.footer-adap .footer-soc__item--fb:after {
    background-image: url(/local/templates/etalon/images/svg/fb-gold.svg);
}

.footer-adap .footer-soc__item--in:before {
    background-image: url(/local/templates/etalon/images/svg/in-gold.svg);
}

.footer-adap .footer-soc__item--in:after {
    background-image: url(/local/templates/etalon/images/svg/in-gold.svg);
}

@media(max-width: 1599px) {
    .main-menu__soc {
        left: auto;
        right: 275px;
    }
}

@media(max-width: 1399px) {
    .main-menu__soc {
        bottom: 11px;
        right: 220px;
    }

    .main-menu__bottom-wrap .container {
        position: relative
    }
}

@media(max-width: 1199px) {
    .footer-top__item--logo {
        display: none;
    }

    .footer-top__item {
        width: 33.33%;
    }
    /* .main-menu__soc {
         left: calc(60% - 80px);
    }
     */
    .main-menu__phone, .main-menu__bottom .btn {
        margin-right: 15px;
    }

    .main-menu__bottom .btn {
        width: 170px;
    }

    .main-menu-soc__item {
        margin: 0 7px;
    }
}

@media(max-width: 991px) {
    .main-menu .footer-develop > span, .main-menu .footer-develop > a {
        color: #231F20
    }

    .main-menu .footer-develop__jpg {
        background: url(/local/templates/etalon/images/svg/bq-white.svg) no-repeat center;
        background-size: contain;
    }

    footer .container {
        padding: 0 15px;
    }

    .main-menu__soc {
        position: static;
        margin-bottom: 25px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 25px;
    }

    .main-menu-soc__item--vk:before {
        background-image: url(/local/templates/etalon/images/svg/vk.svg);
    }

    .main-menu-soc__item--vk:after {
        background-image: url(/local/templates/etalon/images/svg/vk.svg);
    }

    .main-menu-soc__item--fb:before {
        background-image: url(/local/templates/etalon/images/svg/fb.svg);
    }

    .main-menu-soc__item--fb:after {
        background-image: url(/local/templates/etalon/images/svg/fb.svg);
    }

    .main-menu-soc__item--in:before {
        background-image: url(/local/templates/etalon/images/svg/in.svg);
    }

    .main-menu-soc__item--in:after {
        background-image: url(/local/templates/etalon/images/svg/in.svg);
    }

    .main-menu-soc__item {
        margin-left: 0;
    }
}

@media(max-width: 767px) {
    .footer-top__item {
        width: 50%;
    }

        .footer-top__item:last-child {
            width: 100%;
        }

    .footer-top {
        display: none;
    }

    .footer-top-sertif {
        text-align: center;
    }

    .footer-top {
        padding-top: 36px;
        padding-bottom: 20px;
    }

    .footer-adap {
        display: block;
    }

    .footer-bottom {
        background-color: #fff;
        color: #231F20;
    }

    .footer-bottom__inner {
        display: block;
    }

    .footer-bottom .footer-develop > span, .footer-bottom .footer-develop > a {
        color: #231F20;
    }

    .footer-bottom .footer-soc {
        display: none;
    }

    .footer-copy {
        text-align: left;
        margin-bottom: 10px;
    }
}

@media(max-width: 600px) {
    .footer-adap {
        display: block;
    }

    .footer-adap__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-adap__link {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .footer-adap__item--right a[href^="tel"], .footer-adap__item--right a[href^="mailto"] {
        margin-bottom: 12px;
    }

    .footer-bottom {
        padding-top: 10px;
    }

    .footer-copy, .footer-develop > span, .footer-develop > a {
        font-size: 14px;
    }
}
/*footer -- end*/
.footer-develop {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    z-index: 1;
}
/*.people-list -- start*/
.people-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 70px;
    margin-bottom: 80px;
}

.people-list__item {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33.33% - 20px);
    margin-bottom: 40px;
    display: block;
}

.people-list__img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 31px;
}

    .people-list__img:before {
        content: "";
        display: block;
        padding-top: 126%;
    }

.people-list__text {
    font-size: 16px;
    line-height: 26px;
}

.people-list__title {
    color: #00ba9e;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: ' Aileron-Regular';
    margin-bottom: 15px;
}

.people-list__text {
    font-size: 22px;
    line-height: 32px;
    color: #231F20;
}

@media(max-width: 1299px) {
    .people-list__item {
        width: calc(50% - 20px);
    }

    .people-list {
        margin-top: 50px;
        margin-bottom: 66px;
    }
}

@media(max-width: 1199px) {
}

@media(max-width: 991px) {
    .people-list__img {
        margin-bottom: 20px;
    }

    .people-list__title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .people-list__text {
        font-size: 20px;
        line-height: 30px;
    }

    .people-list {
        margin-top: 50px;
    }

    .people-list {
        margin-top: 30px;
        margin-bottom: 46px;
    }
}

@media(max-width: 767px) {
}

@media(max-width: 600px) {
    .people-list__item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .people-list {
        margin-left: 0;
        margin-right: 0;
    }

    .people-list__img {
        margin-bottom: 10px;
    }

    .people-list__title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .people-list__text {
        font-size: 16px;
        line-height: 28px;
    }

    .people-list {
        margin-top: 30px;
    }
}

@media(max-width: 400px) {
}

@media (max-height: 800px) and (min-width: 1199px) {
}

.scrollbar-thumb {
    background-color: #00ba9e !important;
}

.animate__block {
    margin-bottom: 58px;
    margin-top: 80px;
}

.anim-item {
    opacity: 0;
    transition: opacity .5s
}

.anim-item--active {
    opacity: 1;
}

.animate-block__item {
    padding-top: 60px;
    padding-bottom: 60px;
}

.IE .animate-block__item, .ie-10 .animate-block__item, .ie-11 .animate-block__item {
    opacity: 1 !important;
    transform: none !important;
}

.animate-block__img {
    width: 51%;
    padding-top: 34%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.animate-block__info {
    width: 49%;
}

.animate-block__title {
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    color: #C9A242;
    margin-bottom: 25px;
}

.animate-block__text {
    font-size: 22px;
    line-height: 32px;
}

    .animate-block__text a {
        color: #00ba9e;
        transition: .2s;
    }

        .animate-block__text a:hover {
            color: #022647;
        }

.animate-block__info {
    padding-top: 40px;
    padding-left: 105px;
    padding-right: 105px;
    float: left;
}

.animate-block__item:first-child {
    padding-top: 0;
}

.animate-block__item:nth-child(even) .animate-block__img {
    float: right;
}

@media(max-width: 1700px) {
    .animate-block__info {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 20px;
    }

    .animate-block__img {
        width: 40%;
        padding-top: 27%;
    }

    .animate-block__info {
        width: 60%;
    }
}

@media(max-width: 1399px) {
    .animate-block__text {
        font-size: 20px;
        line-height: 30px;
    }
}

@media(max-width: 1199px) {
    .animate-block__item {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .animate-block__text {
        font-size: 18px;
        line-height: 28px;
    }

    .animate-block__info {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
    }

    .animate__block {
        margin-top: 70px;
        margin-bottom: 38px;
    }
}

@media(max-width: 991px) {
    .animate-block__text {
        font-size: 16px;
        line-height: 26px;
    }

    .animate-block__item {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .animate__block {
        margin-top: 50px;
        margin-bottom: 38px;
    }
}

@media(max-width: 767px) {
    .animate-block__img, .animate-block__item:nth-child(even) .animate-block__img {
        width: 100%;
        padding-top: 67%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 15px;
    }

    .animate-block__info {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }

    .animate-block__title {
        text-align: center;
        margin-bottom: 10px;
    }
}

.retern-btn {
    width: 85px;
    height: 85px;
    background-color: #fff;
    position: fixed;
    left: 45px;
    margin-bottom: 45px;
    display: block;
    border-radius: 50%;
    z-index: 1;
    transition: background-color .3s;
    opacity: 0;
    transition: opacity .2s;
}

.retern-btn--ready {
    opacity: 1;
}

.retern-btn:before, .retern-btn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    transition: opacity .3s;
}

.retern-btn:before {
    background-image: url(/local/templates/etalon/images/svg/arrow-return-gold.svg);
}

.retern-btn:after {
    background-image: url(/local/templates/etalon/images/svg/arrow-return-white.svg);
    opacity: 0;
}

.retern-btn:hover:before {
    opacity: 0;
}

.retern-btn:hover:after {
    opacity: 1;
}

.retern-btn:hover {
    background-color: #00ba9e
}

@media (max-width: 1699px) {
    .retern-btn {
        width: 65px;
        height: 65px;
        margin-bottom: 25px;
    }
}

@media (max-width: 1199px) {
    .retern-btn {
        width: 42px;
        height: 42px;
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .retern-btn {
        left: 15px;
    }
}

@media (max-width: 767px) {
    .retern-btn {
        background-color: #00ba9e;
        display: none;
    }

        .retern-btn:before {
            display: none;
        }

        .retern-btn:after {
            opacity: 1;
        }
}

.scrollbar-thumb {
    background: rgb(160, 128, 50);
}
/*footer -- end*/
#toTop {
    transform: rotate(180deg);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    background-color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 999;
    transition: background-color .3s;
    display: none;
}

    #toTop:before, #toTop:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(/local/templates/etalon/images/drop-arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
    }

    #toTop:before {
        opacity: 1;
    }

    #toTop:after {
        background-image: url(/local/templates/etalon/images/drop-arrow-white.svg);
        opacity: 0;
    }

    #toTop:hover {
        background-color: #E63346;
    }

        #toTop:hover:after {
            opacity: 1;
        }

        #toTop:hover:before {
            opacity: 0;
        }

.fancybox-slide.plans {
    background-color: #fff;
}

.content--contacts {
    padding: 0 !important;
}

.contacts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contacts__left {
    width: 493px;
    padding: 120px 15px 120px 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -ms-justify-content: space-between;
}

    .contacts__left .pagetitle {
        margin-top: auto;
        margin-bottom: auto;
    }

.contacts__right {
    position: relative;
    min-height: 100vh;
    width: calc(100% - 493px)
}

#contacts__map {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.contacts__info {
    margin-bottom: auto;
    font-size: 22px;
    line-height: 35px;
}

    .contacts__info a {
        color: #231F20;
        display: block;
    }

.contacts-phone, .contacts-mail, .contacts-time, .contacts-block__adress {
    padding-left: 32px;
    position: relative;
    font-size: 22px;
    line-height: 35px;
}

.contacts-phone {
    margin-bottom: 20px;
}

.contacts-mail {
    margin-bottom: 20px;
}

.contacts-time {
    margin-bottom: 46px;
}

.contacts-block {
    margin-bottom: 20px;
}

.contacts-phone:before, .contacts-mail:before, .contacts-time:before, .contacts-block__adress:before {
    position: absolute;
    left: 0;
    top: 9px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

.contacts-block__title {
    font-size: 16px;
    line-height: 26px;
    padding-left: 32px;
}

.contacts-phone:before {
    background-image: url(/local/templates/etalon/images/phone.svg);
}

.contacts-mail:before {
    background-image: url(/local/templates/etalon/images/mail.svg);
}

.contacts-time:before {
    background-image: url(/local/templates/etalon/images/clockc.svg);
}

.contacts-block__adress:before {
    background-image: url(/local/templates/etalon/images/locat.svg);
}

@media(max-width: 1299px) {
    .contacts__left {
        width: 400px;
    }

    .contacts__right {
        width: calc(100% - 400px)
    }

    .contacts__info {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (min-width: 992px) and (max-height: 750px) {
    .contacts__info {
        font-size: 18px;
        line-height: 28px;
    }

    .contacts__left {
        width: 350px;
    }

    .contacts__right {
        width: calc(100% - 350px)
    }
}

@media(max-width: 991px) {
    .contacts__info {
        font-size: 18px;
        line-height: 28px;
    }

    .contacts__left {
        width: 350px;
        padding-left: 15px;
    }

    .contacts__right {
        width: calc(100% - 350px)
    }
}

@media(max-width: 767px) {
    .contacts__info {
        font-size: 16px;
        line-height: 26px;
    }

    .contacts__left {
        width: 250px;
    }

    .contacts__right {
        width: calc(100% - 250px)
    }

    .contacts-phone, .contacts-mail, .contacts-time, .contacts-block__adress {
        font-size: 19px;
        line-height: 31px;
    }

        .contacts-phone:before, .contacts-mail:before, .contacts-time:before, .contacts-block__adress:before {
            top: 7px;
        }
}

@media(max-width: 600px) {
    .contacts__left {
        width: 100%;
        padding-bottom: 20px;
        padding-top: 90px;
    }

    .contacts__info {
        padding-top: 20px;
    }

    .contacts__right {
        width: 100%;
        height: 300px
    }

    .contacts {
        display: block;
    }

    .content.content--contacts {
        flex: none;
    }

    .wrapper.wrapper--contact {
        min-height: 0;
        height: auto;
    }

        .wrapper.wrapper--contact .wrapper__in {
            min-height: 0;
        }
}

.fancybox-slide--image {
    background-color: #fff;
}

.fancybox-button, .fancybox-infobar__body {
    background-color: #00ba9e;
    color: #fff;
    transition: background-color .2s;
    border-radius: 0 !important;
}

    .fancybox-button:hover {
        background: #382E2C;
    }

.fancybox-button--thumbs, .fancybox-button--fullscreen, .fancybox-button--play {
    display: none !important;
}

.form-result {
    text-align: left;
    font-family: ' Aileron-Regular';
    font-size: 20px;
    padding: 35px;
}

.fancybox-close-small {
    display: none !important;
}
/* .fancybox-image, .fancybox-spaceball {
     max-height: calc(100vh - 50px);
     max-width: calc(100vw - 50px);
}
*/
/* img.fancybox-image {
     right: 0;
     bottom: 0;
     margin: auto;
}
 .fancybox-show-buttons.fancybox-controls--canGrab img.fancybox-image {
     width: auto;
     height: auto;
}
 .fancybox-show-buttons.fancybox-controls--canzoomIn img.fancybox-image {
     max-width: 80vw;
     max-height: 80vh;
}
*/
/* .fancybox-slider-wrap, .fancybox-slider {
     background: #fff;
}
 */
/* End */
/* Start:/local/components/bquadro/catalog.favorites/templates/.default/style.css?15883492862128*/
.favorites-msg__img {
    width: 150px;
    height: 120px;
    position: relative;
    float: left;
}

    .favorites-msg__img img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

.favorites-msg {
    padding: 20px 0;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 5px 15px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.3);
    -ms-box-shadow: 0px 5px 15px rgba(0,0,0,.3);
    -o-box-shadow: 0px 5px 15px rgba(0,0,0,.3);
}

.favorites-msg__text {
    float: left;
    padding-left: 54px;
    padding-top: 16px;
    max-width: 400px;
}

.favorites-msg__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}

.favorites-msg__subtitle {
    font-size: 14px;
    color: #959595;
}

.favorites-msg__link {
    float: right;
    padding-left: 36px;
    font-size: 15px;
    position: relative;
    margin-top: 40px;
    color: #231f20;
    transition: .2s;
    margin-right: 105px;
    line-height: 30px;
    display: inline-block;
}

    .favorites-msg__link:before {
        content: '';
        background-image: url(/local/components/bquadro/catalog.favorites/templates/.default/images/star-gold-full.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
    }

    .favorites-msg__link:hover {
        color: #231f20;
    }

.favorites-msg .container {
    position: relative;
}

.favorites-msg__close {
    width: 30px;
    height: 30px;
    background-image: url(/local/components/bquadro/catalog.favorites/templates/.default/images/close-gold.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 15px;
    top: 0;
    position: absolute;
    cursor: pointer;
}

@media(max-width: 991px) {
    .favorites-msg__img {
        display: none;
    }

    .favorites-msg__text {
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 20px;
    }

    .favorites-msg__link {
        margin-top: 20px;
        margin-right: 55px;
    }
}

@media(max-width: 767px) {
    .favorites-msg__text {
        float: none;
        max-width: 100%;
    }

    .favorites-msg__link {
        float: none;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .favorites-msg .container {
        padding-right: 60px;
    }
}
/* End */
body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/*.front img {
    max-width: calc(100vw - 100px);
    max-height: calc(100vh - 200px);
}

@media (min-width: 990px) and (max-height: 800px) {
    .front img {
        max-width: calc(100vw - 200px);
        max-height: calc(100vh - 200px);
    }
}

@media (max-width: 991px) {
    .front img {
        max-width: calc(100vw - 200px);
        max-height: calc(100vh - 300px);
    }
}

@media (min-width: 768px) and (max-width: 991px) and (max-height: 600px) {
    .front img {
        max-width: calc(100vw - 200px);
        max-height: calc(100vh - 150px);
    }
}

@media (max-width: 767px) {
    .front img {
        max-width: 100%;
        max-height: 100%;
    }
}*/


.callback-fixed {
    bottom: 0 !important;
}

.front-preload {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 105;
}

    .front-preload svg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 75px;
        height: 75px;
    }

    .front-preload #preloader-circle {
        animation-iteration-count: infinite;
        -webkit-animation-duration: 5s;
        -o-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-name: preloader;
        -o-animation-name: preloader;
        animation-name: preloader;
        transform-origin: center;
        stroke-dashoffset: 141;
        stroke-dasharray: 141;
        stroke-width: 1.5;
        animation-timing-function: linear;
    }

@keyframes preloader {
    0% {
        stroke-dashoffset: 141;
        transform: rotate(0deg);
    }

    100% {
        stroke-dashoffset: -141;
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    .front-preload svg {
        width: 100px;
        height: 100px;
    }
}

.parallaxEl {
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: 1s ease-out;
}

.front {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    font-family: ' Aileron-Regular';
}

.front-wr {
    height: calc(100vh + 40px);
    overflow: auto;
}

.front .container {
    position: relative;
    height: 100vh;
    padding-top: 30px;
    padding-bottom: 30px;
}

.front-list {
    position: relative;
    z-index: 2;
    width: 4000vw;
}

    .front-list, .front-list .scroll-content {
        height: 100vh;
    }

.front-list__cont {
    display: block;
    height: 100vh;
    overflow-y: hidden;
}

.frsec {
    overflow: hidden;
    float: left;
    height: 100vh;
}

.front__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.front__back-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    /*background: no-repeat center;*/
    background-size: cover;
}

    .front__back-item.active {
        opacity: 1;
    }

.frsec--mb {
    display: none;
}

@media (max-width: 767px) {
    .wrapper {
        overflow: hidden;
    }

    .frsec--mb {
        display: block;
    }

    body {
        overflow: auto;
    }

    .front {
        height: auto;
        overflow: auto;
    }

    .front-wr {
        height: auto;
    }

    .front-list, .front-list .scroll-content {
        height: auto;
    }

    .front-list {
        width: 100vw !important;
    }

    .frsec {
        height: auto;
        width: 100%;
    }

    .front .container {
        height: auto;
        width: 100%;
    }

    .front__back {
        display: none;
    }

    .front-list__cont {
        height: auto;
        overflow: auto;
    }

    .parallaxEl {
        transform: matrix(1, 0, 0, 1, 0, 0) !important;
    }
}

.main-slider {
    width: 100vw;
    height: 100vh;
    display: flex;
    display: -ms-flex;
    position: relative;
    background: #000;
}

.main-slider__fone {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.main-slider__fone-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: no-repeat center;
    background-size: cover;
    transition: opacity 1s ease-out, transform 15s ease-out;
}

.main-slider__fone-item {
    opacity: 0;
    transform: scale(1);
}

    .main-slider__fone-item.last {
        transform: scale(1.3);
        opacity: 0;
    }

    .main-slider__fone-item.active {
        transform: scale(1.3);
        opacity: 1;
    }

.main-slider__list {
    margin: 0;
    position: static;
}

.main-slider__block {
    position: absolute;
    bottom: 20%;
    right: 70px;
    background: #fff;
    width: 372px;
    padding: 34px 30px 70px;
    opacity: 0;
    transition: 0.4s ease opacity;
}

.main-slider.main-slider--loaded .main-slider__block {
    opacity: 1;
}

.main-slider-card__text {
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #00ba9e;
    font-family: ' Aileron-Regular';
}

.main-slider__block .slick-prev, .main-slider__block .slick-next {
    position: absolute;
    left: 30px;
    bottom: 30px;
    top: auto;
    margin: 0;
    cursor: pointer;
}

    .main-slider__block .slick-prev:before, .main-slider__block .slick-next:before {
        content: "";
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background: url(../images/defult/mslider_arr.svg) no-repeat center top;
        margin: auto;
        opacity: 1;
    }

    .main-slider__block .slick-prev:hover:before, .main-slider__block .slick-next:hover:before {
        background-position: center;
    }

    .main-slider__block .slick-prev:before {
        transform: rotate(180deg);
    }

.main-slider__block .slick-next {
    left: 60px;
}

.main-slider__knob {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}

.main-slider__knob-list {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #00ba9e;
    text-align: center;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    font-family: ' Aileron-Regular';
}

.main-slider__top {
    text-align: center;
}

.main-slider__top-adap {
    text-align: center;
    display: none;
}

.main-slider__logo {
    margin: 0 auto 50px;
}

.main-slider__title {
    font-size: 55px;
    line-height: 1.18;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: ' Aileron-Regular';
}

.main-slider__bottom {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 0 15px;
}

.main-slider__scroll {
    width: 67px;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-bottom: 12px;
    background: url(/upload/front/mslider_scroll.svg) no-repeat center bottom;
}

.main-slider__apart {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@media (min-width: 990px) and (max-height: 800px) {
    .main-slider__title {
        font-size: 40px;
    }

    .main-slider__logo {
        margin-bottom: 30px;
    }

    .main-slider-card__text {
        font-size: 1rem;
        direction: rtl;
        margin: .5em 0;
    }

    .main-slider__block {
        bottom: 100px;
        padding: 20px 20px 70px;
        width: 300px;
    }

        .main-slider__block .slick-prev {
            left: 20px;
        }

        .main-slider__block .slick-next {
            left: 50px;
        }

    .main-slider__logo img {
        max-height: 100px;
    }
}

@media (min-width: 990px) and (max-height: 600px) {
    .main-slider__block {
        bottom: 60px;
    }
}

@media (max-width: 991px) {
    .main-slider__logo img {
        max-height: 100px;
    }

    .main-slider__title {
        font-size: 40px;
    }

    .main-slider__logo {
        margin-bottom: 30px;
        visibility: hidden;
    }

    .main-slider-card__text {
        font-size: 15px;
    }

    .main-slider__block {
        right: 15px;
        bottom: 100px;
        padding: 20px 20px 70px;
        width: 300px;
    }

        .main-slider__block .slick-prev {
            left: 20px;
        }

        .main-slider__block .slick-next {
            left: 50px;
        }
}

@media (min-width: 768px) and (max-width: 991px) and (max-height: 600px) {
    .main-slider-card__text {
        font-size: 13px;
    }

    .main-slider__title {
        font-size: 30px;
    }

    .main-slider__logo {
        margin-bottom: 20px;
    }

        .main-slider__logo img {
            max-height: 80px;
        }
}

@media (max-width: 767px) {
    .main-slider {
    }

    .main-slider__apart {
        display: none;
    }

    .main-slider__scroll {
        padding-bottom: 25px;
        position: relative;
        background: none;
    }

        .main-slider__scroll:before {
            content: "";
            position: absolute;
            width: 25px;
            height: 10px;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            background: url(/upload/front/mslider_scroll.svg) no-repeat center right;
            transform: rotate(90deg)
        }

    .main-slider .container {
        height: calc(100vh - 150px);
        min-height: 450px
    }

    .main-slider__title {
        font-size: 30px;
    }

    .main-slider__block {
        bottom: 25px;
        padding-bottom: 60px;
        width: 250px;
    }

    .main-slider-card__text {
        font-size: 12px;
    }

    .main-slider__knob {
        bottom: 10px;
    }

    .main-slider__block .slick-prev, .main-slider__block .slick-next {
        bottom: 20px;
    }

    .main-slider__top {
        display: none;
    }

    .main-slider__top-adap {
        display: block;
        margin-top: 40px;
    }
}

@media (max-width: 500px) {
    .main-slider__block .slick-prev:before, .main-slider__block .slick-next:before {
        background-position: center bottom;
    }

    .main-slider__knob-list {
        color: #fff;
    }

    .main-slider__list .slick-list {
        visibility: hidden;
    }

    .main-slider__block {
        right: auto;
        left: 0;
        bottom: 10px;
        background: transparent;
        width: 170px;
    }

    .main-slider__scroll {
        position: absolute;
        right: 15px;
        bottom: 0;
    }

    .main-slider__title {
        font-size: 25px;
        line-height: 35px;
    }
}

.frsec__img {
    position: relative;
}

.frsec__col--vs .img-1 {
    width: 270px !important;
    height: 370px;
}

.frsec__col--2_1 .frsec__img-cont::before {
    width: 331px !important;
    height: 435px !important;
}

.frsec__img-in {
    position: absolute;
    z-index: 2;
    /*width: 100%;
    */
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: no-repeat center;
    background-size: cover;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.frsec__img-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.frsec__col--vs .frsec__img-in {
    width: 100%;
    height: 100%;
}

.frsec__img:after {
    content: "";
    display: block;
}

.frsec-in {
    display: flex;
    height: 100%;
}

.frsec__col {
    display: flex;
    align-items: center;
    background: #fff;
}

.frsec__title {
    font-size: 1.5em;
    line-height: 1.5;
    font-family: ' Aileron-Regular';
    margin: 6em 8em;
    margin-bottom: 3em;
}

.frsec__num {
    font-size: 30px;
    line-height: 1;
    color: #00ba9e;
    font-family: ' Aileron-Regular';
    letter-spacing: 2.4px;
    z-index: 2;
}

.frsec__num-big {
    font-size: 50px;
    line-height: 1;
    color: #00ba9e;
    display: inline;
}

.frsec__text {
    position: relative;
    -webkit-transform: translate(150px, 0);
    -ms-transform: translate(150px, 0);
    transform: translate(150px, 0);
    opacity: 0;
    -webkit-transition: opacity 0.7s, -webkit-transform 0.5s;
    transition: opacity 0.7s, -webkit-transform 0.5s;
    -o-transition: opacity 0.7s, transform 0.5s;
    transition: opacity 0.7s, transform 0.5s;
    transition: opacity 0.7s, transform 0.5s, -webkit-transform 0.5s;
    width: 100%;
}

.frsec__col--vs .frsec__text {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
}

.frsec__title2 {
    font-size: 1rem;
    line-height: 1.3;
    color: #00ba9e;
    font-family: ' Aileron-Regular';
    text-transform: uppercase;
    margin-bottom: 25px;
}

.frsec__col--3_3 .width-80 {
    line-height: 24px;
    width: 86%;
    direction: rtl;
    font-size: .9rem;
}

.frsec__title.frsec__title--big {
    font-size: 120px;
    line-height: 1.05;
    letter-spacing: 2.5px
}

.frsec__text-wr {
    font-size: 1rem;
    line-height: 1.47;
    width: 60%;
    direction: rtl;
}

    .frsec__text-wr a {
        color: #00ba9e;
        transition: .2s;
    }

        .frsec__text-wr a:hover {
            color: #022647;
        }

.frsec__img-text {
    font-family: ' Aileron-Regular';
    font-size: 1rem;
    line-height: 16px;
    color: #00ba9e;
}
/* .img-3 .frsec__img-in{
    width: 445px;
height: 506px;
} */
.img-4 {
    margin-top: -9em;
}

.img-5 .frsec__img-in {
    top: 6.5em;
    width: 700px;
    height: 444px;
}

.text-about-defult {
    margin-top: 11em !important;
    width: 65% !important;
}

.img-6 .frsec__img-in {
    width: 896px;
    height: 160px;
    margin-top: 0.1em !important;
}



@media (max-width: 1300px ) {
    .frsec__title.frsec__title--big {
        font-size: 100px;
    }
}

@media (min-width: 1000px ) and (max-height: 750px) {
    .frsec__title.frsec__title--big {
        font-size: 80px;
    }
}

@media (min-width: 1000px ) and (max-height: 650px) {
    .frsec__title {
        font-size: 30px;
    }

    .frsec__num {
        font-size: 22px;
    }

    .frsec__num-big {
        font-size: 50px;
    }

    .frsec__title2 {
        font-size: 22px;
    }

    .frsec__text-wr {
        font-size: 16px;
    }

    .frsec__img-text {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (max-width: 1000px ) {
    .frsec__title {
        font-size: 30px;
    }

    .frsec__num {
        font-size: 22px;
        line-height: 1;
    }

    .frsec__num-big {
        font-size: 50px;
        line-height: 1
    }

    .frsec__title2 {
        font-size: 22px;
    }

    .frsec__text-wr {
        font-size: 16px;
    }

    .frsec__title.frsec__title--big {
        font-size: 80px;
    }

    .frsec__img-text {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (max-width: 767px) {
    .frsec {
        overflow: hidden;
    }

    .frsec-in, .frsec__col {
        display: block;
    }

    .frsec__title {
        font-size: 35px;
    }

        .frsec__title.frsec__title--big {
            font-size: 35px;
            line-height: 1.2;
        }

    .frsec__num {
        font-size: 18px;
        letter-spacing: normal;
    }

    .frsec__num-big {
        font-size: 40px;
    }

    .frsec__img-text {
        display: none;
    }
}

@media (max-width: 600px) {
    .frsec__title {
        font-size: 30px;
    }

        .frsec__title.frsec__title--big {
            font-size: 30px;
        }
}

@media (max-width: 450px) {
    .frsec__num {
        font-size: 12px;
    }

    .frsec__num-big {
        font-size: 30px;
    }

    .frsec__title {
        font-size: 22px;
    }

    .frsec__title2 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .frsec__text-wr {
        font-size: 14px;
    }

    .frsec__title.frsec__title--big {
        font-size: 22px;
    }
}

@media (max-width: 350px) {
    .frsec__title.frsec__title--big {
        font-size: 22px;
    }
}

.frsec__col--2_1 {
    width: 862px;
    padding: 90px 45px;
    position: relative;
}

    .frsec__col--2_1:before {
        content: "";
        width: 280px;
        height: 383px;
        position: absolute;
        top: -79px;
        right: 160px;
        background: url(../images/defult/back1.png) no-repeat center;
        background-size: contain;
    }

    .frsec__col--2_1 .frsec__img {
        position: relative;
        width: 478px;
    }

        .frsec__col--2_1 .frsec__img:after {
            padding-top: 143%;
        }

    .frsec__col--2_1 .frsec__img-cont:before {
        content: "";
        position: absolute;
        width: calc(100% + 90px);
        height: calc(100% + 90px);
        top: -31px;
        left: -27px;
        background: #7edcce;
    }

    .frsec__col--2_1 .frsec__img .frsec__img-in {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .frsec__col--2_1 .frsec__img--decor:after, .frsec__col--2_1 .frsec__img--decor:before {
        display: none;
    }

    .frsec__col--2_1 .frsec__img--decor {
        width: 560px;
        position: absolute;
        top: 0;
    }

.frsec__col--2_2 {
    width: 800px;
    padding-left: 119px;
    align-items: flex-end;
    position: relative;
    padding-right: 11vw;
}

.frsec--2 .weight {
    text-transform: uppercase;
    font-weight: 100;
    font-family: ' Aileron-Regular';
    font-size: 53px;
    direction: ltr;
    text-align: left;
    line-height: 55px;
    color: #000;
    letter-spacing: -2px;
}


.fr-about_quote {
    position: relative;
    z-index: 2;
}

    .fr-about_quote .frsec__img {
        width: 625px;
        position: absolute;
        left: 0;
        top: -67px;
        transform: translate(0, -100%);
    }

    .fr-about_quote .frsec__img {
        padding-top: 56%
    }


.fr-about_quote-text {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    padding-left: 0;
    position: relative;
    font-family: ' Aileron-Regular';
    direction: ltr;
    text-align: justify;
    overflow: hidden;
    color: #888;
}

.desc_bocaveli_two .weight {
    font-size: 3.8vw;
    font-weight: 100;
    text-align: left;
    line-height: 58px;
    width: 293px;
}

.frsec--7 span {
    font-weight: bold;
}

.frsec--5 .frsec__col--2_2 {
    width: 800px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 148px;
}

.frsec--7 .frsec__col--3_3 {
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 70px;
    flex-direction: column;
}

.bold {
    font-weight: bold;
}

.frsec--10 .title_news {
    letter-spacing: 0;
    font-size: 4vw;
    font-weight: 100;
    text-align: left;
    line-height: 71px;
    direction: ltr;
    width: 373px;
    color: #000;
    text-transform: uppercase;
}

.title_three, .title_Four {
    letter-spacing: 0;
    font-size: 3.5vw;
    font-weight: 100;
    text-align: left;
    line-height: 58px;
    direction: ltr;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.title_Four {
    font-size: 2.5vw;
    line-height: 45px;
}

.ptsc a {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
}




@media screen and (max-height: 560px) {
    html:not(.win-v) .ptsc a.btn {
        margin-top: 20px;
        line-height: 30px;
        padding: 0 20px;
        font-size: 10px;
    }
}

.ptsc {
    position: relative;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    z-index: 2;
}

    .ptsc .btn-animate-01 {
        position: relative;
        overflow: hidden;
    }

    .ptsc a.btn-animate-01 span {
        position: relative;
        z-index: 2;
        font-size: 14px;
    }

    .ptsc.white .btn-animate-01 {
        color: #fff;
    }

    .ptsc a.btn-animate-01:after {
        content: '';
        position: absolute;
        width: 0;
        height: 100%;
        right: 0;
        top: 0;
        transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        -webkit-transition: width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    }

    .ptsc a.btn-animate-01:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .ptsc a.btn-animate-01:hover:after {
        width: 100%;
        left: 0;
    }

    .text-white a.btn-animate-01:after, .ptsc a.btn-animate-01:before {
        background-color: #060708;
    }

    .text-white a.btn-animate-01:before, .ptsc a.btn-animate-01:after {
        background-color: #fff;
    }

    .ptsc a.btn-animate-01, .text-white a.btn-animate-01:hover {
        color: #fff;
    }

.text-white a.btn-animate-01, a.btn-animate-01:hover {
    color: #060708;
}

.ptsc a.btn {
    display: inline-block;
    margin-top: 24px;
    font-size: 14px;
    color: #565656;
    border-radius: 40px;
    padding: 0 20px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1281px) {

    .ptsc .item[data-w="0.5"] a.btn {
        margin-top: 40px;
    }
}

.ptsc a.btn:before {
    border: 1px solid #060708;
    background: transparent !important;
    border-radius: 50px;
    margin: 1px;
}

.ptsc .text-white a.btn {
    color: #fff;
}

    .ptsc .text-white a.btn:before {
        border-color: #fff;
    }

.ptsc a.btn:after {
    background-color: #060708;
}

.ptsc .text-white a.btn:after {
    background-color: #fff;
}

.ptsc a.btn, .ptsc .text-white a.btn:hover {
    color: #060708;
}

    .ptsc a.btn:hover {
        color: #fff;
    }

.ptsc a {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.ptsc.white a {
    color: #fff;
    border: 1px solid #fff;
}

.ptsc:not(.pic-list):not(.blog-list) {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}



.ptsc.white a.btn:after, .ptsc.white .text-white a.btn:after {
    background-color: #ffffffbd;
}

.frsec--9 .ptsc {
    width: 100%;
}

.frsec--9 .title_Four {
    font-size: 3vw;
}

.frsec--9 .frsec__col--3_3 {
    padding-left: 84px;
    padding-right: 127px;
    color: #fff;
}

.text-about-defult {
    font-size: .9rem !important;
    margin-top: -12px;
}

.frsec--11 .frsec__col--3_3 {
    background-color: transparent;
    height: 100vh;
    width: 50vw;
    color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-transform: uppercase;
    font-size: 3vw;
    line-height: 58px;
    text-align: center;
}

.frsec--5 .fr-about_quote-text {
    padding-right: 34px;
}

.frsec--5 .title_three {
    font-size: 3vw;
}

.text-about-defult a {
    color: #00ba9e !important;
    border-bottom: none !important;
}

.fr-about_quote-text:before {
    content: "";
}

.frsec--12 .frsec__col--5_2 {
    width: 1100px;
    padding-right: 0;
}

    .frsec--12 .frsec__col--5_2 .w-full {
        width: 83%;
        margin-right: 3em;
    }

.fr-about_quote-name {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-family: ' Aileron-Regular';
    letter-spacing: 0.6px;
}

.fr-about_quote-job {
    font-size: 22px;
    line-height: 1;
}

@media (min-width: 1000px ) and (max-height: 750px) {
    .frsec__col--2_1 {
        width: 550px;
        padding: 60px 30px;
    }

        .frsec__col--2_1:before {
            right: 60px;
        }

        .frsec__col--2_1 .frsec__img {
            width: 300px;
        }

        .frsec__col--2_1 .frsec__img-cont:before {
            width: calc(100% + 60px);
            height: calc(100% + 60px);
            top: -30px;
            left: -30px;
        }

    .fr-about_quote-name {
        font-size: 22px;
    }

    .fr-about_quote-job {
        font-size: 16px;
    }
}

@media (min-width: 1000px ) and (max-height: 650px) {
    .frsec__col--2_2 {
        width: 812px;
        padding-right: 175px;
        padding-bottom: 70px;
    }

    .fr-about_quote:before {
        width: 50px;
        height: 50px;
        top: -15px;
        left: -68px;
    }

    .frsec__col--2_2:before {
        width: 250px;
    }

    .frsec__col--2_2:after {
        width: 95px;
    }
}

@media (max-width: 1000px ) {
    .frsec__col--2_1 {
        width: 550px;
    }

        .frsec__col--2_1 .frsec__img {
            width: 300px;
        }

        .frsec__col--2_1:before {
            right: 60px;
        }

        .frsec__col--2_1 .frsec__img-cont:before {
            width: calc(100% + 60px);
            height: calc(100% + 60px);
            top: -30px;
            left: -30px;
        }

    .frsec__col--2_2 {
        width: 812px;
        padding-right: 175px;
        padding-bottom: 70px;
    }

    .fr-about_quote:before {
        width: 50px;
        height: 50px;
        top: -15px;
        left: -68px;
    }


    .fr-about_quote-name {
        font-size: 22px;
    }

    .fr-about_quote-job {
        font-size: 16px;
    }

    .frsec__col--2_2:before {
        width: 250px;
    }

    .frsec__col--2_2:after {
        width: 95px;
    }

    .frsec__col--2_2 {
        width: 600px;
        padding-right: 100px;
    }

    .fr-about_quote .frsec__img {
        width: 500px;
    }
}

@media (max-width: 767px ) {
    .frsec__col--2_1 {
        width: 100%;
        padding: 60px;
        background: #00ba9e;
        color: #fff;
    }

        .frsec__col--2_1:before {
            display: none;
        }

        .frsec__col--2_1 .frsec__img {
            margin: auto;
        }

    .frsec__col--2_2 {
        width: 100%;
        padding: 0 45px 45px;
        padding-left: 100px;
        color: #fff;
    }

    .fr-about_quote:before {
        background: url(/upload/front/fr_quote_wt.svg) no-repeat center;
        background-size: contain;
    }

    .fr-about_quote .frsec__img {
        display: none;
    }

    .frsec__col--2_2:before, .frsec__col--2_2:after {
        display: none;
    }
}

@media (max-width: 600px ) {

    .fr-about_quote-text, .fr-about_quote-name, .fr-about_quote-job {
        font-size: 16px;
    }

    .fr-about_quote-name {
        margin-bottom: 5px;
    }
}

@media (max-width: 450px ) {
    .frsec__col--2_1 {
        padding: 45px 60px;
    }

        .frsec__col--2_1 .frsec__img {
            width: 100%;
        }

        .frsec__col--2_1 .frsec__img-cont:before {
            width: calc(100% + 36px);
            height: calc(100% + 36px);
            top: -18px;
            left: -18px;
        }

    .frsec__col--2_2 {
        padding: 0 15px 30px;
        padding-left: 48px;
    }

    .fr-about_quote:before {
        width: 29px;
        height: 29px;
        left: -35px;
        top: -5px;
    }

    .fr-about_quote-text, .fr-about_quote-name, .fr-about_quote-job {
        font-size: 14px;
    }
}

.frsec__col--3_1 {
    width: 746px;
    padding: 125px 85px;
    padding-right: 120px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

    /*.frsec__col--3_1:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 240px;
        padding-top: 138%;
        background: url(../images/defult/back5.png) no-repeat left bottom;
        background-size: contain;
        z-index: 2;
    }*/

    .frsec__col--3_1 .frsec__title {
        text-align: right;
        margin-top: 22px;
    }

    .frsec__col--3_1 .frsec__img {
        margin-top: 58px;
        width: 468px;
    }

    .frsec__col--3_1 .frsec__img-in {
        width: 100%;
    }

    .frsec__col--3_1 .frsec__img:after {
        padding-top: 66%;
    }

.frsec__col--3_2 {
    padding-left: 0;
    width: 730px;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frsec__img--3_2_1 {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    z-index: 5;
}


    .frsec__img--3_2_1:after {
        padding-top: 116%;
    }

    .frsec__img--3_2_1 .frsec__img-text {
        position: absolute;
        left: 50%;
        bottom: -40px;
        transform: translate(-50%, 0);
    }

.frsec__col--3_2 .frsec__text {
    position: relative;
    padding-top: 225px;
}

.frsec__img--3_2_2 {
    width: 645px;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    /*transform: translate(-400px, -100%);*/
}

    .frsec__img--3_2_2:after {
        padding-top: 44%;
    }

.frsec__col--3_3 {
    padding-left: 222px;
    padding-right: 70px;
    padding-top: 125px;
    padding-bottom: 269px;
    width: 1180px;
    flex-direction: column;
    /* justify-content: center;
     */
    align-items: flex-start;
}

.frsec__text--3_3_1 {
    padding-left: 485px;
    padding-bottom: 30px;
    direction: rtl;
    text-align: justify;
}

    .frsec__text--3_3_1 .frsec__img {
        position: absolute;
        left: -215px;
        width: 650px;
        bottom: 0;
    }

        .frsec__text--3_3_1 .frsec__img:after {
            padding-top: 59%;
        }

.frsec__text--3_3_2 {
    width: 1100px;
    text-align: justify;
    right: 19em;
}

    .frsec__text--3_3_2 .frsec__text-wr {
        font-size: 1rem;
        line-height: 26px;
        font-family: ' Aileron-Regular';
    }

    .frsec__text--3_3_2 .frsec__img {
        position: absolute;
        left: 0;
        width: 891px;
        bottom: -30px;
        transform: translate(0, 100%);
    }

        .frsec__text--3_3_2 .frsec__img:after {
            padding-top: 60%;
        }

@media (min-width: 1000px ) and (max-height: 1000px) {
    /* .frsec__col--3_3 {
         padding-top: 10px;
    }
    */
    .frsec__text--3_3_1 {
        margin-bottom: 40px;
    }

    .frsec__text--3_3_2 .frsec__text-wr {
        font-size: 17px;
    }
}

@media (min-width: 1000px ) and (max-height: 650px) {
    .frsec__col--3_1 {
        width: 630px;
        padding: 60px 60px;
        padding-right: 90px;
    }

    .frsec__text--3_3_2 .frsec__text-wr {
        font-size: 14px;
    }

    .frsec__img--3_2_1 {
        width: 800px;
    }

    .frsec__col--3_2 {
        padding-left: 0;
        width: 850px;
    }

    .frsec__col--3_3 {
        width: 900px;
        padding-top: 60px;
    }

    .frsec__text--3_3_2 .frsec__img {
        width: 750px;
    }

    .frsec__col--3_1:after {
        width: 150px;
    }

    .frsec__col--3_2 .frsec__text {
        padding-top: 180px;
    }

    .frsec__text--3_3_1 .frsec__img {
        width: 600px;
    }
    /* .frsec__text--3_3_1 .frsec__img-in {
         top: auto;
         bottom: 30px;
    }
    */
    .frsec__text--3_3_1 {
        padding-left: 456px;
    }

    .frsec__text--3_3_2 {
        width: 650px;
    }

        .frsec__text--3_3_2 .frsec__img {
            width: 700px;
        }

    .frsec__img--3_2_2 {
        width: 550px;
        left: 50px;
    }
}

@media (max-width: 1000px ) {
    .frsec__col--3_1:after {
        width: 150px;
    }

    .frsec__col--3_1 {
        width: 630px;
        padding: 60px 60px;
        padding-right: 90px;
    }

    .frsec__text--3_3_2 .frsec__text-wr {
        font-size: 14px;
    }

    .frsec__img--3_2_1 {
        width: 800px;
    }

    .frsec__col--3_2 {
        padding-left: 0;
        width: 900px;
    }

    .frsec__col--3_3 {
        width: 1000px;
        padding-top: 60px;
    }

    .frsec__text--3_3_2 .frsec__img {
        width: 750px;
    }

    .frsec__text--3_3_2 {
        width: 500px;
    }
}


@media (max-width: 767px ) {
    .frsec__col--3_1 {
        width: 100%;
        border: none;
        padding: 45px;
        background: #FDF6EB;
    }

        .frsec__col--3_1 .frsec__title {
            text-align: left;
            margin-top: 16px;
        }

        .frsec__col--3_1 .frsec__img {
            display: none;
        }

        .frsec__col--3_1:after {
            display: none;
        }

    .frsec__col--3_2 {
        width: 100%;
        padding: 70px 45px 0;
        background: #FDF6EB;
    }

        .frsec__col--3_2 .frsec__text {
            padding: 25px 30px 0;
            position: static;
            transform: none;
        }

    .frsec__img--3_2_2 {
        width: 72%;
        left: auto;
        top: 0;
        right: 45px;
        transform: none;
    }

    .frsec__img--3_2_1 {
        width: 50%;
        height: 100%;
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        z-index: 5;
    }

    .frsec__col--3_3 {
        width: 100%;
        padding: 45px;
    }

        .frsec__col--3_3 .frsec__text {
            padding: 0px 30px;
        }

    .frsec__text--3_3_1 {
        margin: 0;
    }

        .frsec__text--3_3_1 .frsec__img {
            position: relative;
            left: -30px;
            width: calc(100% + 60px);
            margin-bottom: 25px;
        }

    .frsec__text--3_3_2 {
        display: none;
    }
}

@media (max-width: 450px ) {
    .frsec__col--3_1 {
        padding: 30px 15px 40px;
    }

    .frsec__col--3_2 {
        padding-top: 35px;
    }


    .frsec__col--3_2 {
        padding: 70px 15px 0;
    }

        .frsec__col--3_2 .frsec__text {
            padding: 20px 25px 0;
        }

    .frsec__img--3_2_2 {
        right: 15px;
    }

    .frsec__col--3_3 {
        padding: 30px 15px;
    }

        .frsec__col--3_3 .frsec__text {
            padding: 0 25px;
        }

    .frsec__text--3_3_1 .frsec__img {
        left: -25px;
        width: calc(100% + 50px);
        margin-bottom: 20px;
    }
}

.frsec__col--4_1 {
    width: 1203px;
    padding: 78px 84px;
    padding-right: 158px;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    border-left: 1px solid #00ba9e;
}

    .frsec__col--4_1 .frsec__num {
        margin-bottom: 32px;
    }

    .frsec__col--4_1 .frsec__img {
        width: 751px;
        position: absolute;
        left: 294px;
        top: 150px;
    }

        .frsec__col--4_1 .frsec__img:after {
            padding-top: 69%;
        }

    .frsec__col--4_1 .frsec__img-cont:before {
        content: "";
        position: absolute;
        width: 77%;
        height: 100%;
        top: -32px;
        right: -32px;
        background: #34e0c6;
    }

    /*.frsec__col--4_1:before {
        content: "";
        left: 0;
        top: 150px;
        position: absolute;
        width: 242px;
        height: 242px;
        background: url(../images/defult/back6.png) no-repeat center;
        background-size: contain;
    }*/

    .frsec__col--4_1 .frsec__img--decor:after, .frsec__col--4_1 .frsec__img--decor:before {
        display: none;
    }

    .frsec__col--4_1 .frsec__img .frsec__img-text {
        position: absolute;
        top: -94px;
        left: calc(43% + 32px);
    }

.frsec__col--4_2 {
    direction: rtl;
}

.width-prj1 {
    text-align: justify;
    font-size: 1rem;
    width: 100%;
    line-height: 28px;
}

    .width-prj1 .frsec__text-wr {
        width: 100%;
        font-size: 1rem;
    }

    .width-prj1 .frsec__title2 {
        font-size: 1rem;
        line-height: 12px;
    }

.width-prj2 {
    text-align: justify;
    font-size: 1rem;
    width: 93%;
    line-height: 28px;
    position: relative;
    right: 3.3em;
}

    .width-prj2 .frsec__text-wr {
        width: 100%;
        font-size: 1rem;
    }

    .width-prj2 .frsec__title2 {
        font-size: 1.1rem;
        line-height: 12px;
        text-align: right;
    }

.width-prj3 {
    text-align: justify;
    font-size: 1rem;
    width: 116%;
    line-height: 28px;
    position: relative;
    right: 5.1em;
}

    .width-prj3 .frsec__text-wr {
        width: 100%;
        font-size: 1rem;
    }

    .width-prj3 .frsec__title2 {
        font-size: 1.1rem;
        line-height: 12px;
        text-align: right;
    }


.width-prj4 {
    text-align: justify;
    font-size: 1rem;
    width: 77%;
    line-height: 28px;
    position: relative;
    right: 0;
    direction: rtl;
}

    .width-prj4 .frsec__title {
        font-size: 1.1rem;
        text-align: right;
        line-height: 30px;
        letter-spacing: 0
    }

    .width-prj4 .frsec__title3 {
        font-size: 1rem !important;
        letter-spacing: 0 !important;
    }

.width-prj5 {
    text-align: justify;
    font-size: 1rem;
    width: 100%;
    line-height: 28px;
    position: relative;
    right: 0;
    direction: rtl;
}

    .width-prj5 .frsec__title2 {
        font-size: 1.1rem;
        text-align: right;
        line-height: 25px;
        letter-spacing: 0;
        width: 100%;
        margin-bottom: 14px;
    }

    .width-prj5 .frsec__text-wr {
        font-size: .9em !important;
        letter-spacing: 0 !important;
        width: 100%;
        line-height: 29px;
    }

.width-prj6 {
    text-align: justify;
    font-size: 1rem;
    width: 100%;
    line-height: 28px;
    position: relative;
    right: 0;
    direction: rtl;
}

    .width-prj6 .frsec__title2 {
        font-size: 1.1rem;
        text-align: right;
        line-height: 25px;
        letter-spacing: 0;
        width: 100%;
        margin-bottom: 14px;
    }

    .width-prj6 .frsec__text-wr {
        font-size: .9em !important;
        letter-spacing: 0 !important;
        width: 100%;
        line-height: 29px;
    }

    .width-prj6 .frsec__title {
        font-size: 1em !important;
        letter-spacing: 0 !important;
        width: 100%;
        line-height: 29px;
        padding: 0;
        margin: 0 1.5em;
        margin-bottom: 0;
        font-weight: bold;
    }


.width-prj7 {
    text-align: justify;
    font-size: 1rem;
    width: 95%;
    line-height: 28px;
    position: relative;
    right: 0;
    direction: rtl;
}

    .width-prj7 .frsec__text-wr {
        font-size: .9rem;
        line-height: 27px;
        width: 100%;
        direction: rtl;
    }

.flex-social {
    position: absolute;
    left: 0;
    top: 0;
}

    .flex-social img {
        margin-right: 1em;
    }

.frsec__col--4_2 {
    width: 576px;
    padding: 57px 0;
    padding-right: 245px;
    align-items: flex-end;
}

    .frsec__col--4_2 .frsec__img {
        width: 490px;
        position: absolute;
        left: 0;
        top: -48px;
        transform: translate(0, -100%);
    }

    .frsec__col--4_2 .frsec__img-in {
        background-size: contain;
        background-position: left;
    }

    .frsec__col--4_2 .frsec__img:after {
        padding-top: 72%;
    }

.frsec__col--4_3 {
    width: 547px;
    padding: 120px 0;
    padding-top: 124px;
    padding-right: 85px;
    align-items: flex-start;
}

    .frsec__col--4_3 .frsec__img {
        width: 490px;
        position: absolute;
        left: 0;
        bottom: -40px;
        transform: translate(0, 100%);
    }

    .frsec__col--4_3 .frsec__img {
        width: 447px;
    }

        .frsec__col--4_3 .frsec__img:after {
            padding-top: 81%;
        }

.frsec__col--4_4 {
    width: 723px;
    padding: 85px 0;
    padding-right: 218px;
    align-items: flex-end;
}

.img-margin-top {
    margin-top: 8em;
}

.frsec__col--4_4 .frsec__img {
    width: 593px;
    position: absolute;
    left: 0;
    top: -45px;
    transform: translate(0, -100%);
}

    .frsec__col--4_4 .frsec__img:after {
        padding-top: 60%;
    }

.frsec__col--4_5 {
    width: 50vw;
    min-width: 450px;
    background: transparent;
}

@media (min-width: 1000px ) and (min-height: 950px) {
    .frsec__col--4_1 {
        padding-bottom: 130px
    }

        .frsec__col--4_1 .frsec__img {
            top: 170px;
        }

        .frsec__col--4_1 .frsec__title {
            font-size: 80px;
        }

    .frsec__col--4_2, .frsec__col--4_4 {
        padding-bottom: 130px;
    }
}

@media (min-width: 1000px ) and (max-height: 800px) {
    .frsec__col--4_1 .frsec__img {
        width: 600px;
    }

    .frsec__col--4_2 .frsec__img {
        height: 30vh;
        width: 100%;
    }
}

@media (min-width: 1000px ) and (max-height: 650px) {
    .frsec__col--4_1 {
        width: 800px;
    }

        .frsec__col--4_1:before {
            width: 170px;
            top: 80px;
        }

        .frsec__col--4_1 .frsec__img {
            width: 450px;
            left: 200px;
            top: 80px;
        }

            .frsec__col--4_1 .frsec__img .frsec__img-text {
                top: -50px;
            }

    .frsec__col--4_3 {
        padding: 80px 0;
        padding-right: 120px;
    }

    .frsec__col--4_4 {
        width: 623px;
        padding-right: 118px;
    }

    .frsec__col--4_2 {
        width: 500px;
        padding-right: 169px;
    }

        .frsec__col--4_2 .frsec__img {
            width: 350px;
        }

    .frsec__col--4_4 .frsec__img {
        width: 500px;
        /* width: 100%;
         height: 30vh;
         */
    }
}

@media (max-width: 1000px ) {
    .frsec__col--4_1 {
        width: 800px;
    }

        .frsec__col--4_1:before {
            width: 170px;
            top: 200px;
        }

        .frsec__col--4_1 .frsec__img {
            width: 450px;
            left: 200px;
            top: 200px;
        }

    .frsec__col--4_4 {
        width: 663px;
        padding-right: 118px;
    }
}

@media (max-width: 991px ) {
    .frsec__col--4_2 {
        padding-right: 200px;
    }

    .frsec__col--4_1 .frsec__title {
        font-size: 60px;
    }
}

@media (min-width: 768px ) and (max-width: 1000px) and (min-height: 950px) {
    .frsec__col--4_2, .frsec__col--4_4 {
        padding-bottom: 120px;
    }

    .frsec__col--4_1 {
        padding-bottom: 130px
    }
}

@media (min-width: 768px ) and (max-width: 1000px) and (max-height: 750px) {
    .frsec__col--4_1 {
        padding: 50px 84px;
    }

        .frsec__col--4_1 .frsec__img {
            top: 120px;
        }

        .frsec__col--4_1:before {
            top: 120px;
        }

    .frsec__col--4_3 {
        padding: 80px 0;
    }

    .frsec__col--4_1 .frsec__img .frsec__img-text {
        top: -50px;
    }
}

@media (max-width: 767px ) {
    .frsec__col--4_1 .frsec__title {
        font-size: 35px;
    }

    .frsec__col--4_1 {
        width: 100%;
        padding: 45px;
        border: none;
    }

        .frsec__col--4_1:before {
            display: none;
        }

        .frsec__col--4_1 .frsec__img {
            display: none;
        }

        .frsec__col--4_1 .frsec__num {
            margin-bottom: 16px;
        }

    .frsec__col--4_2 {
        width: 100%;
        padding: 0 75px 30px;
    }

        .frsec__col--4_2 .frsec__img {
            max-width: 75%;
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            margin: auto;
            margin-bottom: 20px;
        }

    .frsec__col--4_3 {
        width: 100%;
        padding: 0 75px 30px;
    }

        .frsec__col--4_3 .frsec__img {
            max-width: 75%;
            position: relative;
            bottom: auto;
            left: -75px;
            transform: none;
            margin-bottom: 20px;
        }

            .frsec__col--4_3 .frsec__img:after {
                padding-top: 65%;
            }

    .frsec__col--4_4 {
        width: 100%;
        padding: 0 75px 45px;
    }

        .frsec__col--4_4 .frsec__img {
            max-width: 75%;
            position: relative;
            top: auto;
            left: auto;
            transform: translate(calc(75% - 60px), 0%);
            margin-bottom: 20px;
        }

    .frsec__col--4_5 {
        display: none;
    }
}

@media (max-width: 600px ) {
    .frsec__col--4_1 .frsec__title {
        font-size: 30px;
    }
}

@media (max-width: 450px ) {
    .frsec__col--4_1 .frsec__title {
        font-size: 22px;
    }

    .frsec__col--4_1 {
        padding: 30px 15px 40px;
    }

    .frsec__col--4_2 {
        padding: 0 40px 30px;
    }

        .frsec__col--4_2 .frsec__img {
            width: 100%;
            max-width: none;
        }

    .frsec__col--4_3 {
        padding: 0 40px 30px;
    }

        .frsec__col--4_3 .frsec__img {
            width: 120%;
            max-width: none;
        }

    .frsec__col--4_4 .frsec__img {
        width: 100%;
        max-width: none;
        transform: none;
        right: -40px;
    }

    .frsec__col--4_4 {
        padding: 0 40px 30px;
    }
}

.frsec__col--5_1 {
    width: 750px;
    padding: 90px 87px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
}

    .frsec__col--5_1:before {
        content: "";
        position: absolute;
        width: 500px;
        padding-top: 107%;
        background: url(../images/defult/back7.png) no-repeat top left;
        top: -81px;
        background-size: contain;
        left: -38px;
    }

    .frsec__col--5_1 .frsec__num {
        margin-bottom: 60px;
    }

    .frsec__col--5_1 .frsec__title3 {
        font-family: ' Aileron-Regular';
        font-size: 13px;
        line-height: 36px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #00ba9e;
        margin-top: 24px;
    }

.frsec__col--5_2 {
    width: 729px;
    /* padding: 70px 43px;
     */
    padding: 0px 43px;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.frsec.frsec--5 .frsec__title {
    margin: 0;
    margin-bottom: 0;
}

.frsec__col--5_2 .frsec__col-cont {
    padding-top: 70px;
    padding-bottom: 70px;
}

.frsec__col-arr {
    width: 86px;
    height: 86px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    cursor: pointer;
}

    .frsec__col-arr:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url(../images/defult/move_arr.png) no-repeat center;
        background-size: contain;
    }

    .frsec__col-arr.frsec__col-arr--next {
        left: auto;
        right: 0;
    }

        .frsec__col-arr.frsec__col-arr--next:before {
            transform: rotate(180deg);
        }

.frsec__col--5_2 .frsec__col-in {
    overflow: auto;
    height: 100%;
    border-right: 1px solid rgb(229, 229, 229);
    border-left: 1px solid rgb(229, 229, 229);
    padding: 0 70px;
}

.frsec__col--5_2 .frsec__col-hov {
    position: absolute;
    width: calc(100% - 192px);
    height: 100%;
    left: 86px;
    top: 0;
    z-index: 2;
    cursor: url('../images/defult/arrow.png'), pointer;
}

.frsec__col--5_2 .scrollbar-track {
    opacity: 0 !important;
}

.frsec__col--5_2 .frsec__text {
    margin-bottom: 70px;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
}

    .frsec__col--5_2 .frsec__text:last-child {
        margin-bottom: 0px;
    }

.frsec__col--5_2 .frsec__img {
    width: 100%;
    margin-bottom: 40px;
}

.frsec__col--5_2 .frsec__img-in {
    width: 100%;
}

.frsec__col--5_2 .frsec__img:after {
    padding-top: 61%;
}

@media (min-width: 1000px ) and (max-height: 750px) {
    .frsec__col--5_1 {
        width: 900px;
        padding: 80px 87px;
    }

        .frsec__col--5_1 .frsec__img {
            width: 650px;
            left: 247px;
            bottom: 313px;
        }

    .frsec__col-arr {
        width: 70px;
        height: 70px;
        right: unset;
        left: 10px;
    }

        .frsec__col-arr.frsec__col-arr--next {
            left: auto;
            right: 8px;
        }

    .frsec__col--5_2 .frsec__col-hov {
        width: calc(100% - 150px);
        left: 75px;
    }
}

@media (max-width: 1000px ) {
    .frsec__col--5_1 {
        width: 900px;
        padding: 80px 87px;
    }

        .frsec__col--5_1 .frsec__img {
            width: 650px;
            left: 247px;
            bottom: 313px;
        }

    .frsec__col-arr {
        width: 70px;
        height: 70px;
        left: 8px;
    }

        .frsec__col-arr.frsec__col-arr--next {
            left: auto;
            right: 8px;
        }

    .frsec__col--5_2 {
        width: 530px;
    }

        .frsec__col--5_2 .frsec__col-in {
            padding: 0 45px;
        }

        .frsec__col--5_2 .frsec__col-hov {
            width: calc(100% - 150px);
            left: 75px;
        }
}

@media (min-width: 767px ) and (max-height: 900px) {
    .frsec__col--5_1:before {
        width: 366px;
    }
}

@media (min-width: 767px ) and (max-height: 650px) {
    .frsec__col--5_1:before {
        width: 266px;
    }
}

@media (max-width: 767px ) {
    .frsec__col--5_1 {
        width: 100%;
        padding: 45px;
        background: #FDF6EB;
    }

        .frsec__col--5_1:before {
            display: none;
        }

        .frsec__col--5_1 .frsec__num {
            margin-bottom: 16px;
        }

        .frsec__col--5_1 .frsec__img {
            display: none;
        }

        .frsec__col--5_1 .frsec__title3 {
            display: none;
        }

    .frsec--5 {
        background: #FDF6EB;
    }

    .frsec__col--5_2 {
        background: #FDF6EB;
        width: 100%;
        padding: 22px 15px;
        margin-bottom: 30px;
    }

        .frsec__col--5_2 .frsec__col-cont {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .frsec__col-arr {
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        width: 44px;
        height: 44px;
    }

        .frsec__col-arr.frsec__col-arr--prev {
            top: auto;
            bottom: 0;
        }

        .frsec__col-arr.frsec__col-arr--next {
            right: 0;
            left: 0;
        }

        .frsec__col-arr.frsec__col-arr--prev:before {
            transform: rotate(-90deg);
        }

        .frsec__col-arr.frsec__col-arr--next:before {
            transform: rotate(90deg);
        }

    .frsec__col--5_2 .frsec__col-in {
        padding: 50px 0;
        border: none;
        border-top: 1px solid #00ba9e;
        border-bottom: 1px solid #00ba9e;
    }

    .frsec__col--5_2 .frsec__col-in, .frsec__col--5_2 {
        height: auto;
    }

        .frsec__col--5_2 .frsec__img {
            margin-bottom: 20px;
        }

        .frsec__col--5_2 .frsec__col-hov {
            display: none;
        }

        .frsec__col--5_2 .frsec__col-cont {
            display: flex;
        }

        .frsec__col--5_2 .frsec__text {
            margin-bottom: 0px;
            width: 400px;
            padding: 0 20px;
        }
}

@media (max-width: 450px ) {
    .frsec__col--5_1 {
        padding: 30px 15px;
    }

    .frsec__col--5_2 .frsec__text {
        width: 265px;
        padding: 0 15px;
    }

    .frsec__col--5_2 .frsec__col-in {
        padding: 30px 0;
    }
}

.frsec__col--6_1 {
    padding: 112px 147px;
    padding-left: 751px;
    width: 1384px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    justify-content: center;
}

    .frsec__col--6_1 .frsec__img {
        width: 560px;
        position: absolute;
        left: 70px;
        height: 771px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .frsec__col--6_1 .frsec__img-cont:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 72%;
        top: -45px;
        left: -45px;
        background: #34e0c6;
    }

    .frsec__col--6_1 .frsec__num {
        margin-bottom: 32px;
    }

    .frsec__col--6_1 .frsec__text {
        margin-top: 123px;
        padding-right: 20px;
    }

.frsec__col--6_2 {
    width: 1313px;
    padding: 50px 0;
    padding-right: 127px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.frsec__text--6_2_1 {
    padding-bottom: 210px;
    padding-left: 720px;
}

    .frsec__text--6_2_1 .frsec__img {
        width: 650px;
        position: absolute;
        left: 0;
        top: -125px;
    }

.frsec__col--6_2:before {
    content: "";
    left: 0;
    top: 0px;
    width: 227px;
    position: absolute;
    height: 179px;
    background: url(../images/defult/back8.png) no-repeat top right;
    background-size: contain;
    transform: translate(calc(-100% + 80px),0);
}

.contact-home .frsec__text-wr {
    width: 100%;
    direction: rtl;
}

    .contact-home .frsec__text-wr p {
        margin-bottom: 1em;
        font-size: 1rem;
        line-height: 33px;
    }

.contact-home .frsec__title2 {
    direction: rtl;
}

.contact-home .frsec__text-wr a {
    color: #00ba9e;
    transition: .2s;
    font-size: 1rem;
    color: #231F20;
}

.frsec__text--6_2_2 .frsec__img::after {
    padding-top: 80% !important;
}

.frsec__text--6_2_2 {
    margin-top: 13em;
}



.frsec__text--6_2_1 .frsec__img:after {
    padding-top: 59%;
}

.frsec__text--6_2_2 {
    padding-left: 505px;
    padding-right: 215px;
}

    .frsec__text--6_2_2 .frsec__img {
        width: 345px;
        position: absolute;
        left: 90px;
        bottom: -120px;
    }

        .frsec__text--6_2_2 .frsec__img:after {
            padding-top: 130%;
        }

@media (min-width: 1000px ) and (min-height: 950px) {
    .frsec__text--6_2_1 {
        padding-bottom: 300px;
    }
}

@media (min-width: 1000px ) and (max-height: 800px) {
    .frsec__col--6_1 .frsec__img {
        width: 450px;
        height: 620px
    }

    .frsec__col--6_1 {
        padding: 126px 147px;
        padding-left: 684px;
        width: 1317px;
    }

        .frsec__col--6_1 .frsec__img-cont:before {
            top: -30px;
            left: -30px;
        }

        .frsec__col--6_1 .frsec__text {
            margin-top: 28px;
        }

    .frsec__text--6_2_1 {
        padding-bottom: 100px;
    }

    .frsec__text--6_2_2 .frsec__img {
        bottom: auto;
        top: 0;
    }
}

@media (min-width: 1000px ) and (max-height: 650px) {
    .frsec__col--6_1 .frsec__img {
        width: 400px;
        height: 500px;
        left: 70px;
    }

    .frsec__col--6_1 {
        padding: 100px 0;
        padding-left: 534px;
        padding-right: 70px;
        width: 957px;
    }

    .frsec__col--6_2 {
        width: 1000px;
    }

    .frsec__text--6_2_1 .frsec__img {
        width: 500px;
    }

    .frsec__text--6_2_1 {
        padding-left: 570px;
        padding-bottom: 60px;
    }

    .frsec__text--6_2_2 {
        padding-left: 450px;
    }

        .frsec__text--6_2_2 .frsec__img {
            width: 300px;
        }
}

@media (max-width: 1000px ) {
    .frsec__col--6_1 .frsec__img {
        width: 400px;
        height: 500px;
        left: 70px;
    }

    .frsec__col--6_1 {
        padding: 60px 0;
        padding-left: 534px;
        padding-right: 70px;
        width: 957px;
        justify-content: center;
    }

    .frsec__col--6_2 {
        width: 1000px;
    }

    .frsec__text--6_2_1 .frsec__img {
        width: 500px;
    }

    .frsec__text--6_2_1 {
        padding-left: 570px;
        padding-bottom: 100px;
    }

    .frsec__text--6_2_2 {
        padding-left: 450px;
    }

        .frsec__text--6_2_2 .frsec__img {
            width: 300px;
        }

    .frsec__col--6_1 .frsec__text {
        margin-top: 60px;
    }
}

@media (max-width: 767px ) {
    .frsec__col--6_1 {
        width: 100%;
        padding: 45px;
    }

        .frsec__col--6_1 .frsec__img {
            position: relative;
            left: auto;
            top: auto;
            bottom: auto;
            margin: 70px 0 30px;
            width: 300px;
            height: 400px;
        }

        .frsec__col--6_1 .frsec__img-cont:before {
            top: -25px;
            left: -25px;
        }

        .frsec__col--6_1 .frsec__num {
            margin-bottom: 16px;
        }

        .frsec__col--6_1 .frsec__text {
            margin-top: 0;
            padding: 0 30px;
        }

    .frsec__col--6_2 {
        width: 100%;
        padding: 70px 75px 45px;
    }

        .frsec__col--6_2:before {
            width: 300px;
            height: 300px;
            left: 0;
            top: 0;
            transform: none;
            background: url(/upload/front/fr_decor_6_2_adap.jpg) no-repeat top left;
            background-size: contain;
        }

    .frsec__text--6_2_1 {
        padding: 0;
    }

        .frsec__text--6_2_1 .frsec__img {
            position: relative;
            width: 100%;
            margin: 0 0 30px;
            left: auto;
            top: auto;
            transform: translate(100px,0);
        }

    .frsec__text--6_2_2 {
        padding: 0;
    }

        .frsec__text--6_2_2 .frsec__img {
            position: relative;
            margin: 30px 0;
            left: -75px;
            bottom: auto;
            top: auto;
            width: 80%;
        }

            .frsec__text--6_2_2 .frsec__img:after {
                padding-top: 86%;
            }
}

@media (max-width: 600px ) {
    .frsec__col--6_2 {
        padding-top: 50px;
    }

        .frsec__col--6_2:before {
            width: 200px;
            height: 200px;
        }

    .frsec__text--6_2_1 .frsec__img {
        transform: translate(75px,0);
    }
}

@media (max-width: 450px ) {
    .frsec__col--6_1 {
        padding: 30px 15px;
    }

        .frsec__col--6_1 .frsec__img {
            position: relative;
            left: auto;
            top: auto;
            bottom: auto;
            margin: 50px 0 30px;
            width: 90%;
            height: auto;
        }

            .frsec__col--6_1 .frsec__img:after {
                padding-top: 137%;
            }

        .frsec__col--6_1 .frsec__img-cont:before {
            top: -18px;
            left: -18px;
        }

    .frsec__col--6_2 {
        width: 100%;
        padding: 30px 40px 30px;
    }

    .frsec__text--6_2_1 .frsec__img {
        transform: translate(50px, 0);
    }

    .frsec__text--6_2_2 .frsec__img {
        left: -40px;
    }

    .frsec__col--6_2:before {
        width: 139px;
        height: 130px;
    }
}

.fr-ptichka {
    width: 100vw;
    height: 100vh;
}

@media (max-width: 767px ) {
    .fr-ptichka {
        display: none;
    }
}

.front__line {
    position: fixed;
    width: 75vw;
    height: 2px;
    background: #c1c1c1;
    left: 4vw;
    right: 4vw;
    bottom: 31px;
    z-index: 2;
    margin: 0 auto;
    cursor: pointer;
}

.front__line-active {
    width: 0;
    height: 100%;
    position: absolute;
    transition: 0.5s;
    background: #444;
}

@media (max-width: 767px) {
    .front__line {
        display: none;
    }
}

.visual_house_overlay img {
    width: 100%;
    height: auto;
}
/* End */


footer img {
    max-width: unset;
}
/*end-defult-css*/


.clr {
    clear: both !important
}

.fleft {
    float: left
}

.fright {
    float: right
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: ' ';
}


.bc-resize {
    width: 100%;
    height: 100%;
    font-family: ' Aileron-Regular';
    font-size: 17px;
}

.bc-container:after, .bc-row:after, .bc-row-padding:after, .bc-topnav:after, .bc-clear:after, .bc-btn-group:before, .bc-btn-group:after {
    content: "";
    display: table;
    clear: both
}

.bc-col.s1 {
    width: 8.33333%
}

.bc-col.s2 {
    width: 16.66666%
}

.bc-col.s3 {
    width: 24.99999%
}

.bc-col.s4 {
    width: 33.33333%
}

.bc-col.s5 {
    width: 41.66666%
}

.bc-col.s6 {
    width: 49.99999%
}

.bc-col.s7 {
    width: 58.33333%
}

.bc-col.s8 {
    width: 66.66666%
}

.bc-col.s9 {
    width: 74.99999%
}

.bc-col.s10 {
    width: 83.33333%
}

.bc-col.s11 {
    width: 91.66666%
}

.bc-col.s12, .bc-half, .bc-third, .bc-twothird, .bc-quarter {
    width: 99.99999%
}

@media only screen and (min-width: 601px) {
    .bc-col.m1 {
        width: 8.33333%
    }

    .bc-col.m2 {
        width: 16.66666%
    }

    .bc-col.m3, .bc-quarter {
        width: 24.99999%
    }

    .bc-col.m4, .bc-third {
        width: 33.33333%
    }

    .bc-col.m5 {
        width: 41.66666%
    }

    .bc-col.m6, .bc-half {
        width: 49.99999%
    }

    .bc-col.m7 {
        width: 58.33333%
    }

    .bc-col.m8, .bc-twothird {
        width: 66.66666%
    }

    .bc-col.m9 {
        width: 74.99999%
    }

    .bc-col.m10 {
        width: 83.33333%
    }

    .bc-col.m11 {
        width: 91.66666%
    }

    .bc-col.m12 {
        width: 99.99999%
    }
}

@media only screen and (min-width: 769px) {

    .bc-col.pc1 {
        width: 8.33333%
    }

    .bc-col.pc2 {
        width: 16.66666%
    }

    .bc-col.pc3, .bc-quarter {
        width: 24.99999%
    }

    .bc-col.pc4, .bc-third {
        width: 33.33333%
    }

    .bc-col.pc5 {
        width: 41.66666%
    }

    .bc-col.pc6, .bc-half {
        width: 49.99999%
    }

    .bc-col.pc7 {
        width: 58.33333%
    }

    .bc-col.pc8, .bc-twothird {
        width: 66.66666%
    }

    .bc-col.pc9 {
        width: 74.99999%
    }

    .bc-col.pc10 {
        width: 83.33333%
    }

    .bc-col.pc11 {
        width: 91.66666%
    }

    .bc-col.pc12 {
        width: 99.99999%
    }
}

@media only screen and (min-width: 1024px) {
    .bc-col.l1 {
        width: 8.33333%
    }

    .bc-col.l2 {
        width: 16.66666%
    }

    .bc-col.l3, .bc-quarter {
        width: 24.99999%
    }

    .bc-col.l4, .bc-third {
        width: 33.33333%
    }

    .bc-col.l5 {
        width: 41.66666%
    }

    .bc-col.l6, .bc-half {
        width: 49.99999%
    }

    .bc-col.l7 {
        width: 58.33333%
    }

    .bc-col.l8, .bc-twothird {
        width: 66.66666%
    }

    .bc-col.l9 {
        width: 74.99999%
    }

    .bc-col.l10 {
        width: 83.33333%
    }

    .bc-col.l11 {
        width: 91.66666%
    }

    .bc-col.l12 {
        width: 99.99999%
    }
}

.bc-content {
    max-width: 1200px;
    margin: 0 auto
}

@font-face {
    font-family: 'FontAwesome';
    src: url('http://cdn.basiscore.net/_fonts/fontawesome-webfont.eot');
    src: url('http://cdn.basiscore.net/_fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('http://cdn.basiscore.net/_fonts/fontawesome-webfont.woff') format('woff'), url('http://cdn.basiscore.net/_fonts/fontawesome-webfont.ttf') format('truetype'), url('http://cdn.basiscore.net/_fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

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

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

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

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

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb"
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}


.transition {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}


.colorGold {
    color: #d4b24e;
}

.colorBlack {
    color: #0a0e21;
}

.textRight {
    text-align: right;
}

.bold {
    font-weight: bold;
}



b,
body,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
label,
li,
ol,
p,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0
}

:root {
    --greencolor: #00ba9e;
    --graycolor: #747474;
    --grayDarkcolor: #4f4f52;
}

.weight {
    font-family: 'Aileron-Regular';
}

.bc-resize {
    width: 100%;
    height: 100%;
    font-family: 'Aileron-Regular';
    font-size: 17px;
}

.bc-container:after,
.bc-row:after,
.bc-row-padding:after,
.bc-topnav:after,
.bc-clear:after,
.bc-btn-group:before,
.bc-btn-group:after {
    content: "";
    display: table;
    clear: both
}

.bc-col.s1 {
    width: 8.33333%
}

.bc-col.s2 {
    width: 16.66666%
}

.bc-col.s3 {
    width: 24.99999%
}

.bc-col.s4 {
    width: 33.33333%
}

.bc-col.s5 {
    width: 41.66666%
}

.bc-col.s6 {
    width: 49.99999%
}

.bc-col.s7 {
    width: 58.33333%
}

.bc-col.s8 {
    width: 66.66666%
}

.bc-col.s9 {
    width: 74.99999%
}

.bc-col.s10 {
    width: 83.33333%
}

.bc-col.s11 {
    width: 91.66666%
}

.bc-col.s12,
.bc-half,
.bc-third,
.bc-twothird,
.bc-quarter {
    width: 99.99999%
}

@media only screen and (min-width: 601px) {
    .bc-col.m1 {
        width: 8.33333%
    }

    .bc-col.m2 {
        width: 16.66666%
    }

    .bc-col.m3,
    .bc-quarter {
        width: 24.99999%
    }

    .bc-col.m4,
    .bc-third {
        width: 33.33333%
    }

    .bc-col.m5 {
        width: 41.66666%
    }

    .bc-col.m6,
    .bc-half {
        width: 49.99999%
    }

    .bc-col.m7 {
        width: 58.33333%
    }

    .bc-col.m8,
    .bc-twothird {
        width: 66.66666%
    }

    .bc-col.m9 {
        width: 74.99999%
    }

    .bc-col.m10 {
        width: 83.33333%
    }

    .bc-col.m11 {
        width: 91.66666%
    }

    .bc-col.m12 {
        width: 99.99999%
    }
}

@media only screen and (min-width: 769px) {
    .bc-col.pc1 {
        width: 8.33333%
    }

    .bc-col.pc2 {
        width: 16.66666%
    }

    .bc-col.pc3,
    .bc-quarter {
        width: 24.99999%
    }

    .bc-col.pc4,
    .bc-third {
        width: 33.33333%
    }

    .bc-col.pc5 {
        width: 41.66666%
    }

    .bc-col.pc6,
    .bc-half {
        width: 49.99999%
    }

    .bc-col.pc7 {
        width: 58.33333%
    }

    .bc-col.pc8,
    .bc-twothird {
        width: 66.66666%
    }

    .bc-col.pc9 {
        width: 74.99999%
    }

    .bc-col.pc10 {
        width: 83.33333%
    }

    .bc-col.pc11 {
        width: 91.66666%
    }

    .bc-col.pc12 {
        width: 99.99999%
    }
}

@media only screen and (min-width: 1024px) {
    .bc-col.l1 {
        width: 8.33333%
    }

    .bc-col.l2 {
        width: 16.66666%
    }

    .bc-col.l3,
    .bc-quarter {
        width: 24.99999%
    }

    .bc-col.l4,
    .bc-third {
        width: 33.33333%
    }

    .bc-col.l5 {
        width: 41.66666%
    }

    .bc-col.l6,
    .bc-half {
        width: 49.99999%
    }

    .bc-col.l7 {
        width: 58.33333%
    }

    .bc-col.l8,
    .bc-twothird {
        width: 66.66666%
    }

    .bc-col.l9 {
        width: 74.99999%
    }

    .bc-col.l10 {
        width: 83.33333%
    }

    .bc-col.l11 {
        width: 91.66666%
    }

    .bc-col.l12 {
        width: 99.99999%
    }
}

.bc-content {
    max-width: 1200px;
    margin: 0 auto
}

.transition {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.textRight {
    text-align: right;
}

.bold {
    font-weight: bold;
}

li {
    list-style-type: none;
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none;
    color: #666
}

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

td,
td img {
    vertical-align: top
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    color: #666;
}

button,
input,
textarea {
    -webkit-appearance: none
}

    input[type=checkbox] {
        vertical-align: bottom
    }

    input[type=radio] {
        vertical-align: text-bottom
    }

sub {
    vertical-align: sub;
    font-size: smaller
}

sup {
    vertical-align: super;
    font-size: smaller
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

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

ul {
    list-style: none
}

input[type=text],
textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none
}


/* about-us */


li {
    list-style-type: none;
}

ul {
    list-style: none;
}

.gradient-img p {
    color: #fff;
    font-size: .85rem;
    margin: .5em 0;
}

.gradient-img {
    max-width: 367px;
    max-height: 253px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.back-post {
    position: absolute;
    display: inline-block;
    background: -moz-linear-gradient(bottom, rgba(181, 181, 181, 0.01) 0%,rgba(0, 0, 0, 0.78) 100%);
    background: -webkit-linear-gradient(bottom, rgba(181, 181, 181, 0.01) 0%,rgba(0, 0, 0, 0.78) 100%);
    background: -o-linear-gradient(bottom, rgba(181, 181, 181, 0.01) 0%,rgba(0, 0, 0, 0.78) 100%);
    background: -ms-linear-gradient(bottom, rgba(181, 181, 181, 0.01) 0%,rgba(0, 0, 0, 0.78) 100%);
    background: linear-gradient(to bottom, rgba(181, 181, 181, 0.01) 0%,rgba(0, 0, 0, 0.78) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.about-us .file-upload .file-upload-select {
    display: block;
    cursor: pointer;
    background-color: #eeeeee;
    border: 1px solid #dfdfdf;
    font-size: 12px;
    font-family: 'Aileron-Regular';
    padding: 4px 6px;
    color: #747474;
    height: 45px;
    overflow: hidden;
    position: relative;
    direction: rtl;
    text-align: right;
    line-height: 19px;
    margin-top: 2.5em;
}

    .about-us .file-upload .file-upload-select .file-select-button {
        padding: 0 15px;
        display: inline-block;
    }

    .about-us .file-upload .file-upload-select .file-select-name {
        display: inline-block;
        padding: 0 15px;
    }

    .about-us .file-upload .file-upload-select input[type="file"] {
        display: none;
    }

.about-us .file-select-button img {
    position: relative;
    top: 6px;
}

.about-us .form-about input {
    background-color: #eeeeee;
    border: 1px solid #dfdfdf;
    font-size: 12px;
    font-family: 'Aileron-Regular';
    padding: 4px 6px;
    color: #747474;
    height: 42px;
}

.about-us .file-upload p {
    font-size: .65rem;
    color: #b4b4b4;
    margin-bottom: .5em;
}

.about-us .sendForm {
    background-color: #ffffff !important;
    border: 1.9px solid #000 !important;
    font-size: .9rem !important;
    width: 95%;
    float: left;
    color: #000 !important;
}

.about-us .imgRefresh img {
    cursor: pointer;
}

.about-us-tab .Related-post ul li {
    margin-bottom: 2em;
}

.about-us-tab .see-more, .about-us-tab .see-more2 {
    background-color: #303030;
    border: 1px solid #303030;
    padding: .8em 3.3em;
    border-radius: 25px;
    margin: 0 auto;
    font-size: .89rem;
    color: #fff;
    width: 18%;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    -moz-transition: all .5s;
}

    .about-us-tab .see-more:hover, .about-us-tab .see-more2:hover {
        border: 1px solid #303030;
        background-color: #fff;
        color: #303030;
        transition: all .5s;
        -moz-transition: all .5s;
    }

    .about-us-tab .see-more i, .about-us-tab .see-more2 i {
        position: relative;
        top: 2px;
        right: 7px;
        font-size: .8rem;
        color: #ddd;
    }

    .about-us-tab .see-more:hover i, .about-us-tab .see-more2:hover i {
        color: #303030;
    }

.about-us-tab .Related-post ul {
    margin: 0 auto;
}

.about-us-tab .Related-post {
    margin-top: 1em;
}

.display-none, .display-none2 {
    display: none;
}

.about-us-tab-ul li.active_TBaboutus {
    border-bottom: 2px solid #00ba9e;
}

.about-us-tab-ul li {
    cursor: pointer;
    font-size: .9rem;
    padding: 7px 1.7em;
    padding-top: 0;
    border-bottom: 1.5px solid rgba(102, 102, 102, 0.21);
}

.contentTab .active_TBaboutus {
    display: block;
}

.contentTab {
    width: 100%;
    box-sizing: border-box;
}

.in_content-aboutus {
    display: none;
    width: 100%;
    padding-top: 2em;
    text-align: justify;
    direction: rtl;
}

.about-us-tab-ul {
    overflow: hidden;
    font-size: .8rem;
    direction: rtl;
    margin-bottom: 2em;
    color: #222;
    text-align: center;
    cursor: pointer;
    display: flex;
}

@media only screen and (max-width:1000px) {
    .about-us-tab-ul {
        width: 95% !important;
    }
}

.gradient-img p {
    color: #fff;
    font-size: .9rem;
    margin: .5em 0;
    position: absolute;
    bottom: 1em;
    right: 1.5em;
    z-index: 8;
}

.Related-post li {
    max-width: 367px;
    position: relative;
    margin: 0 auto;
}

.Related-post .gradient-img {
    border: 1px solid #d1d1d1;
    margin-bottom: .5em;
}

.Related-post li p {
    color: #fff;
    font-size: .82rem;
    text-align: justify;
    line-height: 30px;
}

/*@media screen and (max-width:1290px) {
    .gallery-image .tabGallery {
        position: relative;
        top: 2em;
    }
}*/

@media screen and (max-width:1150px) {
    .Related-post ul li {
        width: calc(100% /2);
    }
}

@media screen and (max-width:980px) {
    .Related-post .gradient-img img {
        width: 100%;
        height: auto;
    }

    .about-us-tab .see-more, .about-us-tab .see-more2 {
        width: 200px;
    }

    .Related-post {
        padding: 1em 1em;
    }

        .Related-post.article-titr {
            margin-top: 1em;
        }
}

@media screen and (max-width:786px) {
    .Related-post ul li {
        width: 100%;
    }
}

@media screen and (max-width:1599px) {
    .about-us .image-right img {
        width: 100%;
        height: auto;
    }
}

.about-us-tab {
    margin-top: 120px;
    padding-right: 4em;
    width: 80%;
    float: right;
}

@media screen and (min-width:980px) {
    .about-us-tab {
        margin-top: 150px;
        padding-right: 4em;
    }
}

.about-us .title-page {
    position: absolute;
    right: 13.3vw;
    top: 20.2vh;
    color: #fff;
}

.color-blue {
    color: var(--greencolor);
}

.why-us {
    font-weight: bold;
    font-size: .92rem;
}

.desc-why-us {
    margin-top: 2em;
    color: #4f4f52;
    font-size: .9rem;
    line-height: 30px;
}

.desc-why-us-two {
    margin: 8em 5em 0 0;
    position: relative;
    left: -6em;
}

.download-file {
    color: #2b7efb;
    font-size: .9rem;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-top: 2em;
}

    .download-file img {
        margin-left: 1em;
    }

    .download-file span {
        border-bottom: 1px solid #2b7efb;
        ;
    }

.container-two {
    max-width: 1240px;
    margin: 0 auto;
}

/*footer*/

footer {
    direction: rtl;
    padding-top: 3em;
    border-top: 2px solid #72d9ca;
}

    footer li {
        line-height: 30px;
    }

    footer a {
        font-size: .78rem;
        color: var(--graycolor);
    }

    footer .about-footer {
        font-size: .79rem;
        color: var(--graycolor);
        line-height: 25px;
        text-align: justify;
    }

    footer .title-footer {
        font-size: .86rem;
        font-weight: bold;
        position: relative;
        margin-bottom: 2rem;
    }

        footer .title-footer:after {
            content: "_____";
            color: #00ba9e;
            position: absolute;
            right: 0;
            top: 1em;
        }

    footer .l4 .div-width {
        padding-right: 3.5em;
    }

    footer .address-footer {
        padding-right: 2em;
    }

        footer .address-footer ul {
            width: 93%;
        }


    footer .div-social {
        margin-top: 2.2em;
        margin-right: 2em;
    }

    footer .display-flex {
        display: flex;
        align-items: center;
    }

    footer .pdi-right {
        padding-right: 4em;
    }

.about-us footer, .contact-us footer {
    margin-top: -.6em;
    z-index: 7;
    position: relative;
}

footer span {
    font-size: .78rem;
    color: var(--graycolor);
}

footer .mrg-left-title-footer {
    margin-left: .9em;
}

footer .copyright {
    padding: 11px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    background-color: #000;
    margin-top: 3em;
}

    footer .copyright a {
        color: rgba(221, 221, 221, 0.75);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .6rem;
    }

    footer .copyright img {
        margin-right: 1em;
    }
/*end-footer*/

/*contact-us*/
.display-flex {
    display: flex;
    direction: rtl;
}

.contact-right {
    direction: rtl;
}

.contact-us .image-right img {
    width: 100%;
    height: auto;
}

.contact-right ul li {
    line-height: 55px;
    position: relative;
}

.contact-right-div {
    width: 35%;
}

.contact-right {
    margin-right: 10em;
    margin-top: 9em;
}

.contact-left-div {
    width: 65%;
}

.detail-contact {
    font-size: .8rem;
}

.title-contact img {
    top: 6px;
    position: relative;
    left: 4px;
    width: 21px;
}

.addres-contact {
    font-size: .85rem;
    position: absolute;
    top: 1em;
    right: 5.9em;
    line-height: 28px;
}

.addres-contact, .contact-right ul li span {
    color: #4f4f52;
}

.title-contact {
    color: #a6a5a5 !important;
    font-size: .9rem;
    margin-left: 1em;
}

.call {
    font-family: 'Aileron-Regular';
    font-size: .9rem;
    letter-spacing: -.1px;
}

.follow-us {
    margin-top: 5em;
}

    .follow-us ul {
        display: flex;
    }

        .follow-us ul li {
            margin-left: 2em;
            margin-top: 1em;
        }
/*end-contact-us*/

.article-div {
    direction: rtl;
}

.title-article {
    font-size: .85rem;
    color: var(--grayDarkcolor);
    margin: .9em 0;
    margin-top: .6em;
}

.article-show .desc-article {
    margin-top: 2em;
}

.desc-article {
    color: #969696;
    font-size: .8rem;
    line-height: 28px;
    text-align: justify;
}

.pdi-article {
    padding-left: 8em;
}

.date {
    color: #969696;
    font-size: .75rem;
    font-family: 'Aileron-Regular';
    letter-spacing: -0.5px;
}

.left-image-article img {
    float: left;
}

.left-image-article.margin {
    margin: 3em 0;
}

.article-center {
    max-width: 880px;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 3em;
    direction: rtl;
}

.image-article-center {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
}

.article-center ul li {
    color: #969696;
    font-size: .8rem;
    line-height: 28px;
    text-align: justify;
    position: relative;
    margin-right: 1em;
}

    .article-center ul li:before {
        content: " .";
        color: #00ba9e;
        font-size: 50px;
        position: absolute;
        top: -11px;
        right: -0.32em;
    }

.article-center ul {
    margin-top: 1em;
}

.width-slider-article {
    max-width: 1090px;
    margin: 0 auto;
}

    .width-slider-article .mySwiper {
        overflow: hidden;
    }

    .width-slider-article .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/*.swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.article-related .swiper {
    width: 1400px;
    margin: 0 auto;
}*/
.position-rev {
    position: relative;
}

.width-slider-article .swiper-button-next, .width-slider-article .swiper-container-rtl .swiper-button-prev {
    right: 11em;
    left: auto;
}

.width-slider-article .swiper-button-prev, .width-slider-article .swiper-container-rtl .swiper-button-next {
    left: 11em;
    right: auto;
}

.width-slider-article .mySwiper .articel-box {
    direction: rtl;
    max-width: 316px;
    text-align: right;
}

.back-gray {
    background-color: #f5f5f5;
    padding: 3em 0;
}

.width-slider-article .swiper-slide {
    background: transparent;
}

/*modiriat-proje*/
.pdi-modiriat {
    padding-left: 6em;
}

.modiriat-div {
    direction: rtl;
}

.title-modiriat {
    font-size: .9rem;
    color: var(--grayDarkcolor);
    margin: 1em 0;
    margin-top: .6em;
}

.modiriat-center {
    max-width: 1070px;
    margin: 0 auto;
    margin-top: 4.5em;
    margin-bottom: 3em;
    direction: rtl;
}

.modiriat-center-ul li {
    color: #969696;
    font-size: .83rem;
    line-height: 28px;
    text-align: justify;
    position: relative;
    margin-right: 1em;
}

    .modiriat-center-ul li:before {
        content: " .";
        color: #00ba9e;
        font-size: 50px;
        position: absolute;
        top: -11px;
        right: -0.32em;
    }

.modiriat-center-ul {
    margin-bottom: .7em;
    margin-top: 1em;
}

.modiriat-proje {
    direction: rtl;
}

    .modiriat-proje .desc-article.margin {
        margin-bottom: 5em;
    }

/*end-modiriat-proje*/

/*pdi-moshavere*/

.title-moshavere {
    font-size: .9rem;
    color: var(--grayDarkcolor);
    margin: 1em 0;
    margin-top: .6em;
}

.margin-top-moshavere {
    margin: 2em auto;
}

.left-image-moshavere {
    position: absolute;
    left: 0;
}

.moshavere-div {
    direction: rtl;
    min-height: 510px;
}

.moshavere-box {
    margin-left: 4em;
}


.moshavere-center {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 3em;
    direction: rtl;
}

.width50 {
    width: 50%;
}

.img-position-right {
    position: relative;
}

.box-text {
    margin-top: 4em;
    width: 458px;
}

.img-position-left {
    position: relative;
    min-height: 400px;
    margin-top: 4em;
}

    .img-position-left .box-left {
        position: absolute;
        right: 0;
    }

    .img-position-left .box-right {
        position: absolute;
        left: 0;
    }


    .img-position-left .box-text {
        padding-right: 0;
        width: 458px;
    }

/*...*/

.title-page {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    direction: rtl;
    margin-bottom: 3em;
}

.inner-page .wrapper {
    padding-top: 9em;
}

.Architectural-consulting {
    direction: rtl;
}

.cat-Architectural-consulting ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3em auto;
    margin-bottom: 5em;
    z-index: 9;
    position: relative;
}

    .cat-Architectural-consulting ul li {
        width: 308px;
        height: 205px;
        position: relative;
    }

        .cat-Architectural-consulting ul li .overlay-cat {
            position: absolute;
            text-align: center;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.95rem;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.45);
        }

        .cat-Architectural-consulting ul li a {
            -webkit-transition: all 1000ms ease;
            -moz-transition: all 1000ms ease;
            -ms-transition: all 1000ms ease;
            -o-transition: all 1000ms ease;
            transition: all 1000ms ease;
        }

.gray-box {
    width: 100%;
    padding: 5em;
    background-color: #e6e6e6;
    position: absolute;
    bottom: -5em;
    z-index: 1;
}

.cat-Architectural-consulting ul li a:hover {
    transform: scale(1.2);
    position: absolute;
    z-index: 8;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

    .cat-Architectural-consulting ul li a:hover .overlay-cat {
        height: 96%;
    }

/*end*/

/*service-page*/

.servicePage {
    direction: rtl;
}

    .servicePage .descPro {
        color: #969696;
        font-size: .85rem;
        line-height: 33px;
        margin: .5em 0;
        margin-bottom: 1.3em;
        direction: rtl;
        text-align: justify;
        height: 356px;
        overflow: hidden;
    }

    .servicePage .titlePro {
        z-index: 88;
        color: #545454;
        font-size: .93rem;
        position: relative;
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 12px;
    }

    .servicePage .width50 {
        width: 50%;
    }

    .servicePage .flexServiceR .serviceRight {
        position: absolute;
        right: 0;
        padding: 4.5em 10.5em;
        padding-left: 6.5em;
        padding-bottom: 0px;
    }

    .servicePage .flexServiceR .serviceLeft {
        position: absolute;
        left: 0;
    }

    .servicePage .flexServiceR,
    .servicePage .flexServiceL {
        display: flex;
        min-height: 533px;
        max-height: 533px;
        position: relative;
        width: 100%;
    }

    .servicePage .flexServiceR {
        min-height: 506px !important;
        max-height: 506px !important;
        overflow: hidden;
    }

        .servicePage .flexServiceR span,
        .servicePage .flexServiceL span {
            font-size: 3.5rem;
            color: rgba(0, 186, 158, 0.30);
            font-weight: bold;
            position: absolute;
            top: 1.3em;
            z-index: 4;
        }

    .servicePage .flexServiceL span {
        margin-right: -1px;
    }

    .servicePage .flexServiceL .serviceLeft {
        position: absolute;
        left: 0;
        padding: 4.5em 4em;
        padding-left: 11em;
        padding-bottom: 0px;
    }

    .servicePage .flexServiceL .serviceRight {
        position: absolute;
        right: 0;
    }

    .servicePage .width50 img {
        width: 100%;
    }

    .servicePage .flexServiceL {
        max-height: 532px !important;
    }

@media only screen and (max-width:1350px) and (min-width:880px) {
    .servicePage .flexServiceR .serviceRight {
        padding: 2em 1em;
        padding-left: 1em;
    }

    .servicePage .width50 img {
        width: 100%;
        height: 533px;
    }

    .servicePage .flexServiceL .serviceLeft {
        padding: 2em 1em;
        padding-left: 1em;
    }
}

@media only screen and (max-width:880px) {
    .servicePage .flexServiceR,
    .servicePage .flexServiceL {
        display: block !important;
        max-height: unset !important;
    }

    .servicePage .width50 {
        width: 100%;
    }

    .servicePage .flexServiceL .serviceRight,
    .servicePage .flexServiceL .serviceLeft,
    .servicePage .flexServiceR .serviceLeft,
    .servicePage .flexServiceR .serviceRight {
        position: unset;
    }

    .servicePage .flexServiceR .serviceRight,
    .servicePage .flexServiceL .serviceLeft {
        padding: 1em 1em;
    }

    .servicePage .width50 img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width:880px) {
    .servicePage .flexServiceR {
        min-height: 506px !important;
        max-height: 506px !important;
        overflow: hidden;
    }
}

.email-service {
    background-image: url(../images/email-S.png);
    padding: 1.5em 0;
    background-color: #00ba9e;
    min-height: 70px;
    background-position: right;
    background-repeat: no-repeat;
    color: #fff;
}

.textLeft {
    text-align: left;
}

.padi-service {
    padding-right: 10em;
}
/*end-service-page*/

/*saze*/



.grayback {
    background-color: #efefef;
    min-height: 450px;
    height: auto;
    position: relative;
    border: 1px solid #e1e1e1;
}

.TitleCenterEN {
    color: #383550;
    width: 100%;
    text-align: center;
    letter-spacing: 3px;
    font-size: .9rem;
}

.TitleCenterFA {
    color: #000;
    width: 100%;
    text-align: center;
    font-size: 1.06rem;
}

@media only screen and (min-width: 1161px) {
    .productListPage ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 0;
    }

        .productListPage ul li {
            list-style: none;
            display: inline-block;
            width: calc(100% / 3);
            text-align: center;
        }
}

@media only screen and (min-width: 820px) and (max-width: 1160px) {
    .productListPage ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 0;
    }

        .productListPage ul li {
            list-style: none;
            display: inline-block;
            width: calc(100% /2);
            text-align: center;
        }
}

@media only screen and (min-width: 1200px) {
    .productListPage li:nth-child(3n+1) {
        text-align: right;
    }
}

@media only screen and (min-width: 1200px) {
    .productListPage li:nth-child(3n+3) {
        text-align: left;
    }
}

@media only screen and (max-width: 820px) {
    .productListPage ul li {
        text-align: center;
    }
}

.productListPage li {
    margin-top: 2.5em;
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 1161px) {
    .productListPage ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 0;
    }

        .productListPage ul li {
            list-style: none;
            display: inline-block;
            width: calc(100% / 3);
            text-align: center;
        }
}

@media only screen and (min-width: 1020px) and (max-width: 1160px) {
    .productListPage ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 0;
    }

        .productListPage ul li {
            list-style: none;
            display: inline-block;
            width: calc(100% /2);
            text-align: center;
        }
}

.productListPage {
    direction: rtl;
    padding-bottom: 2em;
}

@media only screen and (max-width:1400px) and (max-width:1200px) {
    .productListPage ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
}

@media only screen and (max-width:1200px) {
    .productListPage ul {
        padding: 0 1em;
    }

    .shadowBox {
        margin: 0 auto;
    }
}

@media only screen and (max-width:768px) {
    .productListPage ul {
        display: block;
        text-align: center;
    }

        .productListPage ul li {
            margin: 0 auto;
            text-align: center;
            margin-bottom: 1em;
        }
}

@media only screen and (max-width: 980px) {
    .productListPage ul {
        padding: 0;
    }

    .title-page {
        font-size: 1rem;
        margin-bottom: 1em;
    }
}

.productListDiv {
    position: relative;
}

.shadowBox {
    max-width: 367px;
    height: auto;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}



.productListPage li:hover .shadowBox {
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    z-index: 300;
}

/*.productListPage li:hover .shadowBox img {
        box-shadow: 0px 0 23px 2px #b6b6b6;
    }*/

/*.shadowBox img {
    width: 100%;
    height: auto;
}*/

.nameProList {
    line-height: 27px;
    color: var(--grayDarkcolor);
    width: 367px;
    margin: 0 auto;
    text-align: right;
    font-size: .85rem;
    margin-top: .2em;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}


.productPage {
    direction: rtl;
    padding-top: 4em;
}

    .productPage .descPro {
        color: #969696;
        margin: .5em 0;
        margin-bottom: 1.3em;
        direction: rtl;
        text-align: justify;
        font-size: .8rem;
        line-height: 28px;
    }

    .productPage .titlePro {
        color: var(--grayDarkcolor);
        font-size: .9rem;
        font-weight: bold;
    }

    .productPage .grayback .titlePro {
        font-weight: 100;
    }

    .productPage .btnCatalog {
        color: #d13227;
        font-size: .77rem;
        font-weight: bold;
        border: 2px solid #d13227;
        padding: .75em 3em;
        position: relative;
        top: 2em;
    }

        .productPage .btnCatalog i {
            font-size: .9rem;
            margin-left: 11px;
        }

.productPageL {
    border: 2.5px solid #000;
    padding: 3em 2em;
    width: 66%;
    float: left;
}

.TitleDiv {
    display: flex;
    align-items: center;
}

    .TitleDiv p {
        color: #5a5a5a;
        font-size: .9rem;
        font-weight: bold;
        margin-bottom: 1em;
    }

    .TitleDiv .hr {
        right: 34px;
        width: 70px;
        height: 2px;
        background-color: #5c5c5c;
        position: relative;
        top: -6px;
    }

.nameProductTb {
    color: #b2b2b2;
    font-size: .75rem;
    font-weight: bold;
}

.JProductTb {
    color: var(--grayDarkcolor);
    font-size: .87rem;
}

.productPageL li {
    line-height: 31px;
    margin-right: 2.2em;
}

.productPage .grayback .shadowBox {
    top: -5em;
}

.productPage .productListDiv .shadowBox {
    max-width: 367px;
}

/*.productPage .productListPage li:hover .shadowBox img {
    box-shadow: 0px 0 23px 2px #b6b6b6;
}*/

.productPage .productListPage li:hover .shadowBox {
    box-shadow: none;
}

.productPage .shadowBox {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    top: 0;
    border: 1px solid transparent;
}

.productPage .grayback .shadowBox img {
    box-shadow: 0px 2px 7px 5px #e3e3e3;
}

.productPage .grayback {
    margin-top: 3em;
    min-height: 300px;
}

.pdiL {
    padding: 3em 6em;
    padding-left: 0;
}


@media only screen and (max-width:888px) {
    .productPageL {
        padding: 1em;
        width: 90%;
        float: unset;
        margin: 0 auto;
        margin-top: 3em;
    }

    .productPage .btnCatalog {
        position: unset;
        top: 0;
    }

    .productPage .grayback .shadowBox {
        top: 1em;
    }

    .productPage .bc-content {
        padding: 0 1em;
        padding-top: 2em;
    }

    .pdiL {
        padding: 2em 1em;
        padding-left: 1em;
    }

    .productPage .productListDiv {
        top: 2em;
    }

    .productPage {
        padding-top: 1em;
    }

    .productListPage {
        padding-bottom: 1em;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 980px) {
    .productPage .nameProList, .productPage .productListPage li:hover .nameProList {
        color: #4f4f52 !important;
    }
}

@media only screen and (max-width: 1220px) {
    .proList .productPage .bc-content {
        padding: 0 1em;
    }
}

@media only screen and (max-width: 980px) {
    .productListDiv {
        padding: 0 1em;
    }
}

@media only screen and (max-width:769px) {
    .productPage .productListPage ul {
        padding-bottom: 2em;
    }
}


@media only screen and (max-width:1400px) {
    .productListPage {
        margin-top: -1em;
    }
}

.proList .productPage .grayback {
    height: 295px;
    min-height: unset;
}

.productPage .article-center {
    max-width: unset;
    margin: 0 auto;
    direction: rtl;
}

.ProductList_inner {
    padding-top: 3em;
}

.productPage .back-gray {
    padding: 1em 0;
}

.project-related .TitleCenterFA {
    margin-bottom: 2em;
}

.project-related .productListPage {
    padding-bottom: 0;
}

/*end-saze*/

/*blog*/


@media (max-width: 767px) {
    .d-xs-none {
        display: none !important;
    }
}

.icon-link {
    position: relative;
    line-height: 20px;
    font-weight: 700;
}



@media (max-width: 1199px) {
    .icon-link {
        font-size: 14px;
    }
}


.pagination {
    display: inline-block;
}

    .pagination a {
        font-family: 'Aileron-Regular';
        color: #181818;
        float: left;
        text-decoration: none;
        background-color: transparent;
        font-weight: bold;
        padding: 3px;
        width: 17px;
        height: 17px;
        margin: 0 6px;
        font-weight: 100;
        font-size: 1rem;
        border: 2px solid #e9e9e9;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .pagination a:nth-child(4) {
            border: unset;
        }

        .pagination a:hover {
            background-color: #ffffff;
            color: #000;
        }

        .pagination a.active {
            background-color: #141414;
            color: #fff;
        }

.textDesc {
    direction: rtl;
}


.articlePage {
    position: relative;
}

.BlogPage .BoxCategory {
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 3.5em;
}

    .BlogPage .BoxCategory ul {
        margin: 0;
        direction: rtl;
    }

        .BlogPage .BoxCategory ul li {
            -moz-transition: all .3s;
            -o-transition: all .3s;
            -webkit-transition: all .3s;
            transition: all .3s;
            width: 100%;
            float: right;
            line-height: 45px;
            text-align: right !important;
        }

.BlogPage .searchDiv i {
    position: absolute;
    color: #444;
    font-size: 1.05rem;
    top: 11px;
    right: 1.3em;
}

.BlogPage .BoxCategory {
    text-align: right;
}


.BlogPage .titleBlog {
    min-width: 87px;
    right: 0;
    bottom: 1em;
    text-align: right;
    float: unset;
    color: #151515;
    font-size: .89rem !important;
    margin-bottom: 1em;
}

.BlogPage .l3 li .txt {
    color: #737373;
    font-size: .78rem;
}

.BlogPage .line {
    right: 0;
    width: 100%;
    border: none;
    position: relative;
    top: -5px;
    border-bottom: 1.5px solid #d0d0d0;
}

.BlogPage .nameHr {
    right: 0;
    width: 20%;
    border: none;
    position: relative;
    top: 1.2px;
    border-bottom: 2px solid #000;
}

.BlogPage .BoxCategory ul li::before {
    content: ".";
    font-size: 3.5rem;
    position: absolute;
    right: -5px;
    top: -23px;
    color: #00ba9e;
}

.BlogPage .BoxCategory ul li a {
    margin-right: 1.5em;
}

.BlogPage .BoxCategory ul li {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    float: right;
    line-height: 45px;
    text-align: right !important;
    margin-bottom: .9em;
    position: relative;
}

.BlogPage .rightBox {
    margin-bottom: 1em;
    overflow: hidden;
}

.BlogPage .searchDiv {
    position: relative;
}

    .BlogPage .searchDiv input[type="text"] {
        width: 100%;
        padding-right: 3em;
        box-sizing: border-box;
        border: 2px solid transparent;
        font-size: 12px;
        background-color: #fff;
        background-position: 10px 10px;
        background-repeat: no-repeat;
        padding: 8px 54px 8px 18px;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
        font-family: 'Aileron-Regular';
    }

.BlogPage .l3 a {
    color: #000;
    line-height: 26px;
    font-size: .89rem;
    text-align: right;
    display: flex;
    align-items: center;
    font-family: 'Aileron-Regular';
}

.BlogPage .l3 .dateTxt {
    margin-right: 1.4em;
}

.BlogPage .l3 li a {
    color: #7b7b7b;
}

.cat-blog ul li span {
    position: absolute;
    left: 0;
}

.BlogPage .BoxCategory ul li:hover a {
    color: #151515;
}

.BlogPage .BoxCategory p {
    font-size: 0.8rem;
    padding: 0 .5em;
    line-height: 29px;
    text-align: justify;
    direction: rtl;
    color: #9b9b9b;
    position: absolute;
    bottom: 3.6em;
    right: 6.5em;
}


.BlogPage .icon-link {
    position: absolute;
    font-weight: 700;
    bottom: 49px;
    display: flex;
    width: 100%;
}


.BlogPage .more {
    position: unset;
}

.color {
    color: #8e2fb0 !important;
    border-bottom: 1px solid #8e2fb0;
}


@media screen and (max-width: 955px) {
    .BlogPage {
        padding: 0 1em;
    }

        .BlogPage .bc-col.l9 {
            width: 100%;
        }

        .BlogPage .bc-col.l3 {
            width: 100%;
        }
}

.BlogPage .dateTxt {
    color: #b6b6b6;
    font-size: .75rem;
    line-height: 35px;
    font-family: 'Aileron-Regular';
}

.BlogPage .l9 .dateTxt {
    padding-bottom: .5em;
    margin-bottom: 1.2em;
    border-bottom: 1px solid #c3c3c3;
}

.txtVideo {
    color: #2f2f2f;
    line-height: 22px;
    font-size: .83rem;
    text-align: right;
    font-family: 'Aileron-Regular';
}

.seeVideo {
    color: #b6b6b6;
    font-size: .75rem;
    line-height: 35px;
    font-family: 'Aileron-Regular';
}

.BlogPage .titrTxt {
    color: #2f2f2f;
    line-height: 26px;
    font-size: .95rem;
    text-align: right;
    display: flex;
    align-items: center;
    font-family: 'Aileron-Regular';
}

.BlogPage .l9 .paddingRight {
    padding-right: 7em;
}

.BlogPage {
    direction: rtl;
    margin-bottom: 3em;
    margin-top: 2em;
}


.displayBlock a {
    color: #585858;
    line-height: 22px;
    font-size: .8rem;
    display: flex;
    font-weight: bold;
}

    .displayBlock a:hover {
        color: #017477 !important;
    }

.displayBlock i {
    margin-right: 1em;
    margin-top: 0.5em;
}

.displayBlock .titrTxt {
    color: #585858;
    font-weight: bold;
    margin-top: .5em;
    font-family: 'Aileron-Regular';
}

.after::after {
    content: " |";
    margin: 0 8px;
    color: #6f1b8d;
    margin-left: 1.3em;
}

.after {
    color: #8e2fb0;
}



@media (max-width: 1280px) {
    .articlePage {
        padding: 0 1em;
    }

        .articlePage .BlogPage {
            padding: 0;
        }
}

@media (max-width: 945px) {
    .BlogPage .l9 .paddingRight {
        padding-right: 0;
    }

    .BlogPage .d-xs-none {
        display: block !important;
    }

    .BlogPage .borderBox {
        padding: 0;
    }
}

@media (max-width: 700px) {
    .BlogPage .displayBlock {
        padding-right: 0;
        text-align: center;
    }

    .BlogPage .titrTxt {
        justify-content: center;
    }

    .BlogPage .displayBlock a {
        position: unset;
        left: 0;
        right: 0;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .articlePage .txtleft {
        text-align: center;
    }
}

.numberformatsabet {
    display: inline-block;
    direction: ltr !important;
}

.numberformatsabet {
    display: inline-block;
    direction: ltr !important;
    font-family: 'Aileron-Regular';
}

.BlogPage .l9 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

    .BlogPage .l9 ul li {
        max-width: 382px;
        position: relative;
        direction: rtl;
        text-align: right;
        margin-bottom: 3em;
    }

.effectTop .img-container::before {
    content: '' !important;
    position: absolute !important;
    right: 0px;
    top: 0px;
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px !important;
    background-color: #FFF !important;
    -webkit-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
    -webkit-transition: all 1000ms cubic-bezier(0.694, 0, 0.335, 1);
    -o-transition: all 1000ms cubic-bezier(0.694, 0, 0.335, 1);
    transition: all 1000ms cubic-bezier(0.694, 0, 0.335, 1);
}

.effectTop.efectDiv .img-container::before {
    -webkit-transform: translateY(calc(100% - -3px)) skew(0deg) !important;
    -ms-transform: translateY(calc(100% - -3px)) skew(0deg) !important;
    transform: translateY(calc(100% - -3px)) skew(0deg) !important;
}

.effectTop {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:880px) {
    .BlogPage .paddingRight li img {
        width: 100%;
        height: auto;
    }
}

.effectTop {
    width: 100%;
}

.searchDiv {
    position: relative;
    margin-bottom: .8em;
}

    .searchDiv input[type="text"] {
        width: 100%;
        padding-right: 7.5em !important;
        box-sizing: border-box;
        border: 2px solid transparent;
        border-radius: 0;
        font-size: 12px;
        background-color: #f5f5f5;
    }

.fa-search {
    cursor: pointer;
}

.searchBorder .searchDiv input[type="text"] {
    background-color: #eaeaea;
    border: 1px solid #dcdcdc;
}

@media screen and (max-width: 880px) {
    .BlogPage .l9 .dateTxt {
        text-align: right;
    }

    .articlePage .BlogPage .titrTxt, .articlePage .BlogPage .displayBlock a {
        justify-content: unset;
    }
}

.articlePage .BlogPage .searchDiv input[type="text"] {
    padding-right: 2em !important;
    font-size: 12px;
    padding: 10px 54px 8px 18px;
}

.dateTxt span {
    color: #969696;
    font-size: .75rem;
    font-family: 'Aileron-Regular';
    letter-spacing: -0.5px;
}

    .dateTxt span.after {
        font-family: 'Aileron-Regular';
        letter-spacing: 0;
        font-size: .79rem;
    }

.pdi-blog {
    padding-left: 2em;
}

.BoxCategory.cat-blog ul li::before {
    content: unset;
}

.BoxCategory.cat-blog ul li a {
    margin-right: 0;
}

.flexdiv {
    display: flex;
}

.Blog-page .title-article {
    font-size: .9rem;
    color: #00ba9e;
    margin: .9em 0;
    margin-top: .6em;
}

.Blog-page .desc-article {
    color: #6f6f6f;
    font-size: .8rem;
    line-height: 28px;
    text-align: justify;
}

.mySwiper {
    overflow: hidden;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.swiper-blog {
    position: relative;
    margin-bottom: 4em;
}

    .swiper-blog .swiper-button-next {
        position: absolute;
        bottom: 55%;
        top: unset;
        background-color: #00ba9e;
        width: 66px;
        height: 60px;
        margin-left: -0.7em;
    }

    .swiper-blog .swiper-button-prev {
        position: absolute;
        bottom: 55%;
        top: unset;
        background-color: #00ba9e;
        width: 66px;
        height: 60px;
        left: 0;
        margin-right: -0.7em;
    }

        .swiper-blog .swiper-button-next:after,
        .swiper-blog .swiper-container-rtl .swiper-button-prev:after,
        .swiper-blog .swiper-button-prev:after,
        .swiper-blog .swiper-container-rtl .swiper-button-next:after {
            font-size: 1.8rem;
            color: #fff;
        }

.title-blog-left {
    margin-bottom: 1.3em;
}

    .title-blog-left span {
        color: #000;
        font-size: .81rem;
        font-family: 'Aileron-Regular';
    }

        .title-blog-left span.titr {
            font-size: 1.1rem;
        }

    .title-blog-left i {
        color: #00ba9e;
        font-size: 1.5rem;
        margin-right: 0.6em;
    }

    .title-blog-left .flexdiv {
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
    }

.Blog-page .desc-article {
    margin-top: 1em;
}
/*end-blog*/


/*project-show*/

.slider-project .swiper-scrollbar {
    background: #72d9ca;
}

.project-show .swiper-container-horizontal > .swiper-scrollbar {
    height: 1.2px;
    width: 45%;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

.slider-project .swiper-scrollbar-drag {
    background: #00ba9e;
    border-radius: 0;
    top: -2px;
    height: 4px;
}

.slider-project {
    width: 830px;
    height: auto;
    padding-bottom: 3em;
}

    .slider-project img {
        width: 645px;
        height: auto;
        margin: 0 auto;
        text-align: center;
        display: flex;
    }

    .slider-project .swiper-slide, .swiper-wrapper {
        margin-bottom: 1em;
    }

    .slider-project .swiper-container-horizontal > .swiper-pagination-bullets,
    .slider-project .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 20px;
        color: #00ba9e;
        font-size: 1.5rem;
        direction: ltr;
    }

    .slider-project .swiper-pagination-current {
        font-size: 2rem;
        color: #00ba9e;
    }

    .slider-project .title-slider {
        background-color: #000;
        color: #fff;
        width: 190px;
        position: absolute;
        bottom: 3em;
        right: 10em;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .8rem;
    }

    .slider-project .swiper-button-prev:after,
    .slider-project .swiper-container-rtl .swiper-button-next:after {
        background-image: url('../images/arrow-right.png');
        width: 60px;
        padding-bottom: 0.8em;
    }

    .slider-project .swiper-button-next:after,
    .slider-project .swiper-container-rtl .swiper-button-prev:after {
        background-image: url('../images/arrow-left.png');
        width: 60px;
        padding-bottom: 0.8em;
    }

    .slider-project .swiper-button-prev,
    .slider-project .swiper-container-rtl .swiper-button-next,
    .slider-project .swiper-button-next,
    .slider-project .swiper-container-rtl .swiper-button-prev {
        width: 60px;
    }

    .slider-project .swiper-button-next, .slider-project .swiper-button-prev {
        color: transparent;
    }

.container-project {
    max-width: 1025px;
    margin: 0 auto;
    direction: rtl;
}

    .container-project .title-article {
        color: #00ba9e;
        font-weight: bold;
        font-size: 0.9rem;
    }

    .container-project .desc-article {
        font-size: .83rem;
    }

.color-back {
    color: #fff;
    padding: 1px 6px;
    background-color: var(--greencolor);
    margin: 0 5px;
}

.title-table-project {
    font-size: 1.1rem;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin: 5em auto;
    color: var(--grayDarkcolor);
    margin-bottom: 2rem;
    border-bottom: 1.9px solid #dddddd;
    padding-bottom: 1em;
}

.ul-table-project {
    margin-left: 2em;
}

    .ul-table-project li {
        display: flex;
        line-height: 36px;
        position: relative;
    }

.nameTbl {
    font-size: .93rem;
    color: #919191;
    font-weight: bold;
    margin-right: 1em;
}

.descTbl {
    font-size: .95rem;
    color: #b0b0b0;
    margin-right: .5em;
}

.ul-table-project li::before {
    content: ".";
    font-size: 3.8rem;
    position: absolute;
    right: -7px;
    top: -15px;
    color: #00ba9e;
}

.border {
    border: 2.4px solid #000;
    padding: 1.3em 1em;
    width: 300px;
    float: left;
    text-align: center;
    font-size: .83rem;
    color: #a6a6a6;
    margin-top: 2.5em;
}

    .border .insta-prj::after {
        content: "|";
        color: #000;
        font-size: 1.8rem;
        margin: 0 3px;
        margin-top: -17px;
    }

    .border .share-text {
        margin-left: 15px;
    }

.back-project {
    position: absolute;
    top: 8em;
    left: 0;
}

.title2-table-project {
    font-size: 1.1rem;
    position: relative;
    text-align: center;
    margin: 5em auto;
    color: var(--grayDarkcolor);
    margin-bottom: 0.5em;
}

.titleInner-project {
    color: #7f7e7e;
    font-size: .9rem;
    line-height: 28px;
    text-align: center;
}

/*....*/



.form-project .TabNiroo {
    margin-top: 3em;
    padding-right: 10em;
}

    .form-project .TabNiroo .contentTabNmayandeDiv .active_TabNiroo {
        display: block;
    }

    .form-project .TabNiroo .contentTabNmayandeDiv {
        width: 100%;
        box-sizing: border-box;
    }

    .form-project .TabNiroo .in_contentTabNmayandeDiv {
        display: none;
        width: 100%;
    }

.Proficiency li {
    margin-top: 7px;
}

    .Proficiency li a {
        text-align: right;
        font-size: .7rem;
        padding: 0 18px;
        color: #585858;
        font-family: 'Aileron-Regular';
    }

.form-project .titrOne::before {
    content: ".";
    font-size: 3rem;
    position: absolute;
    right: -22px;
    top: -40px;
    color: #6f1b8d;
}

.form-project .titrOne {
    color: #151515;
    font-size: .78rem;
    font-family: 'Aileron-Regular';
    margin-bottom: .5em;
    position: relative;
    margin-right: 1.5em;
}

.form-project input {
    margin-bottom: .7em;
    height: 45px;
}


    .form-project input:not([type=button]):not([type=submit]) {
        width: 98%;
        background-color: #eeeeee;
        border: 1px solid #dfdfdf;
        text-align: right;
        font-size: .8rem;
        padding: 0 6px;
        color: #878787;
        font-family: 'Aileron-Regular';
        margin-bottom: .8em;
    }


.form-project .formContact .sendForm {
    width: 94%;
    left: 7px;
    float: left;
    position: relative;
    font-family: 'Aileron-Regular';
    padding: 6px 6px;
    background-color: #fff !important;
    border: 2px solid #00ba9e;
    color: #00ba9e;
    text-align: center;
    height: 45px !important;
    cursor: pointer;
    font-weight: bold;
    font-size: .92rem;
}

.form-project .formContact .imgRefresh img {
    cursor: pointer;
    width: 42px;
}

.form-project .formContact .imgRefresh:before {
    content: "|";
    color: #9b9b9b;
    font-size: 2.1rem;
    margin-top: 1px;
    position: relative;
    left: 9px;
}

.form-project .formContact .imgRefresh {
    display: flex;
    align-items: center;
    background-color: #eeeeee;
    border: 1px solid #dfdfdf;
    border-right: none;
    border-left: none;
    justify-content: center;
    height: 45px;
}

.form-project .formContact textarea {
    width: 99.3%;
    background-color: #eeeeee !important;
    border: 1px solid #dfdfdf;
    text-align: right;
    font-size: 12px;
    font-family: 'Aileron-Regular';
    padding: 6px 6px;
    color: #000;
    margin-bottom: .3em;
}

.form-project .formContact .imgCaptcha {
    width: 100%;
    height: 45px;
    background-color: #eeeeee;
    border: 1px solid #dfdfdf;
    border-right: none;
    justify-content: center;
}

.captcha-text {
    width: 100% !important;
}

.form-project {
    direction: rtl;
    margin-bottom: 4em;
}

    .form-project form {
        margin-top: 2em;
    }

    .form-project input:not([type=button]):not([type=submit]) {
        padding: 0 18px;
    }

    .form-project .formContact {
        direction: rtl;
        width: 82%;
        margin: 0 auto;
    }

    .form-project select {
        flex: 1;
        padding: 0 .5em;
        color: #fff;
        cursor: pointer;
    }

    .form-project .select select {
        display: inline-block;
        height: 100%;
        cursor: pointer;
        outline: 0;
        border-radius: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        background-color: #f5f5f5 !important;
        border: 1px solid #f5f5f5;
        text-align: right;
        font-size: .7rem;
        padding: 0 18px;
        color: #585858;
        font-family: 'Aileron-Regular';
    }

    .form-project .formContact .select {
        position: relative;
        display: flex;
        width: 100%;
        height: 41px;
        margin-bottom: .8em;
    }

    .form-project .select::after {
        content: ' \276F';
        transform: rotate( -90deg);
        position: absolute;
        top: 0px;
        left: 26px;
        padding: 5px 0;
        cursor: pointer;
        pointer-events: none;
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease;
        font-size: 12px;
    }

    .form-project .select select option {
        background-color: #fff;
    }

@media (max-width: 1280px) {
    .form-project {
        padding: 0 1em;
    }
}

@media (max-width: 1100px) {
    .form-project .formContact {
        direction: rtl;
        width: 100%;
    }
}

.form-project .center {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-project .sendForm {
    margin-bottom: 1em;
    height: 53px;
    width: 100%;
    background-color: #00a54f;
    border: 1px solid #00a54f;
    color: #fff;
    font-family: 'Aileron-Regular';
}

.form-project {
    direction: rtl;
}

    .form-project .width92 {
        width: 92% !important;
    }

@media screen and (max-width: 880px) {
    .form-project .TabNiroo {
        margin-top: 0;
        padding-right: 0;
    }

    .form-project .s6 {
        width: 100%;
    }

    .form-project .width92 {
        width: 100% !important;
    }

    .form-project #add_new i {
        margin-right: 0;
    }

    .form-project .positionRe {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 880px) {
    .form-project input:not([type=button]):not([type=submit]) {
        padding: 0 5px;
    }
}

.form-project .formContact .sendForm:hover {
    border: 2px solid #00ba9e;
    background-color: #00ba9e !important;
    color: #fff;
}

.form-project input,
.form-project textarea {
    margin: 0;
    font-size: 100%;
    color: #878787;
}

/*end-project-show*/

.page-gallery .container-two {
    max-width: 1240px;
    margin: unset !important;
}

.page-gallery .title-page {
    font-size: 1.5rem;
    text-align: right;
}

.gallery__slider {
    margin-top: 0;
}

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

    .gallery-slider__item:nth-child(2n) {
        padding-top: 0;
    }

    .gallery-slider__img {
        width: 353px;
    }
}


/*....*/

/*saze-cat*/

.saze-cat-section ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3em auto;
    margin-bottom: 5em;
    z-index: 9;
    position: relative;
}


    .saze-cat-section ul li .overlay-cat {
        position: absolute;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.95rem;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.45);
    }

    .saze-cat-section ul li a {
        -webkit-transition: all 1000ms ease;
        -moz-transition: all 1000ms ease;
        -ms-transition: all 1000ms ease;
        -o-transition: all 1000ms ease;
        transition: all 1000ms ease;
    }


        .saze-cat-section ul li a:hover {
            transform: scale(1.2);
            position: absolute;
            z-index: 8;
            -webkit-transition: all 1000ms ease;
            -moz-transition: all 1000ms ease;
            -ms-transition: all 1000ms ease;
            -o-transition: all 1000ms ease;
            transition: all 1000ms ease;
        }



.saze-cat .saze-cat-section ul li {
    width: 400px;
    height: 268px;
    position: relative;
}

    .saze-cat .saze-cat-section ul li a:hover .overlay-cat {
        height: 97.5%;
    }



@media only screen and (max-width: 1200px) {
    .saze-cat .saze-cat-section, .Architectural-consulting .cat-Architectural-consulting {
        text-align: center;
    }

        .saze-cat .saze-cat-section ul li {
            list-style: none;
            display: inline-block;
            width: 400px;
            text-align: center;
        }

        .Architectural-consulting .cat-Architectural-consulting ul li {
            list-style: none;
            display: inline-block;
            width: 308px;
            text-align: center;
        }

        .saze-cat .saze-cat-section ul,
        .Architectural-consulting .cat-Architectural-consulting ul {
            display: block !important;
        }

        .saze-cat .saze-cat-section .position-rev,
        .Architectural-consulting .cat-Architectural-consulting .position-rev {
            position: relative;
            left: 0;
            right: 0;
            text-align: center;
        }
}


@media only screen and (max-width: 820px) {
    .saze-cat .saze-cat-section ul,
    .Architectural-consulting .cat-Architectural-consulting ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 0;
    }

        .saze-cat .saze-cat-section ul li,
        .Architectural-consulting .cat-Architectural-consulting ul li {
            display: block;
            text-align: center;
            margin: 0 auto;
        }
}

.saze-cat .saze-cat-section ul li a:hover,
.Architectural-consulting .cat-Architectural-consulting ul li a:hover {
    transform: scale(1.2);
    position: absolute;
    z-index: 8;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 400px) {
    .saze-cat .saze-cat-section ul li,
    .Architectural-consulting .cat-Architectural-consulting ul li {
        list-style: none;
        display: block;
        width: 90%;
        height: auto;
        text-align: center;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-bottom: 1em;
    }

        .saze-cat .saze-cat-section ul li a:hover,
        .Architectural-consulting .cat-Architectural-consulting ul li a:hover {
            transform: unset;
            position: unset;
        }

        .saze-cat .saze-cat-section ul li img,
        .Architectural-consulting .cat-Architectural-consulting ul li img {
            width: 100%;
            height: auto;
        }

        .saze-cat .saze-cat-section ul li a .overlay-cat,
        .saze-cat .saze-cat-section ul li a:hover .overlay-cat,
        .Architectural-consulting .cat-Architectural-consulting ul li a .overlay-cat,
        .Architectural-consulting .cat-Architectural-consulting ul li a:hover .overlay-cat {
            height: 96.5%;
        }
}

@media only screen and (max-width: 1047px) {
    .about-us-tab {
        margin-top: 5em;
        padding-right: 3em;
        width: 90%;
    }


    .desc-why-us-two {
        margin: 2em 1em 0 0;
        left: 0;
    }
}

@media only screen and (max-width: 1030px) {
    .left-image-article img {
        width: 100%;
        height: auto;
        margin-top: 1em;
    }

    .image-article-center img {
        width: 60%;
        height: auto;
        margin: 0 1em;
    }
}

@media only screen and (max-width: 1240px) {
    .container-two {
        padding: 0 1em;
    }

    .slider-project, .slider-project img {
        width: 100%;
        height: auto;
    }

        .slider-project .swiper-button-next, .slider-project .swiper-button-prev {
            position: absolute;
            top: 32%;
        }

        .slider-project .title-slider {
            right: 3em;
        }

    .left-image-moshavere {
        position: unset;
    }

        .left-image-moshavere img {
            width: 100%;
            height: auto;
        }

    .contact-right {
        margin-right: 3em;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 1026px) {
    .container-project {
        padding: 0 1em;
        margin-top: 3em;
    }

    .desc-why-us {
        margin-top: 2em;
        color: #4f4f52;
        font-size: .8rem;
        line-height: 25px;
    }
}

@media only screen and (max-width: 880px) {
    .about-us .sendForm {
        width: 100%;
    }

    footer .pdi-right {
        padding-right: 1em;
    }

    footer .l4 .div-width {
        padding-right: 1em;
    }

    .padi-service {
        padding-right: 0;
    }

    .productPage .grayback .shadowBox img {
        width: 100%;
        height: auto;
    }

    .ul-table-project {
        margin-left: 0;
    }

    .nameTbl {
        font-size: .8rem;
    }

    .border {
        width: 300px;
        float: unset;
        position: relative;
        left: 0;
        right: 0;
        display: flex;
        margin: 0 auto;
        top: 2em;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: .5em 1em;
    }

    .img-position-right img, .img-position-left img {
        width: 100%;
        height: auto;
    }

    .box-text {
        width: 90% !important;
        margin: 0 auto;
        margin-top: 1em;
    }

    .contact-right {
        margin-right: 2em;
        margin-top: 0;
    }

    .BlogPage .l9 ul li {
        max-width: 45%;
    }

    .about-us .image-right img {
        display: none;
    }

    .about-us-tab-ul {
        width: 100% !important;
    }

    .about-us-tab {
        margin-top: 5em;
        padding: 0 1.2em;
        width: 100%;
        padding-bottom: 3em;
    }

    .desc-why-us-two {
        margin: 2em 0 0 0;
    }
}

@media only screen and (max-width: 1220px) {
    .productPage .grayback {
        padding: 0 1em;
    }
}

@media only screen and (max-width: 781px) {
    .form-project input:not([type="button"]):not([type="submit"]),
    .form-project .formContact textarea {
        width: 100%;
    }

    .form-project .formContact .sendForm {
        width: 100%;
        left: 0;
    }

    .form-project .formContact textarea {
        margin-bottom: .7em;
    }

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

    .contact-left-div {
        width: 100%;
    }

    .contact-right-div {
        width: 100%;
    }

    .follow-us {
        margin-top: 2em;
    }
}

@media only screen and (max-width: 600px) {
    .email-service, .email-service .textLeft {
        text-align: center;
    }

        .email-service .textLeft {
            margin-top: 1em;
        }

    .logo-footer {
        text-align: center;
    }

    footer {
        padding-top: 1em;
    }

    .pdiL {
        padding: 2em 0;
    }

    .moshavere-box {
        margin-left: 0;
    }

    .img-position-left .width50,
    .img-position-right .width50 {
        width: 100%;
    }

    .img-position-left .box-left {
        position: unset;
        right: 0;
    }

    .img-position-left .box-right {
        position: unset;
    }

    .box-text {
        width: 100% !important;
    }

    .img-position-left {
        margin-top: 0;
    }

    .image-article-center img {
        width: 80%;
        margin: 0 auto;
    }

    .image-article-center {
        display: block;
        text-align: center;
    }

    .pdi-modiriat {
        padding-left: 0;
    }

    .pdi-blog {
        padding-left: 0;
    }

    .BlogPage .l9 ul li {
        max-width: 100%;
    }

    .pdi-article {
        padding-left: 0;
    }
}

@media only screen and (max-width: 400px) {
    footer .s6 {
        width: 100% !important;
    }

    footer .address-footer ul {
        width: 100%;
    }

    footer .bc-col {
        margin-bottom: 1.5em;
    }

    footer .pdi-right, footer .l4 .div-width, footer .address-footer {
        padding-right: 0;
    }

    .productPage .productListDiv .shadowBox, .productPage .productListDiv .shadowBox img {
        width: 100%;
        height: auto;
    }
}




.width-slider-article .swiper-button-prev:after,
.width-slider-article .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

.width-slider-article .swiper-button-next:after,
.width-slider-article .swiper-container-rtl .swiper-button-prev:after {
    display: none;
}

.width-slider-article .swiper-button-next i, .width-slider-article .swiper-button-prev i {
    font-size: 1.3rem;
    border: 2px solid #000000;
    padding: .7rem .7rem;
    border-radius: 50%;
    color: #000;
    transition: all .5s;
    -moz-transition: all .5s;
}

.width-slider-article .swiper-button-next:hover i, .width-slider-article .swiper-button-prev:hover i {
    border: 2px solid #00ba9e;
    background-color: #00ba9e;
    color: #fff;
    transition: all .5s;
    -moz-transition: all .5s;
}

@media only screen and (max-width: 1200px) {
    .width-slider-article .swiper-button-prev,
    .width-slider-article .swiper-container-rtl .swiper-button-next {
        left: 3em;
    }

    .width-slider-article .swiper-button-next,
    .width-slider-article .swiper-container-rtl .swiper-button-prev {
        right: 3em;
    }
}

@media only screen and (max-width: 1000px) {
    .width-slider-article {
        max-width: 90%;
    }

        .width-slider-article .swiper-button-next, .width-slider-article .swiper-button-prev {
            position: absolute;
            top: 58%;
        }
}


/*main-menu ------------------------------------------------------------ start*/
.main-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    /*background: #fff;
    */
    opacity: 0;
    overflow-x: hidden;
    overflow-y: visible;
    pointer-events: none;
}

.main-menu__wr {
    width: 100vw;
}

.main-menu--in {
    pointer-events: auto;
}

.main-menu__list li {
    margin-bottom: 30px;
    line-height: normal;
}

[data-delay="1"] {
    transition-delay: .1s;
}

[data-delay="2"] {
    transition-delay: .15s;
}

[data-delay="3"] {
    transition-delay: .2s;
}

[data-delay="4"] {
    transition-delay: .25s;
}

[data-delay="5"] {
    transition-delay: .3s;
}

[data-delay="6"] {
    transition-delay: .35s;
}

[data-delay="7"] {
    transition-delay: .4s;
}

[data-delay="8"] {
    transition-delay: .45s;
}

[data-delay="9"] {
    transition-delay: .5s;
}

[data-delay="10"] {
    transition-delay: .55s;
}

[data-delay="11"] {
    transition-delay: .6s;
}

[data-delay="12"] {
    transition-delay: .65s;
}

[data-delay="13"] {
    transition-delay: .7s;
}

[data-delay="14"] {
    transition-delay: .75s;
}

.main-menu__list li a {
    color: #231F20;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    transition: .2s;
    font-size: 1.3rem;
}

    .main-menu__list li a:hover, .main-menu__list li.main-menu-list__item--current a {
        color: #00ba9e;
    }

.main-menu__top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
}

.main-menu__content {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 112px;
    margin-bottom: auto;
}

ul.main-menu__list--small {
    margin-top: 40px;
}

.main-menu__list--small li {
    margin-bottom: 14px;
}

    .main-menu__list--small li a {
        font-size: 20px;
    }

.main-menu__bottom {
    padding-top: 15px;
    padding-left: 45px;
    padding-right: 7em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-menu__bottom-wrap {
    margin-top: auto;
    margin-bottom: 34px;
}

.main-menu__bottom a {
    display: block;
    font-size: .85rem;
    line-height: 30px;
    text-decoration: none;
    color: #969696;
}

.main-menu-bottom__left {
    margin-left: 12.1em;
    margin-bottom: 1em;
}

    .main-menu-bottom__left a {
        font-size: .9rem;
        font-weight: bold;
    }

.main-menu__phone, .main-menu__pdf, .main-menu__bottom .btn {
    display: inline-block;
    vertical-align: middle;
}

.main-menu__phone, .main-menu__bottom .btn {
    margin-right: 30px;
}

.main-menu__pdf:hover a {
    color: #00ba9e;
}

.main-menu__close {
    background-image: url('../images/defult/close.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    width: 92px;
    height: 92px;
    position: fixed;
    top: 0px;
    /* left: calc(50% + 632px - 92px);
     */
    z-index: 100;
    right: 45px;
}

.main-menu__inner {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    height: 100vh;
}

.main-menu__logo {
    background-image: url(/local/templates/etalon/images/svg/logo-header-gold.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 160px;
    height: 51px;
    position: fixed;
    top: 30px;
    z-index: 100;
    left: 45px;
}

.main-menu-btn {
    background-image: url(../images/defult/menu-btn-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #000;
    width: 92px;
    height: 92px;
    position: fixed;
    top: 20px;
    right: 70px;
    z-index: 100;
    transition: .2s;
}

    .main-menu-btn:hover {
        background-color: #382E2C;
    }

.main-menu-bottom__adap {
    display: none;
}

    .main-menu-bottom__adap span {
        color: #fff;
    }

    .main-menu-bottom__adap span, .main-menu-bottom__adap div {
        display: inline-block;
        vertical-align: middle;
    }

.main-menu__callback {
    opacity: 0;
    background-image: url('../images/defult/phone-green.svg');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #fff;
    width: 62px;
    height: 62px;
    position: fixed;
    right: 15px;
    top: 0;
    z-index: 100;
    transition: opacity .2s, background-color .2s;
    pointer-events: none;
}

.main-menu__adap-phone {
    display: none;
    color: #fff;
    margin-bottom: 20px;
}

    .main-menu__adap-phone a {
        font-family: 'Aileron-Regular';
        font-size: 15px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        text-decoration: none;
    }

.main-menu-bottom__left {
    position: relative;
    z-index: 1;
}

.main-menu__adap-phone, .main-menu__list li, .main-menu-bottom__left, .main-menu__phone, .main-menu__pdf, .main-menu-bottom__adap, .main-menu .footer-develop, .main-menu .main-menu__soc {
    opacity: 0;
    transform: translate(0px, 40px);
    /*transition-duration: 1s;
    */
    transition: transform 1s, opacity 1s;
}

.main-menu--in .main-menu__adap-phone, .main-menu--in .main-menu__list li, .main-menu--in .main-menu-bottom__left, .main-menu--in .main-menu__phone, .main-menu--in .main-menu__pdf, .main-menu--in .main-menu-bottom__adap, .main-menu--in .footer-develop, .main-menu--in .main-menu__soc {
    opacity: 1;
    transform: translate(0px, 0px);
}

.main-menu--out .main-menu__adap-phone, .main-menu--out .main-menu__list li, .main-menu--out .main-menu-bottom__left, .main-menu--out .main-menu__phone, .main-menu--out .main-menu__pdf, .main-menu--out .main-menu-bottom__adap, .main-menu--out .footer-develop, .main-menu--out .main-menu__soc {
    transition-delay: 0s;
}

.main-menu--out {
    animation-name: main-menu-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    pointer-events: none;
}

.main-menu--in {
    animation-name: main-menu-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes main-menu-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes main-menu-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (min-width: 1400px) {
    .main-menu__bottom-wrap .container {
        width: 100%;
    }
}

@media(max-width: 1699px) {
    .main-menu-btn, .main-menu__close {
        background-size: 31px;
        width: 62px;
        height: 62px;
    }

    .main-menu__logo {
        top: 13px;
        width: 130px;
        height: 42px;
    }
}

@media(max-width: 1399px) {
    .main-menu__content {
        padding-top: 82px;
        margin-bottom: auto;
    }

    .main-menu__bottom {
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width: 1199px) {
    .main-menu__logo {
        top: 9px;
    }
}

@media(max-width: 991px) {
    .main-menu {
        z-index: 10;
        background: #00ba9e;
        width: 0;
        opacity: 1;
    }

    .main-menu__bottom {
        display: block;
    }

    .main-menu .main-menu__close {
        opacity: 0;
        visibility: hidden;
        transition: .2s;
    }

    .main-menu--in .main-menu__close {
        opacity: 1;
        visibility: visible;
    }

    .main-menu--in .main-menu__callback {
        pointer-events: auto;
        opacity: 1;
    }

    @keyframes main-menu-out {
        0% {
            width: 100vw;
        }

        100% {
            width: 0;
        }
    }

    @keyframes main-menu-in {
        0% {
            width: 0;
        }

        100% {
            width: 100vw;
        }
    }

    .main-menu__list li a {
        color: #fff;
    }

        .main-menu__list li a:hover, .main-menu__list li.main-menu-list__item--current a {
            color: #231F20;
        }

    .main-menu-btn, .main-menu__close {
        left: 15px;
    }

    .main-menu__logo {
        display: none;
    }
    /* .main-menu__bottom .main-menu-bottom__left {
         display: none;
    }
     */
    .main-menu-bottom__left .btn, .main-menu-bottom__left .main-menu__phone {
        display: none;
    }

    .main-menu__pdf {
        margin-bottom: 10px;
    }

        .main-menu__pdf a, .main-menu__pdf:hover a {
            color: #fff;
        }

    .main-menu-bottom__adap {
        display: block;
    }

    .main-menu__close {
        background-color: #fff
    }

    .main-menu--active .main-menu__callback {
        display: block;
    }

    .main-menu .container {
        width: 100vw
    }

    .main-menu__adap-phone {
        display: block;
        margin-bottom: 0px;
    }

    .main-menu__adap-phone {
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        width: 100%;
    }

        .main-menu__adap-phone a {
            font-size: 20px;
            line-height: 62px;
        }
}

@media(max-width: 767px) {
    .main-menu__content {
        padding-top: 62px;
    }

    .main-menu-btn, .main-menu__close {
        background-size: 21px;
        width: 42px;
        height: 42px;
    }

    .main-menu__phone {
        display: block;
    }

    .main-menu__callback {
        background-size: 21px;
        width: 42px;
        height: 42px;
    }

    ul.main-menu__list--small {
        margin-top: 20px;
    }

    .main-menu__list li, .main-menu__adap-phone {
        margin-bottom: 20px;
    }

    .main-menu__list--small li {
        margin-bottom: 12px;
    }

    .main-menu__list li a {
        font-size: 1.3rem;
    }

    .main-menu__list--small li a {
        font-size: 15px;
    }

    .main-menu__adap-phone a {
        font-size: 15px;
        line-height: 42px;
    }
}

@media(max-width: 600px) {
    .main-menu__bottom a {
        display: block;
        padding-left: 0;
        font-size: 16px;
    }

    .main-menu-bottom__adap span, .main-menu-bottom__adap div {
        display: block;
    }

    .main-menu__bottom {
        display: block;
    }

    ul.main-menu__list--small {
        margin-top: 15px;
    }

    .main-menu__list li {
        margin-bottom: 18px;
    }

    .main-menu__list--small li {
        margin-bottom: 10px;
    }

    .main-menu__list li a {
        font-size: 15px;
    }

    .main-menu__list--small li a {
        font-size: 12px;
    }
}

@media (max-height: 800px) and (min-width: 767px) {
    ul.main-menu__list--small {
        margin-top: 20px;
    }

    .main-menu__list li, .main-menu__adap-phone {
        margin-bottom: 20px;
    }

    .main-menu__list--small li {
        margin-bottom: 12px;
    }


        .main-menu__list--small li a {
            font-size: 15px;
        }
}

.main-menu__list li {
    line-height: 59px;
}

@media (max-height: 700px) and (min-width: 767px) {
    ul.main-menu__list--small {
        margin-top: 15px;
    }

    .main-menu__list li {
        margin-bottom: 18px;
    }

    .main-menu__list--small li {
        margin-bottom: 10px;
    }

    .main-menu__list li a {
        font-size: 20px;
    }

    .main-menu__list--small li a {
        font-size: 12px;
    }
}

@media (max-height: 600px) and (min-width: 767px) {
    ul.main-menu__list--small {
        margin-top: 10px;
    }

    .main-menu__list li {
        margin-bottom: 10px;
    }

    .main-menu__list--small li {
        margin-bottom: 5px;
    }

    .main-menu__list li a {
        font-size: 18px;
    }

    .main-menu__list--small li a {
        font-size: 10px;
    }
}


.main-menu ul, .main-menu li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 50%;
    position: relative;
    left: 0;
    direction: rtl;
    margin-right: 17em;
}

.menu-search .searchDiv input[type="text"] {
    width: 64%;
    padding-right: 2.8em !important;
    box-sizing: border-box;
    border: 1.8px solid #dfdfdf;
    border-radius: 0;
    font-size: 12px;
    height: 36px;
    background-color: transparent;
}

.menu-search .searchDiv i {
    position: absolute;
    right: 11px;
    top: 1.4em;
}


.main-menu__soc {
    position: absolute;
    left: unset;
    bottom: 31px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-left: 20px;
    margin-right: 6em;
}

.main-menu-soc__item {
    width: 23px;
    height: 34px;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .main-menu-soc__item:before, .main-menu-soc__item:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        transition: .2s;
    }

.main-menu-soc__item--vk:before {
    background-image: url(/local/templates/etalon/images/svg/vk-gold.svg);
}

.main-menu-soc__item--vk:after {
    background-image: url(/local/templates/etalon/images/svg/vk-gold.svg);
}

.main-menu-soc__item--fb:before {
    background-image: url(/local/templates/etalon/images/svg/fb-gold.svg);
}

.main-menu-soc__item--fb:after {
    background-image: url(/local/templates/etalon/images/svg/fb-gold.svg);
}

.main-menu-soc__item--in:before {
    background-image: url(/local/templates/etalon/images/svg/in-gold.svg);
}

.main-menu-soc__item--in:after {
    background-image: url(/local/templates/etalon/images/svg/in-gold.svg);
}

.footer-develop > span, .footer-develop > a {
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-size: .95rem !important;
    font-weight: bold;
}

.footer-bottom .footer-develop > span, .footer-bottom .footer-develop > a {
    color: #fff
}

.footer-develop__img {
    height: 25px;
    width: 86px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: .2s;
}

.main-menu .footer-develop__img {
    height: 22px;
    width: 71px;
}

.main-menu .footer-develop__gif {
    top: -3px;
}

@media only screen and (max-width:888px) {
    .wrapper ul, .wrapper li, .main-menu ul, .main-menu li {
        padding: 0;
        margin: 0;
        list-style-type: none;
        width: 100%;
        position: relative;
        right: 0;
        direction: rtl;
        margin-right: 0;
    }

    .main-menu__pdf {
        display: none;
    }

    .main-menu__soc {
        left: unset;
        bottom: -2.5em;
        margin-left: 0;
        margin-right: 0;
        right: 0;
        text-align: center;
        width: 100%;
        direction: rtl;
    }

    .footer-develop {
        display: none;
    }
}

.height-menu {
    height: 0;
}

    .height-menu a {
        font-size: .8rem;
        margin-left: 1em;
        display: none;
    }

.child-menu p:after {
    color: #6d6d6d;
    content: "\2304";
    font-size: .8rem;
    position: relative;
    top: -4px;
    left: 0;
}

.child-menu p {
    color: #231F20;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    transition: .2s;
    font-size: 1.3rem;
    cursor: pointer;
}

.child-menu li {
    width: auto;
    padding: 0;
    margin: 0;
}

.show .height-menu {
    height: 50px;
    display: flex;
    margin: 0;
    margin-right: 1em;
    width: 100%;
}

    .show .height-menu a {
        font-size: .86rem;
        margin-left: 9px;
        display: block;
        line-height: 37px;
        color: #969696;
    }

.height-menu li a::after {
    color: #6d6d6d;
    content: "_";
    font-size: .8rem;
    position: relative;
    top: -3px;
    left: -4px;
}

.height-menu li:last-child a::after {
    content: " ";
}
/*header -- start*/
.header {
    position: absolute;
    top: 0;
    right: unset;
    left: 0;
    z-index: 999;
    transition: transform .6s cubic-bezier(.165,.84,.44,1) .1s,opacity .3s linear .1s;
    pointer-events: none;
    height: 100vh;
    background: #161616;
    transition: .2s;
}

.header__logo {
    background-image: url('../images/logo2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 135px;
    height: 21px;
    z-index: 9;
    pointer-events: all;
    transform: translateZ(2px);
    position: fixed;
    right: 2.5vw !important;
    left: unset;
    top: 46px;
    cursor: pointer
}

.menu_bocaveli img {
    width: 70%;
    height: auto;
    margin: 0 auto;
    margin-top: 3em;
}

.menu_bocaveli {
    position: absolute;
    width: 4vw;
    top: 0;
    left: 0;
    right: unset;
    height: 100vh;
    background: #161616;
    z-index: 999;
}

.logo_left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8888;
    width: 100%;
}

.font_fa {
    position: absolute;
    bottom: 3vh;
    color: #ffffff7d;
    font-size: 14px;
    z-index: 8888;
    margin: 0 auto;
    left: 1.5em;
}

.in_contentTab_themes img {
    width: 100% !important;
    height: 100%;
}


.contacts__left .header__logo {
    position: absolute;
}

.super-wrapper--wide .header__logo, .view .header__logo {
    background-image: url('../images/logo.png');
}

.header__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    padding-right: 92px;
}

.header__left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.header__phone {
    padding-right: 35px;
}

    .header__phone a {
        color: #231F20;
    }

.header__favorite {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    top: 20px;
    right: 170px;
    z-index: 100;
}

    .header__favorite:before {
        content: '';
        background-image: url(/local/templates/etalon/images/svg/star-gold-full.svg);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30px;
        height: 30px;
    }

.header-favorite__count {
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    right: 2px;
    top: 3px;
    font-weight: bold;
    color: #00ba9e;
}

.header__inner .btn {
    position: absolute;
    left: 50%;
    margin-left: -113px;
}

@media(max-width: 1699px) {
    .header__favorite {
        top: 6px;
        right: 120px;
    }
}

/*@media(max-width: 1199px) {
    .header__logo {
        top: 9px;
        width: 110px;
    }
}*/

@media(max-width: 991px) {
    /*.header__logo {
        position: absolute;
        left: calc(50% - 65px);
    }*/

    .header__favorite {
        right: 21px;
        left: auto;
        top: 78px;
        position: absolute;
    }

        .header__favorite:before {
            width: 24px;
            height: 24px;
        }

    .super-wrapper--wide .header__logo {
        background-image: url(/local/templates/etalon/images/svg/logo-header-gold.svg);
    }
}

@media(max-width: 767px) {
    .header__logo {
        width: 95px;
        height: 30px;
        top: 6px;
        left: calc(50% - 47px)
    }

    .header__favorite {
        right: 15px;
        top: 48px;
        width: 30px;
        height: 30px;
    }

        .header__favorite:before {
            width: 20px;
            height: 20px;
        }

    .header__phone {
        padding-right: 0;
        margin-right: 20px;
    }

        .header__phone a {
            font-size: 0;
            width: 20px;
            height: 20px;
            background-image: url(/local/templates/etalon/images/phone-gold.svg);
            background-size: contain;
            display: block;
        }

    .header__inner {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

.menu_bocaveli .in_contentTab_themes {
    display: none;
    width: 100%;
    height: 100%;
}

    .menu_bocaveli .in_contentTab_themes.active_themes {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.menu_bocaveli .contentTab_themes > img {
    width: 100%;
    height: 100%;
}

.menu_bocaveli .circle_menu {
    position: absolute;
    z-index: 888;
    top: 0;
    transform: rotate(4deg);
}

.menu_bocaveli .p60 {
    padding: 8.5em 60px;
}

.menu_bocaveli .h3, .menu_bocaveli h3 {
    text-transform: unset;
    font-family: 'Aileron-Light' !important;
    font-style: unset;
    font-size: 2.7rem;
    line-height: 23px;
    letter-spacing: 0;
    color: #fff;
}

.menu_bocaveli .circle_menu_box {
    z-index: 99;
    position: absolute;
    width: 60%;
    height: auto;
    transform: rotate(0);
}

    .menu_bocaveli .circle_menu_box img {
        width: 100%;
        height: 100%;
        filter: sepia(1);
    }

.menu_bocaveli .active_themes .circle_menu_box {
    transition: all 500ms;
}

    .menu_bocaveli .active_themes .circle_menu_box.rotate_active {
        transform: rotate(25deg);
        transition: all 500ms;
        transition-delay: 0.5s;
    }

.menu_bocaveli .circle_menu {
    transform: rotate(0);
    transition: all 500ms;
}

.menu_bocaveli .active_themes .circle_menu {
    transform: rotate(25deg);
    transition: all 500ms;
    transition-delay: 1s;
}

/*header -- end*/

/*main-menu -- end*/


.inner-page {
    overflow: visible;
}

    .inner-page img {
        vertical-align: unset;
    }


/*search-page*/

.search-page .searchDiv {
    width: 235px;
    margin: 0 auto;
    position: relative;
    margin-top: 2em;
}

    .search-page .searchDiv input[type="text"] {
        width: 100%;
        box-sizing: border-box;
        border: none;
        border-bottom: 2px solid #00ba9e;
        border-radius: 0;
        font-size: 14px;
        background-color: #fff;
        background-position: 10px 10px;
        background-repeat: no-repeat;
        padding: 8px 0px 13px 16px;
        -webkit-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
        font-family: 'Aileron-Regular';
    }

    .search-page .searchDiv i {
        position: absolute;
        color: #000;
        font-size: .96rem;
        top: .7em;
        left: .2em;
    }

    .search-page .searchDiv input {
        color: #414141;
    }

.search-page .back-white {
    background-color: #fff;
    min-height: 580px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}



.search-page .search {
    direction: rtl;
}

    .search-page .search .showroom .js-video video {
        width: 100%;
        height: 213px;
    }

.search-page .search-center {
    position: relative;
    margin: 1em auto;
    text-align: center;
}

    .search-page .search-center p {
        position: absolute;
        top: 2em;
        left: 0;
        right: 0;
        color: #919191;
        font-size: .93rem;
    }

.search-page .search .searchDiv input[type="text"] {
    padding: 4px 0px 13px 16px;
    padding-right: 0 !important;
}

.search-page .search .searchDiv {
    width: 365px;
    margin-top: 1em;
    margin-bottom: 2em;
}

.search-page .text-under-search {
    color: #919191;
    font-size: .85rem;
    line-height: 30px;
    width: 365px;
    margin: 0 auto;
    margin-bottom: 3em;
}

.search-page .search .back-white {
    min-height: 60%;
}

@media screen and (max-width:500px) {
    .search-page .search .searchDiv {
        width: 100%;
    }
}
/*end-search-page*/

.inner-page footer {
    position: relative;
}

.inner-page .callback-fixed {
    top: -4em;
    position: absolute;
}

.inner-page .wrapper.about-us-page {
    padding-top: 0;
}

@media (max-width: 1000px ) {
    .img-5 .frsec__img-in, .img-6 .frsec__img-in, .img-3 .frsec__img-in {
        width: 100%;
        height: 100%;
    }

    .img-5 .frsec__img-in {
        top: 0;
    }

    .frsec__title {
        font-size: 1.5em;
        margin: 1em 0em;
        margin-bottom: 1em;
    }

    .img-margin-top {
        margin-top: 0;
    }

    .width-prj2 .frsec__title2,
    .width-prj3 .frsec__title2,
    .width-prj5 .frsec__title2,
    .width-prj1 .frsec__title2 {
        font-size: .92rem;
        line-height: 30px;
    }

    .width-prj2 {
        width: 100%;
        right: 0;
    }

        .width-prj2 .frsec__text-wr,
        .width-prj3 .frsec__text-wr,
        .width-prj4 .frsec__title,
        .width-prj6 .frsec__text-wr,
        .contact-home .frsec__text-wr p,
        .contact-home .frsec__text-wr a,
        .width-prj7 .frsec__text-wr,
        .width-prj1 .frsec__text-wr {
            width: 100%;
            font-size: .8rem !important;
            line-height: 25px;
        }

    .width-prj3 {
        width: 100%;
        right: 0;
    }

    .width-prj4 {
        width: 100%;
        right: 0;
    }

    .width-prj7 {
        width: 100%;
    }

    .frsec__text--6_2_2 {
        margin-top: 2em;
    }

    .child-menu p {
        color: #FFF;
        font-size: .9rem
    }

    .main-menu ul, .main-menu li {
        padding: 0 .5em;
    }

    .child-menu p::after {
        color: #FFF;
    }

    .show .height-menu a {
        font-size: .7rem;
        color: #e8e8e8;
    }

    .height-menu li a::after {
        color: #fff;
    }

    .main-menu ul {
        padding: 0;
    }

    .show .height-menu {
        margin-right: 0;
    }

    .main-menu li {
        padding: 0 .2em;
    }

    .main-menu__content {
        padding: 0 1em;
        padding-top: 62px;
    }

    .menu-search .searchDiv input[type="text"] {
        background-color: #f2f2f2;
    }

    .frsec__col--2_1 .frsec__img-cont::before {
        width: 100% !important;
        height: 100% !important;
    }
}

/*..............*/
.title_bocaveli {
    left: -78px;
    position: absolute;
    bottom: 25px;
    font-weight: bold;
    letter-spacing: 2px;
}

.about_bocavery {
    background-color: #fff;
    height: 100vh;
    padding-right: 1em;
    width: 645px;
}

.frsec--2 .frsec-in {
    padding-left: 7vw;
    position: relative;
    width: 1100px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.pt-h, .text-black .pt-h {
    color: #060708;
    font-size: 24px;
}

    .pt-h + .sub-title {
        font-size: 1.125rem;
    }

.about_bocavery img {
    height: 100vh;
}

.frsec--4 .frsec__img-cont {
    background-color: #000;
}

.frsec--4 .frsec__img--anim {
    background: #000;
    width: 100%;
    height: 100vh;
    color: #fff;
    padding: 4em;
    display: flex;
    align-items: center;
    padding-left: 8vw;
}

.frsec--4 .fr-about_quote-text {
    color: #fff;
}

    .frsec--4 .fr-about_quote-text span {
        font-weight: bold;
    }
/*.....*/
@media all {
    *, ::after, ::before {
        box-sizing: border-box;
    }

    h3, h4 {
        margin-top: 0;
        margin-bottom: .5rem;
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

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

        a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

    img {
        vertical-align: middle;
        border-style: none;
    }

    svg {
        overflow: hidden;
        vertical-align: middle;
    }

    h3, h4 {
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    h3 {
        font-size: 1.75rem;
    }

    h4 {
        font-size: 1.5rem;
    }

    @media print {
        *, ::after, ::before {
            text-shadow: none !important;
            box-shadow: none !important;
        }

        a:not(.btn) {
            text-decoration: underline;
        }

        img {
            page-break-inside: avoid;
        }

        h3, p {
            orphans: 3;
            widows: 3;
        }

        h3 {
            page-break-after: avoid;
        }
    }
}
/*! CSS Used from: https://a4.design/app/themes/a4dh/assets/css/main.css?version=20220803053343 ;
 media=all */
@media all {
    :focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    ::selection {
        background: rgba(0, 0, 0, 0.1);
    }

    ::-moz-selection {
        background: rgba(0, 0, 0, 0.1);
    }

    a {
        color: rgb(0, 0, 0);
        text-decoration: none !important;
    }

        a:hover {
            color: rgb(65, 64, 66);
        }

    h3, h4 {
        font-family: 'Aileron-Regular';
        font-weight: bold;
        line-height: 1.4;
        letter-spacing: 0;
    }

    .card-wrapper {
        display: flex;
    }

    .card {
        display: flex;
    }

    .card-order {
        color: #dcdddb;
        font-family: 'Aileron-Regular';
        font-weight: bold;
        font-size: 12vh;
        line-height: 1;
    }

    .card-excerpt {
        color: #a3a3a3;
        font-size: 15px;
        margin: 2.5vh 0 0;
    }

    .card-title {
        font-family: 'Aileron-Regular';
        font-weight: normal;
        font-size: 4vh;
        font-weight: normal;
        margin: auto 0 30px;
    }

    .card-type {
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        text-transform: capitalize;
        margin: 0;
    }

    .card-img {
        width: 100%;
    }

    div > p:last-child {
        margin-bottom: 0;
    }

    .card-type > span {
        display: inline-block;
    }

        .card-type > span + span:before {
            content: ",";
            margin: 0 5px;
            vertical-align: middle;
        }

    .card-info-logo > svg {
        width: auto !important;
    }

    @media (orientation: portrait) {
        .card-wrapper {
            flex-direction: column;
        }

        .card {
            border-bottom: 1px solid rgb(229, 229, 229);
            flex-direction: column-reverse;
        }

        .card-cover {
            margin-bottom: 20px;
        }

        .card-title {
            margin: 0;
        }

        .card-type {
            order: -1;
        }

        .card-order, .card-excerpt, .card-info-contact, .card-info-arrow {
            display: none;
        }

        .card {
            padding: 30px;
        }

        .card-info {
            padding: 30px;
        }

        .card-info-logo {
            margin: 50px 0 0;
        }

            .card-info-logo > svg {
                max-width: 100%;
                max-height: 50vh;
            }
    }

    @media (orientation: landscape) {
        .card-wrapper {
            min-width: min-content;
        }

        .card-wrapper {
            padding: 0 60px 0 0;
        }

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

        .card {
            border-right: 1px solid rgb(229, 229, 229);
            min-width: 20vw;
            max-width: 20vw;
            height: 100vh;
            padding: 2.5vh;
            flex-direction: column;
        }

        .card, .card-order, .card-excerpt {
            transition: all 0.5s 0.1s ease;
        }

            .card:hover {
                min-width: 34vw;
                max-width: 34vw;
            }

                .card:hover .card-order {
                    color: rgb(53, 54, 58);
                }

        .card-cover {
            margin: 2.5vh 0 0;
        }

        .card-excerpt {
            height: 135px;
            overflow: hidden;
            align-self: flex-end;
        }

        .card:hover .card-excerpt-bottom {
            height: 0;
            opacity: 0;
            margin: 0;
        }

        .card-info {
            width: 45vw;
            min-width: calc(45vw - 60px);
            max-width: calc(45vw - 60px);
            height: 100vh;
            padding: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-right: 1px solid rgb(197, 197,197);
            color: #a3a3a3;
        }

        .card-info-brand {
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .card-info-desc {
            max-width: 400px;
            height: 50%;
            font-weight: normal;
            margin: 0;
        }

        .card-info-logo {
            height: 35vh;
            margin: 0 0 30px;
            align-self: self-start;
        }

        .card-info-contact {
            max-width: 400px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            margin: auto 0 0;
            padding: 0;
            list-style: none;
        }

        .card-info-arrow {
            height: 1.5vh;
            animation: bounce 2s infinite ease-in-out 1s forwards;
            margin-top: 3vh;
        }
    }
}
/*! CSS Used from: Embedded */
.lazyload {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 400ms;
    transition-delay: 0ms;
}
/*! CSS Used keyframes */
@keyframes bounce {
    0% {
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
}


/*........*/

@media all {
    a {
        background-color: transparent;
    }

    strong {
        font-weight: bolder;
    }

    img {
        border-style: none;
    }

    h2,
    p {
        margin: 0;
    }

    *,
    :after,
    :before {
        box-sizing: border-box;
        border: 0 solid #e2e8f0;
    }

    img {
        border-style: solid;
    }

    h2 {
        font-size: inherit;
        font-weight: inherit;
    }

    a {
        color: inherit;
        text-decoration: inherit;
    }

    img {
        display: block;
        vertical-align: middle;
    }

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

    .h2 {
        font-family: 'Aileron-Regular';
        line-height: 1.25;
        font-weight: 700;
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-size: 2.25rem;
    }

    .h6 {
        font-family: 'Aileron-Regular';
        line-height: 1.25;
        font-weight: 600;
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
    }

    .h6 {
        font-size: 1.125rem;
    }

    .btn-primary {
        position: relative;
        transition-property: all;
        transition-duration: 0.3s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.875rem;
        --text-opacity: 1;
        color: #ce202d;
        color: rgba(206, 32, 45, var(--text-opacity));
        padding: 0.75rem 1rem;
        line-height: 1;
        font-family: 'Aileron-Regular';
        background-color: transparent;
        --border-opacity: 1;
        border: 1px solid #ce202d;
        border-color: rgba(206, 32, 45, var(--border-opacity));
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }

        .btn-primary:focus,
        .btn-primary:hover {
            background-color: #ce202d;
            background-color: rgba(206, 32, 45, var(--bg-opacity));
            border-color: #ce202d;
            border-color: rgba(206, 32, 45, var(--border-opacity));
        }

        .btn-primary:active,
        .btn-primary:focus,
        .btn-primary:hover {
            --text-opacity: 1;
            color: #fff;
            color: rgba(255, 255, 255, var(--text-opacity));
            --bg-opacity: 1;
            --border-opacity: 1;
        }

        .btn-primary:active {
            background-color: #7c131b;
            background-color: rgba(124, 19, 27, var(--bg-opacity));
            border-color: #7c131b;
            border-color: rgba(124, 19, 27, var(--border-opacity));
        }

    picture {
        position: relative;
        display: block;
        vertical-align: middle;
        max-width: 100%;
    }

        picture > img {
            all: inherit;
        }

    h2 {
        font-family: 'Aileron-Regular';
        line-height: 1.25;
        font-weight: 700;
        --text-opacity: 1;
        color: #000;
        color: rgba(0, 0, 0, var(--text-opacity));
        font-size: 1.5rem;
    }

    @media (min-width: 1024px) {
        h2 {
            font-size: 2.25rem;
        }
    }

    .h2 {
        font-size: 1.5rem;
    }

    @media (min-width: 1024px) {
        .h2 {
            font-size: 2.25rem;
        }
    }

    @media screen and (min-width: 1024px) {
        section:not(:first-of-type) p[data-scroll] {
            opacity: 0;
            transform: translateY(60px);
            transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        section:not(:first-of-type) p.is-inview {
            opacity: 1;
            transform: none;
        }
    }

    .flex {
        display: flex;
    }

    .items-start {
        align-items: flex-start;
    }

    .justify-start {
        justify-content: center;
    }

    .h-full {
        height: 100%;
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .p-0 {
        padding: 0;
    }

    .relative {
        position: relative;
    }

    .text-left {
        text-align: left;
    }

    .w-full {
        width: 100%;
    }

    @media (min-width: 640px) {
        .sm\:w-full {
            width: 100%;
        }
    }

    @media (min-width: 1024px) {
        .lg\:px-4 {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .lg\:w-1\/4 {
            width: 25%;
        }
    }
}

.wrapper-cols {
    background-color: #fff;
    height: 100vh;
    width: 1420px;
    padding-right: 2vw;
    padding-left: 2vw;
}

.frsec--14 .w-full {
    width: 1200px;
}

/*..............*/
@media screen and (min-width: 1024px) {
    section:not(:first-of-type) p[data-scroll] {
        opacity: 0;
        transform: translateY(60px);
        transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    section:not(:first-of-type) p.is-inview {
        opacity: 1;
        transform: none;
    }
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
}

.border-solid {
    border-style: solid;
}

.border-t {
    border-top-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

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

.h-auto {
    height: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.p-4 {
    padding: 1rem;
}

.pt-8 {
    padding-top: 2rem;
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
}

.text-primary-500 {
    --text-opacity: 1;
    color: #ce202d;
    color: rgba(206, 32, 45, var(--text-opacity));
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}


@media (min-width: 1536px) {
    .timeline-animated-hippocampe .wrapper-col h4,
    .timeline-animated-hippocampe .wrapper-col h5 {
        white-space: normal;
    }
}

@media (min-width: 640px) {
    .sm\:w-full {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .md\:w-full {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .lg\:mt-auto {
        margin-top: auto;
    }

    .lg\:mb-auto {
        margin-bottom: auto;
    }

    .lg\:w-full {
        width: 100%;
    }
}

@media (min-width: 1280px) {
    .xl\:space-x-12 > :not(template) ~ :not(template) {
        --space-x-reverse: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .xl\:space-x-24 > :not(template) ~ :not(template) {
        --space-x-reverse: 0;
        margin-right: 0;
        margin-left: 60px;
    }

    .xl\:border-white {
        --border-opacity: 1;
        border-color: #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity));
    }

    .xl\:border-solid {
        border-style: solid;
    }

    .xl\:border-t-0 {
        border-top-width: 0;
    }

    .xl\:border-b-0 {
        border-bottom-width: 0;
    }

    .xl\:border-r {
        border-right-width: 1px;
    }

    .xl\:border-l {
        border-left-width: 1px;
    }

    .xl\:flex-no-wrap {
        flex-wrap: nowrap;
    }

    .xl\:px-10 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .xl\:py-24 {
        padding-top: 13rem;
        padding-bottom: 13rem;
    }

    .xl\:pt-0 {
        padding-top: 0;
    }

    .xl\:pl-10 {
        padding-left: 1.5rem;
    }

    .xl\:w-full {
        width: 100%;
    }

    .xl\:transform {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    }

    .xl\:-rotate-180 {
        --transform-rotate: -180deg;
    }
}

@media (min-width: 1536px) {
    .\32xl\:w-80 {
        width: 20rem;
    }

    .\32xl\:w-full {
        width: 100%;
    }
}

.frsec--13 .items-start {
    background-color: #000;
}


.about_bocavery img {
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: opacity 0.4s 0.8s,transform 0.8s 0.8s;
    -webkit-transition: opacity 0.4s 0.8s,transform 0.8s 0.8s;
}

.effect img {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.frsec--12 .title_project {
    font-size: 30px;
    height: 50px;
}

.frsec--12 .desc_project {
    text-align: justify;
    font-size: 16px;
    height: 192px;
    color: #a3a3a3;
}

.hiddenn .ptsc {
    opacity: 0;
}

.strong {
    color: #747474;
    font-weight: bold;
}

.frsec--13 .frsec__col--5_2 {
    width: 815px;
}

    .frsec--13 .frsec__col--5_2 .frsec__col-in {
        padding: 0 32px;
    }

.frsec--13 .width-prj5 .frsec__text-wr {
    opacity: 0;
    height: 10px;
}

.frsec--13 .width-prj5 .frsec__title2 {
    display: none;
}

.frsec--13 .frsec__col--5_2 .frsec__text {
    margin-bottom: 10px;
}

.frsec--14 .js-vertical-text {
    margin-left: 0px;
    margin-right: -2vh;
    position: relative;
    bottom: 0px;
    font-size: 3rem;
    line-height: 53px;
    width: auto;
    min-height: 100vh;
    padding-left: 25px;
    padding-right: 28px;
}

.frsec--14 .text-white {
    font-size: 2.2rem;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 45px;
    padding-top: 1.5em;
}

.frsec--14 .wrapper-cols {
    background-color: #000;
    color: #fff;
    padding-right: 17vw;
}

.date_contact {
    display: flex;
}

    .date_contact img {
        width: auto;
        height: 24px;
        margin-right: 7px;
    }

.frsec--15 .frsec__col--3_2 {
    width: 420px;
}

.title_contact, .desc_contact {
    width: 220px;
}

.frsec--14 .frsec-in {
    width: 419px;
    height: 100vh;
}

.title_contact {
    font-size: 18px;
    margin: 11px 0;
    margin-bottom: 5px;
}

.desc_contact {
    font-size: 16px;
    color: #bebebe;
}


/*product_list1*/
.product_list1 .overview__nav {
    padding-right: 5.3rem;
}

.product_list1 .menu_bocaveli img {
    margin-top: 0.5em;
}

.product_list1 .content {
    padding-top: 0;
    padding-bottom: 0;
}


.product_list1 .img-block {
    width: auto;
    cursor: pointer;
    position: relative;
}



body.product_list1 {
    background: #ededed;
}


.product_list1 .bubble {
    position: fixed;
    width: 8px;
    height: 8px;
    border-radius: 0;
    pointer-events: none;
    transform: translate(-50%, -50%);
    background: #000;
    transition: height 0.4s, width 0.4s, background-color 0.4s, all 0.2s;
    z-index: 9999;
}
/*end_product_list1*/

/*menu*/

.menu_bocaveli .menu-button__content {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    margin: 0 auto;
    padding-top: 0;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition-property: opacity;
}


.menu_bocaveli .menu-button {
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    right: 0;
    top: 50vh;
    transform: rotate(90deg);
    transition: all 700ms;
    cursor: pointer;
    z-index: 9999;
}
    /*.menu_bocaveli .menu-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        border-radius: 100px;
        transition-property: background-color;
    }*/
    .menu_bocaveli .menu-button:hover .menu-button__label--close {
        transform: translateX(0);
    }

@media (max-width:849px) {
    .menu_bocaveli .menu-button:hover .menu-button__label--close {
        transform: translateX(100%);
    }
}

.menu_bocaveli .is-active .menu-button__label--close {
    transform: translateX(0);
    transition: all 700ms;
}

.menu_bocaveli .is-active .project-index {
    opacity: 1;
    visibility: inherit;
}

.menu_bocaveli .is-active .Close {
    opacity: 1;
}

.menu_bocaveli .is-active .menu__left--underlay {
    transform: translate(0%, 0px);
    transition: all 700ms;
}

.menu_bocaveli .is-active .project-index {
    opacity: 1;
    visibility: inherit;
    transition: all 700ms;
}

.menu_bocaveli .is-active .menu__inner {
    transform: translate(0%, 0px);
    transition: all 700ms;
}

@media (max-width:849px) {
    .menu_bocaveli .is-active .menu-button__label--close {
        transform: translateX(100%);
    }
}


.menu_bocaveli .menu-button__label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 100px 0 0 100px;
    border: 1px solid #222;
    transition: transform .6s cubic-bezier(.55,0,.1,1);
    transform: translateX(100%);
}

.menu_bocaveli .is-active .menu-button__label:before {
    transform: none;
}

@media (max-width:849px) {
    .menu_bocaveli .is-active .menu-button__label:before {
        transform: translateX(100%);
    }
}

.menu_bocaveli .menu-button__label--close, .menu_bocaveli .menu-button__label--title {
    position: absolute;
    top: 0;
    font-size: 12px;
    height: 100%;
    display: flex;
    padding: 0 30px 0 25px;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    color: #fff;
    transform: translateX(150%);
    transition: transform .72s cubic-bezier(.55,0,.1,1);
}

.menu_bocaveli .close {
    filter: invert(1);
}

.menu_bocaveli .menu-button__label--close {
    position: relative;
    height: 100%;
    display: flex;
    padding: 0 30px 0 16px;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    transform: translateX(150%);
    transition: transform .72s cubic-bezier(.55,0,.1,1);
}

.menu_bocaveli .menu-button__label {
    position: absolute;
    top: -2%;
    right: 50%;
    width: 150%;
    height: 104%;
    display: block;
    overflow: hidden;
    pointer-events: none;
}


.menu_bocaveli .menu-button__content .close, .menu_bocaveli .menu-button__content .open {
    width: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
}

.menu_bocaveli .menu-button__content .open {
    opacity: 1;
}

.menu_bocaveli .is-active .menu-button__content .open {
    opacity: 0;
}

.menu_bocaveli .menu-button:hover .menu-button__label--title {
    opacity: 1;
    transform: translateX(0);
    transition: all 700ms;
}

.menu_bocaveli .menu-button.is-active:hover .menu-button__label--title {
    opacity: 0;
    transform: translateX(0);
}

.menu_bocaveli .menu-button:hover > .menu-button__label:before {
    transform: none;
}

.menu_bocaveli .menu-button:hover .menu-button__label--close,
.menu_bocaveli .menu-button:hover .menu-button__label--title {
    transform: translateX(0);
}

.menu_bocaveli .is-active .menu-button__label--title {
    opacity: 0;
}

.menu_bocaveli .menu-button__label--close {
    opacity: 0;
}

.menu_bocaveli .is-active .menu-button__label--close {
    opacity: 1;
}

.menu_bocaveli .is-active .close {
    opacity: 1;
}



@media (max-width:849px) {
    .menu_bocaveli .menu-button {
        top: 20px;
        right: 20px;
    }
}

@media (min-width:850px) and (max-width:1023px) {
    .menu_bocaveli .menu-button {
        top: 30px;
        right: 30px;
    }
}

.menu_bocaveli .menu-button.is-active {
    /*background: #000 url(https://bonjour.paris/_nuxt/410e039b365863b2dbcae50618d5d890.svg);*/
    background-position: 50%;
    background-repeat: no-repeat;
}

.menu_bocaveli a {
    background-color: transparent;
}

.menu_bocaveli sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -.5em;
}


.menu_bocaveli img {
    border-style: none;
}

.menu_bocaveli button, .menu_bocaveli input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
}



.menu_bocaveli button {
    text-transform: none;
    -webkit-appearance: button;
}


    .menu_bocaveli button::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

/* .menu_bocaveli button:-moz-focusring {
        outline: 1px dotted ButtonText;
    } */

.menu_bocaveli button {
    all: unset;
}


.menu_bocaveli sup {
    top: -10px;
    left: 10px;
    font-size: 9px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

.menu_bocaveli .dfr {
    flex-direction: row;
    display: flex;
}


.menu_bocaveli .jcsb {
    justify-content: space-between;
}

.menu_bocaveli .aic {
    align-items: center;
}

.menu_bocaveli .jcc {
    justify-content: center;
}

.menu_bocaveli .upc {
    text-transform: uppercase;
}

/*.menu_bocaveli .rel {
    position: relative;
}*/

.menu_bocaveli .p60 {
    padding: 60px;
}


.lazyLoad {
    opacity: 0;
    transition: opacity .4s cubic-bezier(.32,.24,.15,1);
}

    .lazyLoad.isLoaded {
        opacity: 0;
    }

.active_t_menu .lazyLoad.isLoaded {
    opacity: 1;
}

.menu_bocaveli .menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-shrink: 0;
    z-index: 20;
    pointer-events: none;
}

    .menu_bocaveli .menu.is-active {
        pointer-events: auto;
    }

.menu_bocaveli .menu__left, .menu__right {
    height: 100%;
}

.menu_bocaveli .menu__left {
    width: 50vw;
    display: flex;
    /*align-items: center;*/
}

.menu_bocaveli .menu__left--underlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #161616;
    transform: translate3d(-100%,0,0);
    transition: all 700ms;
}

@media (max-width:849px) {
    .menu_bocaveli .menu__left {
        width: 100%;
    }
}

.menu_bocaveli .menu__right {
    position: relative;
    z-index: 2;
    height: 100%;
    flex: 1;
}

    .menu_bocaveli .menu__right .button, .menu_bocaveli .menu__right .menu__lang {
        opacity: 0;
        transition: all .5s ease-in-out;
    }

.menu_bocaveli .is-active .menu__right .button, .menu_bocaveli .is-active .menu__right .menu__lang {
    transition-delay: .5s;
    opacity: 1;
}

.menu_bocaveli .menu__inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translate3d(100%,0,0);
}

.menu_bocaveli .menu__image {
    position: relative;
    height: 100%;
    width: 100%;
    /*transform: translate3d(90%,0,0);*/
}

.menu_bocaveli .menu__image--bg {
    background-image: url('../images/big-mo-img.jpg');
}

.menu_bocaveli .menu__image--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-size: cover;
    background-position: 50%;
    transition: opacity .4s cubic-bezier(.32,.24,.15,1);
}


    .menu_bocaveli .menu__image--bg .content_menu.active_t_menu img {
        opacity: 0;
        /*transition: transform .4s cubic-bezier(.32,.24,.15,1);*/
        width: 100%;
    }

    .menu_bocaveli .menu__image--bg.is-active .content_menu.active_t_menu img {
        opacity: 1;
        width: 100%;
        max-width: 100%;
        transition: transform .4s cubic-bezier(.32,.24,.15,1);
    }

.menu_bocaveli .navigation {
    position: relative;
    z-index: 2;
    width: 100%;
}

    .menu_bocaveli .navigation ul {
        padding: 0;
        list-style: none;
        height: 100%;
    }

@media (max-width:849px) {
    .navigation ul {
        margin: 130px 0 80px;
    }
}

.menu_bocaveli .navigation {
    visibility: hidden;
    width: 100%;
}

.menu_bocaveli .is-active .navigation {
    visibility: visible;
}



.menu_bocaveli .navigation-link a {
    color: #fff;
    transition: color .4s cubic-bezier(.32,.24,.15,1);
    margin-bottom: 35px;
}

.menu_bocaveli .navigation-link:last-child a {
    margin-bottom: 0;
    font-size: 15px !important;
    color: #727272;
}

.menu_bocaveli .navigation-link a:hover {
    color: #989898;
}


.menu_bocaveli .navigation li:nth-child(2),
.menu_bocaveli .navigation li:nth-child(3),
.menu_bocaveli .navigation li:nth-child(4),
.menu_bocaveli .navigation li:nth-child(5),
.menu_bocaveli .navigation li:nth-child(6),
.menu_bocaveli .navigation li:nth-child(7) {
    padding-left: 20px;
    opacity: 0;
    visibility: hidden;
}

.menu_bocaveli .is-active .navigation li:nth-child(2) {
    padding-left: 0;
    transition: all 700ms;
    opacity: 1;
    visibility: inherit;
    transform: translate(0px, 0px);
}

.menu_bocaveli .is-active .navigation li:nth-child(3) {
    padding-left: 0;
    transition: all 700ms;
    transition-delay: 0.2s;
    opacity: 1;
    visibility: inherit;
    transform: translate(0px, 0px);
}

.menu_bocaveli .is-active .navigation li:nth-child(4) {
    padding-left: 0;
    transition: all 700ms;
    transition-delay: 0.3s;
    opacity: 1;
    visibility: inherit;
    transform: translate(0px, 0px);
}

.menu_bocaveli .is-active .navigation li:nth-child(5) {
    padding-left: 0;
    transition: all 700ms;
    transition-delay: 0.4s;
    opacity: 1;
    visibility: inherit;
    transform: translate(0px, 0px);
}

.menu_bocaveli .is-active .navigation li:nth-child(6) {
    padding-left: 0;
    transition: all 700ms;
    transition-delay: 0.6s;
    opacity: 1;
    visibility: inherit;
    transform: translate(0px, 0px);
}

.menu_bocaveli .is-active .navigation li:nth-child(7) {
    padding-left: 0;
    transition: all 700ms;
    transition-delay: 0.8s;
    opacity: 1;
    visibility: inherit;
    transform: translate(0px, 0px);
}

.menu_bocaveli .project-index {
    position: relative;
    z-index: 2;
    visibility: hidden;
}

.menu_bocaveli .project-index__search {
    margin: 30px 0 0;
}

    .menu_bocaveli .project-index__search input {
        border: none;
        padding: 20px 0 20px 30px;
        font-family: "Founders Grotesk Mono";
        font-size: 13px;
        width: 100%;
        color: #6a6a6a;
        outline: none;
    }

    .menu_bocaveli .project-index__search label {
        left: 0;
        bottom: 4px;
    }

        .menu_bocaveli .project-index__search label img {
            display: block;
        }

.menu_bocaveli .project-index ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .menu_bocaveli .project-index ul li {
        border-top: 1px solid #6a6a6a;
        height: 50px;
    }

        .menu_bocaveli .project-index ul li:hover a {
            color: #000;
        }

        .menu_bocaveli .project-index ul li:last-child {
            border-bottom: 1px solid #6a6a6a;
        }

        .menu_bocaveli .project-index ul li a {
            width: 100%;
            padding: 10px 0;
            color: #222;
            font-family: "Founders Grotesk Mono";
            text-decoration: none;
            font-size: 13px;
            transition: color .4s ease-out;
        }

            .menu_bocaveli .project-index ul li a span {
                display: block;
            }

                .menu_bocaveli .project-index ul li a span:first-child {
                    width: 15%;
                }

                .menu_bocaveli .project-index ul li a span:nth-child(2) {
                    flex: 1;
                }

                .menu_bocaveli .project-index ul li a span:nth-child(3) {
                    text-align: right;
                }

.menu_bocaveli .button {
    position: fixed;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat !important;
    border: 1px solid #222;
    border-radius: 50px;
}

    .menu_bocaveli .button:hover {
        cursor: pointer;
    }

.is-active .header__logo {
    display: none;
}

/*end-menu*/

@media (max-width:980px) {
    /*.frsec--1 {
        padding-top: 3em;
    }*/

    .frsec.frsec--2 {
        width: 100%;
    }

    .frsec--14 .js-vertical-text {
        min-height: unset;
    }

    .frsec--14 .w-full {
        width: 100%;
    }

    .frsec--14 .text-white {
        text-align: center;
        padding-top: 0;
    }

    .js-vertical-text {
        width: 100% !important;
    }

    .frsec--14 .w-full {
        width: 100%;
    }

    .frsec--14 .js-vertical-text {
        writing-mode: unset !important;
    }

    .title_contact, .desc_contact {
        text-align: center;
        width: 100%;
    }

    .date_contact {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .title_contact {
        margin: 11px auto;
    }

    .frsec--14 .wrapper-cols {
        padding: 0;
    }

    .frsec--14 .wrapper-cols {
        height: auto;
        width: 100%;
    }

    .frsec--15 .frsec__img--3_2_1 {
        width: 100%;
        height: auto;
    }

    .frsec--15 .frsec__col--3_2 {
        width: 100%;
    }

    .frsec--15 .pt-8 {
        padding-top: 1em;
    }

    .frsec--15 .frsec__col--3_2 {
        height: 100%;
    }

    .frsec--15 .frsec__col--3_2 {
        padding: 99px 35px 0;
    }

    .card-info {
        height: auto;
        padding-bottom: 0;
    }

    .card-info {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 0 1em !important;
        padding-bottom: 55px;
    }

    .front-wr {
        padding-top: 3em;
    }

    .blog_list .front-wr {
        padding-top: 5em;
    }

    .frsec__col--3_2 {
        width: 100%;
        background: #ffffff;
    }

    .frsec__col--5_2 {
        background: #ffffff;
        padding: 0;
    }

    .wr .w-full {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .header__logo {
        width: 38%;
        height: 61px;
        top: 20px;
        left: 6px;
    }
}

/*...........*/
.tooltipp {
    transform: translate(-50%, -200%);
    display: none;
    position: absolute;
    color: #Fff;
    border: none;
    z-index: 10;
    display: block;
    width: 100%;
    top: 0;
    left: 50%;
    text-align: center;
}



.box_tooltip {
    margin: 100px auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    /*     overflow: auto; */
}

.overview__heading {
    font-family: 'Schnyder Cond M Light';
    font-style: italic;
    font-weight: 400;
    font-size: 2.5rem !important;
}






.menu-item.black a {
    color: black;
}

main {
    padding-left: 4vw;
}

.single__item--layout_6 strong {
    color: #a5a5a5;
}


/*home*/


.slide_one img {
    width: 100vw;
    height: 100vh;
}


.slide_one .img_bx::after {
    content: "";
    background-color: rgba(0, 0, 0, 0.35);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.text_bocaveli p {
    position: absolute;
    bottom: 29vh;
    left: 0;
    right: 0;
    font-size: 20rem;
    text-align: center;
    width: 100%;
    color: white;
    -webkit-text-fill-color: #0000002b;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: white;
    text-transform: uppercase;
    opacity: .5;
    font-family: Aileron-light;
    text-shadow: 0 0 20px #ffffff8a;
}

.menu__right img {
    margin-top: 0 !important;
}

.is-active .logo_left {
    filter: brightness(0.5);
    display: none;
}

.is-active .font_fa {
    color: #000000;
    display: none;
}

.is-active .menu_bocaveli .menu-button {
    top: 2vh;
}

.is-active .menu_bocaveli .close {
    filter: unset;
    width: 40%;
}

.menu_bocaveli .menu__left {
    margin-top: 10vh;
    padding: 3em;
}

.menu_bocaveli .is-active .navigation li:last-child {
    height: 49px;
    border-top: 1px solid #bbb;
    position: absolute;
    bottom: 5vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.animTop1 {
    position: relative;
    overflow: hidden
}

    .animTop1::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 8;
        transform: translateY(0);
        background-color: #1b1b1b;
    }

.is-inview.animTop1::before {
    transform: translateY(-100%);
    transition: all 700ms;
}

.is-inview .animTop1::before {
    transform: translateY(-100%);
    transition: all 700ms;
}

#navigation-side-bar {
    position: relative;
}

    #navigation-side-bar::before {
        content: "";
        position: absolute;
        left: 2vw;
        top: 0;
        width: 0;
        height: 100%;
        z-index: 8;
        transition: all 1000ms;
        transform: translateX(0);
        background-color: #e1e1e1;
    }

    #navigation-side-bar:hover::before {
        left: 2vw;
        width: 94px;
        z-index: 8;
        transition: all 700ms;
        transform: translateX(-100px);
    }

.home_page #navigation-side-bar {
    transition: all 1000ms;
}

    .home_page #navigation-side-bar:hover {
        padding-left: 4.375rem;
        transition: all 700ms;
    }

        .home_page #navigation-side-bar:hover .side-nav__social {
            left: 3vw;
            transition: all 1000ms;
        }

    .home_page #navigation-side-bar .side-nav__social {
        transition: all 1000ms;
    }

.animRight1 {
    position: relative;
    overflow: hidden
}

    .animRight1::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 8;
        transform: translateX(0);
        background-color: #ededed;
    }

.is-inview.animRight1::before {
    transform: translateX(100%);
    transition: all 1000ms;
    transition-delay: .1s;
}

.gray .animTop1::before {
    background-color: #ededed;
}

.team_pic img {
    width: auto !important;
    height: 100% !important;
}

.home_page .animRight1::before {
    background-color: #1b1b1b;
}

.home_page .is-inview .animRight1::before {
    transition: all 2000ms;
    transition-delay: .1s;
    transform: translateX(100%);
}

/* about */
.about_page .single__heading .desc_about {
    color: #818181;
    text-transform: unset;
    font-size: 16px;
    font-family: 'Aileron-Light';
    font-style: normal;
    line-height: 21px;
    margin-bottom: 25vh;
    width: 410px;
}

.about_page .single__heading .h3 {
    text-transform: unset;
    height: auto;
    top: 0;
    margin-bottom: 9px;
    margin-top: 33vh;
}

    .about_page .single__heading .h3 p {
        font-size: 1.7rem;
    }

.about_page .single__hero {
    width: 52vw;
    height: 100vh;
    height: var(--vh);
    overflow: hidden;
}

.about_page .Date_news {
    font-size: 14px;
    margin-bottom: 1em;
    font-family: Aileron-light;
    color: #989898;
    padding-top: 2vh;
    border-top: 1px solid #d5d5d5;
    width: 100%;
}

.about_page .single__heading {
    width: 100%;
}

@media (orientation: landscape) {
    .about_page .card-info-arrow {
        height: 1.5vh;
        animation: bounce 2s infinite ease-in-out 1s forwards;
        margin-top: -2vh;
        left: 94%;
        position: relative;
    }
}

.about_page .single--about .single__item--layout_2 .single__layout {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 3rem;
}

.about_page .layout_2 .Date_news {
    font-size: 14px;
    margin-bottom: 1em;
    font-family: Aileron-light;
    color: #989898;
    padding-top: 15vh;
    border-top: unset;
    width: 100%;
}

.about_page .Date_news.home_page .side-nav__social {
    width: 50%;
    float: right;
    direction: rtl;
}

    .about_page .Date_news.home_page .side-nav__social svg {
        width: 14px;
        margin-left: 7px;
        opacity: .4;
    }

        .about_page .Date_news.home_page .side-nav__social svg:hover {
            opacity: 1;
        }

.about_page .img_80 {
    margin-left: 0.8rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .about_page .img_80 img {
        height: 90vh;
        width: 75vw;
    }

.about_page .rich-text h4 {
    text-transform: unset;
    font-size: 1.5rem !important;
    color: #aaa !important;
    font-weight: 100 !important;
    font-family: 'Aileron-Light' !important;
}

.about_page .title_sadra {
    font-size: 30px;
    border-bottom: 1px solid #444;
    width: 118px;
    line-height: 42px;
    padding-bottom: 2px;
    margin-bottom: 5vh;
    font-style: italic;
    font-family: 'Schnyder Cond M Light';
}

.about_page .about_one {
    justify-content: center;
    padding-left: 8rem;
    margin-right: 0;
    width: 60vw;
}

.about_page .single--about .single__intro {
    margin-right: 0;
}

.about_page .services_section {
    padding: 0 5em;
}

.about_page .white_service {
    border-left: 1px solid #c2bcbc;
}

.about_page .Date_news .desc_about {
    font-size: 14px;
}

.about_page .img_about_big {
    width: 100vw;
}


/* end-about */

/* blog-show */
.blog_show .single__heading .h3 strong {
    color: #8f8f8f;
    text-transform: unset;
    font-size: 2rem;
}

.blog_show .single__heading .h3 {
    text-transform: unset;
    height: 66vh;
    top: 30vh;
}

    .blog_show .single__heading .h3 p {
        font-size: 4rem;
        font-family: 'Schnyder Cond M Light';
        letter-spacing: 1px;
        font-style: italic;
    }

.blog_show .single__hero {
    width: 53rem;
    height: 100vh;
    height: var(--vh);
    overflow: hidden;
}

.blog_show .Date_news {
    font-size: 14px;
    margin-bottom: 1em;
    font-family: Aileron-light;
    color: #989898;
    padding-top: 2vh;
    border-top: 1px solid #d5d5d5;
    width: 100%;
}

.blog_show .single__heading {
    width: 100%;
}

@media (orientation: landscape) {
    .blog_show .card-info-arrow {
        height: 1.5vh;
        animation: bounce 2s infinite ease-in-out 1s forwards;
        margin-top: -2vh;
        left: 94%;
        position: relative;
    }
}

.blog_show .single--about .single__item--layout_2 .single__layout {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 3rem;
}

.blog_show .layout_2 .Date_news {
    font-size: 14px;
    margin-bottom: 1em;
    font-family: Aileron-light;
    color: #989898;
    padding-top: 15vh;
    border-top: unset;
    width: 100%;
}

.blog_show .Date_news.home_page .side-nav__social {
    width: 50%;
    float: right;
    direction: rtl;
}

    .blog_show .Date_news.home_page .side-nav__social svg {
        width: 14px;
        margin-left: 7px;
        opacity: .4;
    }

        .blog_show .Date_news.home_page .side-nav__social svg:hover {
            opacity: 1;
        }

.blog_show .img_80 {
    margin-left: 0.8rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .blog_show .img_80 img {
        height: 90vh;
        width: 75vw;
    }

.blog_show .rich-text h4 {
    text-transform: unset;
    font-size: 1.5rem !important;
    color: #aaa !important;
    font-weight: 100 !important;
    font-family: 'Aileron-Light' !important;
}


/* end-blog-show */
.white_back {
    background-color: #fff;
}


/*product_show1*/


@media print,screen and (min-width:72.5em) {
    .product_show .large-12 {
        width: 100%;
    }
}

.product_show .small-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media print,screen and (min-width:40em) {
    .product_show .medium-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media print,screen and (min-width:72.5em) {
    .product_show .large-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product_show .large-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product_show .grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-container {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}

.product_show .grid-x {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.product_show .cell {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

@media print,screen and (min-width:72.5em) {
    .product_show .grid-x > .large-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media print,screen and (min-width:72.5em) {
    .product_show .grid-x > .large-12 {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .product_show .grid-x > .large-12 {
        width: 100%;
    }
}

.product_show .grid-margin-y:not(.grid-y) > .cell {
    height: auto;
}

.product_show .grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-x {
        margin-left: -.9375rem;
        margin-right: -.9375rem;
    }
}

.product_show .grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-x > .cell {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem;
    }
}

.product_show .small-up-2 > .cell {
    width: 50%;
}

@media print,screen and (min-width:40em) {
    .product_show .medium-up-2 > .cell {
        width: 50%;
    }
}

@media print,screen and (min-width:72.5em) {
    .product_show .large-up-3 > .cell {
        width: 33.33333%;
    }
}

.product_show .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem);
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.875rem);
    }

    .product_show .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem);
    }
}

@media print,screen and (min-width:72.5em) {
    .product_show .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 1.875rem);
    }
}

.product_show .grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem;
    }
}

.product_show .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem;
    }
}

.product_show .grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-y {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem;
    }
}

.product_show .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem;
}

@media print,screen and (min-width:40em) {
    .product_show .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem;
    }
}



.product_show p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
}

.product_show em {
    font-style: italic;
    line-height: inherit;
}

.product_show b {
    font-weight: 700;
    line-height: inherit;
}

.product_show small {
    font-size: 80%;
    line-height: inherit;
}


.product_show .accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none;
}

.product_show .accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: none;
    border-bottom: 0;
    font-size: 1rem;
    line-height: 1;
    color: #1d1d1b;
}

.product_show :last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
    border-radius: 0;
}

.product_show .accordion-title:focus, .product_show .accordion-title:hover {
    background-color: #fefefe;
}

.product_show .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+";
}

.product_show .accordion-content {
    display: none;
    padding: 1rem;
    border: none;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a;
}

.product_show :last-child > .accordion-content:last-child {
    border-bottom: none;
}

.product_show .padding {
    padding: 2rem 0;
}

@media print,screen and (max-width:39.99875em) {
    .product_show .padding {
        padding: 1rem 0;
    }
}

.product_show .padding.x2 {
    padding: 4rem 0;
    background-color: #fff;
}

@media print,screen and (max-width:39.99875em) {
    .product_show .padding.x2 {
        padding: 2rem 0;
    }
}




.product_show .padding-bottom-1rem {
    padding-bottom: 1rem !important;
}
 
.product_show section {
    position: relative;
}

.product_show .image-accordion .accordion-title::before {
    top: calc(50% - 35px + 16px);
    right: 50%;
    font-size: 2rem;
    z-index: 1;
}

.product_show .image-accordion img {
    width: 100%;
}




.product_show svg:not(:host).svg-inline--fa, .product_show svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}

.product_show .svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}




@media print,screen and (max-width:39.99875em) {
 

    .product_show .is-visible {
        display: block !important;
    }

    .product_show .small-12 {
        width: 100%;
    }

    @media print,screen and (min-width:72.5em) {
        .product_show .large-6 {
            width: 50%;
        }

        .product_show .large-12 {
            width: 100%;
        }
    }

    .product_show .small-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    @media print,screen and (min-width:72.5em) {
        .product_show .large-6 {
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .product_show .large-12 {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    .product_show .grid-container {
        padding-right: .625rem;
        padding-left: .625rem;
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto;
    }

    @media print,screen and (min-width:40em) {
        .product_show .grid-container {
            padding-right: .9375rem;
            padding-left: .9375rem;
        }
    }

    .product_show .grid-container.full {
        padding-right: 0;
        padding-left: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .product_show .grid-x {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .product_show .cell {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        min-height: 0;
        min-width: 0;
        width: 100%;
    }

    .product_show .grid-x > .small-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    @media print,screen and (min-width:72.5em) {
        .product_show .grid-x > .large-12, .product_show .grid-x > .large-6 {
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }
    }

    .product_show .grid-x > .small-12 {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .product_show .grid-x > .small-12 {
        width: 100%;
    }

    @media print,screen and (min-width:72.5em) {
        .product_show .grid-x > .large-12, .product_show .grid-x > .large-6 {
            -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

        .product_show .grid-x > .large-6 {
            width: 50%;
        }

        .product_show .grid-x > .large-12 {
            width: 100%;
        }
    }
 

    .product_show a {
        line-height: inherit;
        color: #1d1d1b;
        text-decoration: none;
        cursor: pointer;
    }

        .product_show a:focus, .product_show a:hover {
            color: #191917;
        }

    .product_show ul {
        margin-bottom: 1rem;
        list-style-position: outside;
        line-height: 1.2;
    }

    .product_show li {
        font-size: inherit;
    }

    .product_show ul {
        margin-left: 1.25rem;
        list-style-type: disc;
    }

    .product_show .text-right {
        text-align: right;
    }

 

    .product_show img {
        page-break-inside: avoid;
    }

    .product_show img {
        max-width: 100% !important;
    }

 
    .product_show .button {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem 0;
        padding: .55em 1em;
        border: 1px solid transparent;
        border-radius: 0;
        transition: background-color .25s ease-out,color .25s ease-out;
        font-family: inherit;
        font-size: .9rem;
        -webkit-appearance: none;
        line-height: 1;
        text-align: center;
        cursor: pointer;
    }

    .product_show [data-whatinput=mouse] .button {
        outline: 0;
    }

    .product_show .button {
        background-color: #1d1d1b;
        color: #fefefe;
    }

        .product_show .button:focus, .product_show .button:hover {
            background-color: #191917;
            color: #fefefe;
        }

        .product_show .button.clear, .product_show .button.clear:focus, .product_show .button.clear:hover {
            border-color: transparent;
            background-color: transparent;
        }

        .product_show .button.clear {
            color: #1d1d1b;
        }

            .product_show .button.clear:focus, .product_show .button.clear:hover {
                color: #0f0f0e;
            }

    /*a.button:focus, a.button:hover {
                text-decoration: none;
            }

            ::-webkit-input-placeholder {
                color: #0a0a0a;
            }

            :-ms-input-placeholder {
                color: #0a0a0a;
            }*/

    /*::placeholder {
                color: #0a0a0a;
            }*/

    @media print,screen and (max-width:39.99875em) {
        .product_show .hide-for-small-only {
            display: none !important;
        }
    }

    .product_show .padding {
        padding: 2rem 0;
    }

    @media print,screen and (max-width:39.99875em) {
        .product_show .padding {
            padding: 1rem 0;
        }
    }

    .product_show .padding.x2 {
        padding: 4rem 0;
    }

    @media print,screen and (max-width:39.99875em) {
        .product_show .padding.x2 {
            padding: 2rem 0;
        }
    }


    .product_show .light-gray .button.icon span {
        background-color: #fefefe;
    }

    .product_show .padding-right-0 {
        padding-right: 0 !important;
    }

    .product_show .margin-right-0 {
        margin-right: 0 !important;
    }

    .product_show .bh-getMarginLeft {
        visibility: hidden;
    }



    /*img:not(.no-hover) {
                transition: all 1s ease;
            }

                img:not(.no-hover):hover {
                    -webkit-filter: brightness(70%);
                    filter: brightness(70%);
                }*/



    .product_show .splide__slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box;
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        list-style-type: none !important;
        margin: 0;
        outline: 0;
        position: relative;
    }

        .product_show .splide__slide img {
            vertical-align: bottom;
        }

    .product_show .splide__track {
        overflow: hidden;
        position: relative;
        z-index: 0;
    }

    .product_show .splide__slide p {
        margin: 1rem 0;
    }

    .product_show section {
        position: relative;
    }

    .product_show a {
        line-height: inherit;
    }

        .product_show a:hover {
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 6px;
        }

    .product_show .button {
        line-height: inherit;
    }

        .product_show .button:hover {
            text-decoration: none;
        }

        .product_show .button.icon {
            padding-left: 0;
            padding-right: 0;
        }

            .product_show .button.icon span {
                width: 40px;
                height: 40px;
                display: inline-block;
                text-align: center;
                line-height: 50px;
                margin-right: 1.125rem;
                transition: background-color .5s linear;
            }

            .product_show .button.icon.rounded span {
                border-radius: 100%;
            }

            .product_show .button.icon.white span {
                background-color: #fefefe;
            }

            .product_show .button.icon.white:hover {
                text-decoration: underline;
                text-decoration-thickness: 1px;
                text-underline-offset: 6px;
            }

                .product_show .button.icon.white:hover span {
                    background-color: #dddbdb;
                }
}




.product_show .light-gray {
    background-color: #f4f2f3 !important;
    overflow: hidden;
}

    .product_show .light-gray .swiper {
        margin-left: -18em !important;
    }

    .product_show .light-gray .swiper {
        width: 100%;
        height: 100%;
        margin-top: 2em;
        position: relative;
    }

    .product_show .light-gray .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .product_show .light-gray .swiper::before {
        content: "";
        position: absolute;
        width: 620px;
        height: 430px;
        left: 0;
        background-color: #f4f2f3;
        z-index: 777;
    }

    .product_show .light-gray .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-bottom: 2em;
    }

    .product_show .light-gray .swiper-button-next:after,
    .product_show .light-gray .swiper-container-rtl .swiper-button-prev:after,
    .product_show .light-gray .swiper-button-prev:after,
    .product_show .light-gray .swiper-container-rtl .swiper-button-next:after {
        content: "next";
        display: none;
    }

    .product_show .light-gray .swiper-button-next,
    .product_show .light-gray .swiper-container-rtl .swiper-button-prev,
    .product_show .light-gray .swiper-container-rtl .swiper-button-next,
    .product_show .light-gray .swiper-button-prev {
        color: #0a0a0a;
    }

    .product_show .light-gray .swiper-button-next, .product_show .swiper-button-prev {
        top: 20%;
    }

    .product_show .light-gray .mySwiper {
        overflow: visible;
    }

    .product_show .light-gray .swiper-button-next, .product_show .swiper-container-rtl .swiper-button-prev,
    .product_show .light-gray .swiper-button-prev, .product_show .swiper-container-rtl .swiper-button-next {
        right: 4vw;
        left: auto;
        background-color: #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .product_show .light-gray .swiper-button-prev,
    .product_show .light-gray .swiper-container-rtl .swiper-button-next {
        right: 8vw;
        left: unset;
    }

        .product_show .light-gray .swiper-button-next.swiper-button-disabled,
        .product_show .light-gray .swiper-button-prev.swiper-button-disabled {
            opacity: 1;
        }

    .product_show .light-gray .swiper-button-next, .product_show .light-gray .swiper-button-prev {
        top: -44px;
    }

.product_show .product_related {
    background-color: #fff;
    padding: 4em 0;
    overflow: hidden;
}

    .product_show .product_related .swiper {
        margin-left: -18em
    }

.product_show .title_products {
    color: #333;
    margin-bottom: 1em;
    font-size: 2rem;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    line-height: 30px;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_show .product_related .swiper-button-next:after, .product_show .product_related .swiper-container-rtl .swiper-button-prev:after,
.product_show .product_related .swiper-button-prev:after, .product_show .product_related .swiper-container-rtl .swiper-button-next:after {
    content: "next";
    display: none;
}

.product_show .product_related .swiper-button-next, .product_show .product_related .swiper-button-prev {
    top: 12%;
    color: #444;
    left: 0;
    right: -19vw;
    margin: 0 auto;
}

    .product_show .product_related .swiper-button-next.swiper-button-disabled,
    .product_show .product_related .swiper-button-prev.swiper-button-disabled {
        opacity: 0.3;
        pointer-events: none;
    }

.product_show .product_related .swiper-button-prev {
    left: -20vw;
    right: 0;
    margin: 0 auto;
}

.product_show .swiper-button-next {
    right: 10px;
    left: 18vw;
}

.product_show .product_related .swiper-slide:hover img {
    transform: scale(1.45);
    transform-origin: center;
    transition: transform 2s cubic-bezier(.23,1,.32,1);
    z-index: 99;
    position: relative;
}

.product_show .product_related .swiper-slide img {
    transition: transform 2s cubic-bezier(.23,1,.32,1);
}

.product_show .product_related .mySwiper {
    overflow: visible;
}



.product_show svg:not(:host).svg-inline--fa, .product_show svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}

.product_show .svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}


.product_show .button__wrapper {
    display: flex;
    margin-top: 1em;
}


    .product_show .button__wrapper .button {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 1rem 0;
        padding: .55em 1em;
        border: 1px solid transparent;
        border-radius: 0;
        transition: background-color .25s ease-out,color .25s ease-out;
        font-family: inherit;
        font-size: .9rem;
        -webkit-appearance: none;
        line-height: 1;
        text-align: center;
        cursor: pointer;
    }

    .product_show .button__wrapper [data-whatinput=mouse] .button {
        outline: 0;
    }

    .product_show .button__wrapper .button {
        background-color: #1d1d1b;
        color: #fefefe;
    }

        .product_show .button__wrapper .button:focus, .product_show .button__wrapper .button:hover {
            background-color: #191917;
            color: #fefefe;
        }

        .product_show .button__wrapper .button.clear,
        .product_show .button__wrapper .button.clear:focus,
        .product_show .button__wrapper .button.clear:hover {
            border-color: transparent;
            background-color: transparent;
        }

        .product_show .button__wrapper .button.clear {
            color: #1d1d1b;
        }

            .product_show .button__wrapper .button.clear:focus, .product_show .button__wrapper .button.clear:hover {
                color: #0f0f0e;
            }

    .product_show .button__wrapper a.button:focus, a.button:hover {
        text-decoration: none;
    }

    .product_show .button__wrapper ::-webkit-input-placeholder {
        color: #0a0a0a;
    }

    .product_show .button__wrapper :-ms-input-placeholder {
        color: #0a0a0a;
    }

    .product_show .button__wrapper ::placeholder {
        color: #0a0a0a;
    }

    .product_show .button__wrapper .button.icon span {
        background-color: #fefefe;
    }

    .product_show .button__wrapper.margin-right-2rem {
        margin-right: 2rem;
    }

    .product_show .button__wrapper .button__wrapper .button {
        margin-bottom: 0 !important;
    }

    .product_show .button__wrapper a {
        line-height: inherit;
    }

    .product_show .button__wrapper .button__wrapper a:hover {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 6px;
    }

    .product_show .button__wrapper .button {
        line-height: inherit;
    }

        .product_show .button__wrapper .button:hover {
            text-decoration: none;
        }

        .product_show .button__wrapper .button.icon {
            padding-left: 0;
            padding-right: 0;
        }

            .product_show .button__wrapper .button.icon span {
                width: 40px;
                height: 40px;
                display: inline-block;
                text-align: center;
                line-height: 50px;
                margin-right: 1.125rem;
                transition: background-color .5s linear;
            }

            .product_show .button__wrapper .button.icon.rounded span {
                border-radius: 100%;
            }

            .product_show .button__wrapper .button.icon.white span {
                background-color: #fefefe;
            }

            .product_show .button__wrapper .button.icon.white:hover {
                text-decoration: underline;
                text-decoration-thickness: 1px;
                text-underline-offset: 6px;
            }

                .product_show .button__wrapper .button.icon.white:hover span {
                    background-color: #dddbdb;
                }


.product_show .title_slider1 {
    font-size: 2rem;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1.2px;
    font-style: italic;
    line-height: 30px;
    font-weight: 100;
    text-transform: unset;
}

.product_show .grid-container p {
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    overflow: hidden;
    color: #888;
    font-family: Aileron-light !important;
    margin: 1em auto;
}

.product_show .title_slider2 {
    font-size: 15px;
    line-height: 23px;
    text-align: left;
    overflow: hidden;
    color: #888;
    font-family: Aileron-light !important;
    margin: 0;
}

.product_show .title_slider {
    font-family: Aileron-light !important;
}

.product_show .header__logo {
    top: 22px;
}
.product_show .c-double-image-navigation.js-animated-element-fade is-animated {
    opacity: 1 !important;
}

.product_show .logo_left {
    left: 10px;
}

.product_show .menu_bocaveli {
    position: fixed;
}


    .product_show .menu_bocaveli a {
        font-size: 2rem;
    }

    .product_show .menu_bocaveli img {
        margin-top: 0.5em;
        margin-left: 0 !important;
    }


.product_show .single__info li .value {
    flex: 1;
    font-size: 14px;
    color: #838383;
}

.product_show .single__info li .label {
    width: auto;
    font-family: Aileron-light;
    color: #000;
    letter-spacing: .02em;
    white-space: nowrap;
    margin-right: 8px;
    font-size: 14px;
}


.product_show main {
    padding-left: 0;
}


.product_show .product_cat.main {
    padding-top: 7vh;
}


@media only screen and (max-width: 767px) {
    .product_show .page-template-default .footer__links, .product_show .page-template-page-contact .footer__links {
        text-align: left;
    }
}

.product_show .c-double-image__right {
    padding-left: 8.5em;
}

.product_show .big_size.swiper-slide:nth-child(1) img {
    transform: scale(2.1);
    right: -30vw;
    left: unset;
    top: 27px;
    position: relative;
    transition: all 1ms;
}



.sh_big_size .product_show {
    visibility: visible;
    opacity: 1;
    background: #ededed;
    width: 100%;
    height: 100vh;
    left: 0;
    z-index: 999;
    top: 0;
    transition: all 800ms;
    transition-delay: .2s;
}



.product_show .box-sh-pro svg:not(:host).svg-inline--fa,
.product_show .box-sh.box-sh-pro .menu.padding-left-0 a-pro svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}

.product_show .box-sh-pro .svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}


.product_show .box-sh-pro .menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_show [data-whatinput=mouse].box-sh-pro .menu li {
    outline: 0;
}

.product_show .box-sh-pro .menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0;
}

.product_show .box-sh-pro .menu a {
    margin-bottom: 0;
}

.product_show .box-sh-pro .menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .product_show .box-sh-pro .menu.vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }



.product_show .box-sh-pro .light-gray .button.icon span {
    background-color: #fefefe;
}

.product_show .box-sh-pro .padding-left-0 {
    padding-left: 0 !important;
}

.product_show .box-sh-pro .padding-right-5 {
    padding-right: 5rem;
    margin-top: 4em;
}

@media print, screen and (max-width:39.99875em) {
    .product_show .box-sh-pro .padding-right-5 {
        padding-right: 0;
    }
}

.product_show .box-sh-pro .margin-bottom-0 {
    margin-bottom: 0 !important;
}

.product_show .box-sh-pro .margin-right-10px {
    margin-right: 10px;
}

.product_show .box-sh-pro .margin-right-2rem {
    margin-right: 2rem;
}

.product_show .box-sh-pro .bh-getMarginLeft {
    visibility: hidden;
}

.product_show .box-sh-pro .button__wrapper .button {
    margin-bottom: 0 !important;
}

.product_show .box-sh-pro a {
    line-height: inherit;
}

    .product_show .box-sh-pro a:hover {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 0;
    }

.product_show .box-sh-pro .button {
    line-height: inherit;
}

    .product_show .box-sh-pro .button:hover {
        text-decoration: none;
    }

    .product_show .box-sh-pro .button.icon {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .product_show .box-sh-pro .button.icon span {
            width: 40px;
            height: 40px;
            display: inline-block;
            text-align: center;
            line-height: 50px;
            margin-right: 1.125rem;
            transition: background-color .5s linear;
        }

        .product_show .box-sh-pro .button.icon.rounded span {
            border-radius: 100%;
        }

        .product_show .box-sh-pro .button.icon.white span {
            background-color: #fefefe;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .product_show .box-sh-pro .button.icon.white:hover {
            text-decoration: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 6px;
        }

            .product_show .box-sh-pro .button.icon.white:hover span {
                background-color: #dddbdb;
            }

.product_show .box-sh-pro .list__w_title {
    border-top: 1px solid #0a0a0a;
    padding-top: .5em;
}

    .product_show .box-sh-pro .list__w_title p {
        padding-top: .7rem;
        padding-bottom: .7rem;
    }



.product_show .box-sh-pro .menu.padding-left-0 a {
    font-family: Aileron-light !important;
    padding-left: 0 !important;
    font-size: 14px;
    line-height: 30px;
}


.product_show .box-sh-pro h1 {
    line-height: 1.2 !important;
    text-underline-offset: 12px;
}



.product_show .box-sh-pro {
    padding: 0 5em;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product_show .box-sh-pro .title_productt {
        margin-bottom: 1em;
        font-size: 2.5rem;
        font-family: 'Schnyder Cond M Light';
        letter-spacing: 1px;
        font-style: italic;
        line-height: 30px;
    }

    .product_show .box-sh-pro .bh-getMarginLeft .desc_productt {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 3em;
        text-align: left;
        overflow: hidden;
        color: #888;
        font-family: Aileron-light !important;
    }

    .product_show .box-sh-pro .c-double-image__left:before {
        content: '';
        width: 110%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 7;
        background-color: #ededed;
    }

.sh_big_size .box-sh-pro .c-double-image__left:before {
    transition: all 1000ms;
    transition-delay: .5s;
    height: 0;
}

.product_show .box-sh-pro .line_product {
    width: 0;
    height: 1px;
    background-color: #444;
    transition: all 1000ms;
    margin-top: 8px;
}

.sh_big_size .box-sh-pro .line_product {
    width: 100%;
    transition: all 1000ms;
    transition-delay: 1s;
}

.product_show .box-sh-pro .menu.vertical li:last-child .line_product {
    display: none;
}

.product_show .box-sh-pro .list__w_title .margin-bottom-0 {
    font-size: 1.1rem;
    font-family: 'Schnyder Cond M Light' !important;
    letter-spacing: 1px;
    font-style: italic;
    line-height: 30px;
    font-weight: 800;
    color: #888;
    margin-top: 5px;
}

.product_show .slider-product_cat {
    height: 100vh;
    padding-top: 29vh;
}

.product_show .big_size .width_Slide:hover img {
    transform: scale(2.1);
}

.product_show .close {
    position: absolute;
    top: 1.5em;
    cursor: pointer;
    font-size: 2rem;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    line-height: 30px;
    right: 1em;
}

.product_show .name_number {
    z-index: 888;
    position: relative;
    bottom: 11.8vh;
    left: 2vw;
    font-size: 19px;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
}

.product_show .name_RIGHT {
    text-align: right;
    z-index: 888;
    position: relative;
    bottom: 15vh;
    right: 2vw;
    font-size: 19px;
    left: unset;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
}



.product_show .nav-slider .slide-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

    .product_show .nav-slider .slide-bgimg img {
        margin-top: 0;
        width: 100%;
        height: 100%;
    }


.product_show .tooltipp {
    transform: translate(-50%, -200%);
    display: none;
    position: absolute;
    color: #Fff;
    border: none;
    z-index: 10;
    display: block;
    width: 100%;
    max-width: unset;
    top: 0;
    left: 50%;
    text-align: center;
}


.product_show .tooltipLink {
    z-index: 999;
}

.show_slider_popUp .slider_popUp {
    display: block;
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
}


.product_show .title2 {
    font-family: Aileron-light !important;
    font-size: 18px;
    margin-bottom: 0.7em;
}

.product_show .single__info li {
    display: block;
}


@media screen and (min-width: 1700px) {
    .product_show .c-double-image__right {
        padding-left: 3.5em;
    }

    .product_show .o-page {
        margin-left: 5em;
    }
}
/*end_product_show1*/

/* home-page */

.home_page .scroll_div {
    display: block;
    position: fixed;
    z-index: 90;
    pointer-events: none;
    width: 0;
    will-change: width;
    -webkit-transition: width .91s cubic-bezier(.77,0,.175,1) 20ms;
    -moz-transition: width .91s cubic-bezier(.77,0,.175,1) 20ms;
    -o-transition: width .91s cubic-bezier(.77,0,.175,1) 20ms;
    -ms-transition: width .91s cubic-bezier(.77,0,.175,1) 20ms;
    transition: width .91s cubic-bezier(.77,0,.175,1) 20ms;
    height: 2px;
    background: #000;
    top: var(--app-half-height,50vh);
    white-space: nowrap;
    left: calc(85vw - 25px);
}

@media only screen and (min-width:789px) {
    .home_page .scroll_div {
        left: calc(64vw - 25px);
    }
}

.home_page .scroll_div label:nth-child(2) {
    display: none;
}

.home_page .scroll_div.show {
    width: 50px;
}

    .home_page .scroll_div.show label > span {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

.home_page .scroll_div label {
    font-size: 13px;
    display: table;
    position: relative;
    left: -6px;
    -webkit-transform: translateX(-100%) translateY(-35%);
    -moz-transform: translateX(-100%) translateY(-35%);
    -o-transform: translateX(-100%) translateY(-35%);
    -ms-transform: translateX(-100%) translateY(-35%);
    transform: translateX(-100%) translateY(-45%);
    letter-spacing: 1px;
}

@media only screen and (min-width:789px) {
    .home_page .scroll_div label {
        left: -12px;
    }
}

.home_page .scroll_div label span {
    display: inline-block;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    will-change: opacity,transform;
    -webkit-transition: -webkit-transform .91s cubic-bezier(.77,0,.175,1),opacity .91s cubic-bezier(.77,0,.175,1);
    -moz-transition: -moz-transform .91s cubic-bezier(.77,0,.175,1),opacity .91s cubic-bezier(.77,0,.175,1);
    -o-transition: -o-transform .91s cubic-bezier(.77,0,.175,1),opacity .91s cubic-bezier(.77,0,.175,1);
    -ms-transition: -ms-transform .91s cubic-bezier(.77,0,.175,1),opacity .91s cubic-bezier(.77,0,.175,1);
    transition: transform .91s cubic-bezier(.77,0,.175,1),opacity .91s cubic-bezier(.77,0,.175,1);
}



.home_page .bloc {
    padding: 0 50px;
    width: 100%;
    margin: 0 auto;
}


.home_page .barba-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    padding-top: 60px;
}

@media (min-width:48em) {
    .home_page .barba-container {
        padding-top: 0;
    }
}


@media (min-width:48em) {
    .home_page .intro {
        padding-top: 0;
        margin-top: 12.5vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }
}

.home_page .intro .bloc {
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

@media (min-width:48em) {
    .home_page .intro .bloc {
        position: absolute;
        top: 0;
        left: 2em;
        z-index: 1;
    }
}

@media (min-width:67.5em) {
    .home_page .intro .bloc {
        padding: 0;
    }
}

.home_page .intro .h1 {
    height: 34vh;
    margin-top: 30vh;
    display: block;
    line-height: 47px;
    margin-bottom: 0;
    text-align: left;
}

.home_page .desc-blog {
    width: 30%;
    padding-left: 75px;
    font-size: 14px;
    position: relative;
    bottom: 0;
    color: #a3a3a3;
    height: 123px;
    overflow: hidden;
}

.home_page .intro .h1 .small-span {
    display: block;
    font-size: 32px;
    position: relative;
    left: 1em;
    line-height: 37px;
    letter-spacing: 0;
}

.home_page .intro .ctnr-motif {
    margin-bottom: 0;
    z-index: 0;
    position: relative;
    padding: 0;
    height: 315px;
}

    .home_page .intro .ctnr-motif .motif-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 10px;
        bottom: 0;
        background-position: 100%;
        background-size: cover;
    }

.home_page .num {
    top: 50px;
    line-height: 47px;
    position: absolute;
    color: #a3a3a3;
    top: 0;
}

@media (min-width:80em) {
    .home_page .intro .ctnr-motif {
        margin-right: -110px;
        min-width: 930px;
        height: 540px;
    }
}

.home_page .intro .chapo {
    font-weight: 100;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 346px;
    margin-top: 0;
    padding-left: 36px;
    font-size: 16px;
    transition: all .3s ease;
    text-transform: unset;
    line-height: 27px;
    font-style: unset;
    letter-spacing: normal;
    font-family: Aileron-light;
}



.home_page .barba-outer {
    background-color: #fff;
    height: 100vh;
    width: 94vw;
    margin-right: 0;
    padding-right: 6vw;
}


.home_page .intro {
    max-width: 62vw;
    width: 62vw;
    padding: 0;
}

.home_page .project-presentation-attr > li > div > span {
    display: inline-block;
}

.home_page .project-presentation-attr > li {
    display: flex;
    color: #a3a3a3;
    align-items: center;
    font-size: 15px;
    font-family: Aileron-light;
}

.home_page .project-presentation-attr {
    padding-left: 48px;
    width: 30%;
}

@media (max-width:980px) {
    .home_page .intro {
        max-width: 100%;
    }

        .home_page .intro .bloc {
            padding: 0 1em;
        }

        .home_page .intro .ctnr-motif .motif-overlay {
            right: 0;
        }

    .home_page .wrapper ul {
        margin-top: 1em;
        direction: ltr;
        margin-bottom: 0;
    }

    .home_page .barba-outer {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .home_page .intro .chapo {
        width: 100%;
        height: auto;
        margin-top: 10px;
        padding-left: 0;
    }


    .home_page .intro .h1 .small-span {
        font-size: 28px;
        left: 0;
        line-height: 34px;
        letter-spacing: 0;
    }
}




.home_page .frsec--10 .title_news {
    letter-spacing: 0;
    font-size: 4vw;
    font-weight: 100;
    text-align: left;
    line-height: 71px;
    direction: ltr;
    width: 373px;
    color: #000;
    text-transform: uppercase;
}


.info-desc-right {
    width: 22%;
    text-align: right;
    font-size: 14px;
}


@media (orientation: landscape) {

    .home_page .slide_two .card-info-brand {
        height: 100%;
        display: flex;
        flex-direction: unset;
    }

    .home_page .slide_two .card-info-desc {
        max-width: 400px;
        font-weight: normal;
        margin: 0;
        font-family: Aileron-light;
        color: #838383;
        letter-spacing: .02em;
        column-gap: 2rem;
        font-size: 1.4rem;
        line-height: 22px;
        margin-bottom: 0.4rem;
        margin-top: 10px !important;
    }

    .home_page .slide_two .card-info-contact {
        max-width: 400px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: auto 0 0;
        padding: 0;
        list-style: none;
    }

    .home_page .slide_two .card-info-logo {
        font-size: 3rem !important;
        color: #000;
        font-family: Aileron-light;
    }

    .home_page .slide_two .card-info-arrow {
        height: 1.5vh;
        animation: bounce 2s infinite ease-in-out 1s forwards;
        margin-top: 20vh;
        left: -2em;
        position: relative;
    }
}



@media (max-width:980px) {
    .home_page .slide_two .card-info {
        height: auto;
        padding-bottom: 0;
    }

    .home_page .card-info {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        padding-bottom: 55px;
    }
}


@media (max-width:980px) {
    .home_page .frsec--10 .title_news {
        width: 100%;
    }
}



.home_page .news_list.single__item {
    margin-right: 9rem;
    overflow: hidden;
    display: flex;
    margin-top: 5vh;
    justify-content: center;
}

.home_page .single__next {
    padding-left: 11rem;
}

.home_page .card-info-contact a {
    font-size: 14px;
    color: #9e9e9e;
    font-family: Aileron-light;
    margin-right: 1em;
}



.home_page .desc_news {
    width: 357px;
    height: 200px;
    font-size: 14px;
    color: #9e9e9e;
    font-family: Aileron-light;
    line-height: 22px;
    margin-right: 2em;
    overflow: hidden;
}

.home_page .title_news {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #000;
}

.home_page .Date_news {
    font-size: 14px;
    margin-bottom: 1em;
    font-family: Aileron-light;
    color: #989898;
}

.home_page .single__intro {
    width: 80.6rem !important;
    padding: 4.2rem 8rem;
}

.home_page .under_title_news {
    font-size: 13px;
    color: #828282;
    margin-left: 5em;
}

.home_page .card-info-logo .title_news {
    font-size: 2.5rem;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 1em;
}

.home_page .news_list.single__item--image img:hover, .home_page .news_list.single__item--image img {
    transition: all 500ms;
}

    .home_page .news_list.single__item--image img:hover {
        opacity: .7;
        cursor: pointer;
    }


.home_page .blog_sh {
    height: 100%;
    display: flex;
    margin-right: 4em;
    margin-left: 0;
}

    .home_page .blog_sh img {
        width: 553px;
        height: 87.5vh;
    }

/*.home_page .single__container {
    background-color: #fff;
}*/
.home_page .news_list img {
    width: 41vw;
    height: 50vh;
}

.home_page .news_list .img_right img {
    margin-left: 32px;
    width: 20vw;
    height: 50vh;
    margin-top: 38vh;
}

.home_page .border {
    border: 1px solid #c2c2c2;
    padding: 0;
    width: 1px;
    text-align: center;
    font-size: .83rem;
    color: #6f6f6f;
    margin-top: 16vh;
    height: 70vh;
}


.home_page .frsec {
    overflow: hidden;
    float: left;
    height: 100vh;
}

@media (max-width: 767px) {
    .home_page .frsec {
        height: auto;
        width: 100%;
        overflow: hidden;
    }
}


@media (orientation: landscape) {


    .home_page .slide_two .card-info-desc {
        height: 50%;
        font-weight: normal;
        margin: 0;
        display: flex;
        width: 100%;
        max-width: 100%;
    }

    .info-desc-left {
        width: 75%;
    }
}




.home_page .frsec {
    background-color: #fff;
}

.home_page .location {
    font-size: 14px;
    color: #bfbfbf;
    margin-bottom: 9px;
}

    .home_page .location span {
        color: #8b8b8b;
    }

.home_page .frsec--10 .desc-info {
    height: 63vh;
    border-left: 2px solid #afafaf;
    padding-left: 5em;
}

    .home_page .frsec--10 .desc-info .location {
        margin-top: 9em;
    }

@media (max-width:980px) {
    .home_page .frsec--10 .desc-info .location {
        margin-top: 0;
    }

    .home_page .frsec--10 .desc-info {
        height: auto;
        border-left: unset;
        margin: 1em auto;
        margin-top: 0;
        padding: 1em;
    }
}


.home_page .frsec__col {
    display: flex;
    align-items: center;
    background: #fff;
}

@media (max-width: 767px) {
    .home_page .frsec {
        overflow: hidden;
    }

    .home_page .frsec__col {
        display: block;
    }
}

.home_page .frsec--7 span {
    font-weight: bold;
}

.home_page .frsec--7 .frsec__col--3_3 {
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 70px;
    flex-direction: column;
}

.home_page .frsec__col--3_3 {
    padding-left: 222px;
    padding-right: 70px;
    padding-top: 125px;
    padding-bottom: 269px;
    width: 1180px;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 1000px ) and (max-height: 650px) {
    .home_page .frsec__col--3_3 {
        width: 900px;
        padding-top: 60px;
    }
}

@media (max-width: 1000px ) {
    .home_page .frsec__col--3_3 {
        width: 1000px;
        padding-top: 60px;
    }
}

@media (max-width: 767px ) {
    .home_page .frsec__col--3_3 {
        width: 100%;
        padding: 45px;
    }
}

@media (max-width: 450px ) {
    .home_page .frsec__col--3_3 {
        padding: 30px 15px;
    }
}




.home_page .o-layout {
    padding: 0;
    list-style: none;
    font-size: 0;
    margin: 0;
}

.home_page .o-layout_item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
    padding-left: 0;
}

.home_page .o-image_wrapper {
    position: relative;
    overflow: hidden;
}

.home_page .o-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: -webkit-transform 1.4s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform 1.4s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1.4s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1.4s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.4s cubic-bezier(.165, .84, .44, 1);
}

.home_page .c-brand_images {
    position: relative;
    vertical-align: top;
}

@media (min-width:1000px) {
    .home_page .c-brand_images {
        width: 60vw;
        height: 100vh;
        display: inline-block;
        margin-left: 0;
        padding: 2.5rem 0 2.5rem 0;
    }
}

@media (max-width:999px) {
    .home_page .c-brand_images {
        padding: 0;
        margin-bottom: -60px;
    }
}

.home_page .c-brand_images_grid {
    position: relative;
    z-index: 2;
}

.home_page .c-brand_images_col {
    position: relative;
    vertical-align: top;
    z-index: 1;
}

@media (min-width:1000px) {
    .home_page .c-brand_images_col {
        height: calc(100vh - 5rem);
    }

        .home_page .c-brand_images_col:nth-child(2) {
            margin-left: -3.75rem;
        }
}

@media (max-width:999px) {
    .home_page .c-brand_images_col {
        height: 100vw;
        width: 50%;
    }
}

.home_page .c-brand_image_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home_page .c-brand_images_col.-top .c-brand_image_wrapper {
    top: 0;
    -webkit-transform: none;
    transform: none;
}

.home_page .c-brand_images_col.-bottom .c-brand_image_wrapper {
    bottom: 40px;
    top: auto;
    -webkit-transform: none;
    transform: none;
}

@media (min-width:1000px) {
    .home_page .c-brand_image_wrapper {
        top: 50%;
        height: 50vh;
    }
}

@media (max-width:999px) {
    .home_page .c-brand_image_wrapper {
        height: 60vw;
    }

    .home_page .c-brand_images_col:nth-child(2) .c-brand_image_wrapper {
        margin-left: -2.5rem;
    }
}

.home_page .c-brand_image {
    background-size: cover;
    background-position: 50%;
}

.home_page .c-brand_logo_wrapper {
    background-color: #1e1e1e;
    border-radius: 50%;
    width: 12.5rem;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    color: #fff;
    z-index: 10;
}

    .home_page .c-brand_logo_wrapper.-bottom {
        top: auto;
    }

@media (min-width:1400px) {
    .home_page .c-brand_logo_wrapper.-bottom {
        bottom: 7.5rem;
    }
}

@media (min-width:1000px) and (max-width:1399px) {
    .home_page .c-brand_logo_wrapper.-bottom {
        bottom: 3.75rem;
    }
}

.home_page .c-brand_logo_wrapper:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

@media (min-width:1400px) {
    .home_page .c-brand_logo_wrapper {
        top: 7.5rem;
        -webkit-transform: translateX(50%) translateX(-60px);
        transform: translateX(50%) translateX(-60px);
    }
}

@media (min-width:1000px) and (max-width:1399px) {
    .home_page .c-brand_logo_wrapper {
        top: 3.75rem;
    }
}

@media (min-width:1000px) {
    .home_page .c-brand_logo_wrapper {
        position: absolute;
        right: 0;
    }
}

@media (max-width:999px) {
    .home_page .c-brand_logo_wrapper {
        position: relative;
        margin: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width:1000px) {
    .home_page .u-2\/3\@from-medium {
        width: 66.66667%;
    }
}

@media (min-width:1000px) {
    .home_page .u-1\/3\@from-medium {
        width: 33.33333%;
    }
}



.home_page .c-brand_images {
    position: relative;
    vertical-align: top;
}

@media (max-width:999px) {
    .home_page .c-brand_images {
        padding: 0;
        margin-bottom: -60px;
    }
}

.home_page .c-brand_images_grid {
    position: relative;
    z-index: 2;
}

.home_page .c-brand_images_col {
    position: relative;
    vertical-align: top;
    z-index: 1;
}

@media (min-width:1000px) {
    .home_page .c-brand_images_col {
        height: calc(100vh - 5rem);
    }

        .home_page .c-brand_images_col:nth-child(2) {
            margin-left: -3.75rem;
        }
}

@media (max-width:999px) {
    .home_page .c-brand_images_col {
        height: 100vw;
        width: 50%;
    }
}

.home_page .c-brand_image_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width:1000px) {
    .home_page .c-brand_image_wrapper {
        top: 50%;
        height: 50vh;
    }
}

@media (max-width:999px) {
    .home_page .c-brand_image_wrapper {
        height: 60vw;
    }

    .home_page .c-brand_images_col:nth-child(2) .c-brand_image_wrapper {
        margin-left: -2.5rem;
    }
}

.home_page .c-brand_image {
    background-size: cover;
    background-position: 50%;
}

.home_page .c-brand_logo_wrapper {
    background-color: #1e1e1e;
    border-radius: 50%;
    width: 10.5rem;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    color: #fff;
    z-index: 10;
}

    .home_page .c-brand_logo_wrapper:before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

@media (min-width:1400px) {
    .home_page .c-brand_logo_wrapper {
        top: 7.5rem;
        -webkit-transform: translateX(50%) translateX(-60px);
        transform: translateX(50%) translateX(-60px);
    }
}

@media (min-width:1000px) and (max-width:1399px) {
    .home_page .c-brand_logo_wrapper {
        top: 3.75rem;
    }
}

@media (min-width:1000px) {
    .home_page .c-brand_logo_wrapper {
        position: absolute;
        right: 0;
    }
}

@media (max-width:999px) {
    .home_page .c-brand_logo_wrapper {
        position: relative;
        margin: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.home_page .c-brand_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (min-width:1000px) {
    .home_page .u-2\/3\@from-medium {
        width: 66.66667%;
    }
}

@media (min-width:1000px) {
    .home_page .u-1\/3\@from-medium {
        width: 33.33333%;
    }
}


.home_page .frsec--7 .c-brand_images {
    margin-left: 0;
    padding: 2.5rem 0 2.5rem 0;
}

.home_page .frsec--7 .frsec__col--3_3 {
    padding-left: 0;
}

.home_page .frsec--7 .frsec__col--3_3 {
    padding-right: 0;
}

@media (max-width:980px) {
    .home_page .frsec--7 .frsec__col--3_3, .home_page .frsec--7 .c-brand_images {
        padding-right: 0;
        width: 100% !important;
    }
}


.home_page .item_newsT {
    border-right: 1.8px solid #e7e6e6;
    padding-right: 4em;
    width: 50%;
    height: 100%;
    text-align: center;
    display: unset;
    margin-left: 4em;
}

    .home_page .item_newsT figure {
        width: 100%;
        height: 100%;
    }

        .home_page .item_newsT figure picture {
            width: 100%;
            height: 70%;
        }

        .home_page .item_newsT figure img {
            width: 100%;
            height: 100%;
        }

    .home_page .item_newsT .title_news {
        font-size: 23px;
        margin-top: 0;
    }

    .home_page .item_newsT figcaption {
        width: 100%;
        height: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .home_page .item_newsT .desc_news {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }


.home_page button {
    font: inherit;
    color: inherit;
}

.home_page button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: none;
    border-radius: 0;
    cursor: pointer;
}


.home_page .t-body-big {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
}



.home_page .t-tiny {
    font-size: .9375rem;
    line-height: 1.2;
    color: #000;
}

    .home_page .t-tiny a {
        color: #626262;
    }

@media screen and (max-width:750px) {
    .home_page .t-tiny {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 1.333333333333333;
    }

    .home_page .t-tiny {
        font-family: Matter-Regular,arial,sans-serif;
    }
}

.home_page .section {
    position: relative;
    z-index: 1;
}

@media screen and (max-width:750px) {
    .home_page .section {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
}

.home_page .side-nav li, .home_page .side-nav p {
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .01em;
    color: #000;
}

.home_page .side-nav {
    height: 100%;
    min-width: 45vh;
    background-color: #e1e1e1;
    padding-left: 9.375rem;
    padding-top: 13.4375rem;
    color: #fff;
}
/*.home_page .side-nav__icon-svg path {
    fill: #fff;
}*/
.home_page .side-nav__icon i {
    color: #000;
    font-size: 18px;
    margin-right: 5px;
}

.home_page .side-nav__icon {
    margin-right: 8px;
}

    .home_page .side-nav__icon:hover {
        color: #444;
    }

.home_page .side-nav__link {
    text-align: left;
}

.home_page .side-nav__link, .home_page .side-nav__links {
    display: flex;
    flex-direction: column;
    height: 56vh;
}

.home_page .side-nav__links {
    align-items: flex-start;
    margin-top: 6.0625rem;
    color: #000;
}

.home_page .side-nav__anchor {
    text-align: left;
    margin-bottom: 1.5625rem;
    position: relative;
}

    .home_page .side-nav__anchor:after {
        position: absolute;
        content: "";
        width: 0;
        left: 50%;
        bottom: -.125rem;
        height: .0625rem;
        min-height: 1px;
        background: #fff;
        background: var(--c-white);
        right: 0;
        left: auto;
        opacity: 0;
        transition: width .3s ease-in-out,opacity .1s linear .2s,background .5s;
    }

    .home_page .side-nav__anchor:hover:after {
        width: calc(100% - .0625rem);
        left: .0625rem;
        opacity: 1;
        transition: width .3s ease-in-out,opacity .2s linear,background .5s;
    }


.home_page .side-nav__legal {
    margin-bottom: 1.3rem;
}

.home_page .side-nav__disclaimer {
    display: block;
    margin-bottom: 2.8125rem;
    opacity: .5;
}

    .home_page .side-nav__disclaimer:hover {
        text-decoration: underline;
    }



.home_page .side-nav__icon-svg path {
    fill: #000;
}

.home_page .side-nav__social {
    display: flex;
}

@media screen and (max-width:750px) {
    .home_page .side-nav {
        min-width: 100%;
        padding: 2.625rem 2rem;
    }

    .home_page .side-nav__link {
        margin-left: auto;
        text-decoration: underline;
        text-underline-offset: 1px;
    }

    .home_page .side-nav__links {
        display: none;
    }

    .home_page .side-nav__social {
        position: absolute;
        top: 2.625rem;
        left: 2rem;
    }

    .home_page .side-nav__legal {
        position: absolute;
        bottom: 2.625rem;
        left: 2rem;
        margin-bottom: 0;
    }

    .home_page .side-nav__bottom {
        display: flex;
        justify-content: flex-end;
        margin-top: 4.6875rem;
    }

    .home_page .side-nav__disclaimer {
        margin-bottom: 0;
    }
}

.home_page .side-nav2 {
    height: 100%;
    min-width: 78vh;
    background-color: #eee;
    padding-left: 7rem;
    padding-right: 7rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


.home_page .is-cursor-fx-active * {
    cursor: none;
}


.home_page .input[data-v-2be324c7] {
    width: 100%;
    position: relative;
    opacity: 1;
    border: none;
}

.width_500 {
    width: 500px !important
}

.width_500_l {
    width: 500px !important;
    margin-left: 0;
}

.home_page .input__main[data-v-2be324c7] {
    width: 100%;
    background: none;
    text-transform: none;
    color: #8d8d8d;
    padding-bottom: 17px;
}

@media only screen and (max-width:1440px) {
    .home_page .input__main[data-v-2be324c7] {
        padding-bottom: 13px;
    }
}

@media only screen and (max-width:1024px) {
    .home_page .input__main[data-v-2be324c7] {
        padding-bottom: 6px;
    }
}

@media only screen and (max-width:768px) {
    .home_page .input__main[data-v-2be324c7] {
        padding-bottom: 14px;
    }
}

@media only screen and (max-width:375px) {
    .home_page .input__main[data-v-2be324c7] {
        padding-bottom: 6px;
    }
}

.home_page .input__main[data-v-2be324c7]::-moz-placeholder {
    text-transform: uppercase;
}

.home_page .input__main[data-v-2be324c7]:-ms-input-placeholder {
    text-transform: uppercase;
}

.home_page .input__main[data-v-2be324c7]::placeholder {
    text-transform: uppercase;
}

.home_page .input__main[data-v-2be324c7]:focus::-moz-placeholder {
    color: transparent;
}

.home_page .input__main[data-v-2be324c7]:focus:-ms-input-placeholder {
    color: transparent;
}

.home_page .input__main[data-v-2be324c7]:focus::placeholder {
    color: transparent;
}

.home_page .input__up[data-v-2be324c7] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.home_page .input__labels[data-v-2be324c7] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}

.home_page .input__name[data-v-2be324c7] {
    font-style: normal;
    font-weight: 400;
    text-transform: unset;
    color: #000;
    opacity: .7;
    position: absolute;
    bottom: -30px;
    letter-spacing: 0;
    left: 0;
    pointer-events: none;
    transition: bottom .2s ease;
}

@media only screen and (max-width:1440px) {
    .home_page .input__name[data-v-2be324c7] {
        bottom: -21px;
    }
}

@media only screen and (max-width:768px) {
    .home_page .input__name[data-v-2be324c7] {
        bottom: -26px;
    }
}

@media only screen and (max-width:599px) {
    .home_page .input__name[data-v-2be324c7] {
        bottom: -21px;
    }
}

.home_page .input__name_hide[data-v-2be324c7] {
    visibility: hidden;
    opacity: 0;
    padding-right: 10px;
}

.home_page .input__error[data-v-2be324c7] {
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
}

@media only screen and (max-width:768px) {
    .home_page .input__error[data-v-2be324c7] {
        position: static;
    }
}

.home_page .input__line[data-v-2be324c7] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    opacity: .2;
    border-color: #000;
    transform-origin: left;
}



.home_page .formWrapper_LDAk8 {
    width: 100%;
}

.home_page .a1 {
    font-size: 14px;
    line-height: 140%;
    text-transform: unset;
}


.home_page .wrapper_P6byQ {
    max-width: 802px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width:1440px) {
    .home_page .wrapper_P6byQ {
        max-width: 562px;
    }
}

@media only screen and (max-width:1024px) {
    .home_page .wrapper_P6byQ {
        max-width: 429px;
    }
}

@media only screen and (max-width:768px) {
    .home_page .wrapper_P6byQ {
        max-width: none;
        margin-top: 40px;
    }
}

@media only screen and (max-width:599px) {
    .home_page .wrapper_P6byQ {
        margin-top: 32px;
    }
}

.home_page .input_9IvPb {
    grid-column: 1/3;
    margin-bottom: 60px;
}

@media only screen and (max-width:1440px) {
    .home_page .input_9IvPb {
        margin-bottom: 57px;
    }
}

@media only screen and (max-width:1024px) {
    .home_page .input_9IvPb {
        margin-bottom: 64px;
    }
}

@media only screen and (max-width:599px) {
    .home_page .input_9IvPb {
        margin-bottom: 48px;
    }
}

.home_page .input_9IvPb:nth-child(2) {
    grid-column: 1;
}

@media only screen and (max-width:768px) {
    .home_page .input_9IvPb:nth-child(2) {
        grid-column: 1/3;
    }
}

.home_page .input_9IvPb:nth-child(3) {
    grid-column: 2;
}

@media only screen and (max-width:768px) {
    .home_page .input_9IvPb:nth-child(3) {
        grid-column: 1/3;
    }
}

.home_page .emailphonewrapp_0pK\+b {
    display: flex;
    align-items: flex-end;
    margin-bottom: 60px;
}

    .home_page .emailphonewrapp_0pK\+b > * {
        margin: 0 50px;
    }

    .home_page .emailphonewrapp_0pK\+b > :first-child {
        margin-left: 0;
    }

    .home_page .emailphonewrapp_0pK\+b > :last-child {
        margin-right: 0;
    }

@media only screen and (max-width:1440px) {
    .home_page .emailphonewrapp_0pK\+b {
        margin-bottom: 57px;
    }

        .home_page .emailphonewrapp_0pK\+b > * {
            margin: 0 12.5px;
        }

        .home_page .emailphonewrapp_0pK\+b > :first-child {
            margin-left: 0;
        }

        .home_page .emailphonewrapp_0pK\+b > :last-child {
            margin-right: 0;
        }
}

@media only screen and (max-width:1024px) {
    .home_page .emailphonewrapp_0pK\+b {
        margin-bottom: 64px;
    }
}

@media only screen and (max-width:768px) {
    .home_page .emailphonewrapp_0pK\+b {
        flex-direction: column;
    }

        .home_page .emailphonewrapp_0pK\+b > * {
            margin: 30px 0;
        }

        .home_page .emailphonewrapp_0pK\+b > :first-child {
            margin-top: 0;
        }

        .home_page .emailphonewrapp_0pK\+b > :last-child {
            margin-bottom: 0;
        }
}

@media only screen and (max-width:599px) {
    .home_page .emailphonewrapp_0pK\+b {
        margin-bottom: 48px;
    }

        .home_page .emailphonewrapp_0pK\+b > * {
            margin: 24px 0;
        }

        .home_page .emailphonewrapp_0pK\+b > :first-child {
            margin-top: 0;
        }

        .home_page .emailphonewrapp_0pK\+b > :last-child {
            margin-bottom: 0;
        }
}

.home_page .btn_hsM2A {
    grid-column: 1;
    color: #444;
    display: flex;
    align-items: center;
    position: relative;
}

    .home_page .btn_hsM2A:disabled {
        opacity: .5;
    }

    .home_page .btn_hsM2A:before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #444;
        margin-right: 6px;
        transform: scale(.8);
        transition: width .3s,height .3s,transform .3s;
    }

@media only screen and (max-width:1440px) {
    .home_page .btn_hsM2A:before {
        width: 15px;
        height: 15px;
    }
}

@media only screen and (max-width:1024px) {
    .home_page .btn_hsM2A:before {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (max-width:768px) {
    .home_page .btn_hsM2A:before {
        width: 24px;
        height: 24px;
    }
}

@media only screen and (max-width:599px) {
    .home_page .btn_hsM2A:before {
        width: 15px;
        height: 15px;
    }
}

.home_page .btn_hsM2A:hover:before {
    transform: scale(1);
}

@media only screen and (max-width:1440px) {
    .home_page .btn_hsM2A {
        margin-top: -17px;
    }
}

@media only screen and (max-width:1024px) {
    .home_page .btn_hsM2A {
        margin-top: -32px;
    }
}


@media only screen and (max-width:768px) {
    .home_page .btn_hsM2A {
        grid-column: 1/3;
        margin: -24px auto 0;
        margin: -14px auto 0;
    }
}

@media (max-width:980px) {
    .home_page .intro {
        max-width: 100%;
        width: 100%;
    }

    .home_page .scroll_div {
        display: none !important;
    }

    .home_page .blog_sh {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .home_page .news_list .img_right img {
        margin-left: 0;
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .home_page .news_list.single__item {
        margin-right: 0;
        display: block;
        margin-top: 0;
        justify-content: center;
    }

    .home_page .desc_news {
        width: 100%;
        height: auto;
        margin-right: 0;
        padding: 0 1em;
        margin-bottom: 1.2em;
    }

    .home_page .news_list img {
        width: 100%;
        height: auto;
    }

    .home_page .desc_news figure {
        margin-bottom: 1em;
    }

    .home_page .border {
        display: none;
    }

    .home_page .single__item--layout_6 .single__layout__row .head {
        width: 100%;
    }

    .home_page .side-nav2 {
        height: 100%;
        min-width: 100%;
        padding: 0 1em;
        padding-bottom: 1em;
    }

    .home_page .intro .h1 {
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
    }

    .home_page .single__item--layout_6 img {
        width: 100%;
        height: auto;
    }

    .home_page .single__item--layout_6 .parag, .home_page .single__item--layout_7 .parag {
        width: 100%;
        margin-top: 2rem;
    }

    .home_page .card-info {
        margin-top: 1em;
    }

    .home_page .item_newsT figcaption {
        height: auto;
        display: block;
        align-items: center;
        justify-content: center;
        margin: 2em auto;
    }

    .home_page .side-nav__arrow {
        display: none;
    }

    .home_page .blog_sh img {
        width: 553px;
        height: auto;
    }

    .home_page .title_news {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .home_page .single__item--layout_6 .single__layout__row .head {
        padding-bottom: 3rem;
        text-align: center;
    }
}

.home_page .in_contentTab_themes {
    display: none;
    width: 100%;
    height: 100%;
}

    .home_page .in_contentTab_themes.active_themes {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.home_page .contentTab_themes > img {
    width: 100%;
    height: 100%;
}

.home_page .content {
    padding-top: 0;
    padding-bottom: 0;
}


.home_page .img-block {
    width: auto;
    cursor: pointer;
    position: relative;
}

.home_page .menu_bocaveli, .home_page .header {
    background: #ffffff14;
}

.home_page .font_fa {
    color: #ffffff;
}

.home_page .side-nav__social {
    position: absolute;
    right: 2vw;
    top: 46vh;
    z-index: 8;
}

.home_page .side-nav__icon-svg {
    height: 1.4rem;
    margin-left: 0;
    margin-bottom: 5px;
}

.home_page .is-scrolled .menu_bocaveli, .home_page .is-scrolled .header {
    background: #0e1216;
}

.home_page .is-scrolled .header__logo {
    filter: invert(1);
}

.home_page .header__logo {
    right: 2vw;
    /*filter: invert(1);*/
}

.home_page .btm_text {
    position: fixed;
    z-index: 8;
    bottom: 0;
    right: 0;
    left: 0;
    width: 50%;
    margin: 0 auto;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .home_page .btm_text p {
        color: #fff;
        font-size: 16px;
        opacity: 1;
        line-height: 29px;
    }

.home_page .btm_img {
    position: fixed;
    bottom: 5vh;
    right: 1.4vw;
    z-index: 7;
    width: 433px;
}

    .home_page .btm_img ul {
        display: flex;
        align-items: center;
    }

    .home_page .btm_img li {
        width: 250px;
        height: 100px;
        margin-right: 1em;
    }

        .home_page .btm_img li img {
            height: 100%;
            width: 100%;
        }

@media (orientation: landscape) {
    .home_page .slide_two .card-info {
        width: 100%;
        max-width: 100%;
        height: 22vh;
        margin: 0;
        padding: 0;
        border-right: unset;
        border-bottom: 1px solid #e0e0e0;
    }

    .home_page .slide_two .card-info-logo {
        height: auto;
    }

    .home_page .slide_two img {
        width: 100%;
        margin: 0 auto;
        height: 300px;
    }
}

.home_page .blog_sh {
    margin-right: 0 !important
}

.home_page .slide_four .single__layout {
    align-items: center;
    flex-direction: unset;
    padding-right: 0;
}

.home_page .flex_img {
    display: flex;
    height: auto;
}

    .home_page .flex_img img {
        width: 250px;
        height: 200px;
        margin-right: 1em;
        opacity: 0.6;
        transition: all 1000ms;
    }

        .home_page .flex_img img:hover {
            opacity: 1;
            transition: all 1000ms;
        }
/*.flex_img .figure {
                margin-right: 1em;
            }*/

.home_page .caption_prj {
    width: 250px;
    color: #000;
    font-size: 15px;
    height: 58px;
    margin-top: 13px;
    font-family: Aileron-light;
}

.home_page .slide_four .head {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 39.5vh;
}

.home_page .img_big {
    width: 100%;
    padding-left: 0 !important;
    height: 47%;
    margin-bottom: 2em;
}

    .home_page .img_big figure {
        width: auto;
        height: 277px;
    }

    .home_page .img_big img {
        width: 515px;
        height: 96%;
        margin-right: 1em;
    }

.home_page .single__layout {
    padding-left: 0;
}

.home_page .slide_four .single__layout__row {
    width: 100%;
}

.home_page .project_home {
    overflow: hidden;
}

.home_page .txt_prj {
    font-size: 14px;
    color: #9e9e9e;
    font-family: Aileron-light;
    line-height: 22px;
    margin-right: 0;
    overflow: hidden;
    text-align: justify;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
}

.home_page .title_prj {
    color: #fff;
    font-size: 26px;
    margin-top: 0;
    text-align: center;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
}

.home_page .blog_sh {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_page .center_text {
    width: 40vw;
}


/*@media (orientation: landscape) {
                .home_page .slide_five .card-info {
                 border-right: 1px solid rgb(197, 197,197);
            }
        }*/
.home_page .head p {
    font-size: 3.5rem;
    padding-top: 2em;
    text-align: left;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
}

.home_page .slide_four2 {
    width: 51.6rem;
}

.home_page .slide_four {
    width: 38vw;
    padding-left: 4em;
    border-left: 1px solid rgb(54, 54, 54);
    margin-left: 0;
}

.home_page .card-info {
    border-right: unset;
}

.home_page .card-wrapper {
    flex-direction: row;
}

.home_page .project_home .head, .project_home .head p {
    font-size: 3.5rem;
    margin-top: 0;
    text-align: left;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    padding-top: 0.5em;
    color: #fff;
}

@media (orientation: landscape) {
    .home_page .slide_five .card-info {
        width: 45vw;
        min-width: calc(45vw - 60px);
        max-width: calc(45vw - 60px);
        height: 100vh;
        padding: 86px 60px
    }

    .home_page .slide_five .card-info-desc {
        max-width: 400px;
        height: 50%;
        font-weight: normal;
        margin: 0;
        font-family: Aileron-light;
    }
}




.home_page .title-project, .home_page .title-project p {
    font-size: 2.5rem;
    margin-top: 0;
    text-align: left;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    padding-top: 0.5em;
}

.home_page .caption_prj p {
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    font-size: 25px;
    color: #fff;
}

.home_page .head .title-project {
    font-size: 3.5rem;
    /*border-bottom: 1px solid #bdbdbd;*/
    line-height: 62px;
    padding: 0;
}

.home_page .title_news {
    font-family: 'Schnyder Cond M Light';
}

.home_page .btm_img p {
    color: #fff;
    position: relative;
    bottom: 8px;
    font-family: 'Schnyder Cond M Light';
}

.home_page .text_bocaveli p {
    letter-spacing: 31px;
    font-family: 'Schnyder Cond M Light';
}

.home_page .slide_one .img_bx::after {
    background-color: rgb(0 0 0 / 47%);
}

.home_page .side-nav .side-nav__social {
    position: absolute;
    left: 6.7vw;
    top: 57vh;
    z-index: 8;
}

.home_page .menu_bocaveli img {
    margin-top: 1em;
}

.home_page .slide_two .card-info-logo, .home_page .card-info-logo .title_news {
    color: #fff !important;
}

.home_page .slide_two .bold {
    color: #b8b8b8;
    font-weight: bold;
}

.home_page .card-info {
    color: #6e6e6e;
}

.home_page .desc_news {
    color: #7e7e7e;
}

.home_page .item_newsT {
    border-right: 1px solid #c8c8c8;
}

.home_page .slide_four .head {
    height: 36.8vh;
}

.home_page .slide_four2.single__item {
    margin-left: 0;
}

.home_page .item_newsT picture {
    transform: translateY(-30px);
    transition: all 900ms;
}

.home_page .item_newsT.is-inview picture {
    transform: translateY(0px);
    transition: all 900ms;
}

.home_page .BTm.item_newsT picture {
    transform: translateY(30px);
    transition: all 900ms;
}

.home_page .BTm.item_newsT.is-inview picture {
    transform: translateY(0px);
    transition: all 900ms;
}


.home_page .card-info-logo .slide_two .title_news {
    width: 153px;
}

.home_page .container__left {
    width: 37.5vw;
}

.home_page .container__left {
    display: flex;
    align-items: flex-end;
    position: relative;
}

.home_page .intro-page__container {
    padding: 50px 0 30px;
}

.home_page .desc_bocaveli {
    color: #ababab;
    font-size: 15px;
    line-height: 23px;
    width: 82%;
    font-family: Aileron-Light;
}

.home_page .box-link, .home_page .box-link__container {
    display: flex;
    align-items: flex-end;
}


.home_page .container__right {
    justify-content: space-between;
}

.home_page .container__right {
    padding: 0;
    display: flex;
}

.home_page .container--double .container__right {
    padding-bottom: 50px;
}

.home_page .container__left, .home_page .container__right {
    width: 50%;
    height: 100%;
    padding: 70px 5vw;
    padding-left: 0;
}

.home_page .box-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.home_page .box__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
    opacity: 0;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}

.home_page .text-rotate {
    position: absolute !important;
    top: 0;
    transform: rotate(270deg) translateX(-100%) translateY(-10px);
    transform-origin: 0 0;
    overflow: hidden;
}

.home_page .box-link, .home_page .box-link__container {
    display: flex;
    align-items: flex-end;
}

.home_page .box-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    z-index: 2;
}

.home_page .box-link__container {
    justify-content: space-between;
    padding-bottom: 60px;
    width: 100%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}


    .home_page .box-link__arrow, .home_page .box-link__container .text-rotate {
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        font-family: Aileron-Light;
    }

    .home_page .box-link__container .text-rotate {
        font-size: 14px;
        bottom: 60px;
    }

.home_page .box-left .text-rotate, .home_page .box-right .text-rotate {
    left: 30px;
    bottom: 46%;
    color: #fff;
    top: auto;
    font-size: 13px;
}

.home_page .text-rotate {
    position: absolute !important;
    top: 0;
    transform: rotate(270deg) translateX(-100%) translateY(-10px);
    transform-origin: 0 0;
    overflow: hidden;
}

.home_page .box-link__container p {
    font-size: 23px;
    padding-left: 50px;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    color: #fff;
}

.home_page .box-link__arrow {
    width: 18px;
    min-width: 18px;
    transform: translateX(40px);
    opacity: 0;
}

.home_page .box-link__arrow, .home_page .box-link__container .text-rotate {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.home_page .box-left, .home_page .box-right {
    height: calc(100% - 50px);
}

.home_page .box-right {
    margin-top: 26px;
}

.home_page .box {
    width: calc(50% - 15px);
    position: relative;
    overflow: hidden;
}

    .home_page .box:hover .box-img {
        transform: scale(1.14);
    }


    .home_page .box:hover .box__overlay {
        opacity: .6;
    }

    .home_page .box:hover .box-link__container {
        transform: translateX(-15px);
    }

.home_page .box-link__arrow, .box-link__container .text-rotate {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.home_page .box:hover .box-link__container .text-rotate {
    left: -30px;
    opacity: 0;
}

.home_page .container--double {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    padding: 2em 4em;
    padding-bottom: 0;
}

.home_page .intro-page__title {
    font-size: 3.5rem;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    color: #fff;
}

.home_page .mono.num {
    bottom: 4.3vh;
    left: 17px;
}

.home_page .box:hover .box-link__arrow {
    transform: translateX(-96px);
    opacity: 1;
    color: #fff;
}

.home_page .box .box-link__arrow svg {
    fill: #fff;
}

.home_page .slide_one {
    width: 100rem;
    padding: 0;
}

    .home_page .slide_one .img_bx img {
        width: 100%;
        height: 100vh;
    }

.home_page .project_home p {
    font-family: 'Schnyder Cond M Light' !important;
    letter-spacing: 1px;
    font-style: italic;
}

.ng-star-inserted .animTop1::before {
    background-color: #ffffff;
}
/* end-home-page */

/* project-show */

.project_show .single__item--layout_4 .single__layout__row:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
}

.project_show .menu_bocaveli img {
    margin-top: 1.5em;
}

.project_show .single__next {
    padding-left: 18rem;
}


.project_show .h3, .project_show h3 {
    font-family: Aileron-Regular;
    font-style: unset;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: .02em;
    color: #333;
}

.project_show .circle_menu_box {
    z-index: 99;
    position: absolute;
    width: 60%;
    height: auto;
    transform: rotate(0);
}

    .project_show .circle_menu_box img {
        width: 100%;
        height: 100%;
    }

.project_show .active_themes .circle_menu_box {
    transition: all 500ms;
}

    .project_show .active_themes .circle_menu_box.rotate_active {
        transform: rotate(25deg);
        transition: all 500ms;
        transition-delay: 0.5s;
    }

.project_show .circle_menu {
    transform: rotate(0);
    transition: all 500ms;
}

.project_show .active_themes .circle_menu {
    transform: rotate(25deg);
    transition: all 500ms;
    transition-delay: 1s;
}

.project_show .content {
    padding-top: 0;
    padding-bottom: 0;
}


.project_show .img-block {
    width: auto;
    cursor: pointer;
    position: relative;
}

.project_show .single__item--image img {
    width: 30vw;
}

.project_show .single__heading .h1 h1,
.project_show .single__heading .h1 h2,
.project_show .single__heading .h1 h3,
.project_show .single__heading .h1 h4,
.project_show .single__heading .h1 h5,
.project_show .single__heading .h1 h6,
.project_show .single__heading .h1 p {
    font-size: 5.5rem;
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
}

.project_show .single__heading .h1 {
    margin-top: 5px;
}

.project_show .single__layout .head p {
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
}

.project_show .single__item--layout_6 .head p {
    font-family: 'Schnyder Cond M Light';
    letter-spacing: 1px;
    font-style: italic;
    height: 36vh;
}

.project_show .desc_prj {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.project_show .layout_4 strong {
    color: #a5a5a5;
}


.single__item--layout_4 .single__heading {
    width: 69%;
}


/* end-project-show */

/*menu*/
.menu_hover #menu35 + label div:first-child {
    transition: width 0.15s 0.15s, top 0.15s, right 0.15s, transform 0.15s;
}

.menu_hover label div:first-child {
    top: 0;
    left: 1px;
    width: 1.5px;
    height: 40px;
}

.menu_hover div, .menu_hover div:before, .menu_hover div:after {
    background: #ffffff;
    position: absolute;
    width: 1.5px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.5s;
}

.menu_hover #menu35 + label div:nth-child(2) {
    transition: transform 0.15s;
}

.menu_hover label div:nth-child(2) {
    top: 0px;
    left: 11px;
    transition: all 900ms;
}


.menu_hover #menu35 + label div:nth-child(3) {
    right: 0;
    transition: width 0.15s 0.15s, top 0.15s, right 0.15s, transform 0.15s;
}

.menu_hover label div:nth-child(3) {
    top: 0;
    left: 20px;
    width: 1.5px;
    height: 40px;
}

.menu_hover {
    position: absolute;
    z-index: 8888;
    top: 50vh;
    left: 1em;
    width: 1.5vw;
    height: 40px;
    cursor: pointer;
}

    .menu_hover:hover label div:nth-child(2) {
        top: 10px;
        transition: all 900ms;
    }

.is-active.menu_hover {
    top: 6vh;
}

.menu_hover.is-active label div:first-child {
    top: 0;
    left: 21px;
    height: 30px;
    transform: rotate(320deg);
}

.menu_hover.is-active label div:nth-child(3) {
    top: 0;
    left: 20px;
    width: 1.5px;
    height: 30px;
    transform: rotate(40deg);
}

.menu_hover.is-active label div:nth-child(2) {
    display: none
}

.menu_bocaveli a {
    text-transform: unset;
    font-family: 'Aileron-Light' !important;
    font-style: unset;
    font-size: 2.7rem;
    line-height: 23px;
    letter-spacing: 0;
    color: #fff;
}
/*end_menu*/
@media screen and (max-width: 980px) {
    .project_show .single__item--layout_4 .single__layout__row:nth-child(2) img {
        width: 100%;
        height: auto;
    }

    .project_show .single__next {
        padding-left: 0;
    }

    .single__next figure {
        justify-content: center !important;
        margin-top: 1.5rem !important;
    }

    .single__next .head {
        padding-left: 0;
    }

    .single__next figure.img-landscape img {
        max-width: unset !important;
        max-height: unset !important;
        width: 70% !important;
        height: auto !important;
        margin: 0 auto;
        padding: 0;
    }

    .single__next {
        width: 100%;
        height: auto;
        padding-left: 0;
        margin-left: 0;
        padding-top: 4rem !important;
        text-align: center;
    }

    .project_show .single__item--image img {
        width: 100%;
    }

    .project_show .single__intro {
        padding: 3rem 0;
    }

    .project_show .single__item--layout_6 .single__layout__row .head {
        width: 100%;
    }

    .project_show .single__item--layout_6 .single__layout__row .head,
    .project_show .single__item--layout_7 .single__layout__row .head {
        padding-bottom: 1rem;
    }

    .project_show .single__item--layout_1 img,
    .project_show .single__item--layout_2 img,
    .project_show .single__item--layout_5 img,
    .project_show .single__item--layout_6 img,
    .project_show .single__item--layout_7 img,
    .project_show .single__item--layout_8 img {
        width: 100%;
        height: auto;
    }

    .project_show .single__item--layout_4 .single__layout__row:nth-child(2) {
        display: block;
    }

    .about_one {
        width: 100%;
    }

    .single__heading .desc_about {
        margin-bottom: 1vh;
    }

    .single__heading .h3 {
        top: 0;
        margin-bottom: .5em;
        margin-top: 0;
    }

    .single__hero {
        width: 100%;
        height: 100%;
    }

    .single--about .single__hero img {
        width: 100% !important;
        height: auto;
    }

    .about_page .services_section {
        padding: 0;
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 1em;
    }

    .about_page .item.text-white {
        font-size: 1.5rem;
        height: 50vh;
    }

    .logo_left {
        position: unset;
        display: none;
    }

    .menu_bocaveli {
        position: relative;
        width: 100%;
        right: unset;
        height: 80px;
    }

    .font_fa {
        display: none;
    }

    .menu_bocaveli .menu-button {
        top: 12px;
        transform: unset;
    }

    main {
        padding: 0;
    }

    .blog_list_page .single__intro {
        padding: 1em 0;
    }

    .blog_list_page .news_list.single__item {
        margin-top: 2vh;
        padding: 0 1em;
        margin-bottom: 2em;
    }

    .single--about .single__intro {
        padding: 0 !important;
    }

    .single--about .single__hero img {
        width: 100%;
        margin-right: 0;
    }

    .single--about .single__item--layout_1,
    .single--about .single__item--layout_3,
    .overview--presse {
        padding: 0 !important;
    }

    .blog_show .layout_2 .Date_news {
        padding-top: 4vh;
        width: 100%;
        text-align: center;
    }

    .blog_show .single__hero {
        width: 100%;
        height: auto;
        margin-bottom: 1em;
    }

    .blog_show .img_80 img {
        width: 100% !important;
        height: auto !important;
    }

    .single--about .single__item--layout_1 img {
        width: 100% !important;
        height: auto !important;
    }

    .overview--presse .overview__title {
        display: none !important;
    }

    .blog_show .single__heading .h3 {
        height: auto;
        position: unset;
    }

        .blog_show .single__heading .h3 p {
            font-size: 2.5rem;
            line-height: 35px;
        }

    .single.single--about .rich-text h4 {
        width: 100%;
        max-width: 100%;
    }

    .single__container {
        padding: 0 1em;
    }

    .contact .h3, .contact h3 {
        font-size: 2.5rem;
    }

    .contact__text {
        margin-top: 2rem;
    }

    .contact__content {
        padding: 2rem 1.5rem 8rem;
    }

    .contact__image img {
        width: 100%;
        height: auto;
    }

    .slide_one img {
        width: 100vw;
        height: auto;
    }

    .home_page .single__intro {
        width: 100% !important;
        padding: 0;
    }

    .home_page .card-info-logo .title_news {
        font-size: 2rem;
        margin-bottom: 13px;
        margin-top: 0;
    }

    .card-info-logo {
        margin: 0 auto;
    }

    .home_page .side-nav__social {
        display: none;
    }

    .home_page .blog_sh img {
        width: 100%;
        height: auto;
    }

    .home_page .center_text {
        width: 100%;
    }

    .home_page .slide_four {
        width: 100%;
        padding-left: 0;
        border-left: 1px solid rgb(54, 54, 54);
        margin-left: 0;
        display: none;
    }

    .home_page .img_big img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 2em;
    }

    .home_page .flex_img {
        display: block;
        width: 100%;
        height: auto;
    }

    .home_page .slide_four2 {
        width: 100%;
    }

    .home_page .flex_img img {
        width: 100%;
        height: auto;
    }

    .home_page .side-nav__legal {
        position: unset;
    }

    .home_page .btm_text {
        width: 100%;
    }

    .slide_one img {
        width: 100%;
    }

    .home_page .btm_img ul {
        display: none;
    }



    .header__logo {
        filter: invert(1);
    }

    .home_page .btm_text p {
        font-size: 14px;
        opacity: 1;
        line-height: 19px;
    }

    .home_page .img_big {
        margin-bottom: 0;
    }

    .single__layout {
        padding: 0 !important;
    }

    .home_page .side-nav__link {
        display: none;
    }

    .home_page .side-nav__bottom {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .header__logo {
        filter: invert(1);
        display: block !important;
        left: 1em;
        top: 0.5em;
    }

    .navigation ul {
        margin: 0;
    }

    .menu_bocaveli .menu__left {
        margin-top: 10vh;
        padding: 1em;
    }

    .width_500 {
        width: 100% !important
    }

    .width_500_l {
        width: 100% !important;
        margin-left: 0;
    }

    .is-scrolled .header__logo, .header__logo {
        filter: invert(1);
    }

    .home_page {
        color: #838383;
    }

        .home_page .blog_sh {
            margin-top: 1em;
        }

        .home_page .card-info-desc {
            margin-bottom: 1em;
        }
}

.home_page .t-tiny img {
    width: 50px;
    margin-right: 5px;
    opacity: 1;
    margin-bottom: 5px;
}

@media screen and (min-width: 1700px) {
    .about_page .single__hero {
        width: 64vw;
    }

    .about_page .card-info-arrow {
        bottom: 32vh;
    }

    .about_page .service_item {
        height: 40vh;
    }

    .about_page .pcarousel-sidebar-arrow {
        right: 40px;
        top: 46vh;
    }

    .about_page .bg-full, .about_page .hover-bg {
        height: 100vh;
    }

    .about_page .single__next .head {
        width: 270px;
    }

    .about_page .img_about_big {
        width: 100vw !important;
    }

    .menu_hover {
        left: 1.5em;
    }

        .menu_hover label div:nth-child(3) {
            left: 22px;
        }

    .font_fa {
        left: 2.5em;
    }

    .menu_bocaveli a {
        line-height: 37px;
    }

    .home_page .blog_sh img {
        width: auto;
        height: 88vh;
    }

    .home_page .slide_two img {
        width: 100%;
        height: auto;
    }

    .home_page .single__intro {
        padding-bottom: 5rem;
    }

    .home_page .slide_five .card-info-desc {
        height: 41%;
    }

    .home_page .width_500_l {
        width: auto !important;
    }

    .home_page .item_newsT figure img {
        width: auto;
        height: 100%;
    }

    .home_page .width_500 {
        width: auto !important;
    }

    .home_page .img_big img {
        width: 515px;
        height: 100%;
    }

    .home_page .flex_img img {
        width: 305px;
        height: 200px;
    }

    .home_page .img_big {
        height: 53vh;
    }

        .home_page .img_big figure {
            width: auto;
            height: 43vh;
        }

        .home_page .img_big img {
            width: 630px;
            height: 100%;
        }

    .home_page .flex_img img {
        width: 300px;
        height: 200px;
        margin-right: 1.5em;
    }

    .project_home p {
        font-size: 3.5rem;
    }

    .home_page .side-nav .side-nav__social {
        top: 47.5vh;
    }
}




@media screen and (max-width: 980px) {
    .menu_hover {
        transform: rotate(90deg);
        position: absolute;
        z-index: 8888;
        top: 1em;
        left: unset;
        right: 2em;
    }

    .about_page .services_section img {
        width: 100% !important;
        margin: 0 auto;
    }

    body {
        padding-top: 0 !important;
    }

    .product_cat .swiper-slide img {
        width: auto;
        height: auto;
    }

    .box-sh-pro {
        padding: 0 .5em !important;
        padding-right: 0;
        display: block !important;
    }

    .c-double-image__right {
        padding-left: 0 !important;
    }


    .sh_big_size .header__logo {
        width: 149px;
    }

    .sh_big_size .o-section__content {
        overflow: hidden;
    }

    .page-template .single__item--layout_1 {
        width: 100% !important;
    }

    .product_list1 .overview__slider {
        padding-bottom: 0;
    }

    .product_list1 .overview__row {
        display: block;
    }

    .product_list1 .overview__heading {
        display: block;
        margin-top: -3em;
        margin-bottom: 1em;
    }

    .menu_bocaveli .is-active .navigation li:last-child {
        bottom: 10vh;
    }
    .no-touchevents .overview .swiper-slide:hover img {
        transform: unset;
    }
    .product_show .light-gray .swiper::before {
        display: none
    }

    .product_show .light-gray .swiper {
        margin-left: 0 !important;
    }

    .product_show .c-double-image__right {
        width: 100%;
    }

    .product_show .transition-fade .swiper-container {
        width: 100%;
        height: 50%;
    }

    .product_show .c-double-image__left {
        width: 50%;
    }

    .product_show .c-double-image__right {
        width: 50%;
    }

    .product_show .c-double-image {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: initial;
    }

    .product_show .c-double-image__right {
        padding-left: 0;
        padding-top: 0;
        width: 50%;
    }

    .product_show .c-double-image-navigation {
        width: 100%;
    }

    .product_show .image-accordion .accordion-title::before {
        top: calc(50% - 59px + 17px);
        right: 45%;
    }

    .product_show .light-gray .swiper-button-next, .product_show .light-gray .swiper-button-prev {
        top: 0;
    }

    .product_show .light-gray .swiper-button-prev {
        right: 18vw;
    }

    .product_show .product_related .swiper-button-next, .product_show .product_related .swiper-button-prev {
        top: 6%;
    }

    .product_show .box-sh-pro .title_productt {
        margin-bottom: 0.5em;
    }
}