/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Sphynx.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 17-04-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - CREATIVE DESIGN */
/* 03 - FLAT DESIGN */
/* 04 - MAIN LENDING */
/* 05 - CORPORATE */
/* 06 - APP */
/* 07 - CAREER */
/* 08 - SPA */
/* 09 - REAL ESTATE */
/* 10 - RESTAURANT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:500,900,100,300,700,400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    height: 100%;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #000;
    background-color: #fff;
    overflow-x: hidden;
}


a {
    text-decoration: none;
    outline: none;
    color: #fff;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    a:focus, a:hover {
    color: #D97C78;
    text-decoration: none;
}

    a img {
        border: 0px none;
    }

    a:hover {
        outline: none;
    }

    a:active {
        outline: none;
        text-decoration: none;
    }

    a:focus {
        outline: none;
        outline-offset: 0px;
        text-decoration: none;
        color: #fff;
    }

.clear {
    clear: both;
    overflow: hidden;
    height: 0px;
    font-size: 0px;
}

.clear_l {
    clear: both;
}


.txtsmall {
  color: #009688;
  font-weight: 500;
  font-size: 195%;
  line-height: 35px;
  text-shadow: -1px 1px black;
  margin: 0;
  padding: 10px 20px !important;
  background-color: rgba(46, 220, 204, 0.18);
}


ul {
    padding: 0px;
    margin: 0px;

    font-family: :'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 9.0px;
    line-height: 1.5em;
    color: #555555;
    -webkit-font-smoothing: antialiased;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
    box-shadow: none;
}

::-webkit-input-placeholder {
    color: #8b8b8b;
    opacity: 1;
}

::-moz-placeholder {
    color: #8b8b8b;
    opacity: 1;
}

:-moz-placeholder {
    color: #8b8b8b;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #8b8b8b;
    opacity: 1;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
    padding: 0px;
}

article, section, footer, header, figure, aside, hgroup, nav {
    display: block;
}

header, nav, article, footer, section, aside, figure, figcaption {
    display: block;
}

button {
    outline: none;
    border: none;
    box-shadow: none;
}

input, textarea {
    -webkit-appearance: none;
}

/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/

.bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .bg img {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .bg video {
        position: absolute;
    }

.bg-bg {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-bg-bag {
    background-attachment: scroll;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: relative;
}

.bg-bg-chrome {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: fixed;
}

    .bg-bg-chrome.act {
        position: absolute;
    }

.clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%;
}

.full-width {
    position: relative;
    float: left;
    width: 100%;
}

.vertical-center {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-align {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    text-align: center;
    width: 100%;
}

.center_img {
    position: absolute;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform,left,top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform,left,top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform,left,top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-container {
    height: inherit;
}

.swiper-slide {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}

/*------------------------------------------------------*/
/*----------------------TEXT----------------------------*/

h1 {
    font-size: 48px;
    line-height: 50px;
    color: #000;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    line-height: 45px;
    font-weight: 300;
}

h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}

h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

h5 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 100;
}

h6 {
    font-size: 11px;
    line-height: 16px;
}

p {
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
}

a {
    font-weight: 400;
}

ul {
    position: relative;
    float: left;
    font-family: 'Roboto', sans-serif;
}

    ul li {
        font-size: 15px;
        line-height: 25px;
        font-family: 'Roboto', sans-serif;
    }

        ul li a:hover {
            text-decoration: none;
            transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
        }

input {
    font-size: 14px;
    border: none;
    background: none;
    transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}

textarea {
    font-size: 13px;
    line-height: 26px;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #aaa;
    text-transform: uppercase;
    padding-left: 5px;
    padding-bottom: 10px;
    background: none;
}

iframe {
    border: none;
}

q {
    font-size: 24px;
    line-height: 50px;
    color: #000;
    font-style: italic;
}

i {
    font-size: 13px;
    text-transform: uppercase;
    font-style: italic;
}

.text-left {
    text-align: left;
}

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

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

.bg-pink {
    background: #ef3e53;
}

.bg-dark {
    background: #082235;
}

.bg-yellow {
    background: #f4b400;
}

.bg-yellow-2 {
    background: #ffc000;
}

.bg-white {
    background: #fff;
}

.bg-grey-white {
    background: #e1e9ec;
}

.bg-grey {
    background: #eeeded;
}

.bg-dark-blue {
    background: #27282d;
}

.bg-dark-main {
    background: #121212;
}

.bg-dark-main-1 {
    background: #0b253b;
}

.bg-corpor-1 {
    background: #74a2a2;
}

.bg-grey-1 {
    background: #f1f5f5;
}

.bg-grey-2 {
    background: #e4e4e4;
}

.bg-grey-3 {
    background: #f5f5f5;
}

.bg-grey-4 {
    background: #f7f7f7;
}

.bg-blue {
    background: #c8d7d4;
}

.bg-blue-1 {
    background: #e9f1ef;
}

.dark-button {
    background: #4d9de0;
}

.bg-braun {
    background: #af9876;
}

.bg-red {
    background: #ff0f0f;
}

.col-dark {
    color: #000;
}

.color-white {
    color: #fff;
}

.col-yellow {
    color: #ffc000;
}

.col-l-blue {
    color: #c8d7d4;
}

.col-blue {
    color: #009ddc;
}

.col-pink {
    color: #e74653;
}

.col-red {
    color: #ff0f0f;
}

.col-braun {
    color: #af9876;
}

.color-dark {
    color: #082235;
}

.col-grey {
    color: #8b8b8b;
}

.b-dark-col {
    color: #20272b;
}

.no-pad {
    padding-left: 0px;
    padding-right: 0px;
}

.f-medium {
    font-weight: 500;
}

.f-bold {
    font-weight: 700;
}

.f-light {
    font-weight: 300;
}

.f-normal {
    font-weight: 400;
}

.fl-none {
    float: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.border-white {
    border-color: #fff;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.anim {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.tt {
    text-transform: uppercase;
}

.f-height {
    height: 100vmin !important;
}

.drop {
    position: absolute;
    display: block;
    height: 35px;
    z-index: 5;
    width: 100%;
    left: 0px;
    top: 0px;
}

    .drop b {
        position: relative;
        float: left;
        width: 100%;
        height: 35px;
        padding-left: 15px;
        border: 1px solid #fff;
        font-size: 12px;
        cursor: pointer;
        text-transform: capitalize;
        font-weight: 400;
        padding-top: 8px;
        color: #8f8f8f;
    }

    .drop .drop-list {
        position: absolute;
        right: 16px;
        top: 6px;
        font-size: 16px;
        color: #8f8f8f;
    }

    .drop span {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        display: none;
        z-index: 50;
        border: 1px solid #fff;
    }

.drop-list.act {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    z-index: 51;
    margin-top: 4px;
}

.drop span a {
    color: #8f8f8f;
    background: #e4e4e4;
    font-size: 12px;
    font-weight: 400;
    float: left;
    position: relative;
    width: 100%;
    height: 35px;
    text-decoration: none;
    text-align: left;
    padding: 8px 0 0 15px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    z-index: 52;
    text-transform: capitalize;
}

    .drop span a:hover {
        background: #606060;
        color: #fff;
    }

/*------------------------------------------------------*/
/*----------------------LOADER----------------------------*/

.loader {
    position: fixed;
    z-index: 6000;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.loader6 {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #000;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-animation: loader6 1s ease-in-out infinite;
    animation: loader6 1s ease-in-out infinite;
    -moz-animation: loader6 1s ease-in-out infinite;
    -ms-animation: loader6 1s ease-in-out infinite;
}

    .loader6:before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0, .5);
        top: 0px;
        left: -25px;
        height: 12px;
        width: 12px;
        border-radius: 12px;
    }

    .loader6:after {
        content: "";
        position: absolute;
        background-color: rgba(0, 0,0,.5);
        top: 0px;
        left: 25px;
        height: 12px;
        width: 12px;
        border-radius: 12px;
    }

.align-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

@-webkit-keyframes loader6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
}

@-moz-keyframes loader6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
}

@keyframes loader6 {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

    100% {
        transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
}

/*------------------------------------------------------*/
/*----------------------BUTTON----------------------------*/

.main.fix {
    overflow-y: hidden;
}

.main-button {
    position: relative;
    background: none;
    z-index: 5;
    letter-spacing: 2px;
    float: none;
    display: inline-block;
    padding: 15px 50px;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 30px;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    .main-button:after {
        position: absolute;
        content: '';
        z-index: -1;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #000;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .main-button:hover {
        color: #fff;
        border: 2px solid rgba(0,0,0,0);
    }

        .main-button:hover:after {
            opacity: 1;
            height: 150px;
        }

.main-caption p {
    padding: 38px 0px 35px;
}

.main-button-sq {
    position: relative;
    z-index: 5;
    letter-spacing: 2px;
    float: none;
    display: inline-block;
    padding: 15px 30px;
    overflow: hidden;
    border: 2px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    .main-button-sq:after {
        position: absolute;
        content: '';
        z-index: -1;
        width: 101%;
        height: 101%;
        top: 0%;
        left: 0%;
        background: #fff;
        -webkit-transform: translateX(-110%);
        -moz-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        transform: translateX(-110%);
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .main-button-sq:hover:after {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .main-button-sq:hover {
        color: #000;
    }

.app-button {
    position: relative;
    float: left;
    background: #fff;
    border-radius: 15px;
    height: 75px;
    width: 250px;
    color: #000;
}

    .app-button a {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .app-button span {
        font-size: 50px;
        color: #af9876;
        background: #c8d7d4;
        position: absolute;
        left: -2px;
        top: 0px;
        width: 72px;
        height: 100%;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        padding: 10px 15px;
    }

.button-txt {
    padding-left: 93px;
    position: relative;
    float: left;
}

    .button-txt p {
        font-size: 15px;
        padding-top: 10px;
        font-weight: 400;
        padding-bottom: 3px;
    }

.app-button:hover {
    background: #000;
    color: #fff;
}

    .app-button:hover span {
        color: #c8d7d4;
        background: #af9876;
    }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - CREATIVE DESIGN */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.scrollto {
    position: relative;
    float: left;
    width: 100%;
}

.top-baner {
    position: relative;
    width: 100%;
    height: 54px;
    background: #000;
}

    .top-baner .top-link {
        position: relative;
        float: left;
        padding-top: 20px;
    }

        .top-baner .top-link li {
            position: relative;
            float: left;
            border-right: 1px solid #7e7e7e;
            padding: 0px 20px;
        }

            .top-baner .top-link li:last-child {
                border-right: 0px none;
            }

            .top-baner .top-link li:first-child {
                padding-left: 0px;
            }

            .top-baner .top-link li a {
                font-size: 12px;
                color: #7e7e7e;
                position: relative;
                float: left;
                margin-top: -5px;
            }

                .top-baner .top-link li a:hover {
                    color: #fff;
                }

    .top-baner span {
        color: #7e7e7e;
        font-size: 12px;
        font-weight: 400;
        position: relative;
        float: left;
        margin-top: -5px;
    }

.top-icon {
    position: relative;
    float: left;
    font-size: 14px;
    color: #7e7e7e;
    padding-right: 10px;
}

.dropdown {
    position: relative;
    text-align: center;
    float: right;
    display: block;
    height: 50px;
    width: 100px;
    margin-top: 3px;
    padding-left: 0px;
    padding-top: 15px;
    z-index: 501;
}

    .dropdown.bgg {
        background: #ebebeb;
    }

    .dropdown .check {
        position: relative;
        width: 100%;
        background: none;
        font-size: 12px;
        cursor: pointer;
        color: #7e7e7e;
        text-transform: uppercase;
        font-style: normal;
    }

    .dropdown .drop-list {
        position: absolute;
        right: 5px;
        top: 12px;
        font-size: 12px;
        color: #7e7e7e;
        text-transform: capitalize;
        overflow: hidden;
    }

    .dropdown .list {
        position: absolute;
        left: -50px;
        top: 51px;
        width: 150px;
        height: 95px;
        background: #ebebeb;
        padding: 0px 20px 5px;
        display: none;
    }

        .dropdown .list.act {
            display: block;
        }

    .dropdown.act {
        z-index: 6000;
    }

    .dropdown .list a {
        color: #000;
        padding: 12px 0px;
        font-size: 12px;
        float: left;
        position: relative;
        width: 100%;
        height: 20px;
        text-decoration: none;
        text-align: left;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        text-transform: capitalize;
    }

        .dropdown .list a:hover {
            color: #7e7e7e;
        }

        .dropdown .list a.color {
            color: #7e7e7e;
        }

    .dropdown .drop-list .fa {
        font-weight: 700;
    }

    .dropdown .list a span {
        position: relative;
        float: right;
        font-size: 14px;
        color: #7e7e7e;
        display: none;
    }

        .dropdown .list a span.visi {
            display: block;
        }

header {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 5000;
    backface-visibility: hidden;
}

.logo {
    position: relative;
    float: left;
    margin-top: 33px;
}

.mobile-icon {
    position: relative;
    float: right;
    margin-top: 34px;
    border: 2px solid #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 50;
}

.nav-menu-icon {
    position: absolute;
    top: 15px;
    left: 11px;
}

    .nav-menu-icon a {
        display: inline-block;
        width: 24px;
        height: 24px;
        cursor: pointer;
        text-decoration: none;
    }

        .nav-menu-icon a i {
            position: relative;
            display: inline-block;
            width: 24px;
            height: 3px;
            color: #000;
            font: bold 14px/.4 Helvetica;
            text-transform: uppercase;
            text-indent: -55px;
            background: #000;
            transition: all .2s ease-out;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -ms-transition: all .2s ease-out;
        }

            .nav-menu-icon a i::before, .nav-menu-icon a i::after {
                content: '';
                width: 24px;
                height: 3px;
                background: #262626;
                position: absolute;
                left: 0;
                transition: all .2s ease-out;
            }

            .nav-menu-icon a i::before {
                top: -7px;
            }

            .nav-menu-icon a i::after {
                bottom: -7px;
            }

        .nav-menu-icon a:hover i::before {
            top: -10px;
        }

        .nav-menu-icon a:hover i::after {
            bottom: -10px;
        }

        .nav-menu-icon a.active i {
            background: none;
        }

            .nav-menu-icon a.active i::before {
                top: 0;
                -webkit-transform: rotateZ(45deg);
                -moz-transform: rotateZ(45deg);
                -ms-transform: rotateZ(45deg);
                -o-transform: rotateZ(45deg);
                transform: rotateZ(45deg);
            }

            .nav-menu-icon a.active i::after {
                bottom: 0;
                -webkit-transform: rotateZ(-45deg);
                -moz-transform: rotateZ(-45deg);
                -ms-transform: rotateZ(-45deg);
                -o-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg);
            }

.navigation {
    position: relative;
    float: left;
    width: 100%;
    height: 119px;
    background: #fff;
}

.creative nav {
    display: block;
    top: 0px;
    margin: -87px auto 0px;
    opacity: 0;
    width: 100%;
    max-width: 1384px;
    background: rgba(255,255,255,0.9);
    text-align: center;
    padding: 125px 0px 245px;
    border: 3px solid #000;
    transform: translateY(-120%);
    -webkit-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transition: transform 0.3s ease-in, opacity 0.8s ease-out;
}

    .creative nav a {
        display: block;
        position: relative;
        color: #000;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        padding: 25px 0px;
    }

    .creative nav.slide-menu {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        opacity: 1;
    }

    .creative nav a.active {
        font-weight: 400;
        color: #999;
    }

.creative .scrollto {
    background: #fff;
}

.bannercontainer {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 173px;
}

.tp-revslider-mainul li {
    position: absolute;
    z-index: -1;
}

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

.main-caption {
    position: absolute;
    z-index: 5;
}

.creative .prev {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 50;
    cursor: pointer;
}

    .creative .prev span {
        font-size: 34px;
        color: #fff;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

        .creative .prev span:hover {
            color: #000;
        }

.creative .next {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 50;
    cursor: pointer;
}

    .creative .next span {
        font-size: 34px;
        color: #fff;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

        .creative .next span:hover {
            color: #000;
        }

.about-section {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 120px;
}

    .about-section h2 {
        padding-bottom: 30px;
    }

    .about-section p {
        padding-bottom: 30px;
    }

    .about-section a {
        text-transform: uppercase;
        font-size: 11px;
        color: #7e7e7e;
        letter-spacing: 2px;
        padding-bottom: 40px;
        display: block;
        position: relative;
    }

.team-block {
    position: relative;
    float: left;
    padding-bottom: 40px;
    width: 100%;
}

    .team-block img {
        width: 100%;
        height: auto;
    }

.team-img {
    position: relative;
    float: left;
    width: 100%;
}

.layer {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
}

    .layer:before {
        opacity: 0;
        width: 130px;
        height: 130px;
        border: 2px solid #fff;
        transform: rotate(45deg) scale(0.5);
        -webkit-transform: rotate(45deg) scale(0.5);
        -moz-transform: rotate(45deg) scale(0.5);
        -ms-transform: rotate(45deg) scale(0.5);
        content: '';
        position: absolute;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .layer a span {
        font-size: 30px;
        color: #fff;
    }

        .layer a span:hover {
            color: #555;
        }

    .layer a:nth-child(1) span {
        transform: translate3d(-60px, -60px, 0);
        -webkit-transform: translate3d(-60px, -60px, 0);
        -moz-transform: translate3d(-60px, -60px, 0);
        -ms-transform: translate3d(-60px, -60px, 0);
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
        -moz-transition: all 0.35s ease-out;
        -o-transition: all 0.35s ease-out;
        -ms-transition: all 0.35s ease-out;
        opacity: 0;
    }

    .layer a:nth-child(2) span {
        transform: translate3d(130px, -60px, 0);
        -webkit-transform: translate3d(130px, -60px, 0);
        -moz-transform: translate3d(130px, -60px, 0);
        -ms-transform: translate3d(130px, -60px, 0);
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
        -moz-transition: all 0.35s ease-out;
        -o-transition: all 0.35s ease-out;
        -ms-transition: all 0.35s ease-out;
        opacity: 0;
    }

    .layer a:nth-child(3) span {
        transform: translate3d(-115px, 150px, 0);
        -webkit-transform: translate3d(-115px, 150px, 0);
        -moz-transform: translate3d(-115px, 150px, 0);
        -ms-transform: translate3d(-115px, 150px, 0);
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
        -moz-transition: all 0.35s ease-out;
        -o-transition: all 0.35s ease-out;
        -ms-transition: all 0.35s ease-out;
        opacity: 0;
    }

    .layer a:nth-child(4) span {
        transform: translate3d(70px, 150px, 0);
        -webkit-transform: translate3d(70px, 150px, 0);
        -moz-transform: translate3d(70px, 150px, 0);
        -ms-transform: translate3d(70px, 150px, 0);
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
        -moz-transition: all 0.35s ease-out;
        -o-transition: all 0.35s ease-out;
        -ms-transition: all 0.35s ease-out;
        opacity: 0;
    }

.team-block:hover .layer:before {
    transform: rotate(135deg) scale(1.8);
    opacity: 1;
}

.team-block:hover .layer a:nth-child(1) span {
    transform: translate3d(18px, 15px, 0);
    -webkit-transform: translate3d(18px, 15px, 0);
    -moz-transform: translate3d(18px, 15px, 0);
    -ms-transform: translate3d(18px, 15px, 0);
    opacity: 1;
}

.team-block:hover .layer a:nth-child(2) span {
    transform: translate3d(70px, 15px, 0);
    -webkit-transform: translate3d(70px, 15px, 0);
    -moz-transform: translate3d(70px, 15px, 0);
    -ms-transform: translate3d(70px, 15px, 0);
    opacity: 1;
}

.team-block:hover .layer a:nth-child(3) span {
    transform: translate3d(-30px, 90px, 0);
    -webkit-transform: translate3d(-30px, 90px, 0);
    -moz-transform: translate3d(-30px, 90px, 0);
    -ms-transform: translate3d(-30px, 90px, 0);
    opacity: 1;
}

.team-block:hover .layer a:nth-child(4) span {
    transform: translate3d(10px, 87px, 0);
    -webkit-transform: translate3d(10px, 87px, 0);
    -moz-transform: translate3d(10px, 87px, 0);
    -ms-transform: translate3d(10px, 87px, 0);
    opacity: 1;
}

.team-title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .team-title h3 {
        padding-top: 30px;
    }

    .team-title h5 {
        padding-top: 2px;
        text-transform: uppercase;
    }

.offerings-section {
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    padding-top: 75px;
}

    .offerings-section h3 {
        padding-bottom: 40px;
    }

.offer-block {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    padding-top: 60px;
}

    .offer-block span {
        font-size: 50px;
        color: #959595;
        padding-bottom: 60px;
    }

    .offer-block h3 {
        padding-bottom: 18px;
    }

.line {
    position: relative;
    float: none;
    display: inline-block;
    width: 45px;
    height: 1px;
    background: #000;
    margin-bottom: 42px;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}

.work {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 60px;
    text-align: center;
    padding-bottom: 130px;
}

    .work h2 {
        padding-bottom: 25px;
    }

    .work .grid-sizer {
        width: 33.333%;
    }

.item {
    width: 33.333%;
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    overflow: hidden;
}

    .item.w-6 {
        width: 66.66%;
    }

    .item img {
        width: 100%;
        height: auto;
    }

.fillter-wrap {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 45px;
}

    .fillter-wrap button {
        padding: 5px 8px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 400;
        color: #000;
        margin: 0px 22px;
        background: none;
        transition: all 0.35s ease-out;
        -webkit-transition: all 0.35s ease-out;
        -moz-transition: all 0.35s ease-out;
        -o-transition: all 0.35s ease-out;
        -ms-transition: all 0.35s ease-out;
    }

        .fillter-wrap button.activbut {
            font-weight: 700;
            background: #ccc;
            color: #fff;
        }

        .fillter-wrap button:hover {
            color: #fff;
            background: #ccc;
        }

.work-layer {
    position: absolute;
    left: -100%;
    top: 25px;
    right: 0px;
    opacity: 0;
    bottom: 25px;
    background: rgba(255,255,255,0.42);
    border: 3px solid #000;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}

.layer-title {
    position: absolute;
    bottom: 40px;
    left: 45px;
    text-align: left;
}

    .layer-title h3 {
        padding-bottom: 10px;
    }

    .layer-title span {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 400;
    }

.item:hover .work-layer {
    left: 25px;
    opacity: 1;
    right: 25px;
}

.work .main-button {
    margin-top: 40px;
}

.no-more {
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 40px;
}

.aword-block {
    position: relative;
    float: left;
    width: 100%;
    background: #f1f1f2;
    padding: 130px 0px;
}

.count-block {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
}

    .count-block h4 {
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .count-block span {
        font-size: 60px;
        font-weight: 400;
        line-height: 60px;
    }

.design-section {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 120px;
}

    .design-section .trend-slider {
        padding-top: 40px;
    }

.trend-slider .pagination {
    display: none;
}

.points-wrapp {
    position: absolute;
    left: 0px;
    bottom: 30px;
    width: 100%;
    height: 55px;
    background: #000;
}

.points {
    position: relative;
    float: left;
    width: 33.3333%;
    cursor: pointer;
    height: 55px;
    text-align: center;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
}

    .points h4 {
        color: #fff;
        text-transform: uppercase;
        padding-top: 18px;
    }

.absolut-point {
    position: absolute;
    background: #898989;
    width: 33.3333%;
    height: 55px;
    left: 0px;
    top: 0px;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
}

.testimonials {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 120px;
}

    .testimonials h2 {
        padding-bottom: 30px;
        text-align: center;
    }

.testi-block {
    position: relative;
    float: left;
    width: 100%;
}

.testi-img {
    position: relative;
    float: left;
    width: 100%;
}

    .testi-img img {
        width: 100%;
        height: auto;
    }

.testi-text {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 15px 0px 0px;
}

    .testi-text p {
        color: #8b8b8b;
        padding-bottom: 10px;
    }

    .testi-text h3 {
        color: #4d4d4d;
        padding: 10px 0px;
    }

    .testi-text .line {
        margin-bottom: 8px;
    }

    .testi-text h6 {
        color: #4d4d4d;
    }

.logotype {
    position: relative;
    float: left;
    width: 100%;
    padding: 110px 0px 60px;
}

    .logotype h2 {
        padding-bottom: 0px;
    }

.logo-wrap {
    position: relative;
    float: left;
    width: 100%;
    padding: 60px 0px;
    text-align: center;
}

    .logo-wrap img {
        vertical-align: middle;
    }

.contact-section {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 80px 0px;
    background: #f1f1f2;
}

    .contact-section h2 {
        padding-bottom: 40px;
    }

    .contact-section input {
        height: 46px;
        border: 1px solid #000;
        font-size: 13px;
        text-transform: capitalize;
        position: relative;
        float: left;
        padding: 0px 15px;
    }

        .contact-section input[type="text"] {
            width: 33.3333%;
            border-right: 0px none;
        }

        .contact-section input[type="email"] {
            width: 66.6666%;
        }

    .contact-section textarea {
        font-size: 13px;
        text-transform: capitalize;
        position: relative;
        float: left;
        width: 100%;
        height: 160px;
        border: 1px solid #000;
        border-top: 0px none;
        padding: 15px;
    }

    .contact-section .main-button {
        margin-top: 40px;
    }

        .contact-section .main-button::after {
            z-index: -1;
        }

    .contact-section .main-button {
        z-index: 2;
    }

        .contact-section .main-button:hover {
            color: #fff;
        }

.post-section {
    position: relative;
    float: left;
    width: 100%;
    padding: 130px 0px 60px;
}

    .post-section h2 {
        padding-bottom: 40px;
        text-align: center;
    }

.post-item {
    position: relative;
    float: left;
    width: 100%;
}

.post-img {
    position: relative;
    float: left;
    width: 100%;
}

    .post-img img {
        width: 100%;
        height: auto;
    }

    .post-img span {
        position: absolute;
        bottom: 20px;
        left: 15px;
        font-size: 11px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
    }

.post-text {
    position: relative;
    float: left;
    width: 100%;
    padding: 60px 0px 0px 20px;
}

    .post-text a h3 {
        color: #000;
        text-transform: none;
        letter-spacing: 0px;
        padding: 0px;
    }

    .post-text .line {
        margin: 10px 0px;
    }

    .post-text p {
        padding-top: 40px;
        padding-bottom: 50px;
        position: relative;
        float: left;
        width: 100%;
    }

    .post-text .read {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #7e7e7e;
        border: 1px solid rgba(255,255,255,0);
        border-radius: 30px;
    }

        .post-text .read:hover {
            border: 1px solid #7e7e7e;
            padding: 8px 15px;
        }

.new-project {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

.fix-title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 160px 0px 175px;
}

    .fix-title span {
        font-size: 36px;
        font-weight: 300;
        color: #fff;
        position: relative;
        float: none;
        display: inline-block;
    }

    .fix-title .main-button {
        border: 2px solid #fff;
        color: #fff;
        top: 12px;
        margin-left: 35px;
        position: relative;
        float: none;
        display: inline-block;
    }

        .fix-title .main-button:after {
            z-index: -1;
            background: #fff;
        }

    .fix-title .main-button {
        z-index: 5;
    }

        .fix-title .main-button:hover {
            color: #000;
        }

.map {
    position: relative;
    float: left;
    width: 100%;
}

.map-canvas {
    position: relative;
    float: left;
    width: 100%;
    height: 545px;
}

footer {
    position: relative;
    float: left;
    width: 100%;
    background: #000;
    clear: both;
}

.footer-share {
    position: relative;
    float: right;
    padding-top: 54px;
}

    .footer-share a {
        font-size: 20px;
        color: #fff;
        margin: 0px 15px;
        position: relative;
        float: left;
    }

        .footer-share a:hover {
            color: #ccc;
        }

.copy {
    position: relative;
    float: left;
    padding: 60px 0px 50px;
}

    .copy span {
        font-size: 12px;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
    }

.pswp__bg {
    background: #fff;
}

.pswp__button--arrow--right {
    left: 0px;
    background: none;
    top: 45%;
}

.pswp__button--arrow--left {
    left: 25px;
}

    .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
        z-index: 5;
        background-color: transparent;
    }

.pswp__button {
    opacity: 1;
}

.pswp__top-bar {
    height: 100%;
    width: 100%;
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background: none;
}

.pswp__button--share {
    width: 100%;
    left: 0px;
    top: 55%;
    width: 50px;
    height: 50px;
}

.pswp__share-tooltip {
    top: 59%;
    left: 0px;
    right: auto;
}

.pswp__counter {
    width: 100%;
    opacity: 1;
    height: 100%;
}

.pswp__top-bar .fa {
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 59%;
    left: 39px;
}

.info-button {
    position: absolute;
    top: 54%;
    left: 33px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    z-index: 5;
}

    .info-button:active {
        color: #000;
    }

    .info-button:focus {
        color: #000;
    }

.career .video-wrapper {
    height: 100%;
}

.video-wrapper {
    position: relative;
    width: 100%;
    height: 100vmin;
    float: left;
    min-height: 650px;
}

iframe.bgvid {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../img/Slider_2.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}

video.bgvid-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

iframe.bgvid-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.full-video .bannercontainer {
    padding-top: 0px;
}

.full-video .main-caption {
    margin-top: 85px;
    color: #fff;
}

    .full-video .main-caption h1 {
        color: #fff;
    }

    .full-video .main-caption .main-button {
        border: 2px solid #fff;
        color: #fff;
    }

        .full-video .main-caption .main-button:hover {
            color: #000;
        }

        .full-video .main-caption .main-button:after {
            background: #fff;
        }

video.bgvid {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../img/Slider_2.jpg) no-repeat;
    background-size: cover;
}

.v-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 2;
}

.soon {
    position: relative;
    width: 100%;
    height: 100%;
}

    .soon .logo {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        text-align: center;
        margin-top: 85px;
        z-index: 5;
    }

.soon-wrap {
    z-index: 5;
}

    .soon-wrap h1 {
        padding-bottom: 40px;
        color: #fff;
        letter-spacing: 8px;
    }

.date .date-square {
    position: relative;
    float: none;
    margin: 0px 50px;
    display: inline-block;
}

    .date .date-square span {
        font-size: 80px;
        font-weight: 300;
        color: #fff;
    }

    .date .date-square p {
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 5px;
    }

.soon-wrap form {
    padding-top: 50px;
}

    .soon-wrap form span {
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        letter-spacing: 1px;
    }

.centered-input {
    padding-top: 30px;
}

.soon-wrap form input[type="email"] {
    background: #fff;
    padding: 0px 15px;
    font-size: 14px;
    color: #999;
    height: 40px;
    width: 180px;
    font-weight: 300;
    margin-right: 10px;
}

.soon-wrap form button {
    background: #000;
    width: 130px;
    height: 40px;
    color: #fff;
    z-index: 5;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    float: none;
    display: inline-block;
    overflow: hidden;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    .soon-wrap form button:after {
        position: absolute;
        content: '';
        z-index: -1;
        width: 100%;
        height: 0;
        top: 50%;
        left: 50%;
        background: #fff;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .soon-wrap form button:hover {
        color: #222;
    }

        .soon-wrap form button:hover:after {
            opacity: 1;
            height: 180px;
        }

.landing-baner {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 700px;
    text-align: center;
}

    .landing-baner h4 {
        letter-spacing: 3px;
        margin-top: 50px;
        position: absolute;
        z-index: 2;
        width: 100%;
        text-transform: uppercase;
        font-weight: 400;
    }

.landing-title {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 50;
}

    .landing-title h1 {
        padding-bottom: 45px;
    }

    .landing-title h3 {
        letter-spacing: 3px;
        font-weight: 400;
        color: #222;
        padding-bottom: 30px;
    }

    .landing-title p {
        font-size: 16px;
    }

    .landing-title .logo {
        width: 100%;
        margin-bottom: 20px;
    }

.landing-wrapp {
    position: relative;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 100px;
}

.demo {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    cursor: pointer;
    overflow: hidden;
}

    .demo h3 {
        padding: 20px 0px;
        color: #999;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
    }

.html-block img {
    width: 100%;
    height: auto;
}

.layer-demo {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    left: 0%;
    top: 0%;
    opacity: 0;
    -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
    -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
    -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
    transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.demo:hover .layer-demo {
    opacity: 1;
}

.main-land-caption {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 40px 0px 50px;
}

    .main-land-caption h2 {
        font-weight: 400;
        color: #999;
        text-transform: uppercase;
    }

.border-bottom {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}

@media screen and (max-width: 992px) {
    .offer-block span {
        padding-bottom: 30px;
    }

    .offer-block {
        padding: 40px 0px;
    }

    .about-section {
        padding-top: 70px;
    }

        .about-section h2 {
            padding-bottom: 20px;
        }

    .offerings-section {
        padding-top: 25px;
    }

    .line {
        margin-bottom: 15px;
    }

    .work {
        padding-top: 22px;
    }

    .work {
        padding-bottom: 75px;
    }

    .aword-block {
        padding: 50px 0px;
    }

    .count-block {
        padding: 25px 0px;
    }

    .design-section {
        padding-top: 68px;
    }

        .design-section .trend-slider {
            padding-top: 30px;
        }

    .testimonials {
        margin-top: 25px;
    }

    .logotype {
        padding: 65px 0px 60px;
    }

    .logo-wrap {
        padding: 30px 0px;
    }

    .logotype h2 {
        padding-bottom: 30px;
    }

    .contact-section h2 {
        padding-bottom: 30px;
    }

    .post-section h2 {
        padding-bottom: 30px;
    }

    .post-section {
        padding: 70px 0px;
    }

    .post-text {
        padding: 30px 0px;
    }

        .post-text p {
            padding: 20px 0px;
        }

    .fix-title {
        padding: 120px 0px 125px;
    }

    .map-canvas {
        height: 440px;
    }

    .item.w-6 {
        width: 100%;
    }

    .item {
        width: 50%;
    }

    .work .grid-sizer {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .logo {
        margin-left: 15px;
    }

    .mobile-icon {
        margin-right: 15px;
    }

    .top-baner .top-link li {
        padding: 0px 5px;
    }

    .top-icon {
        display: none;
    }

    .offer-block p {
        display: block;
        float: none;
        max-width: 300px;
        margin: 0px auto;
    }

    .testi-text {
        padding: 20px 15px 20px 0px;
    }
}

@media screen and (max-width: 650px) {
    .points {
        width: 100%;
    }

    .absolut-point {
        display: none;
    }

    .points-wrapp {
        height: 165px;
        bottom: 0px;
    }

    .points.act {
        background: #898989;
    }

    .fix-title .main-button {
        margin-left: 0px;
    }

    .footer-share {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 35px;
    }

    .copy {
        padding: 35px 0px;
    }
}

@media screen and (max-width: 530px) {
    .top-baner .top-link {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .navigation {
        height: 84px;
    }
	

    .bannercontainer {
        padding-top: 139px;
    }

    .logo {
        margin-top: 18px;
    }

    .mobile-icon {
        margin-top: 17px;
    }

    .creative nav {
        margin-top: -72px;
        padding: 65px 0px 55px;
    }

        .creative nav a {
            font-size: 25px;
            padding: 10px 0px;
        }

    .item {
        width: 100%;
    }

    .work .grid-sizer {
        width: 100%;
    }

    .contact-section input[type="text"] {
        width: 100%;
        border-right: 1px solid #000;
        border-bottom: 0px none;
    }

    .contact-section input[type="email"] {
        width: 100%;
    }

    .fix-title {
        padding: 80px 0px 85px;
    }

        .fix-title span {
            font-size: 30px;
            line-height: 36px;
            padding-bottom: 20px;
        }

    .testi-img {
        margin-top: 20px;
    }

    .layer-title {
        left: 20px;
        bottom: 20px;
    }

    .work-layer {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
    }

    .item:hover .work-layer {
        left: 0px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - FLAT DESIGN */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.flat {
    font-family: 'Raleway', sans-serif;
}

    .flat h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        color: #fff;
    }

    .flat h2 {
        font-size: 48px;
        line-height: 56px;
        font-weight: 700;
    }

    .flat h3 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 700;
        text-transform: uppercase;
        color: #2e3133;
    }

    .flat p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
    }

    .flat ul {
        position: relative;
        float: left;
    }

        .flat ul li {
            font-size: 18px;
            line-height: 48px;
            font-weight: 400;
        }

    .flat header {
        position: fixed;
        left: 0%;
        top: 0px;
        max-width: 330px;
        visibility: hidden;
        background: #041521;
        height: 100%;
        overflow: hidden;
        z-index: 40;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        transform: scale(1.4);
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        opacity: 0;
    }

.logo-text {
    position: absolute;
    top: 47px;
    opacity: 0;
    right: -88px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .logo-text.move {
        opacity: 1;
        right: -58px;
    }

.flat nav {
    padding-left: 55px;
    background: none;
    position: absolute;
    top: 29%;
    left: 0%;
    text-align: left;
}

.flat header.slide-menu {
    left: 0px;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.flat nav a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 13px 0px;
    width: 100%;
    position: relative;
    float: left;
    text-transform: uppercase;
}

    .flat nav a:hover {
        color: #15b8c0;
    }

    .flat nav a.active {
        color: #15b8c0;
    }

.flat .logo {
    position: fixed;
    top: 40px;
    left: 65px;
    z-index: 50;
    cursor: pointer;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .flat .logo.scaleLogo {
        top: 30px;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

.button-flat {
    color: #57585b;
    text-transform: uppercase;
    width: 170px;
    font-size: 13px;
    height: 45px;
    box-shadow: 0 3px 0px 0px #ccc;
    border-radius: 5px;
    text-align: center;
    padding-top: 13px;
    position: relative;
    float: none;
    display: inline-block;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.button-border {
    box-shadow: 0px 0px 0px 2px #d1d2d3;
    color: #fff;
    border-bottom: 0px none;
}

    .button-border:hover {
        background: #fff;
        box-shadow: 0px 3px 0px 0px #d1d2d3;
        color: #57585b;
    }

.main-slider {
    position: relative;
    float: left;
    width: 100%;
}

    .main-slider .swiper-slide {
        height: 885px !important;
        width: 100%;
    }

.main-title {
    position: absolute;
    bottom: 127px;
    width: 100%;
    text-align: center;
    left: 0px;
    z-index: 5;
}

    .main-title h1 {
        padding-bottom: 15px;
    }

    .main-title span {
        position: relative;
        float: none;
        display: inline-block;
        width: 100%;
        font-size: 24px;
        color: #fff;
        font-weight: 400;
        padding-bottom: 54px;
    }

    .main-title p {
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        margin: 29px 0px 0px -160px;
    }

    .main-title .button-flat {
        margin: 0px 11px;
    }

        .main-title .button-flat.bg-white:before {
            background: url(../img/flat/arrow.png) no-repeat;
            width: 126px;
            height: 95px;
            content: '';
            position: absolute;
            left: -85px;
            top: 0px;
        }

.second-title {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 160px;
    text-align: center;
}

    .second-title h2 {
        padding-bottom: 30px;
    }

    .second-title p {
        font-size: 18px;
        max-width: 608px;
        display: block;
        line-height: 26px;
        margin: 0 auto;
        padding-bottom: 100px;
    }

.flat .pagination {
    position: absolute;
    right: 37px;
    text-align: center;
    top: 50%;
    z-index: 5;
}

.flat .swiper-pagination-switch {
    cursor: pointer;
    width: 31px;
    height: 9px;
    background: none;
    border-top: 3px solid #48b4ce;
    margin-top: 3px;
    margin-bottom: 25px;
    position: relative;
    display: block;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .flat .swiper-pagination-switch.swiper-active-switch {
        transform: scaleY(3);
        -webkit-transform: scaleY(3);
        -moz-transform: scaleY(3);
        -ms-transform: scaleY(3);
        backface-visibility: hidden;
        transform-origin: 50% 50% 0px;
        -webkit-transform-origin: 50% 50% 0px;
        -moz-transform-origin: 50% 50% 0px;
        -ms-transform-origin: 50% 50% 0px;
    }

.features {
    padding-bottom: 150px;
}

.features-block {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .features-block h3 {
        padding-top: 35px;
    }

.project-wrapp {
    position: relative;
    float: left;
    width: 100%;
}

.project-block {
    position: relative;
    float: left;
    width: 20%;
}

    .project-block img {
        width: 100%;
        height: auto;
    }

.flat .pswp__bg {
    background: rgba(8,34,53,0.95);
}

.flat .pswp__button, .flat .pswp__button--arrow--left::before, .flat .pswp__button--arrow--right::before {
    display: none;
}

.flat .pswp__button--arrow--left {
    background: url(../img/flat/arro_left.png) no-repeat;
    width: 22px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 55%;
    opacity: 1;
    display: block;
}

.flat .pswp__button--arrow--right {
    background: url(../img/flat/arro_right.png) no-repeat;
    width: 22px;
    height: 16px;
    position: absolute;
    left: 15px;
    top: 50%;
    opacity: 1;
    display: block;
}

.flat .pswp__button--close {
    background: url(../img/flat/close.png) no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 40px;
    top: 40px;
    opacity: 1;
    display: block;
}

.pricing {
    padding-bottom: 150px;
}

.no-padding div {
    padding-left: 0px;
    padding-right: 0px;
}

.pricing-block {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    min-height: 510px;
    background: #082235;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.p-caption {
    width: 100%;
    position: relative;
    float: left;
}

    .p-caption h3 {
        color: #fff;
        padding: 40px 0px 35px;
    }

.p-price {
    background: #fff;
    padding: 20px 0px 40px;
    position: relative;
    float: left;
    width: 100%;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .p-price span {
        font-size: 60px;
        font-weight: 600;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .p-price sup {
        font-size: 28px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .p-price sub {
        font-size: 16px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .p-price p {
        color: #4d4d4d;
        font-weight: 600;
        padding-top: 5px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.price-list {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 37px;
}

    .price-list ul {
        width: 100%;
        padding: 15px 0px 40px;
    }

        .price-list ul li {
            color: #eeeded;
        }

.pricing-block:hover {
    background: #ef3e53;
}

    .pricing-block:hover .p-price {
        background: #082235;
    }

    .pricing-block:hover span {
        color: #fff;
    }

    .pricing-block:hover sup {
        color: #fff;
    }

    .pricing-block:hover sub {
        color: #fff;
    }

    .pricing-block:hover p {
        color: #fff;
    }

.facts-block {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}

.fact-numb {
    position: absolute;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    text-align: center;
    padding-top: 9px;
    left: 0px;
    top: 0px;
}

    .fact-numb span {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
    }

.fact-text {
    position: relative;
    float: left;
    padding-left: 75px;
}

    .fact-text h3 {
        padding-bottom: 13px;
    }

.fact {
    padding-bottom: 110px;
}

.flat-contact {
    padding-bottom: 30px;
}

.flat-form input {
    width: 100%;
    height: 70px;
    border: 2px solid #d5dadd;
    padding-left: 15px;
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: none;
}

.flat-form textarea {
    width: 100%;
    height: 130px;
    border: 2px solid #d5dadd;
    padding: 15px;
    font-size: 16px;
    margin-bottom: 45px;
    text-transform: none;
}

.flat-form input[type="submit"] {
    border: 0px none;
    border-bottom: 3px solid #082235;
    height: 50px;
    border-radius: 6px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 7px 0px 0px 0px;
    background: #0e3655;
    width: 203px;
    font-weight: 600;
    margin: 0px auto;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.arrow-red {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .arrow-red img {
        position: absolute;
        top: -73px;
        margin-left: 117px;
    }

    .arrow-red p {
        color: #0e3655;
        font-weight: 300;
    }

.flat footer {
    background: none;
}

    .flat footer .copyright {
        width: 100%;
        text-align: center;
        position: relative;
        float: left;
        padding: 30px 0px 60px;
    }

        .flat footer .copyright span {
            font-size: 12px;
            color: #2e3133;
            text-transform: uppercase;
            font-weight: 700;
        }

.flat-soon .logo {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0px;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .second-title {
        padding-top: 80px;
    }

    .features-block {
        padding-bottom: 40px;
    }

        .features-block h3 {
            padding-top: 20px;
        }

    .second-title p {
        max-width: 100%;
        padding-bottom: 60px;
    }

    .features {
        padding-bottom: 80px;
    }

    .pricing-block {
        margin-bottom: 30px;
    }

    .pricing {
        padding-bottom: 80px;
    }

    .fact {
        padding-bottom: 40px;
    }

    .project-block {
        width: 33.3333%;
    }

    .flat header.slide-menu {
        overflow-y: auto;
    }
}

@media screen and (max-width: 768px) {
    .no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
	.tp-leftarrow.default{
		display:none;
	}
	.tp-rightarrow.default{
		display:none;
	}
}

@media screen and (max-width: 550px) {
    .flat .logo.scaleLogo {
        left: 0px;
        top: 0px;
    }

    .flat header {
        max-width: 100%;
    }

    .flat nav {
        text-align: center;
        top: 130px;
        padding-left: 0px;
        width: 100%;
    }

    .flat .logo {
        left: 15px;
    }

    .flat h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .flat-form input {
        height: 50px;
        margin-bottom: 15px;
    }

    .arrow-red img {
        display: none;
    }

    .flat-form textarea {
        margin-bottom: 15px;
    }

    .flat-form input[type="submit"] {
        margin: 0px auto 20px;
    }

    .second-title h2 {
        padding-bottom: 15px;
    }

    .facts-block {
        padding-bottom: 40px;
    }

    .main-title .button-flat.bg-white::before {
        display: none;
    }

    .main-title p {
        margin-left: 0px;
    }

    .project-block {
        width: 50%;
    }

    .flat.fix {
        overflow-y: hidden;
    }
}

@media screen and (max-width: 480px) {
    .second-title {
        padding-top: 50px;
    }

    .features {
        padding-bottom: 50px;
    }

    .flat h1 {
        font-size: 38px;
        line-height: 44px;
    }

    .pricing {
        padding-bottom: 50px;
    }

    .project-block {
        width: 100%;
    }
	.tp-leftarrow.default{
		display:none;
	}
	.tp-rightarrow.default{
		display:none;
	}
}

@media screen and (max-width: 390px) {
    .main-title .button-flat {
        margin: 15px 0px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - MAIN LENDING */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main {
    color: #121212;
}

    .main .top-baner {
        z-index: 60;
    }

    .main .mobile-icon {
        display: none;
    }

    .main .navigation {
        background: #121212;
        height: 100px;
    }

.top-baner {
    background: #20272b;
}

.main nav {
    position: relative;
    float: right;
    padding-top: 40px;
}

    .main nav a {
        font-size: 12px;
        color: #d8d8d8;
        text-transform: uppercase;
        font-weight: 400;
        margin: 0px 21px;
    }

.main .logo {
    margin-top: 24px;
}

.main nav a.active {
    color: #009eec;
    font-weight: 700;
}

.main nav a:hover {
    color: #009eec;
}

.main .bannercontainer {
    padding-top: 97px;
}

.main .slide-boxes {
    position: absolute;
    bottom: 120px;
    right: 0px;
    background: #121212;
    padding: 45px 20px 50px 45px;
    width: 100%;
    overflow: hidden;
    z-index: 5;
}

    .main .slide-boxes h1 {
        font-size: 36px;
        color: #fff;
        font-weight: 600;
        line-height: 45px;
        padding-bottom: 15px;
    }

    .main .slide-boxes p {
        font-size: 13px;
        color: #fff;
    }

.main .next {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 60px;
    height: 60px;
    background: #121212;
    z-index: 50;
    cursor: pointer;
}

.main .prev {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 60px;
    height: 60px;
    background: #121212;
    z-index: 50;
    cursor: pointer;
}

.main .next:after {
    content: '';
    background: url(../img/main/right_arrow.png) no-repeat;
    width: 12px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 24px;
}

.main .prev:after {
    content: '';
    background: url(../img/main/left_arrow.png) no-repeat;
    width: 12px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 22px;
}

.news-line {
    position: absolute;
    width: 100%;
    height: 60px;
    background: #009eec;
    left: 0px;
    bottom: 0px;
    z-index: 50;
}

.line-absolute.news-line {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 50;
}

.news-line h5 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 23px;
    height: 60px;
    position: relative;
    float: left;
    padding: 20px;
    z-index: 5;
}

.news-box {
    position: absolute;
    left: 0px;
    padding-left: 140px;
    height: 30px;
    top: 15px;
    overflow: hidden;
}

    .news-box p {
        color: #fff;
        padding-top: 2px;
    }

.main .about-section p {
    text-align: left;
}

.about-picture {
    position: relative;
    float: left;
    width: 100%;
}

    .about-picture img {
        width: 100%;
        height: auto;
    }

.about-time-line {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 130px;
}

.timeline-points {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 110px;
}

.time-points {
    ;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 55px;
}

.circle-points {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #20272b;
    position: relative;
    left: 50%;
    margin-left: -5px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.time-points:before {
    content: '';
    width: 50%;
    position: absolute;
    left: 0px;
    height: 1px;
    background: #20272b;
    margin-top: 5px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.time-points:after {
    content: '';
    width: 50%;
    position: absolute;
    right: 0px;
    height: 1px;
    background: #20272b;
    margin-top: -5px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.point-text {
    position: relative;
    width: 100%;
    padding-top: 30px;
    text-align: center;
    float: left;
}

    .point-text h3 {
        font-weight: 400;
        padding-bottom: 10px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .point-text span {
        display: inline-block;
        position: relative;
        padding-top: 12px;
        font-size: 11px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.about-slider .swiper-slide:first-child .time-points:before {
    display: none;
}

.about-slider .swiper-slide:last-child .time-points:after {
    display: none;
}

.time-points:hover .circle-points {
    background: #009eec;
}

.time-points:hover .point-text {
    color: #009eec;
}

.time-points:hover .line {
    background: #009eec;
}

.time-points:hover:after {
    background: #009eec;
}

.time-points:hover:before {
    background: #009eec;
}

.about-slider .swiper-slide {
    width: 100%;
}

.main .offer-block span {
    color: #0195dd;
}

.main .bg-dark-main {
    padding-bottom: 130px;
}

    .main .bg-dark-main h2 {
        color: #fff;
    }

    .main .bg-dark-main .offer-block h3 {
        color: #fff;
    }

    .main .bg-dark-main .offer-block p {
        color: #fff;
    }

    .main .bg-dark-main .line {
        background: #fff;
    }

.main .work .grid-sizer {
    width: 33.3333%;
}

.main .item.w-33 {
    width: 33.3333%;
}

.main-proj-layer {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 30px 30px 30px;
    text-align: left;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .main-proj-layer h6 {
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #20272b;
        padding-top: 12px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .main-proj-layer h3 {
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.main .work {
    padding-top: 120px;
}

.main .item:hover .main-proj-layer {
    background: #009eec;
}

    .main .item:hover .main-proj-layer h6 {
        color: #fff;
    }

    .main .item:hover .main-proj-layer h3 {
        color: #fff;
    }

.main .fix-title span {
    font-size: 24px;
    float: left;
    padding-top: 6px;
}

.main .fix-title .main-button-sq {
    float: right;
}

.main .fix-title {
    padding: 41px 0px 43px;
}

.main .aword-block {
    background: #121212;
}

.main .count-block h4 {
    color: #fff;
    padding: 20px 0px 0px;
}

.main .count-block span {
    color: #fff;
}

.toggle .toggleta {
    background: #009eec;
}

    .toggle .toggleta h4 {
        color: #fff;
    }

    .toggle .togglet img.toggle-open, .toggle .toggleta img.toggle-closed {
        display: none;
    }

    .toggle .toggleta img.toggle-open {
        display: block;
        padding-top: 2px;
    }

.toggle .togglec {
    display: block;
    position: relative;
}

.circle {
    position: relative;
    float: right;
}

.togglet {
    height: 40px;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    width: 100%;
    padding: 9px 16px;
    font-size: 13px;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .togglet img {
        margin-top: 7px;
        cursor: pointer;
    }

    .togglet h4 {
        color: #20272b;
        letter-spacing: 2px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.inner-toggle-wrap p {
    padding: 15px 5px 25px 20px;
    color: #20272b;
}

.togglet:hover {
    background: #009eec;
    border: 1px solid #009eec;
}

    .togglet:hover h4 {
        color: #fff;
    }

.choose-us {
    position: relative;
    float: left;
    width: 100%;
    padding: 115px 0px 115px;
}

    .choose-us h2 {
        padding-bottom: 35px;
    }

    .choose-us h3 {
        padding-bottom: 18px;
    }

    .choose-us .line {
        margin-bottom: 30px;
    }

.styled-tabs {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 60px;
}

.choose-list {
    width: 100%;
    padding-top: 30px;
    padding-left: 35px;
}

    .choose-list li {
        font-size: 13px;
        width: 100%;
        padding: 13px 0px 13px 25px;
        position: relative;
        float: left;
    }

    .choose-list span {
        position: absolute;
        left: 0px;
        top: 18px;
        font-size: 16px;
        color: #009eec;
        padding-right: 15px;
    }

.pricing-main {
    position: relative;
    float: left;
    width: 100%;
    padding: 120px 0px 130px;
    text-align: center;
}

    .pricing-main h2 {
        padding-bottom: 20px;
    }

    .pricing-main p {
        text-align: left;
    }

.pricing-kind {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    margin-top: 40px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .pricing-kind h4 {
        font-weight: 700;
        font-size: 16px;
        padding: 15px 0px;
        text-transform: uppercase;
    }

.price-wrap {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0px 25px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .price-wrap span {
        font-size: 70px;
        font-weight: 400;
    }

    .price-wrap sup {
        font-size: 36px;
        font-weight: 400;
        top: -0.6em;
    }

    .price-wrap sub {
        font-size: 16px;
        font-weight: 400;
        bottom: 0px;
    }

    .price-wrap h5 {
        font-weight: 600;
        line-height: 20px;
        text-transform: uppercase;
    }

.price-ul {
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
    padding: 25px 0px 0px;
}

    .price-ul ul {
        text-align: center;
        padding-bottom: 30px;
        width: 100%;
    }

        .price-ul ul li {
            font-size: 14px;
            padding: 10px 0px;
            font-weight: 300;
        }

.main .price-ul .bg-dark-main {
    padding-bottom: 15px;
}

.price-ul .main-button-sq:after {
    background: #009eec;
}

.pricing-kind:hover {
    border-top: 1px solid #009eec;
    border-bottom: 1px solid #009eec;
    color: #009eec;
}

    .pricing-kind:hover .price-wrap {
        border-top: 1px solid #009eec;
        border-bottom: 1px solid #009eec;
    }

    .pricing-kind:hover .main-button-sq {
        color: #fff;
    }

.main-testimonials {
    position: relative;
    float: left;
    width: 100%;
    background: #20272b;
    padding: 120px 0px 130px;
}

    .main-testimonials h2 {
        color: #fff;
        padding-bottom: 30px;
        text-align: center;
    }

.main-testi-block {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 30px;
}

    .main-testi-block:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 18px 0 0;
        border-color: #fff transparent transparent transparent;
        content: '';
        position: absolute;
        bottom: -18px;
        left: 30px;
    }

    .main-testi-block.bg-grey-white:before {
        border-color: #e1e9ec transparent transparent transparent;
    }

.main-testi-author {
    position: relative;
    float: left;
    padding-left: 30px;
    padding-top: 30px;
    color: #fff;
}

    .main-testi-author .line {
        background: #fff;
        margin-bottom: 10px;
    }

    .main-testi-author h3 {
        padding-bottom: 13px;
    }

.main-contact {
    background: #f2f7f9;
    padding: 60px 0px 10px;
}

.slide-prev {
    position: absolute;
    top: 0%;
    left: -50px;
    color: #494845;
    font-size: 22px;
    cursor: pointer;
}

.slide-next {
    position: absolute;
    top: 0%;
    right: -50px;
    color: #494845;
    font-size: 22px;
    cursor: pointer;
}

.logotype-clients {
    text-align: center;
    position: relative;
    float: none;
}


.footer-blue {
    background: #009eec;
}

.footer-top-bar {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 130px 0px 110px;
}

.footer-mini-block {
    position: relative;
    float: left;
    width: 100%;
}

    .footer-mini-block h3 {
        padding-bottom: 20px;
    }

    .footer-mini-block ul {
        position: relative;
        float: left;
        width: 100%;
    }

.instagram-wiget {
    position: relative;
    float: left;
    width: 100%;
    background: none;
    height: 100px;
    text-align: center;
    padding-bottom: 100%;
}

.footer-mini-block iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.footer-logo-tite {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 18px;
}

.f-post-block-txt {
    position: relative;
    float: left;
    padding-left: 68px;
    font-weight: 300;
    margin-top: -5px;
}

    .f-post-block-txt span {
        font-size: 13px;
    }

    .f-post-block-txt p {
        line-height: 22px;
    }

.f-post-block {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

    .f-post-block img {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.footer-form {
    position: relative;
    float: left;
    width: 100%;
}

    .footer-form span {
        font-size: 11px;
        text-transform: uppercase;
        position: relative;
        float: left;
        padding-top: 8px;
    }

    .footer-form input {
        height: 30px;
        border: 1px solid #4d4d4d;
        padding: 0px 5px;
        font-size: 11px;
        position: relative;
        float: right;
        margin-right: 20px;
        width: 70%;
        margin-bottom: 15px;
        border-radius: 0px;
    }

.footer-input {
    position: relative;
    float: left;
    width: 100%;
}

.footer-form input[type="submit"] {
    width: 114px;
    background: #121212;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: 400;
    letter-spacing: 2px;
    float: left;
    margin-left: 58px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .footer-form input[type="submit"]:hover {
        background: #f2f7f9;
        color: #999;
    }

.instansive-widget {
    width: 100%;
}

.footer-mail {
    position: relative;
    float: left;
    width: 100%;
    padding: 7px 0px;
}

    .footer-mail span {
        font-size: 13px;
        text-transform: uppercase;
        position: relative;
        float: left;
    }

    .footer-mail a {
        font-size: 13px;
        position: relative;
        float: left;
        color: #121212;
        padding-left: 5px;
    }

@media screen and (max-width: 992px) {
    .main .navigation .container {
        width: 100%;
    }

    .main .mobile-icon {
        display: block;
        margin-top: 24px;
        border: 2px solid #fff;
    }

    .main .nav-menu-icon a i {
        background: #fff;
    }

        .main .nav-menu-icon a i::before, .main .nav-menu-icon a i::after {
            background: #fff;
        }

    .main .nav-menu-icon a.active i {
        background: none;
    }

    .main nav {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background: #121212;
        margin-top: 0px;
        padding-top: 100px;
        transform: translateY(-150%);
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        overflow-y: auto;
    }

        .main nav.slide-menu {
            transform: translateY(0%);
            -webkit-transform: translateY(0%);
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
        }

        .main nav a {
            width: 100%;
            margin: 15px 0px;
            position: relative;
            float: left;
            text-align: center;
        }

    .main .item.w-33 {
        width: 50%;
    }

    .main .work .grid-sizer {
        width: 50%;
    }

    .footer-mini-block {
        margin-top: 30px;
    }

    .footer-form input[type="submit"] {
        float: right;
    }

    .footer-form input {
        margin-right: 0px;
    }

    .about-section {
        padding-top: 80px;
    }

    .main .offerings-section {
        padding-top: 80px;
    }

    .main .bg-dark-main {
        padding-bottom: 80px;
    }

    .main .work {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .choose-us {
        padding: 80px 0px;
    }

    .pricing-main {
        padding: 80px 0px;
    }

    .main-testimonials {
        padding: 80px 0px;
    }

    .footer-top-bar {
        padding: 80px 0px;
    }

    .about-time-line {
        padding-bottom: 80px;
    }

    .main .mobile-icon {
        margin-right: 15px;
    }

    .main .logo {
        margin-left: 15px;
    }
}

@media screen and (max-width: 768px) {
    .no-pad {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-testi-author {
        padding-bottom: 30px;
    }

    .footer-mini-block ul {
        text-align: center;
    }

    .footer-mail {
        text-align: center;
    }

        .footer-mail a {
            float: none;
            display: inline-block;
        }

        .footer-mail span {
            float: none;
            display: inline-block;
        }

    .footer-logo-tite {
        text-align: center;
    }

    .footer-mini-block {
        text-align: center;
    }

    .f-post-block {
        padding-top: 15px;
    }

        .f-post-block img {
            position: relative;
            float: none;
            display: block;
            left: auto;
            top: auto;
            margin: 0 auto;
        }

    .f-post-block-txt {
        float: none;
        display: inline-block;
        padding-left: 0px;
        padding-top: 15px;
    }

    .main .fix-title {
        text-align: center;
    }

        .main .fix-title .main-button-sq {
            float: none;
            margin-top: 30px;
        }

        .main .fix-title span {
            width: 100%;
        }

    .main .slide-boxes {
        bottom: 0px;
    }

    .slide-next {
        display: none;
    }

    .slide-prev {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .main .item.w-33 {
        width: 100%;
    }
	.gal
	 {   min-height: 225px;}

    .main .work .grid-sizer {
        width: 100%;
    }

    .choose-list {
        padding-left: 0px;
    }

    .about-section {
        padding-top: 50px;
    }

    .main .offerings-section {
        padding-top: 50px;
    }

    .main .bg-dark-main {
        padding-bottom: 50px;
    }

    .main .work {
        padding: 50px 0px 40px;
    }

    .main .offer-block {
        padding: 20px 0px;
    }

    .choose-us {
        padding: 50px 0px;
    }

    .pricing-main {
        padding: 50px 0px;
    }

    .main-testimonials {
        padding: 50px 0px;
    }

    .footer-top-bar {
        padding: 50px 0px;
    }

    .main-testi-block {
        padding: 30px 15px;
    }

    .about-time-line {
        padding-bottom: 50px;
    }

    .main .slide-boxes h1 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 5px;
    }

    .main .slide-boxes {
        padding: 15px;
    }

    .main .navigation {
        height: 76px;
    }

    .main .mobile-icon {
        margin-top: 4px;
    }

    .main .logo {
        margin-top: 4px;
    }

    .main .bannercontainer {
        padding-top: 58px;
    }

    .main .next {
        top: 35%;
    }

    .main .prev {
        top: 35%;
    }
}

@media screen and (max-height: 400px) {
    .main .top-baner {
        display: none;
    }

    .main .bannercontainer {
        padding-top: 59px;
    }

    .main .mobile-icon {
        margin-top: 4px;
    }

    .main .logo {
        margin-top: 4px;
    }

    .main .navigation {
        height: 76px;
    }

    .main nav {
        padding-top: 60px;
    }

    .news-line {
        display: none;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - CORPORATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.corp {
    color: #20272b;
}

.corp {
    z-index: 5;
}

.corp-baner {
    color: #fff;
    text-align: center;
    font-size: 13px;
    padding-top: 15px;
}

.corp .mobile-icon {
    border: 2px solid #4d9de0;
}

    .corp .mobile-icon a i {
        background: #4d9de0;
    }

.corp .nav-menu-icon a i::before, .corp .nav-menu-icon a i::after {
    background: #4d9de0;
}

.corp-baner span {
    color: #fff;
    padding-right: 10px;
    position: relative;
    float: left;
    margin-top: 4px;
}

.corp h1 {
    font-size: 36px;
    line-height: 45px;
}

.corp nav a {
    color: #20272b;
}

    .corp nav a.active {
        color: #4d9de0;
    }

    .corp nav a:hover {
        color: #4d9de0;
    }

.corp .news-line {
    background: #4d9de0;
}

.corp .navigation {
    background: #f1f5f5;
}

.corp .top-baner {
    background: #0b253b;
}

.corp .logo {
    margin-top: 33px;
}

.corp .prev {
    background: none;
    color: #fff;
}

.corp .next {
    background: none;
    color: #fff;
}

    .corp .next:before {
        content: '';
        position: absolute;
        width: 60px;
        height: 60px;
        background: #20272b;
        opacity: 0;
        left: 60px;
        top: 0px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.corp .prev:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background: #20272b;
    opacity: 0;
    left: -60px;
    top: 0px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.corp.main .prev:after {
    background: url(../img/corporate/left_arrow.png) no-repeat;
    top: 20px;
    left: 23px;
}

.corp.main .next:after {
    background: url(../img/corporate/right_arrow.png) no-repeat;
    top: 20px;
    left: 23px;
}

.corp .next:hover:before {
    opacity: 1;
    left: 0px;
}

.corp .prev:hover:before {
    opacity: 1;
    left: 0px;
}

.corp-main-title {
    position: absolute;
    right: 0px;
    bottom: 100px;
}

.corp .main-button-sq {
    border: 0px none;
}

    .corp .main-button-sq:after {
        background: #fff;
        transform: translate3d(0,-100%, 0);
        -webkit-transform: translate3d(0,-100%, 0);
        -moz-transform: translate3d(0,-100%, 0);
        -ms-transform: translate3d(0,-100%, 0);
    }

    .corp .main-button-sq:hover:after {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .corp .main-button-sq:hover {
        color: #fff;
    }

    .corp .main-button-sq.dark-button:hover {
        color: #000;
    }

    .corp .main-button-sq.b-dark-col {
        color: #20272b;
    }

.corp-main-title h1 {
    padding-bottom: 15px;
}

.corp-main-title p {
    padding-bottom: 40px;
}

.corp-main-title .main-button-sq {
    margin-right: 25px;
}

.second-main-title1 {
    position: relative;
    float: left;
    width: 100%;
    /*text-align: center;*/
}

    .second-main-title1 h2 {
        padding-bottom: 15px;
        color: #808080;
    }

    .second-main-title1 .line {
        background: #4d9de0;
        margin-bottom: 25px;
    }

.second-main-title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .second-main-title h2 {
        padding-bottom: 15px;
        color: #808080;
    }

    .second-main-title .line {
        background: #4d9de0;
        margin-bottom: 25px;
    }



.about-col {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 40px;
}

    .about-col img {
        width: 100%;
        height: auto;
    }

.about-col-txt {
    position: relative;
    float: left;
    padding-top: 20px;
    text-align: left;
    padding-bottom: 80px;
}

    .about-col-txt h3 {
        padding-bottom: 20px;
    }

    .about-col-txt p {
        padding-bottom: 30px;
    }

.link-style-1 {
    color: #4d9de0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 11px;
    position: relative;
    float: left;
}

    .link-style-1:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 30px;
        margin-top: -7px;
        background: #4d9de0;
        top: 0px;
        left: 0px;
        z-index: -1;
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .link-style-1:hover {
        color: #fff;
        padding: 0px 5px;
    }

        .link-style-1:hover:after {
            transform: scale(1);
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
        }

.corp .fix-title {
    padding: 170px 0px 140px;
}

    .corp .fix-title span {
        float: none;
        font-weight: 500;
        width: 100%;
        padding-bottom: 30px;
    }

    .corp .fix-title .main-button-sq.br-wh {
        border: 1px solid #fff;
        float: none;
    }

        .corp .fix-title .main-button-sq.br-wh:after {
            background: #fff;
        }

        .corp .fix-title .main-button-sq.br-wh:hover {
            color: #000;
            border: 1px solid rgba(0,0,0,0);
        }

.progress-col {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .progress-col:after {
        position: absolute;
        width: 100%;
        margin-left: -52px;
        height: 1px;
        top: 71px;
        background: #74a2a2;
        content: '';
    }

.col:last-child .progress-col:after {
    display: none;
}

.progress-col .prog-img {
    width: 142px;
    height: 142px;
    border: 1px solid #74a2a2;
    border-radius: 50%;
    position: relative;
    float: none;
    display: inline-block;
    z-index: 1;
    background: #fff;
}

.hov_img {
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
}

.progress-col .prog-img:before {
    background: #4d9de0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    content: '';
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.progress-col .prog-img:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.progress-col .prog-img:hover .hov_img {
    opacity: 1;
}

.progress-col .prog-img:hover .img-hide-hov {
    opacity: 0;
}

.progress-col .prog-img:hover {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    border: 1px solid rgba(0,0,0,0);
}

    .progress-col .prog-img:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

.prog-txt {
    position: relative;
    float: left;
    padding-top: 30px;
}

    .prog-txt h3 {
        color: #808080;
        padding-bottom: 32px;
    }

    .prog-txt p {
        font-size: 12px;
        line-height: 25px;
        padding: 0px 15px;
    }

.team-col {
    position: relative;
    float: left;
    width: 100%;
}

    .team-col img {
        width: 100%;
        height: auto;
    }

.team-txt {
    position: relative;
    float: left;
    width: 100%;
    color: #808080;
    padding-top: 35px;
}

    .team-txt h3 {
        padding-bottom: 5px;
    }

    .team-txt h6 {
        letter-spacing: 2px;
    }

.team-follow {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 27px;
}

    .team-follow .fa {
        font-size: 18px;
        color: #969595;
        position: relative;
        float: left;
        width: 32px;
        height: 32px;
        border: 1px solid #969595;
        border-radius: 50%;
        padding: 6.5px 0px 0px 7.2px;
        margin-right: 10px;
    }

        .team-follow .fa:hover {
            border: 1px solid #74a2a2;
            color: #74a2a2;
        }

.corp-work {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
    background: #f1f5f5;
}

.work-slider {
    position: relative;
    float: left;
    width: 100%;
}

    .work-slider .pagination {
        display: none;
    }

.corp-work .slide-prev {
    position: relative;
    left: auto;
    display: inline-block;
    float: none;
    top: 15px;
}

.corp-work .slide-next {
    position: relative;
    left: auto;
    display: inline-block;
    float: none;
    top: 15px;
}

.corp-work .slide-prev:hover {
    color: #4d9de0;
}

.corp-work .slide-next:hover {
    color: #4d9de0;
}

.work-slide-text {
    position: relative;
    display: block;
    max-width: 750px;
    text-align: center;
    padding-top: 50px;
    margin: 0 auto;
}

.corp-service {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 80px;
}

.skill-bar {
    position: relative;
    float: left;
    width: 100%;
}

.skill-block {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    margin: 10px 0px;
}

    .skill-block span {
        position: relative;
        font-size: 14px;
        color: #808080;
        padding: 20px 0px;
        font-weight: 400;
    }

    .skill-block .skill-line {
        height: 10px;
        background: #f1f5f5;
        position: relative;
        margin-top: 17px;
        width: 100%;
    }

        .skill-block .skill-line div {
            position: absolute;
            background: #4d9de0;
            width: 0%;
            height: 10px;
            transition: all 2s ease-in-out 0.3s;
            -webkit-transition: all 2s ease-in-out 0.3s;
            -moz-transition: all 2s ease-in-out 0.3s;
            -o-transition: all 2s ease-in-out 0.3s;
            -ms-transition: all 2s ease-in-out 0.3s;
        }

    .skill-block h5 {
        font-size: 10px;
        text-align: right;
        padding: 2px 8px;
        position: absolute;
        right: -29px;
        top: -6px;
        background: #20272b;
        color: #fff;
        font-weight: 400;
    }

        .skill-block h5:after {
            font-size: 10px;
            font-weight: 400;
            content: '%';
        }

.vimeo-video {
    position: relative;
    float: left;
    width: 100%;
}

.post-item {
    padding-bottom: 65px;
}

.blog-section {
    margin-top: 10px;
}

    .blog-section .post-text {
        padding: 0px;
    }

        .blog-section .post-text p {
            padding: 25px 0px 20px;
        }

.corp-points {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    left: 0px;
    margin: 0px;
}

    .corp-points .swiper-pagination-switch {
        width: 8px;
        height: 8px;
        position: relative;
        float: none;
        display: inline-block;
        background: #fff;
        border-radius: 50%;
        margin: 0px 5px;
        cursor: pointer;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

        .corp-points .swiper-pagination-switch.swiper-active-switch {
            transform: scale(1.7);
            -webkit-transform: scale(1.7);
            -moz-transform: scale(1.7);
            -ms-transform: scale(1.7);
            border: 1px solid #fff;
            background: none;
            margin-top: 5px;
            z-index: 5;
        }

.video-click {
    position: relative;
    float: left;
    width: 100%;
}

.det-img .video-click {
    padding-top: 0px;
}

.video-click.vsplay {
    padding-top: 0px;
}

.video-click img {
    cursor: pointer;
}

.video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    display: none;
}

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video .clos {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 20px;
        right: 53px;
        z-index: 5;
    }

.play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -34px;
    margin-top: -34px;
}

.close-v {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.video img {
    width: 16px;
    height: 16px;
}

.testi-slider {
    padding: 60px 0px 120px;
}

.corpor-comm {
    position: relative;
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 670px;
    color: #fff;
}

    .corpor-comm h4 {
        padding: 30px 0px 5px;
    }

    .corpor-comm p {
        font-weight: 400;
        padding-top: 25px;
    }

.testi-slider .corp-points {
    bottom: 60px;
}

.corpor-price {
    margin-bottom: 40px;
}

    .corpor-price .clients-slider {
        margin-top: 120px;
        height: 39px;
    }

    .corpor-price .slide-prev {
        top: 55%;
    }

    .corpor-price .slide-next {
        top: 55%;
    }

    .corpor-price .pricing-kind {
        background: #f1f5f5;
        padding: 0px 70px;
        border-top: 0px none;
        border-bottom: 0px none;
        margin-top: 0px;
    }

    .corpor-price .price-wrap {
        border-top: 1px solid #d9dfe4;
        border-bottom: 1px solid #d9dfe4;
    }

    .corpor-price .pricing-kind h4 {
        font-weight: 400;
    }

    .corpor-price .price-wrap span {
        font-weight: 300;
        color: #4d9de0;
    }

    .corpor-price .price-wrap h5 {
        font-weight: 400;
    }

    .corpor-price .price-ul ul li {
        color: #8b8b8b;
    }

    .corpor-price .main-button-sq.bg-dark-main-1 {
        border: 0px none;
    }

        .corpor-price .main-button-sq.bg-dark-main-1:hover {
            color: #000;
            border: 0px none;
        }

    .corpor-price .pricing-kind:hover {
        background: #4d9de0;
        color: #fff;
    }

        .corpor-price .pricing-kind:hover span {
            color: #fff;
        }

        .corpor-price .pricing-kind:hover .price-wrap {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .corpor-price .pricing-kind:hover .price-ul ul li {
            color: #fff;
        }

.contact-section .bg-dark-main-1 {
    margin-top: 35px;
}

    .contact-section .bg-dark-main-1:hover {
        color: #000;
    }

.contact-section.contact-corpor {
    padding: 0px 0px 60px;
    background: #f1f5f5;
}

.main-wrap {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    background: #fff;
}

.footer-fix {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0b253b;
    z-index: -1;
}

    .footer-fix.no-fix {
        position: relative;
        float: left;
    }

    .footer-fix .copy {
        text-align: center;
        width: 100%;
        padding: 40px 0px 35px;
    }

.footer-fix-share {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    z-index: 3;
}

    .footer-fix-share a {
        position: relative;
        float: left;
        width: 33.33%;
        height: 100px;
        text-align: center;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

        .footer-fix-share a span {
            position: relative;
            float: none;
            display: inline-block;
            font-size: 36px;
            color: #606060;
            padding-top: 30px;
            overflow: hidden;
            z-index: 1;
        }

        .footer-fix-share a i {
            font-size: 36px;
            position: absolute;
            left: 0px;
            top: 0px;
            color: #fff;
            padding-top: 30px;
            width: 100%;
            text-align: center;
        }

        .footer-fix-share a:nth-child(2n+1) {
            background: #fff;
        }

        .footer-fix-share a:nth-child(2n) {
            background: #e4e6e6;
        }

        .footer-fix-share a:hover {
            background: #4d9de0;
        }

            .footer-fix-share a:hover span {
                transform: translateY(-180%) scale(1.8);
                -webkit-transform: translateY(-180%) scale(1.8);
                -moz-transform: translateY(-180%) scale(1.8);
                -ms-transform: translateY(-180%) scale(1.8);
            }

.static-title {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 5;
    width: 100%;
}

    .static-title .corp-main-title h1 {
        color: #fff;
    }

    .static-title .corp-main-title p {
        color: #fff;
    }

.corp .soon-wrap {
    z-index: 5;
}

@media screen and (max-width: 992px) {
    .corp nav {
        background: #fff;
    }

    .about-col-txt {
        padding-bottom: 40px;
    }

    .about-col {
        padding-top: 20px;
    }

    .corp .fix-title {
        padding: 120px 0px 100px;
    }

    .progress-col::after {
        display: none;
    }

    .progress-col {
        padding-top: 40px;
    }

    .team-col {
        padding-bottom: 40px;
    }

    .skill-bar {
        padding-bottom: 60px;
    }

    .corp-service {
        padding-top: 40px;
    }

    .blog-section .post-text {
        padding-top: 30px;
    }

    .corpor-price .pricing-kind {
        margin-bottom: 40px;
    }

    .corpor-price {
        margin-bottom: 40px;
    }

    .corp .footer-fix-share {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 768px) {
    .footer-fix-share a {
        height: 80px;
    }

        .footer-fix-share a span {
            font-size: 26px;
        }

        .footer-fix-share a i {
            font-size: 26px;
        }

    .corpor-comm {
        max-width: 100%;
    }

    .work-slide-text {
        max-width: 100%;
        padding: 40px 15px 0px;
    }

    .prog-txt {
        width: 100%;
    }

    .corp-work .slide-prev {
        left: auto;
        margin-right: 20px;
    }

    .corp-work .slide-next {
        right: auto;
        margin-left: 20px;
    }

    .corp-main-title {
        padding-left: 15px;
    }

    .corpor-price .clients-slider {
        margin-top: 80px;
    }

    .post-item {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
	.gal
	 {   min-height: 200px;}
	 .app h3
	 {
		 font-size:14px !important;}
}

@media screen and (max-width: 480px) {
    .news-line {
        display: none;
    }

    .corp .next {
        display: none;
    }

    .corp .prev {
        display: none;
    }

    .corp .logo {
        margin-top: 15px;
    }

    .corp .top-baner {
        display: none;
    }

    .corp .bannercontainer {
        padding-top: 59px;
    }

    .second-main-title {
        padding: 50px 0px 30px;
    }

    .progress-col {
        padding-top: 20px;
    }

    .corpor-price .clients-slider {
        margin-top: 40px;
    }
}

@media screen and (max-width: 400px) {
    .corp-main-title .main-button-sq {
        margin-top: 20px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - APP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.app .bannercontainer {
    padding-top: 0px;
    height: 100vmin !important;
    min-height: 600px;
}

    .app .bannercontainer ul li:after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 80px;
        background: #fff;
        width: 100%;
        z-index: 50;
    }

.app h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
}

.app h2 {
    font-size: 36px;
    font-weight: 300;
}
/*.app h3 {font-size: 24px; font-weight: 400;}*/
.app h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.app p {
    font-weight: 400;
    line-height: 24px;
}

.app .navigation {
    background: none;
}

    .app .navigation.scrol {
        background: #DCDCDB;
    }

        .app .navigation.scrol nav a {
            color: #000;
        }

.app nav a {
    color: #000 !important;
}

    .app nav a:hover {
        color: #fff;
    }

    .app nav a.active {
        font-weight: 700;
        color: #af9876;
    }

.app .nav-menu-icon a i {
    background: #af9876;
}

.app .mobile-icon {
    border: 2px solid #af9876;
}

.app .navigation.scrol nav a.active {
    color: #AF9876;
    font-weight: 700;
}

.phapps {
    position: relative;
    float: left;
    width: 100%;
    background: url(../img/app/photoapps.png) no-repeat;
    width: 263px;
    height: 53px;
}

.app .nav-menu-icon a i::before, .app .nav-menu-icon a i::after {
    background: #af9876;
}

.app-title .app-button {
    margin-right: 30px;
}

.add-title-img {
    position: absolute;
    right: 0px;
    margin-right: 60px;
    top: -150px;
    width: 180px;
}

    .add-title-img img {
        width: 100%;
        height: auto;
    }

.app-main-title {
    position: relative;
    width: 100%;
    float: left;
    top: 0px;
}

    .app-main-title h1 {
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
        float: left;
        width: 100%;
        color: #fff;
    }

    .app-main-title p {
        padding-bottom: 40px;
        position: relative;
        float: left;
        width: 100%;
    }

.app-title {
    position: absolute;
    left: 0px;
    bottom: 115px;
    width: 100%;
    z-index: 500;
}

.app-button {
    position: relative;
    float: left;
    background: #fff;
    border-radius: 15px;
    height: 75px;
    width: 250px;
    color: #000;
}

    .app-button a {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .app-button span {
        font-size: 50px;
        color: #af9876;
        background: #c8d7d4;
        position: absolute;
        left: -2px;
        top: 0px;
        width: 72px;
        height: 100%;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        padding: 10px 15px;
    }

.button-txt {
    padding-left: 93px;
}

    .button-txt p {
        font-size: 15px;
        padding-top: 10px;
        font-weight: 400;
        padding-bottom: 3px;
    }

.app-button:hover {
    background: #000;
    color: #fff;
}

    .app-button:hover span {
        color: #c8d7d4;
        background: #af9876;
    }

.app .second-main-title h2 {
    padding-bottom: 30px;
    color: #27282d;
}

.app .second-main-title p {
    color: #787878;
}

.brief-section {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 100px;
}

.main-button-sq.bg-braun {
    border: 0px none;
    text-transform: capitalize;
    color: #c8d7d4;
}

.bg-bref {
    position: relative;
    float: left;
    width: 100%;
    min-height: 370px;
}

.brief-caption {
    position: relative;
    float: left;
    width: 100%;
    padding: 70px 15px 0px 115px;
}

    .brief-caption h2 {
        padding-bottom: 15px;
    }

    .brief-caption p {
        padding-bottom: 43px;
    }

.load-more-brief {
    position: absolute;
    left: 90px;
    bottom: 40px;
}

    .load-more-brief a {
        text-transform: uppercase;
        font-size: 24px;
        color: #323635;
        font-weight: 700;
        position: relative;
        float: left;
        width: 100%;
    }

        .load-more-brief a p {
            font-size: 36px;
            font-weight: 700;
            padding-top: 5px;
        }

.big-line {
    width: 110px;
    height: 1px;
    background: #323635;
    position: relative;
    float: none;
    display: inline-block;
    margin-bottom: 12px;
}

.featur-block-wrap {
    position: relative;
    float: left;
    padding-top: 95px;
}

.featur-block {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 80px;
}

    .featur-block img {
        position: absolute;
        left: 0px;
        top: 0px;
    }

.featur-block-txt {
    position: relative;
    float: left;
    padding-left: 90px;
}

    .featur-block-txt p {
        line-height: 20px;
        color: #7d7d7d;
        font-weight: 400;
    }

    .featur-block-txt h4 {
        padding-bottom: 8px;
        line-height: 16px;
    }

.iphone-layer {
    position: relative;
    float: left;
    width: 100%;
}

.ibg {
    position: absolute;
    top: 68px;
    left: 18px;
}

.features .second-main-title {
    padding-bottom: 80px;
}

.featur-block-wrap:first-child .featur-block:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -110px;
    background: url(../img/app/check-line_1.png) no-repeat;
    width: 168px;
    height: 6px;
    z-index: 50;
}

.featur-block-wrap:first-child .featur-block:nth-child(2):after {
    background: url(../img/app/check-line_2.png) no-repeat;
    content: '';
    width: 182px;
    height: 53px;
    top: 10%;
    right: -124px;
    position: absolute;
}

.featur-block-wrap:last-child .featur-block:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -185px;
    background: url(../img/app/check-line_1.png) no-repeat;
    width: 168px;
    height: 6px;
    z-index: 50;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.video-app-title {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align: center;
}

    .video-app-title h2 {
        padding-bottom: 25px;
    }

    .video-app-title p {
        color: #fff;
    }

.video-section {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.bg-video {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

    .bg-video video {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        min-height: 400px;
    }

.video-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
}

.bg-video .container {
    z-index: 2;
}

.video-app-wrappp {
    position: relative;
    float: left;
    width: 100%;
    min-height: 550px;
}

.screen-slider {
    padding-top: 80px;
    width: 100%;
    padding-bottom: 270px;
}

    .screen-slider .swiper-wrapper {
        overflow: hidden;
    }

    .screen-slider .swiper-slide {
        text-align: center;
        position: relative;
        float: none;
        display: inline-block;
    }

        .screen-slider .swiper-slide img {
            transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
        }

        .screen-slider .swiper-slide.swiper-slide-active img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
        }

.screen-layer {
    position: absolute;
    left: 50%;
    top: 180px;
    margin-left: -134px;
    overflow: hidden;
    z-index: 1;
}

.app .pagination {
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    left: 0px;
}

.screen-slider .pagination {
    bottom: 90px;
}

.app .swiper-pagination-switch {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0px 8px;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .app .swiper-pagination-switch.swiper-active-switch {
        background: none;
        border: 1px solid #000;
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
    }

.pricing-app {
    padding-bottom: 25px;
}

    .pricing-app .pricing-kind {
        border-top: 0px none;
        border-bottom: 0px none;
    }

    .pricing-app .price-wrap {
        border-top: 1px solid #c8d7d4;
        border-bottom: 1px solid #c8d7d4;
        color: #af9876;
    }

    .pricing-app .pricing-kind h4 {
        font-size: 18px;
        font-weight: 800;
    }

    .pricing-app .price-wrap span {
        font-size: 85px;
        font-weight: 300;
    }

    .pricing-app .price-wrap sup {
        font-size: 56px;
        font-weight: 300;
    }

    .pricing-app .price-wrap h5 {
        font-size: 16px;
        font-weight: 300;
    }

    .pricing-app .price-ul ul li {
        color: #7d7d7d;
        font-size: 18px;
        line-height: 35px;
        padding: 0px;
        font-weight: 400;
    }

    .pricing-app .main-button-sq {
        font-size: 18px;
        background: #c8d7d4;
        border: 0px none;
        text-transform: capitalize;
    }

    .pricing-app .pricing-kind:hover {
        color: #af9876;
    }

        .pricing-app .pricing-kind:hover .price-ul ul li {
            color: #af9876;
        }

        .pricing-app .pricing-kind:hover .price-wrap {
            border-top: 1px solid #af9876;
            border-bottom: 1px solid #af9876;
        }

    .pricing-app .price-ul .main-button-sq::after {
        background: #af9876;
    }

.app .clients-slider .pagination {
    display: none;
}

.app .clients-slider {
    padding: 80px 0px;
}

.activ-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 0px;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.client-app .logotype-clients:hover .activ-logo {
    opacity: 1;
    cursor: pointer;
}

.logotype-clients.active .activ-logo {
    opacity: 1;
}

.testi-slider-wrap {
    position: relative;
    float: left;
    width: 100%;
}

.app #testi-slider .pagination {
    display: none;
}

.client-app-com {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    padding: 70px 0px 80px;
    text-align: center;
}

    .client-app-com img {
        position: relative;
        float: none;
        display: block;
        margin: 0 auto;
    }

    .client-app-com i {
        font-size: 14px;
        font-family: 'Libre Baskerville', serif;
        line-height: 30px;
        color: #fff;
        text-transform: none;
        position: relative;
        width: 100%;
        display: block;
        padding: 80px 0px 30px;
    }
      .client-app-com1 i {
          font-size: 14px;
          font-family: 'Libre Baskerville', serif;
          line-height: 30px;
          color: #fff;
          text-transform: none;
          position: relative;
          width: 100%;
          display: block;
          padding: 12px 0px 30px;
      }

.rate {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .rate img {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0px 3px;
    }

.download-title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 190px 0px 180px;
}

    .download-title .app-button {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0px 15px 50px;
    }

.app-footer .footer-fix-share {
    z-index: 5;
}

    .app-footer .footer-fix-share a:nth-child(2n+1) {
        background: #e9f1ef;
    }

    .app-footer .footer-fix-share a:nth-child(2n) {
        background: #c8d7d4;
    }

    .app-footer .footer-fix-share a:hover {
        background: #af9876;
    }

.app-footer {
    background: #000;
}

    .app-footer .copy {
        text-align: center;
        float: none;
    }

        .app-footer .copy span {
            color: #000;
        }

.popup-info-modal {
    position: fixed;
    background: #ccc;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    max-width: 180px;
    height: auto;
    padding: 15px;
    margin-top: 50px;
    opacity: 0;
    width: 0px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .popup-info-modal.slide {
        opacity: 1;
        width: 100%;
    }

    .popup-info-modal span {
        font-size: 14px;
        color: #222;
        line-height: 18px;
        position: relative;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }

    .popup-info-modal:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -10px;
        border-style: solid;
        border-width: 10px 15px 10px 0;
        border-color: transparent #ccc transparent transparent;
        z-index: 5;
        margin-top: -10px;
    }

.video-wrapper .app-main-title h1 {
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .brief-caption {
        padding: 50px 15px 30px 35px;
    }
	
}


@media screen and (max-width: 992px) {
    .load-more-brief {
        left: 15px;
    }

    .app-button {
        height: 60px;
        width: 210px;
    }

        .app-button span {
            font-size: 35px;
            width: 60px;
            padding: 12px 16px;
        }

    .button-txt {
        padding-left: 75px;
    }

        .button-txt p {
            font-size: 14px;
            padding-top: 5px;
            padding-bottom: 0px;
        }

        .button-txt h3 {
            font-size: 20px;
        }

    .add-title-img {
        top: -55px;
        margin-right: 0px;
    }

    .brief-section {
        margin-top: 50px;
    }

    .app .logo {
        margin-top: 0px;
    }

    .featur-block-wrap:first-child .featur-block:after {
        display: none;
    }

    .featur-block-wrap:first-child .featur-block:nth-child(2):after {
        display: none;
    }

    .featur-block-wrap:last-child .featur-block:after {
        display: none;
    }

    .featur-block-wrap {
        padding-top: 0px;
    }

    .screen-slider {
        padding-bottom: 180px;
    }

        .screen-slider .pagination {
            bottom: 25px;
        }

    .client-app-com i {
        padding: 40px 10px 30px;
    }

    .client-app-com {
        padding: 60px 0px;
    }

    .download-title {
        padding: 135px 0px 120px;
    }

    .footer-fix-share {
        margin-bottom: 45px;
    }

    .video-app-wrappp {
        min-height: 400px;
    }

    .app-main-title {
        top: 0px;
    }

    .app-title .app-button {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .add-title-img {
        display: none;
    }

    .pricing-app {
        padding-bottom: 40px;
    }

        .pricing-app .pricing-kind {
            padding-left: 60px;
            padding-right: 60px;
        }

    .features {
        padding-bottom: 40px;
    }

    .bg-video video {
        width: auto;
    }

    .app .bannercontainer ul li:after {
        display: none;
    }

    .app-title {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        margin-top: 40px;
    }

        .app-title .app-button {
            margin-bottom: 15px !important;
        }
}

@media screen and (max-width: 480px) {
    .featur-block {
        margin-bottom: 50px;
    }

    .app .logo {
        margin-top: 12px;
    }

    .app nav {
        padding-top: 60px;
    }

    .brief-caption {
        padding: 50px 0px 30px 0px;
    }

    .screen-layer {
        top: 150px;
    }

    .pricing-app .pricing-kind {
        padding-left: 15px;
        padding-right: 15px;
    }

    .download-title .app-button {
        margin: 0px 0px 30px;
    }

    .blog {
        padding: 80px 0px 40px;
    }
}

@media screen and (max-width: 396px) {
    .screen-layer {
        top: 200px;
    }

    .client-app-com i {
        padding: 40px 0px 30px;
    }

    .app-main-title h1 {
        font-size: 32px;
        line-height: 40px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - CAREER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.career {
    background: #f3f3f3;
    color: #606060;
    position: relative;
    width: 100%;
    z-index: 500;
}

    .career .second-main-title {
        padding-bottom: 40px;
    }

        .career .second-main-title h2 {
            padding-bottom: 35px;
        }

    .career .nav-menu-icon a.active i {
        background: none;
    }

    .career .nav-menu-icon a i {
        background: #a1a1a1;
    }

    .career .mobile-icon {
        border: 2px solid #a1a1a1;
    }

    .career.main.fix {
        overflow-y: auto;
    }

    .career .nav-menu-icon a i::before, .career .nav-menu-icon a i::after {
        background: #a1a1a1;
    }

    .career p {
        color: #8f8f8f;
    }

    .career h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }

    .career h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }

    .career h5 {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .career header {
        max-width: 1170px;
        display: block;
        margin: 0 auto;
        left: auto;
        margin-left: -15px;
    }

    .career .corp-baner {
        background: #a1a1a1;
    }

    .career .navigation {
        background: #fff;
        height: 160px;
        width: 102.6%;
        margin-left: -1.3%;
        margin-right: -1.3%;
    }

        .career .navigation:before {
            content: '';
            position: absolute;
            left: 0px;
            bottom: -17px;
            z-index: 5;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 17px 17px 0;
            border-color: transparent #a1a1a1 transparent transparent;
        }

        .career .navigation:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 17px 17px 0 0;
            border-color: #a1a1a1 transparent transparent transparent;
            right: 0px;
            bottom: -17px;
            z-index: 5;
        }

    .career nav {
        padding-top: 70px;
    }

    .career .logo {
        margin-top: 60px;
    }

    .career nav a {
        color: #606060;
    }

        .career nav a:hover {
            color: #ff2020;
        }

        .career nav a.active {
            font-weight: 700;
            color: #000;
        }

.car-home {
    padding-top: 210px;
}

.career-sl-point {
    position: relative;
    float: left;
    width: 100%;
    z-index: 5;
}

    .career-sl-point h2 {
        text-align: left;
        letter-spacing: -1px;
        padding-bottom: 8px;
    }

    .career-sl-point p {
        font-size: 12px;
        line-height: 18px;
        text-align: left;
    }

.career-point {
    position: relative;
    float: left;
    width: 100%;
    height: 155px;
    text-align: left;
    padding: 50px 30px 0px;
    cursor: pointer;
}

    .career-point:nth-child(2n) {
        background: #ebebeb;
    }

    .career-point:nth-child(2n+1) {
        background: #e0e0e0;
    }

.career-slider .pagination {
    display: none;
}

.career-point:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 50%;
    margin-top: -9px;
    border: 9px solid transparent;
    border-right: 9px solid #ff2020;
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.career-point:hover {
    background: #ff2020;
    color: #fff;
}

    .career-point:hover p {
        color: #fff;
    }

    .career-point:hover:before {
        opacity: 1;
    }

.career-point.active {
    background: #ff2020;
    color: #fff;
}

    .career-point.active p {
        color: #fff;
    }

    .career-point.active:before {
        opacity: 1;
    }

.car-service {
    border-bottom: 1px solid #efefef;
}

    .car-service .offerings-section {
        padding-top: 0px;
    }

    .car-service .offer-block img {
        margin: 20px;
    }

    .car-service .offer-block h3 {
        padding-bottom: 30px;
    }

    .car-service .offer-block {
        padding-bottom: 85px;
    }

.car-team .team-col {
    padding-bottom: 80px;
}

.car-team .team-col {
    text-align: center;
}

    .car-team .team-col img {
        width: auto;
        height: auto;
    }

.car-team .team-follow .fa {
    float: none;
    text-align: left;
}

    .car-team .team-follow .fa:hover {
        color: #ff2020;
        border: 1px solid #ff2020;
    }

.career .fix-title {
    text-align: center;
    padding: 170px 0px 135px;
}

    .career .fix-title span {
        text-align: center;
        float: none;
        width: 100%;
        padding-bottom: 40px;
    }

    .career .fix-title .main-button-sq {
        float: none;
        border: 1px solid #fff;
    }

        .career .fix-title .main-button-sq:after {
            background: #0b253b;
        }

        .career .fix-title .main-button-sq:hover {
            border: 1px solid #0b253b;
        }

.position-block {
    position: relative;
    float: left;
    width: 100%;
    padding: 35px 0px 30px;
    text-align: center;
    border: 1px solid #f7f7f7;
}

    .position-block h3 {
        padding-bottom: 12px;
    }

    .position-block p {
        padding: 0px 70px 12px;
        line-height: 20px;
    }

.left-features {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 30px 0px 45px;
}

    .left-features h2 {
        padding-bottom: 10px;
        padding-top: 70px;
    }

    .left-features .line {
        background: #ff2020;
        margin-bottom: 14px;
    }

    .left-features h3 {
        color: #8f8f8f;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 30px;
    }

    .left-features .togglet {
        border: 1px solid #fff;
    }

        .left-features .togglet:hover {
            background: #606060;
            border: 1px solid #606060;
        }

    .left-features .toggle .toggleta {
        background: #606060;
    }

.car-form {
    position: relative;
    float: left;
    width: 100%;
    padding: 75px 35px 85px;
}

    .car-form h2 {
        padding-bottom: 35px;
    }

.car-drop {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    height: 35px;
}

.car-input {
    position: relative;
    float: left;
    width: 100%;
}

.car-form input {
    width: 100%;
    height: 35px;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 0px 15px;
    margin-bottom: 20px;
    background: none;
    position: relative;
    float: left;
}

.half-input input {
    width: 48%;
    margin-left: 4%;
}

    .half-input input:first-child {
        margin-left: 0px;
    }

.car-feat .main-button-sq {
    border: 0px none;
    margin-top: 20px;
    font-weight: 400;
}

.career .main-button-sq:after {
    background: #222;
}

.career .main-button-sq:hover {
    color: #fff;
}

.styled-tabs {
    padding: 50px 0px 20px;
}

.carr-testi .pagination {
    display: none;
}

.lf-block {
    position: relative;
    float: left;
    width: 50%;
}

.testi-caption {
    position: absolute;
    width: 100%;
    bottom: 35px;
    left: 0;
}

.testi-caption-txt {
    position: relative;
    float: right;
    margin-right: 60px;
}

    .testi-caption-txt span {
        font-family: 'Libre Baskerville', serif;
        font-size: 14px;
        font-weight: 400;
    }

    .testi-caption-txt h5 {
        padding: 5px 0px 2px;
    }

.lf-block q {
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    color: #8b8b8b;
    line-height: 25px;
    padding: 50px 30px;
    position: relative;
    float: left;
    width: 100%;
}

.lf-block img {
    width: 100%;
    height: auto;
}

.car-client .slide-prev {
    top: 50%;
    margin-top: -16px;
}

    .car-client .slide-prev:hover span {
        color: #ff2020;
    }

.car-client .slide-next {
    top: 50%;
    margin-top: -16px;
}

    .car-client .slide-next:hover span {
        color: #ff2020;
    }

.car-logo {
    position: relative;
    float: left;
    width: 100%;
    padding: 80px 0px 40px;
}

.footer-grey {
    background: #606060;
}

    .footer-grey .copy {
        padding: 30px 0px 25px 25px;
    }

    .footer-grey .footer-share {
        padding-top: 30px;
        padding-right: 25px;
    }

        .footer-grey .footer-share a:hover {
            color: #333a42;
        }

    .footer-grey .footer-mini-block h3 {
        padding-bottom: 50px;
    }

    .footer-grey .footer-logo-tite {
        margin-bottom: 30px;
    }

    .footer-grey .footer-form input[type="submit"] {
        background: #ff2020;
        border: 0px none;
        padding: 15px 0px;
        height: auto;
    }

        .footer-grey .footer-form input[type="submit"]:hover {
            background: #222;
            color: #fff;
        }

    .footer-grey .footer-mail a {
        color: #606060;
    }

.bottom-footer-bar {
    position: relative;
    float: left;
    width: 100%;
    background: #606060;
}

.career .static-img {
    position: relative;
    float: left;
    width: 100%;
}

.career .date .date-square {
    margin: 0px 5px;
    width: 140px;
    padding: 10px 15px;
    background: #606060;
}

@media screen and (max-width: 1200px) {
    .career-point {
        padding: 20px;
    }

    .career header {
        max-width: 973px;
    }

    .lf-block q {
        padding: 20px;
    }
}

@media screen and (max-width: 992px) {
    .career nav.slide-menu {
        background: #fff;
    }

    .career nav {
        z-index: 100;
    }

    .career .mobile-icon {
        z-index: 101;
    }

    .career .navigation {
        height: 60px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .career .top-baner {
        height: 40px;
        padding-top: 10px;
    }

    .career .logo {
        margin-top: 13px;
    }

    .career .mobile-icon {
        margin-top: 5px;
    }

    .car-home {
        padding-top: 99px;
    }

    .career .navigation::before {
        display: none;
    }

    .career .navigation::after {
        display: none;
    }

    .career-point {
        width: 33.333%;
        padding: 0px;
    }

    .career-sl-point h2 {
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        padding-bottom: 0px;
    }

    .career-sl-point p {
        display: none;
    }

    .career-point:before {
        top: -2px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 16px 12px;
        border-color: transparent transparent #ff2020 transparent;
        margin-left: -9px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .career header {
        max-width: 750px;
    }

    .car-service .offer-block {
        padding: 20px 0px 40px;
    }

    .career .second-main-title {
        padding-top: 40px;
    }

    .car-team .team-col {
        padding-bottom: 40px;
    }

    .career .fix-title {
        padding: 120px 0px 100px;
    }

    .left-features {
        padding-left: 0px;
    }

    .lf-block {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .no-pad {
        padding-left: 0px;
        padding-right: 0px;
    }

    .car-service .offer-block {
        padding: 20px 0px;
    }

    .car-service .offerings-section {
        padding: 40px 0px;
    }

    .career .second-main-title h2 {
        padding-bottom: 20px;
    }

    .left-features {
        padding: 0px 15px 40px;
    }

        .left-features h2 {
            padding-top: 40px;
        }

    .car-form {
        padding: 40px 15px 45px;
    }

    .footer-grey .copy {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }

    .footer-grey .footer-share {
        text-align: center;
        padding-right: 0px;
        width: 100%;
        padding-bottom: 20px;
    }

        .footer-grey .footer-share a {
            float: none;
            margin: 0 10px;
        }
}

@media screen and (max-width: 550px) {
    .career-sl-point h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 480px) {
    .car-form input {
        padding: 0px 10px;
    }

    .career-sl-point {
        display: none;
    }

    .career .corp-baner {
        display: none;
    }

    .car-home {
        padding-top: 59px;
    }

    .testi-caption-txt {
        margin-right: 20px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - SPA */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.spa {
    color: #646464;
}

    .spa h1 {
        font-family: 'Playfair Display', serif;
        font-size: 36px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .spa h2 {
        font-family: 'Playfair Display', serif;
        font-size: 36px;
        text-transform: uppercase;
        font-weight: 400;
        color: #323232;
    }

    .spa h5 {
        font-size: 16px;
    }

    .spa p {
        color: #646464;
        line-height: 24px;
    }

.bar-content {
    padding-top: 38px;
}

    .bar-content .top-icon {
        font-size: 14px;
        color: #000;
    }

    .bar-content span {
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
        color: #787878;
    }

.spa .top-baner {
    text-align: center;
    height: 100px;
    background: #fff;
}

    .spa .top-baner .logo {
        position: relative;
        float: none;
        display: inline-block;
    }

.spa .navigation {
    height: 70px;
    background: #f3f3f3;
}

.spa nav {
    text-align: center;
    padding-top: 25px;
    float: none;
    width: 100%;
}

    .spa nav a {
        color: #646464;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        margin: 0px 18px;
        padding: 0px 12px;
        position: relative;
        float: none;
    }

        .spa nav a:hover {
            color: #e74653;
        }

        .spa nav a span:first-child {
            width: 100%;
            opacity: 0;
            height: 2px;
            background: #e74653;
            border-radius: 2px;
            position: absolute;
            left: 0px;
            top: -8px;
            transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
        }

        .spa nav a span:last-child {
            width: 100%;
            opacity: 0;
            height: 2px;
            background: #e74653;
            border-radius: 2px;
            position: absolute;
            left: 0px;
            bottom: -8px;
            transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
        }

        .spa nav a span:first-child:before {
            position: absolute;
            width: 6px;
            height: 9px;
            content: '';
            background: url(../img/spa/top-right-point.png) no-repeat;
            left: -4px;
            top: 0;
        }

        .spa nav a span:first-child:after {
            position: absolute;
            width: 6px;
            height: 9px;
            content: '';
            background: url(../img/spa/top-left-point.png) no-repeat;
            right: -4px;
            top: 0;
        }

        .spa nav a span:last-child:before {
            position: absolute;
            width: 6px;
            height: 9px;
            content: '';
            background: url(../img/spa/bottom-left-point.png) no-repeat;
            left: -4px;
            bottom: 0;
        }

        .spa nav a span:last-child:after {
            position: absolute;
            width: 6px;
            height: 9px;
            content: '';
            background: url(../img/spa/bottom-right-point.png) no-repeat;
            right: -4px;
            bottom: 0;
        }

        .spa nav a:hover span:last-child {
            opacity: 1;
            bottom: -4px;
        }

        .spa nav a:hover span:first-child {
            opacity: 1;
            top: -4px;
        }

        .spa nav a.active {
            color: #e74653;
            font-weight: 500;
        }

            .spa nav a.active span:last-child {
                opacity: 1;
                bottom: -4px;
            }

            .spa nav a.active span:first-child {
                opacity: 1;
                top: -4px;
            }

.spa .bannercontainer {
    padding-top: 170px;
}

.span-caption {
    position: absolute;
    left: 0%;
    bottom: 115px;
    width: auto;
    background: rgba(0,0,0,0.9);
    text-align: center;
    padding: 35px 80px 40px;
    z-index: 5;
}

    .span-caption h1 {
        padding-bottom: 10px;
    }

    .span-caption p {
        color: #fff;
    }

.separator {
    position: relative;
    float: none;
    display: inline-block;
    margin-bottom: 20px;
}

.spa-title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 152px 0px 75px;
}

    .spa-title h2 {
        padding-bottom: 30px;
        letter-spacing: 1px;
    }

    .spa-title P {
        padding: 0px 80px;
    }

    .spa-title .separator {
        margin-bottom: 55px;
    }

.about-spa {
    padding-bottom: 160px;
}

.about-spa-img {
    position: relative;
    float: left;
    width: 100%;
}

    .about-spa-img img {
        width: 100%;
        height: auto;
    }

.spa .fillter-wrap {
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
}

.spa-button {
    font-size: 18px;
    color: #646464;
    position: relative;
    float: none;
}

.spa .fillter-wrap .spa-button {
    width: 200px;
    background: none;
    font-size: 18px;
}

.spa-button span:first-child {
    width: 100%;
    opacity: 1;
    height: 2px;
    background: #646464;
    border-radius: 2px;
    position: absolute;
    left: 0px;
    top: -6px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .spa-button span:first-child:before {
        position: absolute;
        width: 6px;
        height: 9px;
        content: '';
        background: url(../img/spa/top-right-point_dark.png) no-repeat;
        left: -4px;
        top: 0;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .spa-button span:first-child:after {
        position: absolute;
        width: 6px;
        height: 9px;
        content: '';
        background: url(../img/spa/top-left-point_dark.png) no-repeat;
        right: -4px;
        top: 0;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.spa-button span:last-child {
    width: 100%;
    opacity: 1;
    height: 2px;
    background: #646464;
    border-radius: 2px;
    position: absolute;
    left: 0px;
    bottom: -6px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .spa-button span:last-child:before {
        position: absolute;
        width: 6px;
        height: 9px;
        content: '';
        background: url(../img/spa/bottom-left-point_dark.png) no-repeat;
        left: -4px;
        bottom: 0;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .spa-button span:last-child:after {
        position: absolute;
        width: 6px;
        height: 9px;
        content: '';
        background: url(../img/spa/bottom-right-point_dark.png) no-repeat;
        right: -4px;
        bottom: 0;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

.spa .fillter-wrap .spa-button.activbut {
    color: #e74653;
    font-weight: 400;
}

.spa-button.activbut span:first-child {
    background: #e74653;
}

    .spa-button.activbut span:first-child:before {
        background: url(../img/spa/top-right-point.png) no-repeat;
    }

    .spa-button.activbut span:first-child:after {
        background: url(../img/spa/top-left-point.png) no-repeat;
    }

.spa-button.activbut span:last-child {
    background: #e74653;
}

    .spa-button.activbut span:last-child:before {
        background: url(../img/spa/bottom-left-point.png) no-repeat;
    }

    .spa-button.activbut span:last-child:after {
        background: url(../img/spa/bottom-right-point.png) no-repeat;
    }

.spa .spa-button:hover {
    color: #e74653;
    font-weight: 400;
}

    .spa .spa-button:hover span:first-child {
        background: #e74653;
    }

        .spa .spa-button:hover span:first-child:before {
            background: url(../img/spa/top-right-point.png) no-repeat;
        }

        .spa .spa-button:hover span:first-child:after {
            background: url(../img/spa/top-left-point.png) no-repeat;
        }

    .spa .spa-button:hover span:last-child {
        background: #e74653;
    }

        .spa .spa-button:hover span:last-child:before {
            background: url(../img/spa/bottom-left-point.png) no-repeat;
        }

        .spa .spa-button:hover span:last-child:after {
            background: url(../img/spa/bottom-right-point.png) no-repeat;
        }

.item.spa-item {
    text-align: center;
    padding-top: 40px;
    width: 25%;
}

    .item.spa-item img {
        width: auto;
        height: auto;
    }

.serv-spa {
    padding-bottom: 140px;
}

.serv-spa-title {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

    .serv-spa-title h3 {
        position: relative;
        float: left;
        width: 100%;
        padding: 18px 0px 14px;
    }

.serv-spa-price {
    position: relative;
    float: left;
    width: 100%;
}

    .serv-spa-price .spa-button {
        display: block;
        float: none;
        width: 150px;
        margin: 58px auto 50px;
        font-weight: 500;
        color: #646464;
    }

.serv-spa .grid-sizer {
    width: 25%;
}

.spa-gallery-slider .pagination {
    display: none;
}

.baner-nav-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 140px;
    background: #eaeaea;
}

.gall-spa .slide-next-slide {
    position: absolute;
    right: 50%;
    margin-right: -85px;
    margin-top: -25px;
    top: 50%;
    background: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
}

.gall-spa .slide-prev-slide {
    position: absolute;
    left: 50%;
    margin-left: -85px;
    margin-top: -25px;
    top: 50%;
    background: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
}

.spa .slide-next-slide:after {
    background: url(../img/spa/next-arrow.png) no-repeat;
    width: 16px;
    height: 29px;
    top: 9px;
    left: 15px;
    position: absolute;
    content: '';
}

.spa .slide-prev-slide:after {
    background: url(../img/spa/prev-arrow.png) no-repeat;
    width: 16px;
    height: 29px;
    top: 9px;
    left: 15px;
    position: absolute;
    content: '';
}

.spa .gall-spa .bannercontainer {
    padding-top: 0px;
}

.spa-pattern {
    background: url(../img/spa/sativa.png) repeat;
}

.price-spa {
    padding-bottom: 120px;
}

    .price-spa .pricing-kind {
        border-top: 0px none;
        border-bottom: 0px none;
        padding: 0px 70px 0px;
        margin-top: 0px;
    }

    .price-spa .price-wrap span {
        font-weight: 300;
        font-size: 100px;
        color: #646464;
    }

    .price-spa .pricing-kind {
        color: #646464;
    }

        .price-spa .pricing-kind h4 {
            font-weight: 400;
            font-size: 18px;
        }

    .price-spa .serv-spa-price .spa-button {
        margin: 0px auto;
        font-weight: 300;
    }

    .price-spa .price-ul ul li {
        font-size: 18px;
        line-height: 35px;
        font-weight: 300;
        padding: 0px;
    }

    .price-spa .price-wrap {
        border-top: 1px solid #d9dfe4;
        border-bottom: 1px solid #d9dfe4;
    }

        .price-spa .price-wrap h5 {
            font-weight: 400;
            text-transform: none;
            font-size: 16px;
        }

        .price-spa .price-wrap sup {
            font-size: 55px;
            font-weight: 300;
            color: #646464;
        }

    .price-spa .pricing-kind:hover .price-ul ul li {
        color: #000;
    }

    .price-spa .pricing-kind:hover .price-wrap {
        border-top-color: #000;
        border-bottom-color: #000;
    }

    .price-spa .pricing-kind:hover h4 {
        color: #e74653;
    }

    .price-spa .pricing-kind:hover .price-wrap h5 {
        color: #e74653;
    }

    .price-spa .pricing-kind:hover .price-wrap sup {
        color: #e74653;
    }

    .price-spa .pricing-kind:hover .price-wrap sub {
        color: #e74653;
    }

    .price-spa .pricing-kind:hover .price-wrap span {
        color: #e74653;
    }

.spa-title.no-text .separator {
    margin-bottom: 0px;
}

.newslatter-wrap {
    position: relative;
    float: left;
    width: 100%;
}

.newslatter {
    position: relative;
    float: left;
    width: 100%;
    padding: 100px 0px 50px;
    text-align: center;
}

    .newslatter h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .newslatter .serv-spa-price .spa-button {
        font-weight: 300;
    }

.spa-team {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}

.team-spa {
    padding-bottom: 120px;
}

.spa-team img {
    margin-bottom: 30px;
}

.spa-team h5 {
    padding-bottom: 8px;
}

.spa-team h6 {
    font-size: 13px;
    color: #787878;
    padding-bottom: 20px;
}

.spa-team .team-follow .fa {
    float: none;
    background: #919191;
    color: #fff;
    padding: 6.5px 0px 0px 0;
    margin: 0 5px;
}

    .spa-team .team-follow .fa:hover {
        background: #e74653;
        border: 1px solid #e74653;
    }

.span-clients {
    padding-bottom: 65px;
}

.span-clients {
    position: relative;
    float: left;
    width: 100%;
}

    .span-clients .spa-title {
        padding: 102px 0px 45px;
    }

.spa-clients-txt p {
    padding-bottom: 30px;
}

.spa-clients-txt span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

.spa-logo {
    position: relative;
    float: left;
    width: 100%;
    padding: 160px 0px 0px;
}

.bootom-input {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    padding-top: 10px;
}

    .bootom-input h4 {
        color: #e74653;
    }

    .bootom-input a {
        font-size: 16px;
        color: #787878;
        padding-top: 25px;
        position: relative;
        float: left;
        width: 100%;
    }

        .bootom-input a:hover {
            color: #e74653;
        }

    .bootom-input ul {
        padding-top: 20px;
    }

        .bootom-input ul li {
            font-size: 16px;
            color: #787878;
            line-height: 25px;
        }

.contact-spa .full-width {
    padding-bottom: 160px;
}

.spa-clients-slider .logotype-clients:hover .activ-logo {
    opacity: 1;
}

.spa footer {
    background: #e74653;
}

.spa .footer-share a:hover {
    color: #98151f;
}

.spa-button-s1.spa-button span:first-child {
    background: #e74653;
}

.spa-button-s1.spa-button span:last-child {
    background: #e74653;
}

.spa-button-s1.spa-button span:first-child:before {
    background: url(../img/spa/top-right-point.png) no-repeat;
}

.spa-button-s1.spa-button span:first-child:after {
    background: url(../img/spa/top-left-point.png) no-repeat;
}

.spa-button-s1.spa-button span:last-child:before {
    background: url(../img/spa/bottom-left-point.png) no-repeat;
}

.spa-button-s1.spa-button span:last-child:after {
    background: url(../img/spa/bottom-right-point.png) no-repeat;
}

.spa .date .date-square span {
    color: #e74653;
}

.spa .date .date-square p {
    padding-top: 20px;
}

@media screen and (max-width: 1200px) {
    .spa .fillter-wrap .spa-button {
        width: 130px;
    }
}

@media screen and (max-width: 992px) {
    .spa .mobile-icon {
        border: 0px none;
        margin-top: 11px;
    }

    .spa .nav-menu-icon a i {
        background: #e74653;
    }

        .spa .nav-menu-icon a i::before, .spa .nav-menu-icon a i::after {
            background: #e74653;
        }

    .spa .top-baner {
        height: 60px;
        z-index: 5;
    }

    .bar-content {
        padding-top: 13px;
    }

    .spa .bar-content {
        padding-top: 24px;
    }

    .spa .logo {
        margin-top: 4px;
    }

    .spa .bannercontainer {
        padding-top: 130px;
    }

    .spa nav {
        z-index: 6;
        padding-top: 70px;
    }

        .spa nav a {
            margin: 15px auto;
            display: block;
            float: none;
            max-width: 250px;
        }

    .spa-title {
        padding: 80px 0px 45px;
    }

        .spa-title P {
            padding: 0px 15px;
        }

        .spa-title .separator {
            margin-bottom: 35px;
        }

    .about-spa {
        padding-bottom: 80px;
    }

    .item.spa-item {
        width: 50%;
    }

    .serv-spa .grid-sizer {
        width: 50%;
    }

    .serv-spa {
        padding-bottom: 80px;
    }

    .baner-nav-wrap {
        height: 80px;
    }

    .price-spa {
        padding-bottom: 80px;
    }

    .team-spa {
        padding-bottom: 80px;
    }

    .span-clients {
        padding-bottom: 0px;
    }

        .span-clients .spa-title {
            padding: 60px 0px 25px;
        }

    .spa-logo {
        padding-top: 80px;
    }

    .contact-spa .full-width {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 768px) {
    .spa .fillter-wrap .spa-button {
        width: 100px;
    }

    .spa .fillter-wrap .spa-button {
        font-size: 14px;
        margin: 0px 15px;
    }

    .spa .map-canvas {
        height: 350px;
    }

    .bootom-input {
        padding-bottom: 40px;
    }
	.app nav a {
    color: #fff !important;
}
}

@media screen and (max-width: 600px) {
    .item.spa-item {
        width: 100%;
    }

    .serv-spa .grid-sizer {
        width: 100%;
    }

    .serv-spa-title img {
        display: block;
        margin: 0 auto;
    }

    .spa .fillter-wrap .spa-button span {
        display: none;
    }

    .spa .fillter-wrap .spa-button {
        width: auto;
    }

    .item.spa-item {
        padding-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .spa .top-baner {
        margin-top: -60px;
    }

        .spa .top-baner .logo {
            position: fixed;
            top: 13px;
            left: 15px;
        }

    .spa .bannercontainer {
        padding-top: 69px;
    }

    .spa-title {
        padding: 40px 0px 35px;
    }

    .about-spa {
        padding-bottom: 0px;
    }

    .spa .fillter-wrap .spa-button {
        width: 100%;
        margin: 0px;
    }

    .serv-spa {
        padding-bottom: 40px;
    }

    .price-spa {
        padding-bottom: 40px;
    }

    .newslatter {
        padding: 80px 0px 40px;
    }

    .team-spa {
        padding-bottom: 40px;
    }

    .contact-spa .full-width {
        padding-bottom: 40px;
    }

    .span-caption {
        padding: 25px 15px 30px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - REAL ESTATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.nav-wrap {
    position: relative;
    float: left;
    width: 100%;
}

.wr-menu {
    position: relative;
    display: inline-block;
}

.real nav {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-top: 36px;
}

    .real nav a {
        color: #606060;
        font-weight: 400;
        letter-spacing: 1px;
    }

.real .nav-menu-icon a i {
    background: #b6a795;
}

.real .mobile-icon {
    margin-top: 20px;
    border: 0px none;
}

.real .nav-menu-icon a i:before, .real .nav-menu-icon a i:after {
    background: #b6a795;
}

.real nav a.active {
    color: #b6a795;
}

.real nav a:hover {
    color: #b6a795;
}

.real .logo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

    .real .logo a {
        position: relative;
        float: none;
        display: block;
        margin: 0px auto;
        max-width: 50px;
        z-index: 50;
    }

        .real .logo a img {
            z-index: 50;
        }

.real h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    color: #fff;
}

.real h2 {
    font-size: 36px;
    line-height: 50px;
    color: #b6a795;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.real h3 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 50px;
    color: #b6a795;
    font-family: 'Montserrat', sans-serif;
}

.real h4 {
    font-size: 14px;
    line-height: 18px;
    color: #606060;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.real .navigation {
    height: 85px;
    background: #fff;
}

.real .bannercontainer {
    padding-top: 85px;
}

.real-caption {
    max-width: 680px;
    height: 400px;
    border: 6px solid #fff;
    left: 50%;
    margin-left: -340px;
    z-index: 50;
    color: #fff;
}

.real-caption-nav {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    border-top: 6px solid #fff;
    height: 60px;
}

    .real-caption-nav span {
        font-size: 18px;
        position: relative;
        float: left;
        padding-left: 25px;
        font-weight: 700;
        padding-top: 15px;
    }

.real .next {
    right: 0px;
    width: 50px;
    height: 60px;
    border-left: 6px solid #fff;
    background: none;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.real-caption-nav a:hover {
    color: #f84f4f;
}

.real .prev {
    right: 90px !important;
    left: auto !important;
    width: 50px;
    height: 60px;
    border-left: 6px solid #fff;
    background: none;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.real .next:after {
    background: url(../img/real/right_arrow.png) no-repeat;
    width: 22px;
    height: 18px;
    top: 20px;
    left: 19px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.real .prev:after {
    background: url(../img/real/left_arrow.png) no-repeat;
    width: 22px;
    height: 18px;
    top: 20px;
    left: 19px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.real .next:hover:after {
    margin-left: 15px;
}

.real .prev:hover:after {
    margin-left: -12px;
}

.real-caption h1 {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
    width: 100%;
    left: 0px;
}

.real-caption-button {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
    color: #fff;
    padding: 18px 16px;
    border-left: 6px solid #fff;
    border-bottom: 6px solid #fff;
    background: #f84f4f;
}

.about-real {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 160px;
}

.real-title {
    position: relative;
    float: left;
    width: 100%;
    padding: 150px 0px 15px;
}

    .real-title .line {
        width: 30px;
        height: 3px;
        background: #606060;
        margin-bottom: 45px;
    }

    .real-title h2 {
        padding-bottom: 24px;
    }

    .real-title p {
        padding-bottom: 70px;
    }

.real .scrollto {
    padding-bottom: 160px;
}

.hight-block {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .hight-block img {
        margin-bottom: 30px;
    }

.about-real .real-title {
    padding: 0px;
}

    .about-real .real-title h3 {
        padding-bottom: 20px;
    }

    .about-real .real-title p {
        padding: 0px;
    }

.real-pattern {
    background: url(../img/real/old_wall.png) repeat;
}

.real .scrollto.home-real {
    padding-bottom: 0px;
}

.hight-real-img {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 160px;
}

    .hight-real-img img {
        width: 100%;
        height: auto;
    }

.real .hight-real.scrollto {
    padding-bottom: 0px;
}

.real-img-wall {
    position: relative;
    float: left;
    width: 100%;
}

    .real-img-wall img {
        margin-bottom: 30px;
    }

.amenities-real .togglet {
    border: 0px none;
    border-bottom: 1px solid #c2c2c2;
    padding: 15px 15px 15px 0px;
    height: auto;
}

.amenities-real .styled-tabs {
    padding: 0px;
    padding-right: 10px;
}

.amenities-real .togglet:hover {
    background: none;
}

    .amenities-real .togglet:hover h4 {
        color: #606060;
    }

.amenities-real .toggle .toggleta h4 {
    color: #606060;
}

.amenities-real .toggle .toggleta {
    background: none;
}

.ameniti-list {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 0px;
}

    .ameniti-list li {
        font-size: 12px;
        line-height: 24px;
        padding: 10px 0px;
    }

    .ameniti-list img {
        margin: 0px 15px 0 0;
    }

.gall-real .bannercontainer {
    padding-top: 0px;
}

.real .gall-real.scrollto {
    padding-bottom: 0px;
}

.real .gall-real .next {
    top: 50%;
}

.real .gall-real .prev {
    top: 50%;
}

.img-points {
    position: absolute;
    left: 0px;
    bottom: 0px !important;
    width: 100%;
    z-index: 50;
}

    .img-points .points-prev {
        position: relative;
        float: left;
        width: 16.66666666666667%;
        cursor: pointer;
    }

        .img-points .points-prev img {
            width: 100%;
            height: auto;
        }

.layer-prev {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    opacity: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.points-prev.active .layer-prev {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.real .testi-real.scrollto {
    padding-bottom: 0px;
}

.real .spa-clients-txt p {
    color: #fff;
}

.real .spa-clients-txt span {
    color: #fff;
}

.real-point {
    position: absolute;
    left: 0px;
    bottom: 40px;
    width: 100%;
    text-align: center;
}

    .real-point .swiper-pagination-switch {
        cursor: pointer;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        position: relative;
        display: inline-block;
        float: none;
        margin: 0px 5px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

        .real-point .swiper-pagination-switch.swiper-active-switch {
            border-radius: 50%;
            border: 1px solid #fff;
            background: none;
        }

.real .spa-testi {
    padding-bottom: 130px;
}

.real .spa-clients-txt p {
    padding-bottom: 25px;
}

.testi-real .real-title {
    padding-top: 90px;
}

    .testi-real .real-title .line {
        background: #fff;
        margin-bottom: 35px;
    }

.real .bootom-input {
    border-top: 1px solid #b6a795;
}

    .real .bootom-input h4 {
        font-weight: 400;
    }

.real .contact-spa.scrollto {
    padding-bottom: 0px;
}

.real footer {
    background: #b6a795;
}

    .real footer .copy {
        padding: 40px 0px;
    }

    .real footer .footer-share {
        padding-top: 40px;
    }

        .real footer .footer-share a:hover {
            color: #3c3124;
        }

.real .bootom-input a:hover {
    color: #b6a795;
}

.gall-real-navigation .next {
    border-left: 0px none;
}

.gall-real-navigation .prev {
    border-left: 0px none;
    left: 90px;
    right: auto !important;
}

.gall-real-navigation {
    display: none;
}

.real .date .date-square {
    background: #b6a795;
    padding: 10px 15px;
    margin: 0px 5px;
    width: 160px;
}

@media screen and (max-width: 992px) {
    .real .scrollto {
        padding-bottom: 80px;
    }

    .about-real {
        padding-top: 80px;
    }

    .real-title {
        padding-top: 80px;
    }

    .hight-block img {
        margin-bottom: 15px;
    }

    .hight-block {
        padding-bottom: 30px;
    }

    .real-title p {
        padding-bottom: 40px;
    }

    .hight-real-img {
        padding-top: 80px;
    }

    .amenities-real .styled-tabs {
        padding: 0px 0px 80px 0px;
    }

    .real-img-wall img {
        width: 100%;
        height: auto;
    }

    .real .logo a {
        margin: 0px;
    }

    .real nav {
        position: fixed;
        padding-top: 80px;
    }

        .real nav a {
            margin: 10px 0px;
        }

    .wr-menu {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .real-caption {
        max-width: 100%;
        left: 0px;
        margin-left: 0px;
    }

    .bg-bg-chrome {
        position: absolute;
    }
}

@media screen and (max-width: 650px) {
    .real footer .footer-share {
        padding-top: 0px;
    }

    .img-points {
        display: none;
    }

    .gall-real-navigation {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .real .logo {
        margin-top: 24px;
    }

    .real-caption-nav span {
        font-size: 16px;
        padding-left: 5px;
    }

    .real .next {
        margin-top: -20px !important;
    }

    .real .prev {
        margin-top: -20px !important;
    }

    .real .scrollto {
        padding-bottom: 40px;
    }

    .about-real {
        padding-top: 40px;
    }

    .real-title .line {
        margin-bottom: 20px;
    }

    .about-real img {
        width: 100%;
        height: auto;
    }

    .real-title {
        padding-top: 40px;
    }

    .hight-real-img {
        padding-top: 40px;
    }

    .real-title h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .testi-real .real-title .line {
        margin-bottom: 20px;
    }

    .testi-real .real-title {
        padding-top: 50px;
    }

    .real .spa-testi {
        padding-bottom: 90px;
    }

    .real .spa-clients-txt p {
        padding-bottom: 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - EDUCATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.education .bannercontainer {
    padding-top: 0px;
    min-height: 600px;
}

.education h1 {
    font-size: 24px;
    font-weight: 700;
    color: #009ddc;
    line-height: 26px;
}

.education h2 {
    font-size: 24px;
    font-weight: 700;
}

.education h3 {
    font-size: 16px;
    font-weight: 500;
}

.education .top-icon {
    color: #000;
}

.education p {
    color: #787878;
    font-weight: 400;
}

.education .navigation {
    background: #009ddc;
    height: 90px;
}

.education .top-baner {
    background: #f3f3f3;
}

.education .logo {
    margin-top: 38px;
    margin-left: 15px;
}

.education .soon .logo {
    margin-left: 0px;
}

.education nav {
    padding-top: 37px;
}

    .education nav a {
        color: #fff;
    }

        .education nav a:hover {
            color: #ffc000;
        }

        .education nav a.active {
            color: #ffc000;
        }

.education .prev {
    background: #009ddc;
}

.education .next {
    background: #009ddc;
}

    .education .next:hover {
        background: #FFC000;
    }

.education .prev:hover {
    background: #FFC000;
}

.education .login {
    position: relative;
    float: right;
    margin-top: 20px;
}

    .education .login a {
        font-size: 12px;
        text-transform: uppercase;
        color: #646464;
        padding: 0px 5px;
        line-height: 12px;
        position: relative;
        float: left;
    }

        .education .login a:first-child {
            border-right: 1px solid #646464;
        }

.edu-home {
    margin-top: 144px;
}

    .edu-home.no-m {
        margin-top: 0px;
    }

.edu-title {
    padding: 105px 0px 45px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

    .edu-title h2 {
        padding-bottom: 22px;
    }

.education .edu-top-baner {
    position: relative;
    float: left;
    width: 100%;
    padding: 130px 0px;
}

.edu-top-baner .vertical-align {
    z-index: 5;
}

.education .edu-top-baner.no-padd {
    padding: 0px;
}

.main-form {
    position: relative;
    float: left;
    background: rgba(255,255,255,0.9);
    width: 420px;
    padding: 40px;
    z-index: 50;
}

.input-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 45px;
    border: 1px solid #cac9c9;
    margin-bottom: 10px;
}

    .input-wrap input {
        width: 100%;
        height: 45px;
        padding-left: 45px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
    }

    .input-wrap img {
        position: absolute;
        left: 15px;
        top: 13px;
    }

.main-form h1 {
    padding-bottom: 8px;
}

.main-form h5 {
    font-size: 13px;
    color: #000;
}

.main-form p {
    padding-bottom: 25px;
    padding-top: 36px;
    position: relative;
    float: left;
    width: 100%;
    line-height: 20px;
    font-size: 12px;
}

.main-form input[type="submit"] {
    width: 100%;
    background: #ffc000;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    height: 45px;
    position: relative;
    float: left;
    margin-top: 20px;
}

    .main-form input[type="submit"]:hover {
        background: #009ddc;
        color: #fff;
    }

.main-form a {
    color: #009ddc;
    font-size: 14px;
}

    .main-form a span {
        text-decoration: underline;
    }

        .main-form a span:hover {
            color: #ffc000;
        }

.education .main-button-sq {
    font-weight: 700;
    font-size: 14px;
    padding: 12px 42px;
}

    .education .main-button-sq:after {
        background: #e1e1e1;
    }

.edu-about {
    padding-bottom: 100px;
    position: relative;
    float: left;
    width: 100%;
}

.item.edu-item {
    color: #787878;
    padding: 0px 15px 30px;
    width: 25%;
}

.edu-course .grid-sizer {
    width: 25%;
}

.edu-course .izotope-container {
    padding-bottom: 120px;
}

.edu-item-caption {
    position: relative;
    float: left;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid #e5e5e5;
}

    .edu-item-caption h3 {
        padding-bottom: 17px;
    }

.edu-item-rate {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 22px;
}

.edu-comm img {
    width: auto;
    height: auto;
    position: relative;
    float: left;
}

.edu-comm span {
    font-size: 14px;
    position: relative;
    float: left;
    padding-left: 10px;
}

.edu-star span {
    font-size: 16px;
    padding: 0px 4px;
}

.edu-item-rate .main-button-sq {
    color: #000;
    font-weight: 500;
    width: 100%;
    margin-top: 25px;
}

.izotope-dropdown {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 55px;
}

    .izotope-dropdown .drop {
        position: relative;
        display: block;
        height: 40px;
        z-index: 5;
        max-width: 250px;
        margin: 0 auto;
        top: 0px;
        text-align: left;
    }

    .izotope-dropdown .fillter-wrap {
        padding-bottom: 0px;
    }

    .izotope-dropdown .drop b {
        position: relative;
        float: left;
        width: 100%;
        height: 40px;
        padding-left: 15px;
        border: 1px solid #ccc;
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 400;
        padding-top: 8px;
        color: #8f8f8f;
    }

    .izotope-dropdown .drop .drop-list {
        position: absolute;
        right: 16px;
        top: 8px;
    }

    .izotope-dropdown .drop span {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        display: none;
        z-index: 50;
        border: 1px solid #fff;
    }

    .izotope-dropdown .drop-list.act {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        z-index: 51;
        margin-top: 4px;
    }

    .izotope-dropdown .drop span button {
        color: #fff;
        background: #009DDC;
        font-size: 14px;
        margin: 0px;
        font-weight: 400;
        float: left;
        position: relative;
        width: 100%;
        height: 40px;
        text-decoration: none;
        text-align: left;
        padding: 0px 0 0 15px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        z-index: 52;
        text-transform: uppercase;
    }

        .izotope-dropdown .drop span button:hover {
            background: #FFC000;
            color: #fff;
        }

.edu-aword {
    position: relative;
    float: left;
    width: 100%;
}

    .edu-aword .line {
        background: #fff;
        margin-bottom: 20px;
    }

.et-icon {
    font-size: 40px;
    color: #fff;
    position: relative;
    float: none;
    display: inline-block;
    width: 100%;
}

.edu-aword .count-block {
    padding: 145px 0px;
}

    .edu-aword .count-block h4 {
        padding-bottom: 20px;
        padding-top: 15px;
    }

    .edu-aword .count-block span {
        font-size: 50px;
    }

.edu-teach-team {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 80px;
}

.teach-cours {
    padding-bottom: 160px;
}

.edu-teach .spa-team h5 {
    font-size: 16px;
    font-weight: 500;
}

.edu-teach .spa-team .team-follow .fa {
    border: 0px none;
}

    .edu-teach .spa-team .team-follow .fa:hover {
        background: #009DDC;
    }

.teach-cor-block {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
}

    .teach-cor-block img {
        width: 100%;
        height: auto;
        padding: 5px;
    }

.teach-cor-img {
    position: relative;
    float: left;
    width: 100%;
}

    .teach-cor-img .edu-star {
        position: absolute;
        right: 15px;
        bottom: 20px;
    }

.teach-cor-txt {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 35px 25px;
}

    .teach-cor-txt .main-button-sq {
        font-size: 14px;
        width: 130px;
        font-weight: 500;
        padding: 12px 0px;
        text-align: center;
        float: none;
        margin: 0px 5px;
        letter-spacing: 0px;
    }

        .teach-cor-txt .main-button-sq:after {
            background: #ffc000;
        }

.bg-stik-orange {
    background: #ff6d00;
}

.bg-stik-green {
    background: #14a145;
}

.teach-cor-txt p {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.teach-cor-txt h3 {
    padding-bottom: 15px;
}

.stiker {
    position: absolute;
    top: 15px;
    left: 5px;
    height: 35px;
    width: 123px;
    border-top-left-radius: 3px;
    padding-top: 9px;
    text-align: center;
}

    .stiker span {
        font-size: 14px;
        font-weight: 700;
        color: #000;
    }

    .stiker:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 14px 0 0;
        content: '';
        position: absolute;
        right: -14px;
        top: 0px;
    }

    .stiker.bg-stik-orange:after {
        border-color: #ff6d00 transparent transparent transparent;
    }

    .stiker.bg-stik-green:after {
        border-color: #14a145 transparent transparent transparent;
    }

    .stiker:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 0 0 14px;
        position: absolute;
        content: '';
        bottom: 0px;
        right: -14px;
    }

    .stiker.bg-stik-orange:before {
        border-color: transparent transparent transparent #ff6d00;
    }

    .stiker.bg-stik-green:before {
        border-color: transparent transparent transparent #14a145;
    }

.edu-pricing {
    padding-bottom: 120px;
}

    .edu-pricing .pricing-kind {
        border-top: 0px none;
        border-bottom: 0px none;
        padding: 0px 70px;
        background: #f6f6f6;
        color: #0e0e0e;
    }

    .edu-pricing .price-wrap {
        border-top: 1px solid #d9dfe4;
        border-bottom: 1px solid #d9dfe4;
    }

        .edu-pricing .price-wrap span {
            font-size: 100px;
            font-weight: 300;
            color: #0e0e0e;
        }

        .edu-pricing .price-wrap h5 {
            font-weight: 400;
            font-size: 16px;
            text-transform: none;
        }

        .edu-pricing .price-wrap sup {
            font-size: 55px;
            color: #0e0e0e;
        }

    .edu-pricing .price-ul ul li {
        padding: 0px;
        line-height: 38px;
        color: #787878;
        font-size: 18px;
    }

    .edu-pricing .pricing-kind h4 {
        font-weight: 500;
    }

    .edu-pricing .pricing-kind:hover {
        background: #ffc000;
    }

        .edu-pricing .pricing-kind:hover h4 {
            color: #0e0e0e;
        }

        .edu-pricing .pricing-kind:hover span {
            color: #0e0e0e;
        }

        .edu-pricing .pricing-kind:hover h5 {
            color: #0e0e0e;
        }

        .edu-pricing .pricing-kind:hover .price-wrap {
            border-top: 1px solid #d09d00;
            border-bottom: 1px solid #d09d00;
        }

            .edu-pricing .pricing-kind:hover .price-wrap sub {
                color: #0e0e0e;
            }

            .edu-pricing .pricing-kind:hover .price-wrap sup {
                color: #0e0e0e;
            }

        .edu-pricing .pricing-kind:hover .price-ul ul li {
            color: #0e0e0e;
        }

    .edu-pricing .main-button-sq {
        border: 0px none;
    }

        .edu-pricing .main-button-sq:after {
            background: #000;
            color: #f6d05e;
        }

.edu-testi .corpor-comm img {
    width: 100px;
    height: 100px;
}

.edu-testi .corpor-comm p {
    color: #000;
    font-size: 18px;
    font-style: italic;
    padding-bottom: 20px;
    padding-top: 50px;
}

.edu-testi .corpor-comm span {
    color: #eeeeee;
    font-size: 14px;
    font-weight: 500;
}

.edu-testi .testi-slider {
    padding: 100px 0px 160px;
}

    .edu-testi .testi-slider .corp-points {
        bottom: 100px;
    }

.education .footer-mini-block h3 {
    font-weight: 400;
}

.footer-yellow {
    background: #ffc000;
}

    .footer-yellow .footer-form input[type="submit"] {
        background: #f6d05e;
        border: 0px none;
        color: #0e0e0e;
    }

    .footer-yellow .footer-top-bar {
        padding-bottom: 0px;
    }

    .footer-yellow .footer-share a:hover {
        color: #009ddc;
    }

.no-m .edu-top-baner .vertical-align {
    margin-top: 72px;
}


@media screen and (max-width: 1200px) {
    .education .edu-top-baner {
        padding: 80px 0px;
    }
}

@media screen and (max-width: 992px) {
    .education .prev {
        background: none;
    }

    .education .next {
        background: none;
    }

    .education nav {
        z-index: 60;
        padding-top: 90px;
    }

    .education .mobile-icon {
        z-index: 61;
    }

    .education .mobile-icon {
        margin-top: 20px;
    }

    .education .edu-top-baner {
        padding: 40px 0px;
    }

    .edu-title {
        padding-top: 60px;
    }

    .edu-about {
        padding-bottom: 60px;
    }

    .item.edu-item {
        width: 50%;
    }

    .edu-course .izotope-container {
        padding-bottom: 60px;
    }

    .edu-aword .count-block {
        padding: 60px 0px 30px;
    }

    .edu-aword .time-line {
        padding-bottom: 30px;
    }

    .edu-teach-team {
        padding-bottom: 40px;
    }

    .teach-cor-block {
        margin-bottom: 30px;
    }

    .teach-cours {
        padding-bottom: 80px;
    }

    .edu-pricing .pricing-kind {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .edu-pricing {
        padding-bottom: 60px;
    }

    .edu-testi .testi-slider {
        padding: 80px 0px 100px;
    }

        .edu-testi .testi-slider .corp-points {
            bottom: 50px;
        }

    .flat .pagination {
        top: 20%;
    }
}

@media screen and (max-width: 768px) {
    .edu-aword .count-block {
        padding: 20px 0px;
    }

    .edu-aword .time-line {
        padding: 40px 0px;
    }
}

@media screen and (max-width: 550px) {
    .item.edu-item {
        width: 100%;
        padding: 0px 0px 40px;
    }
}

@media screen and (max-width: 480px) {
    .main-form {
        width: 320px;
        padding: 20px 10px;
        margin-left: -160px;
        left: 50%;
    }

        .main-form p {
            padding: 20px 0px 15px;
        }

    .edu-title h2 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    .edu-title {
        padding: 40px 0px 20px;
    }

    .edu-about {
        padding-bottom: 40px;
    }

    .education p {
        font-size: 13px;
    }

    .edu-course .izotope-container {
        padding-bottom: 40px;
    }

    .teach-cours {
        padding-bottom: 40px;
    }

    .edu-pricing {
        padding-bottom: 40px;
    }

    .edu-testi .corpor-comm p {
        padding-top: 30px;
    }

    .education .next {
        display: none;
    }

    .education .prev {
        display: none;
    }

    .edu-pricing .pricing-kind {
        padding: 0px 40px;
    }
}

@media screen and (max-height: 676px) {
    .main-form {
        padding: 20px 40px;
    }

        .main-form p {
            padding: 15px 0px;
        }

        .main-form input[type="submit"] {
            margin-top: 0px;
        }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - RESTAURANT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.bg-orang-2 {
    background: #ff9435;
}

.rest h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.rest h2 {
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 400;
}

.rest h3 {
    font-size: 16px;
    font-family: 'Libre Baskerville', serif;
}

.rest h4 {
    font-size: 14px;
    font-family: 'Libre Baskerville', serif;
}

.rest p {
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
    line-height: 24px;
    color: #646464;
}

.rest header {
    max-width: 100%;
    right: -100%;
    left: auto;
    background: #1f1b1b;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 0px;
    z-index: 100;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .rest header.move {
        right: 0px;
        height: 100%;
    }

.rest .mobile-icon {
    position: fixed;
    right: 0px;
    top: 0px;
    background: #f7f7f7;
    border: 0px none;
    border-radius: 0px;
    margin-top: 0px;
    display: block;
    z-index: 101;
}

.rest .nav-menu-icon {
    left: 14px;
}

    .rest .nav-menu-icon a i {
        background: #000000;
        height: 2px;
    }

    .rest .nav-menu-icon a.active i {
        background: #f7f7f7;
    }

    .rest .nav-menu-icon a i::before, .rest .nav-menu-icon a i::after {
        height: 2px;
        background: #000;
    }

.rest nav {
    width: 100%;
    text-align: center;
}

    .rest nav a {
        width: 100%;
        position: relative;
        float: left;
        margin: 0px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 0px;
        text-transform: uppercase;
    }

        .rest nav a:hover {
            text-decoration: line-through;
            color: #9d846e;
        }

        .rest nav a.active {
            text-decoration: line-through;
            color: #9d846e;
        }

    .rest nav .logo {
        position: relative;
        float: none;
        display: inline-block;
        margin-bottom: 50px;
    }

.menu-follow {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 120px;
}

    .menu-follow h6 {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        padding-bottom: 40px;
    }

    .menu-follow a {
        font-size: 18px;
        color: #1f1b1b;
        position: relative;
        float: none;
        display: inline-block;
        background: #fff;
        border-radius: 50%;
        width: 33px;
        height: 33px;
        padding-top: 3px;
        margin: 0 14px;
    }

        .menu-follow a:hover {
            background: #ff9435;
            color: #fff;
        }

.rest .bannercontainer {
    padding-top: 0px;
    height: 100vmin !important;
}

.res-main-title {
    color: #fff;
}

.rest-home .vertical-align {
    z-index: 5;
}

.res-main-title h1 {
    padding-top: 40px;
}

.res-main-title i {
    text-transform: none;
    font-size: 48px;
}

.res-main-title h2 {
    padding-top: 30px;
}

.rest .second-main-title {
    padding: 110px 0px 62px;
}

    .rest .second-main-title .line {
        background: #ff9435;
        height: 2px;
        width: 31px;
        margin-bottom: 45px;
    }

    .rest .second-main-title h2 {
        padding-bottom: 20px;
    }

.rest-wall {
    position: relative;
    float: left;
    width: 100%;
    padding: 70px 0px 50px;
}

    .rest-wall img {
        width: 100%;
        height: auto;
    }

.rest-quote {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 45px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

    .rest-quote q {
        color: #ff9435;
        font-size: 18px;
        line-height: 38px;
        font-family: 'Libre Baskerville', serif;
    }

.res-point {
    position: relative;
    float: left;
    width: 16.66666666666667%;
    text-align: center;
    color: #9d846e;
    cursor: pointer;
}

    .res-point:hover {
        color: #ff9435;
    }

    .res-point img, .res-point h4 {
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
    }

    .res-point:hover .img-defalt {
        opacity: 0;
    }

    .res-point:hover .act-point {
        opacity: 1;
    }

.res-point-img {
    position: relative;
    float: none;
    display: inline-block;
}

.act-point {
    position: absolute;
    margin: 0 auto;
    display: block;
    top: 0px;
    opacity: 0;
}

.res-point h4 {
    padding: 40px 0px 20px;
    text-transform: uppercase;
}

.res-point.active {
    color: #ff9435;
}

    .res-point.active .img-defalt {
        opacity: 0;
    }

    .res-point.active .act-point {
        opacity: 1;
    }

.menu-img-wall img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.menu-list {
    position: relative;
    float: left;
    width: 100%;
    padding-right: 50px;
    margin-top: -22px;
}

    .menu-list li {
        font-size: 14px;
        line-height: 24px;
        color: #646464;
        padding: 22px 0px;
        text-transform: uppercase;
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }

        .menu-list li span {
            position: relative;
            float: right;
            font-size: 14px;
            font-family: 'Libre Baskerville', serif;
            font-style: italic;
            color: #ff9435;
        }

.menu-slider {
    padding: 90px 0px 130px;
}

.rest-update {
    position: relative;
    float: left;
    width: 100%;
}

.rest .rest-update .main-button-sq {
    float: none;
    font-size: 16px;
    border: 1px solid #fff;
}

    .rest .rest-update .main-button-sq:after {
        background: #ff9435;
    }

    .rest .rest-update .main-button-sq:hover {
        border: 1px solid #ff9435;
        color: #fff;
    }

.rest-update .second-main-title {
    padding: 70px 0px 20px;
}

    .rest-update .second-main-title h2 {
        color: #fff;
    }

    .rest-update .second-main-title p {
        color: #fff;
    }

.rest .rest-update .fix-title {
    padding: 60px 0px 90px;
}

.menu-slider .pagination {
    display: none;
}

.rest-tour .pagination {
    display: none;
}

.rest-tour-wrapp {
    position: relative;
    float: left;
    width: 100%;
}

.rest-tour {
    position: relative;
    width: 100%;
    float: left;
    max-height: 400px;
}

.rest-slide {
    position: relative;
    float: left;
}
/*.rest-slide img {width: 100%; height: auto;}*/
.mfp-bg {
    max-height: 650px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: rgba(0,0,0,0.95);
}

.rest-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.rest-tour .swiper-slide.swiper-slide-visible .rest-layer {
    opacity: 1;
}

.rest-tour .swiper-slide.swiper-slide-visible.swiper-slide-active .rest-layer {
    opacity: 0;
}

.rest-slide a {
    z-index: 2;
    position: relative;
    float: left;
    width: 100%;
}

.rest .baner-nav-wrap {
    height: 76px;
    background: #f7f7f7;
}

    .rest .baner-nav-wrap .slide-prev-slide {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -50px;
        margin-top: -11px;
        cursor: pointer;
    }

    .rest .baner-nav-wrap .slide-next-slide {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: -50px;
        margin-top: -11px;
        cursor: pointer;
    }

    .rest .baner-nav-wrap span {
        font-size: 22px;
        color: #9d846e;
    }

    .rest .baner-nav-wrap .slide-next-slide:hover span {
        color: #ff9435;
    }

    .rest .baner-nav-wrap .slide-prev-slide:hover span {
        color: #ff9435;
    }

.chef-wrapp {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    padding-bottom: 160px;
}

.chef-item {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

    .chef-item img {
        width: 100%;
        height: auto;
    }

.later-ch {
    position: absolute;
    left: -100%;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(157,132,110,0.6);
    padding: 40px 30px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

    .later-ch h3 {
        text-transform: uppercase;
        color: #fff;
        padding-bottom: 15px;
    }

    .later-ch .line {
        width: 14px;
        background: #fff;
        margin-bottom: 15px;
    }

    .later-ch p {
        color: #e8e8e8;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }

.ch-follow {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 30px;
}

    .ch-follow a {
        background: #fff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        float: left;
        margin-right: 15px;
        text-align: center;
        padding-top: 3px;
    }

        .ch-follow a span {
            font-size: 14px;
            color: #9d846e;
            transition: all 0.3s ease-in;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
        }

        .ch-follow a:hover {
            background: #9d846e;
        }

            .ch-follow a:hover span {
                color: #fff;
            }

.chef-item:hover .later-ch {
    left: 0px;
}

.make-res {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #dfdfdf;
}

    .make-res h4 {
        border-bottom: 1px solid #dfdfdf;
        text-transform: uppercase;
        color: #9d846e;
        text-align: center;
        padding: 20px 0px;
    }

.make-res-inputs {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 25px 44px;
    text-align: center;
}

    .make-res-inputs input {
        width: 100%;
        font-size: 12px;
        color: #646464;
        text-transform: capitalize;
        border-bottom: 1px solid #dfdfdf;
        padding: 30px 0px 15px;
        position: relative;
        float: left;
    }

    .make-res-inputs .half-in {
        width: 45%;
    }

    .make-res-inputs input:nth-child(3) {
        margin-left: 10%;
    }

    .make-res-inputs input[type="submit"] {
        width: auto;
        display: inline-block;
        margin: 0 auto;
        padding: 15px 40px;
        text-transform: uppercase;
        font-size: 14px;
        border: 1px solid #dfdfdf;
        float: none;
        margin-top: 50px;
    }

        .make-res-inputs input[type="submit"]:hover {
            background: #9d846e;
            color: #fff;
        }

.reserv-info {
    position: relative;
    float: left;
    width: 100%;
}

    .reserv-info i {
        font-family: 'Libre Baskerville', serif;
        font-size: 14px;
        color: #9d846e;
        border-bottom: 1px solid #9d846e;
        padding: 15px 0px;
        position: relative;
        float: left;
        width: 100%;
        text-transform: none;
    }

.reserv-info-type {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0px 15px;
}

    .reserv-info-type h4 {
        padding-bottom: 15px;
        color: #9d846e;
        text-transform: uppercase;
    }

    .reserv-info-type span {
        color: #646464;
        font-size: 14px;
        position: relative;
        float: left;
    }

        .reserv-info-type span:nth-child(2n+1) {
            float: right;
        }

.rest .span-clients {
    margin-top: 100px;
    padding-bottom: 130px;
}

    .rest .span-clients .spa-clients-txt {
        padding-top: 120px;
    }

        .rest .span-clients .spa-clients-txt p {
            color: #fff;
            font-size: 16px;
            font-family: 'Libre Baskerville', serif;
            line-height: 24px;
            font-style: italic;
            padding-bottom: 50px;
        }

.people-say {
    position: relative;
    float: none;
    display: inline-block;
}

    .people-say img {
        position: relative;
        float: left;
    }

.people-say-txt {
    position: relative;
    float: left;
    text-align: left;
    padding-left: 20px;
}

    .people-say-txt h3 {
        color: #fff;
        padding-bottom: 10px;
    }

    .people-say-txt h6 {
        font-size: 13px;
        color: #fff;
    }

.rest .span-clients .pagination {
    display: none;
}

.rest-blog {
    padding-top: 160px;
    padding-bottom: 100px;
}

    .rest-blog .post-img span {
        letter-spacing: 2px;
    }

    .rest-blog .post-text a h3 {
        font-style: italic;
        font-size: 18px;
        color: #9d846e;
    }

    .rest-blog .post-text .line {
        width: 30px;
        background: #ff9435;
    }

    .rest-blog .post-text h6 {
        color: #646464;
    }

    .rest-blog .post-text p {
        color: #646464;
        font-size: 12px;
        line-height: 25px;
    }

.rest-contact .footer-fix-share a {
    background: none;
    border: 1px solid #dfdfdf;
}

    .rest-contact .footer-fix-share a:nth-child(2n) {
        background: none;
    }

    .rest-contact .footer-fix-share a:nth-child(2n+1) {
        background: none;
    }

    .rest-contact .footer-fix-share a span {
        color: #9d846e;
    }

    .rest-contact .footer-fix-share a i {
        color: #d1d1d1;
    }

.footer-rest {
    position: relative;
    float: left;
    width: 100%;
    padding: 160px 0px;
}

    .footer-rest .bootom-input {
        border-top: 1px solid #dfdfdf;
    }

        .footer-rest .bootom-input h4 {
            color: #9d846e;
        }

        .footer-rest .bootom-input a:hover {
            color: #9d846e;
        }

.rest footer {
    text-align: center;
    background: #d1d1d1;
}

    .rest footer .copy {
        width: 100%;
        padding: 35px 0px;
    }

        .rest footer .copy span {
            text-transform: uppercase;
            color: #9d846e;
            font-size: 12px;
            font-family: 'Libre Baskerville', serif;
            line-height: 24px;
        }

@media screen and (max-width: 992px) {
    .rest .second-main-title {
        padding: 80px 0px 40px;
    }

    .rest-quote {
        padding: 10px 25px;
    }

    .menu-list {
        padding-bottom: 40px;
        padding-right: 0px;
    }

    .menu-slider {
        padding: 60px 0px 80px;
    }

    .rest .rest-update .fix-title {
        padding: 40px 0px;
    }

    .rest-update .second-main-title {
        padding-bottom: 20px;
    }

    .rest .second-main-title .line {
        margin-bottom: 25px;
    }

    .chef-wrapp {
        padding-bottom: 80px;
    }

    .reserv-info {
        padding-top: 40px;
    }

    .reserv-info-type {
        padding: 20px 0px 15px;
    }

    .rest .span-clients {
        margin-top: 80px;
        padding-bottom: 80px;
    }

        .rest .span-clients .spa-clients-txt {
            padding-top: 80px;
        }

    .rest-blog {
        padding: 80px 0px 40px;
    }

    .post-item {
        padding-bottom: 40px;
    }

    .footer-rest {
        padding: 80px 0px;
    }

    .rest-wall {
        padding-top: 40px;
        padding-bottom: 0px;
    }

        .rest-wall img {
            margin-top: 30px;
        }

    .date .date-square span {
        font-size: 60px;
    }

    .date .date-square {
        margin: 0px 25px;
    }

    .soon-wrap h1 {
        margin-bottom: 20px;
    }

    .soon .logo {
        margin-top: 20px;
        top: 0px;
    }

    .career .static-img {
        min-height: 465px;
    }

        .career .static-img .career-sl-point {
            display: none;
        }

    .creative .testimonials {
        padding-top: 40px;
    }

    .real .date .date-square {
        width: 20%;
    }
}

@media screen and (max-width: 768px) {
    .footer-rest {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .rest-contact .footer-fix-share {
        margin-bottom: 0px;
    }

    .footer-rest .bootom-input {
        padding-top: 40px;
    }

    .res-point-img {
        display: none;
    }

    .point-click {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
    }

    .res-point h4 {
        padding: 0px;
    }

    .res-point {
        width: 100%;
    }

    .date .date-square span {
        font-size: 40px;
    }

    .date .date-square p {
        font-size: 14px;
    }

    .soon-wrap h1 {
        font-size: 26px;
        padding-bottom: 0px;
    }

    .main .slide-boxes {
        bottom: 60px;
    }

    .date .date-square p {
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 600px) {
    .career .date .date-square {
        width: 45%;
        margin: 0px 5px 15px;
    }
}

@media screen and (max-width: 500px) {
    .real .date .date-square {
        padding: 10px 0px;
        margin: 0px;
    }

    .date .date-square {
        margin: 0px 10px;
    }
}

@media screen and (max-width: 480px) {
    .res-main-title h1 {
        font-size: 40px;
        padding-top: 15px;
    }

    .res-main-title h2 {
        padding-top: 15px;
    }

    .rest .second-main-title {
        padding: 40px 0px;
    }

    .menu-slider {
        padding-bottom: 40px;
    }

    .main .slide-boxes {
        bottom: 0px;
    }

    .rest .date .date-square p {
        font-size: 12px;
    }

    .rest .date .date-square span {
        font-size: 32px;
    }
}

@media screen and (max-width: 321px) {
    .soon-wrap form input[type="email"] {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .date .date-square {
        margin: 0px 5px;
    }
}

.border-top {
    border-top: 1px solid #999;
}

    .border-top .footer-top-bar {
        padding-bottom: 0px;
    }

.blog .grid-sizer {
    width: 0px;
}

.main .blog-itemm .bg-dark-main {
    padding-bottom: 15px;
}

.blog-itemm.item {
    position: relative;
    padding: 0px 15px 40px;
}

.blog-itemm .post-text {
    padding: 30px 0 0 0;
}

    .blog-itemm .post-text p {
        padding: 20px 0px 30px;
    }

.blog {
    padding: 150px 0px 50px;
}

.blog-title {
    position: relative;
    padding-left: 15px;
}

    .blog-title h2 {
        padding-bottom: 15px;
    }

    .blog-title h3 {
        padding-bottom: 50px;
    }

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

.main .soon .bg-dark-main {
    padding-bottom: 15px;
}

    .main .soon .bg-dark-main:hover {
        color: #fff;
    }

#mc_embed_signup .mc-field-group input {
    display: inline-block;
    position: relative;
    padding: 8px;
}

#mc_embed_signup {
    width: 100%;
    text-align: center;
}

    #mc_embed_signup form {
        text-align: center;
        padding: 50px 0px 0px 0px;
    }

    #mc_embed_signup .mc-field-group {
        width: 180px;
        display: inline-block;
        float: none;
        padding-bottom: 0px;
        min-height: inherit;
        clear: none;
    }

#mc-embedded-subscribe {
    display: inline-block;
    margin: 0px;
    clear: none;
    margin-left: 15px;
}

#mc_embed_signup input {
    border: 0px none;
}

#mc_embed_signup div.mce_inline_error {
    position: absolute;
}

#mc-embedded-subscribe:hover {
    color: #fff;
}

.hide-txt {
    display: none;
}

.pswp.pswp--open .hide-txt {
    display: block;
}

.flat .hide-txt h3 {
    color: #fff;
    padding-bottom: 10px;
}

.flat .hide-txt span {
    padding-bottom: 10px;
    display: block;
}

.main .pswp__caption__center h3 {
    color: #222;
    padding-bottom: 10px;
}

.main .pswp__caption__center h6 {
    padding-bottom: 10px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
}
label,select
{
	font-size:14px;}
	
	
	 .col-xs-15,
        .col-sm-15,
        .col-md-15,
        .col-lg-15 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }

        .col-xs-15 {
            width: 20%;
            float: left;
        }

        @media (min-width: 768px) {
            .col-sm-15 {
                width: 20%;
                float: left;
            }
        }

        @media (min-width: 992px) {
            .col-md-15 {
                width: 20%;
                float: left;
            }
        }

        @media (min-width: 1200px) {
            .col-lg-15 {
                width: 20%;
                float: left;
            }
        }