@charset "UTF-8";

/*top navigation*/
.navbar-container {display: block; width: 100%}
.float-right {float: right; display: block; margin: 0;}

.col.lg-4.md-12.shift-down-double {
  position: static;
  margin-top: 0px;
}

.col.lg-4.md-12.shift-down-quad {
  margin-top: 48px;
}

.col.lg-4.md-12.shift-down-quint {
  margin-top: 96px;
}

.c-grid-process_step-number{display: none;}

.c-grid-process__description h4 { background: #ee3c37; padding: 10px 5px; text-align: center; border-radius: 40px; color: white; font-size: 0.9em; font-weight: 500; line-height: normal; width: 100%;}

.animation-bg {
    background: linear-gradient(231deg, #ff482b, #ff4701, #ffc84d, #ff2234, #ff7460);
    background-size: 400% 400%;
    -webkit-animation: slides_greadient 15s ease infinite;
    -moz-animation: slides_greadient 15s ease infinite;
    animation: slides_greadient 15s ease infinite;
}

/*multiple thumb slider*/
.c-carousel1__wrapper { padding-bottom: 0;}



/*sec contact*/
.sec-contact {display: block; position: fixed; right: 0; top: 10%; z-index: 99; }
.sec-contact .c-contact1 {left: auto; }
.c-contact1__icon {display: block; padding: 23px}


/*Content Popup*/
    body.overflow_hide{overflow:hidden;}
    .content_popup.popup-social-post { display: block; opacity: 0; z-index: -1; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); transition:ease all 0.5s;}
    .popup-social-post.popup-active { overflow-y: auto; z-index: 10002; opacity: 1; /*bottom: 0;*/ transition:ease all 0.5s}
    .xbutton {width: 25px; height: 25px; float: right; color: #333; font-size: 1.3em; font-family: sans-serif; background: none; border: none; cursor:pointer; position: absolute; top: 0; right: 0; z-index: 3}
    .popup-social-post .fixed_overlay_close {display: block; width: 100%; position: absolute; height: 100%; background: transparent; z-index: 1; padding: 0; margin: 0; top: 0}
    
    .popup-social-post .gallery_holder{ display:table; width:100%; height:100%; padding: 0!important}
    .popup-social-post .gallery_full_panel{display:table-cell; width:100%; height:100%; max-height:100%; vertical-align:middle; }
    .popup-social-post .gallery_photo_upload_holder{display:table; width:100%; height:100%; float:left; position: relative}
    .popup-social-post .gallery_container{ display:table-cell; vertical-align:middle; width:100%; height:100%; max-height:1000px;  position: relative; z-index: 2}
    .popup-social-post .gallery_container .popup_box_here{ display:table; width:100%; height:auto; max-width:600px; margin:0 auto; background: #f7faff; position: relative;z-index: 2}
    .popup_box_here .c-contact1__wrapper { background: url(../images/blob3.svg) no-repeat; background-size: 200%; background-position: -460px 40px; padding: 80px 50px;}
    .popup_box_here #email-form input[type=submit] { display: table; margin: 0 auto;}


    .popup-social-post .gallery_thumbnail {display: table; width: 100%; margin: 0 auto; padding: 0; float: none; position: relative}
    .popup-social-post .gallery_thumbnail img {display: table; width: 100%; height: auto; margin: 0; padding: 0}
    .popup-social-post .gallery_thumbnail .action_button {  display: table;width: auto;position: absolute;bottom: 0;left: 50%;right: 0;padding: 0;margin: 50px auto;font-weight: bold;text-align: center;color: #fff;border-radius: 30px;transform: translateX(-50%);transition: ease all 0.2s;}
    .popup-social-post .action_button:before { content: '';display: block;position: absolute;bottom: -5px;left: 3px;z-index: -1;width: 96%;height: 100%;background: linear-gradient(45deg, #6866ee 40%,#1a9df7 81%);-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);opacity: 0;transition: ease all 0.5s; background: linear-gradient(231deg, #c3ff2b, #ff8201, #ffff4d, #ff2234, #ff6086);}

.post_popup h1 {line-height: normal}

 @media (max-width: 1000px) {
        .popup-social-post .gallery_container .popup_box_here{ max-width:700px;}

        /*post hack*/
        .fb-post, .popup-social-post .gallery_container .popup_box_here {width: 500px!important}
        .fb-comments { width: 100%; max-height: 100%}
    }

@media (max-width: 991px) {
    
    .w-slider-mask .col.lg-5.md-12.order-first{ padding: 0;}
    .heading-beta.md-size-h2 { font-size: 2em; }
    
    .c-grid-process { font-size: 0.9em; grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;}
    .c-grid-process img { margin: 0 auto; width: 40%}
    .c-grid-process__description {margin-bottom: 20px; padding: 0}

    
    /*video section*/
    .video-section .col.lg-6.md-12.order-first {position: relative; background-color: #d8300e}
    .video-section .c-video1 {position: static}
    
}

@media (max-width: 767px) {
    /*slider*/
    .w-slider-mask {padding-bottom: 0;}
    .col.lg-4.md-12.shift-down-quint,
    .col.lg-4.md-12.shift-down-quad {margin-top: 0;}
    
    /*slider section*/
    .slider-section .col.lg-12.position-relative {padding: 0}
    .c-video__play-icon {font-size: 3em; bottom: 0;}
}

 @media (max-width: 600px) {
        .gallery_full_panel{display:table; width:100%; position: relative}
        /*.gallery_container { display: table; margin:0 auto;}*/
        .mobile_xbutton{display:block; position: absolute}
        .desktop_xbutton{display:none;}

        .free-demo-sticker {width: 70px; height: 70px; margin: 10px}
        .fb-post, .popup-social-post .gallery_container .popup_box_here {width: 100%!important}
        .gallery_thumbnail .action_button {margin: 25px auto; font-size: 0.9em; padding: 8px 20px;}
        .popup-social-post .gallery_thumbnail .action_button {margin: 20px auto}
     
     .popup_box_here .c-contact1__wrapper {padding: 80px 40px; min-height: 100vh}
    }

@media (max-width: 479px){
 .c-carousel1__wrapper {max-width: 270px;}
    .c-carousel1__image {min-width: 250px}
    .c-carousel1__title {font-size: 1em}
    .c-carousel1__nav {display: none;}
}

@-webkit-keyframes slides_greadient {
    0%{background-position:99% 0%}
    50%{background-position:2% 100%}
    100%{background-position:99% 0%}
}
@-moz-keyframes slides_greadient {
    0%{background-position:99% 0%}
    50%{background-position:2% 100%}
    100%{background-position:99% 0%}
}
@keyframes slides_greadient { 
    0%{background-position:99% 0%}
    50%{background-position:2% 100%}
    100%{background-position:99% 0%}
}
.popup_box_here #email-form input[type=button] {
    display: table;
    margin: 0 auto;
}