/*------ général */
.overflow_hidden{overflow:hidden !important;}
.fix_overflow {overflow: auto !important;}
.flex_wrapper{display: flex;}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/*.modal-backdrop{z-index: -1;}*/
 .modal-backdrop {
            /* bug fix - no overlay */
            display: none;

}

.modal{
        /* bug fix - custom overlay */
        background-color: rgba(10,10,10,0.45);

}

.modal-dialog {
    z-index: 10;}
.modal-open  footer {

display :none !important;

}
/*.modal-open .navbar-brand{

                opacity: 0.2;
}*/
/**
 * WEBSITE: https://themefisher.com
 * TWITTER: https://twitter.com/themefisher
 * FACEBOOK: https://facebook.com/themefisher
 * GITHUB: https://github.com/themefisher/
 */

/*!------------------------------------------------------------------
[MAIN STYLESHEET]

PROJECT:	Biztrox | Business HTML5 Template
VERSION:	1.0.0
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

1. BASE

        1.1. Typography
        1.2. Common Styles
                1.2.1 Page Title
                1.2.1 404 page
        1.3 Button Style

2. NAVIGATION

3. HERO AREA

4. SKILL SECTION

        4.1. fun-facts
        4.2. counter

5. PROGRESS SECTION

        5.1. progressbar title
        5.2. progressbar value

6. MISSION SECTION

        6.1. card header
        6.2. card body

7. PROMO VIDEO SECTION

8. TESTIMONIAL SECTION

        8.1. testimonial slider
        8.2. testimonial content

9. CONTACT

        9.1. Address Item
        9.2. Google Map
        9.3. COntact Form

10. CLIENT LOGO SLIDER

11. FUN-FACTS SECTION

12. CONSULTATION SECTION

        12.1 background image
        12.2 form-control

13. ABOUT SECTION

        13.1 about content
        13.2 about item
        13.3 about content 2
        13.4 about video
        13.5 about content 3
        13.6 about slider
        13.7 philosophy
        13.8 ceo

                13.8.1 ceo item
                13.8.1 ceo content
                13.8.1 ceo content-2


14. SERVICE SECTION

        14.1 service item
        14.2 service item 2
        14.3 clients
        14.4 Process
        14.5 service menu
        14.6 service brochure
        14.7 service schedule
        14.8 service consultation
        14.9 service single

                14.9.1 service single image
                14.9.2 service single content
                14.9.3 service single list
                14.9.4 service single benefit
                14.9.5 widget

15. WORK SECTION

        15.1 work slider
        15.2 slick dots

16. CALL TO ACTION

17. TEAM SECTION

        17.1 team item
        17.2 team content
        17.3 team member
        17.4 team single

                17.4.1 team member info item
                17.4.2 team member details

18. PRICING SECTION

        18.1 pricing item

19. PROJECT SECTION

        19.1 project menu
        19.2 project item
        19.3 project single

                19.3.1 project overview
                19.3.2 case study
                19.3.3 project single content

        19.4 nav-tabs
        19.5 tab content

20. FAQ SECTION

21. BLOG SECTION

        21.1 blog item
        21.2 blog content
        21.3 blog content 2
        21.4 blog post

                21.4.1 post slider
                21.4.2 post video
                21.4.3 pagination
                21.4.4 sidebar

        21.5 blog single

                21.5.1 blog single container
                21.5.2 blog single content
                21.5.3 blog single list
                21.5.4 blog single testimonial
                21.5.5 share tags
                21.5.6 comments
                21.5.7 blog-sidebar

22. CONTACT SECTION

        22.1 contact item
        22.2 contact form
        22.3 google map

23. SIGNUP WRAPPER

        23.1 signup greetngs
        23.2 signup form

24. COMMING SOON

        24.1 SYOtimer

25. FOOTER SECTION

        25.1 social link
        25.2 footer link
        25.3 subcription
        25.4 copyright
        25.5 back to top
-------------------------------------------------------------------*/
/* 1.1 typography */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:300,400,500,600,700|Work+Sans:400,500,600");
body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
}

p, .paragraph {
    /*font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif; */
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

h1, .h1 {
    font-size: 60px;
}
@media (max-width: 400px) {
    h1, .h1 {
        font-size: 30px;
    }
}

h2, .h2 {
    font-size: 36px;
}

h3, .h3 {
    font-size: 30px;
}

h4, .h4 {
    font-size: 20px;
}

h5, .h5 {
    font-size: 18px;
}

h6, .h6 {
    font-size: 14px;
}

/* 1.3 Button style */
.btn {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    padding: 16px 44px;
    border-radius: 35px;
    font-weight: 600;
    white-space: nowrap;
    border: 0;
    position: relative;
    z-index: 1;
    transition: 0.2s ease;
}
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}
.btn:active {
    box-shadow: none;
}

.btn-primary {
    background: #e84444;
    color: #fff;
}
.btn-primary:active {
    background: #e84444 !important;
}
.btn-primary:hover {
    background: #ee7171;
}

.btn-secondary {
    background: #303032;
    color: #fff;
}
.btn-secondary:active {
    background: #e84444 !important;
}
.btn-secondary:hover {
    background: #e84444 !important;
    background: #ee7171;
}

.btn-light {
    background: #fff;
    color: #222;
    border: 2px solid #fff;
}
.btn-light:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.btn-outline {
    background: transparent;
    color: #222;
    border: 2px solid #303032;
}
.btn-outline:hover {
    background: #303032;
    color: #fff;
}

.btn-sm {
    padding: 13px 40px !important;
}

/* 1.2 common style */
body {
    background-color: #fff;
    overflow-x: hidden;
}

::-moz-selection {
    background: #ee7171;
    color: #fff;
}

::selection {
    background: #ee7171;
    color: #fff;
}

/* preloader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

ol,
ul {
    list-style-type: none;
    margin: 0px;
}
section ul{
        list-style: inside;
        list-style-type: initial;
}


img {
    vertical-align: middle;
    border: 0;
}

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

a {
    transition: 0.2s ease;
}
a:hover {
    color: #e84444;
}

a.text-dark:hover,
a.text-white:hover {
    color: #e84444 !important;
}

a,
button {
    cursor: pointer;
}

.outline-0 {
    outline: 0;
}

.d-unset {
    display: unset !important;
}

.slick-slide {
    outline: 0;
}

.centralized {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.hilighted {
    background: #303032;
    color: #919E4D;
    border-radius: 3px;
    padding: 2px 5px;
}

.section {
    padding: 30px 0;
    overflow: auto;
}
@media (max-width: 575px) {
    .section {
        padding: 80px 0;
    }
}
.section-sm {
    padding: 80px 0;
}
.section-title {
    margin-bottom: 55px;
}

.section-title-sm {
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #666;
}

.overlay {
    position: relative;
}
.overlay::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
}
.overlay-dark {
    position: relative;
}
.overlay-dark::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
}
.overlay-primary {
    position: relative;
}
.overlay-primary::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #e84444;
    opacity: 0.6;
}
.overlay-white {
    position: relative;
}
.overlay-white::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.7;
}
.overlay-rounded::before {
    border-radius: 5px;
}

.section-title-border {
    position: relative;
}
.section-title-border::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 120px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #e84444;
}
.section-title-border::after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #e84444;
    box-shadow: 0 0 0 5px #fff;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.section-title-border-gray {
    position: relative;
}
.section-title-border-gray::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 120px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: #e84444;
}
.section-title-border-gray::after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 2px solid #e84444;
    box-shadow: 0 0 0 5px #f5f5f5;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.section-title-border-half {
    position: relative;
}
.section-title-border-half::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #e84444;
    bottom: -14px;
    left: 0;
}
.section-title-border-half::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 50px;
    left: 15px;
    bottom: -10px;
    background: #e84444;
}
.section-title-border-half-white {
    position: relative;
}
.section-title-border-half-white::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #fff;
    bottom: -14px;
    left: 0;
}
.section-title-border-half-white::after {
    background: #fff;
    position: absolute;
    content: "";
    height: 2px;
    width: 50px;
    left: 15px;
    bottom: -10px;
}

/* 1.2.1 page title */
.page-title {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0 100px;
}

/* breadcrumb */
.breadcrumb {
    background-color: transparent !important;
    justify-content: center;
}
.breadcrumb li,
.breadcrumb a {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin: 0 10px;
}
.breadcrumb a {
    position: relative;
}
.breadcrumb a::before {
    position: absolute;
    content: "/";
    right: -17px;
    top: 2px;
    height: 12px;
}

/* 1.2.2 404 page start */
.page-404 {
    padding: 600px 0 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .page-404 {
        padding: 450px 0 50px;
    }
}
@media (max-width: 575px) {
    .page-404 {
        padding-top: 250px;
    }
}
@media (max-width: 400px) {
    .page-404 {
        padding-top: 150px;
    }
}
.page-404 h1 {
    font-size: 40px;
}

/* 404 page end */
/* play-icon */
.play-icon {
    width: 85px;
    height: 85px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: block;
    text-align: center;
}
.play-icon:focus {
    outline: 0;
}
.play-icon i {
    line-height: 79px;
    display: block;
    font-size: 30px;
    color: #fff;
}

/* round icon */
.round-icon {
    height: 70px;
    min-width: 70px;
    max-width: 70px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background: #fff;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #e84444;
    display: inline-block;
}

/* 18. squre icon */
.square-icon {
    height: 65px;
    width: 65px;
    background: #e84444;
    color: #fff;
    font-size: 35px;
    line-height: 65px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

/* team social icon */
.social-icon-lg {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    display: inline-block;
}
.social-icon-lg i {
    margin: 0;
    color: #fff;
}

.box-shadow {
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
}

.golden {
    color: #efaf27 !important;
}

.bg-gray {
    background-color: #f5f5f5;
}

.bg-primary {
    background-color: #e84444 !important;
}

.bg-secondary {
    background-color: #303032 !important;
}

.text-primary {
    color: #e84444 !important;
}

.bg-facebook {
    background-color: #4267b2;
}

.bg-twitter {
    background-color: #449de8;
}

.bg-linkedin {
    background-color: #2f6ea3;
}

.bg-google {
    background-color: #e62211;
}

.text-color {
    color: #666;
}

.text-dark {
    color: #222;
}

.text-underline {
    text-decoration: underline;
}
.text-underline:hover {
    text-decoration: underline;
}

.font-primary {
    font-family: "Poppins", sans-serif;
}

.font-secondary {
    font-family: "Open Sans", sans-serif;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

@media (max-width: 991px) {
    .mb-md-50 {
        margin-bottom: 50px;
    }
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.py-10 {
    padding: 10px 0;
}

.py-50 {
    padding: 50px 0;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-160 {
    padding: 160px 0;
}

.ml-65 {
    margin-left: 65px;
}

.pb-xl-200-lg-100 {
    padding-bottom: 200px;
}
@media (max-width: 1199px) {
    .pb-xl-200-lg-100 {
        padding-bottom: 100px;
    }
}

.mb-xl-150-lg-100 {
    margin-bottom: 150px;
}
@media (max-width: 1199px) {
    .mb-xl-150-lg-100 {
        margin-bottom: 100px;
    }
}
.translateY25 {
    transform: translateY(-25px);
}
.translateY-25 {
    transform: translateY(25px);
    margin-top: -25px !important;
}

.translateY-10 {
    transform: translateY(-10px);
}

.translateY-33 {
    transform: translateY(-33px);
}

/* 2. Navigation */
.top-header {
    background: #303032;
}
@media (max-width: 575px) {
    .top-header ul {
        text-align: center;
    }
}
.top-header ul li {
    margin: 15px 0;
}
@media (max-width: 575px) {
    .top-header ul li {
        margin: 10px 0;
    }
}
.top-header ul li a {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #e5e5e5;
    color: #bcbcbd;
}
@media (max-width: 575px) {
    .top-header ul li a {
        border: 0;
    }
}
.top-header ul li a span {
    color: #e84444;
}
.top-header ul li:last-child a {
    padding-right: 0;
    border-right: 0;
}

.navigation .navbar {
    padding: 0;
    background: #fff !important;
    position: relative;
}
.navigation .navbar-brand {
    position: absolute;
    left: 0;
    top: -62px;
    height: 170px;
    width: 220px;
    /*background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);*/
    text-align: center;
    z-index: 1;
}
@media (max-width: 991px) {
    .navigation .navbar-brand {
        position: relative;
        height: unset;
        width: unset;
        box-shadow: none;
        top: 24px;
        background: none;
    }
    .navigation .navbar-brand img {
        height: 50px;
        width: auto;
    }
}
.navigation .navbar-brand img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.navigation .navbar .nav-item {
    padding: 28px 0;
}
@media (max-width: 991px) {
    .navigation .navbar .nav-item {
        padding: 0;
    }
}
.navigation .navbar .nav-item .nav-link {
    padding: 15px 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    transition: 0.2s ease;
    font-size: 14px;
}
@media (max-width: 1199px) {
    .navigation .navbar .nav-item .nav-link {
        font-size: 12px;
        padding: 15px 6px;
    }
}
@media (max-width: 991px) {
    .navigation .navbar .nav-item .nav-link {
        padding: 15px 0;
        font-size: 14px;
        text-align: center;
    }
}
.navigation .navbar .nav-item .nav-link:hover {
    color: #e84444;
}
.navigation .navbar .nav-item.nav-button {
    padding: 28px 0 28px 30px;
}
@media (max-width: 991px) {
    .navigation .navbar .nav-item.nav-button {
        padding: 0;
        margin-bottom: 20px;
    }
}
.navigation .navbar .nav-item.nav-button .nav-link {
    color: #fff;
}
.navigation .navbar .nav-item.nav-button .nav-link.pgactive {
    color: #e84444;
}
.navigation .navbar .nav-item.active .nav-link {
    color: #e84444;
}
.navigation .navbar .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}
.navigation .navbar .dropdown-menu {
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
    padding: 20px 20px;
    border: 0;
    border-radius: 0;
    top: 80%;
    left: -20px;
    /*display: block;*/
    visibility: hidden;
    transition: 0.3s ease;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
}
@media (max-width: 991px) {
    .navigation .navbar .dropdown-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        transform-origin: unset;
    }
}
.navigation .navbar .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}
@media (max-width: 991px) {
    .navigation .navbar .dropdown-menu.show {
        display: block;
    }
}
.navigation .navbar .dropdown-item {
    position: relative;
    color: #848484;
    transition: 0.2s ease;
}
.navigation .navbar .dropdown-item:not(:last-child) {
    /*margin-bottom: 20px;*/
}
.navigation .navbar .dropdown-item:hover {
    color: #e84444;
    text-decoration: underline;
    background: transparent;
}
.navigation .navbar .dropdown-item::before {
    position: absolute;
    content: "";
    left: 5px;
    top: 12px;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #848484;
    border: 1px solid #fff;
    display: inline-block;
    box-shadow: 0 0 0 2px #848484;
}
@media (max-width: 991px) {
    .navigation .navbar .dropdown-item {
        text-align: center;
    }
    .navigation .navbar .dropdown-item::before {
        display: none;
    }
}

/* 2.3. Search Form */
.search-form {
    padding: 230px 0;
    background: #303032;
    position: absolute;
    width: 100%;
    top: -800px;
    z-index: 10;
    transition: 0.3s ease-in;
}
.search-form .close {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff;
}
.search-form .close i {
    transition: 0.3s ease;
    display: inline-block;
}
.search-form .close:hover i {
    transform: rotate(90deg);
}
.search-form.open {
    top: 0;
}
.search-form .form-control {
    background: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 20px;
    transition: 0.3s ease;
    position: relative;
    color: #fff;
    height: 130px;
    padding: 30px 40px;
}
.search-form h3 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 35px;
}
.search-form .input-wrapper {
    position: relative;
}
.search-form .input-wrapper button {
    background: none;
    border: 0;
    position: absolute;
    font-size: 20px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 20px;
}
.search-form .input-wrapper button i {
    color: #fff;
}

/* 3. hero area */
.hero-slider.slick-slider {
    margin-bottom: 80px;
}
.hero-slider [data-animation-in] {
    opacity: 0;
}
.hero-slider-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    outline: 0;
}
.hero-slider .prevArrow,
.hero-slider .nextArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background: rgba(48, 48, 50, 0.5);
    color: #fff;
    border: 0;
    font-size: 25px;
    line-height: 70px;
    opacity: 0;
    transition: all linear 0.2s;
}
@media (max-width: 575px) {
    .hero-slider .prevArrow,
.hero-slider .nextArrow {
        display: none;
    }
}
.hero-slider .prevArrow:focus,
.hero-slider .nextArrow:focus {
    outline: 0;
}
.hero-slider .prevArrow:hover,
.hero-slider .nextArrow:hover {
    background: rgba(232, 68, 68, 0.5);
}
.hero-slider .prevArrow {
    left: 20px;
}
.hero-slider .nextArrow {
    right: 20px;
}
.hero-slider:hover .prevArrow,
.hero-slider:hover .nextArrow {
    opacity: 1;
}
.hero-slider .slick-dots {
    bottom: -81px;
    padding-left: 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
.hero-slider .slick-dots li {
    width: 295px;
    height: 80px;
    background: #fff;
    margin: 0;
    display: inline-block;
    position: relative;
    /* @include mobile-xs {
                                    width: 50px;
                            } */
}
@media (max-width: 1199px) {
    .hero-slider .slick-dots li {
        width: 230px;
    }
}
@media (max-width: 991px) {
    .hero-slider .slick-dots li {
        width: 180px;
    }
}
@media (max-width: 767px) {
    .hero-slider .slick-dots li {
        width: 120px;
    }
}
@media (max-width: 575px) {
    .hero-slider .slick-dots li {
        width: 25%;
    }
}
.hero-slider .slick-dots li::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -12px;
    height: 25px;
    width: 25px;
    background: #303032;
    transform: translateX(-50%) rotate(-45deg);
    opacity: 0;
}
.hero-slider .slick-dots li a {
    display: block;
    position: relative;
    text-align: center;
    transition: 0.3s ease;
    color: #303032;
}
.hero-slider .slick-dots li a i {
    display: inline-block;
    font-size: 30px;
    line-height: 80px;
    margin-right: 15px;
    vertical-align: middle;
}
@media (max-width: 991px) {
    .hero-slider .slick-dots li a i {
        font-size: 20px;
        margin-right: 5px;
    }
}
@media (max-width: 767px) {
    .hero-slider .slick-dots li a i {
        margin: 0;
    }
}
.hero-slider .slick-dots li a span {
    font-size: 18px;
    font-weight: 500;
    line-height: 80px;
}
@media (max-width: 991px) {
    .hero-slider .slick-dots li a span {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .hero-slider .slick-dots li a span {
        display: none;
    }
}
.hero-slider .slick-dots li.slick-active {
    background: #303032;
}
.hero-slider .slick-dots li.slick-active a {
    color: #fff;
}
.hero-slider .slick-dots li.slick-active::before {
    opacity: 1;
}
.hero-content h4 {
    letter-spacing: 2px;
}

/*--------------------------------------------------------------
    swipwe slider
--------------------------------------------------------------*/
.swiper {
    /* slider dots */
    /* slider arrows */
}
.swiper-slider {
    width: 100%;
    /*min-height: calc(100vh - 150px);*/
    display: flex;
    position: relative;
    z-index: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper-slide {
    overflow: hidden;
}
.swiper-slide .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(232, 68, 68, 0.2);
}
.swiper-pagination-bullet-active {
    color: #fff;
    background: #e84444;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}
.swiper-button-prev, .swiper-button-next {
    background: transparent;
    width: auto;
    height: auto;
    opacity: 0.3;
    text-align: center;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    opacity: 1;
}
.swiper-button-prev {
    left: 25px;
}
.swiper-button-prev::before {
    font-family: "themify";
    content: "\e64a";
    font-size: 40px;
    color: #e84444;
}
.swiper-button-next {
    right: 25px;
}
.swiper-button-next::before {
    font-family: "themify";
    content: "\e649";
    font-size: 40px;
    color: #e84444;
}

/* 5. progrgess bar start */
.progressbar-title {
    font-size: 17px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 7px;
    color: #222 !important;
}

.progress {
    border-radius: 35px;
    overflow: visible;
    margin-bottom: 35px;
    /* 5.2 progressbar value */
}
.progress-bar {
    background-color: #303032;
    border-radius: 35px;
    position: relative;
}
.progress-bar-value {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #fff;
    background: #303032;
    padding: 5px 9px;
    position: absolute;
    top: -35px;
    right: -15px;
    border-radius: 5px;
}
.progress-bar-value::before {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 50%;
    background: #303032;
    height: 10px;
    width: 10px;
    transform: translateX(-50%) rotate(-45deg);
}

/* progrgess bar End */
/* 6. mission section start */
.card-header:first-child {
    border-radius: 35px;
}

/* 7. promo video section start */
.promo-video {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.promo-video p {
    font-family: "Work Sans", sans-serif;
}

/* promo video section end */
/* 8. testimonial section start */
.testimonial-slider {
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.testimonial-slider .prevArrow,
.testimonial-slider .nextArrow {
    position: absolute;
    top: 85px;
    border: 0;
    font-size: 20px;
    background: transparent;
    color: #e84444;
    z-index: 9;
}
.testimonial-slider .prevArrow:focus,
.testimonial-slider .nextArrow:focus {
    outline: 0;
}
.testimonial-slider .prevArrow {
    right: 90px;
}
.testimonial-slider .nextArrow {
    right: 50px;
}
.testimonial-slider .slick-disabled {
    color: #e5e5e5;
}
.testimonial-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #e84444;
    font-size: 25px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    margin-bottom: 25px;
}

/* testimonial section end */
/* 10. client logo slider start */
.client-logo-slider .slick-track {
    display: flex;
    align-items: center;
}

/* client logo slider end */
/* 11. fun-facts section start */
.fun-facts {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* fun-facts section end */
/* 12. consultation section start */
.consultation {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* consultation section end */
/* 16. call to action start */
.cta {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* card */
.card-img-wrapper {
    position: relative;
}
.card-img-wrapper::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    top: 0;
    left: 0;
    transition: 0.2s;
}
.card-body-2 {
    position: relative;
    transition: 0.2s ease;
    border-radius: 0 0 5px 5px;
}
.card-body-2::before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: #fff;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    transition: 0.2s ease;
}
.card:hover .card-img-wrapper::before {
    opacity: 0.4;
}
.card:hover .card-body-2 {
    background: #e84444;
}
.card:hover .card-body-2 h5,
.card:hover .card-body-2 h6,
.card:hover .card-body-2 a {
    color: #fff;
}
.card:hover .card-body-2::before {
    background: #e84444;
}

.overlay-rounded-top::before {
    border-radius: 5px 5px 0 0;
}

/* 13. about section */
.about {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /* 13.4 about video */
    /* 13.6 about slider */
}
.about-video {
    min-height: 300px;
}
.about-slider {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.about-slider .prevArrow,
.about-slider .nextArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 0;
    line-height: 55px;
    text-align: center;
    background: #fff;
    transition: 0.2s ease;
}
.about-slider .prevArrow:focus,
.about-slider .nextArrow:focus {
    outline: 0;
}
.about-slider .prevArrow:hover,
.about-slider .nextArrow:hover {
    background: #e84444;
    color: #fff;
}
.about-slider .prevArrow {
    left: 25px;
}
.about-slider .nextArrow {
    right: 25px;
}

/* 13.8 ceo section start */
.ceo-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}

/* ceo section end */
/* 14.3 clients */
.clients {
    background-position: center right;
    background-size: 50%;
    background-repeat: no-repeat;
}
@media (max-width: 991px) {
    .clients {
        background-size: cover !important;
        background-position: center center;
        text-align: center;
    }
}
.clients ul li {
    height: 66px;
}
.clients ul li img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

/* 14.4 process */
.process-item {
    width: 330px;
}
@media (max-width: 1199px) {
    .process-item {
        width: unset;
    }
}
.process-item-number {
    position: absolute;
    left: -35px;
    top: -35px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    box-shadow: -5px 0px 40px 0px rgba(0, 0, 0, 0.1);
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #222;
}
@media (max-width: 1199px) {
    .process-item-number {
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.process-item h5 {
    margin-bottom: 5px;
    color: #e84444;
}

img.arrow-top {
    position: absolute;
    top: 220px;
    right: 250px;
}
@media (max-width: 1199px) {
    img.arrow-top {
        display: none;
    }
}

img.arrow-bottom {
    position: absolute;
    bottom: 100px;
    left: 250px;
}
@media (max-width: 1199px) {
    img.arrow-bottom {
        display: none;
    }
}

/* service single start */
.service-menu li.active {
    position: relative;
}
.service-menu li.active a {
    background: #303032;
    color: #fff !important;
}
.service-menu li.active::before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #303032;
    top: 50%;
    right: -7px;
    transform: translateY(-50%) rotate(-45deg);
}
@media (max-width: 991px) {
    .service-menu li.active::before {
        display: none;
    }
}
.service-menu li:hover a {
    color: #fff !important;
    background: #303032;
}

/* service single end */
/* 15. work section */
.work {
    /* 15.1 work slider */
}
.work-slider {
    /* 15.2 slick dots */
}
.work-slider-image {
    position: relative;
}
.work-slider-image .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    height: 100%;
    width: 100%;
    padding: 15px 25px;
    opacity: 0;
    transition: 0.2s;
}
.work-slider-image .image-overlay i {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 24px;
    transition: 0.2s ease;
    padding: 10px;
}
.work-slider-image .image-overlay i:hover {
    font-size: 30px;
}
.work-slider-image .image-overlay a.h4 {
    position: absolute;
    bottom: 50px;
    color: #fff;
    transition: 0.2s ease;
    transform: translateY(20px);
    opacity: 0;
}
.work-slider-image .image-overlay a.h4:hover {
    color: #e84444;
}
.work-slider-image .image-overlay p {
    position: absolute;
    bottom: 15px;
    color: #fff;
    transform: translateY(10px);
    opacity: 0;
    transition: 0.3s ease;
    transition-delay: 0.1s;
}
.work-slider-image:hover .image-overlay {
    opacity: 1;
}
.work-slider-image:hover a.h4,
.work-slider-image:hover p {
    transform: translateY(0);
    opacity: 1;
}
.work-slider .slick-dots {
    padding-left: 0;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}
.work-slider .slick-dots li {
    margin: 0 14px;
}
@media (max-width: 400px) {
    .work-slider .slick-dots li {
        margin: 0 2px;
    }
}
.work-slider .slick-dots li:first-child {
    margin-left: 0;
}
.work-slider .slick-dots li button {
    height: 10px;
    width: 40px;
    border-radius: 25px;
    color: transparent;
    overflow: hidden;
    border: 0;
    border: 2px solid #e5e5e5;
    background: transparent;
    outline: 0;
    display: block;
}
.work-slider .slick-dots li button::before {
    display: none;
}
@media (max-width: 400px) {
    .work-slider .slick-dots li button {
        width: 10px;
    }
}
.work-slider .slick-dots li.slick-active button {
    border-color: #e84444;
}

/* 19. project section */
.project {
    /* 19.1 project menu */
    /* 19.2 project item */
}
.project-menu ul li {
    padding: 5px 20px;
    border-radius: 35px;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    background: #f5f5f5;
    margin: 0 10px 25px;
}
.project-menu ul li.active {
    background: #e84444;
    color: #fff;
}
.project-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: 0.2s ease;
}
.project-info a {
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: 40px;
    transform: translateY(20px);
    opacity: 0;
}
.project-info a:hover {
    color: #e84444;
}
.project-info p {
    position: absolute;
    left: 25px;
    bottom: 0;
    color: #fff;
    transition: 0.2s ease;
    transform: translateY(20px);
    opacity: 0;
    transition-delay: 0.1s;
}
.project-info p i {
    margin-right: 5px;
}
.project-info:hover {
    opacity: 1;
}
.project-info:hover a {
    transform: translateY(0);
    opacity: 1;
}
.project-info:hover p {
    transform: translateY(0);
    opacity: 0.7;
}

/* 19.3 project single page start */
/* 19.4 nav tabs */
.nav-tabs {
    border: 0;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .nav-tabs {
        justify-content: center;
    }
}
.nav-tabs .nav-item:not(:last-child) {
    margin-right: 10px;
}
@media (max-width: 575px) {
    .nav-tabs .nav-item {
        margin-bottom: 10px;
    }
}
.nav-tabs .nav-item .nav-link {
    padding: 10px 30px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    border-radius: 45px;
    text-align: center;
    vertical-align: middle;
    color: #222;
    transition: 0.2s ease;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}
.nav-tabs .nav-item .active {
    background: #fff;
    color: #e84444;
    border-color: #e84444;
}

/* 19.5 tab content */
.tab-content {
    padding: 40px;
    margin-bottom: 60px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
.tab-content-item {
    margin-left: 20px;
}
.tab-content-item:not(:last-child) {
    margin-bottom: 45px;
}
.tab-content-item h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    margin-bottom: 25px;
    position: relative;
}
.tab-content-item h6::before {
    position: absolute;
    content: "\e65d";
    font-family: "themify";
    top: 0;
    left: -20px;
    color: #e84444;
}
.tab-content-item p {
    margin-bottom: 0;
}

/* project single page end */
/* 21.4.3 pagination */
.pagination .page-item .page-link {
    background: transparent;
    border: none;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    transition: 0.3s ease;
}
.pagination .page-item .page-link:hover {
    color: #e84444;
}
.pagination .page-item.active .page-link {
    color: #e84444;
}
.pagination .prev,
.pagination .next {
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding: 5px 10px;
    transition: 0.3s ease;
}
.pagination .prev:hover,
.pagination .next:hover {
    border-color: #e84444;
}
.pagination .prev:hover .page-link,
.pagination .next:hover .page-link {
    color: #e84444;
}
.pagination .prev {
    margin-right: 30px;
}
.pagination .next {
    margin-left: 30px;
}

/* 21.4.1 post slider */
.post-slider {
    position: relative;
}
.post-slider .prevArrow,
.post-slider .nextArrow {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    top: 50%;
    border: 0;
    font-size: 20px;
    background: transparent;
    color: #e84444;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    transition: 0.3s ease;
}
.post-slider .prevArrow:focus,
.post-slider .nextArrow:focus {
    outline: 0;
}
.post-slider .prevArrow:hover,
.post-slider .nextArrow:hover {
    background: rgba(232, 68, 68, 0.25);
}
.post-slider .prevArrow {
    left: 40px;
}
.post-slider .nextArrow {
    right: 40px;
}
.post-slider .slick-disabled {
    color: #e5e5e5;
}

/* 21.4.4 sidebar */
.search-wrapper {
    position: relative;
}
.search-wrapper input {
    background: #f5f5f5;
    border-radius: 30px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    font-size: 13px;
}
.search-wrapper::before {
    content: "\e610";
    font-family: "themify";
    position: absolute;
    top: 50%;
    right: 20px;
    color: #666;
    transform: translateY(-50%);
}

ul.tag-list li {
    margin-bottom: 7px;
}
ul.tag-list li a {
    color: #666;
    padding: 10px 12px;
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    font-size: 13px;
    transition: 0.3s ease;
}
ul.tag-list li a:hover {
    background: #e84444;
    border-color: #e84444;
    color: #fff;
}

.newsletter .form-control {
    font-weight: 400;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    font-size: 13px;
}

/* 21.5 blog single start */
/* share icon */
.share-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
}
.share-icon i {
    color: #fff;
}

/* 21.5.7 blog sidebar */
.sidebar-box-shadow {
    box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.06);
}

/* blog single end */
/* 22. contact section */
.form-control {
    border-radius: 5px;
    padding: 0 15px 2px;
    height: 40px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #666;
}
.form-control:focus {
    border-color: #e84444;
    box-shadow: none !important;
}
.form-control::-moz-placeholder {
    color: #666;
}
.form-control::placeholder {
    color: #666;
}

/* 22.3 google map */
.map {
    position: relative;
}
.map #map_canvas {
    height: 450px;
}

/* 23.1 signup greetings */
#modal_fullscreen_login .modal-header{
        border-bottom: none;
}
#modal_fullscreen_login .modal-footer{
        border-top: none;
}

.signup {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    /* 23.2 signup form */
}
.signup #logo_signup{
        width: 100%;
        max-width: 60%;
}
.signup-greeting {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0 70px;
    text-align: center;
}
@media (max-width: 1000px) {
        .signup #logo_signup {
                width: auto;
                max-width: 100px;
        }
        .signup-greeting {
                padding: 20px 0 20px;
        }
}


/*@media (max-width: 1199px) {
    .signup-greeting {
        padding-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .signup-greeting {
        padding-top: 200px;
    }
}
@media (max-width: 575px) {
    .signup-greeting {
        padding-top: 400px;
    }
}*/
#bg_login_modal{
        background-image: url(/client_file/themes/biztrox/images/signup.jpg);
}

.signup-greeting img {
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
}
.signup-greeting h4 {
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    z-index: 9;
}
.signup-greeting p {
    color: #fff;
    position: relative;
    z-index: 9;
    margin: 0 40px;
}
.signup-form {
    padding: 50px 50px 50px 35px;
}
@media (max-width: 1199px) {
    .signup-form {
        padding: 25px 15px 25px 0;
    }
}
@media (max-width: 767px) {
    .signup-form {
        padding: 25px;
    }
}
@media (max-width: 575px) {
    .signup-form {
        text-align: center;
    }
}
.signup-form h4 {
    float: left;
    font-size: 26px;
    margin-bottom: 15px;
}
#msg_error_login{
        margin-bottom: 20px;
}
.signup-forgot{
        margin-top:30px;
}
.signup-forgot a{
        display: block;
        text-align: right;
}
#signup_remember{
        margin-top:30px;
}

@media (max-width: 575px) {
    .signup-form h4 {
        float: unset;
    }
}
.signup-form a {
    color: #e84444;
}
.signup-form .btn {
    margin-top: 30px;
}
.signup-form p.signup-with {
    display: inline-block;
    margin-top: 42px;
}
.signup-form ul {
    margin-top: 37px;
    display: inline-block;
}
.signup-form ul li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 24. comming soon */
.comming-soon {
    height: 100vh;
    background-size: cover;
    display: flex;
    align-items: center;
}
.comming-soon h1 {
    font-size: 50px;
    font-weight: 600;
}
@media (max-width: 575px) {
    .comming-soon h1 {
        font-size: 30px;
    }
}
.comming-soon .form-control {
    height: 45px;
    border-radius: 45px;
    position: relative;
    background: transparent;
    border: 1px solid #e5e5e5;
    color: #fff;
    margin-bottom: 40px;
}
.comming-soon .form-control::-moz-placeholder {
    color: #666;
}
.comming-soon .form-control::placeholder {
    color: #666;
}
.comming-soon .btn-email {
    position: absolute;
    top: 0;
    right: 15px;
    background: #fff;
    border: 0;
    color: #e84444;
    border-radius: 45px;
    height: 45px;
    padding: 0 50px;
}
@media (max-width: 575px) {
    .comming-soon .btn-email {
        padding: 0 10px;
    }
}
.comming-soon i {
    color: #5c5c5c;
    margin: 0 15px;
    transition: 0.2s ease;
    font-size: 24px;
}
.comming-soon i:hover {
    color: #e84444;
}

/* 24.1 syotimer */
.syotimer {
    text-align: center;
    margin: 0 auto 40px;
}
.syotimer-cell:last-child .syotimer-cell__value::before {
    opacity: 0;
}
.syotimer-cell {
    display: inline-block;
    margin: 0 25px;
}
@media (max-width: 1199px) {
    .syotimer-cell {
        margin: 0 20px;
    }
}
@media (max-width: 575px) {
    .syotimer-cell {
        margin: 0 10px;
    }
}
@media (max-width: 400px) {
    .syotimer-cell {
        margin: 0 5px;
    }
}
.syotimer-cell__value {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    position: relative;
}
@media (max-width: 1199px) {
    .syotimer-cell__value {
        font-size: 50px;
    }
}
@media (max-width: 575px) {
    .syotimer-cell__value {
        font-size: 30px;
    }
}
@media (max-width: 400px) {
    .syotimer-cell__value {
        font-size: 24px;
    }
}
.syotimer-cell__value::before {
    position: absolute;
    content: ":";
    height: 30px;
    color: #fff;
    right: -30px;
    top: 0;
}
@media (max-width: 575px) {
    .syotimer-cell__value::before {
        right: -20px;
    }
}
@media (max-width: 400px) {
    .syotimer-cell__value::before {
        right: -12px;
    }
}
.syotimer-cell__unit {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

/* 25.1 social link */
.social-icon-outline {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #fff;
    text-align: center;
    transition: 0.2s ease;
    display: inline-block;
}
.social-icon-outline i {
    line-height: 37px;
    color: #fff;
    font-size: 24px;
}
.social-icon-outline:hover {
    border-color: #e84444;
}

/* 25.2 footer link */
.footer-links {
    padding-left: 18px;
}
.footer-links li {
    margin-bottom: 20px;
    position: relative;
}
.footer-links li::before {
    position: absolute;
    font-family: "themify";
    content: "\e649";
    top: 0;
    left: -20px;
    height: 12px;
    width: auto;
    color: #fff;
}
.footer-links li a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    transition: 0.2s ease;
    display: block;
}
.footer-links li a:hover {
    text-decoration: underline;
    color: #e84444;
}

/* 25.3 subcription */
.form-control.subscribe {
    width: 100%;
    border-radius: 35px;
    border: 0;
    padding: 0 20px !important;
    height: 50px;
}

/* subscribe button */
.btn-subscribe {
    position: absolute;
    right: 5px;
    top: 5px;
    border: 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff;
    background: #e84444;
    transition: all linear 0.2s;
}
.btn-subscribe:hover {
    padding-left: 15px;
}
.btn-subscribe:focus {
    outline: 0;
}

/* back to top button */
.back-to-top {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    color: #fff;
    background: #303032;
    top: -25px;
    right: 10px;
    border: 1px solid #454547;
    text-align: center;
    display: block;
    transition: 0.2s ease;
}
.back-to-top i {
    line-height: 50px;
}
.back-to-top:hover {
    border-color: #e84444;
}
.back-to-top:focus {
    outline: 0;
}
/*# sourceMappingURL=style.css.map */
/*table coté compte front end*/
.table_rqra tr:first-child td {
        text-transform: uppercase;
        text-align: center;
        color: #2288d6;
        border-bottom: 2px solid #0f65a7 !important;
        background: #fff !important;
}
.table_rqra tr td:nth-child(1) {
        background: #e0dbd7;
}
.table_rqra tr td:nth-child(2) {
        background: #ebe7e4;
}
.table_rqra tr td:nth-child(3) {
        background: #f4f3f1;
}
.table_rqra tr td:nth-child(4) {
        background: #f4f3f1;
}
.table_rqra tr td:nth-child(5) {
        background: #f4f3f1;
}
.table_rqra{
        border-collapse: collapse;
        box-shadow: 3px 4px 9px #666;
}
.table_rqra td {
        padding: 5px 10px;
        border-bottom: 3px solid white;
        border-left: 7px solid white;
        border-right: 7px solid white;
        border-top: none;
        text-align: center;
}

.responsive_style_table {
        width: 100%;
        margin: 1em 0;
        border-collapse: collapse;
        /*border-spacing: .2em;*/
        word-wrap: break-word;
        text-align: left;
}
.responsive_style_table th, .responsive_style_table td {
        vertical-align: top;
        padding: .5em 1em;
}
.responsive_style_table td {
        border-bottom: 1px solid #9b9a9a;
}

.responsive_style_table th{
        color:#fff;
        font-size: 16px;
        font-weight: bold;
        background: #114291;
        padding: 15px 10px;
}
.responsive_style_table tr:nth-child(odd){
        background: #fff;
        font-size: 15px;
        color: #333;
}
.responsive_style_table tr:nth-child(even){
        background: #f4f8fb;
        font-size: 15px;
        color: #333;
}
.style_table{
        margin: 10px 0;
        border:1px solid #fff;
        background: #fff;
}
/*.style_table tr:first-child td, .style_table tr:first-child th {*/
.responsive_style_table th, .style_table th {
        background: #000;
        color: #fff !important;
        font-weight: bold;
}
.style_table tr:nth-child(odd) {
        background: #e8e5e5;
        font-size: 18px;
        color: #333;
}
.style_table tr:nth-child(even) {
        background: #fff;
        font-size: 22px;
        color: #333;

}
.style_table td, .style_table th {
        padding: 10px;
        font-size: 16px;
        border-bottom: 1px solid #ebebeb;
}
.style_table td p {
        font-size: 16px !important;
}
@media screen and (max-width: 800px) {
        .responsive_style_table {border-collapse: collapse;}
        .responsive_style_table thead {display: none;}
        .responsive_style_table td {
                display: block;
                border-bottom: none;
                width: 100% !important;
        }
        .responsive_style_table tbody td:nth-child(even){
                background: #fff;
                color: #333;
        }
        .responsive_style_table tbody td:nth-child(odd){
                background: #e8e5e5;
                color: #333;
        }
        .responsive_style_table tbody td:first-child {
                color: #fff;
                font-weight: bold;
                background: #222;
        }
        .responsive_style_table tfoot:empty {display: none;}
        .responsive_style_table tbody td:empty::before {content: attr(data-thead) '\00a0: --';}
}
.responsive_img {
        max-width: 100%;
        height: auto;
}

input[type="submit"], input[type="button"], button, .bouton, .Btn, .BtnForm, #content_confirmation input[type="submit"], a.btn{
        display: inline-block;
        position: relative;
        /*border: 0;
        background: none;*/ 
        padding: 10px 20px !important;
        margin: 10px 0 !important;
        color: #fff;

        text-align: center;
        font-size: 1em;
        line-height: 1.1875em;
        font-weight: bold;
        text-decoration: none;
        background-image: linear-gradient(to left,
                                                #999999,
                                                #999999 50%,
                                                #222 50%,
                                                #222) ;
        background-position: 100% 0;
        background-size: 200% 100%;
        transition: all .25s ease-in;
        box-shadow: none;
        border: 0;
        border-radius: 25px;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .bouton:hover, .Btn:hover, .BtnForm:hover,  #content_confirmation input[type="submit"]:hover, a.btn:hover{
        color:#fff !important;
        text-decoration: none;
        border: 0;
        background-position: 0 0;
        cursor: pointer;
        box-shadow: none;
}
.cust-style-modal{
width:80vw; margin-left:10%; margin-right:10%; }
/*Les classes de l editeur VG-068636-0*/
.lien_pdf,
.lien_zip,
.lien_video,
.lien_autre {
    position: relative;
    padding: 10px 0 10px 40px;
    margin: 5px 0;
    display: inline-block;
    color: #000 !important;
}

.lien_pdf:before,
.lien_zip:before,
.lien_video:before,
.lien_autre:before {
    content: ' ';
    width: 32px;
    height: 45px;
    top: 0;
    left: 0;
    position: absolute;
}

.lien_pdf:before {
    background: url('/client_file/themes/default/interface/lien_pdf.png') no-repeat;
}

.lien_zip:before {
    background: url('/client_file/themes/default/interface/lien_zip.png') no-repeat;
}

.lien_video:before {
    background: url('/client_file/themes/default/interface/lien_video.png') no-repeat;
}

.lien_autre:before {
    background: url('/client_file/themes/default/interface/lien_autre.png') no-repeat;
}

p.fond_gris {
    background: #eceaea;
    padding: 12px 20px !important;
}

.custom_list_check {
    margin-left: 36px;
}

.custom_list_check li::before {
    content: '\f0a4';
    font-size: 25px;
}

.custom_list_check li::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    position: relative;
    top: 3px;
    left: -36px;
    margin-right: -26px !important;

}

.custom_list_check li {
    list-style: outside none none !important;
    margin-top: 8px !important;
}

ul.liste_rouge li::before {
    content: "\2022";
    margin-right: 10px;
    color: #d81818;
    font-size: 32px;
    margin-bottom: 0px;
    position: relative;
    top: 7px;
    line-height: 10px;
}

ul.liste_rouge li {
    list-style: none !important;
    list-style-image: none !important;
    list-style-type: none !important;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    /*font-family: Oswald, sans-serif;*/
}

ul.liste_rouge {
    list-style: none !important;
    list-style-image: none !important;
    list-style-type: none !important;
}

ul.list_text {
    list-style: none !important;
}

.list_text li:nth-child(even) {
    background: #cae6fb;
}

.list_text li:nth-child(odd) {
    background: #e4f3fe;
}

.list_text li {
    border-bottom: 2px solid #fff;
    padding: 7px 15px;
    list-style: none !important;
    margin: 0 !important;
}


.style_table_pointer2 {
    margin: 20px 0 30px 0;
    padding: 0;
    border: none;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.style_table_pointer2 td {
    width: 50%;
    padding: 7px 30px 7px 10px;
    /*border-bottom: 4px solid #fff;*/
}

.style_table_pointer2 tr td:nth-child(odd) {
    background-color: #2389d7;
    background-image: url('/client_file/themes/default/interface/spc_table_chevron_left.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
    /*font-family: 'Oswald', sans-serif;*/
}

.style_table_pointer2 tr td:nth-child(odd) a {
    color: #fff;
    text-decoration: none;
}

.style_table_pointer {
    margin: 20px 0 30px 0;
    padding: 0;
    border: none;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.style_table_pointer td {
    width: 50%;
    padding: 7px 30px 7px 10px;
    border-bottom: 4px solid #fff;
}

.style_table_pointer tr td:nth-child(odd) {
    background-color: #3ea2ee;
    background-image: url('/client_file/themes/default/interface/picto_spc_table.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
}

.style_table_pointer tr td:nth-child(even) {
    background-color: #cae6fb;
    color: #57585a;
}

.style_table {
    margin: 10px 0;
    border: 1px solid #fff;
    background: #fff;
}

/*.style_table tr:first-child td, .style_table tr:first-child th {*/
.responsive_style_table th,
.style_table th {
    background: #000;
    color: #fff !important;
    font-weight: bold;
}

.style_table tr:nth-child(odd) {
    background: #e8e5e5;
    font-size: 18px;
    color: #333;
}

.style_table tr:nth-child(even) {
    background: #fff;
    font-size: 22px;
    color: #333;

}

.style_table td,
.style_table th {
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb;
}

.style_table td p {
    font-size: 16px !important;
}

/*fin*/