/*-------------------------------------------------------------------------------
  1. Global
-------------------------------------------------------------------------------*/
/* 1.1 General */
@import url('fonts.css');
@import url('cubeportfolio.css');
@import url('bootstrap.min.css');
@import url('animate.css');
/*@import url('magnific-popup.css');*/
@import url('settings.css?v=1.0');
/*@import url('layers.css?v=1.0');*/
/*@import url('navigation.css');*/

html {
    font-size: 75%;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'montserratlight', sans-serif;
    font-size: 1em;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.5);
    background-color: #272727;
}

.content{
    display: none;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #00c1ff;
}

::selection {
    background-color: #00c1ff;
    color: #fff;
}

-webkit-::selection {
    background-color: #00c1ff;
    color: #fff;
}

::-moz-selection {
    background-color: #00c1ff;
    color: #fff;
}

/* 1.2 Typography */

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat/Montserrat-Light.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat/Montserrat-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;

}

h1,
.h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 8vmin;
    line-height: 1.2;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #fff;
}

h2,
.h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 2.1875em;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #fff;
}

h3,
.h3 {
    font-family: 'montserratsemibold';
    font-size: 1.875em;
    line-height: 1.1;
    font-weight: normal;
    color: #fff;
}

h4,
.h4 {
    font-family: 'montserratsemibold';
    font-size: 1.125em;
    line-height: 1.35;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a {
    color: inherit;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 1.6em;
}

b, strong {
    font-family: 'Montserrat', sans-serif;
}

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

a {
    color: #00c1ff;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

a:hover,
a:focus {
    color: #00c1ff;
    outline: none;
}

a:focus {
    text-decoration: none;
}

/* 1.3 Fields */

.form-control,
textarea.form-control {
    font-size: 1em;
    height: 3.625em;
    border-radius: 0.75em;
    padding-left: 22px;
    color: #fff;
    background-color: #323232;
    border: 1px solid #323232;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

textarea.form-control {
    height: 12.1em;
    padding-top: 1.1em;
    resize: none;
}

.form-control:focus {
    border-color: #00c1ff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #fff;
}

.form-control::-webkit-input-placeholder {
    color: #fff;
}

.form-control.error {
    border-color: #00c1ff;
}

.form-group {
    margin-bottom: 10px;
}

.wobble-error {
    -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
    animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;
}

label.error {
    /*display: none!important;*/
}

/* 1.4 Buttons */

.btn {
    font-family: 'montserratsemibold';
    position: relative;
    display: inline-block;
    border: 0.2em solid #00c1ff;
    border-radius: 30px;
    padding: 1.1em 2.2em 1.05em;
    font-size: 0.875em;
    color: #fff;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #00c1ff;
    border: 0;
    -webkit-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
}

.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #323232;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
}

.btn .icon-next {
    position: relative;
    top: -0.1em;
    margin-left: 0.6em;
    vertical-align: middle;
}

.btn-gray {
    background-color: #323232;
    border-color: #323232;
}

.btn-gray:hover {

    background-color: #00c1ff;
}

.btn-shadow-1 {
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
}

.btn-shadow-2 {
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
}

/* 1.5 Icons */

.icon-next {
    display: inline-block;
    width: 0.94em;
    height: 0.75em;
    background: url(../img/img-icon/next.png) 0 0 no-repeat;
    background-size: 0.94em 0.75em;
}

/* 1.7 Content styles */

.layout {
    position: relative;
    overflow: hidden;
}

.text-primary {
    color: #00c1ff;
}

.page-lines {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page-lines .col-line {
    padding: 0;
}

.line {
    border-right: solid 1px rgba(255, 255, 255, 0.08);
    height: 50000px;
    /*background-color:rgba(255,255,255,0.08);*/
}

.page-lines .col-line:first-child {
    border-left: solid 1px rgba(255, 255, 255, 0.08);
    height: 50000px;
}

.row-base {
    margin-top: -3em;
}

.col-base {
    margin-top: 3em;
}

.section {
    position: relative;
    margin-top: 7.1em;
    margin-bottom: 7.1em;
}

.section-header {
    position: relative;
}

.section-title {
    text-align: center;
    margin: 0;
    margin-left: 0.32em;
}

.fade-title-left,
.fade-title-right {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 10.8em;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0.03em;
    opacity: 0.03;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fade-title-right {
    left: 90%;
}

.section-content {
    margin-top: 7.1em;
}

/*-------------------------------------------------------------------------------
  2. Header
-------------------------------------------------------------------------------*/

.header-inner .vertical-panel-content {
    bottom: auto;
    top: 12.2vmin;
}

/* 2.1 Brand */

.brand-panel {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 39.47vmin;
    height: 40.7vmin;
    padding: 4.8vmin 2em 4.8vmin;
    background-color: #2b2b2b;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.brand {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 4vmin;
    line-height: 1;
    color: #fff;
}

.brand:hover,
.brand:focus {
    color: #fff;
    text-decoration: none;
}

.brand-name {
    position: absolute;
    z-index: -1;
    bottom: -0.4em;
    right: -0.38em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 8.75em;
    line-height: 1;
    opacity: 0.04;
    color: #fff;
}

.slide-number {
    font-family: 'Oswald', sans-serif;
    margin-top: 8vmin;
}

.slide-number .current-number {
    font-size: 8vmin;
    letter-spacing: 0.1em;
    line-height: 1;
}

.slide-number sup {
    display: inline-block;
    position: relative;
    top: -3px;
    font-size: 2vmin;
    letter-spacing: 0.1em;
    color: #5e5e5e;
    vertical-align: top;
    margin-left: 0.46em;
}

.slide-number sup .delimiter {
    display: inline-block;
    margin-right: 0.4em;
}

/*.header-phone{*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: 300;*/
/*font-size: 0.81em;*/
/*letter-spacing: 0.32em;*/
/*position: absolute;*/
/*z-index: 3;*/
/*color: #fff;*/
/*left: 50vmin;*/
/*top:5.9vmin;*/
/*}*/

@media (max-width: 600px) {
    .cbp-l-filters-list .cbp-filter-item {
        border-left: 1px solid #00c1ff !important;
    }
}

/*@media (min-width: 992px) and (max-width: 1200px){*/
/*.header-phone{*/
/*display: none;*/
/*}*/
/*}*/

/* 2.2 Vertical Panel */

/*menu bar*/
/*menu bar*/

.navbar .navbar-nav {
    /*display: inline-block;*/
    /*float: none;*/
    float: right;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 0.91em;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    margin: 0 40px 0 0;
}

.navbar .navbar-collapse {
    text-align: center;
    height: 50px !important;
    border: none;
    box-shadow: none;
}

.navbar-nav > li {
    cursor: pointer;
    float: left;
    margin-left: 4.1em;
}

.custom-navbar {
    padding: 4.3vmin 0 0;
    border-bottom: 0;
    background: none;
    /*opacity: 0.9;*/
    /*box-shadow: 1.5px 2.5px 8px 0 rgba(0, 0, 0, 0.2);*/
    margin-bottom: 0;
    border: none;
    transition: all 0.6s ease-in-out;
    /*transition: all 1s ease-in-out;*/
    /*top: -60px;*/

}

.custom-navbar.top-nav-collapse {
    position: fixed;
    z-index: 5;
    top: 0;
    background-color: rgba(50, 50, 50, 0.95);
    padding: 8px 0;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.6);
}

/*.custom-navbar.top-nav-collapse .nav li a{*/
/*line-height: 50px;*/
/*}*/

.custom-navbar.top-nav-collapse img {
    /*height:50px;*/
    transition: opacity 0.4s ease-in-out;
}

.custom-navbar .navbar-brand {
    height: auto;
    position: absolute;
    left: 15px;
    top: 18px;
    padding: 0;
    margin: 0 !important;
    opacity: 0;
}

.custom-navbar.top-nav-collapse .navbar-brand {
    opacity: 1;
}

/*.navbar-desctop ul.navbar-desctop-menu {*/

.navbar .navbar-nav {
    /*position: relative;*/
    visibility: hidden;
    transition: visibility 0.5s;
    /*width: 100%;*/
    /*text-align: left;*/
    /*padding: 0px 15px;*/
    /*margin:0;*/
    /*list-style: none;*/
}

.navbar .navbar-nav.menu-opened {
    visibility: visible;
}

.navbar .navbar-nav li {
    /*border-bottom: 1px solid rgba(166, 110, 76, 0.16);*/
    /*margin-top: 5px;*/
    -webkit-transform: scale(1.15) translateY(-30px);
    transform: scale(1.15) translateY(-30px);
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.navbar .navbar-nav.menu-opened li {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
}

.navbar .navbar-nav.menu-opened li:nth-child(1) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.navbar .navbar-nav.menu-opened li:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.navbar .navbar-nav.menu-opened li:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.navbar .navbar-nav.menu-opened li:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.navbar .navbar-nav.menu-opened li:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.custom-navbar .nav li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    padding: 0;
    line-height: 50px;
}

.custom-navbar .nav li a:hover {
    background: transparent;
    color: #00c1ff;
}

.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus {
    background-color: transparent;
}

.custom-navbar .nav li.active > a {
    background-color: transparent;
    color: #00c1ff;
}

.custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
}

.custom-navbar .logo {
    position: relative;
    top: -4px;
}

.custom-navbar .navbar-toggle {
    background-color: transparent;
    float: left;
    margin: 0;
}

.container.window {
    width: 100%;
}

@media (max-width: 768px) {
    /*.navbar>.container .icon{*/
    /*margin: 0;*/
    /*display: none;*/
    /*}*/
    .custom-navbar .navbar-brand {
        position: relative;
        text-align: center;
        /*margin: 0 auto!important;*/
        display: block;
        float: none;
        top: 12px;
    }

    .window .header {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        margin: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s ease-out, background 1s ease-out;
        transition: all 0.5s ease-out, background 1s ease-out;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        z-index: 1;
    }

    .window .header .burger-container {
        position: absolute;
        right: 10px;
        top: 2px;
        display: inline-block;
        z-index: 5;
        height: 50px;
        width: 50px;
        cursor: pointer;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

    .window .header .burger-container #burger {
        width: 30px;
        height: 10px;
        position: relative;
        display: block;
        margin: -4px auto 0;
        top: 50%;
    }

    .window .header .burger-container #burger .bar {
        width: 100%;
        height: 1px;
        display: block;
        position: relative;
        background: #00c1ff;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .window .header .burger-container #burger .bar.topBar {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }

    .window .header .burger-container #burger .bar.btmBar {
        -webkit-transform: translateY(8px) rotate(0deg);
        transform: translateY(8px) rotate(0deg);
    }

    .window .header .icon {
        display: block;
        line-height: 50px;
        float: none;
        height: auto;
        padding: 7px 0 0;
        display: inline-block;
        position: absolute;
        text-align: center;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /*.window .header .icon.icon-bag {*/
        /*right: 0;*/
        /*top: 0;*/
        /*left: auto;*/
        /*-webkit-transform: translateX(0px);*/
        /*transform: translateX(0px);*/
        /*-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*-webkit-transition-delay: 0.65s;*/
        /*transition-delay: 0.65s;*/
    /*}*/

    .window .header ul.menu {
        position: relative;
        visibility: hidden;
        /*transition: visibility 0.5s;*/
        width: 100%;
        text-align: left;
        padding: 0px 15px;
        margin: 0;
        list-style: none;
        margin-top: 30px;
    }

    .window .header ul.menu li.menu-item {
        width: 100%;
        border-bottom: 1px solid rgba(111, 105, 102, 0.16);
        margin-top: 5px;
        -webkit-transform: scale(1.15) translateY(-30px);
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        /*-webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
        /*transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
    }

    .window .header ul.menu li.menu-item:nth-child(1) {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s;
    }

    .window .header ul.menu li.menu-item:nth-child(2) {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s;
    }

    .window .header ul.menu li.menu-item:nth-child(3) {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }

    .window .header ul.menu li.menu-item:nth-child(4) {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s;
    }

    .window .header ul.menu li.menu-item:nth-child(5) {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s;
    }

    .window .header ul.menu li.menu-item:nth-child(6) {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s;
    }

    .window .header ul.menu li.menu-item:nth-child(7) {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s;
    }

    .window .header ul.menu li.menu-item a {
        display: block;
        position: relative;
        text-decoration: none;
        font-size: 22px;
        line-height: 2.35;
        font-weight: 200;
        width: 100%;
    }

    .window .header.menu-opened {
        height: 410px;
        /*-webkit-transition: all 0.3s ease-in, background 0.5s ease-in;*/
        /*transition: all 0.3s ease-in, background 0.5s ease-in;*/
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
        background-color:#303030;
    }

    .window .header.menu-opened img {
        transition: opacity 1s ease-in-out;
        opacity: 1;
    }

    .window .header.menu-opened ul.menu {
        visibility: visible;
    }

    .window .header.menu-opened .burger-container {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .window .header.menu-opened .burger-container #burger .bar {
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .window .header.menu-opened .burger-container #burger .bar.topBar {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
    }

    .window .header.menu-opened .burger-container #burger .bar.btmBar {
        -webkit-transform: translateY(3px) rotate(-45deg);
        transform: translateY(3px) rotate(-45deg);
    }

    .window .header.menu-opened ul.menu li.menu-item {
        -webkit-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
        opacity: 1;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(1) {
        -webkit-transition-delay: 0.20s;
        transition-delay: 0.20s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(2) {
        -webkit-transition-delay: 0.27s;
        transition-delay: 0.27s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(3) {
        -webkit-transition-delay: 0.34s;
        transition-delay: 0.34s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(4) {
        -webkit-transition-delay: 0.41s;
        transition-delay: 0.41s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(5) {
        -webkit-transition-delay: 0.48s;
        transition-delay: 0.48s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(6) {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }

    .window .header.menu-opened ul.menu li.menu-item:nth-child(7) {
        -webkit-transition-delay: 0.62s;
        transition-delay: 0.62s;
    }
}

@media (max-width: 900px) {
    .navbar-nav > li {
        margin-left: 25px;
    }

    .custom-navbar {
        padding-top: 20px;
    }

}

@media (min-width: 992px) {
    .navbar-header {
        float: right;
    }

    /*.navbar-nav>li {*/
    /*cursor: pointer;*/
    /*float: left;*/
    /*margin-left: 4.1em;;*/
    /*}*/
}

.vertical-panel,
.vertical-panel-content {
    position: absolute;
    width: 19.735vmin;
    left: 0;
    bottom: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.vertical-panel {
    z-index: 3;
    height: 10000px;
    background-color: #2b2b2b;
}

.vertical-panel-content {
    z-index: 4;
}

.vertical-panel-info {
    margin-bottom: 3.5vmin;
}

.vertical-panel-info .line {
    height: 5vmin;
    width: 1px;
    margin: 15px auto 0;
    background-color: #646464;
}

.vertical-panel-title {
    font-family: 'montserratsemibold';
    font-size: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1em;
    color: #fff;
    position: relative;
    left: -6px;
    margin: 0 auto;
    width: 1px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

@media (max-height: 850px) {
    .vertical-panel-title {
        display: none;
    }
}

.social-list {
    margin-bottom: 3.5vmin;
}

.social-list li {
    margin-top: 3.8vmin;
}

.social-list .fa {
    font-size: 2.4vmin;
    color: #606060;
}

.social-list .fa:hover {
    color: #00c1ff;
    text-decoration: none;
}

/* 2.3 Navbar Desctop */

/*.navbar-branding{*/
/*position: absolute;*/
/*left:30px;*/
/*top:20px;*/
/*width:300px;*/
/*z-index: 20;*/
/*display: none;*/
/*}*/

/*.slideInDown .navbar-branding{*/
/*position: absolute;*/
/*left: 20px;*/
/*top: 18px;*/
/*width: 220px;*/
/*display: block;*/
/*}*/

/*.navbar-desctop{*/
/*display: none;*/
/*position: absolute;*/
/*z-index: 2;*/
/*top:0;*/
/*left:0;*/
/*width: 100%;*/
/*padding:5.9vmin 0 0;*/
/*}*/

/*.navbar-desctop .brand{*/
/*display: none;*/
/*position: relative;*/
/*top:-0.22em;*/
/*font-size: 1.6em;*/
/*}*/

/*.navbar-desctop ul.navbar-desctop-menu {*/
/*!*position: relative;*!*/
/*visibility: hidden;*/
/*transition:visibility 0.5s;*/
/*!*width: 100%;*!*/
/*!*text-align: left;*!*/
/*!*padding: 0px 15px;*!*/
/*!*margin:0;*!*/
/*!*list-style: none;*!*/
/*}*/

/*.navbar-desctop ul.navbar-desctop-menu.menu-opened{*/
/*visibility: visible;*/
/*}*/

/*.navbar-desctop ul.navbar-desctop-menu li {*/
/*!*border-bottom: 1px solid rgba(166, 110, 76, 0.16);*!*/
/*!*margin-top: 5px;*!*/
/*-webkit-transform: scale(1.15) translateY(-30px);*/
/*transform: scale(1.15) translateY(-30px);*/
/*opacity: 0;*/
/*-webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
/*transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
/*transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
/*transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);*/
/*}*/

/*.navbar-desctop ul.navbar-desctop-menu.menu-opened li{*/
/*-webkit-transform: scale(1) translateY(0px);*/
/*transform: scale(1) translateY(0px);*/
/*opacity: 1;*/
/*}*/

/*.navbar-desctop ul.navbar-desctop-menu.menu-opened li:nth-child(1) {*/
/*-webkit-transition-delay: 0.6s;*/
/*transition-delay: 0.6s;*/
/*}*/

/*.navbar-desctop ul.navbar-desctop-menu.menu-opened li:nth-child(2) {*/
/*-webkit-transition-delay: 0.5s;*/
/*transition-delay: 0.5s;*/
/*}*/
/*.navbar-desctop ul.navbar-desctop-menu.menu-opened li:nth-child(3) {*/
/*-webkit-transition-delay: 0.4s;*/
/*transition-delay: 0.4s;*/
/*}*/
/*.navbar-desctop ul.navbar-desctop-menu.menu-opened li:nth-child(4) {*/
/*-webkit-transition-delay: 0.3s;*/
/*transition-delay: 0.3s;*/
/*}*/
/*.navbar-desctop ul.navbar-desctop-menu.menu-opened li:nth-child(5) {*/
/*-webkit-transition-delay: 0.2s;*/
/*transition-delay: 0.2s;*/
/*}*/
/*!*.navbar-desctop ul.navbar-desctop-menu.menu-opened:nth-child(6) {*!*/
/*!*-webkit-transition-delay: 0.55s;*!*/
/*!*transition-delay: 0.55s;*!*/
/*!*}*!*/
/*!*.navbar-desctop ul.navbar-desctop-menu.menu-opened:nth-child(7) {*!*/
/*!*-webkit-transition-delay: 0.62s;*!*/
/*!*transition-delay: 0.62s;*!*/
/*!*}*!*/

/*.navbar-desctop-menu{*/
/*float: right;*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: 300;*/
/*font-size: 0.91em;*/
/*letter-spacing: 0.32em;*/
/*text-transform: uppercase;*/
/*margin-bottom: 0;*/
/*margin-right:40px*/
/*}*/

/*.navbar-desctop-menu li{*/
/*position: relative;*/
/*-webkit-perspective: 2000px;*/
/*perspective: 2000px;*/
/*}*/

/*.navbar-desctop-menu li a {*/
/*display: block;*/
/*text-decoration: none;*/
/*color: #fff;*/
/*font-weight: 400;*/
/*}*/

/*.navbar-desctop-menu li a:hover,*/
/*.navbar-desctop-menu .active > a{*/
/*color:  #00c1ff;*/
/*}*/

/*.navbar-desctop-menu  > li{*/
/*cursor: pointer;*/
/*float: left;*/
/*margin-left: 4.1em;*/
/*}*/

/*.navbar-mobile .navbar-desctop-menu > li{*/
/*cursor: pointer;*/
/*float:none;*/
/*font-size: 1.2em;*/

/*}*/

/*.navbar-mobile .navbar-desctop-menu{*/
/*float:none;*/
/*padding-top: 45px;*/

/*}*/

/*.navbar-desctop-menu > li > a{*/
/*color: #fff;*/
/*background-color: transparent;*/
/*margin-bottom: 1.5em;*/
/*}*/

/*.navbar-desctop-menu li ul{*/
/*position: absolute;*/
/*z-index: 10;*/
/*left: 100%;*/
/*top:60%;*/
/*visibility: hidden;*/
/*min-width: 200px;*/
/*opacity: 0;*/
/*box-shadow: 0 15px 35px rgba(0,0,0,0.1);*/
/*background:rgba(50, 50, 50, 0.95);*/
/*-webkit-transition: all .3s ease-out;*/
/*-moz-transition: all .3s ease-out;*/
/*transition: all .3s ease-out;*/
/*}*/

/*.navbar-desctop-menu > li > ul{*/
/*left: -20px;*/
/*margin-top: 0;*/
/*}*/

/*.navbar-desctop-menu li:hover > ul{*/
/*top:0;*/
/*visibility: visible;*/
/*opacity: 1;*/
/*}*/

/*.navbar-desctop-menu > li:hover > ul{*/
/*top:100%;*/
/*}*/

/*.navbar-desctop-menu li li{*/
/*border-bottom: 1px solid rgba(255,255,255,0.05);*/
/*}*/

/*.navbar-desctop-menu li li:last-child{*/
/*border-bottom: 0;*/
/*}*/

/*.navbar-desctop-menu li li a{*/
/*color: #fff;*/
/*padding: 12px 20px 10px;*/
/*}*/

/*!* 2.4 Navbar Desctop Affix *!*/

/*.navbar-desctop.affix{*/
/*position: fixed;*/
/*z-index: 5;*/
/*top:0;*/
/*background-color:rgba(50, 50, 50, 0.95);*/
/*padding:1.3em 0 0;*/
/*box-shadow: 0 0 35px rgba(0,0,0,0.1);*/
/*}*/

/*.navbar-desctop.affix.affix-top{*/
/*padding-top:2.2em;*/
/*}*/

/*.navbar-desctop.affix .brand{*/
/*display: inline-block;*/
/*}*/

/*.navbar-desctop.affix .navbar-desctop-menu li a{*/
/*color: #fff;*/
/*}*/

/*.navbar-desctop.affix .navbar-desctop-menu li > a:hover,*/
/*.navbar-desctop.affix .navbar-desctop-menu .active > a{*/
/*color:#00c1ff;*/
/*}*/

/*!* 2.5 Navbar Mobile *!*/

/*.navbar-mobile{*/
/*position: absolute;*/
/*z-index: 2;*/
/*left: 0;*/
/*top:0;*/
/*width: 100%;*/
/*padding:6vmin 0;*/
/*}*/

/*.navbar-mobile .brand{*/
/*display: none;*/
/*margin-left: 15px;*/
/*font-size: 1.6em;*/
/*}*/

/*navbar-mobile .slideInDown{*/
/*top:14px;*/
/*}*/

/*.navbar-mobile .navbar-branding{*/
/*position: absolute;*/
/*left: 20px;*/
/*top: 14px;*/
/*width: 220px;*/
/*display: block;*/
/*}*/

/*.navbar-collapse{*/
/*border:0;*/
/*!*background-color: rgba(50, 50, 50, 0.95);*!*/
/*-webkit-box-shadow:none;*/
/*box-shadow:none;*/
/*}*/

/*@media (max-height: 320px ){*/
/*.navbar-collapse{*/
/*max-height: 240px;*/
/*}*/
/*}*/

/*.navbar-toggle{*/
/*padding: 0;*/
/*margin-top:0;*/
/*margin-bottom: 0;*/
/*border-radius: 0;*/
/*border:0;*/
/*position: absolute;*/
/*top: 20px;*/
/*right: 10px;*/
/*cursor: pointer;*/
/*}*/

/*.navbar-toggle .icon-bar{*/
/*background-color:#fff;*/
/*height: 2px;*/
/*width: 30px;*/
/*}*/

/*.navbar-toggle .icon-bar + .icon-bar{*/
/*margin-top:5px;*/
/*}*/

/*.navbar-toggle.collapsed .icon-bar{*/
/*background-color: #fff;*/
/*}*/

/*.navbar-nav-mobile{*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: 300;*/
/*font-size: 0.9em;*/
/*letter-spacing: 0.32em;*/
/*text-transform: uppercase;*/
/*padding-top: 1.2em;*/
/*margin-bottom: 0;*/
/*}*/

/*.navbar-nav-mobile li{*/
/*position: relative;*/
/*border-top:1px solid rgba(255,255,255,0.1);*/
/*}*/

/*.navbar-nav-mobile li a{*/
/*display: block;*/
/*padding: 1em 1em;*/
/*color: #fff;*/
/*text-decoration: none;*/
/*}*/

/*.navbar-nav-mobile > .current > a{*/
/*color: #00c1ff;*/
/*}*/

/*.navbar-nav-mobile li a .fa-angle-down{*/
/*position: relative;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*}*/

/*.navbar-nav-mobile > .current > a .fa-angle-down{*/
/*top:-0.2em;*/
/*left:-0.3em;*/
/*-webkit-transform: rotate(180deg);*/
/*-ms-transform: rotate(180deg);*/
/*-o-transform: rotate(180deg);*/
/*transform: rotate(180deg);*/
/*}*/

/*.navbar-nav-mobile > .active > a,*/
/*.navbar-nav-mobile > .active > a:hover{*/
/*background-color: #00c1ff;*/
/*color: #fff;*/
/*-webkit-transition: none;*/
/*-o-transition: none;*/
/*transition: none;*/
/*}*/

/*.navbar-nav-mobile ul{*/
/*display: none;*/
/*}*/

/*.navbar-nav-mobile li a:hover,*/
/*.navbar-nav-mobile li .active > a{*/
/*color: #00c1ff;*/
/*}*/

/*!* 2.6 Navbar Mobile Affix *!*/

/*.navbar-mobile.affix{*/
/*position: fixed;*/
/*z-index: 5;*/
/*background-color:rgba(50, 50, 50, 0.95);*/
/*box-shadow: 0 0 35px rgba(0,0,0,0.1);*/
/*padding: 18px 0;*/
/*}*/

/*.navbar-mobile.affix .brand{*/
/*display: inline-block;*/
/*}*/

/*.navbar-mobile.affix .navbar-toggle .icon-bar{*/
/*background-color:#00c1ff;*/
/*}*/

/*scroll down*/

/*#section05 a {*/
/*padding-top: 70px;*/
/*}*/

#scroll-down {
    display: none;
}

#scroll-down a span {
    position: absolute;
    /*top: 0;*/
    bottom: 60px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

@keyframes sdb05 {
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

/*-------------------------------------------------------------------------------
  3. Main
-------------------------------------------------------------------------------*/

.main {
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

.main-inner {
    position: relative;
    z-index: 1;
    min-height: 0;
    padding: 33.7vmin 0 33.7vmin;
}

.main-inner .page-lines {
    z-index: 1;
}

.main-inner:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: -webkit-linear-gradient(bottom, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 0.95) 26%, rgba(39, 39, 39, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 0.95) 26%, rgba(39, 39, 39, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.main-projects,
.main-contacts {
    padding: 34.2vmin 0 34vmin;
}

.main-project {
    padding: 33.7vmin 0 11vmin;
    background-size: cover;
    background-position: center 0;
}

.main-header {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: right;
    padding-left: 38.5vmin;
}

.main-header h1 {
    color: #fff;
    margin: 0;
    margin-right: -0.32em;
}

/* 3.1 Slider */

/*.rev_slider{*/
/*color: #fff;*/
/*min-height: 420px;*/
/*}*/

/*.rev_slider .btn{*/
/*-webkit-transition: background-color .3s ease-out!important;*/
/*transition: background-color .3s ease-out!important;*/
/*}*/

/*.tp-caption{*/
/*padding: 0 20px;*/
/*text-align: left;*/
/*}*/

/*.arrow-left,*/
/*.arrow-right{*/
/*position: absolute;*/
/*z-index: 4;*/
/*bottom: 4vh;*/
/*cursor: pointer;*/
/*-webkit-transition: all 0.3s;*/
/*-o-transition: all 0.3s;*/
/*transition: all 0.3s;*/
/*}*/

/*.arrow-left{*/
/*left: 22vmin;*/
/*}*/

/*.arrow-right{*/
/*right: 15px;*/
/*}*/

/*.arrow-left:after,*/
/*.arrow-right:before{*/
/*content:'';*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*background-color: transparent;*/
/*font-family: 'Oswald', sans-serif;*/
/*font-size: 1em;*/
/*line-height: 1;*/
/*letter-spacing: 0.32em;*/
/*text-transform: uppercase;*/
/*color: #fff;*/
/*}*/

/*.arrow-left:after{*/
/*content:'Prev';*/
/*}*/

/*.arrow-right:before{*/
/*content:'Next';*/
/*}*/

/*.arrow-left:before,*/
/*.arrow-right:after{*/
/*content:'';*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*width:1.3em;*/
/*height: 1em;*/
/*opacity: 0.25;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.arrow-left:hover:before,*/
/*.arrow-right:hover:after{*/
/*opacity: 1;*/
/*}*/

/*.arrow-left:before{*/
/*background: url(../img/img-icon/prev.png) 0 0 no-repeat;*/
/*background-size: 1.3em 1em;*/
/*margin-right: 0.82em;*/
/*}*/

/*.arrow-right:after{*/
/*background: url(../img/img-icon/next.png) 0 0 no-repeat;*/
/*background-size: 1.3em 1em;*/
/*margin-left: 0.72em;*/
/*}*/

/*.slide-title{*/
/*font-family: 'Circe-ExtraLight', sans-serif;*/
/*font-size: 64px;*/
/*!*letter-spacing: 0.32em;*!*/
/*!*text-transform: uppercase;*!*/
/*}*/

/*.slide-subtitle{*/
/*font-size: 18px;*/
/*line-height: 1.7;*/
/*}*/

/*!*#homeTitle>div:first-child>div:nth-child(3){*!*/
/*!*font-family: "Circe-Bold", sans-serif;!important*!*/
/*!*}*!*/

/*.slide-title>div:first-child>div:nth-child(1),  .slide-title>div:first-child>div:nth-child(4), .slide-title>div:first-child>div:nth-child(5),*/
/*.slide-title>div:nth-child(2)>div:nth-child(3){*/
/*font-family: 'circe';*/
/*}*/

/* ------------------------------------------------------------------------------- */
/*  4. About
/* ------------------------------------------------------------------------------- */

.col-about-spec p span {
    color: #00c1ff;;
}

/* 4.1 Services */

.row-services {
    margin-left: -4.1em;
    margin-right: -4.1em;
}

.col-service {
    padding: 0 4.1em;
}

.service-item {
    cursor: pointer;
    /*margin-bottom:2em; */
}

.service-item:last-child {
    margin-bottom: 0;
}

.service-item h4 {
    margin-top: 0.8em;
    margin-bottom: 1.1em;
}

.services .service-item h4 {
    margin-top: 1.25em;
}

.service-item p:last-child {
    margin-bottom: 0;
}

/* ------------------------------------------------------------------------------- */
/*  5. Projects
/* ------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- PORTFOLIO STARTS ------------------ */

.portfolio {
    padding-top: 20px;
    padding-bottom: 20px;
}

.portfolio .herotext {
    text-align: center;
    padding-bottom: 20px;
}

.portfolio .herotext .cross-line > span {
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px;
    margin: 0px;
}

.portfolio .herotext .line-2 {
    padding-top: 20px;
    color: #fff;
    font-style: italic;
}

.portfolio .herotext .description {
    padding-top: 30px;
    color: #8f8f8f;
    text-align: center;
}

.portfolio .button {
    text-align: center;
    margin-bottom: 2px;
}

#options {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 40px;
}

#options ul {
    width: auto;
    text-align: center;
    margin: 0px 20px;
    padding: 0px;
}

#options ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

#options ul li a {
    font-size: 13px;
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 3px solid transparent;
    display: inline-block;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#options ul li a:link {
    color: #fff;
    border-bottom: 3px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#options ul li:hover a,
#options ul li a.selected {
    color: #fff;
    border-bottom: 3px solid #00c1ff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.isotope .isotope-item {
    /*margin: 5px;*/
    position: relative;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.mansory-effect figure {
    /*float: left;*/
    /*width: 30%;*/
    /*height: auto!important;*/
    overflow: hidden;
    /*background-color: rgba(70, 67, 67, 0.5);*/
    position: relative;
}

.mansory-effect figure img {
    /*max-width: 100%;*/
    /*height: auto;*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.mansory-effect figure.isotope-item {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
}

.mansory-effect figure.isotope-item .info {
    padding-top: 22px;
    padding-bottom: 50px;
    text-align: left;
}

.mansory-effect figure.isotope-item .info .caption {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
}

.mansory-effect figure.isotope-item .info .categories {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 3px;
    color: #000;
    text-transform: uppercase;
}

.mansory-effect.nospace figure.isotope-item {
    padding: 2px;
    text-align: center;
}

/*.mansory-effect .item-w2 {*/
/*width: 100%!important;*/
/*}*/
/*.mansory-effect .item-h2 {*/
/*height: auto!important*/
/*}*/
.mansory-effect .picture {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.mansory-effect .picture .caption {
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 8px;
    font-weight: 400;
}

.mansory-effect .isotope-item img {
    /*background-color: #f53700;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*position: relative;*/
}

.mansory-effect .isotope-item:hover img {
    opacity: 0.4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.mansory-effect .picture:hover {
    /*background-color: #f53700;*/
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.mansory-effect .picture:hover .project-zoom {
    opacity: 1;
    z-index: 10;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.portfolio-overlay {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.portfolio-overlay .icons {
    display: table;
    width: 100%;
    height: 100%;
}

.portfolio-overlay:hover {
    opacity: 1
}

.portfolio-overlay .icons div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.portfolio-overlay .icons .icon {
    display: inline-block !important;
    color: #fff;
    text-align: center;
    -webkit-transition: all .1s ease-in-out 0s;
    -moz-transition: all .1s ease-in-out 0s;
    -ms-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s;
}

.portfolio-overlay .icons .icon a {
    font-size: 13px;
    line-height: normal !important;
    text-transform: uppercase;
    color: #fff !important;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.portfolio-overlay .icons .icon a:hover {
    text-decoration: none;
    letter-spacing: 2px;
}

/* ---------------------------------------------------------------------- PORTFOLIO ENDS ------------------ */

/*.bg-projects{*/
/*position: relative;*/
/*background:url(../img/bg/projects.jpg) 50% 0 no-repeat;*/
/*background-size: cover;*/
/*}*/

/*.project{*/
/*padding: 0;*/
/*overflow: hidden;*/
/*}*/

/*.project figure{*/
/*position: relative;*/
/*}*/

/*.project figure img{*/
/*display: block;*/
/*width: 100%;*/
/*-webkit-transition: all 8s linear;*/
/*-o-transition: all 8s linear;*/
/*transition: all 8s linear;*/
/*}*/

/*.project figure:after{*/
/*content:'';*/
/*position: absolute;*/
/*left: 0;*/
/*top:0;*/
/*width: 100%;*/
/*height: 100%;*/
/*background-color: #111;*/
/*opacity: 0.7;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.project.project-light figure:after{*/
/*opacity: 0.4;*/
/*}*/
/**/
/*.project figcaption{*/
/*position: absolute;*/
/*z-index: 1;*/
/*left: 0;*/
/*top:0;*/
/*right:0;*/
/*bottom:0;*/
/*margin: 3.2em 3.6em;*/
/*}*/

/*.project-title{*/
/*position: relative;*/
/*top:0;*/
/*left:0;*/
/*margin:0;*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: normal;*/
/*font-size: 1.56em;*/
/*line-height: 1.45;*/
/*letter-spacing: 0.07em;*/
/*color: #fff;*/
/*text-transform: uppercase;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.project-category{*/
/*position: absolute;*/
/*left: 0;*/
/*bottom: 0;*/
/*margin:0 0 -0.8em;*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: normal;*/
/*font-size: 14px;*/
/*color: #fff;*/
/*letter-spacing: 0.8em;*/
/*-webkit-transform: rotate(-90deg);*/
/*-ms-transform: rotate(-90deg);*/
/*-o-transform: rotate(-90deg);*/
/*transform: rotate(-90deg);*/
/*-webkit-transform-origin: 0 0;*/
/*transform-origin: 0 0;*/
/*-webkit-transition: all 0.5s;*/
/*-o-transition: all 0.5s;*/
/*transition: all 0.5s;*/
/*}*/

/*.project-zoom{*/
/*position: absolute;*/
/*left: 50%;*/
/*top:50%;*/
/*width: 9em;*/
/*height: 9em;*/
/*margin:-4.5em;*/
/*border-radius: 50%;*/
/*background-color: rgba(0,193,255,0.85);*/
/*overflow: hidden;*/
/*opacity: 0;*/
/*-webkit-transform: scale(0.5);*/
/*-ms-transform:scale(0.5);*/
/*-o-transform:scale(0.5);*/
/*transform:scale(0.5);*/
/*-webkit-transition: all 0.7s;*/
/*-o-transition: all 0.7s;*/
/*transition: all 0.7s;*/
/*}*/

/*.project-zoom:after{*/
/*content: '';*/
/*position: absolute;*/
/*left: 50%;*/
/*top:50%;*/
/*width: 2.625em;*/
/*height:2.625em;*/
/*background:url(../img/img-icon/zoom.png) 0 0 no-repeat;*/
/*background-size: cover;*/
/*-webkit-transform: translate(-50%, -50%);*/
/*-ms-transform: translate(-50%, -50%);*/
/*-o-transform: translate(-50%, -50%);*/
/*transform: translate(-50%, -50%);*/
/*}*/

.picture figure:hover:after {
    opacity: 0;
}

.picture figure:hover img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.picture figure:hover .project-title {
    top: 30px;
    opacity: 0;
}

.picture figure:hover .project-category {
    opacity: 0;
    letter-spacing: 2em;
}

.picture figure:hover .project-zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.picture figure:hover:after {
    opacity: 0;
}

.picture figure:hover img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.picture figure:hover .project-title {
    top: 30px;
    opacity: 0;
}

.picture figure:hover .project-category {
    opacity: 0;
    letter-spacing: 2em;
}

.picture figure:hover .project-zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* 5.2 Magnific popup */

/*.mfp-figure{*/
/*box-shadow: none;*/
/*}*/

/*.mfp-iframe-scaler{*/
/*overflow: visible;*/
/*}*/

/*.mfp-image-holder .mfp-close, */
/*.mfp-iframe-holder .mfp-close{*/
/*padding: 0;*/
/*margin-top: -10px;*/
/*font-family: inherit;*/
/*font-size: 40px;*/
/*font-weight: 300;*/
/*line-height: 0;*/
/*}*/

/*img.mfp-img{*/
/*min-height: 460px;*/
/*}*/

/*.mfp-title{*/
/*padding-right: 40px;*/
/*font-size:1.2em;*/
/*line-height: 1.2;*/
/*margin-top: 3px;*/
/*text-transform: uppercase;*/
/*letter-spacing: 0.1em;*/
/*padding-bottom: 10px;*/
/*}*/

/*.mfp-counter{*/
/*top:5px;*/
/*}*/

/*.mfp-bg{*/
/*background-color: #141414;*/
/*}*/

/*.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{*/
/*display: none;*/
/*}*/

/*.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{*/
/*display: none;*/
/*}*/

/*.mfp-wrap .mfp-content {*/
/*-webkit-perspective: 1300px;*/
/*perspective: 1300px*/
/*}*/

/*.mfp-wrap .mfp-figure,*/
/*.mfp-wrap .mfp-iframe-scaler {*/
/*opacity: 0;*/
/*-webkit-transform-style: preserve-3d;*/
/*transform-style: preserve-3d;*/
/*-webkit-transform:scale(0) rotateY(60deg);*/
/*-o-transform:scale(0) rotateY(60deg);*/
/*transform:scale(0) rotateY(60deg);*/
/*}*/

/*.mfp-bg {*/
/*opacity: 0;*/
/*-webkit-transition: .5s;*/
/*-o-transition: .5s;*/
/*transition: .5s;*/
/*}*/

/*.mfp-wrap .mfp-figure,*/
/*.mfp-wrap .mfp-iframe-scaler {*/
/*opacity: 0;*/
/*-webkit-transition: .3s ease-in-out;*/
/*-o-transition: .3s ease-in-out;*/
/*transition: .3s ease-in-out;*/
/*-webkit-transform: rotateY(-60deg);*/
/*-ms-transform: rotateY(-60deg);*/
/*-o-transform: rotateY(-60deg);*/
/*transform: rotateY(-60deg);*/
/*}*/

/*.mfp-bg {*/
/*opacity: 0;*/
/*-webkit-transition: .5s;*/
/*-o-transition: .5s;*/
/*transition: .5s;*/
/*}*/

/*.mfp-wrap.mfp-ready .mfp-figure,*/
/*.mfp-wrap.mfp-ready .mfp-iframe-scaler {*/
/*opacity: 1;*/
/*-webkit-transform:rotateX(0);*/
/*-ms-transform:rotateX(0);*/
/*-o-transform:rotateX(0);*/
/*transform:rotateX(0);*/
/*}*/

/*.mfp-ready.mfp-bg {*/
/*opacity: 0.8;*/
/*}*/

/*.mfp-wrap.mfp-removing .mfp-figure ,*/
/*.mfp-wrap.mfp-removing .mfp-iframe-scaler {*/
/*opacity: 0;*/
/*-webkit-transform: rotateX(-60deg);*/
/*-ms-transform: rotateX(-60deg);*/
/*-o-transform: rotateX(-60deg);*/
/*transform: rotateX(-60deg);*/
/**/
/*}*/

/*.mfp-zoom-out-cur, */
/*.mfp-zoom-out-cur */
/*.mfp-image-holder .mfp-close{*/
/*cursor:url(../img/zoom-out.cur), zoom-out;*/
/*}*/

/*.mfp-removing.mfp-bg {*/
/*opacity: 0;*/
/*}*/

/* ------------------------------------------------------------------------------- */
/*  8. Blog
/* ------------------------------------------------------------------------------- */

/*.bg-blog{*/
/*background: url(../img/bg/blog.jpg) 50% 0 no-repeat;*/
/*background-size: cover;*/
/*}*/

.blog {
    position: relative;
    margin-bottom: 3em;
    margin-right: 1px;
    background-color: #373737;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.08);
}

.blog:last-child {
    margin-bottom: 0;
}

.blog-thumbnail {
    position: static;
}

.blog-thumbnail-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 5px;
    padding: 0;
    border-radius: 0.25em 0 0 0.25em;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 0;
}

.blog-thumbnail-sm {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    padding-bottom: 66%;
}

.blog-thumbnail-img img {
    border-radius: 0.25em 0.25em 0 0;
}

.blog-info {
    padding: 3.3em 3em;
}

.blog-info .blog-tags a {
    background-color: #434343;
}

.blog-tags {
    font-family: 'montserratsemibold';
    margin-top: -0.8em;
}

.blog-tags a {
    display: inline-block;
    font-size: 0.75em;
    line-height: 1;
    padding: 0.77em 1.1em 0.77em;
    border-radius: 2em;
    background-color: #333333;
    text-transform: uppercase;
    color: #6f6f6f;
    margin-top: 0.8em;
    margin: 0.8em 0.7em 0 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.blog-tags a:hover {
    background-color: #00c1ff;
    text-decoration: none;
    color: #fff;
}

.blog-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.333;
    margin: 0 0 1.4em;
}

.blog-info p {
    margin-bottom: 0;
    color: #fff;
}

.blog-meta {
    font-size: 0.88em;
    color: #b4b4b4;
    overflow: hidden;
}

.blog-meta .author {
    color: #686868;
    float: left;
}

.blog-meta .author a {
    font-family: 'montserratsemibold';
    color: #686868;
}

.blog-meta .author a:hover {
    text-decoration: none;
    color: #00c1ff;
}

.blog-meta .time {
    float: right;
    color: #686868;
}

.blog-info .blog-meta {
    border-top: 1px solid #474747;
    margin-top: 1.7em;
    padding-top: 1.7em;
}

.read-more {
    display: inline-block;
    font-family: 'montserratsemibold';
    font-size: 0.88em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.read-more {
    padding-right: 2em;
    background: url(../img/img-icon/read-more-blue.png) right 50% no-repeat;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.read-more:hover {
    text-decoration: none;
    background-position: 95% 50%;
}

.blog-info .read-more {
    margin-top: 2.8em;
}

/*!*!* 8.1 Blog Details *!*!*/

/*.blog-details{*/
/*margin-bottom:8.3em;*/
/*}*/

/*.col-secondary{*/
/*margin-top: 7.1em;*/
/*}*/

/*.post-header{*/
/*margin-bottom: 5em;*/
/*}*/

/*.post-header h3{*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: 400;*/
/*font-size: 2.2em;*/
/*line-height: 1.43;*/
/*margin:0 0 0 0;*/
/*}*/

/*.post-header .blog-meta{*/
/*margin-top: 2.45em;*/
/*}*/

/*.post-thumbnail{*/
/*margin-bottom: 2.5em;*/
/*}*/

/*.post-thumbnail img{*/
/*width: 100%;*/
/*border-radius: 0.25em;*/
/*}*/

/*.post .blog-tags{*/
/*margin-top: 5.4em;*/
/*}*/

/* 8.2 Widgets */

/*.widget{*/
/*margin-bottom: 3.65em;*/
/*}*/

/*.widget-title{*/
/*font-family: 'montserratsemibold';*/
/*font-weight: normal;*/
/*font-size: 1.3em;*/
/*text-transform: uppercase;*/
/*text-align: center;*/
/*margin: 0 0 2.25em 0;*/
/*}*/

/*!* 8.3 Widget Recent Post *!*/

/*.recent-post{*/
/*margin-bottom: 1.7em;*/
/*overflow: hidden;*/
/*}*/

/*.recent-post:last-child{*/
/*margin-bottom: 0;*/
/*}*/

/*.recent-post-thumbnail{*/
/*width: 9.32em;*/
/*float: left;*/
/*}*/

/*.recent-post-thumbnail img{*/
/*border-radius: 0.25em;*/
/*max-width: 100%;*/
/*}*/

/*.recent-post-body{*/
/*padding-left: 11.2em;*/
/*}*/

/*.recent-post-title{*/
/*font-family: 'Oswald', sans-serif;*/
/*font-weight: 400;*/
/*font-size: 1.1em;*/
/*line-height: 1.45;*/
/*text-transform: none;*/
/*letter-spacing: 0;*/
/*margin:0;*/
/*position: relative;*/
/*}*/

/*.recent-post-time{*/
/*font-size: 0.88em;*/
/*color:#b4b4b4;*/
/*margin-top: 0.9em;*/
/*}*/

/*!*news*!*/

/*.blog-list .fade-title-left{*/
/*top:0.35em;*/
/*}*/

/* ------------------------------------------------------------------------------- */
/*  6. Experience
/* ------------------------------------------------------------------------------- */

.experience {
    text-align: center;
    margin-bottom: 9.1em;;
}

.text-parallax {
    background: no-repeat 0 0;
    display: inline-block;
}

.text-parallax-content {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 21.8em;
    line-height: 1;
    overflow: hidden;
    margin-bottom: 0;
    background: #272727;
    color: #fff;
    mix-blend-mode: darken;
    -ms-mix-blend-mode: darken;
}

.knockout {
    /*background: url(../images/shop-about.jpg) -80px -80px;*/
    background-image: url('../img/thingamebobs.jpg');
    opacity: 0.9;
    /*background: no-repeat 0 0;*/
    background-size: cover;
    display: inline-block;
    color: red;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 21.8em;
    line-height: 1;
    overflow: hidden;
    /*width: 600px;*/
    /*margin: 50px auto;*/
    /*text-align: center;*/
}

.experience-info {
    position: relative;
    top: -0.75em;
    font-family: 'Oswald', sans-serif;
    font-size: 1.5625em;
    line-height: 1.45;
    letter-spacing: 0.06em;
    display: inline-block;
    text-align: left;
    margin: 0 0 0 0.5em;
}

/* ------------------------------------------------------------------------------- */
/*  9. Contacts
/* ------------------------------------------------------------------------------- */

.bg-contacts {
    background: url(../images/shop.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.contacts .fade-title-right {
    left: 90%;
}

.contacts {
    padding-top: 60px;
    /*padding-bottom:60px;*/
}

.projects .fade-title-right {
    top: 0.6em
}

.row-field {
    margin-left: -5px;
    margin-right: -5px;
}

.col-field {
    padding: 0 5px;
}

.col-message {
    display: none;
    margin-top: 20px;
}

.col-address {
    font-size: 1.125em;
    line-height: 2.1;
    margin-top: 2em;
}

.form-submit {
    margin-top: 1.2em;
}

.success-message {
    display: none;
}

.error-message {
    display: none;
}

.success-message .fa {
    margin-right: 7px;
    font-size: 1.5em;
}

.contact-details {
    position: relative;
    overflow: hidden;
    margin-top: -1px;
}

.col-map {
    height: 35em;
}

.gmap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    height: 100%;
}

.map-info {
    padding: 1.2em;
}

.map-title {
    margin-bottom: 2em;
}

.map-title h3 {
    margin: 0;
}

.map-address-row {
    margin-top: 1em;
}

.map-address-row .fa {
    float: left;
    margin: 0.35em 0.6em 0 0;
    width: 1.1em;
    text-align: center;
    color: #00c1ff;
    font-size: 1.2em;
}

.map-address-row .text {
    display: block;
    overflow: hidden;
    font-size: 1.15em;
}

/*.contact-info{*/
/*color:#fff;*/
/*padding:0;*/
/*background:url(../img/bg/contact-details.jpg) 50% no-repeat;*/
/*background-size: cover;*/
/*}*/

.contact-info-content {
    padding: 5.5em 5.6em;
    background-color: rgba(197, 164, 125, 0.95);
}

.contact-info-title {
    font-family: 'Oswald', sans-serif;
    font-size: 80px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.1;
    position: absolute;
    top: 100%;
    left: 100%;
    margin-top: -0.5em;
    margin-left: -2.3em;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.contact-row {
    position: relative;
    z-index: 1;
    margin-bottom: 2.3em;
}

.contact-row:last-child {
    margin-bottom: 0;
}

.contact-row h4 {
    margin: 0 0 0.8em;
    color: #fff;
}

.contact-row .fa {
    float: left;
    width: 1.1em;
    margin-top: -0.15em;
    padding: 1px;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.25;
}

.contact-body {
    padding-left: 2.6em;
}

.contact-content {
    font-size: 1.3em;
}

.phone-row {
    font-size: 1.3em;
    letter-spacing: 0.2em;
    margin-top: 0.5em;
}

/* ------------------------------------------------------------------------------- */
/*  10. Footer
/* ------------------------------------------------------------------------------- */

/*.footer{*/
/*!* margin: 7.1em 0 20px 5.5em; *!*/
/*font-size: 12px;*/
/*color: #aaa;*/
/*margin-bottom: 10px;*/
/*}*/

/*.footer .brand{*/
/*margin-top: -0.45em;*/
/*font-size: 3.4em;*/
/*}*/

/*.author-link{*/
/*font-family: 'Montserrat', sans-serif;*/
/*color: #d0d0d0;*/
/*}*/

/*.author-link:hover{*/
/*text-decoration: none;*/
/*}*/

/*---------------------------------------
   Footer section
-----------------------------------------*/

.footer {
    /*background: #2E3138;*/
    margin: 0px auto;
    /*padding: 20px 0;*/
    text-align: center;
    overflow-x: hidden;
    padding-bottom: 10px;
}

#copyright {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    padding: 0px 0;
}

.footer a {
    color: #00c1ff !important;
}

/* Back top */
.go-top {
    background-color: #ffffff;
    box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, .14), 1px 1.732px 3px 0px rgba(0, 0, 0, .12);
    transition: all 1s ease;
    bottom: 2em;
    right: 2em;
    color: #333;
    font-size: 24px;
    display: none;
    position: fixed;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
}

.go-top:hover {
    background: #00c1ff;
    color: #ffffff;
}

/* ------------------------------------------------------------------------------- */
/*  11. Responsive styles
/* ------------------------------------------------------------------------------- */

/* 11.1 Min width 768px */

@media (min-width: 768px) {

    html {
        font-size: 85%;
    }

    /* Slider */
    .arrow-left {
        top: 43.5vmin;
        bottom: auto;
    }

    .arrow-right {
        left: 28vmin;
        right: auto;
        margin-left: 5em;
        top: 43.5vmin;
        bottom: auto;
    }

    /* About */
    .entry {
        padding: 0 7.5em;
    }

    .col-about-spec {
        padding: 0 4.4em;
    }

    /* Project Carousel */
    .owl-prev {
        left: 3.6em
    }

    .owl-next {
        right: 3.6em;
    }

    /* Projects Deatails */
    .project-details {
        margin-top: 7.1em;
    }

    .project-details-item {
        margin-bottom: 7.1em;
    }

    .project-details-info {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 13%;
        bottom: 13%;
        width: 55%;
    }

    .project-details-item:nth-child(odd) .project-details-img {
        padding-left: 15px;
        padding-right: 15px;
    }

    .project-details-item:nth-child(even) .project-details-img {
        padding-right: 15px;
        padding-left: 15px;
    }

}

.tp-bgimg.defaultimg:after {
    background: linear-gradient(to top, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 0.95) 26%, rgba(39, 39, 39, 0.6) 100%);
}

#team .row {
    margin-right: 0;
    margin-left: 0;
}

/*.lazyload {*/
/*background-color: #2d2d2d;*/
/*}*/

/*.lazyloading {*/
/*background: url(../img/loader.svg) no-repeat center;*/
/*!*max-height: 60px;*!*/
/*}*/

.ratio-box {
    position: relative;
    height: 0;
    display: block;
    width: 100%;
    /* padding-bottom is calculated and rendered in to HTML */
}

.ratio-box img,
.ratio-box iframe,
.ratio-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.cbp-l-filters-list {
    margin: 0 auto 30px;
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
    background-color: #00c1ff;
    color: #fff !important;
}

.cbp-l-filters-list .cbp-filter-item {
    border: 1px solid #00c1ff;
    color: rgba(255, 255, 255, 0.7);
    border-left: none;
    font-family: 'montserratlight';
    font-size: 14px;
}

.cbp-l-filters-list .cbp-filter-item:hover {
    color: #00c1ff;
}

.cbp-l-filters-list-first {
    border-left: 1px solid #00c1ff !important;
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background-color: rgba(0, 0, 0, 0.7);;
}

/*img {*/
/*display: none;*/
/*}*/

/*img[src] {*/
/*display: block;*/
/*}*/

/* 11.2 Min width 992px */

@media (min-width: 992px) {

    html {
        font-size: 92%;
    }

    /* Content styles */
    .text-center-md {
        text-align: center;
    }

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

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

    /* Navbar Mobile */
    .navbar-mobile {
        position: absolute;
        left: -50000px;
        top: -50000px;
    }

    /* About */
    .col-about-img {
        padding-left: 0;
        left: -5px;
    }

    .col-about-img img {
        max-width: calc(100% + 5px);
    }

    /* Project Details */
    .project-details-item:nth-child(odd) .project-details-img {
        padding-left: 5px;
        padding-right: 15px;
    }

    .project-details-item:nth-child(even) .project-details-img {
        padding-right: 5px;
        padding-left: 15px;
    }

    /* Blog Details */
    .col-primary {
        padding-right: 2.2em;
    }

    .col-secondary {
        margin-top: 10.62em;
        margin-left: -5px;
        padding: 0 10px 0 0;
    }

    /* Contacts */
    .row-field {
        margin-left: -15px;
    }

    .col-map {
        position: static;
        height: 100%;
    }
}

/* 11.3 Min width 1200px */

@media (min-width: 1200px) {

    html {
        font-size: 100%;
    }

    /* Header */
    .main-header {
        padding-left: 0;
    }

    /* Project Details */
    .project-details-info {
        width: 44%;
    }

}

/* 11.4 Max height 480px  */

@media (max-height: 480px) {

    /* Slider */
    .arrow-left {
        top: 43.5vmin;
        bottom: auto;
    }

    .arrow-right {
        left: 28vmin;
        right: auto;
        margin-left: 5em;
        top: 43.5vmin;
        bottom: auto;
    }
}