/* PLACE YOUR CUSTOM STYLES IN THIS FILE */

@font-face {
    font-family: Typo_Round_Regular_Demo;
    src        : url(../fonts/Typo_Round_Regular_Demo.otf);
}

.newf {
    font-family: Typo_Round_Regular_Demo;
    font-size  : 70px;
    color      : #3777ff;
}

.nk-navbar .nk-nav-left+.nk-nav-logo {
    padding-right: 50px;
    padding-left : 50px;
}

.nk-navbar .nk-nav-table>.nk-nav,
.nk-navbar .nk-nav-table>.nk-nav-row-full {
    flex: auto;
}

.nk-navbar .nk-nav {
    position    : relative;
    padding-left: 0;
}

.nk-nav-right li:nth-child(1) a {
    padding-left: 0;
}

.nk-custom {
    position: relative !important;
    top     : unset !important;
    bottom  : unset !important;
    left    : unset !important;
    right   : unset !important;
}

.nk-navbar .nk-nav-left~.nk-nav:not(.nk-nav-icons) {
    flex: none;
}

.inner-pg .nk-isotope-item {
    position: relative !important;
    top     : unset !important;
    bottom  : unset !important;
    left    : unset !important;
    right   : unset !important;

}

.inner-pg .nk-portfolio-list .nk-portfolio-item div.nk-portfolio-item-image,
.inner-pg .nk-portfolio-list .nk-portfolio-item a.nk-portfolio-item-image {
    padding-bottom: 53.34%;
}

.w100 {
    width: 100% !important;
}

.nk-header-title.nk-header-title-xmd .nk-header-table {
    min-height: 650px;
}

.inner-pg h3.nk-portfolio-title {
    padding      : 10px;
    margin-bottom: 5px;
}

.video-sec iframe {
    width : 100%;
    height: 630px;
}

.video-sec h3.nk-portfolio-title {
    padding      : 10px 0;
    margin-bottom: 5px;
}

.video-sec h4.nk-portfolio-title {
    margin-bottom: 5px;
    margin-top   : 10px;
}

.sp-scroll-up {
    display      : none;
    position     : fixed;
    bottom       : 30px;
    right        : 30px;
    width        : 36px;
    height       : 36px;
    line-height  : 36px;
    text-align   : center;
    font-size    : 16px;
    color        : #fff;
    background   : #333;
    border-radius: 3px;
    z-index      : 1000;
}

.nk-header-title.nk-header-title-md .nk-header-table {
    min-height: 860px;
}

.nk-navbar.nk-navbar-top .nk-nav-table {
    justify-content: center;
}

.nk-navbar .nk-nav-table>.nk-nav,
.nk-navbar .nk-nav-table>.nk-nav-row-full {
    flex: none;
}

#google-map-contact iframe {
    width: 100%;
}

[class^="entypo-"]:before {
    font-family: 'entypo', sans-serif;
}

#social-sidebar {
    right     : 0;
    position  : fixed;
    top       : 30%;
    list-style: none;
    padding   : 0;
    z-index   : 999;
}

#social-sidebar li:first-child a {
    border-top-left-radius: 5px;
}

#social-sidebar li:last-child a {
    border-bottom-left-radius: 5px;
}

#social-sidebar a {
    background     : #3777ff;
    color          : #fff;
    text-decoration: none;
    display        : block;
    height         : 50px;
    width          : 50px;
    font-size      : 24px;
    line-height    : 50px;
    position       : relative;
    text-align     : center;
    cursor         : pointer;
}

ion-icon {
    font-size: 30px;
    padding  : 9px 3px 0 0px;
}

#social-sidebar a:hover span {
    right  : 120%;
    opacity: 1;
}

#social-sidebar a span {
    font          : 12px "Open Sans", sans-serif;
    text-transform: uppercase;
    border-radius : 3px;
    line-height   : 24px;
    right         : -100%;
    margin-top    : -16px;
    opacity       : 0;
    padding       : 4px 8px;
    position      : absolute;
    transition    : opacity .3s, left .4s;
    top           : 50%;
    z-index       : -1;
}

#social-sidebar a span:before {
    content   : "";
    display   : block;
    height    : 8px;
    width     : 8px;
    right     : -4px;
    margin-top: -4px;
    position  : absolute;
    top       : 50%;
    transform : rotate(45deg);
}


#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {
    background: #3B5998;
}

#social-sidebar a[class*="vimeo"]:hover,
#social-sidebar a[class*="vimeo"] span,
#social-sidebar a[class*="vimeo"] span:before {
    background: #86c9ef;
}

#social-sidebar a[class*="linkedin"]:hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before {
    background: #0e76a8;
}

#social-sidebar a[class*="you"]:hover,
#social-sidebar a[class*="you"] span,
#social-sidebar a[class*="you"] span:before {
    background: #FF0000
}

.nk-btn {
    background-color: #3777ff;
}

.text-main {
    color: #3777ff !important;
}

@media (max-width: 1440px) {
    .nk-header-title.nk-header-title-xmd .nk-header-table {
        min-height: 400px;
    }
}

@media (max-width: 1182px) {
    .video-sec iframe {
        height: 516px;
    }
}

@media (max-width: 991px) {
    .nk-navbar .nk-nav-left+.nk-nav-logo {
        padding-right: 10px;
        padding-left : 10px;
    }

    .nk-navbar.nk-navbar-top .nk-nav-table {
        justify-content: center;
    }

    .nk-navbar .nk-nav>li>a {
        padding: 6px 8px;
    }

    .nk-header-title.nk-header-title-md .nk-header-table {
        min-height: 560px;
    }

    .nk-navbar .nk-nav>li:last-of-type>a,
    .nk-navbar .nk-nav>li.single-icon:last-of-type>a {
        padding-right: 4px;
    }

    .nk-navbar .nk-nav-table>.nk-nav,
    .nk-navbar .nk-nav-table>.nk-nav-row-full {
        flex: none;
    }

    #google-map-contact,
    #google-map-contact iframe {
        height: 300px !important;
    }
}

@media (max-width: 978px) {
    .video-sec iframe {
        height: 397px;
    }
}

@media (max-width: 762px) {
    .video-sec iframe {
        height: 289px;
    }

    .nk-header-title.nk-header-title-md .nk-header-table {
        min-height: 360px;
    }
}

@media (max-width: 418px) {
    .video-sec iframe {
        height: 220px;
    }

    .nk-navbar {
        padding: 15px 0;
    }
}

@media (max-width: 480px) {
    .nk-header-title.nk-header-title-md .nk-header-table {
        min-height: 250px;
    }
}

@media (max-width: 384px) {
    .video-sec iframe {
        height: 184px;
    }
}

.cus-page-wrapper {
    position  : absolute;
    width     : 100%;
    height    : 100%;
    background: #fff;
    z-index   : -99;
    display   : none;
}

.cus-page-wrapper.-visible {
    display: block;
    z-index: 99;
}

.succes {
    background-color: #4BB543;
}

#modal-request-success {
    border: 1px solid #4BB543;
}

#modal-request-error {
    border: 1px solid #CA0B00;
}

.cus-error {
    color    : #f43a31;
    font-size: 20px;
    padding  : 10px 0;
}

.succes-animation {
    animation: succes-pulse 2s infinite;
}

.danger {
    background-color: #CA0B00;
}

.danger-animation {
    animation: danger-pulse 2s infinite;
}

.custom-modal {
    position        : absolute;
    top             : 24%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    width           : 350px;
    min-height      : 300px;
    background-color: #fff;
    border-radius   : 30px;
    margin          : 40px 10px;
    display         : none;
}

.custom-modal.-visible {
    display: block;
}

.custom-modal .content {
    position  : absolute;
    width     : 100%;
    text-align: center;
    bottom    : 0;
}

.custom-modal .content .type {
    font-size    : 26px;
    color        : #4BB543;
    margin-bottom: 9px;
}

.custom-modal .nk-btn {
    padding         : 10px 30px;
    margin-bottom   : 20px;
    background-color: #171717;
}


#modal-request-error .content .type {
    color: #CA0B00;

}

.custom-modal .content .message-type {
    font-size: 20px;
    color    : #000;
    padding  : 0 10px;
}

.custom-modal .border-bottom {
    position     : absolute;
    width        : 300px;
    height       : 20px;
    border-radius: 0 0 30px 30px;
    bottom       : -20px;
    margin       : 0 25px;
}

.custom-modal .icon-top {
    position     : absolute;
    width        : 100px;
    height       : 100px;
    border-radius: 50%;
    top          : -30px;
    margin       : 0 125px;
    font-size    : 30px;
    color        : #fff;
    line-height  : 100px;
    text-align   : center;
}

@keyframes succes-pulse {
    0% {
        box-shadow: 0px 0px 30px 20px rgba(75, 181, 67, .2);
    }

    50% {
        box-shadow: 0px 0px 30px 20px rgba(75, 181, 67, .4);
    }

    100% {
        box-shadow: 0px 0px 30px 20px rgba(75, 181, 67, .2);
    }
}

@keyframes danger-pulse {
    0% {
        box-shadow: 0px 0px 30px 20px rgba(202, 11, 0, .2);
    }

    50% {
        box-shadow: 0px 0px 30px 20px rgba(202, 11, 0, .4);
    }

    100% {
        box-shadow: 0px 0px 30px 20px rgba(202, 11, 0, .2);
    }
}