:root {
    --preferred-robot-plus-icon-D: 30px;
}

/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/*=================== fonts ====================*/
@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");
@import url("https://fonts.googleapis.com/css?family=Poppins:300, 300i,400,500,700");

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, scss/_reset.scss */
body {
    font-size  : 15px;
    line-height: 1.867;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color      : #465160;
}

/* line 9, scss/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rubik", sans-serif;
    color      : #0f2137;
}

/* line 19, scss/_reset.scss */
h1 {
    font-size  : 48px;
    font-weight: 500;
    line-height: 1.25;
}

/* line 25, scss/_reset.scss */
h2 {
    font-size  : 24px;
    line-height: 1.238;
    font-weight: 400;
}

/* line 31, scss/_reset.scss */
h3 {
    font-size  : 21px;
    font-weight: 400;
}

/* line 36, scss/_reset.scss */
.mb-60px {
    margin-bottom: 60px;
}

/* line 40, scss/_reset.scss */
.mt-40px {
    margin-top: 40px;
}

/* line 44, scss/_reset.scss */
.overflow-hidden {
    overflow: hidden;
}

/* line 48, scss/_reset.scss */
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    margin: 0;
}

/* line 56, scss/_reset.scss */
body.home3 {
    font-size  : 16px;
    line-height: 1.875;
    font-family: "Poppins", sans-serif;
    color      : #333;
    font-weight: 300;
}

/* line 65, scss/_reset.scss */
.home3 h1,
.home3 h2,
.home3 h3,
.home3 h4,
.home3 h5,
.home3 h6 {
    font-family: "Poppins", sans-serif;
    color      : #465064;
}

/* line 74, scss/_reset.scss */
.home3 h2 {
    font-size  : 40px;
    font-weight: 700;
    line-height: 1.3;
}

/* line 79, scss/_reset.scss */
.home3 h3 {
    font-size  : 20px;
    font-weight: 500;
}

/* line 106, scss/_mixins.scss */
.placeholder {
    text-transform: capitalize;
    font-size     : 13px;
    font-weight   : 300;
    color         : #949eb2;
}

/* line 109, scss/_mixins.scss */
:-moz-placeholder {
    text-transform: capitalize;
    font-size     : 13px;
    font-weight   : 300;
    color         : #949eb2;
}

/* line 112, scss/_mixins.scss */
::-moz-placeholder {
    text-transform: capitalize;
    font-size     : 13px;
    font-weight   : 300;
    color         : #949eb2;
}

/* line 115, scss/_mixins.scss */
::-webkit-input-placeholder {
    text-transform: capitalize;
    font-size     : 13px;
    font-weight   : 300;
    color         : #949eb2;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, scss/_predefine.scss */
.section-margin {
    margin: 80px 0;
}

@media (min-width: 600px) {

    /* line 1, scss/_predefine.scss */
    .section-margin {
        margin: 100px 0;
    }
}

@media (min-width: 1200px) {

    /* line 1, scss/_predefine.scss */
    .section-margin {
        margin: 150px 0;
    }
}

/* line 12, scss/_predefine.scss */
.section-padding {
    padding: 80px 0;
}

@media (min-width: 320px) {

    /* line 12, scss/_predefine.scss */
    .section-padding {
        padding: 100px 0;
    }
}

@media (min-width: 1200px) {

    /* line 12, scss/_predefine.scss */
    .section-padding {
        padding: 120px 0;
    }
}

@media (min-width: 320px) {

    /* line 22, scss/_predefine.scss */
    .section-padding-large {
        padding: 80px 0 80px 0;
    }
}

@media (min-width: 1200px) {

    /* line 22, scss/_predefine.scss */
    .section-padding-large {
        padding: 150px 0;
    }
}

/* line 31, scss/_predefine.scss */
ul {
    list-style-type: none;
    margin         : 0;
    padding        : 0;
}

/* line 37, scss/_predefine.scss */
a {
    text-decoration: none;
    transition     : all 0.3s ease-in-out;
}

/* line 40, scss/_predefine.scss */
a:hover,
a:focus {
    text-decoration: none;
    outline        : none;
}

/* line 47, scss/_predefine.scss */
button:focus {
    outline   : none;
    box-shadow: none;
}

/* line 52, scss/_predefine.scss */
.box-shadow-1,
#back-top a {
    box-shadow: 0px 10px 20px 0px rgba(226, 43, 107, 0.4);
}

/* line 56, scss/_predefine.scss */
.bg-gray {
    background: #f8fafd;
}

/* line 60, scss/_predefine.scss */
#back-top {
    position: fixed;
    right   : 20px;
    bottom  : 30px;
    cursor  : pointer;
    z-index : 9999900;
}

@media (max-width: 768px) {

    /* line 60, scss/_predefine.scss */
    #back-top {
        right: 5px;
    }
}

/* line 69, scss/_predefine.scss */
#back-top a {
    display           : inline-block;
    height            : 40px;
    width             : 40px;
    text-align        : center;
    display           : block;
    color             : #fff;
    line-height       : 40px;
    font-size         : 15px;
    border-radius     : 30px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* Custom animation start
============================================================================================ */
@media (max-width: 1200px) {

    /* line 92, scss/_predefine.scss */
    [class*="hero-ani-"] {
        display: none !important;
    }
}

/* line 97, scss/_predefine.scss */
.custom-animation {
    backface-visibility: hidden;
    animation          : jumping 9s ease-in-out 2s infinite alternate;
    animation-delay    : 1s;
    transition         : all .9s ease 5s;
    user-select        : none;
}

/* line 105, scss/_predefine.scss */
.custom-animation2 {
    backface-visibility: hidden;
    animation          : jumping2 9s ease-in-out 2s infinite alternate;
    animation-delay    : 1s;
    transition         : all 1s ease 3s;
    user-select        : none;
}

/* line 113, scss/_predefine.scss */
.custom-animation3 {
    backface-visibility: hidden;
    animation          : jumping3 9s ease-in-out 2s infinite alternate;
    animation-delay    : 1s;
    transition         : all 7s ease 2s;
    user-select        : none;
}

/* line 121, scss/_predefine.scss */
.custom-animation4 {
    backface-visibility: hidden;
    animation          : jumping4 9s ease-in-out 2s infinite alternate;
    animation-delay    : 1s;
    transition         : all 8s ease 4s;
    user-select        : none;
}

/* line 129, scss/_predefine.scss */
.custom-animation10 {
    backface-visibility: hidden;
    animation          : jumping10 9s ease-in-out 2s infinite alternate;
    animation-delay    : 1s;
    transition         : all 8s ease 4s;
    user-select        : none;
}

/* line 137, scss/_predefine.scss */
.custom-animation11 {
    backface-visibility: hidden;
    animation          : jumping11 9s ease-in-out 2s infinite alternate;
    animation-delay    : 1s;
    transition         : all 8s ease 4s;
    user-select        : none;
}

@keyframes jumping {
    0% {
        transform: translateY(0px) translateX(0) rotate(0) scale(1);
        opacity  : .8;
    }

    25% {
        transform: translateY(-10px) translateX(-10px) rotate(20deg) scale(0.8);
        opacity  : .9;
    }

    50% {
        transform: translateY(-15px) translateX(-15px) rotate(10deg) scale(0.9);
        opacity  : .8;
    }

    75% {
        transform: translateY(-20px) translateX(-20px) rotate(20deg) scale(0.75);
        opacity  : .6;
    }

    85% {
        transform: translateY(-25px) translateX(-25px) rotate(20deg) scale(0.9);
        opacity  : .7;
    }

    100% {
        transform: translateY(-15px) translateX(-15px) rotate(0) scale(0.95);
        opacity  : .85;
    }
}

@keyframes jumping2 {
    0% {
        transform: translateY(0px) translateX(0) rotate(0) scale(1);
        opacity  : .5;
    }

    25% {
        transform: translateY(-30px) translateX(10px) rotate(20deg) scale(0.8);
        opacity  : .8;
    }

    50% {
        transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.7);
        opacity  : .8;
    }

    75% {
        transform: translateY(30px) translateX(20px) rotate(20deg) scale(0.75);
        opacity  : .7;
    }

    100% {
        transform: translateY(-15px) translateX(15px) rotate(0) scale(0.75);
        opacity  : .9;
    }
}

@keyframes jumping3 {
    0% {
        transform: translateY(10px) translateX(0) rotate(0) scale(1);
        opacity  : .9;
    }

    20% {
        transform: translateY(20px) translateX(10px) rotate(-20deg) scale(0.8);
        opacity  : .8;
    }

    40% {
        transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.75);
        opacity  : .8;
    }

    40% {
        transform: translateY(-15px) translateX(-25px) rotate(10deg) scale(0.5);
        opacity  : 1;
    }

    80% {
        transform: translateY(-30px) translateX(20px) rotate(-20deg) scale(0.75);
        opacity  : .6;
    }

    100% {
        transform: translateY(15px) translateX(15px) rotate(0) scale(0.95);
        opacity  : .7;
    }
}

@keyframes jumping4 {
    0% {
        transform: translateY(-30px) translateX(20px) rotate(0) scale(1.2);
        opacity  : .7;
    }

    25% {
        transform: translateY(-20px) translateX(10px) rotate(50deg) scale(0.6);
        opacity  : .8;
    }

    50% {
        transform: translateY(15px) translateX(-15px) rotate(20deg) scale(0.5);
        opacity  : .9;
    }

    75% {
        transform: translateY(30px) translateX(20px) rotate(50deg) scale(0.75);
        opacity  : .7;
    }

    100% {
        transform: translateY(-15px) translateX(15px) rotate(0) scale(0.5);
        opacity  : .9;
    }
}

@keyframes jumping10 {
    0% {
        transform: rotate(180deg);
        display  : block;
    }

    100% {
        transform: rotate(30deg);
        display  : block;
    }
}

@keyframes jumping11 {
    0% {
        transform: rotate(180deg) translate(-20px, 20px);
        display  : block;
    }

    100% {
        transform: rotate(30deg) translate(0px, 0px);
        display  : block;
    }
}

/* Custom animation end
============================================================================================ */
/* Start Gradient Area css
============================================================================================ */
/* line 273, scss/_predefine.scss */
.gradient-bg,
#back-top a,
.header_area.menu-dark .primary-button,
.header_area .primary-button:hover,
.home1 .banner-title::after,
.home2 .banner-card::before,
.home2 .banner-card .primary-button-home2:hover,
.team-social-wrap .team-trigger,
.blog-img .blog-link,
.feature-card-wrapper:hover,
.feature-card-wrapper.active,
.single_portfolio .overlay-icon,
.portfolio_right_text .project-details-box h4:after,
.social_details li a:hover,
.testimonial-item-wrap:hover,
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover,
.single-post-item:hover .blog-button,
.search-widget i,
.author-widget ul li a:hover,
.tag-cloud-widget ul li a:hover,
.newsletter-widget .primary-btn {
    background: -webkit-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background: -moz-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background: -o-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background: linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
}

/* line 276, scss/_predefine.scss */
.gradient-bg-reverse,
#back-top a:hover,
.team-social-wrap .team-trigger:hover,
.blog-img .blog-link:hover,
.single_portfolio .overlay-icon:hover {
    background: -webkit-linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
    background: -moz-linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
    background: -o-linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
    background: linear-gradient(135deg, #dd2476 32%, #ff512f 95%);
}

/* line 280, scss/_predefine.scss */
.border-gradient {
    border-image: -webkit-linear-gradient(90deg, red 0%, green 100%);
    border-image: -moz-linear-gradient(90deg, red 0%, green 100%);
    border-image: -o-linear-gradient(90deg, red 0%, green 100%);
    border-image: linear-gradient(90deg, red 0%, green 100%);
}

/* line 284, scss/_predefine.scss */
.gradient-bg2,
.primary-button,
.feature-card .feature-link {
    background: -webkit-linear-gradient(135deg, #ff512f 0%, #dd2476 49%, #ff512f 100%);
    background: -moz-linear-gradient(135deg, #ff512f 0%, #dd2476 49%, #ff512f 100%);
    background: -ms-linear-gradient(135deg, #ff512f 0%, #dd2476 49%, #ff512f 100%);
    background: -o-linear-gradient(135deg, #ff512f 0%, #dd2476 49%, #ff512f 100%);
    background: linear-gradient(135deg, #ff512f 0%, #dd2476 49%, #ff512f 100%);
}

/* line 288, scss/_predefine.scss */
.gradient-color,
.section-intro-title,
.feature-icon [class^="flaticon-"]:before,
.feature-icon [class*=" flaticon-"]:before,
.feature-icon [class^="flaticon-"]:after,
.feature-icon [class*=" flaticon-"]:after,
.filter-btn li.active,
.filter-btn li:hover,
.single-post-blog:hover h3,
.comments-area .btn-reply:hover {
    background             : -webkit-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background             : -moz-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background             : -o-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background             : linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* line 294, scss/_predefine.scss */
.gradient-color2,
.single-project h3,
.single-project:hover i,
.single-project:hover a {
    background             : -webkit-linear-gradient(135deg, #071590 0%, #ff003c 100%);
    background             : -moz-linear-gradient(135deg, #071590 0%, #ff003c 100%);
    background             : -o-linear-gradient(135deg, #071590 0%, #ff003c 100%);
    background             : linear-gradient(135deg, #071590 0%, #ff003c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* End Gradient Area css
============================================================================================ */
/* line 303, scss/_predefine.scss */
.overlay {
    position: absolute;
    top     : 0px;
    left    : 0px;
    bottom  : 0px;
    right   : 0px;
}

/* line 312, scss/_predefine.scss */
.video-play-button {
    position     : relative;
    box-sizing   : content-box;
    display      : inline-block;
    width        : 32px;
    height       : 44px;
    border-radius: 50%;
    padding      : 46px 8px 18px 28px;
}

/* line 320, scss/_predefine.scss */
.video-play-button:before,
.video-play-button:after {
    content          : "";
    position         : absolute;
    left             : 50%;
    top              : 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    display          : block;
    width            : 80px;
    height           : 80px;
    background       : transparent;
    border-radius    : 50%;
    border           : 1px solid #dddddd;
}

/* line 334, scss/_predefine.scss */
.video-play-button:before {
    z-index          : 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation   : pulse-border 2000ms ease-out infinite;
    -o-animation     : pulse-border 2000ms ease-out infinite;
    animation        : pulse-border 2000ms ease-out infinite;
}

/* line 338, scss/_predefine.scss */
.video-play-button:after {
    z-index           : 1;
    -webkit-transition: all 200ms ease;
    -moz-transition   : all 200ms ease;
    -o-transition     : all 200ms ease;
    transition        : all 200ms ease;
    box-shadow        : 0px 10px 30px rgba(39, 0, 110, 0.3);
}

/* line 343, scss/_predefine.scss */
.video-play-button span {
    display      : block;
    position     : relative;
    z-index      : 3;
    width        : 0;
    height       : 0;
    border-left  : 16px solid #fff;
    border-top   : 8px solid transparent;
    border-bottom: 8px solid transparent;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

@-moz-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

@-o-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* header style start
  ============================================================================================ */
/* line 4, scss/_header.scss */
.header_area {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    z-index   : 99;
    transition: background 0.4s, all 0.3s linear;
}

/* line 12, scss/_header.scss */
.header_area.menu-dark .navbar .nav .nav-item .nav-link {
    color: #13141b;
}

/* line 15, scss/_header.scss */
.header_area.menu-dark .primary-button {
    color: #fff !important;
}

/* line 20, scss/_header.scss */
.header_area .navbar-brand {
    margin-right: 30px;
    padding     : 0;
}

/* line 24, scss/_header.scss */
.header_area .primary-button {
    background: transparent;
    border    : 1px solid #dddddd;
    padding   : 9px 30px;
}

/* line 28, scss/_header.scss */
.header_area .primary-button:hover {
    border: 1px solid transparent;
}

/* line 33, scss/_header.scss */
.header_area .menu_nav {
    width         : 100%;
    /*padding-left: 310px;*/
}

@media (max-width: 991px) {

    /* line 33, scss/_header.scss */
    .header_area .menu_nav {
        margin-top  : 30px;
        padding-left: 20px;
    }
}

/* line 39, scss/_header.scss */
.header_area .navbar {
    background   : transparent;
    border       : 0px;
    border-radius: 0px;
    width        : 100%;
    padding      : 4px 0 0 0;
}

@media (max-width: 991px) {

    /* line 39, scss/_header.scss */
    .header_area .navbar {
        background: #D71921;
        padding   : 16px;
    }

    .header_area:not(.navbar_fixed) .navbar .nav>.nav-item.submenu ul .nav-item .nav-link {
        color: #fff !important;
    }
}

/* line 50, scss/_header.scss */
.header_area .navbar .navbar-toggler {
    color: #fff;
}

/* line 53, scss/_header.scss */
.header_area .navbar .nav-right {
    min-width: 140px;
}

/* line 57, scss/_header.scss */
.header_area .navbar .nav>.nav-item {
    margin-right: 25px;
    float       : left;
}

/* line 59, scss/_header.scss */
.header_area .navbar .nav>.nav-item .dropdown-toggle {
    margin-right: 10px;
}

/* line 61, scss/_header.scss */
.header_area .navbar .nav>.nav-item .dropdown-toggle:after {
    content    : "\e64b";
    font-family: 'themify';
    position   : relative;
    top        : 2px;
    left       : 3px;
    border     : 0px;
    font-size  : 9px;
}

/* line 71, scss/_header.scss */
.header_area .navbar .nav>.nav-item>.nav-link {
    color         : #fff;
    text-transform: capitalize;
    font-weight   : 400;
    padding       : 30px 0;
    display       : inline-block;
    border-top    : 4px solid transparent;
}

@media (max-width: 991px) {

    /* line 71, scss/_header.scss */
    .header_area .navbar .nav>.nav-item>.nav-link {
        padding   : 10px 0px;
        border-top: 0px;
    }
}

/* line 85, scss/_header.scss */
.header_area .navbar .nav>.nav-item.active>.nav-link,
.header_area .navbar .nav>.nav-item:hover>.nav-link {
    border-top: 4px solid #fff;
}

@media (max-width: 991px) {

    /* line 85, scss/_header.scss */
    .header_area .navbar .nav>.nav-item.active>.nav-link,
    .header_area .navbar .nav>.nav-item:hover>.nav-link {
        border-top: 0px;
    }
}

/* line 92, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu {
    position: relative;
}

/* line 94, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul {
    border       : none;
    padding      : 0px;
    border-radius: 0px;
    box-shadow   : none;
    margin       : 0px;
    background   : #fff;
}

@media (max-width: 991px) {

    /* line 94, scss/_header.scss */
    .header_area .navbar .nav>.nav-item.submenu ul {
        background: transparent;
    }
}

@media (min-width: 992px) {

    /* line 94, scss/_header.scss */
    .header_area .navbar .nav>.nav-item.submenu ul {
        position     : absolute;
        top          : 120%;
        left         : 0px;
        min-width    : 300px;
        text-align   : left;
        opacity      : 0;
        transition   : all 300ms ease-in;
        visibility   : hidden;
        display      : block;
        border       : none;
        padding      : 15px 0px;
        border-radius: 0px;
        box-shadow   : 0px 10px 30px 0px rgba(0, 0, 0, 0.4);
    }
}

/* line 119, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul:before {
    content     : "";
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #eeeeee transparent transparent transparent;
    position    : absolute;
    right       : 24px;
    top         : 45px;
    z-index     : 3;
    opacity     : 0;
    transition  : all 400ms linear;
}

/* line 133, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul .nav-item {
    display      : block;
    float        : none;
    margin-right : 0px;
    margin-left  : 0px;
    transition   : all 0.4s linear;
    border-bottom: 1px solid #f4f4f4;
}

@media (max-width: 991px) {

    /* line 133, scss/_header.scss */
    .header_area .navbar .nav>.nav-item.submenu ul .nav-item {
        border-bottom: 0;
    }
}

/* line 142, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul .nav-item .nav-link {
    line-height       : 35px;
    font-size         : 16px;
    font-weight       : 100;
    color             : #0f2137 !important;
    padding           : 0px 20px;
    transition        : all 150ms linear;
    display           : block;
    margin-right      : 0px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
    position          : relative;
}

/* line 153, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul .nav-item .nav-link:before {
    content           : '';
    position          : absolute;
    top               : 16px;
    left              : 10px;
    width             : 5px;
    height            : 5px;
    background        : transparent;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 166, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul .nav-item:last-child {
    border-bottom: none;
}

/* line 170, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul .nav-item:hover .nav-link {
    margin-left: 20px;
}

/* line 172, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu ul .nav-item:hover .nav-link:before {
    opacity   : 1;
    visibility: visible;
    background: #ff512f;
}

@media (min-width: 992px) {

    /* line 182, scss/_header.scss */
    .header_area .navbar .nav>.nav-item.submenu:hover ul {
        visibility: visible;
        opacity   : 1;
        top       : 100%;
    }
}

/* line 188, scss/_header.scss */
.header_area .navbar .nav>.nav-item.submenu:hover ul .nav-item {
    margin-top: 0px;
}

/* line 194, scss/_header.scss */
.header_area .navbar .nav>.nav-item:last-child {
    margin-right: 0px;
}

/* line 201, scss/_header.scss */
.header_area.navbar_fixed .main_menu {
    position          : fixed;
    width             : 100%;
    top               : -70px;
    left              : 0;
    right             : 0;
    z-index           : 99;
    transform         : translateY(70px);
    transition        : transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow        : 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}

/* line 212, scss/_header.scss */
.header_area.navbar_fixed .main_menu .navbar {
    background: #fff;
    padding   : 10px 0;
}

/* line 216, scss/_header.scss */
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 20px;
    color      : #0f2137;
}

/* line 223, scss/_header.scss */
.header_area.navbar_fixed .main_menu .primary-button {
    color: #0f2137;
}

/* line 225, scss/_header.scss */
.header_area.navbar_fixed .main_menu .primary-button:hover {
    color: #fff;
}

/* line 230, scss/_header.scss */
.header_area.navbar_fixed .main_menu .primary-button2:hover {
    color: #0f2137;
}

/* line 239, scss/_header.scss */
.header_area .logo_white {
    display: block;
}

/* line 242, scss/_header.scss */
.header_area .logo_black {
    display: none;
}

/* line 246, scss/_header.scss */
.header_area.navbar_fixed .logo_white {
    display: none;
}

/* line 249, scss/_header.scss */
.header_area.navbar_fixed .logo_black,
.header_area.menu-dark .logo_black {
    display: block;
}

/* line 255, scss/_header.scss */
.header_area.navbar_fixed .navbar .nav>.nav-item.active>.nav-link,
.header_area.navbar_fixed .navbar .nav>.nav-item:hover>.nav-link {
    border-top: 4px solid #0f2137 !important;
}

@media (max-width: 991px) {

    /* line 255, scss/_header.scss */
    .header_area.navbar_fixed .navbar .nav>.nav-item.active>.nav-link,
    .header_area.navbar_fixed .navbar .nav>.nav-item:hover>.nav-link {
        border-top: 0px !important;
    }
}

/* line 263, scss/_header.scss */
.header_area.navbar_fixed .navbar .navbar-toggler {
    color: #0f2137;
}

@media (max-width: 1665px) {

    /* line 270, scss/_header.scss */
    .home2 .header_area {
        background: #fff;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 1665px) {

    /* line 275, scss/_header.scss */
    .home2 .header_area .navbar {
        background: #fff;
    }
}

/* line 279, scss/_header.scss */
.home2 .header_area .navbar .navbar-toggler {
    color: #0f2137;
}

@media (max-width: 1665px) {

    /* line 283, scss/_header.scss */
    .home2 .header_area .primary-button {
        color: #0f2137;
    }

    /* line 286, scss/_header.scss */
    .home2 .header_area .primary-button:hover {
        color: #fff;
    }
}

/* line 291, scss/_header.scss */
.home2 .header_area .menu_nav {
    -ms-flex-pack  : start;
    justify-content: start;
}

@media (max-width: 1665px) {

    /* line 291, scss/_header.scss */
    .home2 .header_area .menu_nav {
        -ms-flex-pack  : center;
        justify-content: center;
    }
}

/* line 300, scss/_header.scss */
.home2 .header_area.navbar_fixed .main_menu .primary-button {
    color: #0f2137;
}

/* line 302, scss/_header.scss */
.home2 .header_area.navbar_fixed .main_menu .primary-button:hover {
    color: #fff;
}

/* line 306, scss/_header.scss */
.home2 .header_area.navbar_fixed .main_menu .navbar {
    background: #fff;
}

/* line 310, scss/_header.scss */
.home2 .header_area .logo_black {
    display: block;
}

/* line 313, scss/_header.scss */
.home2 .header_area .logo_white {
    display: none;
}

@media (min-width: 992px) {

    /* line 316, scss/_header.scss */
    .home2 .header_area .navbar-brand {
        position: absolute;
        left    : 100px;
    }
}

/* line 322, scss/_header.scss */
.home2 .header_area .nav-right {
    position: absolute;
    right   : 100px;
}

/* line 328, scss/_header.scss */
.home2 .header_area .navbar .nav>.nav-item>.nav-link {
    color: #13141b;
}

/* line 333, scss/_header.scss */
.home2 .header_area .navbar .nav>.nav-item.active>.nav-link,
.home2 .header_area .navbar .nav>.nav-item:hover>.nav-link {
    border-top: 4px solid #0f2137;
}

@media (max-width: 991px) {

    /* line 333, scss/_header.scss */
    .home2 .header_area .navbar .nav>.nav-item.active>.nav-link,
    .home2 .header_area .navbar .nav>.nav-item:hover>.nav-link {
        border-top: 0px;
    }
}

/* line 347, scss/_header.scss */
/*.home3 .header_area .navbar-brand {
    position: absolute;
    left: 100px;
}*/

@media (max-width: 991px) {

    /* line 347, scss/_header.scss */
    .home3 .header_area .navbar-brand {
        position: relative;
        left    : 30px;
    }
}

@media (max-width: 575px) {

    /* line 347, scss/_header.scss */
    .home3 .header_area .navbar-brand {
        left: 10px;
    }
}

/* line 358, scss/_header.scss */
.home3 .header_area .nav-right {
    position: absolute;
    right   : 100px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 362, scss/_header.scss */
    .home3 .header_area .navbar .nav .nav-item {
        margin-right: 30px;
    }
}

/* line 366, scss/_header.scss */
.home3 .header_area .navbar .nav .nav-item .nav-link {
    font-weight: 500;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 366, scss/_header.scss */
    .home3 .header_area .navbar .nav .nav-item .nav-link {
        font-size: 13px;
    }
}

/* line 376, scss/_header.scss */
.home2.common-page .header_area .nav-right {
    position: relative;
    right   : 0px;
}

/* line 381, scss/_header.scss */
.home2.common-page .header_area .navbar-brand {
    position: relative;
    left    : 0px;
}

/* header style end
	============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Banner Area css
============================================================================================ */
/* line 5, scss/_banner.scss */
.home1 .hero-banner {
    background     : url(../img/banner/banner-home1.png) center no-repeat;
    background-size: cover;
    padding-top    : 240px;
    padding-bottom : 270px;
    position       : relative;
}

/* line 12, scss/_banner.scss */
.home1 .banner-card {
    background: rgba(0, 0, 0, 0.75);
    max-width : 560px;
    padding   : 50px;
}

@media (max-width: 575px) {

    /* line 12, scss/_banner.scss */
    .home1 .banner-card {
        padding: 30px 20px;
    }
}

/* line 19, scss/_banner.scss */
.home1 .banner-card p {
    color        : rgba(255, 255, 255, 0.6);
    margin-bottom: 0;
}

/* line 23, scss/_banner.scss */
.home1 .banner-card .primary-button {
    margin-top: 45px;
}

/* line 27, scss/_banner.scss */
.home1 .banner-title {
    color        : #fff;
    position     : relative;
    margin-bottom: 15px;
    padding-top  : 30px;
}

@media (max-width: 575px) {

    /* line 27, scss/_banner.scss */
    .home1 .banner-title {
        font-size: 30px;
    }
}

/* line 35, scss/_banner.scss */
.home1 .banner-title::after {
    content : "";
    display : block;
    width   : 50px;
    height  : 5px;
    position: absolute;
    top     : 0;
    left    : 0;
}

/* line 48, scss/_banner.scss */
[class*="hero-ani-"] {
    position: absolute;
}

/* line 52, scss/_banner.scss */
.hero-ani-1 {
    left  : 4%;
    bottom: 12%;
}

/* line 57, scss/_banner.scss */
.hero-ani-2 {
    top : 36%;
    left: 18%;
}

/* line 62, scss/_banner.scss */
.hero-ani-3 {
    top : 3%;
    left: 2%;
}

/* line 67, scss/_banner.scss */
.hero-ani-4 {
    right : 13%;
    bottom: 50%;
}

/* line 72, scss/_banner.scss */
.hero-ani-5 {
    bottom: 19%;
    left  : 25%;
}

/* line 77, scss/_banner.scss */
.hero-ani-6 {
    bottom: 20%;
    left  : 47%;
}

/* line 82, scss/_banner.scss */
.hero-ani-7 {
    top : 13%;
    left: 51%;
}

/* line 87, scss/_banner.scss */
.hero-ani-8 {
    left: 68%;
    top : 60%;
}

/* line 92, scss/_banner.scss */
.hero-ani-9 {
    left: 66%;
    top : 26%;
}

/* line 97, scss/_banner.scss */
.hero-ani-10 {
    top : 10%;
    left: 28%;
}

/* line 102, scss/_banner.scss */
.hero-ani-11 {
    top : 0;
    left: 0;
}

/* line 107, scss/_banner.scss */
.hero-ani-12 {
    bottom: 0;
    right : 5%;
}

/* line 111, scss/_banner.scss */
.hero-ani-13 {
    top : 18%;
    left: 0;
}

@media (max-width: 1440px) {

    /* line 111, scss/_banner.scss */
    .hero-ani-13 {
        display: none;
    }
}

/* line 119, scss/_banner.scss */
.hero-ani-14 {
    bottom: 10%;
    right : 29%;
}

@media (max-width: 1440px) {

    /* line 119, scss/_banner.scss */
    .hero-ani-14 {
        display: none;
    }
}

@media (min-width: 1921px) {

    /* line 128, scss/_banner.scss */
    .home2 .hero-banner {
        margin-top: 150px;
    }
}

@media (min-width: 767px) {

    /* line 132, scss/_banner.scss */
    .home2 .hero-banner .container-fluid {
        padding-left: 10%;
    }
}

@media (min-width: 991px) {

    /* line 132, scss/_banner.scss */
    .home2 .hero-banner .container-fluid {
        padding-left: 5%;
    }
}

@media (min-width: 1200px) {

    /* line 132, scss/_banner.scss */
    .home2 .hero-banner .container-fluid {
        padding-left: 7%;
    }
}

@media (min-width: 1665px) {

    /* line 132, scss/_banner.scss */
    .home2 .hero-banner .container-fluid {
        padding-left: 21%;
    }
}

@media (min-width: 1921px) {

    /* line 132, scss/_banner.scss */
    .home2 .hero-banner .container-fluid {
        padding-left : 15px;
        padding-right: 15px;
        max-width    : 1140px;
    }
}

/* line 157, scss/_banner.scss */
.home2 .banner-card {
    max-width   : 460px;
    padding-left: 38px;
    position    : relative;
}

@media (max-width: 1199px) {

    /* line 157, scss/_banner.scss */
    .home2 .banner-card {
        margin-top: 150px;
    }
}

/* line 166, scss/_banner.scss */
.home2 .banner-card::after {
    content   : "";
    display   : block;
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 3px;
    height    : 100%;
    background: rgba(70, 81, 96, 0.102);
}

/* line 176, scss/_banner.scss */
.home2 .banner-card::before {
    content : "";
    display : block;
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 3px;
    height  : 50%;
}

/* line 186, scss/_banner.scss */
.home2 .banner-card .primary-button-home2 {
    background: transparent;
    border    : 1px solid #dddddd;
    padding   : 9px 30px;
    color     : #0f2137;
}

@media (max-width: 351px) {

    /* line 186, scss/_banner.scss */
    .home2 .banner-card .primary-button-home2 {
        margin-left: 0px !important;
    }
}

/* line 194, scss/_banner.scss */
.home2 .banner-card .primary-button-home2:hover {
    border: 1px solid transparent;
    color : #fff;
}

/* line 201, scss/_banner.scss */
.home2 .banner-title {
    font-weight  : 700;
    margin-bottom: 20px;
}

@media (max-width: 767px) {

    /* line 201, scss/_banner.scss */
    .home2 .banner-title {
        font-size: 30px;
    }
}

/* line 211, scss/_banner.scss */
.home3 .hero-banner {
    position         : relative;
    /*background     : url(../img/banner/izmir-kavram-myo-aday-banner.jpg) left center no-repeat;
    background-size  : cover;*/
    /*padding-top    : 270px;
    padding-bottom   : 165px;*/
    /*margin-bottom  : 50px;*/
    height           : 80vh;
}

.home3 .hero-banner .container {
    position: relative;
    height  : 100%;
    z-index : 1;
}

.home3 .hero-banner .bg-video {
    position    : absolute;
    left        : 0;
    right       : 0;
    top         : 0;
    bottom      : 0;
    /*height    : 80vh;*/
}

.home3 .hero-banner .bg-video:before {
    position        : absolute;
    left            : 0;
    right           : 0;
    top             : 0;
    bottom          : 0;
    content         : '';
    background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 1921px) {

    /* line 211, scss/_banner.scss */
    .home3 .hero-banner {
        /*background-position: top;*/
    }
}

@media (max-width: 991px) {

    /* line 211, scss/_banner.scss */
    .home3 .hero-banner {
        /*background    : url(../img/banner/768-1067.jpg) left center no-repeat !important;*/
        /*padding-bottom: 270px;*/
    }
}

@media (max-width: 599px) {

    /* line 211, scss/_banner.scss */
    .home3 .hero-banner {
        /*background     : url(../img/banner/kavram-mobile-375-1020.jpg) left center no-repeat !important;
        background-size: cover !important;*/
    }
}

@media (min-width: 599px) and (max-width: 1024px) {

    /* line 211, scss/_banner.scss */
    .home3 .hero-banner {
        /*background     : url(../img/banner/kavram-tablet-arkaplan.jpg) left center no-repeat !important;
        background-size: cover !important;*/
    }
}

/* line 222, scss/_banner.scss */
.home3 .hero-banner [class*="hero-ani-"] {
    filter        : blur(2px);
    -o-filter     : blur(2px);
    -ms-filter    : blur(2px);
    -moz-filter   : blur(2px);
    -webkit-filter: blur(2px);
}

/* line 225, scss/_banner.scss */
.home3 .hero-banner .primary-button-home3 {
    background: rgba(255, 255, 255, 0.2);
    color     : #fff;
}

/* line 228, scss/_banner.scss */
.home3 .hero-banner .primary-button-home3:hover {
    background: #fff;
    color     : #465064;
}

@media (max-width: 991px) {
    .home3 .hero-banner .primary-button-home3 {
        margin: 10px;
    }
}

/* line 234, scss/_banner.scss */
.home3 .banner-card {
    position      : absolute;
    left          : 50%;
    top           : 50%;
    transform     : translate(-50%, -50%);
    /*max-width   : 850px;
    margin-right  : auto;
    margin-left   : auto;*/
}

.home3 .banner-card img {
    width             : 300px;
    height            : auto;
    opacity           : .6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}

.home3 .hero-banner:hover .banner-card img,
.home3 .hero-banner:focus .banner-card img {
    opacity: 1;
}

@media (min-width: 768px) {
    .home3 .banner-card {
        /*height: 300px;*/
    }
}

@media (max-width: 575px) {
    .home3 .banner-card {
        width: 90vw;
    }

    /*.home3 .banner-card img {
        max-width: unset;
        width    : 100%;
    }*/
}

/* line 238, scss/_banner.scss */
.home3 .banner-card p {
    color    : #fbf7c2;
    font-size: 18px;
}

/* line 243, scss/_banner.scss */
.home3 .banner-title {
    font-size     : 60px;
    text-transform: uppercase;
    color         : #fff;
    font-weight   : 700;
    margin-bottom : 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 243, scss/_banner.scss */
    .home3 .banner-title {
        font-size: 50px;
    }
}

@media (max-width: 991px) {

    /* line 243, scss/_banner.scss */
    .home3 .banner-title {
        font-size: 40px;
    }
}

@media (max-width: 575px) {

    /* line 243, scss/_banner.scss */
    .home3 .banner-title {
        font-size: 30px;
    }
}

/* End Home Banner Area css
============================================================================================ */
/* Start Common Banner Area css
============================================================================================ */
/* line 267, scss/_banner.scss */
.banner_area {
    position    : relative;
    /*min-height: 400px;*/
    z-index     : 1;
    background  : #f8fafd;
    padding-top : 150px;
}

@media (max-width: 575px) {

    /* line 243, scss/_banner.scss */
    .banner_area {
        padding-top: 110px !important;
    }
}

/* line 272, scss/_banner.scss */
.banner_area .banner_inner {
    position    : relative;
    overflow    : hidden;
    width       : 100%;
    /*min-height: 400px;*/
    z-index     : 1;
}

.banner_area .banner_inner:before {
    content   : '';
    width     : 100%;
    height    : 100%;
    display   : block;
    background: #E20520;
    position  : absolute;
    opacity   : 0.3;
}

/*.banner_area .banner_inner .image-area {
            position: absolute;
            z-index: 1;
        }*/

.banner_area .banner_inner .text-area {
    position       : absolute;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    width          : 100%;
    height         : 100%;
    left           : 0;
    top            : 0;
}

@media (max-width: 991px) {

    /* line 272, scss/_banner.scss */
    .banner_area .banner_inner {
        margin-top: 70px;
    }
}

/* line 282, scss/_banner.scss */
.banner_area .banner_inner .banner_content h2 {
    font-size     : 45px;
    font-family   : "Rubik", sans-serif;
    margin-bottom : 0px;
    text-transform: capitalize;
    font-weight   : bold;
    color         : #f1f1f1;
}

/* line 290, scss/_banner.scss */
.banner_area .banner_inner .banner_content .page_link {
    margin-top: 8px;
}

/* line 292, scss/_banner.scss */
.banner_area .banner_inner .banner_content .page_link a {
    font-size   : 14px;
    font-family : "Rubik", sans-serif;
    margin-right: 20px;
    position    : relative;
    color       : #f1f1f1;
}

/* line 298, scss/_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:before {
    content  : "/";
    font-size: 14px;
    position : absolute;
    right    : -15px;
    top      : 54%;
    transform: translateY(-50%);
}

/* line 306, scss/_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:last-child {
    margin-right: 0px;
}

/* line 308, scss/_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:last-child:before {
    display: none;
}

/* line 312, scss/_banner.scss */
.banner_area .banner_inner .banner_content .page_link a:hover {
    color: #ff512f;
}

/* End Common Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, scss/_section-intro.scss */
.section-intro-img {
    position     : relative;
    display      : inline-block;
    margin-bottom: 60px;
}

/* line 5, scss/_section-intro.scss */
.section-intro-img::after {
    content   : "";
    display   : block;
    position  : absolute;
    width     : 100%;
    height    : 3px;
    background: #f4f5fa;
    margin-top: 20px;
}

/* line 16, scss/_section-intro.scss */
.section-intro-title {
    font-size     : 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight   : 500;
    margin-bottom : 5px;
}

/* line 26, scss/_section-intro.scss */
.section-intro-white .section-intro-title {
    background             : 0;
    background-image       : 0;
    color                  : #fff;
    -webkit-text-fill-color: #fff;
}

/* line 32, scss/_section-intro.scss */
.section-intro-white h2 {
    color: #fff;
}

/* line 38, scss/_section-intro.scss */
.home3 .section-intro {
    margin-bottom: 90px;
}

@media (max-width: 1200px) {

    /* line 38, scss/_section-intro.scss */
    .home3 .section-intro {
        margin-bottom: 50px;
    }
}

@media (max-width: 991px) {

    /* line 38, scss/_section-intro.scss */
    .home3 .section-intro {
        margin-bottom: 40px;
    }
}

/* line 46, scss/_section-intro.scss */
.home3 .section-intro .section-intro-title {
    line-height  : 14px;
    margin-bottom: 20px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 46, scss/_section-intro.scss */
    .home3 .section-intro .section-intro-title {
        margin-bottom: 15px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 53, scss/_section-intro.scss */
    .home3 .section-intro h2 {
        font-size: 35px;
    }
}

@media (max-width: 575px) {

    /* line 53, scss/_section-intro.scss */
    .home3 .section-intro h2 {
        font-size: 30px;
    }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 1, scss/_btn.scss */
.primary-button {
    position          : relative;
    font-family       : "Rubik", sans-serif;
    display           : inline-block;
    font-size         : 14px;
    font-weight       : 500;
    color             : #fff;
    border-radius     : 5px;
    padding           : 10px 30px;
    background-size   : 200%;
    cursor            : pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition   : all 0.2s ease-in-out;
    -o-transition     : all 0.2s ease-in-out;
    transition        : all 0.2s ease-in-out;
}

/* line 14, scss/_btn.scss */
.primary-button:hover {
    opacity            : .9;
    color              : #fff;
    background-position: 100% 0;
    box-shadow         : 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 22, scss/_btn.scss */
.primary-button2 {
    position          : relative;
    font-family       : "Poppins", sans-serif;
    display           : inline-block;
    font-size         : 14px;
    font-weight       : 500;
    color             : #465064;
    border-radius     : 5px;
    padding           : 11px 14px;
    background        : #fff;
    border            : 1px solid #d7dbe3;
    cursor            : pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition   : all 0.2s ease-in-out;
    -o-transition     : all 0.2s ease-in-out;
    transition        : all 0.2s ease-in-out;
    text-align        : center;
    height            : 100%;
    line-height       : 1.1;
}

/* line 35, scss/_btn.scss */
.primary-button2:hover {
    background: rgba(255, 255, 255, 0.2);
    color     : #fff;
}

/* line 41, scss/_btn.scss */
.blog-button {
    position          : relative;
    font-family       : "Rubik", sans-serif;
    display           : inline-block;
    font-size         : 13px;
    font-weight       : 400;
    color             : #0f2137;
    border-radius     : 0px;
    padding           : 2px 36px;
    background        : #fff;
    border            : 1px solid #d7dbe3;
    cursor            : pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition   : all 0.2s ease-in-out;
    -o-transition     : all 0.2s ease-in-out;
    transition        : all 0.2s ease-in-out;
}

/* line 56, scss/_btn.scss */
.button-subscribe {
    font-family       : "Rubik", sans-serif;
    display           : inline-block;
    font-size         : 14px;
    font-weight       : 500;
    color             : #ff512f;
    border-radius     : 5px;
    padding           : 10px 30px;
    background-color  : #fff;
    border            : 1px solid transparent;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 67, scss/_btn.scss */
.button-subscribe:hover {
    background: transparent;
    border    : 1px solid #fff;
    color     : #fff;
}

/* line 74, scss/_btn.scss */
button {
    cursor: pointer;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* line 4, scss/_home.scss */
.about-area2 {
    padding-bottom: 82px;
    margin-top    : 50px;
}

@media (min-width: 600px) {

    /* line 4, scss/_home.scss */
    .about-area2 {
        padding-bottom: 102px;
    }
}

@media (min-width: 1200px) {

    /* line 4, scss/_home.scss */
    .about-area2 {
        padding-bottom: 182px;
    }
}

/* line 13, scss/_home.scss */
[class*="about-ani-"] {
    position: absolute;
}

/* line 17, scss/_home.scss */
.about-ani-1 {
    top  : -40%;
    right: 8%;
}

/* line 22, scss/_home.scss */
.about-ani-2 {
    top  : -14%;
    right: 4%;
}

/* line 27, scss/_home.scss */
.about-ani-3 {
    top  : -14%;
    right: 29%;
}

/* line 32, scss/_home.scss */
.about-ani-4 {
    top  : -4%;
    right: 18%;
}

/* line 37, scss/_home.scss */
.about-ani-5 {
    top  : 23%;
    right: 47%;
}

/* line 42, scss/_home.scss */
.about-ani-6 {
    right: 0;
    top  : 45%;
}

/* line 47, scss/_home.scss */
.about-ani-7 {
    right: 11%;
    top  : 47%;
}

/* line 52, scss/_home.scss */
.about-ani-8 {
    right: 19.5%;
    top  : 64%;
}

/* line 57, scss/_home.scss */
.about-ani-9 {
    left: 49%;
    top : 75%;
}

/* line 62, scss/_home.scss */
.about-ani-10 {
    left: 59%;
    top : 111%;
}

/* line 67, scss/_home.scss */
.about-ani-11 {
    bottom: -15%;
    left  : 47%;
}

/* line 72, scss/_home.scss */
.about-ani-12 {
    bottom: -5%;
    left  : 77%;
}

/* line 77, scss/_home.scss */
.about-ani-13 {
    right : 7%;
    bottom: -4%;
}

/* line 84, scss/_home.scss */
.home3 .about-content h2 {
    font-weight: 700;
}

/* line 90, scss/_home.scss */
.about-content {
    max-width: 520px;
}

/* line 92, scss/_home.scss */
.about-content h2 {
    font-size    : 42px;
    margin-bottom: 30px;
    font-weight  : 500;
}

@media (max-width: 767px) {

    /* line 92, scss/_home.scss */
    .about-content h2 {
        font-size: 28px;
    }
}

/* line 100, scss/_home.scss */
.about-content p {
    margin-bottom: 25px;
    max-width    : 450px;
}

/* line 106, scss/_home.scss */
.about-imgs {
    text-align: right;
    position  : relative;
}

/* line 109, scss/_home.scss */
.about-imgs .about-img2 {
    position: absolute;
    bottom  : -95px;
    right   : 65px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 109, scss/_home.scss */
    .about-imgs .about-img2 {
        right: 15px;
    }
}

/* line 119, scss/_home.scss */
.about-shape-bg {
    position: relative;
}

/* line 121, scss/_home.scss */
.about-shape-bg::after {
    content        : "";
    display        : block;
    position       : absolute;
    width          : 650px;
    height         : 850px;
    background     : url(../img/home/about-bg-shape.png) left center no-repeat;
    background-size: cover;
    top            : -280px;
    right          : 0;
    z-index        : -1;
}

/* line 135, scss/_home.scss */
.team-bg {
    background     : url(../img/home/team-bg.png) left center no-repeat;
    background-size: 100% 100%;
}

/* line 140, scss/_home.scss */
.card-team {
    border: 1px solid #d7dbe3;
}

/* line 144, scss/_home.scss */
.team-footer {
    padding: 30px 30px 30px 40px;
}

/* line 146, scss/_home.scss */
.team-footer h3 {
    margin: 0;
}

/* line 149, scss/_home.scss */
.team-footer p {
    margin-bottom: 0;
}

/* line 152, scss/_home.scss */
.team-footer a {
    display: inline-block;
}

/* line 157, scss/_home.scss */
.team-img {
    position: relative;
    overflow: hidden;
}

/* line 160, scss/_home.scss */
.team-img img {
    border-radius: 0 0px 86px 0px;
}

/* line 163, scss/_home.scss */
.team-img::after {
    content           : "";
    display           : block;
    position          : absolute;
    width             : 100%;
    height            : 100%;
    top               : 0;
    left              : 0;
    background        : rgba(19, 20, 27, 0.6);
    border-radius     : 0 0px 86px 0px;
    transform         : translateY(-250px) scale(1.05);
    opacity           : 0;
    z-index           : -1;
    visibility        : hidden;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 181, scss/_home.scss */
.team-social-wrap {
    position: absolute;
    bottom  : 7px;
    right   : 40px;
    z-index : 2;
}

/* line 186, scss/_home.scss */
.team-social-wrap .team-trigger {
    width             : 60px;
    height            : 60px;
    display           : block;
    border-radius     : 50%;
    text-align        : center;
    cursor            : pointer;
    position          : relative;
    margin-bottom     : 17px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 200, scss/_home.scss */
.team-social-wrap .team-trigger i,
.team-social-wrap .team-trigger span {
    font-size  : 15px;
    color      : #fff;
    line-height: 60px;
}

/* line 206, scss/_home.scss */
.team-social-wrap .team-trigger .team-social {
    position          : absolute;
    bottom            : 20px;
    left              : 50%;
    transform         : translateX(-50%) translateY(50px);
    min-height        : 200px;
    opacity           : 0;
    z-index           : -1;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
    visibility        : hidden;
}

/* line 216, scss/_home.scss */
.team-social-wrap .team-trigger .team-social li {
    display      : block;
    margin-bottom: 10px;
}

/* line 219, scss/_home.scss */
.team-social-wrap .team-trigger .team-social li:last-child {
    margin-bottom: 20px;
}

/* line 222, scss/_home.scss */
.team-social-wrap .team-trigger .team-social li a {
    display      : inline-block;
    width        : 40px;
    height       : 40px;
    display      : block;
    border-radius: 50%;
    border       : 1px solid rgba(215, 219, 227, 0.35);
}

/* line 229, scss/_home.scss */
.team-social-wrap .team-trigger .team-social li a i,
.team-social-wrap .team-trigger .team-social li a span {
    line-height       : 40px;
    font-size         : 13px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 235, scss/_home.scss */
.team-social-wrap .team-trigger .team-social li a:hover {
    color       : #0f2137;
    background  : #fff;
    border-color: #fff;
}

/* line 239, scss/_home.scss */
.team-social-wrap .team-trigger .team-social li a:hover i {
    color: #0f2137;
}

/* line 247, scss/_home.scss */
.team-social-wrap .team-trigger:hover .team-social {
    opacity   : 1;
    z-index   : 1;
    visibility: visible;
    transform : translateX(-50%) translateY(0);
}

/* line 258, scss/_home.scss */
.card-team:hover .team-img::after {
    visibility: visible;
    opacity   : 1;
    z-index   : 1;
    transform : translateY(0) scale(1);
}

/* line 266, scss/_home.scss */
.subscribe-bg {
    background     : url(../img/home/subscribe-bg.png) left center no-repeat;
    background-size: cover;
    padding        : 95px 0;
}

/* line 272, scss/_home.scss */
.subscribe-mw {
    max-width   : 570px;
    margin-right: auto;
    margin-left : auto;
}

/* line 276, scss/_home.scss */
.subscribe-mw p {
    color: #fff;
}

/* line 281, scss/_home.scss */
.form-subscribe {
    margin: 40px 0 30px 0;
}

/* line 283, scss/_home.scss */
.form-subscribe .form-control {
    border       : 1px solid rgba(215, 219, 227, 0.35);
    background   : transparent;
    font-size    : 13px;
    height       : 48px;
    color        : #fff;
    padding-left : 30px;
    border-radius: 5px !important;
}

/* line 291, scss/_home.scss */
.form-subscribe .form-control::placeholder {
    font-weight: 300;
    color      : rgba(255, 255, 255, 0.5);
}

/* line 295, scss/_home.scss */
.form-subscribe .form-control:focus {
    outline   : 0;
    box-shadow: none;
}

/* line 302, scss/_home.scss */
.card-blog {
    background: #fff;
    overflow  : hidden;
}

/* line 307, scss/_home.scss */
.blog-footer {
    padding: 35px 30px 30px 40px;
}

/* line 309, scss/_home.scss */
.blog-footer h3 {
    margin-bottom: 20px;
}

/* line 312, scss/_home.scss */
.blog-footer p {
    margin-bottom: 0;
}

/* line 315, scss/_home.scss */
.blog-footer a {
    display: inline-block;
}

/* line 320, scss/_home.scss */
.blog-info {
    margin-top: 15px;
}

/* line 322, scss/_home.scss */
.blog-info li {
    float: left;
}

/* line 324, scss/_home.scss */
.blog-info li::after {
    content      : "|";
    padding-right: 8px;
    padding-left : 8px;
}

/* line 329, scss/_home.scss */
.blog-info li:last-child::after {
    display      : none;
    padding-right: 0;
}

/* line 333, scss/_home.scss */
.blog-info li a {
    font-size  : 13px;
    color      : #a7b2c8;
    font-weight: 400;
}

/* line 337, scss/_home.scss */
.blog-info li a:hover {
    color: #0f2137;
}

/* line 342, scss/_home.scss */
.blog-info::after {
    content: "";
    display: block;
    clear  : both;
    display: table;
}

/* line 350, scss/_home.scss */
.blog-img {
    position: relative;
}

/* line 352, scss/_home.scss */
.blog-img img {
    border-radius: 0 0px 86px 0px;
}

/* line 355, scss/_home.scss */
.blog-img .blog-link {
    width             : 60px;
    height            : 60px;
    display           : block;
    border-radius     : 50%;
    text-align        : center;
    box-shadow        : 0px 10px 20px 0px rgba(226, 43, 107, 0.4);
    position          : absolute;
    bottom            : 0;
    right             : 40px;
    z-index           : 5;
    transform         : translateX(70px);
    opacity           : 0;
    z-index           : -1;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 371, scss/_home.scss */
.blog-img .blog-link i,
.blog-img .blog-link span {
    font-size  : 15px;
    color      : #fff;
    line-height: 60px;
}

/* line 381, scss/_home.scss */
.blog-img::after {
    content           : "";
    display           : block;
    position          : absolute;
    width             : 100%;
    height            : 100%;
    top               : 0;
    left              : 0;
    background        : rgba(19, 20, 27, 0.6);
    border-radius     : 0 0px 86px 0px;
    transform         : translateY(-50px) scale(1.05);
    opacity           : 0;
    z-index           : -1;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 399, scss/_home.scss */
.card-blog:hover .blog-img::after {
    opacity  : 1;
    z-index  : 1;
    transform: translateY(0) scale(1);
}

/* line 404, scss/_home.scss */
.card-blog:hover .blog-link {
    transform: translateX(0);
    opacity  : 1;
    z-index  : 5;
}

/* line 411, scss/_home.scss */
.blog-bg {
    background     : url(../img/home/blog-bg.png) left center no-repeat;
    background-size: cover;
}

/* Start Blog Area css
============================================================================================ */
/* line 419, scss/_home.scss */
.home-blog-area {
    padding-bottom: 50px;
}

@media (min-width: 600px) {

    /* line 419, scss/_home.scss */
    .home-blog-area {
        padding-bottom: 70px;
    }
}

@media (min-width: 1200px) {

    /* line 419, scss/_home.scss */
    .home-blog-area {
        padding-bottom: 120px;
    }
}

/* line 429, scss/_home.scss */

.blog-details-area ul {
    list-style: disc;
}

.single-blog {
    background        : #fff;
    margin-bottom     : 30px;
    box-shadow        : 0 10px 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 434, scss/_home.scss */
.single-blog .blog-thumb {
    position: relative;
    overflow: hidden;
}

/* line 438, scss/_home.scss */
.single-blog .blog-details {
    padding: 40px 35px;
}



/* line 440, scss/_home.scss */
.single-blog .blog-details p {
    margin-bottom: 0;
}

/* line 443, scss/_home.scss */
.single-blog .blog-details .blog-meta {
    margin-top: 40px;
}

/* line 445, scss/_home.scss */
.single-blog .blog-details .blog-meta a {
    font-size         : 13px;
    color             : #949eb2;
    padding-right     : 10px;
    padding-left      : 10px;
    border-right      : 1px solid #949eb2;
    display           : inline-block;
    line-height       : 12px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 454, scss/_home.scss */
.single-blog .blog-details .blog-meta a:first-child {
    padding-left: 0px;
}

/* line 457, scss/_home.scss */
.single-blog .blog-details .blog-meta a:last-child {
    padding-right: 0px;
    border-right : 0px;
}

/* line 461, scss/_home.scss */
.single-blog .blog-details .blog-meta a:hover {
    color: #465160;
}

/* line 466, scss/_home.scss */
.single-blog .blog-details h5 {
    margin-bottom: 15px;
}

/* line 468, scss/_home.scss */
.single-blog .blog-details h5 a {
    color             : #0f2137;
    font-size         : 21px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 472, scss/_home.scss */
.single-blog .blog-details h5 a:hover {
    color: #ff512f;
}

/* End Blog Area css
============================================================================================ */
/* Start Newsletter Area css
============================================================================================ */
/* line 487, scss/_home.scss */
.newsletter_area {
    color: #ffffff;
}

/* line 491, scss/_home.scss */
.subscription_box {
    background     : url(../img/subscribe-bg.jpg) no-repeat center;
    background-size: cover;
    padding        : 74px 0px;
    position       : relative;
    z-index        : 1;
}

/* line 497, scss/_home.scss */
.subscription_box:before {
    content   : "";
    position  : absolute;
    z-index   : -1;
    box-shadow: 0 60px 80px -40px rgba(0, 0, 0, 0.5);
    top       : 17%;
    bottom    : 0px;
    left      : 5%;
    right     : 5%;
}

@media (max-width: 767px) {

    /* line 491, scss/_home.scss */
    .subscription_box {
        padding: 50px 20px;
    }
}

/* line 510, scss/_home.scss */
.subscription_box h3 {
    font-size    : 24px;
    font-weight  : 700;
    margin-bottom: 45px;
}

/* line 515, scss/_home.scss */
.subscription_box p {
    margin-top   : 20px;
    font-size    : 14px;
    margin-bottom: 0;
}

/* line 521, scss/_home.scss */
.subscription_box .subscription input {
    min-width    : 74%;
    max-width    : 74%;
    line-height  : 60px;
    padding      : 0 20px;
    border       : 0px;
    background   : transparent;
    font-size    : 14px;
    font-weight  : 300;
    border-radius: 5px;
    color        : #ffffff;
}

/* line 532, scss/_home.scss */
.subscription_box .subscription input:focus {
    outline: none;
}

@media (max-width: 767px) {

    /* line 521, scss/_home.scss */
    .subscription_box .subscription input {
        min-width: 56%;
        max-width: 56%;
    }
}

@media (max-width: 320px) {

    /* line 521, scss/_home.scss */
    .subscription_box .subscription input {
        padding: 0 10px;
    }
}

/* line 106, scss/_mixins.scss */
.subscription_box .subscription input.placeholder {
    color      : rgba(255, 255, 255, 0.5);
    font-size  : 13px;
    font-weight: 300;
}

/* line 109, scss/_mixins.scss */
.subscription_box .subscription input:-moz-placeholder {
    color      : rgba(255, 255, 255, 0.5);
    font-size  : 13px;
    font-weight: 300;
}

/* line 112, scss/_mixins.scss */
.subscription_box .subscription input::-moz-placeholder {
    color      : rgba(255, 255, 255, 0.5);
    font-size  : 13px;
    font-weight: 300;
}

/* line 115, scss/_mixins.scss */
.subscription_box .subscription input::-webkit-input-placeholder {
    color      : rgba(255, 255, 255, 0.5);
    font-size  : 13px;
    font-weight: 300;
}

/* line 549, scss/_home.scss */
.subscription_box .subcribe-form {
    max-width    : 60%;
    margin       : 0px auto 0px;
    border       : 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 549, scss/_home.scss */
    .subscription_box .subcribe-form {
        max-width: 70%;
    }
}

@media (max-width: 991px) {

    /* line 549, scss/_home.scss */
    .subscription_box .subcribe-form {
        max-width: 90%;
    }
}

@media (max-width: 767px) {

    /* line 549, scss/_home.scss */
    .subscription_box .subcribe-form {
        max-width: 100%;
    }
}

/* line 564, scss/_home.scss */
.subscription_box .primary-button2 {
    border-radius: 50px;
    min-width    : 24%;
}

@media (max-width: 767px) {

    /* line 564, scss/_home.scss */
    .subscription_box .primary-button2 {
        padding: 11px 35px;
    }
}

@media (max-width: 480px) {

    /* line 564, scss/_home.scss */
    .subscription_box .primary-button2 {
        padding: 11px 20px;
    }
}

@media (max-width: 320px) {

    /* line 564, scss/_home.scss */
    .subscription_box .primary-button2 {
        padding: 11px 13px;
    }
}

/* line 576, scss/_home.scss */
.subscription_box .primary-button2:hover {
    background: transparent;
}

/* line 582, scss/_home.scss */
.subscription .info {
    color     : #fff;
    width     : 100%;
    font-size : 12px;
    background: transparent;
    position  : absolute;
    left      : 0;
}

/* line 591, scss/_home.scss */
.subscription .info.valid {
    color: green;
}

/* line 595, scss/_home.scss */
.subscription .info.error {
    color: red;
}

/* End Newsletter Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Feature Area
=========================================================================================== */
/* line 4, scss/_feature.scss */
.feature-card-wrapper {
    position              : relative;
    padding               : 2px;
    transform             : scale(1.02) translateZ(0);
    backface-visibility   : hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition    : all 0.6s ease 0s;
    -moz-transition       : all 0.6s ease 0s;
    -o-transition         : all 0.6s ease 0s;
    transition            : all 0.6s ease 0s;
}

/* line 11, scss/_feature.scss */
.feature-card-wrapper:hover,
.feature-card-wrapper.active {
    transform: scale(1);
}

/* line 15, scss/_feature.scss */
.feature-card-wrapper:hover .feature-card,
.feature-card-wrapper.active .feature-card {
    background: #fff;
}

/* line 18, scss/_feature.scss */
.feature-card-wrapper:hover .feature-link,
.feature-card-wrapper.active .feature-link {
    transform: translateX(0);
    opacity  : 1;
    z-index  : 1;
}

/* line 26, scss/_feature.scss */
.feature-card {
    padding   : 45px 35px;
    background: transparent;
    z-index   : -1;
}

@media (max-width: 575px) {

    /* line 26, scss/_feature.scss */
    .feature-card {
        padding: 45px 20px;
    }
}

/* line 33, scss/_feature.scss */
.feature-card .feature-icon {
    display      : inline-block;
    position     : relative;
    margin-bottom: 30px;
    z-index      : 1;
}

/* line 38, scss/_feature.scss */
.feature-card .feature-icon img {
    display        : inline-block;
    margin-left    : 12px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

/* line 45, scss/_feature.scss */
.feature-card .feature-icon::after {
    content          : "";
    display          : block;
    position         : absolute;
    bottom           : 0;
    left             : 0;
    width            : 98px;
    height           : 60px;
    background       : url(../img/icon-img/feature-icon-bg.png) left center no-repeat;
    background-size  : 100% 100%;
    z-index          : -1;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation   : spin 4s linear infinite;
    -o-animation     : spin 4s linear infinite;
    animation        : spin 4s linear infinite;
}

/* line 59, scss/_feature.scss */
.feature-card h3 {
    margin-bottom : 20px;
    text-transform: capitalize;
}

/* line 63, scss/_feature.scss */
.feature-card p {
    margin-bottom: 22px;
}

/* line 66, scss/_feature.scss */
.feature-card .feature-link {
    display           : block;
    width             : 45px;
    height            : 45px;
    text-align        : center;
    border-radius     : 50%;
    background-size   : 200%;
    transform         : translateX(-50px);
    opacity           : 0;
    z-index           : -1;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 78, scss/_feature.scss */
.feature-card .feature-link i,
.feature-card .feature-link span {
    color      : #fff;
    line-height: 45px;
    font-size  : 14px;
}

/* line 84, scss/_feature.scss */
.feature-card .feature-link:hover {
    background-position: 100% 0;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform   : rotate(360deg);
        -ms-transform    : rotate(360deg);
        -o-transform     : rotate(360deg);
        transform        : rotate(360deg);
    }
}

/* line 96, scss/_feature.scss */
.feature-bg {
    background     : url(../img/home/feature-bg.png) left center no-repeat;
    background-size: cover;
}

/* line 101, scss/_feature.scss */
.feature-media {
    padding           : 45px 45px 45px 50px;
    background        : #fff;
    margin-bottom     : 10px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

@media (max-width: 575px) {

    /* line 101, scss/_feature.scss */
    .feature-media {
        padding: 45px 15px;
    }
}

/* line 109, scss/_feature.scss */
.feature-media h3 {
    text-transform: capitalize;
    margin-bottom : 20px;
}

/* line 113, scss/_feature.scss */
.feature-media p {
    margin-bottom: 0;
}

/* line 116, scss/_feature.scss */
.feature-media:hover {
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1);
}

/* line 121, scss/_feature.scss */
.feature-icon {
    margin-right: 30px;
    font-size   : 60px;
    line-height : 1.2;
}

/* line 125, scss/_feature.scss */
.feature-icon [class^="flaticon-"]:before,
.feature-icon [class*=" flaticon-"]:before,
.feature-icon [class^="flaticon-"]:after,
.feature-icon [class*=" flaticon-"]:after {
    font-size: 60px;
}

@media (max-width: 575px) {

    /* line 125, scss/_feature.scss */
    .feature-icon [class^="flaticon-"]:before,
    .feature-icon [class*=" flaticon-"]:before,
    .feature-icon [class^="flaticon-"]:after,
    .feature-icon [class*=" flaticon-"]:after {
        font-size: 35px;
    }
}

/* End Feature Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Service Area
=========================================================================================== */
/* line 3, scss/_service.scss */
.service-area {
    padding: 80px 0px 40px;
}

@media (min-width: 600px) {

    /* line 3, scss/_service.scss */
    .service-area {
        padding: 120px 0px 60px;
    }
}

@media (min-width: 1200px) {

    /* line 3, scss/_service.scss */
    .service-area {
        padding: 150px 0px 80px;
    }
}

/* line 12, scss/_service.scss */
.single-service {
    margin-bottom     : 60px;
    margin-right      : 30px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

@media (max-width: 1480px) {

    /* line 12, scss/_service.scss */
    .single-service {
        margin-right: 0px;
    }
}

/* line 19, scss/_service.scss */
.single-service img {
    filter            : grayscale(100%);
    -o-filter         : grayscale(100%);
    -ms-filter        : grayscale(100%);
    -moz-filter       : grayscale(100%);
    -webkit-filter    : grayscale(100%);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 23, scss/_service.scss */
.single-service h4 {
    margin-top   : 40px;
    font-size    : 20px;
    margin-bottom: 20px;
}

/* line 28, scss/_service.scss */
.single-service p {
    margin-bottom: 0px;
}

/* line 32, scss/_service.scss */
.single-service:hover img {
    filter        : grayscale(0%);
    -o-filter     : grayscale(0%);
    -ms-filter    : grayscale(0%);
    -moz-filter   : grayscale(0%);
    -webkit-filter: grayscale(0%);
}

/* End Service Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Portfolio Area
=========================================================================================== */
/* line 5, scss/_portfolio.scss */
.filter-btn li {
    display           : inline-block;
    color             : #465160;
    font-weight       : 400;
    text-transform    : capitalize;
    cursor            : pointer;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 16, scss/_portfolio.scss */
.filter-btn li::after {
    content      : "|";
    padding-right: 15px;
    padding-left : 15px;
}

/* line 21, scss/_portfolio.scss */
.filter-btn li:last-child {
    padding-right: 0;
}

/* line 24, scss/_portfolio.scss */
.filter-btn li:last-child::after {
    display: none;
}

/* line 28, scss/_portfolio.scss */
.filter-btn::after {
    content: "";
    display: block;
    clear  : both;
    display: table;
}

/* line 36, scss/_portfolio.scss */
.filters-content {
    overflow: hidden;
}

/* line 40, scss/_portfolio.scss */
.single_portfolio {
    position: relative;
    overflow: hidden;
}

/* line 43, scss/_portfolio.scss */
.single_portfolio .single_portfolio_overlay {
    position          : absolute;
    top               : 0;
    left              : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(19, 20, 27, 0.9);
    transform         : translateY(-250px);
    opacity           : 0;
    visibility        : hidden;
    z-index           : -1;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 56, scss/_portfolio.scss */
.single_portfolio .overlay-content {
    position: absolute;
    bottom  : 35px;
    left    : 40px;
}

/* line 60, scss/_portfolio.scss */
.single_portfolio .overlay-content h3 {
    font-size     : 21px;
    color         : #fff;
    text-transform: capitalize;
    margin-bottom : 5px;
}

/* line 66, scss/_portfolio.scss */
.single_portfolio .overlay-content p {
    font-size    : 14px;
    margin-bottom: 0;
    color        : rgba(255, 255, 255, 0.6);
}

/* line 72, scss/_portfolio.scss */
.single_portfolio .overlay-icon {
    width             : 45px;
    height            : 45px;
    display           : block;
    border-radius     : 50%;
    text-align        : center;
    position          : absolute;
    top               : 40px;
    right             : 40px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 85, scss/_portfolio.scss */
.single_portfolio .overlay-icon i,
.single_portfolio .overlay-icon span {
    font-size  : 15px;
    line-height: 45px;
    color      : #fff;
}

/* line 95, scss/_portfolio.scss */
.single_portfolio:hover .single_portfolio_overlay {
    opacity   : 1;
    z-index   : 1;
    visibility: visible;
    transform : translateY(0px);
}

/* End Portfolio Area
=========================================================================================== */
/* Start Latest Project Area
=========================================================================================== */
/* line 109, scss/_portfolio.scss */
.latest-project-area {
    padding : 0px 0 50px;
    position: relative;
}

@media (min-width: 600px) {

    /* line 109, scss/_portfolio.scss */
    .latest-project-area {
        padding: 0px 0 70px;
    }
}

@media (min-width: 1200px) {

    /* line 109, scss/_portfolio.scss */
    .latest-project-area {
        padding: 0px 0 120px;
    }
}

/* line 118, scss/_portfolio.scss */
.latest-project-area:after {
    content            : '';
    position           : absolute;
    top                : -40%;
    right              : 0;
    width              : 100%;
    min-height         : 1030px;
    background         : url(../img/portfolio-bg.png) no-repeat center;
    background-position: right top;
    z-index            : -1;
}

/* line 129, scss/_portfolio.scss */
.latest-project-area .container-fluid {
    position     : relative;
    padding-left : 20%;
    padding-right: 0;
}

@media (min-width: 1921px) {

    /* line 129, scss/_portfolio.scss */
    .latest-project-area .container-fluid {
        padding-left : 15px;
        padding-right: 15px;
        max-width    : 1140px;
    }
}

@media (max-width: 991px) {

    /* line 129, scss/_portfolio.scss */
    .latest-project-area .container-fluid {
        padding-left : 6%;
        padding-right: 6%;
    }
}

@media (max-width: 576px) {

    /* line 129, scss/_portfolio.scss */
    .latest-project-area .container-fluid {
        padding-left: 11%;
    }
}

/* line 146, scss/_portfolio.scss */
.latest-project-area .owl-nav {
    display : -ms-flexbox !important;
    display : flex !important;
    position: absolute;
    top     : -80px;
    right   : 25%;
}

@media (max-width: 1199px) {

    /* line 146, scss/_portfolio.scss */
    .latest-project-area .owl-nav {
        display: none !important;
    }
}

/* line 156, scss/_portfolio.scss */
.latest-project-area .owl-nav .owl-prev img {
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin   : 100% 0%;
    -ms-transform-origin    : 100% 0%;
    -o-transform-origin     : 100% 0%;
    transform-origin        : 100% 0%;
}

/* line 160, scss/_portfolio.scss */
.latest-project-area .owl-nav .owl-next {
    margin-left: 15px;
}

/* line 162, scss/_portfolio.scss */
.latest-project-area .owl-nav .owl-next img {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin   : 0% 0%;
    -ms-transform-origin    : 0% 0%;
    -o-transform-origin     : 0% 0%;
    transform-origin        : 0% 0%;
}

/* line 166, scss/_portfolio.scss */
.latest-project-area .owl-nav img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
    filter            : grayscale(110%);
    -o-filter         : grayscale(110%);
    -ms-filter        : grayscale(110%);
    -moz-filter       : grayscale(110%);
    -webkit-filter    : grayscale(110%);
}

/* line 169, scss/_portfolio.scss */
.latest-project-area .owl-nav img:hover {
    -webkit-transform: scalex(1.8);
    -moz-transform   : scalex(1.8);
    -ms-transform    : scalex(1.8);
    -o-transform     : scalex(1.8);
    transform        : scalex(1.8);
    filter           : grayscale(0%);
    -o-filter        : grayscale(0%);
    -ms-filter       : grayscale(0%);
    -moz-filter      : grayscale(0%);
    -webkit-filter   : grayscale(0%);
}

/* line 177, scss/_portfolio.scss */
.single-project {
    margin-top        : 90px;
    background        : #fff;
    margin-bottom     : 30px;
    /* padding        : 50px 40px; */
    position          : relative;
    margin-left       : 25px;
    box-shadow        : 0px 10px 15px rgba(111, 54, 255, 0.2);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 186, scss/_portfolio.scss */
.single-project:hover {
    -webkit-transform: translateY(-20px);
    -moz-transform   : translateY(-20px);
    -ms-transform    : translateY(-20px);
    -o-transform     : translateY(-20px);
    transform        : translateY(-20px);
}

@media (min-width: 1200px) {

    /* line 177, scss/_portfolio.scss */
    .single-project {
        margin-top: 50px;
    }
}

@media (min-width: 991px) {

    /* line 177, scss/_portfolio.scss */
    .single-project {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {

    /* line 177, scss/_portfolio.scss */
    .single-project {
        margin-left: 0px;
    }
}

@media (max-width: 1440px) {

    /* line 198, scss/_portfolio.scss */
    .single-project.mt--60 {
        margin-top: -37px;
    }
}

@media (max-width: 1300px) {

    /* line 198, scss/_portfolio.scss */
    .single-project.mt--60 {
        margin-top: -30px;
    }
}

@media (max-width: 1024px) {

    /* line 198, scss/_portfolio.scss */
    .single-project.mt--60 {
        margin-top: -20px;
    }
}

@media (max-width: 991px) {

    /* line 198, scss/_portfolio.scss */
    .single-project.mt--60 {
        margin-top: 0px;
    }
}

/* line 212, scss/_portfolio.scss */

.single-project h3 {
    margin       : 20px 0 0 20px;
    font-size    : 20px;
    line-height  : 32px;
    margin-bottom: 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 212, scss/_portfolio.scss */
    .single-project h3 {
        font-size: 20px;
    }
}

@media (max-width: 576px) {

    /* line 212, scss/_portfolio.scss */
    .single-project h3 {
        font-size: 20px;
    }
}

/* line 224, scss/_portfolio.scss */
.single-project p {
    margin-left  : 20px;
    margin-bottom: 10px;
}

/* line 227, scss/_portfolio.scss */
.single-project a {
    display           : inline-block;
    margin            : 0 0 30px 20px;
    font-size         : 14px;
    font-weight       : 500;
    color             : #949eb2;
    cursor            : pointer;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 234, scss/_portfolio.scss */
.single-project a i {
    position          : relative;
    top               : 2px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* End Latest Project Area
=========================================================================================== */
/* Start Portfolio Details Area
=========================================================================================== */
/* line 255, scss/_portfolio.scss */
.portfolio_details_area .owl-nav {
    display : -ms-flexbox;
    display : flex;
    position: absolute;
    bottom  : 100px;
    right   : 10%;
}

@media (max-width: 1199px) {

    /* line 255, scss/_portfolio.scss */
    .portfolio_details_area .owl-nav {
        display: none !important;
    }
}

/* line 265, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev img {
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin   : 100% 0%;
    -ms-transform-origin    : 100% 0%;
    -o-transform-origin     : 100% 0%;
    transform-origin        : 100% 0%;
}

/* line 269, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-next {
    margin-left: 170px;
}

/* line 271, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-next img {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin   : 0% 0%;
    -ms-transform-origin    : 0% 0%;
    -o-transform-origin     : 0% 0%;
    transform-origin        : 0% 0%;
}

/* line 275, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev,
.portfolio_details_area .owl-nav .owl-next {
    color             : #465160;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 279, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev img,
.portfolio_details_area .owl-nav .owl-next img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
    filter            : grayscale(110%);
    -o-filter         : grayscale(110%);
    -ms-filter        : grayscale(110%);
    -moz-filter       : grayscale(110%);
    -webkit-filter    : grayscale(110%);
}

/* line 283, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev:hover,
.portfolio_details_area .owl-nav .owl-next:hover {
    color      : #0f2137;
    font-weight: 500;
}

/* line 286, scss/_portfolio.scss */
.portfolio_details_area .owl-nav .owl-prev:hover img,
.portfolio_details_area .owl-nav .owl-next:hover img {
    -webkit-transform: scalex(1.8);
    -moz-transform   : scalex(1.8);
    -ms-transform    : scalex(1.8);
    -o-transform     : scalex(1.8);
    transform        : scalex(1.8);
    filter           : grayscale(0%);
    -o-filter        : grayscale(0%);
    -ms-filter       : grayscale(0%);
    -moz-filter      : grayscale(0%);
    -webkit-filter   : grayscale(0%);
}

/* line 296, scss/_portfolio.scss */
.portfolio_right_text h3 {
    color        : #0f2137;
    font-size    : 42px;
    margin-bottom: 18px;
    font-weight  : 500;
}

@media (max-width: 991px) {

    /* line 296, scss/_portfolio.scss */
    .portfolio_right_text h3 {
        font-size: 30px;
    }
}

/* line 305, scss/_portfolio.scss */
.portfolio_right_text p {
    margin-bottom: 0px;
    font-size    : 15px;
}

/* line 309, scss/_portfolio.scss */
.portfolio_right_text .project-details-box {
    border       : 1px solid #eeeeee;
    padding      : 50px 40px;
    /* margin-top: 50px; */
}

@media (max-width: 1199px) {

    /* line 309, scss/_portfolio.scss */
    .portfolio_right_text .project-details-box {
        padding: 40px 20px;
    }
}

/* line 316, scss/_portfolio.scss */
.portfolio_right_text .project-details-box h4 {
    position     : relative;
    font-size    : 20px;
    margin-bottom: 50px;
}

/* line 320, scss/_portfolio.scss */
.portfolio_right_text .project-details-box h4:after {
    content          : '';
    position         : absolute;
    top              : 38px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
    width            : 50px;
    height           : 2px;
}

/* line 333, scss/_portfolio.scss */
.portfolio_right_text .list li {
    margin-bottom : 10px;
    padding-bottom: 10px;
    border-bottom : 1px solid #dddddd;
}

/* line 337, scss/_portfolio.scss */
.portfolio_right_text .list li:last-child {
    border-bottom : 0px;
    padding-bottom: 0px;
}

/* line 341, scss/_portfolio.scss */
.portfolio_right_text .list li .item-name {
    font-size  : 16px;
    color      : #0f2137;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    display    : inline-block;
}

/* line 348, scss/_portfolio.scss */
.portfolio_right_text .list li:last-child {
    margin-bottom: 0px;
}

/* line 351, scss/_portfolio.scss */
.portfolio_right_text .list li i {
    color: #465160;
}

/* line 358, scss/_portfolio.scss */
h5 {
    line-height: 28px;
}

/* line 363, scss/_portfolio.scss */
.social_details li {
    display     : inline-block;
    margin-right: 10px;
}

/* line 366, scss/_portfolio.scss */
.social_details li a {
    display           : inline-block;
    color             : #0f2137;
    width             : 35px;
    height            : 35px;
    line-height       : 35px;
    text-align        : center;
    font-size         : 14px;
    color             : #0f2137;
    background        : transparent;
    border            : 1px solid #dddddd;
    border-radius     : 30px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 379, scss/_portfolio.scss */
.social_details li a:hover {
    color: #fff;
}

@media (max-width: 1199px) {

    /* line 366, scss/_portfolio.scss */
    .social_details li a {
        margin-bottom: 8px;
    }
}

/* line 387, scss/_portfolio.scss */
.social_details li:last-child {
    margin-right: 0px;
}

/* End Portfolio Details Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Work Area
=========================================================================================== */
/* line 4, scss/_work.scss */
.work-area {
    padding-bottom: 50px;
    position      : relative;
}

@media (min-width: 600px) {

    /* line 4, scss/_work.scss */
    .work-area {
        padding-bottom: 70px;
    }
}

@media (min-width: 1200px) {

    /* line 4, scss/_work.scss */
    .work-area {
        padding-bottom: 120px;
    }
}

/* line 16, scss/_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work:before,
.work-area .col-lg-4:nth-child(2) .single-work:before,
.work-area .col-lg-4:nth-child(3) .single-work:before {
    content           : '';
    position          : absolute;
    height            : 64px;
    z-index           : -1;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 26, scss/_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work,
.work-area .col-lg-4:nth-child(3) .single-work {
    box-shadow: 0px 10px 30px rgba(111, 54, 255, 0.2);
}

/* line 28, scss/_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work:before,
.work-area .col-lg-4:nth-child(3) .single-work:before {
    bottom    : -34px;
    left      : 25%;
    width     : 0%;
    background: url(../img/dashline1.png) no-repeat;
    z-index   : 1;
}

/* line 36, scss/_work.scss */
.work-area .col-lg-4:nth-child(1) .single-work:hover:before,
.work-area .col-lg-4:nth-child(3) .single-work:hover:before {
    width: 103%;
}

/* line 43, scss/_work.scss */
.work-area .col-lg-4:nth-child(2) .single-work {
    box-shadow: 0px 10px 30px rgba(19, 206, 103, 0.2);
}

/* line 45, scss/_work.scss */
.work-area .col-lg-4:nth-child(2) .single-work:before {
    top       : -34px;
    left      : 25%;
    width     : 0%;
    background: url(../img/dashline2.png) no-repeat;
}

/* line 52, scss/_work.scss */
.work-area .col-lg-4:nth-child(2) .single-work:hover:before {
    width: 103%;
}

/* line 59, scss/_work.scss */
.work-area .col-lg-4:nth-child(3) .single-work {
    box-shadow: 0px 10px 30px rgba(255, 198, 47, 0.2);
}

/* line 61, scss/_work.scss */
.work-area .col-lg-4:nth-child(3) .single-work:before {
    left      : -25%;
    background: url(../img/dashline3.png) no-repeat;
}

/* line 70, scss/_work.scss */
.single-work {
    margin-bottom     : 30px;
    background        : #fff;
    padding           : 50px 40px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 75, scss/_work.scss */
.single-work img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 78, scss/_work.scss */
.single-work h4 {
    margin-top   : 30px;
    font-size    : 20px;
    margin-bottom: 15px;
}

/* line 83, scss/_work.scss */
.single-work p {
    margin-bottom: 22px;
}

/* line 86, scss/_work.scss */
.single-work a {
    color             : #465064;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 91, scss/_work.scss */
.single-work:hover a {
    color: #071590;
}

/* End Work Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Testimonial Area
=========================================================================================== */
/* line 4, scss/_testimonial.scss */
.testimonial-item {
    padding           : 45px 40px 40px 50px;
    border            : 1px solid #d7dbe3;
    background        : #fff;
    -webkit-transform : scale(0.98);
    -moz-transform    : scale(0.98);
    -ms-transform     : scale(0.98);
    -o-transform      : scale(0.98);
    transform         : scale(0.98);
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

@media (max-width: 575px) {

    /* line 4, scss/_testimonial.scss */
    .testimonial-item {
        padding: 45px 20px;
    }
}

/* line 13, scss/_testimonial.scss */
.testimonial-item:hover {
    -webkit-transform     : scale(1) translateZ(0);
    -moz-transform        : scale(1) translateZ(0);
    -ms-transform         : scale(1) translateZ(0);
    -o-transform          : scale(1) translateZ(0);
    transform             : scale(1) translateZ(0);
    backface-visibility   : hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

/* line 18, scss/_testimonial.scss */
.testimonial-item>p {
    font-size : 18px;
    font-style: italic;
}

/* line 22, scss/_testimonial.scss */
.testimonial-item .media {
    margin-top: 40px;
}

/* line 24, scss/_testimonial.scss */
.testimonial-item .media img {
    width       : 50px;
    height      : 50px;
    margin-right: 20px;
}

/* line 29, scss/_testimonial.scss */
.testimonial-item .media h4 {
    font-size    : 16px;
    margin-bottom: 5px;
}

/* line 33, scss/_testimonial.scss */
.testimonial-item .media p {
    font-size: 14px;
}

/* line 39, scss/_testimonial.scss */
.testimonial-item-wrap {
    padding           : 2px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 49, scss/_testimonial.scss */
.testimonial-carousel .owl-nav i,
.testimonial-carousel .owl-nav span {
    font-size: 14px;
    color    : #465160;
}

/* line 54, scss/_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    padding           : 0;
    margin            : 0;
    width             : 45px;
    height            : 45px;
    display           : block;
    border            : 1px solid #d7dbe3;
    border-radius     : 50%;
    background        : transparent;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

@media (max-width: 767px) {

    /* line 54, scss/_testimonial.scss */
    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        display: none;
    }
}

/* line 68, scss/_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev i,
.testimonial-carousel .owl-nav .owl-prev span,
.testimonial-carousel .owl-nav .owl-next i,
.testimonial-carousel .owl-nav .owl-next span {
    color      : #465160;
    line-height: 45px;
}

/* line 73, scss/_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    border-color: transparent;
    box-shadow  : 0px 10px 20px 0px rgba(226, 43, 107, 0.4);
}

/* line 77, scss/_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev:hover i,
.testimonial-carousel .owl-nav .owl-prev:hover span,
.testimonial-carousel .owl-nav .owl-next:hover i,
.testimonial-carousel .owl-nav .owl-next:hover span {
    color: #fff;
}

/* line 83, scss/_testimonial.scss */
.testimonial-carousel .owl-nav .owl-prev {
    position: absolute;
    top     : -120px;
    right   : 55px;
}

/* line 88, scss/_testimonial.scss */
.testimonial-carousel .owl-nav .owl-next {
    position: absolute;
    top     : -120px;
    right   : 0;
}

/* End Testimonial Area
=========================================================================================== */
/* Start Testimonial 2 Area
=========================================================================================== */
/* line 102, scss/_testimonial.scss */
.testimonial-area {
    padding-bottom: 190px;
}

@media (max-width: 1200px) {

    /* line 102, scss/_testimonial.scss */
    .testimonial-area {
        padding-bottom: 150px;
    }
}

@media (max-width: 991px) {

    /* line 102, scss/_testimonial.scss */
    .testimonial-area {
        padding-bottom: 50px;
    }
}

/* line 110, scss/_testimonial.scss */
.testimonial-area .owl-carousel .owl-item img {
    width: auto;
}

/* line 113, scss/_testimonial.scss */
.testimonial-area .owl-nav {
    display          : -ms-flexbox !important;
    display          : flex !important;
    position         : absolute;
    bottom           : -55px;
    left             : 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform   : translateX(-50%);
    -ms-transform    : translateX(-50%);
    -o-transform     : translateX(-50%);
    transform        : translateX(-50%);
}

@media (max-width: 991px) {

    /* line 113, scss/_testimonial.scss */
    .testimonial-area .owl-nav {
        display: none !important;
    }
}

/* line 124, scss/_testimonial.scss */
.testimonial-area .owl-nav .owl-prev img {
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin   : 100% 0%;
    -ms-transform-origin    : 100% 0%;
    -o-transform-origin     : 100% 0%;
    transform-origin        : 100% 0%;
}

/* line 128, scss/_testimonial.scss */
.testimonial-area .owl-nav .owl-next {
    margin-left: 15px;
}

/* line 130, scss/_testimonial.scss */
.testimonial-area .owl-nav .owl-next img {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin   : 0% 0%;
    -ms-transform-origin    : 0% 0%;
    -o-transform-origin     : 0% 0%;
    transform-origin        : 0% 0%;
}

/* line 134, scss/_testimonial.scss */
.testimonial-area .owl-nav img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
    filter            : grayscale(110%);
    -o-filter         : grayscale(110%);
    -ms-filter        : grayscale(110%);
    -moz-filter       : grayscale(110%);
    -webkit-filter    : grayscale(110%);
}

/* line 137, scss/_testimonial.scss */
.testimonial-area .owl-nav img:hover {
    -webkit-transform: scalex(1.8);
    -moz-transform   : scalex(1.8);
    -ms-transform    : scalex(1.8);
    -o-transform     : scalex(1.8);
    transform        : scalex(1.8);
    filter           : grayscale(0%);
    -o-filter        : grayscale(0%);
    -ms-filter       : grayscale(0%);
    -moz-filter      : grayscale(0%);
    -webkit-filter   : grayscale(0%);
}

/* line 149, scss/_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(1) .single-testimonial .testi-bottom:before,
.testimonial-area .col-lg-4:nth-child(2) .single-testimonial .testi-bottom:before,
.testimonial-area .col-lg-4:nth-child(3) .single-testimonial .testi-bottom:before {
    content : '';
    position: absolute;
    top     : 0px;
    left    : 40px;
    height  : 3px;
    width   : 90px;
}

/* line 163, scss/_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(1) .single-testimonial .testi-bottom:before {
    background: #6e35ff;
}

/* line 172, scss/_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(2) .single-testimonial .testi-bottom:before {
    background: #3bcc66;
}

/* line 181, scss/_testimonial.scss */
.testimonial-area .col-lg-4:nth-child(3) .single-testimonial .testi-bottom:before {
    background: #f8c72e;
}

/* line 190, scss/_testimonial.scss */
.single-testimonial {
    box-shadow        : 0px 10px 30px rgba(111, 54, 255, 0.2);
    margin-bottom     : 50px;
    margin-top        : 90px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

@media (min-width: 1200px) {

    /* line 190, scss/_testimonial.scss */
    .single-testimonial {
        margin-top: 50px;
    }
}

@media (min-width: 991px) {

    /* line 190, scss/_testimonial.scss */
    .single-testimonial {
        margin-top: 40px;
    }
}

@media (min-width: 600px) {

    /* line 190, scss/_testimonial.scss */
    .single-testimonial {
        margin-left : 15px;
        margin-right: 15px;
    }
}

/* line 205, scss/_testimonial.scss */
.single-testimonial .testi-top {
    padding   : 20px;
    background: #fff;
}

/* line 208, scss/_testimonial.scss */
.single-testimonial .testi-top p {
    margin-bottom: 0px;
    margin-top   : 5px;
}

/* line 213, scss/_testimonial.scss */
.single-testimonial .testi-bottom {
    background   : #f8fafd;
    padding      : 25px 40px;
    position     : relative;
    border-radius: 5px 5px 0px 0px;
    height       : 100px;
}

/* line 218, scss/_testimonial.scss */
.single-testimonial .testi-bottom h5 {
    font-size    : 16px;
    margin-bottom: 5px;
}

/* line 222, scss/_testimonial.scss */
.single-testimonial .testi-bottom p {
    font-size    : 14px;
    margin-bottom: 0px;
}

/* line 227, scss/_testimonial.scss */
.single-testimonial:hover {
    -webkit-transform: translateY(-20px);
    -moz-transform   : translateY(-20px);
    -ms-transform    : translateY(-20px);
    -o-transform     : translateY(-20px);
    transform        : translateY(-20px);
}

/* End Testimonial 2 Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Happy Client Area
=========================================================================================== */
/* line 3, scss/_client.scss */
.happy-client-area {
    position  : relative;
    margin-top: -243px;
}

@media (min-width: 1921px) {

    /* line 3, scss/_client.scss */
    .happy-client-area {
        margin-top: 150px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 3, scss/_client.scss */
    .happy-client-area {
        margin-top: -200px;
    }
}

@media (max-width: 991px) {

    /* line 3, scss/_client.scss */
    .happy-client-area {
        margin-top: -50px;
    }
}

/* line 15, scss/_client.scss */
.happy-client-area .owl-carousel .owl-item img {
    width      : auto !important;
    margin-left: auto;
}

@media (max-width: 991px) {

    /* line 15, scss/_client.scss */
    .happy-client-area .owl-carousel .owl-item img {
        margin: auto;
    }
}

/* End Happy Client Area
=========================================================================================== */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start Collaboration Area
=========================================================================================== */
/* line 4, scss/_video.scss */
.collaboration-area {
    position: relative;
}

@media (min-width: 320px) {

    /* line 4, scss/_video.scss */
    .collaboration-area {
        padding-bottom: 80px;
    }
}

@media (min-width: 1200px) {

    /* line 4, scss/_video.scss */
    .collaboration-area {
        padding-bottom: 265px;
    }
}

/* line 12, scss/_video.scss */
.collaboration-area:after {
    content            : '';
    position           : absolute;
    top                : 0%;
    left               : 0;
    width              : 100%;
    min-height         : 970px;
    background         : url(../img/collaboration/collaboration-bg.png) no-repeat center;
    background-position: left top;
    z-index            : -1;
}

/* line 23, scss/_video.scss */
.collaboration-area .video-play-box {
    display          : inline-block;
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    background       : rgba(255, 255, 255, 0.9);
    min-width        : 80px;
    min-height       : 80px;
    line-height      : 80px;
    border-radius    : 65px;
    text-align       : center;
}

/* line 35, scss/_video.scss */
.collaboration-area .video-play-box:after {
    background       : #fff;
    z-index          : 0;
    -webkit-animation: pulse-border 2000ms ease-out infinite;
    -moz-animation   : pulse-border 2000ms ease-out infinite;
    -o-animation     : pulse-border 2000ms ease-out infinite;
    animation        : pulse-border 2000ms ease-out infinite;
    content          : "";
    position         : absolute;
    left             : 50%;
    top              : 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    display          : block;
    width            : 80px;
    height           : 80px;
    border-radius    : 50%;
    z-index          : -1;
}

/* line 50, scss/_video.scss */
.collaboration-area .video-play-box img {
    position: relative;
    top     : 8px;
    left    : 5px;
}

/* line 56, scss/_video.scss */
.collaboration-area .overlay {
    background: -webkit-linear-gradient(135deg, #5a5f72 0%, #000 100%);
    background: -moz-linear-gradient(135deg, #5a5f72 0%, #000 100%);
    background: -o-linear-gradient(135deg, #5a5f72 0%, #000 100%);
    background: linear-gradient(135deg, #5a5f72 0%, #000 100%);
    opacity   : .85;
}

/* line 60, scss/_video.scss */
.collaboration-area .img-top {
    position: absolute;
    right   : 50px;
    top     : 50px;
    z-index : 1;
}

/* line 66, scss/_video.scss */
.collaboration-area .text-wrap {
    position: absolute;
    left    : 50px;
    bottom  : 50px;
    z-index : 1;
}

/* line 71, scss/_video.scss */
.collaboration-area .text-wrap h3 {
    font-size: 20px;
    color    : #fff;
}

/* line 75, scss/_video.scss */
.collaboration-area .text-wrap p {
    font-size    : 14px;
    margin-bottom: 0px;
    color        : #949eb2;
}

@media (min-width: 1921px) {

    /* line 81, scss/_video.scss */
    .collaboration-area .collaboration-img {
        display: none;
    }
}

@media (max-width: 1199px) {

    /* line 81, scss/_video.scss */
    .collaboration-area .collaboration-img {
        display: none;
    }
}

/* line 88, scss/_video.scss */
.collaboration-area .collaboration-img .img-fluid {
    position: absolute;
}

/* line 91, scss/_video.scss */
.collaboration-area .collaboration-img .img-1 {
    right : 29%;
    bottom: 16%;
}

/* line 95, scss/_video.scss */
.collaboration-area .collaboration-img .img-2 {
    right : 0%;
    bottom: 15%;
}

/* line 99, scss/_video.scss */
.collaboration-area .collaboration-img .img-3 {
    right : 4%;
    bottom: 21%;
}

/* End Collaboration Area
=========================================================================================== */
@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

@-moz-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

@-o-keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1);
        transform        : translate(-50%, -50%) translateZ(0) scale(1);
        opacity          : 0.7;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.5);
        -moz-transform   : translate(-50%, -50%) translateZ(0) scale(1.5);
        -ms-transform    : translate(-50%, -50%) translateZ(0) scale(1.5);
        -o-transform     : translate(-50%, -50%) translateZ(0) scale(1.5);
        transform        : translate(-50%, -50%) translateZ(0) scale(1.5);
        opacity          : 0.1;
    }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=================== contact banner start ====================*/

.sf-fieldWrp select {
    width        : 100%;
    line-height  : 44px;
    padding      : 0 15px;
    border-radius: 0;
    border       : 1px solid #ddd;
    margin-bottom: 25px;
    display      : block;
}

.contentform .sf-fieldWrp label {
    color     : #949eb2;
    margin    : 15px 0 15px 0;
    text-align: center;
}

.contentform .sf-Checkboxes {
    max-width : 477px;
    color     : #949eb2;
    font-size : 12px;
    text-align: justify;
}

.popupform .sf-fieldWrp label {
    color     : #fff;
    margin    : 15px 0 15px 0;
    text-align: center;
}

.popupform .sf-Checkboxes {
    max-width : auto;
    color     : #fff;
    font-size : 12px;
    text-align: justify;
}

.popupform .form-group span {
    color: #fff;
}


/* line 5, scss/_contact.scss */
.contact-page-area .section-intro h2 {
    font-size  : 42px;
    font-weight: 500;
}

/* line 10, scss/_contact.scss */
.contact-page-area .contact-btns {
    font-size    : 18px;
    font-weight  : 600;
    text-align   : center;
    padding      : 40px;
    color        : #fff;
    margin-bottom: 30px;
}

/* line 17, scss/_contact.scss */
.contact-page-area .contact-btns:hover {
    color: #fff;
}

/* line 22, scss/_contact.scss */
.contact-page-area .form-area .form-control {
    margin-bottom: 30px;
}

/* line 24, scss/_contact.scss */
.contact-page-area .form-area .form-control:focus {
    box-shadow  : none !important;
    border-color: #ced4da !important;
}

/* line 29, scss/_contact.scss */
.contact-page-area .form-area input {
    padding      : 15px;
    height       : 40px;
    line-height  : 40px;
    border       : 0px;
    border-bottom: 1px solid #465160;
}

/* line 36, scss/_contact.scss */
.contact-page-area .form-area input,
.contact-page-area .form-area textarea {
    border-radius: 0;
    font-size    : 13px !important;
}

/* line 41, scss/_contact.scss */
.contact-page-area .form-area textarea {
    height    : 160px;
    margin-top: 0px;
    padding   : 15px;
}

@media (max-width: 992px) {

    /* line 46, scss/_contact.scss */
    .contact-page-area .form-area .form-group {
        margin-bottom: 0;
    }
}

/* line 52, scss/_contact.scss */
.contact-page-area .single-contact-address {
    margin-bottom: 12px;
}

/* line 54, scss/_contact.scss */
.contact-page-area .single-contact-address h5 {
    font-weight  : 400;
    font-size    : 16px;
    margin-bottom: 5px;
}

/* line 59, scss/_contact.scss */
.contact-page-area .single-contact-address p {
    margin-bottom: 5px;
}

/*=================== contact form end ====================*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Blog Area css
============================================================================================ */
/* line 4, scss/_blog.scss */
.single-post-item {
    position     : relative;
    box-shadow   : 0px 10px 20px rgba(0, 1, 18, 0.08);
    margin-bottom: 45px;
}

/* line 8, scss/_blog.scss */
.single-post-item figure {
    overflow     : hidden;
    margin-bottom: 0px;
}

/* line 12, scss/_blog.scss */
.single-post-item .post-img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 15, scss/_blog.scss */
.single-post-item .meta-box {
    padding: 35px 40px 40px;
}

@media (max-width: 767px) {

    /* line 15, scss/_blog.scss */
    .single-post-item .meta-box {
        padding: 35px 20px 40px;
    }
}

/* line 21, scss/_blog.scss */
.single-post-item h3 {
    margin-bottom: 15px;
    font-size    : 30px;
    font-weight  : 500;
}

@media (max-width: 767px) {

    /* line 21, scss/_blog.scss */
    .single-post-item h3 {
        font-size: 25px;
    }
}

/* line 28, scss/_blog.scss */
.single-post-item h3 a {
    color             : #0f2137;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 33, scss/_blog.scss */
.single-post-item p {
    margin-bottom: 0px;
}

/* line 36, scss/_blog.scss */
.single-post-item .post-meta {
    padding-top: 25px;
    margin-top : 20px;
    border-top : 1px solid #e5e5e5;
}

/* line 43, scss/_blog.scss */
.single-post-item .meta-details li a {
    position          : relative;
    display           : inline-block;
    color             : #949eb2;
    padding-right     : 20px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 49, scss/_blog.scss */
.single-post-item .meta-details li a:after {
    content   : '';
    position  : absolute;
    top       : 8px;
    right     : 10px;
    background: #949eb2;
    width     : 1px;
    height    : 12px;
}

@media (max-width: 767px) {

    /* line 49, scss/_blog.scss */
    .single-post-item .meta-details li a:after {
        content: none;
    }
}

/* line 61, scss/_blog.scss */
.single-post-item .meta-details li a:hover {
    color: #465160;
}

/* line 67, scss/_blog.scss */
.single-post-item .meta-details li:last-child a:after {
    content: none;
}

/* line 75, scss/_blog.scss */
.single-post-item:hover .post-img {
    -webkit-transform: scale(1.3);
    -moz-transform   : scale(1.3);
    -ms-transform    : scale(1.3);
    -o-transform     : scale(1.3);
    transform        : scale(1.3);
}

/* line 79, scss/_blog.scss */
.single-post-item:hover h3 a {
    color: #ff512f;
}

/* line 83, scss/_blog.scss */
.single-post-item:hover .blog-button {
    color     : #fff;
    box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 91, scss/_blog.scss */
.single-post-blog {
    position     : relative;
    box-shadow   : 0px 10px 20px rgba(0, 1, 18, 0.08);
    margin-bottom: 30px;
}

/* line 95, scss/_blog.scss */
.single-post-blog figure {
    overflow     : hidden;
    margin-bottom: 0px;
}

/* line 99, scss/_blog.scss */
.single-post-blog .post-img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 102, scss/_blog.scss */
.single-post-blog .meta-box {
    padding         : 30px;
    background-color: #fff;
}

@media (max-width: 767px) {

    /* line 102, scss/_blog.scss */
    .single-post-blog .meta-box {
        padding: 30px 20px;
    }
}

/* line 108, scss/_blog.scss */
.single-post-blog h3 {
    margin-bottom: 15px;
    font-size    : 21px;
    font-weight  : 400;
}

@media (max-width: 767px) {

    /* line 108, scss/_blog.scss */
    .single-post-blog h3 {
        font-size: 25px;
    }
}

/* line 115, scss/_blog.scss */
.single-post-blog h3 a {
    color             : #0f2137;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 120, scss/_blog.scss */
.single-post-blog p {
    margin-bottom: 0px;
}

/* line 123, scss/_blog.scss */
.single-post-blog .post-meta {
    padding-top: 20px;
    margin-top : 20px;
    border-top : 1px solid #e5e5e5;
}

/* line 130, scss/_blog.scss */
.single-post-blog .meta-details li a {
    position          : relative;
    display           : inline-block;
    color             : #949eb2;
    padding-right     : 20px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 136, scss/_blog.scss */
.single-post-blog .meta-details li a:after {
    content   : '';
    position  : absolute;
    top       : 8px;
    right     : 10px;
    background: #949eb2;
    width     : 1px;
    height    : 12px;
}

@media (max-width: 767px) {

    /* line 136, scss/_blog.scss */
    .single-post-blog .meta-details li a:after {
        content: none;
    }
}

/* line 148, scss/_blog.scss */
.single-post-blog .meta-details li a:hover {
    color: #465160;
}

/* line 154, scss/_blog.scss */
.single-post-blog .meta-details li:last-child a:after {
    content: none;
}

/* line 162, scss/_blog.scss */
.single-post-blog:hover .post-img {
    -webkit-transform: scale(1.3);
    -moz-transform   : scale(1.3);
    -ms-transform    : scale(1.3);
    -o-transform     : scale(1.3);
    transform        : scale(1.3);
}

/* End Blog Area css
============================================================================================ */
/* Start Blog Sidebar Area css
============================================================================================ */
@media (max-width: 991px) {

    /* line 179, scss/_blog.scss */
    .sidebar {
        margin-top: 80px;
    }
}

/* line 185, scss/_blog.scss */
.single-widget {
    border          : 1px solid #eee;
    padding         : 20px;
    margin-bottom   : 10px;
    background-color: #fff;
}

@media (max-width: 420px) {

    /* line 185, scss/_blog.scss */
    .single-widget {
        padding: 30px 10px;
    }
}

/* line 192, scss/_blog.scss */
.single-widget .title {
    font-size     : 21px;
    font-weight   : 400;
    margin-bottom : 30px;
    line-height   : 21px;
    border-bottom : 3px solid #E20520;
    padding-bottom: 15px;
    color         : #E20520;
}

/* line 201, scss/_blog.scss */
.search-widget i {
    display   : inline-block;
    padding   : 18px;
    color     : #fff;
    font-size : 14px;
    border    : 0;
    box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 210, scss/_blog.scss */
.search-widget form.example {
    border       : 0;
    background   : transparent;
    border-radius: 50px;
}

/* line 215, scss/_blog.scss */
.search-widget form.example input[type="text"] {
    padding   : 18px;
    font-size : 14px;
    border    : none;
    float     : left;
    width     : 80%;
    background: transparent;
    color     : #465160;
}

/* line 223, scss/_blog.scss */
.search-widget form.example input[type="text"]:focus {
    outline: none;
}

/* line 227, scss/_blog.scss */
.search-widget form.example button {
    float     : left;
    width     : 20%;
    padding   : 6px;
    font-size : 17px;
    border    : none;
    cursor    : pointer;
    background: transparent;
}

/* line 235, scss/_blog.scss */
.search-widget form.example button:focus {
    outline: none;
}

@media (max-width: 1024px) {

    /* line 227, scss/_blog.scss */
    .search-widget form.example button {
        padding-left: 2px;
    }
}

/* line 242, scss/_blog.scss */
.search-widget form.example::after {
    content: "";
    clear  : both;
    display: table;
}

/* line 249, scss/_blog.scss */
.author-widget {
    text-align: left;
}

/* line 251, scss/_blog.scss */
.author-widget h4 {
    font-size  : 21px;
    font-weight: 400;
    padding    : 25px 0 5px;
}

/* line 256, scss/_blog.scss */
.author-widget p {
    margin-bottom: 0px;
}

/* line 259, scss/_blog.scss */
.author-widget ul {
    margin-top: 25px;
}

/* line 261, scss/_blog.scss */
.author-widget ul li {
    padding-right: 10px;
    display      : inline-block;
}

/* line 264, scss/_blog.scss */
.author-widget ul li:last-child {
    margin-right: 0px;
}

/* line 267, scss/_blog.scss */
.author-widget ul li a {
    display           : inline-block;
    width             : 30px;
    height            : 30px;
    line-height       : 30px;
    background        : #0f2137;
    color             : #fff;
    border-radius     : 20px;
    text-align        : center;
    font-size         : 12px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 278, scss/_blog.scss */
.author-widget ul li a:hover {
    color     : #fff;
    box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 290, scss/_blog.scss */
.category-widget ul li {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 291, scss/_blog.scss */
.category-widget ul li a {
    display           : block;
    position          : relative;
    color             : #465160;
    margin            : 0px;
    border-bottom     : 1px solid #eeeeee;
    padding           : 10px 0px 10px 20px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 299, scss/_blog.scss */
.category-widget ul li a:before {
    content           : "";
    position          : absolute;
    left              : 0px;
    top               : 20px;
    width             : 8px;
    height            : 8px;
    background        : #a6a6a6;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 312, scss/_blog.scss */
.category-widget ul li:hover a {
    color: #ff512f;
}

/* line 314, scss/_blog.scss */
.category-widget ul li:hover a:before {
    height    : 3px;
    background: #ff512f;
    top       : 22px;
}

/* line 322, scss/_blog.scss */
.category-widget ul li:last-child a {
    border-bottom : 0px;
    padding-bottom: 0px;
}

/* line 332, scss/_blog.scss */
.popular-posts-widget .single-popular-post {
    padding-bottom: 25px;
    margin-bottom : 25px;
    border-bottom : 1px solid #dddddd;
}

/* line 336, scss/_blog.scss */
.popular-posts-widget .single-popular-post:last-child {
    padding-bottom: 0px;
    margin-bottom : 0px;
    border-bottom : 0px;
}

/* line 342, scss/_blog.scss */
.popular-posts-widget .single-popular-post .popular-details h4 {
    line-height       : 26px;
    font-size         : 16px;
    font-weight       : 400;
    margin-top        : 10px;
    margin-bottom     : 0px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

@media (max-width: 1199px) and (min-width: 992px) {

    /* line 342, scss/_blog.scss */
    .popular-posts-widget .single-popular-post .popular-details h4 {
        font-size: 14px;
    }
}

/* line 353, scss/_blog.scss */
.popular-posts-widget .single-popular-post .popular-details p {
    color        : #949eb2;
    margin-bottom: 0px;
    font-size    : 13px;
    font-weight  : 400;
    line-height  : 12px;
}

/* line 362, scss/_blog.scss */
.popular-posts-widget .single-popular-post:hover h4 {
    color: #ff512f;
}

@media (max-width: 960px) {

    /* line 332, scss/_blog.scss */
    .popular-posts-widget .single-popular-post {
        margin-bottom: 20px;
    }
}

/* line 374, scss/_blog.scss */
.tag-cloud-widget ul li {
    display: inline-block;
}

/* line 376, scss/_blog.scss */
.tag-cloud-widget ul li a {
    display           : inline-block;
    border            : 1px solid #eee;
    background        : #fff;
    padding           : 5px 22px;
    margin-bottom     : 12px;
    margin-right      : 5px;
    color             : #949eb2;
    font-size         : 13px;
    font-weight       : 400;
    border-radius     : 3px;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 388, scss/_blog.scss */
.tag-cloud-widget ul li a:hover {
    box-shadow: 0px 10px 20px rgba(226, 43, 107, 0.3);
    color     : #fff;
}

/* line 400, scss/_blog.scss */
.instagram-widget .instafeed li {
    position: relative;
    overflow: hidden;
    width   : 50%;
    padding : 5px;
}

/* line 405, scss/_blog.scss */
.instagram-widget .instafeed li:before {
    content           : '';
    position          : absolute;
    top               : 5px;
    left              : 5px;
    bottom            : 5px;
    right             : 5px;
    background        : transparent;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 415, scss/_blog.scss */
.instagram-widget .instafeed li .meta {
    width             : 100%;
    text-align        : center;
    position          : absolute;
    top               : 50%;
    left              : 50%;
    -webkit-transform : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 425, scss/_blog.scss */
.instagram-widget .instafeed li .meta a {
    display  : inline-block;
    font-size: 14px;
    color    : #fff;
}

/* line 432, scss/_blog.scss */
.instagram-widget .instafeed li:hover:before {
    background: rgba(15, 33, 55, 0.8);
}

/* line 435, scss/_blog.scss */
.instagram-widget .instafeed li:hover .meta {
    opacity   : 1;
    visibility: visible;
}

/* line 446, scss/_blog.scss */
.newsletter-widget .form-group input {
    width        : 48%;
    line-height  : 44px;
    padding      : 0 15px;
    border-radius: 0;
    border       : 1px solid #ddd;
    margin-bottom: 10px;
    display      : -webkit-inline-box;
}

.newsletter-widget .form-group #Textbox-5 {
    width: 96%;
}

/* line 454, scss/_blog.scss */
.newsletter-widget .form-group input:focus {
    outline: none;
}

/* line 459, scss/_blog.scss */
.newsletter-widget .primary-btn {
    color      : #fff;
    width      : 100%;
    line-height: 45px;
    border     : 1px solid #ff512f;
    box-shadow : 0px 10px 20px rgba(226, 43, 107, 0.3);
}

/* line 466, scss/_blog.scss */
.newsletter-widget .primary-btn:hover {
    background: transparent;
    color     : #0f2137;
    box-shadow: none;
}

/* End Blog Sidebar Area css
============================================================================================ */
/* Start Blog Details Area css
============================================================================================ */
/* line 480, scss/_blog.scss */
.blog-details-top {
    margin-bottom: 70px;
}

/* line 482, scss/_blog.scss */
.blog-details-top h6 {
    color: #465160;
}

/* line 486, scss/_blog.scss */
.blog-details-top p:last-of-type {
    margin-bottom: 0px;
}

/* line 490, scss/_blog.scss */
.blog-details-top h2 {
    font-size    : 42px;
    font-weight  : 500;
    margin-bottom: 25px;
}

@media (max-width: 991px) {

    /* line 490, scss/_blog.scss */
    .blog-details-top h2 {
        font-size: 35px;
    }
}

@media (max-width: 767px) {

    /* line 490, scss/_blog.scss */
    .blog-details-top h2 {
        font-size: 30px;
    }
}

/* line 504, scss/_blog.scss */
.blog-details-area h3 {
    font-size    : 24px;
    font-weight  : 500;
    line-height  : 36px;
    margin-bottom: 20px;
}

/* line 510, scss/_blog.scss */
.blog-details-area h4 {
    font-size    : 21px;
    font-weight  : 400;
    margin-bottom: 20px;
}

/* line 516, scss/_blog.scss */
.blog-details-area .quote i {
    display    : inline-block;
    text-align : center;
    font-weight: 700;
    font-size  : 35px;
}

/* line 522, scss/_blog.scss */
.blog-details-area .quote .blockquote {
    color      : #465160;
    font-weight: 400;
    font-size  : 16px;
}

/* line 528, scss/_blog.scss */
.blog-details-area .blog-video {
    position: relative;
}

/* line 530, scss/_blog.scss */
.blog-details-area .blog-video .overlay {
    background: rgba(15, 33, 55, 0.4);
}

/* line 533, scss/_blog.scss */
.blog-details-area .blog-video .video-play-button {
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
}

/* line 540, scss/_blog.scss */
.blog-details-area .blog-tag {
    padding      : 29px 0px;
    border-top   : 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

/* line 544, scss/_blog.scss */
.blog-details-area .blog-tag i {
    font-size: 18px;
}

/* line 547, scss/_blog.scss */
.blog-details-area .blog-tag ul {
    margin-left: 10px;
    line-height: 19px;
}

/* line 550, scss/_blog.scss */
.blog-details-area .blog-tag ul li {
    display     : inline-block;
    margin-right: 5px;
}

/* line 553, scss/_blog.scss */
.blog-details-area .blog-tag ul li a {
    color             : #949eb2;
    font-size         : 14px;
    font-weight       : 400;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 558, scss/_blog.scss */
.blog-details-area .blog-tag ul li a:hover {
    color: #ff512f;
}

/* End Blog Details Area css
============================================================================================ */
/* Start Comment Area css
============================================================================================ */
/* line 574, scss/_blog.scss */
.comments-area {
    padding-bottom: 50px;
    margin-top    : 70px;
    border-bottom : 1px solid #dddddd;
}

@media (max-width: 414px) {

    /* line 574, scss/_blog.scss */
    .comments-area {
        padding: 50px 8px;
    }
}

/* line 581, scss/_blog.scss */
.comments-area h4 {
    font-size    : 24px;
    margin-bottom: 50px;
}

/* line 585, scss/_blog.scss */
.comments-area a {
    color: #0f2137;
}

/* line 588, scss/_blog.scss */
.comments-area .comment-list {
    padding-bottom: 20px;
}

/* line 590, scss/_blog.scss */
.comments-area .comment-list:last-child {
    padding-bottom: 0px;
}

/* line 593, scss/_blog.scss */
.comments-area .comment-list.left-padding {
    padding-left: 25px;
}

@media (max-width: 413px) {

    /* line 598, scss/_blog.scss */
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
    }

    /* line 601, scss/_blog.scss */
    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
    }

    /* line 604, scss/_blog.scss */
    .comments-area .comment-list .single-comment .comment {
        font-size: 11px;
    }
}

/* line 610, scss/_blog.scss */
.comments-area .thumb {
    margin-right: 20px;
}

/* line 613, scss/_blog.scss */
.comments-area .date {
    font-size: 13px;
    color    : #9199a8;
}

/* line 617, scss/_blog.scss */
.comments-area .comment {
    color: #777777;
}

/* line 620, scss/_blog.scss */
.comments-area .btn-reply {
    background        : transparent;
    padding           : 0px;
    color             : #465160;
    display           : inline-block;
    font-family       : "Rubik", sans-serif;
    text-transform    : capitalize;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* End Comment and Reply Area css
============================================================================================ */
/* Start Comment Form Area css
============================================================================================ */
/* line 639, scss/_blog.scss */
.comment-form {
    margin-top    : 50px;
    padding-bottom: 150px;
}

/* line 642, scss/_blog.scss */
.comment-form .name {
    padding-left: 0px;
}

@media (max-width: 991px) {

    /* line 642, scss/_blog.scss */
    .comment-form .name {
        padding-right: 0px;
    }
}

/* line 648, scss/_blog.scss */
.comment-form .email {
    padding-right: 0px;
}

@media (max-width: 991px) {

    /* line 648, scss/_blog.scss */
    .comment-form .email {
        padding-left: 0px;
    }
}

/* line 654, scss/_blog.scss */
.comment-form .form-control {
    padding      : 10px;
    background   : #fff;
    border       : 1px solid #eeeeee;
    border-radius: 0px;
    width        : 100%;
    font-size    : 13px;
    color        : #777777;
}

/* line 662, scss/_blog.scss */
.comment-form .form-control:focus {
    box-shadow: none;
}

/* line 666, scss/_blog.scss */
.comment-form .primary-button {
    font-size : 12px;
    margin-top: 20px;
}

/* End Comment Form Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
/* line 4, scss/_footer.scss */
.footer_area {
    background : #13141b;
    padding-top: 100px;
}

/* line 7, scss/_footer.scss */
.footer_area [class*="hero-ani-"] {
    filter        : blur(3px);
    -o-filter     : blur(3px);
    -ms-filter    : blur(3px);
    -moz-filter   : blur(3px);
    -webkit-filter: blur(3px);
}

/* line 11, scss/_footer.scss */
.footer_area .single-footer-widget h6 {
    font-size    : 16px;
    color        : #fff;
    margin-bottom: 32px;
}

/* line 16, scss/_footer.scss */
.footer_area .single-footer-widget ul li {
    margin-bottom: 8px;
}

/* line 18, scss/_footer.scss */
.footer_area .single-footer-widget ul li:last-child {
    margin-bottom: 0;
}

/* line 21, scss/_footer.scss */
.footer_area .single-footer-widget ul li a {
    display           : inline-block;
    color             : #465160;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 25, scss/_footer.scss */
.footer_area .single-footer-widget ul li a:hover {
    color: #fff;
}

/* line 31, scss/_footer.scss */
.footer_area .footer_bottom {
    margin-top: 100px;
    background: #0e0f18;
    text-align: center;
    padding   : 15px 0;
}

@media (max-width: 991px) {

    /* line 31, scss/_footer.scss */
    .footer_area .footer_bottom {
        margin-top: 50px;
    }
}

/* line 39, scss/_footer.scss */
.footer_area .footer_bottom p {
    margin-bottom: 0;
}

/* line 42, scss/_footer.scss */
.footer_area .footer_bottom a {
    color: #fff;
}

/* End Footer Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer2 Area css
============================================================================================ */
/* line 4, scss/_footer2.scss */
.footer-area2 {
    position: relative;
    padding : 130px 0px 0px 0px;
}

/* line 8, scss/_footer2.scss */
.footer-area2.footer-area2-bg:before {
    content            : '';
    position           : absolute;
    right              : 0px;
    bottom             : 0px;
    background         : url(../img/footer2-bg.png) no-repeat;
    background-position: right bottom;
    width              : 100%;
    height             : 1540px;
    z-index            : -1;
}

@media (max-width: 991px) {

    /* line 20, scss/_footer2.scss */
    .footer-area2 .single-footer-widget {
        margin-bottom: 30px;
    }
}

/* line 24, scss/_footer2.scss */
.footer-area2 .single-footer-widget h4 {
    font-size    : 20px;
    margin-bottom: 35px;
}

@media (max-width: 1024px) {

    /* line 24, scss/_footer2.scss */
    .footer-area2 .single-footer-widget h4 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {

    /* line 24, scss/_footer2.scss */
    .footer-area2 .single-footer-widget h4 {
        margin-bottom: 15px;
    }
}

/* line 35, scss/_footer2.scss */
.footer-area2 .single-footer-widget p a {
    color             : #ff512f;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 38, scss/_footer2.scss */
.footer-area2 .single-footer-widget p a:hover {
    opacity: .7;
}

/* line 44, scss/_footer2.scss */
.footer-area2 .single-footer-widget ul li {
    margin-bottom: 8px;
}

/* line 46, scss/_footer2.scss */
.footer-area2 .single-footer-widget ul li:last-child {
    margin-bottom: 0px;
}

/* line 49, scss/_footer2.scss */
.footer-area2 .single-footer-widget ul li a {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
    color             : #333;
}

/* line 52, scss/_footer2.scss */
.footer-area2 .single-footer-widget ul li a:hover {
    color: #0f2137;
}

/* line 60, scss/_footer2.scss */
.footer-area2 .footer-social a {
    display           : inline-block;
    width             : 40px;
    height            : 40px;
    line-height       : 40px;
    text-align        : center;
    margin-right      : 10px;
    background        : #fff;
    color             : #949eb2;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* line 70, scss/_footer2.scss */
.footer-area2 .footer-social a:hover {
    background: #465064;
    color     : #fff;
}

/* line 75, scss/_footer2.scss */
.footer-area2 .footer-social i {
    color             : #cccccc;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition   : all 0.6s ease 0s;
    -o-transition     : all 0.6s ease 0s;
    transition        : all 0.6s ease 0s;
}

/* End Footer2 Area css
============================================================================================ */
/*---------------------------------------------------- */

/*# sourceMappingURL=../css/style.map */
.preferred-robot {
    margin-top   : 1rem;
    padding-right: unset;
    padding-left : unset
}

.preferred-robot *,
.preferred-robot .form-control {
    font-size: 16px
}

.preferred-robot .form-row>.col,
.preferred-robot .form-row>[class*=col-] {
    padding: 2px
}

.preferred-robot .btn {
    padding         : .72rem 1rem;
    width           : 100%;
    border-color    : #D71921;
    background-color: #D71921
}

.preferred-robot .btn:hover {
    color           : #D71921;
    border-color    : #fff;
    background-color: #fff;
}

.all-programs {
    padding         : 50px 0;
    background-color: #FDFBE1;
}

.all-programs table caption {
    caption-side: top;
    font-weight : 900;
    font-size   : 1.5rem;
}

.all-programs .table-striped thead tr {
    background-color: #fff;
}

.all-programs .table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.all-programs .table-striped tbody tr:nth-of-type(odd) {
    background-color: #ececec;
}

.all-programs .table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.common-page .blog-details-area .section-margin {
    margin: 0;
}


/* -----  */


.questions {
    position: relative;
    width   : 100%;
    z-index : 100
}

.questions ol,
.questions ul {
    display        : flex;
    justify-content: center;
    position       : absolute;
    bottom         : 240px;
    margin-bottom  : 0;
    padding-left   : 0;
    width          : 100%
}

.questions ol li,
.questions ul li {
    float : unset !important;
    margin: 20px 8px;
    width : 110px !important;
    height: 110px
}

.questions ol li,
.questions ol li a,
.questions ul li,
.questions ul li a {
    display        : flex;
    align-self     : center;
    align-items    : center;
    justify-content: center
}

.questions ol li a,
.questions ul li a {
    padding         : 10px;
    min-width       : 100%;
    min-height      : 100%;
    font-size       : 12px;
    font-weight     : 700;
    text-align      : center;
    text-decoration : none;
    line-height     : 1.1;
    color           : #dc0032;
    border          : 8px solid #fffac2;
    border-radius   : 50%;
    background-color: #fff
}

.questions ol li a:hover,
.questions ul li a:hover {
    margin-bottom   : 10px;
    color           : #dc0032;
    border-color    : #dc0032;
    background-color: #fffac2
}

@media (max-width:1023.98px) {
    .questions {
        /*background-color: #5D5B5B;*/
    }

    .questions ol,
    .questions ul {
        /*position  : relative;
        bottom    : unset;*/
        margin-top: 0px;
        flex-wrap : wrap
    }

    .questions ol li,
    .questions ul li {
        margin: 6px;
        width : 80px !important;
        height: 80px
    }

    .questions ol li a,
    .questions ul li a {
        padding     : 2px;
        font-size   : 9px;
        border-width: 5px
    }

    .questions ol li a:hover,
    .questions ul li a:hover {
        margin-bottom: 0
    }
}

@media (max-width:767.98px) {

    .questions ol,
    .questions ul {
        bottom: 300px;
    }
}

@media (max-width:575.98px) {

    .questions ol,
    .questions ul {
        bottom: 490px;
    }
}

/*--*/
.top-bar {
    display: none;
}

/*--*/
.header_area .navbar .nav>.nav-item {
    margin-right: 10px;
}

.header_area .navbar .nav>.nav-item .dropdown-toggle:after {
    left: -2px;
}

/*--*/
.preferred-robot-area {
    position        : relative;
    padding         : 30px 0;
    background-color: #D71921;
    z-index         : 2;
}

.preferred-robot .btn {
    color       : #fff;
    border-color: #fff;
    background  : -webkit-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background  : -moz-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background  : -o-linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
    background  : linear-gradient(135deg, #ff512f 32%, #dd2476 95%);
}

.preferred-robot .btn:hover {
    color       : #856404;
    border-color: #ffeeba;
    background  : #fff3cd;
}

.preferred-robot-plus {
    margin-top: 20px;
}

.preferred-robot-plus a {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    width         : 100%;
}

.preferred-robot-plus a i,
.preferred-robot-plus a em {
    margin-top   : 6px;
    margin-bottom: 6px;
    width        : var(--preferred-robot-plus-icon-D);
    height       : var(--preferred-robot-plus-icon-D);
    color        : #D71921;
}

.preferred-robot-plus a i:before,
.preferred-robot-plus a em:before {
    font-size: var(--preferred-robot-plus-icon-D);
}

.preferred-robot-plus a:hover i,
.preferred-robot-plus a:hover em {
    color: #fff;
}

@media (max-width: 991px) {
    .home3 .hero-banner .primary-button-home3 {
        margin: 5px 0;
    }
}