@charset "UTF-8";

/*-------------------------------------------------

----------------------------------------------------
[Table of contents]
 
1. body
2. return-to-top styles
3. Common button styles
4. Common heading styles
5. custom css
6. Agency 01 CSS Start
7. Agency 02 CSS Start
8. Beauty CSS Start
9. Business CSS Start
10. Construction 01 CSS Start
11. Construction 02 CSS Start
12. Doctor 01 CSS Start
13. It Company CSS Start
14. Kidder CSS Start
15. Lawyer CSS Start
16. PC fixer CSS Start
17. Software CSS Start
18. Startup CSS Start
19. Web Hosting CSS Start 
 

*/

html,
body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #797979;
    font-weight: 400;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0;
}

p {
    font-family: 'Lato', sans-serif;
    margin: 0;
}

a {
    color: #000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    a:focus {
        color: #3bb6d5;
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: unset;
        text-decoration: none;
    }

    a:hover {
        color: #970804;
        text-decoration: none;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/* return-to-top styles */

#return-to-top {
    position: fixed;
    bottom: 120px;
    right: 70px;
    background: #fff;
    width: 45px;
    height: 100px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: none;
    color: #000000;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1001;
    padding-top: 25px;
    text-align: center;
}

    #return-to-top i:before {
        color: #000000;
        font-size: 25px;
    }
/* Common button styles */


/* Beauty */

.beauty_btn_style {
    display: inline-block;
    text-align: center;
    background: #00aaef;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 250px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .beauty_btn_style:hover,
    .beauty_btn_style:focus {
        background: #f5f7fb;
        color: #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

/* Doctor 01 */

.doc_btn_style {
    display: inline-block;
    text-align: center;
    background: #C79B4B;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 180px;
    height: 45px;
    line-height: 42px;
    border: 1px solid #C79B4B;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_btn_style:hover,
    .doc_btn_style:focus {
        background: transparent;
        color: #ff6666;
        border: 1px solid #ff6666;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/* Doctor 01 */

.doc1_btn_style {
    display: inline-block;
    text-align: center;
    background: #C79B4B;
    color: #fff !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 100%;
    height: 45px;
    line-height: 42px;
    border: 1px solid #C79B4B;
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc1_btn_style:hover,
    .doc1_btn_style:focus {
        background: #b7914d;
        color: #FFF;
        border: 1px solid #C79B4B;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/* Doctor 01 */

.doc2_btn_style {
    display: inline-block;
    text-align: center;
    background: #00aaef;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 180px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #00aaef;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc2_btn_style:hover,
    .doc2_btn_style:focus {
        background: transparent;
        color: #00aaef;
        border: 1px solid #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

/* Common heading styles */

/* Agecy 01 */

.section_heading,
.agency2_section_heading {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
}

    .section_heading h3,
    .agency2_section_heading h3 {
        font-size: 16px;
        font-weight: 600;
        color: #3bb6d5;
        letter-spacing: 4px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .section_heading h2,
    .agency2_section_heading h2 {
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
    }
/* Agecy 02 */

/* Beauty */

.beauty_section_heading {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
}

    .beauty_section_heading h2 {
        font-size: 36px;
        text-transform: capitalize;
        display: inline-block;
        float: left;
    }

/* Doctor 01 */

.doc_section_heading {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
}

    .doc_section_heading h3 {
        font-size: 18px;
        font-weight: 500;
        color: #ff6666;
        letter-spacing: 1px;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

    .doc_section_heading h2 {
        font-size: 32px;
        font-weight: 600;
        color: #111;
        text-transform: capitalize;
    }

/* custom css start */

.full_width {
    float: left;
    width: 100%;
}
/* ---------------------------------------------- /*
 * Preloader
/* ---------------------------------------------- */

#preloader {
    background: #FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#status {
    background-image: url(../images/agency_01/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

.status-mes {
    background-image: url(../images/agency_01/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
/* --------------------------------------
LIST STYLE
------------------------------------------*/

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

.form-control {
    box-shadow: none;
}

    .form-control:focus {
        box-shadow: none;
    }

textarea.form-control {
    height: auto;
    resize: none;
}

button:focus,
input:focus,
textarea:focus {
    outline: 0;
}

.icon_svg {
    fill: #3bb6d5;
}

.doc_icon_svg {
    fill: #ff4a57;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.doc2_icon_svg {
    fill: #00aaef;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* custom css end */

/*********************** Agency 01 CSS Start ****************************/

/* header start */

.header {
    float: left;
    width: 100%;
    position: relative;
}

.logo_wrapper {
    float: left;
    position: relative;
    padding-left: 25px;
    padding-top: 26px;
}

.shape_top_header {
    position: absolute;
    left: 0;
    top: -75px;
    z-index: -1;
}
/* main_menu_wrapper start */

.main_menu_wrapper {
    float: left;
    padding-top: 40px;
}

    .main_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .main_menu_wrapper ul > li > a {
            color: #111;
            font-size: 16px;
            font-weight: 500;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .main_menu_wrapper ul > li > a:hover {
                color: #3bb6d5;
            }

    .main_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #3bb6d5;
    }

        .main_menu_wrapper ul > .active > a:focus,
        .main_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #3bb6d5;
        }
/*menu_right_wrapper start*/

.menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.menu_right_wrapper .btn_style {
    line-height: 40px;
    width: 145px;
    height: 40px;
    float: left;
    font-size: 16px;
    border: 1px solid #3bb6d5;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .menu_right_wrapper .btn_style:hover,
    .menu_right_wrapper .btn_style:focus {
        color: #3bb6d5;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.serach-header {
    float: right;
    z-index: 1;
}

    .serach-header .searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .serach-header .searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.searchd {
    background: transparent;
    padding-top: 7px;
    padding-right: 30px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.toggle_bar {
    background: transparent;
    padding-right: 30px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.serach-header .searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .serach-header .searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #3bb6d5;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .serach-header .searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .serach-header .searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #3bb6d5;
        border: 0;
        font-size: 20px;
    }

    .serach-header .searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .serach-header .searchbox form::-webkit-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

    .serach-header .searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(219, 187, 10, 0.6);
    }

    .serach-header .searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(219, 187, 10, 0.6);
    }

    .serach-header .searchbox form:-ms-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

.search_wrap {
    float: left;
}
/* main_menu_wrapper end */

/* menu_fixed start */

.menu_fixed {
    position: fixed;
    background: #3bb6d5;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 100;
    padding-bottom: 25px;
}

    .menu_fixed .beauty_logo_shape_wrapper {
        display: none;
    }

.header .menu_fixed_logo {
    display: none;
}

.menu_fixed .menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.menu_fixed ul > li > a {
    color: #fff;
}

    .menu_fixed ul > li > a:hover {
        color: #fff;
    }

.menu_fixed ul > .active > a {
    color: #fff;
}

    .menu_fixed ul > .active > a:focus,
    .menu_fixed ul > .active > a:hover {
        color: #fff;
    }

.menu_fixed .btn_style {
    background: #fff;
    color: #3bb6d5;
}

    .menu_fixed .btn_style:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.menu_fixed .searchd {
    color: #fff;
}

.menu_fixed .toggle_bar {
    color: #fff;
}
/* sidebar */

#sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#toggle {
    float: right;
    width: auto;
    padding-top: 5px;
    cursor: pointer;
}

    #toggle a i:before {
        font-weight: 600;
        font-size: 22px;
    }

#cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #cssmenu > ul > li.active > ul {
        display: block;
    }

    #cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #cssmenu > ul > li > a:hover {
            color: #3bb6d5;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #cssmenu ul > li.has-sub.open > a:after,
    #cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #cssmenu ul ul li a i {
        margin-right: 10px;
    }

#toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.main_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    margin: -0.5px;
    width: 0;
    top: 50%;
    left: 0;
    z-index: 100;
    background: #3bb6d5;
    visibility: hidden;
    transition: all 0.5s;
}

.main_menu_wrapper ul > li > a:hover:before {
    width: 100%;
    visibility: visible;
}

.main_menu_wrapper ul > .active > a:before {
    width: 100%;
    visibility: visible;
}
/***------ slider wrapper css -------***/

.main_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-area .carousel-inner .carousel-item .caption-1,
.slider-area .carousel-inner .carousel-item .caption-2,
.slider-area .carousel-inner .carousel-item .caption-3 {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 740px;
}

.slider-area .carousel-inner .carousel-item .carousel-captions .content {
    display: block;
    position: relative;
    z-index: 999;
    overflow: hidden;
    vertical-align: middle;
    padding-top: 190px;
    padding-bottom: 200px;
}

    .slider-area .carousel-inner .carousel-item .carousel-captions .content ul {
        display: inline-block;
    }

.slider-area .carousel-inner .carousel-item .carousel-captions .content_tabs {
    display: block;
    position: relative;
    z-index: 999;
    vertical-align: middle;
    padding-top: 100px;
}

.slider-area .carousel-inner .carousel-item .carousel-captions .content h2 {
    color: #000;
    font-size: 50px;
    font-weight: 600;
    margin: 0 0 13px;
    animation-delay: 1.2s;
    text-transform: capitalize;
    line-height: 70px;
}

    .slider-area .carousel-inner .carousel-item .carousel-captions .content h2 span {
        color: #3bb6d5;
    }

.slider-area .carousel-inner .carousel-item .carousel-captions .content p {
    animation-delay: 1.5s;
    line-height: 30px;
    font-size: 18px;
}

.slider-area .carousel-inner .carousel-item .carousel-captions .content li {
    animation-delay: 2.0s;
    float: left;
    margin-right: 30px;
}

.slider-area .carousel-inner .carousel-item .carousel-captions .content ul {
    margin-top: 40px;
}

.slider_btn li a {
    width: 170px;
}

.slider_main_img_wrapper {
    position: absolute;
    top: 100px;
    left: 0;
}

.slider-area .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.slider_btn {
    padding-left: 0;
    float: left;
}

.slider-area .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 160px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #3bb6d5;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #3bb6d5;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .slider-area .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #3bb6d5;
        background: #f0f5ff;
    }

.carousel-nevigation {
    position: absolute;
    bottom: 27%;
    float: left;
    z-index: 1;
    left: 396px;
}

    .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #3bb6d5;
        border: 0;
        color: #fff;
        border: 1px solid #3bb6d5;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .carousel-nevigation > .next {
        left: 65px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #3bb6d5;
        border: 0;
        color: #fff;
        line-height: 47px;
        text-align: center;
        border: 1px solid #3bb6d5;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.top_righ_shape {
    position: absolute;
    top: -85px;
    z-index: -1;
    right: -30px;
}

.carousel-nevigation > .next:hover,
.carousel-nevigation > .prev:hover {
    color: #3bb6d5;
    background: transparent;
}

.carousel-nevigation > .next i:before,
.carousel-nevigation > .prev i:before {
    font-size: 19px;
}

.slider-area .carousel-inner {
    overflow: visible;
}
/*---- counter wrapper css -----*/

.sp_counter_box_shape {
    padding: 60px 20px;
    background: #f0f5ff;
    margin-top: 20px;
    text-align: center;
    z-index: 1;
    position: relative;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .sp_counter_box_shape h3 {
        font-size: 32px;
        font-weight: 500;
        color: #24a1c1;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .sp_counter_box_shape h4 {
        font-size: 18px;
        text-transform: capitalize;
        color: #797979;
        padding-top: 10px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.sp_couter_years {
    text-align: center;
}

    .sp_couter_years span {
        width: 170px;
        font-family: 'Lato';
        font-size: 64px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        line-height: 134px;
        border: 20px solid #e8f5f8;
        height: 170px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        background: radial-gradient(#69d7f3 2%, #3bb6d5 70%);
    }

    .sp_couter_years h2 {
        font-size: 20px;
        text-align: center;
        padding-top: 15px;
    }

.sp_counter_box_shape:after {
    content: '';
    position: absolute;
    color: #fff;
    border-bottom: 140px solid #fff;
    left: 0;
    right: 0;
    border-top-left-radius: 60%;
    border-top-right-radius: 60%;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sp_counter_box_shape:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background: #3bb6d5;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/**----- services wrapper css -------**/

.sp_category_wrapper {
    padding: 100px 0;
}

.sp_heading_wraper {
    text-align: center;
    padding-bottom: 40px;
}

    .sp_heading_wraper h3 {
        font-size: 34px;
        line-height: 42px;
        text-transform: capitalize;
        font-weight: 500;
        margin-bottom: 10px;
    }

.sp_services_box {
    text-align: center;
    position: relative;
}

    .sp_services_box h1 {
        font-size: 26px;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 15px;
    }

    .sp_services_box a {
        text-transform: capitalize;
        font-size: 16px;
        color: #3bb6d5;
        display: block;
        font-weight: 500;
        padding-top: 10px;
    }

.service_box_icon {
    width: 100px;
    height: 95px;
    display: inline-block;
    line-height: 95px;
    margin: 20px 0 30px 0;
    border-radius: 62% 31% 48%;
    text-align: center;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .service_box_icon i:before {
        font-size: 40px;
        color: #3bb6d5;
    }

.service_box_icon2 {
    border-radius: 76% 56% 63% 24%;
}

.service_box_icon3 {
    border-radius: 23% 45% 42% 43%;
}

.sp_services_box:hover .service_box_icon {
    background: #3bb6d5;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .sp_services_box:hover .service_box_icon i:before {
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.sp_service_left_shape {
    position: absolute;
    left: 0;
    top: 0;
}

.sp_service_bottm_shape {
    position: absolute;
    right: 0;
    bottom: -40px;
}
/**------- about us wrapper css --------**/

.about_shape_wrapper {
    position: relative;
    left: -75%;
}

.about_us_wrapper {
    position: relative;
    padding: 40px 0;
}

.about_shape_wrapper img {
    position: absolute;
    top: 40px;
    left: 30px;
}

#accordion h1 {
    font-size: 28px;
    padding-bottom: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

#accordion .card {
    background: #fff;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.card_pagee {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f0f5ff;
}

#accordion .card_pagee h5 {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

#accordion .card-body {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 0;
}

    #accordion .card-body .card_cntnt {
        float: left;
        width: 100%;
    }

#accordion[data-toggle="collapse"].collapsed:after {
    content: "\2212";
}

#accordion[data-toggle="collapse"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\2212";
    position: absolute;
    font-size: 26px;
    top: 6px;
    right: 15px;
}

.accordian_wraper {
    padding-top: 45px;
}

#accordion .card_pagee a {
    color: #ffffff;
    background-color: #3bb6d5;
    display: block;
    padding: 13px 15px;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    #accordion .card_pagee a.collapsed {
        color: #000000;
        background-color: #f0f5ff;
        display: block;
        padding: 13px 18px;
        border: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #accordion .card_pagee a:after {
        color: #fff;
    }

    #accordion .card_pagee a.collapsed:after {
        content: "+";
        color: #000000;
        float: right;
    }
/**-------- work progress wrapper ------**/

.work_tabs_wrapper {
    text-align: center;
    margin-bottom: 30px;
}

    .work_tabs_wrapper .nav {
        margin-bottom: 25px;
        display: inline-block;
        border-bottom: 0;
    }

    .work_tabs_wrapper .nav-tabs .nav-link:focus,
    .work_tabs_wrapper .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .work_tabs_wrapper .nav li {
        float: left;
        border: 0;
        border-left: 0;
    }

    .work_tabs_wrapper .nav-tabs .nav-item.show .nav-link {
        color: #3bb6d5;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
    }

    .work_tabs_wrapper .nav-tabs .nav-link {
        font-size: 20px;
        color: #000;
        font-weight: 500;
        text-transform: capitalize;
        text-align: center;
        padding: 10px 50px;
        border: 0;
    }

        .work_tabs_wrapper .nav-tabs .nav-link.active {
            color: #3bb6d5;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: 0;
            background: transparent;
        }

        .work_tabs_wrapper .nav-tabs .nav-link span {
            width: 80px;
            height: 80px;
            display: inline-block;
            line-height: 80px;
            text-align: center;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background: #f0f5ff;
            margin-bottom: 10px;
        }

            .work_tabs_wrapper .nav-tabs .nav-link span i:before {
                font-size: 32px;
                color: #3bb6d5;
                margin-bottom: 10px;
            }

        .work_tabs_wrapper .nav-tabs .nav-link.active span {
            background: radial-gradient(#6bd5f1 2%, #3bb6d5 70%);
        }

            .work_tabs_wrapper .nav-tabs .nav-link.active span i:before {
                color: #fff;
            }

.work_process_content h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.work_btn_style {
    margin-top: 30px;
}

    .work_btn_style a {
        width: 150px;
        text-transform: capitalize;
        font-size: 16px;
        height: 45px;
        line-height: 42px;
        border: 1px solid #3bb6d5;
    }
/*---- testimonial wrapper css --------**/

.testimonial_wrapper {
    padding: 0;
    position: relative;
}

.testi_shape2 {
    position: absolute;
    top: -140px;
    right: -200px;
}

.testi_shape1 {
    position: absolute;
    top: -140px;
    left: -27%;
}
/**----- pricing wrapper css -------**/

.pricing_box_wrapper {
    background: #f0f5ff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .pricing_box_wrapper h2 {
        text-transform: capitalize;
        color: #fff;
        background: #3bb6d5;
        font-size: 30px;
        font-weight: 600;
        padding: 24px 20px 17px 0px;
        line-height: 20px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .pricing_box_wrapper h2 span {
            font-size: 16px;
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-weight: 400;
            padding-top: 30px;
        }

.pricing_main_text {
    font-size: 14px !important;
    padding: 30px 0 !important;
}

.pricing_wrapper h5 {
    float: left;
    width: 100%;
    padding-top: 40px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    color: #2d25c8;
    text-transform: capitalize;
}

.pricing_list22 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px;
    padding-top: 0;
}

    .pricing_list22 li {
        display: block;
        padding: 8px 0;
        color: #797979;
        text-transform: capitalize;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.dollarr {
    font-size: 20px !important;
    color: #fff !important;
    float: none !important;
    width: auto !important;
}

.price_btn {
    width: 210px;
    height: 45px;
    background: #3bb6d5;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 42px;
    text-transform: capitalize;
}

.pricing_wrapper {
    padding: 100px 0;
}

.price_btn:hover {
    color: #fff;
}

.monthly {
    float: right;
    position: relative;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    top: -38px;
    left: -63px;
    font-size: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pricing_box_wrapper:hover .price_btn {
    background: #fff;
    color: #3bb6d5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pricing_box_wrapper img {
    padding: 25px 0;
}

.pricing_box_wrapper:hover {
    background: #3bb6d5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .pricing_box_wrapper:hover h2 {
        background: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        color: #3bb6d5 !important;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .pricing_box_wrapper:hover .dollarr,
    .pricing_box_wrapper:hover .monthly {
        color: #3bb6d5 !important;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .pricing_box_wrapper:hover .pricing_list22 li {
        color: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.job_newsletter_wrapper {
    padding: 80px 0;
    background: #f0f5ff;
    position: relative;
    z-index: 1;
}

.jb_newslwtteter_left {
    float: left;
    width: 70%;
}

    .jb_newslwtteter_left h2 {
        font-size: 36px;
        text-transform: capitalize;
        font-weight: 700;
        padding-bottom: 4px;
    }

.jb_newslwtteter_button {
    float: left;
    width: 30%;
    margin-top: 10px;
}

    .jb_newslwtteter_button .work_btn_style {
        float: right;
        margin: 0;
    }

        .jb_newslwtteter_button .work_btn_style a {
            width: 200px;
        }
/**--- location_wrapper css ----**/

.location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

    .location_wrapper .response {
        color: #111;
    }

    .location_wrapper .contect_form1 input {
        width: 100%;
        height: 50px;
        padding-left: 25px;
        margin-bottom: 22px;
        color: #444;
        border: 0;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #f0f5ff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .location_wrapper .contect_form3 input {
        width: 100%;
        height: 50px;
        padding-left: 30px;
        background: #f0f5ff;
        color: #444;
        border: 0;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .location_wrapper .contect_btn {
        float: left;
        width: 100%;
    }

    .location_wrapper .contect_form4 textarea {
        width: 100%;
        padding-left: 20px;
        padding-top: 15px;
        color: #444;
        background: #f0f5ff;
        border: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        resize: none;
        border-radius: 20px;
    }

    .location_wrapper .contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #3bb6d5;
        border: 1px solid #3bb6d5;
        color: #fff;
        text-align: center;
        line-height: 42px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .location_wrapper .contect_btn button:hover {
            background: transparent;
            color: #3bb6d5;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/**--- footer wrapper css ----**/

.footer_wrapper {
    padding: 25px 0;
    position: relative;
}

.footer_content_box a img {
    text-align: center;
}

.footer_content_box p {
    margin-top: 60px;
}

.icon_list_news {
    margin-top: 20px;
}

    .icon_list_news li {
        list-style: none;
        float: left;
        margin-right: 15px;
        font-size: 16px;
        width: 40px;
        float: left;
        text-align: center;
        height: 40px;
        line-height: 36px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .icon_list_news li .twit {
            color: #fff;
            float: left;
            border-radius: 100px;
            width: 100%;
            background: #1da1f2;
            border: 2px solid #1da1f2;
        }

            .icon_list_news li .twit:hover {
                background: transparent;
                color: #1da1f2;
                border: 2px solid #1da1f2;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .icon_list_news li .linkd {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #007bb5;
            border: 2px solid #007bb5;
        }

            .icon_list_news li .linkd:hover {
                background: transparent;
                color: #007bb5;
                border: 2px solid #007bb5;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .icon_list_news li .google {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #db4437;
            border: 2px solid #db4437;
        }

            .icon_list_news li .google:hover {
                background: transparent;
                color: #db4437;
                border: 2px solid #db4437;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .icon_list_news li .fb {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #437ee0;
            border: 2px solid #437ee0;
        }

            .icon_list_news li .fb:hover {
                background: transparent;
                color: #437ee0;
                border: 2px solid #437ee0;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

.footer_content_box svg {
    position: absolute;
    left: -10px;
    top: -68px;
    z-index: -1;
}

.footer_content_box h3 {
    font-size: 16px;
    margin-top: 60px;
    float: left;
    width: 100%;
    text-transform: capitalize;
}

.footer_shape {
    position: absolute;
    top: -491px;
    left: 0;
    z-index: -1;
}

    .footer_shape svg {
        fill: #24a1c1;
    }
/*********************** Agency 02 CSS Start ****************************/

/*---------- agency2_header start --------*/

.agency2_header {
    float: left;
    width: 100%;
    position: relative;
}

.agency2_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 30px;
}

.shape_top_agency2_header {
    position: absolute;
    left: 0;
    top: -100px;
    z-index: -1;
}
/* agency2_menu_wrapper start */

.agency2_menu_wrapper {
    float: left;
    padding-top: 40px;
}

    .agency2_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .agency2_menu_wrapper ul > li > a {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .agency2_menu_wrapper ul > li > a:hover {
                color: #fff;
            }

    .agency2_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #fff;
    }

        .agency2_menu_wrapper ul > .active > a:focus,
        .agency2_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #fff;
        }
/*agency2_menu_right_wrapper start*/

.agency2_menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.agency2_menu_right_wrapper .agency2_btn_style {
    line-height: 40px;
    width: 145px;
    height: 40px;
    float: left;
    background: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    font-weight: 400;
    color: #3bb6d5;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .agency2_menu_right_wrapper .agency2_btn_style:hover,
    .agency2_menu_right_wrapper .agency2_btn_style:focus {
        color: #fff;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.serach-agency2_header {
    float: right;
    z-index: 1;
}

    .serach-agency2_header .agency2_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .serach-agency2_header .agency2_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.agency2_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 30px;
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.toggle_bar2 {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #ffffff;
    cursor: pointer;
}

.serach-agency2_header .agency2_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .serach-agency2_header .agency2_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #3bb6d5;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .serach-agency2_header .agency2_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .serach-agency2_header .agency2_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 65%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #fff;
        border: 0;
        font-size: 20px;
    }

    .serach-agency2_header .agency2_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .serach-agency2_header .agency2_searchbox form::-webkit-input-placeholder {
        color: #fff;
    }

    .serach-agency2_header .agency2_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .serach-agency2_header .agency2_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

    .serach-agency2_header .agency2_searchbox form:-ms-input-placeholder {
        color: #fff;
    }

.agency2_search_wrap {
    float: left;
}
/* agency2_menu_wrapper end */

/* agency2_menu_fixed start */

.agency2_menu_fixed {
    position: fixed;
    background: #3bb6d5;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 100;
    padding-bottom: 25px;
}

    .agency2_menu_fixed .toggle_bar2 {
        color: #fff;
    }

    .agency2_menu_fixed .beauty_logo_shape_wrapper {
        display: none;
    }

.agency2_header .agency2_menu_fixed_logo {
    display: none;
}

.agency2_menu_fixed .agency2_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.agency2_menu_fixed ul > li > a {
    color: #fff;
}

    .agency2_menu_fixed ul > li > a:hover {
        color: #fff;
    }

.agency2_menu_fixed ul > .active > a {
    color: #fff;
}

    .agency2_menu_fixed ul > .active > a:focus,
    .agency2_menu_fixed ul > .active > a:hover {
        color: #fff;
    }

.agency2_menu_fixed .agency2_btn_style {
    background: #fff;
    color: #3bb6d5;
}

    .agency2_menu_fixed .agency2_btn_style:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.agency2_menu_fixed .agency2_searchd {
    color: #fff;
}
/* agency2_sidebar */

#agency2_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#agency2_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #agency2_toggle a {
        color: #fff;
    }

        #agency2_toggle a i:before {
            font-weight: 600;
            font-size: 22px;
        }

#agency2_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #agency2_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #agency2_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #agency2_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #agency2_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

        #agency2_cssmenu ul ul li a {
            padding: 14px 26px;
            cursor: pointer;
            z-index: 2;
            font-size: 16px;
            text-decoration: none;
            color: #060606;
            text-transform: capitalize;
            background: transparent;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #agency2_cssmenu ul ul ul li a {
            padding-left: 32px;
        }

        #agency2_cssmenu ul ul li a:hover {
            color: #fa5b41;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #agency2_cssmenu ul ul li a i {
            margin-right: 10px;
        }

    #agency2_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #agency2_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #agency2_cssmenu ul > li.has-sub.open > a:after,
    #agency2_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #agency2_cssmenu > ul > li.active > ul {
        display: block;
    }

    #agency2_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #agency2_cssmenu > ul > li > a:hover {
            color: #3bb6d5;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

#agency2_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.agency2_sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#agency2_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#agency2_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#agency2_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.agency2_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    margin: -0.5px;
    width: 0;
    top: 50%;
    left: 0;
    z-index: 100;
    background: #fff;
    visibility: hidden;
    transition: all 0.5s;
}

.agency2_menu_wrapper ul > li > a:hover:before {
    width: 100%;
    visibility: visible;
}

.agency2_menu_wrapper ul > .active > a:before {
    width: 100%;
    visibility: visible;
}
/***------ slider wrapper css -------***/

.agency2_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

    .agency2_slider_wrapper .carousel-inner .carousel-item .caption-1,
    .agency2_slider_wrapper .carousel-inner .carousel-item .caption-2,
    .agency2_slider_wrapper .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 750px;
    }

    .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
        display: block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 190px;
        padding-bottom: 200px;
    }

        .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
            display: inline-block;
        }

    .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 100px;
    }

    .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
        color: #fff;
        font-size: 50px;
        font-weight: 600;
        margin: 0 0 13px;
        animation-delay: 1.2s;
        text-transform: capitalize;
        line-height: 70px;
    }

        .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
            color: #fff;
        }

    .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
        animation-delay: 1.5s;
        line-height: 30px;
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
    }

    .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
        animation-delay: 2.0s;
        float: left;
        margin-right: 30px;
    }

#agency2_cssmenu .sidebb li:first-child {
    border-top: 1px solid #e6e6e6;
}

.agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
    margin-top: 40px;
}

.agency2_slider_btn li a {
    width: 170px;
}

.agency2_slider_main_img_wrapper {
    position: absolute;
    top: 100px;
    left: 0;
}

.agency2_slider_wrapper .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.agency2_slider_btn {
    padding-left: 0;
    float: left;
}

.agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 160px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #3bb6d5;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .agency2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #fff;
        background: transparent;
    }

.agency2_slider_wrapper .carousel-nevigation {
    position: absolute;
    bottom: 27%;
    float: left;
    z-index: 1;
    left: 396px;
}

    .agency2_slider_wrapper .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #fff;
        border: 0;
        color: #3bb6d5;
        border: 1px solid #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .agency2_slider_wrapper .carousel-nevigation > .next {
        left: 65px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #fff;
        border: 0;
        color: #3bb6d5;
        line-height: 47px;
        text-align: center;
        border: 1px solid #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.agency2_top_righ_shape {
    position: absolute;
    top: -113px;
    z-index: -1;
    right: -3px;
}

.agency2_slider_wrapper .carousel-nevigation > .next:hover,
.carousel-nevigation > .prev:hover {
    color: #fff;
    background: transparent;
}

.agency2_slider_wrapper .carousel-nevigation > .next i:before,
.carousel-nevigation > .prev i:before {
    font-size: 19px;
}

.agency2_slider_wrapper .carousel-inner {
    overflow: visible;
}
/**----- services wrapper css -------**/

.agency2_category_wrapper {
    padding: 120px 0 90px 0;
    position: relative;
}

.agency2_heading_wraper {
    text-align: center;
    padding-bottom: 40px;
}

    .agency2_heading_wraper h3 {
        font-size: 34px;
        line-height: 42px;
        text-transform: capitalize;
        font-weight: 700;
        text-align: center;
        position: relative;
        margin-bottom: 10px;
    }

        .agency2_heading_wraper h3:after {
            content: '';
            position: absolute;
            right: 0;
            left: 0;
            margin: 0px auto;
            background: #f0f5ff;
            bottom: -8px;
            width: 200px;
            height: 6px;
            border-radius: 5px;
        }

.agency2_services_box {
    text-align: center;
    padding: 25px 25px 0 25px;
    position: relative;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .agency2_services_box h1 {
        font-size: 24px;
        font-weight: 600;
        text-transform: capitalize;
        padding-bottom: 10px;
    }

    .agency2_services_box a {
        text-transform: capitalize;
        font-size: 16px;
        color: #3bb6d5;
        display: block;
        font-weight: 500;
        padding-top: 10px;
    }

.agency2_service_box_icon {
    width: 100px;
    height: 95px;
    display: inline-block;
    line-height: 95px;
    margin: 0 0 55px 0;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .agency2_service_box_icon i:before {
        font-size: 40px;
        color: #3bb6d5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .agency2_service_box_icon svg path {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.agency2_category_wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0px auto;
    bottom: 40%;
    background: #f1f1f1;
}

.agency2_services_box:hover .agency2_service_box_icon svg path {
    fill: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.agency2_service_box_icon:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background: #3bb6d5;
    border: 3px solid #f0f5ff;
    left: 0;
    z-index: 1;
    right: 0;
    bottom: -36px;
    margin: 0px auto;
}

.agency2_services_box:hover {
    background: -moz-linear-gradient(0deg, #fff 39%, #f0f5ff 85%);
    background: -webkit-linear-gradient(0deg, #fff 39%, #f0f5ff 85%);
    background: linear-gradient(0deg, #fff 39%, #f0f5ff 85%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/**------- about us wrapper css --------**/

.agency2_about_shape_wrapper {
    position: relative;
    left: -158%;
}

.agency2_about_us_wrapper {
    position: relative;
    padding-bottom: 94px;
}

.agency2_about_shape_wrapper img {
    position: absolute;
    top: 81px;
    left: 130%;
    width: 100%;
}

#agency2_accordion h1 {
    font-size: 28px;
    padding-bottom: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

#agency2_accordion .card {
    background: #fff;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.agency2_card_pagee {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f0f5ff;
}

#agency2_accordion .agency2_card_pagee h5 {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

#agency2_accordion .card-body {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 0;
}

    #agency2_accordion .card-body .card_cntnt {
        float: left;
        width: 100%;
    }

#agency2_accordion[data-toggle="collapse"].collapsed:after {
    content: "\2212";
}

#agency2_accordion[data-toggle="collapse"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\2212";
    position: absolute;
    font-size: 26px;
    top: 6px;
    right: 15px;
}

.agency2_accordian_wraper {
    padding-top: 45px;
}

#agency2_accordion .agency2_card_pagee a {
    color: #ffffff;
    background-color: #3bb6d5;
    display: block;
    padding: 13px 15px;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    #agency2_accordion .agency2_card_pagee a.collapsed {
        color: #000000;
        background-color: #f0f5ff;
        display: block;
        padding: 13px 18px;
        border: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #agency2_accordion .agency2_card_pagee a:after {
        color: #fff;
    }

    #agency2_accordion .agency2_card_pagee a.collapsed:after {
        content: "+";
        color: #000000;
        float: right;
    }
/**-------- work progress wrapper ------**/

.agency2_work_tabs_wrapper {
    text-align: center;
    margin-bottom: 30px;
}

.agency2_work_process_wrapper .nav {
    margin-bottom: 25px;
    display: inline-block;
    border-bottom: 0;
}

.agency2_work_process_wrapper .nav-tabs .nav-link:focus,
.agency2_work_process_wrapper .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.agency2_work_process_wrapper .nav li {
    float: left;
    border: 0;
    border-left: 0;
}

.agency2_work_process_wrapper .nav-tabs .nav-item.show .nav-link {
    color: #3bb6d5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: transparent;
}

.agency2_work_process_wrapper .nav-tabs .nav-link {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 50px;
    border: 0;
}

    .agency2_work_process_wrapper .nav-tabs .nav-link.active {
        color: #3bb6d5;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
    }

    .agency2_work_process_wrapper .nav-tabs .nav-link span {
        width: 80px;
        height: 80px;
        display: inline-block;
        line-height: 80px;
        text-align: center;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #f0f5ff;
        margin-bottom: 10px;
    }

        .agency2_work_process_wrapper .nav-tabs .nav-link span i:before {
            font-size: 32px;
            color: #3bb6d5;
            margin-bottom: 10px;
        }

    .agency2_work_process_wrapper .nav-tabs .nav-link.active span {
        background: radial-gradient(#6bd5f1 2%, #3bb6d5 70%);
    }

        .agency2_work_process_wrapper .nav-tabs .nav-link.active span i:before {
            color: #fff;
        }

.agency2_work_process_content h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.work_agency2_btn_style {
    margin-top: 30px;
}

    .work_agency2_btn_style a {
        width: 150px;
        text-transform: capitalize;
        font-size: 16px;
        height: 45px;
        line-height: 42px;
        border: 1px solid #3bb6d5;
    }
/*---- testimonial wrapper css --------**/

.agency2_testimonial_wrapper {
    padding: 0;
    position: relative;
}

.agency2_testi_shape2 {
    position: absolute;
    top: -140px;
    right: -200px;
}

.agency2_testi_shape1 {
    position: absolute;
    top: -140px;
    left: -27%;
}
/**----- pricing wrapper css -------**/

.agency2_pricing_box_wrapper {
    background: #f0f5ff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .agency2_pricing_box_wrapper h2 {
        text-transform: capitalize;
        color: #fff;
        background: #3bb6d5;
        font-size: 30px;
        font-weight: 600;
        padding: 24px 0 17px 0;
        line-height: 20px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .agency2_pricing_box_wrapper h2 span {
            font-size: 16px;
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-weight: 400;
            padding-top: 30px;
        }

.agency2_pricing_main_text {
    font-size: 14px !important;
    padding: 30px 0 !important;
}

.agency2_pricing_wrapper h5 {
    float: left;
    width: 100%;
    padding-top: 40px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    color: #2d25c8;
    text-transform: capitalize;
}

.agency2_pricing_list22 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px;
    padding-top: 0;
}

    .agency2_pricing_list22 li {
        display: block;
        padding: 8px 0;
        color: #797979;
        text-transform: capitalize;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.agency2_dollarr {
    font-size: 20px !important;
    color: #fff !important;
    float: none !important;
    width: auto !important;
}

.agency2_price_btn {
    width: 210px;
    height: 45px;
    background: #3bb6d5;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 42px;
    text-transform: capitalize;
}

.agency2_pricing_wrapper {
    padding: 100px 0;
}

.agency2_price_btn:hover {
    color: #fff;
}

.agency2_monthly {
    float: right;
    position: relative;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    top: -38px;
    left: -63px;
    font-size: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.agency2_pricing_box_wrapper:hover .agency2_price_btn {
    background: #fff;
    color: #3bb6d5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.agency2_pricing_box_wrapper img {
    padding: 25px 0;
}

.agency2_pricing_box_wrapper:hover {
    background: #3bb6d5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .agency2_pricing_box_wrapper:hover h2 {
        background: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        color: #3bb6d5 !important;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .agency2_pricing_box_wrapper:hover .agency2_dollarr,
    .agency2_pricing_box_wrapper:hover .agency2_monthly {
        color: #3bb6d5 !important;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .agency2_pricing_box_wrapper:hover .agency2_pricing_list22 li {
        color: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
/**----- agency2_newsletter_wrapper css -------**/

.agency2_newsletter_wrapper {
    padding: 80px 0;
    background: #f0f5ff;
    position: relative;
    z-index: 1;
}

.agency2_newslwtteter_left {
    float: left;
    width: 70%;
}

    .agency2_newslwtteter_left h2 {
        font-size: 36px;
        text-transform: capitalize;
        font-weight: 700;
        padding-bottom: 4px;
    }

.agency2_newslwtteter_button {
    float: left;
    width: 30%;
    margin-top: 10px;
}

    .agency2_newslwtteter_button .work_agency2_btn_style {
        float: right;
        margin: 0;
    }

        .agency2_newslwtteter_button .work_agency2_btn_style a {
            width: 200px;
        }
/**----- agency2_location_wrapper css -------**/

.agency2_location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .agency2_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .agency2_location_wrapper .response {
        color: #111;
    }

    .agency2_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.agency2_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.agency2_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.agency2_contect_btn {
    float: left;
    width: 100%;
}

    .agency2_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #3bb6d5;
        border: 1px solid #3bb6d5;
        color: #fff;
        text-align: center;
        line-height: 42px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .agency2_contect_btn button:hover {
            background: transparent;
            color: #3bb6d5;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/**--- footer wrapper css ----**/

.agency2_footer_wrapper {
    padding: 25px 0;
    position: relative;
}

.agency2_footer_content_box a img {
    text-align: center;
}

.agency2_footer_content_box p {
    margin-top: 60px;
}

.agency2_icon_list_news {
    margin-top: 20px;
}

    .agency2_icon_list_news li {
        list-style: none;
        float: left;
        margin-right: 15px;
        font-size: 16px;
        width: 40px;
        float: left;
        text-align: center;
        height: 40px;
        line-height: 36px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .agency2_icon_list_news li .twit {
            color: #fff;
            float: left;
            border-radius: 100px;
            width: 100%;
            background: #1da1f2;
            border: 2px solid #1da1f2;
        }

            .agency2_icon_list_news li .twit:hover {
                background: transparent;
                color: #1da1f2;
                border: 2px solid #1da1f2;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .agency2_icon_list_news li .linkd {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #007bb5;
            border: 2px solid #007bb5;
        }

            .agency2_icon_list_news li .linkd:hover {
                background: transparent;
                color: #007bb5;
                border: 2px solid #007bb5;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .agency2_icon_list_news li .google {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #db4437;
            border: 2px solid #db4437;
        }

            .agency2_icon_list_news li .google:hover {
                background: transparent;
                color: #db4437;
                border: 2px solid #db4437;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .agency2_icon_list_news li .fb {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #437ee0;
            border: 2px solid #437ee0;
        }

            .agency2_icon_list_news li .fb:hover {
                background: transparent;
                color: #437ee0;
                border: 2px solid #437ee0;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

.agency2_footer_content_box svg {
    position: absolute;
    left: -10px;
    top: -68px;
    z-index: -1;
}

.agency2_footer_content_box h3 {
    font-size: 16px;
    margin-top: 60px;
    float: left;
    width: 100%;
    text-transform: capitalize;
}

.agency2_footer_shape {
    position: absolute;
    top: -491px;
    left: 0;
    z-index: -1;
}

    .agency2_footer_shape svg {
        fill: #24a1c1;
    }
/*********************** Beauty CSS Start ****************************/

/* beauty_header start */

.beauty_header {
    float: left;
    z-index: 1;
    width: 100%;
    position: relative;
}

.beauty_logo_wrapper {
    float: left;
    position: relative;
    padding-left: 20px;
    padding-top: 27px;
}

.beauty_top_shape_wrapper {
    position: absolute;
    top: -89px;
    left: -200px;
}
/* beauty_menu_wrapper start */

.beauty_menu_wrapper {
    float: right;
    padding-top: 40px;
}

.beauty_menu_right_wrapper p {
    float: left;
    padding-top: 8px;
    padding-right: 25px;
    font-weight: 500;
    color: #000;
}

.beauty_menu_wrapper ul > li {
    float: left;
    margin-right: 19px;
}

    .beauty_menu_wrapper ul > li > a {
        color: #111;
        font-size: 16px;
        text-transform: capitalize;
        padding: 15px 10px;
        position: relative;
    }

        .beauty_menu_wrapper ul > li > a:hover {
            color: #00aaef;
        }

.beauty_menu_wrapper ul > .active > a {
    background-color: transparent;
    color: #00aaef;
}

    .beauty_menu_wrapper ul > .active > a:focus,
    .beauty_menu_wrapper ul > .active > a:hover {
        background-color: transparent;
        color: #00aaef;
    }
/*beauty_menu_right_wrapper start*/

.beauty_menu_right_wrapper {
    float: right;
    padding-top: 30px;
    padding-right: 12px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.beauty_menu_right_wrapper .beauty_btn_style {
    line-height: 40px;
    width: 145px;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: capitalize;
    border: 1px solid #00aaef;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .beauty_menu_right_wrapper .beauty_btn_style:hover,
    .beauty_menu_right_wrapper .beauty_btn_style:focus {
        color: #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.serach-beauty_header {
    float: right;
    z-index: 1;
}

    .serach-beauty_header .beauty_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

.toggle_bar_beauty {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #111111;
    cursor: pointer;
}

.serach-beauty_header .beauty_searchd i {
    color: #29abff;
    font-size: 16px;
    border: 0 !important;
}

.beauty_searchd {
    background: transparent;
    padding-top: 9px;
    padding-right: 30px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.serach-beauty_header .beauty_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .serach-beauty_header .beauty_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #00aaef;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .serach-beauty_header .beauty_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .serach-beauty_header .beauty_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #00aaef;
        border: 0;
        font-size: 20px;
    }

    .serach-beauty_header .beauty_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .serach-beauty_header .beauty_searchbox form::-webkit-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

    .serach-beauty_header .beauty_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(219, 187, 10, 0.6);
    }

    .serach-beauty_header .beauty_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(219, 187, 10, 0.6);
    }

    .serach-beauty_header .beauty_searchbox form:-ms-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

.search_wrap {
    float: left;
}
/*------ beauty_menu_wrapper end ------*/

/*---- menu_fixed start ------*/

.beauty_menu_fixed {
    position: fixed;
    background: #fff;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 1000;
    padding-bottom: 25px;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
}

    .beauty_menu_fixed .beauty_logo_shape_wrapper {
        display: none;
    }

.beauty_header .menu_fixed_logo {
    display: none;
}

.menu_fixed .menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.menu_fixed .beauty_btn_style:hover {
    background: transparent;
    color: #08adef;
    border: 1px solid #08adef;
}
/* beauty_sidebar */

#beauty_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#beauty_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #beauty_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
    }

#beauty_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #beauty_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #beauty_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #beauty_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #beauty_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #beauty_cssmenu > ul > li.active > ul {
        display: block;
    }

    #beauty_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #beauty_cssmenu > ul > li > a:hover {
            background: #00aaef;
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #beauty_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #beauty_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #beauty_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #beauty_cssmenu ul > li.has-sub.open > a:after,
    #beauty_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #beauty_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #beauty_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #beauty_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #beauty_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#beauty_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.beauty_sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#beauty_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#beauty_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#beauty_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.beauty_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    margin: -0.5px;
    width: 0;
    top: 50%;
    left: 0;
    z-index: 100;
    background: #00aaef;
    visibility: hidden;
    transition: all 0.5s;
}

.beauty_menu_wrapper ul > li > a:hover:before {
    width: 100%;
    visibility: visible;
}

.beauty_menu_wrapper ul > .active > a:before {
    width: 100%;
    visibility: visible;
}
/***------ slider wrapper css -------***/

.beauty_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

.beauty_banner_shape {
    position: absolute;
    top: -45%;
    right: -5%;
}

.beauty_slider_wrapper .carousel-inner .carousel-item .caption-1,
.beauty_slider_wrapper .carousel-inner .carousel-item .caption-2,
.beauty_slider_wrapper .carousel-inner .carousel-item .caption-3 {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 750px;
}

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
    display: block;
    position: relative;
    z-index: 999;
    overflow: hidden;
    vertical-align: middle;
    padding-top: 150px;
    padding-bottom: 200px;
}

    .beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
        display: inline-block;
    }

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
    display: block;
    position: relative;
    z-index: 999;
    vertical-align: middle;
    padding-top: 100px;
}

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
    color: #000;
    font-size: 50px;
    font-weight: 500;
    margin: 0 0 13px;
    animation-delay: 1.2s;
    text-transform: capitalize;
    line-height: 70px;
}

    .beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
        color: #00aaef;
    }

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
    animation-delay: 1.5s;
    line-height: 30px;
    font-size: 18px;
}

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
    animation-delay: 2.0s;
    float: left;
    margin-right: 30px;
}

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
    margin-top: 20px;
}

.beauty_slider_btn li a {
    width: 170px;
}

.beauty_slider_wrapper .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.beauty_slider_btn {
    padding-left: 0;
    float: left;
}

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 160px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #00aaef;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #00aaef;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #00aaef;
        background: #fff;
    }

.beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1 {
    color: #00aaef;
    font-family: 'Playball', cursive;
    font-size: 44px;
    margin-bottom: 15px;
    animation-delay: 0.5s;
    position: relative;
}

    .beauty_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1:after {
        content: '';
        position: absolute;
        right: 165px;
        top: 30px;
        width: 75px;
        height: 2px;
        background: #00aaef;
    }

.beauty_slider_wrapper .carousel-nevigation {
    position: absolute;
    bottom: 28%;
    float: left;
    z-index: 1;
    left: 395px;
}

    .beauty_slider_wrapper .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #00aaef;
        border: 0;
        color: #fff;
        border: 1px solid #00aaef;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .beauty_slider_wrapper .carousel-nevigation > .next {
        left: 65px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #00aaef;
        border: 0;
        color: #fff;
        line-height: 47px;
        text-align: center;
        border: 1px solid #00aaef;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .beauty_slider_wrapper .carousel-nevigation > .next:hover {
            color: #00aaef;
            background: transparent;
        }

    .beauty_slider_wrapper .carousel-nevigation > .prev:hover {
        color: #00aaef;
        background: transparent;
    }

    .beauty_slider_wrapper .carousel-nevigation > .next i:before,
    .beauty_slider_wrapper .carousel-nevigation > .prev i:before {
        font-size: 19px;
    }

.beauty_slider_wrapper .carousel-inner {
    overflow: visible;
}
/**---- popular wrapper css ------**/

.beauty_massage_Wrapper {
    padding-bottom: 100px;
}

.beauty_massage_slider .owl-theme .owl-dots {
    display: none;
}

.beauty_massage_slider .owl-theme .owl-nav {
    position: absolute;
    margin: 0;
    right: 100px;
    top: -98px;
    z-index: 1000;
    display: block;
}

    .beauty_massage_slider .owl-theme .owl-nav .owl-prev {
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        color: #fff;
        width: 45px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #00aaef;
        background: #00aaef;
        position: absolute;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        text-align: center;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .beauty_massage_slider .owl-theme .owl-nav .owl-next {
        margin: 0;
        padding: 0;
        left: 57px;
        top: 0;
        position: absolute;
        color: #fff;
        width: 45px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #00aaef;
        background: #00aaef;
        text-align: center;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .beauty_massage_slider .owl-theme .owl-nav .owl-next i:before {
            font-size: 18px;
        }

    .beauty_massage_slider .owl-theme .owl-nav .owl-prev i:before {
        font-size: 18px;
    }

    .beauty_massage_slider .owl-theme .owl-nav .owl-prev:hover {
        background: #fff;
        color: #00aaef;
        border: 1px solid #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .beauty_massage_slider .owl-theme .owl-nav .owl-next:hover {
        background: #fff;
        color: #00aaef;
        border: 1px solid #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

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

.beauty_img_content h1 a {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
}

.beauty_img_content p span a {
    float: right;
    color: #00aaef;
    position: relative;
    text-transform: capitalize;
}

    .beauty_img_content p span a:after {
        content: '';
        position: absolute;
        left: -55px;
        width: 50px;
        height: 1px;
        background: #00aaef;
        top: 14px;
    }

.beauty_massage_content:hover .beauty_massage_price_box {
    top: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.beauty_img_content {
    padding: 15px;
    padding-top: 22px;
}

.beauty_massage_price_box {
    position: absolute;
    top: -90px;
    right: 25px;
    width: 70px;
    height: 80px;
    text-align: center;
    background: #00aaef;
    line-height: 26px;
    font-size: 18px;
    color: #fff;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-top: 12px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.beauty_about_wrapper {
    padding-bottom: 100px;
    position: relative;
}

.beauty_about_content_wrapper h2 {
    color: #000;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
}

.beauty_about_content_wrapper li i {
    margin-right: 10px;
}

.beauty_about_content_wrapper ul li {
    margin-bottom: 30px;
    font-size: 18px;
    color: #1d1d1d;
    font-weight: 500;
}

    .beauty_about_content_wrapper ul li p {
        color: #797979;
        padding-left: 30px;
        margin-top: 10px;
    }

.beauty_about_shape_wrapper {
    position: absolute;
    bottom: -10%;
}

.beauty_about_image_wrapper {
    position: absolute;
    left: -100px;
}

    .beauty_about_image_wrapper svg {
        position: absolute;
        left: 39px;
        bottom: -36px;
    }

.beauty_about_content_wrapper {
    padding-left: 20px;
}

.beauty_about_image_wrapper img {
    position: relative;
    z-index: 1;
}

.beauty_treatment_shape_wrapper {
    left: auto;
    right: -70px;
}
/**----- pricing wrapper css ----**/

.beauty_pricing_wrapper {
    padding-bottom: 100px;
}

.beauty_section_heading2 h2 {
    text-align: center;
    width: 100%;
}

.beauty_pricing_tab_wrapper {
    width: 100%;
    text-align: center;
    display: inline-block;
}

    .beauty_pricing_tab_wrapper h2 {
        font-size: 26px;
        color: #111111;
        font-weight: 600;
        display: inline-block;
    }

    .beauty_pricing_tab_wrapper .nav {
        margin-bottom: 30px;
        display: inline-block;
        border-bottom: 0;
    }

        .beauty_pricing_tab_wrapper .nav li {
            float: left;
            border: 0;
            border-left: 0;
            margin-right: 20px;
        }

    .beauty_pricing_tab_wrapper .nav-tabs .nav-link {
        font-size: 16px;
        text-transform: capitalize;
        text-align: center;
        padding: 7px 25px;
        border: 0;
        border-radius: 50px;
        color: #00aaef;
        border: 1px solid #00aaef;
        background: transparent;
    }

        .beauty_pricing_tab_wrapper .nav-tabs .nav-link.active,
        .beauty_pricing_tab_wrapper .nav-tabs .nav-link:hover {
            background: #00aaef;
            color: #fff;
        }

.beauty_pricing_beauty_treatment_wrapper {
    border-bottom: 1px solid #b6b6b6;
    padding: 30px 0;
    position: relative;
}

.beauty_pricing_wrapper_price {
    float: right;
    display: inline-block;
}

    .beauty_pricing_wrapper_price p {
        font-size: 26px;
        padding-top: 15px;
        color: #111;
    }

.beauty_pricing_treatment_content {
    float: left;
    display: inline-block;
    width: auto;
}

.beauty_pricing_spa_img {
    float: left;
    width: 100px;
}

    .beauty_pricing_spa_img img {
        position: relative;
        z-index: 1;
    }

    .beauty_pricing_spa_img svg {
        position: absolute;
        left: 4px;
        top: 42px;
    }

.beauty_pricing_treament_detail {
    float: left;
    width: calc(100% - 100px);
    padding-left: 15px;
}

    .beauty_pricing_treament_detail h1 {
        line-height: 30px;
    }

        .beauty_pricing_treament_detail h1 a {
            font-size: 20px;
            text-transform: capitalize;
            margin-bottom: 10px;
        }
/**----- treatment wrapper css -------**/

.beauty_treatment_wrapper {
    padding-bottom: 100px;
    position: relative;
}

.beauty_treatment_content_wrapper h2 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 30px;
}

.beauty_treatment_top_shape {
    position: absolute;
    top: -110px;
    left: -21%;
}

.beauty_treatment_content_wrapper {
    padding-top: 60px;
}

.beauty_treatment_counter {
    margin-top: 40px;
}

.beauty_map_wrapper iframe {
    width: 100%;
    height: 600px;
    border: 0;
    position: relative;
}

.beauty_treatment_counter li {
    float: left;
    width: 130px;
    height: 130px;
    text-align: center;
    margin-right: 20px;
}

    .beauty_treatment_counter li a {
        float: left;
        width: 100%;
        height: 130px;
        background: #00aaef;
        color: #fff;
        padding-top: 30px;
        border: 1px solid transparent;
    }

        .beauty_treatment_counter li a i {
            font-size: 34px;
            padding-bottom: 10px;
        }

        .beauty_treatment_counter li a:hover {
            border: 1px solid #00aaef;
            color: #00aaef;
            background: transparent;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/**----- client wrapper css -------**/

.beauty_client_Wrapper {
    padding-top: 80px;
    padding-bottom: 100px;
}

.beauty_client_headig {
    text-align: left;
}

    .beauty_client_headig h1 {
        font-size: 34px;
        font-weight: 600;
        line-height: 44px;
    }

        .beauty_client_headig h1 span {
            font-weight: 200;
        }

.beauty_client_slider .carousel-indicators li:first-child,
.beauty_client_slider .carousel-indicators li:nth-child(2),
.beauty_client_slider .carousel-indicators li:nth-child(3),
.beauty_client_slider .carousel-indicators li:last-child {
    display: flex;
    height: 60px;
    text-indent: 999999px !important;
    width: 60px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    border-radius: 50%;
    float: left;
    margin-left: 10px;
}

.beauty_client_slider ol.carousel-indicators {
    display: block;
    margin-left: 6%;
    position: absolute;
    bottom: -80px;
}

.beauty_client_slider .carousel-item h5 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

.beauty_client_slider .carousel-indicators li img {
    border-radius: 50%;
    width: 100%;
}

.beauty_client_slider .carousel-indicators li.active {
    border-radius: 50%;
    border: 3px solid #00aaef;
}

.beauty_client_slider .carousel-item h3 {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 30px;
    color: #797979;
    margin-bottom: 30px;
}

.lawyer_trainer {
    text-transform: capitalize;
}

.beauty_client_left .lawyer_surname a {
    font-size: 20px;
    margin-bottom: 0;
    text-transform: capitalize !important;
    padding-top: 30px;
    font-weight: 600;
    float: left;
    width: 100%;
    color: #1e2b38;
}

.beauty_client_slider .carousel-control {
    position: absolute;
    left: 0;
    bottom: -19px;
}

.beauty_client_left .lawyer_surname p {
    text-transform: capitalize !important;
    font-size: 12px !important;
}

.beauty_client_slider .carousel-control-next span {
    color: #797979;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    position: absolute;
    width: 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.beauty_client_slider .carousel-control-prev {
    left: 35px;
}

    .beauty_client_slider .carousel-control-prev span {
        color: #797979;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        position: absolute;
        width: 50px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.beauty_client_slider .carousel-control-next {
    right: -407px;
    z-index: 100;
}

.beauty_client_slider .carousel-control-prev span:hover {
    background-color: transparent;
    color: #00aaef;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.beauty_client_slider .carousel-control-next span:hover {
    background-color: transparent;
    color: #00aaef;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.beauty_client_slider .carousel-control-next span:before {
    font-size: 28px !important;
}

.beauty_client_slider .carousel-control-prev span:before {
    font-size: 28px !important;
}

.beauty_client_left {
    float: left;
    width: 800px;
    padding-right: 60px;
}

.beauty_client_right {
    width: calc(100% - 800px);
    float: left;
    position: relative;
}

.beauty_client_left i {
    float: left;
    width: 36px;
    padding-top: 6px;
    font-size: 24px;
    color: #00aaef;
}

.beauty_client_right img {
    width: 80%;
    float: right;
    border-radius: 100%;
}

.beauty_lawyer_quote_wrapper {
    float: left;
    width: calc(100% - 60px);
}

.beauty_client_slider {
    padding-top: 40px;
}

    .beauty_client_slider .carousel-indicators li {
        position: relative;
        opacity: 1;
    }

        .beauty_client_slider .carousel-indicators li:after {
            content: '';
            position: absolute;
            left: 0;
            height: 100%;
            right: 0;
            top: 0;
            width: 100%;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            opacity: 0.8;
            border-radius: 100%;
        }

        .beauty_client_slider .carousel-indicators li.active:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: transparent;
            opacity: 0;
            border-radius: 100%;
        }
/**--- beauty_location_wrapper css ----**/

.beauty_location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .beauty_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .beauty_location_wrapper .response {
        color: #111;
    }

    .beauty_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.beauty_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.beauty_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.beauty_contect_btn {
    float: left;
    width: 100%;
}

    .beauty_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #00aaef;
        border: 1px solid #00aaef;
        color: #fff;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .beauty_contect_btn button:hover {
            background: transparent;
            color: #00aaef;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*------- partners wrapper css -----*/

.beauty_partner_wrapper {
    padding: 90px 0;
}

.beauty_pn_slider_wraper .item {
    width: 100%;
}

.beauty_pn_slider_wraper .owl-theme .owl-dots .owl-dot,
.beauty_pn_slider_wraper .owl-theme .owl-nav {
    display: none;
}

.beauty_pn_img_wrapper {
    text-align: center;
    float: left;
    width: 100%;
}

    .beauty_pn_img_wrapper img {
        width: auto !important;
        display: inline-block !important;
    }
/*------- footer wrapper css ------*/

.beauty_footer_wrapper {
    padding: 80px 0;
    padding-bottom: 60px;
    position: relative;
    background: #f7fcfe;
}

.beauty_footer_about_link_wrapper {
    padding-top: 30px;
}

.beauty_footer_shape_wrapper {
    position: absolute;
    bottom: -200px;
}

.tb_foter_left {
    float: left;
    width: 100%;
    text-align: center;
}

.beauty_footer_about_wrapper,
.wrapper_second_useful,
.wrapper_second_blog {
    float: left;
    width: 100%;
}

.beauty_footer_about_link_wrapper li i {
    margin-right: 10px;
}

.beauty_footer_about_link_wrapper li a {
    color: #797979;
    text-transform: capitalize;
}

.beauty_footer_about_wrapper .beauty_footer_about_link_wrapper li a {
    text-transform: capitalize;
}

    .beauty_footer_about_wrapper .beauty_footer_about_link_wrapper li a:hover {
        color: #00aaef;
    }

.beauty_footer_about_link_wrapper li {
    color: #797979;
    margin-bottom: 15px;
}

    .beauty_footer_about_link_wrapper li a:hover {
        color: #00aaef;
    }

.beauty_wrapper_first_image {
    padding-bottom: 20px;
}

.beauty_usefull_linkx li {
    margin-bottom: 10px;
}

.beauty_footer_abotus_content {
    float: left;
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #e2e2e2;
}

    .beauty_footer_abotus_content p {
        font-size: 16px;
        color: #797979;
    }

.beauty_btm_foter_box {
    float: left;
    width: 100%;
    padding-top: 25px;
    text-align: center;
    padding-bottom: 25px;
}

.beauty_usefull_linkx {
    padding: 0;
}

.beauty_footer_widget h4 {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 35px;
    padding-top: 24px;
}

.beauty_footer_blog_wrapper {
    padding-left: 20px;
}

.beauty_contect_form_footer input {
    width: 100%;
    height: 45px;
    color: #111;
    background: #fff;
    font-size: 16px;
    padding-left: 15px;
    margin-top: 8px;
    text-transform: capitalize;
    line-height: 45px;
    border-radius: 50px;
    border: 1px solid #e6e6e6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.beauty_footer_cont_btn li a {
    width: 160px;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    border: 1px solid transparent;
    text-transform: capitalize;
}

    .beauty_footer_cont_btn li a:hover {
        background: #fff;
        border: 1px solid #09abef;
    }

.beauty_btm_foter_box p {
    color: #797979;
    font-size: 16px;
    text-transform: capitalize;
}

button:focus {
    outline: none;
}

.beauty_btm_foter_box p a {
    color: #797979;
    margin-left: 2px;
}

    .beauty_btm_foter_box p a:hover {
        color: #00aaef;
    }

.beauty_menu_fixed .beauty_top_shape_wrapper svg {
    display: none;
}

.beauty_footer_contact_wrapper p {
    color: #797979;
}

.beauty_footer_cont_btn {
    margin-top: 20px;
    float: left;
    width: 100%;
}

    .beauty_footer_cont_btn a i {
        margin-right: 5px;
    }

.beauty_footer_bottom_wrapper {
    background: #e3f1f7;
}

.beauty_contect_form_footer input:focus {
    box-shadow: none;
    border: 1px solid #e6e6e6;
    outline: none;
}
/*********************** Business CSS Start ****************************/

.bussi_icon_svg {
    fill: #ff4a57;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bussi_shape_pos {
    position: relative;
}

.bussi_shape_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.bussi_img_shape {
    position: absolute;
}

.bussi_shape_pos .shape_one {
    left: 24%;
    top: 9%;
    animation: rotated 20s infinite linear;
}

.bussi_shape_pos .shape_two {
    left: 40%;
    top: 13%;
    animation: animationFramesOne 25s infinite linear;
}

.bussi_shape_pos .shape_three {
    right: 20%;
    top: 18%;
    animation: animationFramesTwo 30s alternate infinite linear;
}

.bussi_shape_pos .shape_four {
    right: 11%;
    top: 23%;
    animation: animationFramesThree 25s alternate infinite linear;
}

.bussi_shape_pos .shape_five {
    right: 40%;
    top: 36%;
    animation: rotated 15s infinite linear;
}

.bussi_shape_pos .shape_six {
    right: 3%;
    bottom: 11%;
    animation: animationFramesFour 25s infinite linear;
}

.bussi_shape_pos .shape_seven {
    right: 19%;
    bottom: 14%;
    animation: animationFramesFive 30s alternate infinite linear;
}

.bussi_shape_pos .shape_eight {
    right: 55%;
    bottom: 0;
    animation: rotated 12s infinite linear;
}

.bussi_shape_pos .shape_nine {
    left: 27%;
    bottom: 16%;
    animation: rotated 14s infinite linear;
}

.bussi_shape_pos .shape_ten {
    left: 15%;
    bottom: 26%;
    animation: animationFramesOne 25s infinite linear;
}

.bussi_shape_pos .shape_eleven {
    left: 4%;
    top: 41%;
    animation: rotated 14s infinite linear;
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg);
    }

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

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

@-webkit-keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

@keyframes animationFramesThree {
    0% {
        transform: translate(165px, -179px);
    }

    100% {
        transform: translate(-346px, 617px);
    }
}

@-webkit-keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(165px, -179px);
    }

    100% {
        -webkit-transform: translate(-346px, 617px);
    }
}

@keyframes animationFramesFour {
    0% {
        transform: translate(-300px, 151px) rotate(0deg);
    }

    100% {
        transform: translate(251px, -200px) rotate(180deg);
    }
}

@-webkit-keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(-300px, 151px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(251px, -200px) rotate(180deg);
    }
}

@keyframes animationFramesFive {
    0% {
        transform: translate(61px, -99px) rotate(0deg);
    }

    21% {
        transform: translate(4px, -190px) rotate(38deg);
    }

    41% {
        transform: translate(-139px, -200px) rotate(74deg);
    }

    60% {
        transform: translate(-263px, -164px) rotate(108deg);
    }

    80% {
        transform: translate(-195px, -49px) rotate(144deg);
    }

    100% {
        transform: translate(-1px, 0px) rotate(180deg);
    }
}

@-webkit-keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(61px, -99px) rotate(0deg);
    }

    21% {
        -webkit-transform: translate(4px, -190px) rotate(38deg);
    }

    41% {
        -webkit-transform: translate(-139px, -200px) rotate(74deg);
    }

    60% {
        -webkit-transform: translate(-263px, -164px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-195px, -49px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(-1px, 0px) rotate(180deg);
    }
}
/* bussi_header start */

.bussi_header {
    float: left;
    width: 100%;
    position: relative;
}

.bussi_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 40px;
    z-index: 1;
    width: 160px;
    text-align: center;
    background: #ff4a57;
    padding-bottom: 60px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.shape_top_bussi_header {
    position: absolute;
    left: 0;
    top: -100px;
    z-index: -1;
}
/* bussi_main_menu_wrapper start */

.bussi_main_menu_wrapper {
    float: right;
    padding-top: 40px;
}

    .bussi_main_menu_wrapper ul > li {
        float: left;
        margin-right: 15px;
    }

        .bussi_main_menu_wrapper ul > li > a {
            color: #000;
            font-size: 16px;
            font-weight: 500;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .bussi_main_menu_wrapper ul > li > a:hover {
                color: #ff4a57;
            }

    .bussi_main_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #ff4a57;
    }

        .bussi_main_menu_wrapper ul > .active > a:focus,
        .bussi_main_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #ff4a57;
        }
/*bussi_menu_right_wrapper start*/

.bussi_menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.bussi_menu_right_wrapper .bussi_btn_style {
    line-height: 40px;
    width: 145px;
    height: 40px;
    float: left;
    background: #ff4a57;
    font-size: 16px;
    border: 1px solid #ff4a57;
    font-weight: 400;
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .bussi_menu_right_wrapper .bussi_btn_style:hover,
    .bussi_menu_right_wrapper .bussi_btn_style:focus {
        color: #ff4a57;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.bussi_serach-bussi_header {
    float: right;
    z-index: 1;
}

    .bussi_serach-bussi_header .bussi_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .bussi_serach-bussi_header .bussi_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.bussi_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 25px;
    border: 0;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}

.bussi_toggle_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.bussi_serach-bussi_header .bussi_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .bussi_serach-bussi_header .bussi_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #ff4a57;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .bussi_serach-bussi_header .bussi_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .bussi_serach-bussi_header .bussi_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 65%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #fff;
        border: 0;
        font-size: 20px;
    }

    .bussi_serach-bussi_header .bussi_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .bussi_serach-bussi_header .bussi_searchbox form::-webkit-input-placeholder {
        color: #fff;
    }

    .bussi_serach-bussi_header .bussi_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .bussi_serach-bussi_header .bussi_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

    .bussi_serach-bussi_header .bussi_searchbox form:-ms-input-placeholder {
        color: #fff;
    }

.bussi_search_wrap {
    float: left;
}
/* bussi_main_menu_wrapper end */

/* menu_fixed start */

.bussi_menu_fixed {
    position: fixed;
    background: #1d4076;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100px;
}

    .bussi_menu_fixed .bussi_logo_wrapper {
        background: none;
        padding-top: 27px;
    }

    .bussi_menu_fixed ul > li > a {
        color: #fff;
    }

        .bussi_menu_fixed ul > li > a:hover {
            color: #fff;
        }

    .bussi_menu_fixed ul > .active > a {
        color: #ff4a57;
    }

        .bussi_menu_fixed ul > .active > a:focus,
        .bussi_menu_fixed ul > .active > a:hover {
            color: #ff4a57;
        }

    .bussi_menu_fixed .bussi_btn_style {
        background: #ff4a57;
        color: #fff;
    }

        .bussi_menu_fixed .bussi_btn_style:hover {
            background: transparent;
            color: #fff;
            border: 1px solid #fff;
        }

    .bussi_menu_fixed .bussi_searchd {
        color: #fff;
    }
/* bussi_sidebar */

#bussi_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#bussi_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #bussi_toggle a {
        color: #fff;
    }

        #bussi_toggle a i:before {
            font-weight: 600;
            font-size: 22px;
        }

#bussi_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #bussi_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #bussi_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #bussi_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #bussi_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

        #bussi_cssmenu ul ul li a {
            padding: 14px 26px;
            cursor: pointer;
            z-index: 2;
            font-size: 16px;
            text-decoration: none;
            color: #060606;
            text-transform: capitalize;
            background: transparent;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #bussi_cssmenu ul ul ul li a {
            padding-left: 32px;
        }

        #bussi_cssmenu ul ul li a:hover {
            color: #fa5b41;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #bussi_cssmenu ul ul li a i {
            margin-right: 10px;
        }

    #bussi_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #bussi_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #bussi_cssmenu ul > li.has-sub.open > a:after,
    #bussi_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #bussi_cssmenu > ul > li.active > ul {
        display: block;
    }

    #bussi_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #bussi_cssmenu > ul > li > a:hover {
            color: #ff4a57;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

#bussi_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.bussi_bussi_sidebar_logo img {
    padding-top: 20px;
    padding-left: 16px;
}

#bussi_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#bussi_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#bussi_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.bussi_main_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1.5px;
    width: 0;
    left: 0;
    bottom: 12px;
    right: 0;
    margin: 0px auto;
    background: #ff4a57;
    visibility: hidden;
    transition: all 0.5s;
}

.bussi_main_menu_wrapper ul > li > a:hover:before {
    width: 35px;
    visibility: visible;
}

.bussi_main_menu_wrapper ul > .active > a:before {
    width: 35px;
    visibility: visible;
}
/*----- bussi_slider_area start --------*/

.bussi_slider_area {
    float: left;
    width: 100%;
    position: relative;
    background: #1d4076;
    padding-bottom: 130px;
}

.bussi_banner_shape_wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.bussi_banner_left_img {
    position: absolute;
    top: 0;
    left: 0;
}

.bussi_banner_wrapper {
    float: left;
    width: 100%;
    padding-top: 150px;
}

.bussi_banner_cntnt {
    overflow: hidden;
    float: left;
    width: 100%;
}

    .bussi_banner_cntnt h1 {
        color: #fff;
        margin-bottom: 20px;
        text-transform: capitalize;
        font-size: 54px;
        line-height: 70px;
        font-weight: 600;
        animation-delay: 1.0s;
    }

    .bussi_banner_cntnt p {
        font-family: 'Poppins';
        color: #fff;
        opacity: 0.9;
        font-size: 18px;
        line-height: 30px;
        animation-delay: 1.6s;
    }

.bussi_banner_btn {
    float: left;
    width: 100%;
    margin-top: 30px;
    animation-delay: 2.2s;
}

    .bussi_banner_btn ul li {
        float: left;
    }

        .bussi_banner_btn ul li:last-child a {
            display: inline-block;
            font-family: 'Lato';
            font-size: 18px;
            font-weight: 700;
            color: #ff4a57;
            text-align: center;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

            .bussi_banner_btn ul li:last-child a span {
                float: left;
                padding-top: 15px;
                padding-left: 10px;
            }

            .bussi_banner_btn ul li:last-child a:hover {
                color: #fff;
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }

.bussi_home_banner_scroll {
    float: left;
    width: 100%;
    padding-top: 50px;
    animation-delay: 2.5s;
}

    .bussi_home_banner_scroll a span {
        float: left;
        padding-right: 30px;
        font-size: 16px;
        color: #fff;
        line-height: 70px;
    }

.bussi_const_mouse {
    width: 35px;
    height: 60px;
    display: inline-block;
    border-radius: 35px;
    border: 2px solid #fff;
    -webkit-animation: intro 1s;
    animation: intro 1s;
}

.bussi_const_mouse_scroll {
    display: block;
    width: 5px;
    height: 5px;
    margin: 6px auto;
    border-radius: 4px;
    background: #fff;
    -webkit-animation: finger 1s infinite;
    animation: finger 1s infinite;
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes finger {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.bussi_btn_icon {
    float: left;
    margin-left: 20px;
    width: 55px;
    height: 55px;
    border: 8px solid rgba(255, 255, 255, 0.18);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    .bussi_btn_icon i {
        width: 40px;
        height: 40px;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        background: #ff4a57;
        color: #fff;
        float: left;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.bussi_banner_wrapper .bussi_btn_style {
    background: #fff;
    color: #ff4a57;
    border: 1px solid transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .bussi_banner_wrapper .bussi_btn_style:hover {
        background: #ff4a57;
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.bussi_banner_image {
    float: right;
    background-image: url(../images/business/banner_img.jpg);
    background-position: center 0;
    background-size: cover;
    position: relative;
    width: 450px;
    height: 450px;
    line-height: 450px;
    border-radius: 50%;
    box-shadow: 0px 0 15px 40px rgba(255, 255, 255, 0.05);
}

.bussi_play_trigger {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 20px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -30px;
    margin-top: -30px;
    border: 0;
    background: #ff4a57;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s linear;
}

    .bussi_play_trigger:hover,
    .bussi_play_trigger:focus {
        color: #fff;
        background: #1d4076;
    }

    .bussi_play_trigger i {
        margin-left: 5px;
    }

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}
/*------ bussi_slider_area end -------*/

/*----- slider_bottom_wrapper start --------*/

.bussi_services_wrapper {
    float: left;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.bussi_service_image {
    float: left;
    width: 100%;
}

    .bussi_service_image img {
        width: 100%;
    }

.bussi_service_box_wrapper {
    float: left;
}

.bussi_service_box {
    float: left;
    width: 255px;
    height: 260px;
    padding: 85px 15px 30px 20px;
    position: relative;
    border: 1px solid #ff4a57;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .bussi_service_box:hover {
        border-color: #1d4076;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .bussi_service_box:hover .bussi_icon_svg {
            fill: #1d4076;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.bussi_box1,
.bussi_box3 {
    margin-right: 30px;
}

.bussi_box2,
.bussi_box4 {
    margin-top: 30px;
}

.bussi_icon_shape_wrapper {
    position: absolute;
    top: -1px;
    left: 0;
}

    .bussi_icon_shape_wrapper i:before {
        position: absolute;
        left: 15px;
        top: 14px;
        margin-left: 0;
        font-size: 30px;
        color: #fff;
    }

.bussi_service_box h4 {
    font-size: 20px;
    padding-bottom: 10px;
}

.bussi_service_box p {
    width: 213px;
}
/*----bussi_counter_section start --------*/

.bussi_counter_section {
    float: left;
    width: 100%;
    background: #1d4076;
    padding-bottom: 100px;
    padding-top: 60px;
    position: relative;
}

.counter_bussi_shape_wrapper {
    position: absolute;
    top: 0;
    left: -100px;
}

.bussi_counter_section .bussi_section_heading h2 {
    color: #fff;
}

.bussi_service_box h4 a:hover {
    color: #ff4a57;
}

.bussi_counter_section .bussi_section_heading h3 {
    color: #c0ccdf;
}

.bussi_counter_box {
    float: left;
    width: 33.33333333%;
    background: #fff;
    padding: 60px 40px 60px 40px;
}

.bussi_c_box1,
.bussi_c_box2 {
    border-right: 4px solid #ff4a57;
}

.bussi_counter_icon {
    float: left;
    padding-right: 15px;
}

.bussi_counter_text {
    float: left;
    text-align: left;
}

.bussi_counter_section i:before {
    float: left;
    margin-left: 0;
    padding-right: 5px;
    color: #ff4a57;
    font-size: 60px;
    line-height: 56px;
}

.bussi_counter_section .bussi_count-description {
    font-family: 'Lato';
    font-size: 28px;
    font-weight: 900;
    color: #1c2f4d;
}

.bussi_counter_section h4 a {
    font-family: 'Lato';
    color: #5f6e86;
    display: block;
    font-size: 18px;
    padding-top: 6px;
}
/*----- about_section css --------*/

.bussi_about_section {
    float: left;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 50px;
}

.bussi_about_second_wrapper {
    float: left;
    width: 100%;
}

.bussi_about_content_wrapper,
.bussi_about_image_wrapper {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

    .bussi_about_content_wrapper h2 {
        color: #1e3455;
        font-size: 26px;
        font-weight: 700;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .bussi_about_content_wrapper p {
        width: 475px;
        color: #475e81;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .bussi_about_content_wrapper li {
        font-size: 18px;
        margin-bottom: 18px;
    }

        .bussi_about_content_wrapper li a {
            color: #475e81;
        }

        .bussi_about_content_wrapper li i {
            margin-right: 10px;
        }

        .bussi_about_content_wrapper li a:hover {
            color: #ff4a57;
        }

    .bussi_about_content_wrapper a {
        margin-top: 10px;
    }
/*-------- testimonial_section css ------*/

.bussi_testimonial_section {
    float: left;
    width: 100%;
    background: #1d4076;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
}

.bussi_testi_shape_wrapper {
    position: absolute;
    top: 70px;
    left: 0;
}

.bussi_testimonial_section .bussi_section_heading h2 {
    color: #fff;
}

.bussi_testimonial_section .bussi_section_heading h3 {
    color: #c0ccdf;
}

.bussi_testimonial_slider_wrapper {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.bussi_testimonial_wrapper {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 75px;
}

.bussi_quote_icon_wrapper {
    position: absolute;
    bottom: 0;
    right: 30px;
}

    .bussi_quote_icon_wrapper i:before {
        position: absolute;
        left: 25px;
        top: 24px;
        margin-left: 0;
        font-size: 30px;
        color: #fff;
    }

.bussi_testimonial_wrapper .bussi_testimonial_img_wrapper {
    left: 0;
    margin-bottom: -94px;
    position: absolute;
    bottom: 55%;
}

.bussi_testi_container {
    overflow: hidden;
}

.bussi_testimonial_slider_wrapper .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.bussi_testimonial_wrapper .bussi_quote-icon {
    position: absolute;
}

.bussi_testimonial_wrapper i:before {
    color: #ffffff;
    font-size: 30px;
    margin-left: 0px;
}

.bussi_testimonial_wrapper .bussi_testimonial_text_wrapper {
    background: #fff;
    padding: 40px 20px 40px 100px;
}

    .bussi_testimonial_wrapper .bussi_testimonial_text_wrapper p {
        width: 335px;
    }

.bussi_testimonial_wrapper .bussi_author {
    padding-top: 20px;
}

    .bussi_testimonial_wrapper .bussi_author h2 {
        color: #ff4a57;
        font-size: 22px;
        font-weight: 500;
    }

    .bussi_testimonial_wrapper .bussi_author h3 {
        color: #797979;
        font-family: 'Lato';
        font-size: 16px;
        padding-top: 10px;
    }

.bussi_testimonial_slider_wrapper .owl-theme .owl-nav {
    display: none;
}

.bussi_testimonial_slider_wrapper .owl-dots .owl-dot {
    display: inline-block;
    margin: 60px 0px 0;
}

.bussi_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    display: block;
    margin: 5px 7px;
    background: #d6d6d6;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bussi_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.bussi_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff4a57;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/*-------bussi_pricing_section start---------*/

.bussi_pricing_section {
    float: left;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

    .bussi_pricing_section .bussi_pricing-table-default {
        float: left;
        width: 100%;
        position: relative;
        padding: 60px 0 50px 0;
        border: 1px solid #cfcfcf;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.pricing_bussi_shape_wrapper {
    position: absolute;
    top: -1px;
    left: 0;
}

    .pricing_bussi_shape_wrapper i:before {
        position: absolute;
        left: 15px;
        top: 14px;
        margin-left: 0;
        font-size: 30px;
        color: #fff;
    }

.bussi_pricing_section .bussi_pricing-table-default:hover {
    background: #ff4a57;
    border-color: #ff4a57;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .bussi_pricing_section .bussi_pricing-table-default:hover h3,
    .bussi_pricing_section .bussi_pricing-table-default:hover h2,
    .bussi_pricing_section .bussi_pricing-table-default:hover .price,
    .bussi_pricing_section .bussi_pricing-table-default:hover .bussi_pricing-list li {
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .bussi_pricing_section .bussi_pricing-table-default:hover .bussi_icon_svg {
        fill: #1d4076;
    }

.bussi_pricing_section .bussi_pricing-table-default h3 {
    font-size: 16px;
    font-weight: 600;
    color: #ff4a57;
    letter-spacing: 4px;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bussi_pricing_section .bussi_pricing-table-default h2 {
    font-size: 34px;
    font-weight: 500;
    padding-bottom: 40px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bussi_pricing_section .bussi_pricing-table-default .price {
    display: block;
    color: #1d4076;
    font-weight: 700;
    font-size: 30px;
    padding-top: 40px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bussi_pricing_section .bussi_pricing-list li {
    padding-bottom: 10px;
    font-family: 'Lato';
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .bussi_pricing_section .bussi_pricing-list li:last-child {
        padding-bottom: 0px;
    }

.bussi_pricing_section .bussi_btn_style {
    margin-top: 40px;
}

.bussi_pricing_section .bussi_pricing-table-default:hover .bussi_btn_style {
    background: #1d4076;
    border: 1px solid #1d4076;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/*------- pricing list -------*/

/*------ bussi_pricing_section end --------*/

/**----- bussi_location_wrapper css -------**/

.bussi_location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .bussi_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .bussi_location_wrapper .response {
        color: #111;
    }

    .bussi_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.bussi_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.bussi_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.bussi_contect_btn {
    float: left;
    width: 100%;
}

    .bussi_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #ff4a57;
        color: #fff;
        border: 1px solid #ff4a57;
        text-align: center;
        line-height: 42px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .bussi_contect_btn button:hover {
            background: transparent;
            color: #ff4a57;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.bussi_footer_top_wrapper {
    float: left;
    width: 100%;
    background: #ff4a57;
    padding-top: 50px;
    padding-bottom: 50px;
}

.bussi_footer_top_content {
    float: left;
    width: 100%;
}

    .bussi_footer_top_content h2 {
        font-size: 34px;
        color: #fff;
        padding-bottom: 5px;
    }

    .bussi_footer_top_content p {
        font-size: 20px;
        color: #fff;
    }

.bussi_footer_top_btn {
    float: left;
    width: 100%;
}

    .bussi_footer_top_btn .bussi_btn_style {
        float: right;
        background: #1d4076;
        position: relative;
        z-index: 10;
        border: 1px solid #1d4076;
        margin-top: 13px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .bussi_footer_top_btn .bussi_btn_style:hover,
        .bussi_footer_top_btn .bussi_btn_style:focus {
            background: transparent;
            color: #1d4076;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*----- bussi_footer start -------*/

.bussi_footer {
    float: left;
    width: 100%;
    background: #1d4076;
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
}

    .bussi_footer h4 {
        font-size: 24px;
        color: #fff;
        padding-bottom: 40px;
    }

.bussi_footer_shape_wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.bussi_footer_about_wrapper p {
    color: #fff;
    width: 285px;
}

.bussi_footer_logo_wrapper {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

    .bussi_footer_logo_wrapper img {
        display: inline-block;
    }

.bussi_footer_menu_wrapper {
    float: left;
    width: 100%;
}

    .bussi_footer_menu_wrapper li {
        float: left;
        width: 50%;
        margin-bottom: 15px;
    }

        .bussi_footer_menu_wrapper li:last-child {
            margin-bottom: 0;
        }

        .bussi_footer_menu_wrapper li i {
            margin-right: 5px;
        }

        .bussi_footer_menu_wrapper li a {
            color: #fff;
        }

            .bussi_footer_menu_wrapper li a:hover {
                color: #ff4a57;
            }

.bussi_footer_social_wrapper {
    float: left;
    width: 100%;
    padding-top: 30px;
}

    .bussi_footer_social_wrapper li {
        float: left;
        margin-left: 15px;
    }

        .bussi_footer_social_wrapper li:first-child {
            margin-left: 0;
        }

        .bussi_footer_social_wrapper li a {
            float: left;
            width: 35px;
            height: 35px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            color: #fff;
            text-align: center;
            line-height: 35px;
            font-size: 14px;
        }

.facebook {
    background: #3e5b99;
    border: 1px solid #3e5b99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.twitter {
    background: #1da1f2;
    border: 1px solid #1da1f2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pinterest {
    background: #bd081c;
    border: 1px solid #bd081c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.linkedin {
    background: #0073b1;
    border: 1px solid #0073b1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.facebook:hover {
    background: transparent;
    color: #3e5b99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.twitter:hover {
    background: transparent;
    color: #1da1f2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.linkedin:hover {
    background: transparent;
    color: #0073b1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pinterest:hover {
    background: transparent;
    color: #bd081c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.bussi_footer_copyright {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 33px;
    margin-top: 50px;
    text-align: center;
}

    .bussi_footer_copyright p {
        color: #fff;
    }

    .bussi_footer_copyright a {
        color: #ff4a57;
    }

        .bussi_footer_copyright a:hover {
            color: #fff;
        }

.bussi_footer_contact_wrapper {
    float: left;
    width: 100%;
}

    .bussi_footer_contact_wrapper .form,
    .bussi_footer_contact_wrapper .form-group {
        margin-bottom: 20px;
    }

    .bussi_footer_contact_wrapper input {
        display: inline-block;
        width: 325px;
        text-align: center;
        height: 46px;
        background: #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 0;
        padding: 17px 10px;
        font-size: 16px;
        color: #60779b;
    }

        .bussi_footer_contact_wrapper input::-webkit-input-placeholder,
        .bussi_footer_contact_wrapper input:-moz-placeholder,
        .bussi_footer_contact_wrapper input:-ms-input-placeholder {
            color: #60779b;
        }

    .bussi_footer_contact_wrapper .response {
        color: #fff;
        padding-bottom: 5px;
    }

    .bussi_footer_contact_wrapper .bussi_btn_style {
        width: 325px;
        border: 1px solid #ff4a57;
        cursor: pointer;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .bussi_footer_contact_wrapper .bussi_btn_style:hover,
        .bussi_footer_contact_wrapper .bussi_btn_style:focus {
            background: transparent;
            border: 1px solid #ff4a57;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }
/*----- bussi_footer end -------*/

/*********************** Construction 01 CSS Start ****************************/

/* const_header start */

.const_header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.const_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 27px;
    padding-left: 15px;
    z-index: 1;
}

.res_logo_wrapper {
    float: left;
    display: none;
    padding-top: 27px;
    padding-left: 15px;
}

.const_top_shape_wrapper {
    position: absolute;
    top: -65px;
    left: -62px;
    z-index: 1;
}

.shape_top_const_header {
    position: absolute;
    left: 0;
    top: -100px;
    z-index: -1;
}
/* const_main_menu_wrapper start */

.const_main_menu_wrapper {
    float: right;
    padding-top: 40px;
}

    .const_main_menu_wrapper ul > li {
        float: left;
        margin-right: 15px;
    }

        .const_main_menu_wrapper ul > li > a {
            color: #000;
            font-size: 16px;
            font-weight: 500;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .const_main_menu_wrapper ul > li > a:hover {
                color: #ff6666;
            }

    .const_main_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #ff6666;
    }

        .const_main_menu_wrapper ul > .active > a:focus,
        .const_main_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #ff6666;
        }
/*const_menu_right_wrapper start*/

.const_menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.const_menu_right_wrapper .const_btn_style {
    line-height: 36px;
    width: 160px;
    height: 40px;
    float: left;
    background: #fead41;
    font-size: 16px;
    border: 1px solid #fead41;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .const_menu_right_wrapper .const_btn_style:hover,
    .const_menu_right_wrapper .const_btn_style:focus {
        color: #fead41;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.const_menu_top_wrapper {
    float: right;
    width: auto;
    padding: 0 10px 0 0;
}

.const_menu_right_wrapper p {
    padding: 8px 25px;
    float: left;
    color: #111;
    font-weight: 500;
}
/*-- search Start --*/

.const_serach_header {
    float: right;
    z-index: 1;
}

    .const_serach_header .const_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .const_serach_header .const_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.const_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 15px;
    border: 0;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}

.const_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.const_serach_header .const_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .const_serach_header .const_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #ff4a57;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .const_serach_header .const_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .const_serach_header .const_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 65%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #fff;
        cursor: pointer;
        border: 0;
        font-size: 20px;
    }

    .const_serach_header .const_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

    .const_serach_header .const_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .const_serach_header .const_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

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

.const_search_wrap {
    float: left;
}
/* const_main_menu_wrapper end */

/* menu_fixed start */

.const_menu_fixed {
    position: fixed;
    background: #fead41;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100px;
    border-bottom: 1px solid #000;
}

    .const_menu_fixed ul > li > a {
        color: #fff;
    }

    .const_menu_fixed .const_top_shape_wrapper svg {
        display: none;
    }

    .const_menu_fixed ul > li > a:hover {
        color: #fff;
    }

    .const_menu_fixed ul > .active > a {
        color: #ff6666;
    }

        .const_menu_fixed ul > .active > a:focus,
        .const_menu_fixed ul > .active > a:hover {
            color: #ff6666;
        }

    .const_menu_fixed .const_btn_style {
        background: #ff6666;
        color: #fff;
    }

        .const_menu_fixed .const_btn_style:hover {
            background: transparent;
            color: #ff6666;
            border: 1px solid #ff6666;
        }

    .const_menu_fixed .const_searchd,
    .const_menu_fixed .const_menu_right_wrapper p {
        color: #fff;
    }

    .const_menu_fixed .const_logo_wrapper {
        display: none;
    }

    .const_menu_fixed .res_logo_wrapper {
        display: block;
    }
/* const_sidebar */

#const_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#const_toggle {
    float: right;
    width: auto;
    padding-top: 5px;
    cursor: pointer;
}

    #const_toggle a {
        color: #111;
    }

        #const_toggle a i:before {
            font-weight: 600;
            font-size: 22px;
        }

#const_cssmenur {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #const_cssmenur ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #const_cssmenur .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #const_cssmenur img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #const_cssmenur ul ul {
        display: none;
        padding-left: 20px;
    }

        #const_cssmenur ul ul li a {
            padding: 14px 26px;
            cursor: pointer;
            z-index: 2;
            font-size: 16px;
            text-decoration: none;
            color: #060606;
            text-transform: capitalize;
            background: transparent;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #const_cssmenur ul ul ul li a {
            padding-left: 32px;
        }

        #const_cssmenur ul ul li a:hover {
            color: #fa5b41;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #const_cssmenur ul ul li a i {
            margin-right: 10px;
        }

    #const_cssmenur ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #const_cssmenur ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #const_cssmenur ul > li.has-sub.open > a:after,
    #const_cssmenur ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #const_cssmenur > ul > li.active > ul {
        display: block;
    }

    #const_cssmenur > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #const_cssmenur > ul > li > a:hover {
            color: #ff4a57;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

#const_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.const_sidebar_logo img {
    padding-top: 25px;
    padding-left: 20px;
}

#const_cssmenur ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#const_cssmenur ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#const_cssmenur li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}
/*----- slider_area start --------*/

.const_banner_wrapper {
    float: left;
    background: #fead41;
    width: 100%;
    padding: 150px 0;
    padding-bottom: 50px;
    position: relative;
    margin-top: -95px;
}

.const_banner_shape_wrapper {
    position: absolute;
    top: -14%;
    right: -163px;
}

.const_banner_cntnt {
    overflow: hidden;
    float: left;
    width: 100%;
    padding-top: 125px;
}

    .const_banner_cntnt h1 {
        color: #fff;
        margin-bottom: 20px;
        text-transform: capitalize;
        font-size: 54px;
        line-height: 70px;
        font-weight: 600;
        animation-delay: 1.0s;
    }

    .const_banner_cntnt p {
        font-family: 'Poppins';
        color: #fff;
        opacity: 0.9;
        font-size: 18px;
        line-height: 30px;
        animation-delay: 1.6s;
    }

.const_banner_btn {
    float: left;
    width: 100%;
    margin-top: 30px;
    animation-delay: 2.2s;
}

    .const_banner_btn ul li {
        float: left;
    }

        .const_banner_btn ul li:last-child a {
            display: inline-block;
            font-family: 'Lato';
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

            .const_banner_btn ul li:last-child a span {
                float: left;
                padding-top: 15px;
                padding-left: 10px;
            }

            .const_banner_btn ul li:last-child a:hover {
                color: #ff6666;
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }

.const_home_banner_scroll {
    float: left;
    width: 100%;
    padding-top: 130px;
    animation-delay: 2.5s;
}

    .const_home_banner_scroll a span {
        float: left;
        padding-right: 30px;
        font-size: 16px;
        color: #fff;
        line-height: 70px;
    }

.const_mouse {
    width: 35px;
    height: 60px;
    display: inline-block;
    border-radius: 35px;
    border: 2px solid #fff;
    -webkit-animation: intro 1s;
    animation: intro 1s;
}

.const_mouse_scroll {
    display: block;
    width: 5px;
    height: 5px;
    margin: 6px auto;
    border-radius: 4px;
    background: #fff;
    -webkit-animation: finger 1s infinite;
    animation: finger 1s infinite;
}

@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes finger {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.const_btn_icon {
    float: left;
    margin-left: 20px;
}

.const_banner_wrapper .const_btn_style {
    background: #fff;
    color: #ff6666;
    border: 1px solid transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .const_banner_wrapper .const_btn_style:hover {
        background: #ff6666;
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.const_banner_image {
    float: right;
}

.const_play_trigger {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 20px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 0;
    background: #ff4a57;
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    text-align: center;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s linear;
}

    .const_play_trigger:hover {
        color: #ff4a57;
        background: #fff;
    }

.pconst_play_trigger:focus {
    color: #ff4a57;
    background: #fff;
}

.const_play_trigger i {
    margin-left: 5px;
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
    }
}
/*------ slider_area end -------*/

/*----- slider_bottom_wrapper start --------*/

.const_services_wrapper {
    float: left;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 50px;
}

.const_service_image {
    text-align: center;
}

.const_service_box_wrapper {
    padding: 35px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .const_service_box_wrapper:hover {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .const_service_box_wrapper h1 a {
        font-size: 26px;
        text-transform: capitalize;
        font-weight: 500;
        padding: 15px 0;
        display: block;
    }

        .const_service_box_wrapper h1 a:hover {
            color: #ff6666;
        }

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

    .const_service_shape svg {
        width: 100%;
    }

.const_service_box_wrapper img {
    margin-bottom: 5px;
}
/*----const_counter_section start --------*/

.const_counter_section {
    float: left;
    width: 100%;
    background: #fead41;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
}

    .const_counter_section .const_section_heading h2 {
        color: #fff;
    }

        .const_counter_section .const_section_heading h2:after {
            background: rgba(255, 239, 239, 0.3);
        }

    .const_counter_section .const_section_heading h3 {
        color: #c0ccdf;
    }

.const_counter_box {
    float: left;
    width: 33.33333333%;
    background: #fff;
    padding: 60px 40px 60px 40px;
}

.const_c_box1,
.const_c_box2 {
    border-right: 4px solid #ff6666;
}

.const_counter_icon {
    float: left;
    padding-right: 15px;
}

.const_counter_text {
    float: left;
    text-align: left;
    padding-left: 10px;
}

.const_counter_section i:before {
    float: left;
    margin-left: 0;
    padding-right: 5px;
    color: #ff6666;
    font-size: 60px;
    line-height: 56px;
}

.const_counter_section .const_count-description {
    font-family: 'Lato';
    font-size: 28px;
    font-weight: 900;
    color: #1c2f4d;
}

.const_counter_section h4 a {
    font-family: 'Lato';
    color: #5f6e86;
    display: block;
    font-size: 18px;
    padding-top: 6px;
}
/*----- const_about_section css --------*/

.const_about_section {
    float: left;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 40px;
}

.about_second_wrapper {
    float: left;
    width: 100%;
}

.const_about_content_wrapper {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.const_about_image_wrapper {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

    .const_about_image_wrapper img {
        position: relative;
        z-index: 1;
    }

    .const_about_image_wrapper svg {
        position: absolute;
        right: 10px;
        bottom: 0;
        width: 520px;
    }

.const_about_content_wrapper h2 {
    text-align: left;
}

.const_about_content_wrapper .const_section_heading {
    padding-bottom: 25px;
}

    .const_about_content_wrapper .const_section_heading h2:after {
        content: '';
        position: absolute;
        bottom: -7px;
        width: 200px;
        height: 8px;
        background: #ffefef;
        left: 0;
        right: 0;
        margin: 0;
    }

.const_about_content_wrapper p {
    width: 475px;
    color: #797979;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}

.const_about_content_wrapper li {
    font-size: 18px;
    margin-bottom: 18px;
    font-family: 'Lato';
}

    .const_about_content_wrapper li a {
        color: #111;
        text-transform: capitalize;
    }

    .const_about_content_wrapper li i {
        font-size: 14px;
        margin-right: 10px;
        color: #fead41;
    }

    .const_about_content_wrapper li a:hover {
        color: #ff6666;
    }

.const_about_content_wrapper a {
    margin-top: 10px;
}
/*-------- const_testimonial_section css ------*/

.const_testimonial_section {
    float: left;
    width: 100%;
    background: #ffefef;
    padding-bottom: 90px;
    padding-top: 100px;
    position: relative;
}

    .const_testimonial_section .const_section_heading h2 {
        color: #111;
    }

        .const_testimonial_section .const_section_heading h2:after {
            background: #fff;
        }

    .const_testimonial_section .const_section_heading h3 {
        color: #c0ccdf;
    }

.const_testimonial_slider_wrapper {
    float: left;
    width: 100%;
}

.const_testimonial_wrapper {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 45px;
}

.const_quote_icon_wrapper {
    position: absolute;
    bottom: 0;
    right: 30px;
}

    .const_quote_icon_wrapper i:before {
        position: absolute;
        left: 25px;
        top: 24px;
        margin-left: 0;
        font-size: 30px;
        color: #fff;
    }

.const_testimonial_wrapper .const_testimonial_img_wrapper {
    left: 0;
    margin-bottom: -94px;
    position: absolute;
    bottom: 55%;
}

.testi_container {
    overflow: hidden;
}

.const_testimonial_slider_wrapper .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.const_testimonial_wrapper .quote-icon {
    position: absolute;
}

.const_testimonial_wrapper i:before {
    color: #ffffff;
    font-size: 30px;
    margin-left: 0px;
}

.const_testimonial_wrapper .const_testimonial_text_wrapper {
    background: #fff;
    padding: 40px 20px 40px 40px;
}

    .const_testimonial_wrapper .const_testimonial_text_wrapper p {
        width: 335px;
    }

.const_testimonial_wrapper .const_author {
    padding-top: 20px;
}

    .const_testimonial_wrapper .const_author h2 {
        color: #fead41;
        font-size: 22px;
        font-weight: 500;
    }

    .const_testimonial_wrapper .const_author h3 {
        color: #797979;
        font-family: 'Lato';
        font-size: 16px;
        padding-top: 10px;
    }

.const_testimonial_slider_wrapper .owl-theme .owl-nav {
    display: none;
}

.const_testimonial_slider_wrapper .owl-dots .owl-dot {
    display: inline-block;
    margin: 60px 0px 0;
}

.const_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    display: block;
    margin: 5px 7px;
    background: #d6d6d6;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.const_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.const_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
    background: #fead41;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/*-------const_pricing_section start---------*/

.const_pricing_section {
    float: left;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

    .const_pricing_section .const_pricing-table-default {
        float: left;
        width: 100%;
        position: relative;
        padding: 60px 0 50px 0;
        border: 1px solid #cfcfcf;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .const_pricing_section .const_pricing-table-default:hover {
            background: #fead41;
            border-color: #fead41;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

            .const_pricing_section .const_pricing-table-default:hover h3,
            .const_pricing_section .const_pricing-table-default:hover h2,
            .const_pricing_section .const_pricing-table-default:hover .price,
            .const_pricing_section .const_pricing-table-default:hover .const_pricing-list li {
                color: #fff;
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }

            .const_pricing_section .const_pricing-table-default:hover .icon_svg {
                fill: #1d4076;
            }

        .const_pricing_section .const_pricing-table-default h3 {
            font-size: 16px;
            font-weight: 600;
            color: #fead41;
            letter-spacing: 4px;
            margin-bottom: 10px;
            text-transform: uppercase;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .const_pricing_section .const_pricing-table-default h2 {
            font-size: 34px;
            font-weight: 500;
            padding-bottom: 40px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .const_pricing_section .const_pricing-table-default .price {
            display: block;
            color: #111;
            font-weight: 700;
            font-size: 30px;
            padding-top: 40px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    .const_pricing_section .const_pricing-list li {
        padding-bottom: 10px;
        font-family: 'Lato';
        font-size: 20px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .const_pricing_section .const_pricing-list li:last-child {
            padding-bottom: 0px;
        }

    .const_pricing_section .const_btn_style {
        margin-top: 40px;
    }
/*------- pricing list -------*/

/*------ const_pricing_section end --------*/

/**------- const_faq_wrapper css --------**/

.const_faq_wrapper {
    background: #fead41;
    padding-top: 100px;
    padding-bottom: 100px;
}

.const_accordian_text_wraper h2 {
    color: #fff;
    padding-bottom: 30px;
    font-size: 40px;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
}

.const_accordian_text_wraper p {
    font-size: 18px;
    color: #fff;
    padding-bottom: 30px;
    width: 460px;
}

.const_accordian_wraper #accordion .card {
    background: #fead41;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.const_card_pagee {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.const_accordian_wraper #accordion .const_card_pagee h5 {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

.const_accordian_wraper #accordion .card-body {
    float: left;
    width: 100%;
    color: #fff;
    padding: 20px;
    background: #fead41;
    border: 0;
}

    .const_accordian_wraper #accordion .card-body .card_cntnt {
        float: left;
        width: 100%;
    }

.const_accordian_wraper #accordion[data-toggle="collapse"].collapsed:after {
    content: "\2212";
}

.const_accordian_wraper #accordion[data-toggle="collapse"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\2212";
    position: absolute;
    font-size: 26px;
    background: #ff6666;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    top: 0;
    right: 0;
}

.const_accordian_wraper #accordion .const_card_pagee a {
    color: #ff6666;
    background-color: #ffff;
    display: block;
    padding: 13px 18px;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .const_accordian_wraper #accordion .const_card_pagee a.collapsed {
        color: #000000;
        background-color: #ffefef;
        display: block;
        padding: 13px 18px;
        border: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .const_accordian_wraper #accordion .const_card_pagee a:after {
        color: #fff;
    }

    .const_accordian_wraper #accordion .const_card_pagee a.collapsed:after {
        content: "+";
        color: #000000;
        float: right;
    }
/**----- const_location_wrapper css -------**/

.const_location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .const_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .const_location_wrapper .response {
        color: #111;
    }

    .const_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.const_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.const_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.const_contect_btn {
    float: left;
    width: 100%;
}

    .const_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #ff6666;
        color: #fff;
        border: 1px solid #ff6666;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .const_contect_btn button:hover {
            background: transparent;
            color: #ff6666;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*----- const_footer start -------*/

.const_footer {
    float: left;
    width: 100%;
    background: #fead41;
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
}

    .const_footer h4 {
        font-size: 24px;
        color: #fff;
        padding-bottom: 40px;
    }

.const_footer_about_wrapper p {
    color: #fff;
    width: 285px;
}

.const_footer_const_logo_wrapper {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

    .const_footer_const_logo_wrapper img {
        display: inline-block;
    }

.const_footer_menu_wrapper {
    float: left;
    width: 100%;
}

    .const_footer_menu_wrapper li {
        float: left;
        width: 50%;
        margin-bottom: 15px;
    }

        .const_footer_menu_wrapper li:last-child {
            margin-bottom: 0;
        }

        .const_footer_menu_wrapper li i {
            margin-right: 5px;
        }

        .const_footer_menu_wrapper li a {
            color: #fff;
        }

            .const_footer_menu_wrapper li a:hover {
                color: #ff4a57;
            }

.const_footer_social_wrapper {
    float: left;
    width: 100%;
    padding-top: 30px;
}

    .const_footer_social_wrapper li {
        float: left;
        margin-left: 15px;
    }

        .const_footer_social_wrapper li:first-child {
            margin-left: 0;
        }

        .const_footer_social_wrapper li a {
            float: left;
            width: 35px;
            height: 35px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            color: #fff;
            text-align: center;
            line-height: 35px;
            font-size: 14px;
        }

.const_facebook {
    background: #3e5b99;
    border: 1px solid #3e5b99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_twitter {
    background: #1da1f2;
    border: 1px solid #1da1f2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_pinterest {
    background: #bd081c;
    border: 1px solid #bd081c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_linkedin {
    background: #0073b1;
    border: 1px solid #0073b1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_facebook:hover {
    background: transparent;
    color: #3e5b99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_twitter:hover {
    background: transparent;
    color: #1da1f2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_linkedin:hover {
    background: transparent;
    color: #0073b1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_pinterest:hover {
    background: transparent;
    color: #bd081c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const_footer_copyright {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    padding-top: 33px;
    margin-top: 50px;
    text-align: center;
}

    .const_footer_copyright p {
        color: #fff;
    }

    .const_footer_copyright a {
        color: #fff;
    }

        .const_footer_copyright a:hover {
            color: #ff4a57;
        }

.const_footer_contact_wrapper {
    float: left;
    width: 100%;
}

    .const_footer_contact_wrapper .form,
    .const_footer_contact_wrapper .form-group {
        margin-bottom: 20px;
    }

    .const_footer_contact_wrapper input {
        display: inline-block;
        width: 325px;
        text-align: center;
        height: 46px;
        background: #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 0;
        padding: 17px 10px;
        font-size: 16px;
        color: #60779b;
    }

        .const_footer_contact_wrapper input::-webkit-input-placeholder,
        .const_footer_contact_wrapper input:-moz-placeholder,
        .const_footer_contact_wrapper input:-ms-input-placeholder {
            color: #60779b;
        }

    .const_footer_contact_wrapper .response {
        color: #fff;
        padding-bottom: 5px;
    }

    .const_footer_contact_wrapper .const_btn_style {
        width: 325px;
        border: 1px solid #ff4a57;
        cursor: pointer;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .const_footer_contact_wrapper .const_btn_style:hover,
        .const_footer_contact_wrapper .const_btn_style:focus {
            background: transparent;
            border: 1px solid #ff4a57;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }
/*----- const_footer end -------*/

/*********************** Construction 02 CSS Start ****************************/

/*---------- const2_header start --------*/

.const2_header {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}

.const2_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 27px;
}
/* const2_main_menu_wrapper start */

.const2_main_menu_wrapper {
    float: right;
    padding-top: 40px;
}

    .const2_main_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .const2_main_menu_wrapper ul > li > a {
            color: #111;
            font-size: 16px;
            font-weight: 500;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

    .const2_main_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #111;
    }

        .const2_main_menu_wrapper ul > .active > a:focus,
        .const2_main_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #111;
        }
/*const2_menu_right_wrapper start*/

.const2_menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.const2_menu_right_wrapper .const2_btn_style {
    line-height: 36px;
    width: 145px;
    height: 40px;
    float: left;
    background: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    font-weight: 400;
    color: #ffc13b;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .const2_menu_right_wrapper .const2_btn_style:hover,
    .const2_menu_right_wrapper .const2_btn_style:focus {
        color: #fff;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.const2_serach_header {
    float: right;
    z-index: 1;
}

    .const2_serach_header .const2_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .const2_serach_header .const2_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.const2_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 30px;
    border: 0;
    color: #111;
    font-size: 14px;
    cursor: pointer;
}

.const2_searchd_bar {
    background: transparent;
    padding-top: 7px;
    padding-right: 15px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.const2_serach_header .const2_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .const2_serach_header .const2_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #ffc13b;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .const2_serach_header .const2_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .const2_serach_header .const2_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 65%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #fff;
        border: 0;
        font-size: 20px;
    }

    .const2_serach_header .const2_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

    .const2_serach_header .const2_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .const2_serach_header .const2_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

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

.const2_search_wrap {
    float: left;
}
/* const2_main_menu_wrapper end */

/* const2_menu_fixed start */

.const2_menu_fixed {
    position: fixed;
    top: -5px;
    left: 0;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    right: 0;
    z-index: 100;
    padding-bottom: 22px;
}

    .const2_menu_fixed .logo_shape_wrapper {
        display: none;
    }

.const2_header .const2_menu_fixed_logo {
    display: none;
}

.const2_menu_fixed .const2_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.const2_menu_fixed .const2_btn_style {
    background: #ffc13b;
    color: #fff;
}

    .const2_menu_fixed .const2_btn_style:hover {
        background: transparent;
        color: #ffc13b;
        border: 1px solid #ffc13b;
    }
/* const2_sidebar */

#const2_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#const2_toggle {
    float: right;
    width: auto;
    padding-top: 3px;
    cursor: pointer;
}

    #const2_toggle a {
        color: #111;
    }

        #const2_toggle a i:before {
            font-weight: 600;
            font-size: 22px;
        }

#const2_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #const2_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #const2_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #const2_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #const2_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

        #const2_cssmenu ul ul li a {
            padding: 14px 26px;
            cursor: pointer;
            z-index: 2;
            font-size: 16px;
            text-decoration: none;
            color: #060606;
            text-transform: capitalize;
            background: transparent;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #const2_cssmenu ul ul ul li a {
            padding-left: 32px;
        }

        #const2_cssmenu ul ul li a:hover {
            color: #fa5b41;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #const2_cssmenu ul ul li a i {
            margin-right: 10px;
        }

    #const2_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #const2_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #const2_cssmenu ul > li.has-sub.open > a:after,
    #const2_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #const2_cssmenu > ul > li.active > ul {
        display: block;
    }

    #const2_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #const2_cssmenu > ul > li > a:hover {
            color: #ffc13b;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

#const2_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.const2_sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#const2_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#const2_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#const2_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.const2_main_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    margin: -0.5px;
    width: 0;
    top: 50%;
    left: 0;
    z-index: 100;
    background: #111;
    visibility: hidden;
    transition: all 0.5s;
}

.const2_main_menu_wrapper ul > li > a:hover:before {
    width: 100%;
    visibility: visible;
}

.const2_main_menu_wrapper ul > .active > a:before {
    width: 100%;
    visibility: visible;
}
/***------ slider wrapper css -------***/

.const2_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: -90px;
}

    .const2_slider_wrapper .carousel-inner .carousel-item .caption-1,
    .const2_slider_wrapper .carousel-inner .carousel-item .caption-2,
    .const2_slider_wrapper .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 850px;
    }

    .const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content {
        display: block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 240px;
        padding-bottom: 200px;
    }

        .const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content ul {
            display: inline-block;
        }

    .const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 100px;
    }

    .const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content h2 {
        color: #111;
        font-size: 50px;
        font-weight: 600;
        margin: 0 0 13px;
        animation-delay: 1.2s;
        text-transform: capitalize;
        line-height: 70px;
    }

    .const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content p {
        animation-delay: 1.5s;
        line-height: 30px;
        font-size: 18px;
    }

    .const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content li {
        animation-delay: 2.0s;
        float: left;
        margin-right: 30px;
    }

#const2_cssmenu .sidebb li:first-child {
    border-top: 1px solid #e6e6e6;
}

.const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content ul {
    margin-top: 40px;
}

.const2_slider_btn li a {
    width: 170px;
}

.const2_slider_main_img_wrapper {
    position: absolute;
    top: 140px;
    right: -100px;
}

.const2_slider_wrapper .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.const2_slider_btn {
    padding-left: 0;
    float: left;
}

.const2_work_process_img img {
    width: 100%;
}

.const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content li a {
    line-height: 42px;
    width: 160px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #ffc13b;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #ffc13b;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content h1 {
    color: #ffc13b;
    font-family: 'Playball', cursive;
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 15px;
    animation-delay: 0.5s;
    position: relative;
}

.const2_slider_wrapper .carousel-inner .carousel-item .carousel-captions .const2_content li a:hover {
    color: #ffc13b;
    background: transparent;
}

.const2_slider_wrapper .carousel-nevigation {
    position: absolute;
    bottom: 23%;
    float: left;
    z-index: 1;
    left: 396px;
}

    .const2_slider_wrapper .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #ffc13b;
        border: 0;
        color: #fff;
        border: 1px solid #ffc13b;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .const2_slider_wrapper .carousel-nevigation > .next {
        left: 65px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #ffc13b;
        border: 0;
        color: #fff;
        line-height: 47px;
        text-align: center;
        border: 1px solid #ffc13b;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.const2_top_righ_shape {
    position: absolute;
    top: -22px;
    right: 0;
}

.const2_slider_wrapper .carousel-nevigation > .next:hover,
.carousel-nevigation > .prev:hover {
    color: #ffc13b;
    background: transparent;
}

.const2_slider_wrapper .carousel-nevigation > .next i:before,
.carousel-nevigation > .prev i:before {
    font-size: 19px;
}

.const2_slider_wrapper .carousel-inner {
    overflow: visible;
}
/**---- const2_slider_bottom_wrapper css -------**/

.const2_slider_bottom_wrapper {
    padding-top: 128px;
    padding-bottom: 100px;
}

.const2_slider_bottom_img {
    float: right;
    position: relative;
}

    .const2_slider_bottom_img .image2 {
        position: absolute;
        top: -30px;
        left: -240px;
    }

.const2_slider_bottom_text h2 {
    font-size: 36px;
    padding-bottom: 30px;
}

.const2_slider_bottom_text .black_p {
    padding-bottom: 30px;
    color: #111;
}

.const2_slider_bottom_text .const2_btn_style {
    width: 150px;
    text-transform: capitalize;
    font-size: 16px;
    height: 45px;
    line-height: 42px;
    border: 1px solid #ffc13b;
}
/**---- newsletter wrapper css -------**/

.const2_newsletter_wrapper {
    padding: 50px 0;
    background: #f9f9f9;
    position: relative;
    margin-top: 50px;
}

.const2_newslwtteter_left {
    float: left;
    width: 80%;
    padding-left: 250px;
}

    .const2_newslwtteter_left p {
        color: #111;
    }

    .const2_newslwtteter_left h2 {
        font-size: 26px;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 20px;
    }

.const2_news_img_wrapper {
    position: absolute;
    left: 0;
    top: -44px;
}

    .const2_news_img_wrapper img {
        width: 100%;
    }

.const2_newslwtteter_button {
    float: left;
    width: 20%;
    margin-top: 20px;
}

    .const2_newslwtteter_button .const2_work_btn_style {
        float: right;
        margin: 0;
    }

        .const2_newslwtteter_button .const2_work_btn_style a {
            width: 150px;
            text-transform: capitalize;
            font-size: 16px;
            height: 45px;
            line-height: 42px;
            border: 1px solid #ffc13b;
        }
/**----- services wrapper css -------**/

.feature-area {
    padding-bottom: 100px;
}

.single-feature {
    width: 25%;
    float: left;
    padding: 80px 30px 64px 30px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.feature-bg-one {
    background: #f9f9f9;
}

.feature-bg-two {
    background: #f1f1f1;
}

.feature-bg-three {
    background: #f9f9f9;
}

.feature-bg-four {
    background: #f1f1f1;
}

.single-feature .media-body {
    text-align: center;
}

    .single-feature .media-body i {
        background: #ffc13b;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        font-size: 20px;
        color: #fff;
    }

.single-feature .media-heading {
    color: #111111;
    font-size: 20px;
    font-weight: 600;
    padding-top: 20px;
}

.single-feature p {
    padding-top: 20px;
    font-size: 16px;
    width: 325px;
    display: inline-block;
}

.single-feature:hover {
    background: #ffc13b;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .single-feature:hover .media-heading,
    .single-feature:hover p {
        color: #fff;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .single-feature:hover .media-body i {
        background: #fff;
        color: #111;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.const2_sp_category_wrapper {
    padding: 120px 0 90px 0;
    position: relative;
}

.const2_sp_services_box {
    text-align: center;
    padding: 25px 25px 0 25px;
    position: relative;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .const2_sp_services_box h1 {
        font-size: 22px;
        font-weight: 600;
        text-transform: capitalize;
        padding-bottom: 10px;
    }

    .const2_sp_services_box a {
        text-transform: capitalize;
        font-size: 16px;
        color: #ffc13b;
        display: block;
        font-weight: 500;
        padding-top: 10px;
    }

.const2_service_box_icon {
    width: 100px;
    height: 95px;
    display: inline-block;
    line-height: 95px;
    margin: 0 0 55px 0;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .const2_service_box_icon i:before {
        font-size: 40px;
        color: #ffc13b;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .const2_service_box_icon svg path {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.const2_sp_category_wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0px auto;
    bottom: 40%;
    background: #f1f1f1;
}

.const2_sp_services_box:hover .const2_service_box_icon svg path {
    fill: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.const2_service_box_icon:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background: #ffc13b;
    border: 3px solid #f7f5ee;
    left: 0;
    z-index: 1;
    right: 0;
    bottom: -36px;
    margin: 0px auto;
}

.const2_sp_services_box:hover {
    background: -moz-linear-gradient(0deg, #fdfcf9 39%, rgba(254, 193, 59, 0.14) 85%);
    background: -webkit-linear-gradient(0deg, #fdfcf9 39%, rgba(254, 193, 59, 0.14) 85%);
    background: linear-gradient(0deg, #fdfcf9 39%, rgba(254, 193, 59, 0.14) 85%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/**------- about us wrapper css --------**/

.const2_about_shape_wrapper {
    position: relative;
    left: -158%;
}

.const2_about_us_wrapper {
    position: relative;
    padding-bottom: 94px;
}

.const2_about_shape_wrapper img {
    position: absolute;
    top: 70px;
    left: 130%;
    width: 100%;
}

.const2_accordian_wraper #accordion h1 {
    font-size: 28px;
    padding-bottom: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

.const2_accordian_wraper #accordion .card {
    background: #fff;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.const2_card_pagee {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f0f5ff;
}

.const2_accordian_wraper {
    padding-top: 45px;
}

    .const2_accordian_wraper #accordion .const2_card_pagee h5 {
        font-weight: 500;
        font-size: 16px;
        text-transform: capitalize;
    }

    .const2_accordian_wraper #accordion .card-body {
        float: left;
        width: 100%;
        background: #fff;
        padding: 20px;
        border: 0;
    }

        .const2_accordian_wraper #accordion .card-body .card_cntnt {
            float: left;
            width: 100%;
        }

    .const2_accordian_wraper #accordion[data-toggle="collapse"].collapsed:after {
        content: "\2212";
    }

    .const2_accordian_wraper #accordion[data-toggle="collapse"]:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\2212";
        position: absolute;
        font-size: 26px;
        top: 6px;
        right: 15px;
    }

    .const2_accordian_wraper #accordion .const2_card_pagee a {
        color: #ffffff;
        background-color: #ffc13b;
        display: block;
        padding: 13px 15px;
        border: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .const2_accordian_wraper #accordion .const2_card_pagee a.collapsed {
            color: #000000;
            background-color: #f9f9f9;
            display: block;
            padding: 13px 18px;
            border: 0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        .const2_accordian_wraper #accordion .const2_card_pagee a:after {
            color: #fff;
        }

        .const2_accordian_wraper #accordion .const2_card_pagee a.collapsed:after {
            content: "+";
            color: #000000;
            float: right;
        }
/**-------- work progress wrapper ------**/

.const2_work_tabs_wrapper {
    text-align: center;
    margin-bottom: 30px;
}

    .const2_work_tabs_wrapper .nav {
        margin-bottom: 25px;
        display: inline-block;
        border-bottom: 0;
    }

    .const2_work_tabs_wrapper .nav-tabs .nav-link:focus,
    .const2_work_tabs_wrapper .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .const2_work_tabs_wrapper .nav li {
        float: left;
        border: 0;
        border-left: 0;
    }

    .const2_work_tabs_wrapper .nav-tabs .nav-item.show .nav-link {
        color: #ffc13b;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
    }

    .const2_work_tabs_wrapper .nav-tabs .nav-link {
        font-size: 20px;
        color: #000;
        font-weight: 500;
        text-transform: capitalize;
        text-align: center;
        padding: 10px 50px;
        border: 0;
    }

        .const2_work_tabs_wrapper .nav-tabs .nav-link.active {
            color: #ffc13b;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: 0;
            background: transparent;
        }

        .const2_work_tabs_wrapper .nav-tabs .nav-link span {
            width: 80px;
            height: 80px;
            display: inline-block;
            line-height: 80px;
            text-align: center;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background: #f9f9f9;
            margin-bottom: 10px;
        }

            .const2_work_tabs_wrapper .nav-tabs .nav-link span i:before {
                font-size: 32px;
                color: #ffc13b;
                margin-bottom: 10px;
            }

        .const2_work_tabs_wrapper .nav-tabs .nav-link.active span {
            background: #ffc13b;
        }

            .const2_work_tabs_wrapper .nav-tabs .nav-link.active span i:before {
                color: #fff;
            }

.const2_work_process_content {
    margin-top: 30px;
}

    .const2_work_process_content h1 {
        font-size: 26px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .const2_work_process_content a {
        width: 150px;
        text-transform: capitalize;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #ffc13b;
    }
/*---- testimonial wrapper css --------**/

.const2_testimonial_wrapper {
    padding: 0;
    position: relative;
}

.const2_testi_shape2 {
    position: absolute;
    top: 0;
    right: 0;
}

.const2_testi_shape1 {
    position: absolute;
    top: -60px;
    left: -27%;
}
/**----- pricing wrapper css -------**/

.const2_pricing_box_wrapper {
    background: #f9f9f9;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .const2_pricing_box_wrapper h2 {
        text-transform: capitalize;
        color: #fff;
        background: #ffc13b;
        font-size: 30px;
        font-weight: 600;
        padding: 24px 0 17px 0;
        line-height: 20px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .const2_pricing_box_wrapper h2 span {
            font-size: 16px;
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-weight: 400;
            padding-top: 30px;
        }

.pricing_main_text {
    font-size: 14px !important;
    padding: 30px 0 !important;
}

.const2_pricing_wrapper h5 {
    float: left;
    width: 100%;
    padding-top: 40px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    color: #2d25c8;
    text-transform: capitalize;
}

.const2_pricing_list22 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px;
    padding-top: 0;
}

    .const2_pricing_list22 li {
        display: block;
        padding: 8px 0;
        color: #797979;
        text-transform: capitalize;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.const2_dollarr {
    font-size: 20px !important;
    color: #fff !important;
    float: none !important;
    width: auto !important;
}

.const2_price_btn {
    width: 210px;
    height: 45px;
    background: #ffc13b;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 42px;
    text-transform: capitalize;
}

.const2_pricing_wrapper {
    padding: 93px 0;
}

.const2_price_btn:hover {
    color: #fff;
}

.const2_monthly {
    float: right;
    position: relative;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    top: -38px;
    left: -63px;
    font-size: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const2_pricing_box_wrapper:hover .const2_price_btn {
    background: #fff;
    color: #ffc13b;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.const2_pricing_box_wrapper img {
    padding: 25px 0;
}

.const2_pricing_box_wrapper:hover {
    background: #ffc13b;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .const2_pricing_box_wrapper:hover h2 {
        background: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        color: #ffc13b !important;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .const2_pricing_box_wrapper:hover .const2_dollarr,
    .const2_pricing_box_wrapper:hover .const2_monthly {
        color: #ffc13b !important;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .const2_pricing_box_wrapper:hover .const2_pricing_list22 li {
        color: #fff;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
/**----- const2_location_wrapper css -------**/

.const2_location_wrapper {
    float: left;
    padding-top: 118px;
    padding-bottom: 100px;
    width: 100%;
}

    .const2_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .const2_location_wrapper .response {
        color: #111;
    }

    .const2_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.const2_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.const2_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.const2_contect_btn {
    float: left;
    width: 100%;
}

    .const2_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #ffc13b;
        color: #fff;
        border: 1px solid #ffc13b;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .const2_contect_btn button:hover {
            background: transparent;
            color: #ffc13b;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.const2_footer_wrapper {
    padding: 25px 0;
    position: relative;
}

.footer_const2_content_box a img {
    text-align: center;
}

.footer_const2_content_box p {
    margin-top: 50px;
}

.const2_icon_list_news {
    margin-top: 20px;
}

    .const2_icon_list_news li {
        list-style: none;
        float: left;
        margin-right: 15px;
        font-size: 16px;
        width: 40px;
        float: left;
        text-align: center;
        height: 40px;
        line-height: 36px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .const2_icon_list_news li .twit {
            color: #fff;
            float: left;
            border-radius: 100px;
            width: 100%;
            background: #1da1f2;
            border: 2px solid #1da1f2;
        }

            .const2_icon_list_news li .twit:hover {
                background: transparent;
                color: #1da1f2;
                border: 2px solid #1da1f2;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .const2_icon_list_news li .linkd {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #007bb5;
            border: 2px solid #007bb5;
        }

            .const2_icon_list_news li .linkd:hover {
                background: transparent;
                color: #007bb5;
                border: 2px solid #007bb5;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .const2_icon_list_news li .google {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #db4437;
            border: 2px solid #db4437;
        }

            .const2_icon_list_news li .google:hover {
                background: transparent;
                color: #db4437;
                border: 2px solid #db4437;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .const2_icon_list_news li .fb {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #437ee0;
            border: 2px solid #437ee0;
        }

            .const2_icon_list_news li .fb:hover {
                background: transparent;
                color: #437ee0;
                border: 2px solid #437ee0;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

.footer_const2_content_box svg {
    position: absolute;
    left: -10px;
    top: -75px;
    z-index: -1;
}

.footer_const2_content_box h3 {
    font-size: 16px;
    margin-top: 60px;
    float: left;
    width: 100%;
    text-transform: capitalize;
}

.const2_footer_shape {
    position: absolute;
    top: -501px;
    left: 40px;
    z-index: -1;
}

    .const2_footer_shape svg {
        fill: #ffc13b;
    }
/*********************** Doctor 01 CSS Start ****************************/

/* doc_header start */

.doc_header {
    float: left;
    width: 100%;
    position: relative;
}

.doc_header_shape {
    position: absolute;
    left: -80px;
    top: -82px;
}

.doc_logo_wrapper {
    padding: 10px 0 10px 0;
}
/* doc_main_menu_wrapper start */

.doc_main_menu_wrapper {
    float: right;
    padding-top: 40px;
}

    .doc_main_menu_wrapper ul > li {
        float: left;
        margin-right: 30px;
    }

        .doc_main_menu_wrapper ul > li > a {
            color: #C79B4B;
            font-size: 18px;
            font-weight: 500;
            text-transform: capitalize;
            padding: 20px 12px;
            position: relative;
        }

            .doc_main_menu_wrapper ul > li > a:hover {
                color: #C79B4B;
            }

    .doc_main_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #C79B4B;
    }

        .doc_main_menu_wrapper ul > .active > a:focus,
        .doc_main_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #C79B4B;
        }
/*doc_menu_right_wrapper start*/

.doc_menu_right_wrapper {
    float: right;
    padding-top: 30px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.doc_menu_right_wrapper .doc_btn_style {
    line-height: 36px;
    width: 140px !important;
    height: 40px;
    float: left;
    background: #fceded;
    font-size: 16px;
    border: 2px solid #C79B4B;
    font-weight: 400;
    color: #C79B4B;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_menu_right_wrapper .doc_btn_style:hover,
    .doc_menu_right_wrapper .doc_btn_style:focus {
        color: #C79B4B;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.doc_serach_header {
    float: right;
    z-index: 1;
}

    .doc_serach_header .doc_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .doc_serach_header .doc_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.doc_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 25px;
    border: 0;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}

.doc_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #000;
    cursor: pointer;
}

.doc_serach_header .doc_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .doc_serach_header .doc_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #00d2eb;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .doc_serach_header .doc_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .doc_serach_header .doc_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 65%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #fff;
        cursor: pointer;
        border: 0;
        font-size: 20px;
    }

    .doc_serach_header .doc_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

    .doc_serach_header .doc_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .doc_serach_header .doc_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

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

.doc_search_wrap {
    float: left;
}
/* doc_main_menu_wrapper end */

/* doc_menu_fixed start */

.doc_menu_fixed {
    position: fixed;
    background: linear-gradient(to bottom, #970804 6%, #580F05 85%);
    left: 0;
    right: 0;
    z-index: 100;
    height: 100px;
}

.doc_header .doc_menu_fixed_logo {
    display: none;
}

.doc_menu_fixed .doc_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.doc_menu_fixed ul > li > a {
    color: #fff;
}

    .doc_menu_fixed ul > li > a:hover {
        color: #fff;
    }

.doc_menu_fixed ul > .active > a {
    color: #fff;
}

    .doc_menu_fixed ul > .active > a:focus,
    .doc_menu_fixed ul > .active > a:hover {
        color: #ff4a57;
    }

.doc_menu_fixed .doc_btn_style {
    background: #C79B4B;
    color: #fff;
}

    .doc_menu_fixed .doc_btn_style:hover {
        background: transparent;
        color: #C79B4B;
        border: 1px solid #C79B4B;
    }

.doc_menu_fixed .doc_searchd {
    color: #fff;
}

.doc_menu_fixed .doc_searchd_bar {
    color: #fff;
}
/* doc_sidebar */

#doc_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 240px;
    background: linear-gradient(to bottom, rgba(74, 6, 18, 1) 0%, rgb(74 6 18 / 73%) 53%, rgb(76 6 18 / 68%) 56%, rgba(93, 3, 22, 0) 78%, rgba(109, 0, 25, 0) 100%);
    /*background-color: #4a0612;*/
    z-index: 9999;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#doc_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #doc_toggle a {
        color: #00bcd4;
    }

        #doc_toggle a i:before {
            font-weight: 600;
            font-size: 22px;
        }

#doc_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    color: #ffffff;
}

    #doc_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #doc_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #doc_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #doc_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

        #doc_cssmenu ul ul li a {
            padding: 14px 26px;
            cursor: pointer;
            z-index: 2;
            font-size: 16px;
            text-decoration: none;
            color: #060606;
            text-transform: capitalize;
            background: transparent;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #doc_cssmenu ul ul ul li a {
            padding-left: 32px;
        }

        #doc_cssmenu ul ul li a:hover {
            color: #fa5b41;
            -webkit-transition: color .2s ease;
            -o-transition: color .2s ease;
            transition: color .2s ease;
        }

        #doc_cssmenu ul ul li a i {
            margin-right: 10px;
        }

    #doc_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #doc_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #doc_cssmenu ul > li.has-sub.open > a:after,
    #doc_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #doc_cssmenu > ul > li.active > ul {
        display: block;
    }

    #doc_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 18px;
        text-decoration: none;
        color: #FFF;
        text-transform: uppercase;
        /*background: #ffffff;*/
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #doc_cssmenu > ul > li > a:hover {
            color: #ff4a57;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

#doc_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    /*background: #fff;*/
}

.doc_sidebar_logo img {
    padding-top: 17px;
    padding-left: 16px;
}

#doc_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#doc_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#doc_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.doc_main_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    left: 0;
    bottom: 12px;
    right: 0;
    margin: 0px auto;
    background: #C79B4B;
    visibility: hidden;
    transition: all 0.5s;
}

.doc_main_menu_wrapper ul > li > a:hover:before {
    width: 45px;
    visibility: visible;
}

.doc_main_menu_wrapper ul > .active > a:before {
    width: 45px;
    visibility: visible;
}
/*----- slider_area start --------*/

.doc_banner_wrapper {
    float: left;
    width: 100%;
    /*padding-right: 30px;
	padding-left: 30px;*/
    position: relative;
}

.doc_banner_img_wrapper {
    position: absolute;
    top: -120px;
    left: 0px;
    z-index: -1;
}

.doc_banner_cntnt {
    text-align: left;
    float: left;
    width: 100%;
    padding: 130px 0;
}

    .doc_banner_cntnt h1 {
        color: #b18941;
        /*margin-bottom: 30px;*/
        text-transform: capitalize;
        font-size: 55px;
        line-height: 70px;
        font-weight: 600;
        animation-delay: 1.0s;
        text-align: left;
        padding-top: 20px;
        text-shadow: 1px 8px 10px #00000057;
    }

        .doc_banner_cntnt h1 span {
            color: #00d2eb;
        }

    .doc_banner_cntnt p {
        text-transform: capitalize;
        font-size: 20px;
        line-height: 30px;
        animation-delay: 1.6s;
    }

.doc_banner_btn {
    float: left;
    width: 100%;
    margin-top: 30px;
    animation-delay: 2.2s;
}

    .doc_banner_btn ul {
        float: right;
    }

        .doc_banner_btn ul li {
            float: left;
            margin-left: 30px;
        }

.doc_menu_fixed .doc_header_shape {
    display: none;
}

.doc_banner_btn ul li:first-child a {
    display: inline-block;
    font-family: 'Lato';
    font-size: 18px;
    width: 170px;
    color: #fff !important;
    height: 45px;
    line-height: 42px;
    color: #ff4a57;
    background: #ff6666;
    text-transform: capitalize;
    border-radius: 100px;
    border: 1px solid #ff6666;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_banner_btn ul li:first-child a:hover {
        color: #ff6666 !important;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.doc_banner_btn ul li:last-child a {
    display: inline-block;
    font-family: 'Lato';
    font-size: 18px;
    width: 170px;
    height: 45px;
    line-height: 45px;
    color: #ff4a57;
    color: #fff;
    text-transform: capitalize;
    border-radius: 100px;
    background: #00d2eb;
    border: 1px solid #00d2eb;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_banner_btn ul li:last-child a:hover {
        color: #00d2eb;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.doc_btn_icon {
    float: left;
    margin-left: 20px;
    width: 55px;
    height: 55px;
    border: 8px solid rgba(255, 255, 255, 0.18);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    .doc_btn_icon i {
        width: 40px;
        height: 40px;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        background: #ff4a57;
        color: #fff;
        float: left;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.doc_banner_wrapper .doc_btn_style {
    background: #fff;
    color: #ff4a57;
    border: 1px solid transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_banner_wrapper .doc_btn_style:hover {
        background: #ff4a57;
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*------ slider_area end -------*/

/*----- slider_bottom_wrapper start --------*/

.doc_services_wrapper {
    float: left;
    padding-top: 40px;
    width: 100%;
    padding-bottom: 100px;
}

.doc_service_box {
    float: left;
    padding: 40px;
    border-radius: 15px;
    position: relative;
    background: #00d2eb;
    padding-top: 90px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_service_box:hover {
        background: #f2fbfe;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .doc_service_box:hover h4 a {
            color: #111;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .doc_service_box:hover p {
            color: #797979;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .doc_service_box:hover .doc_icon_shape_wrapper {
            background: #00d2eb;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.doc_icon_shape_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 70px;
    height: 65px;
    line-height: 65px;
    background: #fff;
    top: 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_icon_shape_wrapper i:before {
        font-size: 30px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        color: #00d2eb;
    }

.doc_service_box h4 a {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.doc_service_box p {
    color: #fff;
}

.doc_service_box2 {
    background: #f2fbfe;
}

    .doc_service_box2 p {
        color: #797979;
    }

    .doc_service_box2 h4 a {
        color: #111;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .doc_service_box2 h4 a:hover {
            color: #111;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    .doc_service_box2 .doc_icon_shape_wrapper {
        background: #ff6666;
    }

        .doc_service_box2 .doc_icon_shape_wrapper i:before {
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.doc_service_box:hover .doc_icon_shape_wrapper i:before {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.doc_service_box2:hover {
    background: #ff6666;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_service_box2:hover h4 a,
    .doc_service_box2:hover p {
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .doc_service_box2:hover .doc_icon_shape_wrapper {
        background: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .doc_service_box2:hover .doc_icon_shape_wrapper i:before {
            color: #ff6666;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*----- doc_about_section css --------*/

.doc_about_section {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.doc_about_content_wrapper {
    float: left;
    width: 100%;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.doc_about_image_wrapper {
    position: absolute;
    right: 0;
}

    .doc_about_image_wrapper img {
        position: relative;
        z-index: 1;
    }

    .doc_about_image_wrapper svg {
        position: absolute;
        left: -32px;
        bottom: -16px;
    }

.doc_about_content_wrapper h2 {
    color: #111;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 20px;
}

.doc_about_content_wrapper p {
    width: 475px;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.doc_about_content_wrapper li {
    font-size: 18px;
    margin-bottom: 18px;
}

    .doc_about_content_wrapper li a {
        text-transform: capitalize;
        color: #1c2f4d;
    }

    .doc_about_content_wrapper li i {
        margin-right: 10px;
        color: #fff;
    }

    .doc_about_content_wrapper li a:hover {
        color: #ff4a57;
    }

.doc_about_content_wrapper a {
    margin-top: 10px;
}
/*-------- doc_testimonial_section css ------*/

.doc_testimonial_section {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    padding-top: 20px;
    position: relative;
}

.doc_testimonial_slider_wrapper {
    float: left;
    width: 100%;
}

.doc_testimonial_wrapper {
    float: left;
    width: 100%;
    position: relative;
    background: #f0f5ff;
}

.doc_quote_icon_wrapper {
    position: absolute;
    bottom: 0;
    right: 30px;
}

    .doc_quote_icon_wrapper i:before {
        position: absolute;
        left: 25px;
        top: 24px;
        margin-left: 0;
        font-size: 30px;
        color: #fff;
    }

.doc_testimonial_wrapper .doc_testimonial_img_wrapper {
    left: 0;
    margin-bottom: -94px;
    position: absolute;
    bottom: 55%;
}

.doc_testi_container {
    overflow: hidden;
}

.doc_testimonial_slider_wrapper .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.doc_testimonial_wrapper .quote-icon {
    position: absolute;
}

.doc_testimonial_wrapper i:before {
    color: #ffffff;
    font-size: 30px;
    margin-left: 0px;
}

.doc_testimonial_wrapper .doc_testimonial_text_wrapper {
    padding: 40px 20px 40px 50px;
}

    .doc_testimonial_wrapper .doc_testimonial_text_wrapper p {
        width: 335px;
    }

.doc_testimonial_wrapper .doc_author {
    padding-top: 20px;
}

    .doc_testimonial_wrapper .doc_author h2 a {
        color: #ff6666;
        font-size: 22px;
        font-weight: 500;
    }

    .doc_testimonial_wrapper .doc_author h3 {
        color: #797979;
        font-family: 'Lato';
        font-size: 16px;
        padding-top: 10px;
        text-transform: capitalize;
    }

.doc_testimonial_slider_wrapper .owl-theme .owl-nav {
    display: none;
}

.doc_testimonial_slider_wrapper .owl-dots .owl-dot {
    display: inline-block;
    margin: 60px 0px 0;
}

.doc_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    display: block;
    margin: 5px 7px;
    background: #d6d6d6;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.doc_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.doc_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff6666;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.doc_testimonial_wrapper .doc_author h2 a:hover {
    color: #00d2eb;
}
/*-------doc_pricing_section start---------*/

.doc_pricing_section {
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

    .doc_pricing_section .doc_pricing-table-default {
        float: left;
        width: 100%;
        position: relative;
        padding: 60px 0 50px 0;
        background: #f0f5ff;
        border: 1px solid #f0f5ff;
        border-radius: 15px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .doc_pricing_section .doc_pricing-table-default:hover {
            background: #00d2eb;
            border: 1px solid #00d2eb;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

            .doc_pricing_section .doc_pricing-table-default:hover h3,
            .doc_pricing_section .doc_pricing-table-default:hover h2,
            .doc_pricing_section .doc_pricing-table-default:hover .doc_pricing-list li {
                color: #fff;
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }

            .doc_pricing_section .doc_pricing-table-default:hover .icon_svg {
                fill: #1d4076;
            }

        .doc_pricing_section .doc_pricing-table-default h2 {
            font-size: 30px;
            font-weight: 500;
            padding-top: 30px;
            padding-bottom: 30px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .doc_pricing_section .doc_pricing-table-default .price {
            display: inline-block;
            color: #ff6666;
            font-weight: 500;
            width: 150px;
            height: 150px;
            line-height: 32px;
            background: #fff;
            border-radius: 100px;
            text-transform: capitalize;
            font-size: 26px;
            padding-top: 50px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    .doc_pricing_section .doc_pricing-list li {
        padding-bottom: 10px;
        font-family: 'Lato';
        font-size: 20px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .doc_pricing_section .doc_pricing-list li:last-child {
            padding-bottom: 0px;
        }

.doc_pricing-table-default .doc_btn_style {
    margin-top: 40px;
    background: #00d2eb;
    border: 1px solid #00d2eb;
    width: 200px;
}

.doc_pricing-table-default:hover .doc_btn_style {
    background: #ff6666;
    color: #fff;
    border: 1px solid #ff6666;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/**--- footer wrapper css ----**/

.doc_location_wrapper {
    float: left;
    padding-bottom: 100px;
    width: 100%;
}

.doc_abt_heading_wrapper h1 {
    font-size: 30px;
    color: #111111;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.doc_location_wrapper #map {
    float: left;
    width: 100%;
    height: 450px !important;
    border-radius: 15px;
}

.doc_location_wrapper .response {
    color: #111;
}

.doc_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.booking_box::placeholder {
    color: #7bddc7;
    opacity: 1;
    /* Firefox */
}

.booking_box:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7bddc7;
}

.booking_box::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7bddc7;
}

.doc_contect_btn {
    float: left;
    width: 100%;
}

.doc_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.doc_contect_btn button {
    padding: 0;
    list-style: none;
    margin-top: 40px;
    float: left;
    width: 160px;
    height: 45px;
    float: none;
    display: inline-block;
    color: #fff;
    background: #ff4a57;
    border: 1px solid #ff4a57;
    text-align: center;
    line-height: 42px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .doc_contect_btn button:hover {
        background: transparent;
        color: #ff4a57;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/**----- footer wrapper css ------**/

.doc_footer_wrapper {
    padding: 90px 0 50px;
    background: #580F05;
}

.doc_icon_list_news li .twit {
    color: #fff;
    float: left;
    border-radius: 100px;
    width: 100%;
    background: #1da1f2;
    border: 2px solid #1da1f2;
}

.doc_footer_wrapper h3 {
    font-size: 16px;
    padding-top: 12px;
    text-transform: capitalize;
    float: left;
    display: inline-block;
}

.doc_icon_list_news {
    float: right;
    display: inline-block;
}

    .doc_icon_list_news li {
        list-style: none;
        float: left;
        margin-right: 15px;
        font-size: 16px;
        width: 40px;
        float: left;
        text-align: center;
        height: 40px;
        line-height: 36px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .doc_icon_list_news li .twit:hover {
            background: transparent;
            color: #1da1f2;
            border: 2px solid #1da1f2;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .doc_icon_list_news li .linkd {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #007bb5;
            border: 2px solid #007bb5;
        }

            .doc_icon_list_news li .linkd:hover {
                background: transparent;
                color: #007bb5;
                border: 2px solid #007bb5;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .doc_icon_list_news li .google {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #db4437;
            border: 2px solid #db4437;
        }

            .doc_icon_list_news li .google:hover {
                background: transparent;
                color: #db4437;
                border: 2px solid #db4437;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .doc_icon_list_news li .fb {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #437ee0;
            border: 2px solid #437ee0;
        }

            .doc_icon_list_news li .fb:hover {
                background: transparent;
                color: #437ee0;
                border: 2px solid #437ee0;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }
/*********************** It Company CSS Start ****************************/

/* it_comp_header start */

.it_comp_header {
    float: left;
    width: 100%;
    position: relative;
}

.it_comp_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 25px;
}
/* it_comp_menu_wrapper start */

.it_comp_menu_wrapper {
    float: right;
    padding-top: 40px;
}

    .it_comp_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .it_comp_menu_wrapper ul > li > a {
            color: #111;
            font-size: 16px;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .it_comp_menu_wrapper ul > li > a:hover {
                color: #00e3c8;
            }

    .it_comp_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #00e3c8;
    }

        .it_comp_menu_wrapper ul > .active > a:focus,
        .it_comp_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #00e3c8;
        }

    .it_comp_menu_wrapper ul > li > a:after {
        content: "";
        position: absolute;
        top: 14px;
        left: 100%;
        right: 0;
        height: 1px;
        transition: left 0.2s ease 0s, right 0.2s ease 0s;
        background-color: #00e3c8;
    }

    .it_comp_menu_wrapper ul > li > a:before {
        content: "";
        position: absolute;
        top: 42px;
        left: 100%;
        right: 0;
        height: 1px;
        transition: left 0.2s ease 0s, right 0.2s ease 0s;
        background-color: #00e3c8;
    }

    .it_comp_menu_wrapper ul > li > a:hover:after {
        left: 0;
        right: 60%;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }

    .it_comp_menu_wrapper ul > li > a:hover:before {
        left: 60%;
        right: 0;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }

    .it_comp_menu_wrapper ul > .active > a:after {
        left: 0;
        right: 60%;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }

    .it_comp_menu_wrapper ul > .active > a:before {
        left: 60%;
        right: 0;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }
/*it_comp_menu_right_wrapper start*/

.it_comp_menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.it_comp_menu_right_wrapper .it_comp_btn_style {
    line-height: 38px;
    width: 180px;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Lato';
    border: 1px solid #00e3c8;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .it_comp_menu_right_wrapper .it_comp_btn_style:hover,
    .it_comp_menu_right_wrapper .it_comp_btn_style:focus {
        color: #00e3c8;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.it_comp_serach_header {
    float: right;
    z-index: 1;
}

    .it_comp_serach_header .it_comp_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .it_comp_serach_header .it_comp_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.it_comp_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 20px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.it_comp_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.it_comp_serach_header .it_comp_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .it_comp_serach_header .it_comp_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #00e3c8;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .it_comp_serach_header .it_comp_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .it_comp_serach_header .it_comp_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        cursor: pointer;
        transform: translate(0%, -55%);
        background: transparent;
        color: #00e3c8;
        border: 0;
        font-size: 20px;
    }

    .it_comp_serach_header .it_comp_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .it_comp_serach_header .it_comp_searchbox form::-webkit-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

    .it_comp_serach_header .it_comp_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(219, 187, 10, 0.6);
    }

    .it_comp_serach_header .it_comp_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(219, 187, 10, 0.6);
    }

    .it_comp_serach_header .it_comp_searchbox form:-ms-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

.it_comp_search_wrap {
    float: left;
}
/* it_comp_menu_wrapper end */

/* it_comp_menu_fixed start */

.it_comp_menu_fixed {
    position: fixed;
    background: #fff;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 100;
    padding-bottom: 25px;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
}

    .it_comp_menu_fixed .logo_shape_wrapper {
        display: none;
    }

.it_comp_header .menu_fixed_logo {
    display: none;
}

.it_comp_menu_fixed .menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.it_comp_menu_fixed ul > li > a {
    color: #000;
}

    .it_comp_menu_fixed ul > li > a:hover {
        color: #00e3c8;
    }

.it_comp_menu_fixed ul > .active > a {
    color: #00e3c8;
}

    .it_comp_menu_fixed ul > .active > a:focus,
    .it_comp_menu_fixed ul > .active > a:hover {
        color: #00e3c8;
    }

.it_comp_menu_fixed .it_comp_btn_style {
    background: #00e3c8;
    color: #fff;
}

    .it_comp_menu_fixed .it_comp_btn_style:hover {
        background: #fff;
        color: #00e3c8;
        border: 1px solid #00e3c8;
    }

.it_comp_menu_fixed .it_comp_searchd {
    color: #000;
}
/* it_comp_sidebar */

#it_comp_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
}

#it_comp_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #it_comp_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
    }

#it_comp_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #it_comp_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #it_comp_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #it_comp_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #it_comp_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #it_comp_cssmenu > ul > li.active > ul {
        display: block;
    }

    #it_comp_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #it_comp_cssmenu > ul > li > a:hover {
            color: #fff;
            background: #00e3c8;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #it_comp_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #it_comp_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #it_comp_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #it_comp_cssmenu ul > li.has-sub.open > a:after,
    #it_comp_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #it_comp_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #it_comp_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #it_comp_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #it_comp_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#it_comp_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 20px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.it_comp_sidebar_logo img {
    padding-top: 19px;
    padding-left: 25px;
}

#it_comp_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#it_comp_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#it_comp_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}
/*------ slider wrapper css -------*/

.it_comp_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

    .it_comp_slider_wrapper .carousel-inner .carousel-item .caption-1,
    .it_comp_slider_wrapper .carousel-inner .carousel-item .caption-2,
    .it_comp_slider_wrapper .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 650px;
    }

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
        display: block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 150px;
        padding-bottom: 150px;
    }

        .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
            display: inline-block;
        }

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 100px;
    }

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
        color: #000;
        font-weight: 500;
        font-size: 50px;
        margin: 0 0 13px;
        animation-delay: 1.2s;
        text-transform: capitalize;
        line-height: 70px;
    }

        .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
            color: #00e3c8;
        }

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
        animation-delay: 1.5s;
        line-height: 30px;
        font-size: 18px;
    }

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
        animation-delay: 2.0s;
        float: left;
        margin-right: 30px;
    }

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
        margin-top: 40px;
    }

.it_comp_slider_btn li a {
    width: 170px;
}

.it_comp_slider_main_img_wrapper {
    position: absolute;
    top: 120px;
    left: 0;
}

.it_comp_slider_wrapper .carousel-indicators {
    position: absolute;
    bottom: 120px;
    z-index: 1;
    right: auto;
    left: 118px;
}

.it_comp_slider_wrapper .carousel-inner .item .carousel-captions .content li {
    animation-delay: 3.2s;
}

.it_comp_slider_wrapper .carousel-inner .carousel-indicators li {
    text-indent: 0;
    position: relative;
    width: 10px;
    height: 10px;
    background-color: transparent;
    display: inline-block;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    margin: 0 12px 0 0;
    color: #fff;
    text-align: left;
    background: #444;
    margin-top: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    .it_comp_slider_wrapper .carousel-inner .carousel-indicators li span.number {
        display: inline-block;
    }

    .it_comp_slider_wrapper .carousel-inner .carousel-indicators li span.con {
        display: inline-block;
        position: relative;
        padding-left: 42px;
    }

        .it_comp_slider_wrapper .carousel-inner .carousel-indicators li span.con:after {
            content: '';
            position: absolute;
            left: 0;
            top: 45%;
            height: 1px;
            background: #cf9c67;
            width: 26px;
        }

    .it_comp_slider_wrapper .carousel-inner .carousel-indicators li.active {
        background: #00e3c8;
        width: 10px;
        height: 10px;
        line-height: 29px;
    }

.it_comp_slider_main_img_wrapper {
    padding-left: 0;
    float: left;
}

.it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 160px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #00e3c8;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #00e3c8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .it_comp_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #00e3c8;
        background: #fff;
    }

.it_comp_slider_wrapper .carousel-nevigation {
    display: none;
}

.it_comp_slider_wrapper .carousel-inner {
    overflow: visible;
}

.it_comp_slider_main_img_wrapper img {
    width: 100%;
}

.it_comp_bg_animation {
    position: absolute;
    top: 100px;
    left: 30px;
}
/*----- it_comp_zoom_fade -------*/

.it_comp_zoom_fade {
    animation-name: it_comp_zoom_fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: it_comp_zoom_fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: it_comp_zoom_fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: it_comp_zoom_fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: it_comp_zoom_fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes it_comp_zoom_fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes it_comp_zoom_fade {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.it_comp_shape_top_wrapper {
    position: absolute;
    top: -105px;
    right: 0;
    z-index: -1;
}
/**------ our services wrapper css ------**/

.it_comp_services_wrapper {
    padding-bottom: 100px;
    position: relative;
}

.it_comp_services_box {
    text-align: left;
    position: relative;
}

    .it_comp_services_box h1 a {
        margin-bottom: 12px;
        font-size: 22px;
        display: block;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .it_comp_services_box:hover h1 a {
        color: #00e3c8;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.it_comp_service_icons {
    position: relative;
    margin-bottom: 30px;
    margin-top: 20px;
}

.it_comp_services_box .it_comp_service_round_shape {
    position: absolute;
    background: -moz-linear-gradient(0deg, #fafcff 9%, #f1f9ff 100%);
    background: -webkit-linear-gradient(0deg, #fafcff 9%, #f1f9ff 100%);
    background: linear-gradient(0deg, #fafcff 9%, #f1f9ff 100%);
    height: 50px;
    left: 10px;
    top: -23px;
    width: 50px;
    border-radius: 100px;
    z-index: -1;
}

.it_comp_shape6 {
    position: absolute;
    top: 30px;
    left: 0px;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.it_comp_shape_box {
    position: absolute;
    right: 150px;
    top: 20px;
    -webkit-animation: animationFramesOne 12s infinite linear;
    animation: animationFramesOne 12s infinite linear;
    z-index: 1;
}

.it_comp_shape_bussi_box2 {
    position: absolute;
    right: 150px;
    bottom: 0;
    -webkit-animation: animationFramesOne 12s infinite linear;
    animation: animationFramesOne 12s infinite linear;
    z-index: 1;
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
/**------ about us erapper css -------**/

.it_comp_about_wrapper {
    padding-bottom: 100px;
    padding-top: 50px;
    position: relative;
}

.read_it_comp_btn_style {
    width: 160px;
    margin-top: 30px;
    border: 1px solid #00e3c8;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-transform: capitalize;
}

.it_comp_about_content_wrapper .it_comp_heading_wrapper {
    padding-bottom: 20px;
}

.it_comp_about_shpe_wrapper {
    position: absolute;
    left: 0;
    top: -40px;
}

.it_comp_about_shape2 {
    position: absolute;
    right: 130px;
    bottom: 50px;
    -webkit-animation: animationFramesOne 12s infinite linear;
    animation: animationFramesOne 12s infinite linear;
    z-index: 1;
}
/**------- work process start -------**/

#it_comp_svg_container {
    position: absolute;
    width: 100%;
    left: 52%;
    transform: translateX(-50%);
    width: 75%;
    bottom: 104px;
}

#svgC {
    margin: 0 auto;
    width: 100%;
}

canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
}

.it_comp_work_process {
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
}

    .it_comp_work_process .step-num {
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 4px 15px 0 #f0eaf5;
        color: #00e3c8;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        height: 50px;
        right: 0;
        line-height: 55px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

.theme-bg .it_comp_work_process h4,
.theme-bg .it_comp_work_process p {
    color: #ffffff;
}

.it_comp_work_process .step-icon {
    background: #ffffff;
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 50%;
    line-height: 130px;
    font-size: 40px;
    text-align: center;
    color: #1c1d3e;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
}

.it_comp_working_wrapper {
    padding-bottom: 100px;
    position: relative;
    padding-top: 30px;
}

    .it_comp_working_wrapper .step-icon {
        color: #333;
    }

.it_comp_work_process .step-desc h4 a {
    color: #111;
    margin-bottom: 15px;
    font-size: 22px;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.it_comp_work_process:hover .step-desc h4 a {
    color: #00e3c8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.it_comp_working_wrapper .step-icon {
    border-color: rgba(255, 255, 255, 0.2);
}

.it_comp_work_process .step-num-box {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

.it_comp_spinner_eff {
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: -66px;
    left: 90px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
}

    .it_comp_spinner_eff .it_comp_spinner_circle {
        border-radius: 100px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(1);
        transform-origin: center center;
    }

    .it_comp_spinner_eff .circle-1 {
        width: 100%;
        height: 100%;
        background-color: #99f7cd;
        top: 0;
        animation: pulse-1 1.8s linear 0s infinite;
    }

    .it_comp_spinner_eff .circle-2 {
        width: 66.6%;
        height: 66.6%;
        background-color: #d9f6e9;
        top: 16.5%;
        animation: pulse-2 1.8s linear 0s infinite;
    }

@keyframes pulse-1 {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.3);
        opacity: 0;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pulse-2 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
/*----- pricing table wrapper css -------*/

.it_comp_pricng_wrapper {
    padding: 0 0 100px 0;
    position: relative;
}

.it_comp_pricing_box_wrapper {
    text-align: center;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
}

.stations_wrapper {
    background: #fff;
}

.pricing_it_comp_heading_wrapper {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #76e28f;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.it_comp_pricing_box_wrapper:hover .pricing_it_comp_heading_wrapper {
    background: #00e3c8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_it_comp_heading_wrapper h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.it_comp_pricing_box_wrapper:hover .pricing_it_comp_heading_wrapper h3 {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.it_comp_pricng_list_wrapper {
    background: #fff;
    width: 220px;
    height: 90px;
    padding-top: 17px;
    display: inline-block;
    text-align: center;
    -moz-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-top: -45px;
}

    .it_comp_pricng_list_wrapper h3 {
        font-size: 26px;
        color: #111;
        font-weight: 500;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .it_comp_pricng_list_wrapper h3 span {
            font-size: 16px;
        }

.it_comp_pricing_five_list ul {
    margin-top: 50px;
}

.it_comp_pricing_five_list li {
    margin-top: 15px;
    font-size: 16px;
}

    .it_comp_pricing_five_list li:first-child {
        margin-top: 0;
    }

.it_comp_ui_pricing_five_btn {
    text-align: center;
}

    .it_comp_ui_pricing_five_btn a {
        display: inline-block;
        width: 190px;
        height: 45px;
        line-height: 42px;
        text-align: center;
        background: transparent;
        color: #111111;
        border: 1px solid #e6e6e6;
        margin-top: 50px;
        margin-bottom: 40px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

.it_comp_pricing_box_wrapper:hover .it_comp_ui_pricing_five_btn a {
    background: #00e3c8;
    color: #fff;
    border: 1px solid #00e3c8;
}

.pricing_it_comp_heading_wrapper2 {
    background: #7b4dbb;
}

.pricing_it_comp_heading_wrapper3 {
    background: #de6640;
}
/*----- team wrapper css ------*/

.it_comp_team_wrapper {
    padding-bottom: 70px;
    position: relative;
}

.it_comp_testimonial-content {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0;
}

    .it_comp_testimonial-content p {
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        margin-bottom: 0;
        color: #1c1d3e;
        position: relative;
    }

.it_comp_testimonial .it_comp_testimonial-caption label {
    margin-bottom: 0;
    font-weight: 500;
    color: #1c1d3e;
    display: block;
}

.it_comp_testimonial .it_comp_testimonial-caption h5 {
    color: #00e3c8;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.it_comp_testimonial .it_comp_testimonial-quote {
    color: #ffe2e1;
    z-index: -1;
    font-size: 200px;
    line-height: 200px;
    transform: rotate(-90deg);
    position: absolute;
    top: 0;
    right: 0;
}

.grey-bg .it_comp_testimonial-content p {
    color: #1c1d3e;
}

.it_comp_testimonial-caption {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    display: inline-block;
}

    .it_comp_testimonial-caption:before,
    .it_comp_testimonial-caption:after {
        content: '';
        position: absolute;
        z-index: 1;
        height: 3px;
        border-radius: 2px;
        top: 0;
    }

    .it_comp_testimonial-caption:before {
        background: #00e3c8;
        width: 60px;
        left: 0;
        right: 0;
        margin: 0px auto;
    }

.it_comp_testimonial_carousel .controls {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

    .it_comp_testimonial_carousel .controls li {
        position: relative;
        margin: 0 2%;
        border-radius: 50%;
        width: 46%;
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.2);
    }

        .it_comp_testimonial_carousel .controls li a {
            position: relative;
            z-index: 9;
            overflow: hidden;
            border-radius: 50%;
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .it_comp_testimonial_carousel .controls li:last-child {
            float: none;
            margin: 0 auto;
        }

        .it_comp_testimonial_carousel .controls li img {
            width: 100%;
            height: 100%;
        }

        .it_comp_testimonial_carousel .controls li.active:after,
        .it_comp_testimonial_carousel .controls li.active:before {
            content: '';
            border: 10px solid #00e3c8;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            position: absolute;
            left: 0%;
            top: 0%;
            opacity: 1;
            -webkit-animation: 2s videomodule-anim linear infinite;
            animation: 2s videomodule-anim linear infinite;
        }

.it_comp_testimonial.style-2 .it_comp_testimonial-img:before,
.it_comp_testimonial.style-2 .it_comp_testimonial-img:after {
    content: '';
    border: 10px solid #00e3c8;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    opacity: 1;
    -webkit-animation: 2s videomodule-anim linear infinite;
    animation: 2s videomodule-anim linear infinite;
}

.it_comp_testimonial_carousel .controls li.active:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.it_comp_testimonial.style-2 {
    text-align: center;
    padding: 20px 30px 70px;
}

    .it_comp_testimonial.style-2:before {
        display: none;
    }

.it_comp_testimonial-img {
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

    .it_comp_testimonial-img img {
        border-radius: 50%;
        position: relative;
        z-index: 9;
        width: 100%;
    }

.it_comp_testimonial.style-2 .it_comp_testimonial-img {
    width: 25%;
}

.it_comp_testimonial.style-2 .it_comp_testimonial-content {
    background: #ffffff;
    padding: 30px;
    border-radius: 7px;
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
}

    .it_comp_testimonial.style-2 .it_comp_testimonial-content:before {
        content: "";
        background: #ffffff;
        width: 96%;
        height: 100px;
        position: absolute;
        left: 2%;
        bottom: -20px;
        z-index: -1;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    }

    .it_comp_testimonial.style-2 .it_comp_testimonial-content:after {
        content: "";
        background: #ffffff;
        width: 92%;
        height: 100px;
        position: absolute;
        left: 4%;
        bottom: -40px;
        z-index: -9;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    }

.it_comp_testimonial_2 .carousel-inner {
    z-index: 9;
}

.it_comp_testimonial_carousel.it_comp_testimonial_2 .controls {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
}

    .it_comp_testimonial_carousel.it_comp_testimonial_2 .controls li {
        animation-name: blinkblink;
        animation-duration: 5000ms;
        transform-origin: 70% 70%;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        position: absolute;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        border-radius: 100%;
        z-index: 99;
        opacity: 0.6;
        width: 100px;
        height: 100px;
        margin: inherit;
        float: none;
    }

        .it_comp_testimonial_carousel.it_comp_testimonial_2 .controls li.active {
            opacity: 1;
            animation: inherit;
        }

.it_comp_testimonial_2 .controls li:nth-child(1) {
    left: 0;
    bottom: 10%;
}

.it_comp_testimonial_2 .controls li:nth-child(2) {
    left: 5%;
    bottom: 55%;
}

.it_comp_testimonial_2 .controls li:nth-child(3) {
    right: 5%;
    bottom: 55%;
}

.it_comp_testimonial_2 .controls li:nth-child(4) {
    right: 0;
    bottom: 10%;
}

@-webkit-keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(0.68);
        transform: scale(0.68);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(0.68);
        transform: scale(0.68);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}
/**----- news wrapper css -------**/

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

.news_it_comp_heading_wrapper {
    padding-bottom: 40px;
}

    .news_it_comp_heading_wrapper h2 {
        font-size: 36px;
        color: #000;
        text-transform: capitalize;
    }

.it_comp_news_form_wrapper input {
    float: left;
    width: calc(100% - 150px);
    height: 50px;
    border: 1px solid #e6e6e6;
    background: rgba(255, 255, 255, 0.19);
    color: #797979;
    padding-left: 20px;
    border-right: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative;
}

.it_comp_news_form_wrapper button {
    width: 150px;
    height: 50px;
    float: left;
    background: #00e3c8;
    border: 1px solid #00e3c8;
    color: #fff;
    cursor: pointer;
    text-transform: capitalize;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .it_comp_news_form_wrapper button:hover {
        background: #000000;
        border: 1px solid #000000;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.it_comp_contact_icon_section {
    padding: 80px 0;
    padding-bottom: 100px;
}

.it_comp_contact_main {
    text-align: center;
    background: #de6640;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

    .it_comp_contact_main:hover {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px);
    }

    .it_comp_contact_main h4 {
        font-size: 24px;
        margin-top: 30px;
        color: #fff;
        text-transform: capitalize;
    }

.it_comp_contact_main2 {
    background: #7b4dbb;
}

.it_comp_contact_main3 {
    background: #40d290;
}

.it_comp_contact_main p {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    color: #fff;
    padding: 40px;
    padding-top: 20px;
}

    .it_comp_contact_main p a {
        color: #fff;
    }

        .it_comp_contact_main p a:hover {
            color: #fff;
        }

.it_comp_contact_rotate {
    position: relative;
    padding: 40px 0 0 0;
}

    .it_comp_contact_rotate i {
        display: inline-block;
        color: #fff;
        font-size: 34px;
        text-align: center;
        position: relative;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

.text-center p {
    margin-top: 10px;
}
/**----- footer wrapper css -------**/

.it_comp_footer_wrapper {
    text-align: center;
    padding-top: 35px;
    padding: 30px 0;
    background: #f7fdfc;
}

.it_comp_icon_list_news {
    display: inline-block;
    margin-bottom: 5px;
    z-index: 1;
    position: relative;
}

    .it_comp_icon_list_news li {
        display: inline-block;
        margin-right: 15px;
    }

        .it_comp_icon_list_news li a {
            float: left;
            background: #00e3c8;
            width: 40px;
            line-height: 40px;
            height: 40px;
            color: #fff;
            padding-left: 0 !important;
            text-align: center;
            border-radius: 100px;
        }

            .it_comp_icon_list_news li a i {
                color: #fff;
                font-size: 14px;
            }

            .it_comp_icon_list_news li a:hover {
                background: #333232;
            }
/*********************** kidder CSS Start ****************************/

/* kid_header start */

.kid_header {
    float: left;
    z-index: 1;
    width: 100%;
    position: relative;
}

.kid_logo_wrapper {
    float: left;
    position: relative;
    padding-left: 10px;
    padding-top: 35px;
}

.kid_top_shape_wrapper {
    position: absolute;
    top: -185px;
    right: 203px;
}
/* kid_main_menu_wrapper start */

.kid_main_menu_wrapper {
    float: right;
    padding-top: 40px;
}

.kid_menu_right_wrapper p {
    float: left;
    padding-top: 8px;
    padding-right: 25px;
    font-weight: 500;
    color: #000;
}

.kid_main_menu_wrapper ul > li {
    float: left;
    margin-right: 19px;
}

    .kid_main_menu_wrapper ul > li > a {
        color: #111;
        font-size: 16px;
        text-transform: capitalize;
        padding: 15px 10px;
        position: relative;
    }

        .kid_main_menu_wrapper ul > li > a:hover {
            color: #f6469e;
        }

.kid_main_menu_wrapper ul > .active > a {
    background-color: transparent;
    color: #f6469e;
}

    .kid_main_menu_wrapper ul > .active > a:focus,
    .kid_main_menu_wrapper ul > .active > a:hover {
        background-color: transparent;
        color: #f6469e;
    }
/*kid_menu_right_wrapper start*/

.kid_menu_right_wrapper {
    float: right;
    padding-top: 30px;
    padding-right: 12px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.kid_menu_right_wrapper .kid_btn_style {
    line-height: 36px;
    width: 155px;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: capitalize;
    border: 1px solid #f6469e;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .kid_menu_right_wrapper .kid_btn_style:hover,
    .kid_menu_right_wrapper .kid_btn_style:focus {
        color: #f6469e;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.kid_serach_header {
    float: right;
    z-index: 1;
}

    .kid_serach_header .kid_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .kid_serach_header .kid_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.kid_searchd {
    background: transparent;
    padding-top: 9px;
    padding-right: 30px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.kid_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.kid_serach_header .kid_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .kid_serach_header .kid_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #f6469e;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .kid_serach_header .kid_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .kid_serach_header .kid_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #f6469e;
        border: 0;
        font-size: 20px;
        cursor: pointer;
    }

    .kid_serach_header .kid_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

    .kid_serach_header .kid_searchbox form input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .kid_serach_header .kid_searchbox form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

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

.kid_search_wrap {
    float: left;
}
/*------ kid_main_menu_wrapper end ------*/

/*---- kid_menu_fixed start ------*/

.kid_menu_fixed {
    position: fixed;
    background: #fff;
    top: -10px;
    left: 0;
    right: 0;
    z-index: 1000;
    padding-bottom: 22px;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
}

    .kid_menu_fixed:after {
        content: '';
        position: absolute;
        left: 0;
        width: 230px;
        height: 100%;
        top: 0;
        background: #f6469e;
        z-index: -1;
    }

    .kid_menu_fixed .logo_shape_wrapper {
        display: none;
    }

.kid_header .kid_menu_fixed_logo {
    display: none;
}

.kid_menu_fixed .kid_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.kid_menu_fixed .kid_btn_style:hover {
    background: transparent;
    color: #f6469e;
    border: 1px solid #f6469e;
}
/* kid_sidebar */

#kid_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#kid_toggle {
    float: right;
    width: auto;
    padding-top: 5px;
    cursor: pointer;
}

    #kid_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
    }

#kid_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #kid_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #kid_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #kid_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #kid_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #kid_cssmenu > ul > li.active > ul {
        display: block;
    }

    #kid_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #kid_cssmenu > ul > li > a:hover {
            background: #f6469e;
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #kid_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #kid_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #kid_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #kid_cssmenu ul > li.has-sub.open > a:after,
    #kid_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #kid_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #kid_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #kid_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #kid_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#kid_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.kid_sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#kid_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#kid_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#kid_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.kid_main_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    margin: -0.5px;
    width: 0;
    top: 50%;
    left: 0;
    z-index: 100;
    background: #f6469e;
    visibility: hidden;
    transition: all 0.5s;
}

.kid_main_menu_wrapper ul > li > a:hover:before {
    width: 100%;
    visibility: visible;
}

.kid_main_menu_wrapper ul > .active > a:before {
    width: 100%;
    visibility: visible;
}
/***------ slider wrapper css -------***/

.kid_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

    .kid_slider_wrapper .carousel-inner .carousel-item .caption-1,
    .kid_slider_wrapper .carousel-inner .carousel-item .caption-2,
    .kid_slider_wrapper .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 750px;
    }

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
        display: block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 150px;
        padding-bottom: 200px;
    }

        .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
            display: inline-block;
        }

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 100px;
    }

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
        color: #000;
        font-size: 50px;
        font-weight: 500;
        margin: 0 0 20px;
        animation-delay: 1.2s;
        text-transform: capitalize;
        line-height: 70px;
    }

        .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
            color: #f6469e;
        }

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
        animation-delay: 1.5s;
        line-height: 30px;
        font-size: 18px;
    }

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
        animation-delay: 2.0s;
        float: left;
        margin-right: 30px;
    }

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
        margin-top: 20px;
    }

.kid_slider_btn li a {
    width: 170px;
}

.kid_slider_wrapper .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.kid_slider_btn {
    padding-left: 0;
    float: left;
}

.kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 180px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #f6469e;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f6469e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #f6469e;
        background: #fff;
    }

.kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1 {
    color: #313131;
    font-family: 'Playball', cursive;
    font-size: 44px;
    margin-bottom: 20px;
    animation-delay: 0.5s;
    position: relative;
}

.kid_slider_wrapper .carousel-nevigation {
    position: absolute;
    bottom: 26%;
    float: left;
    z-index: 1;
    left: 395px;
}

    .kid_slider_wrapper .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #f6469e;
        border: 0;
        color: #fff;
        border: 1px solid #f6469e;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .kid_slider_wrapper .carousel-nevigation > .next {
        left: 70px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #f6469e;
        border: 0;
        color: #fff;
        line-height: 47px;
        text-align: center;
        border: 1px solid #f6469e;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.kid_shape_top_wrapper {
    position: absolute;
    right: 0;
    top: -90px;
}

.kid_slider_main_img_wrapper {
    padding-top: 55px;
}

.kid_shape_top_2 {
    position: absolute;
    top: -150px;
    right: -48px;
}

.kid_slider_wrapper .carousel-nevigation > .next:hover,
.kid_slider_wrapper .carousel-nevigation > .prev:hover {
    color: #f6469e;
    background: transparent;
}

.kid_slider_wrapper .carousel-nevigation > .next i:before,
.kid_slider_wrapper .carousel-nevigation > .prev i:before {
    font-size: 19px;
}

.kid_slider_wrapper .carousel-inner {
    overflow: visible;
}

.kid_shape_top3 {
    position: absolute;
    bottom: 50px;
    right: 0;
}

.kid_shape_top4 {
    position: absolute;
    bottom: 97px;
    left: -12%;
}

.kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1:after {
    content: '';
    position: absolute;
    right: 211px;
    top: 29px;
    width: 110px;
    height: 2px;
    background: #f6469e;
}
/**----- process wrapper css -------**/

.kid_process_wrapper {
    padding: 100px 0;
    padding-top: 160px;
}

.kid_process_box_wrapper {
    text-align: center;
    position: relative;
    padding: 0 10px;
}

    .kid_process_box_wrapper h1 a {
        font-size: 20px;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 15px;
    }

    .kid_process_box_wrapper a {
        text-transform: capitalize;
        font-size: 16px;
        color: #333;
        display: block;
        font-weight: 500;
        padding-top: 10px;
    }

.kid_process_icon_wrapper i:before {
    font-size: 38px;
    color: #fff;
}

.kid_process_box_wrapper:hover h1 a {
    color: #f6469e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_process_icon_wrapper {
    width: 100px;
    height: 100px;
    display: inline-block;
    line-height: 105px;
    margin: 20px 0 30px 0;
    border-radius: 100%;
    text-align: center;
    background: #f6469e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_process_line_shape {
    position: absolute;
    left: 210px;
    top: 17px;
}

.kid_process_box2 {
    margin-top: 20px;
}

    .kid_process_box2 .kid_process_line_shape {
        left: 205px;
        top: 50px;
    }
/**------ about us wrapper css -------**/

.kid_about_wrapper {
    padding: 50px 0 100px 0;
    position: relative;
}

.kid_about_shape_wrapper {
    position: absolute;
    bottom: 50px;
    left: 0;
}

.kid_about_image_wrapper img {
    padding-left: 70px;
    position: relative;
    z-index: 1;
}

.kid_about_content_wrapper h4 {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #797979;
    font-family: 'Lato';
}

.kid_about_content_wrapper h2 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 30px;
}

.kid_about_content_wrapper h6 {
    margin-top: 20px;
    line-height: 26px;
}

.kid_signature_wrapper {
    margin-top: 30px;
    position: relative;
}

    .kid_signature_wrapper h1 {
        text-transform: capitalize;
        font-size: 26px;
    }

    .kid_signature_wrapper span {
        font-size: 16px;
        padding-left: 15px;
    }

    .kid_signature_wrapper img {
        margin-top: 25px;
    }

.kid_title_effect {
    width: 120px;
    height: 120px;
    top: -83px;
    position: absolute;
    left: 30px;
    animation: rotation 12.8s steps(1) 0s infinite;
}

    .kid_title_effect .kid_ellipse {
        width: 100%;
        height: 100%;
        background: #f6469e;
        border-radius: 50%;
        animation: kid_ellipse-animation 2.4s cubic-bezier(0, -0.26, 0.32, 1.22) 0s infinite;
        transform: rotate(0deg);
    }

@keyframes kid_ellipse-animation {
    0% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }

    12.5% {
        border-top-left-radius: 0;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        transform: rotate(45deg);
    }

    25% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        transform: rotate(90deg);
    }

    37.5% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 50%;
        transform: rotate(135deg);
    }

    50% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transform: rotate(180deg);
    }

    62.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transform: rotate(225deg);
    }

    75% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transform: rotate(270deg);
    }

    87.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 0;
        transform: rotate(315deg);
    }

    100% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        transform: rotate(360deg);
    }
}
/*------ gallery slider wrapper css -----*/

.prs_upcom_movie_img_box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .prs_upcom_movie_img_box img {
        width: 100%;
    }

.prs_upcom_movie_img_overlay {
    position: absolute;
    top: 200px;
    right: 200px;
    left: 200px;
    bottom: 200px;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: all 0.55s linear;
    -moz-transition: all 0.55s linear;
    -ms-transition: all 0.55s linear;
    -o-transition: all 0.55s linear;
    transition: all 0.55s linear;
}

.news_top_icon:hover {
    color: #fff;
}

.prs_upcom_movie_box_wrapper {
    margin-right: 15px;
}

.kid_zoom_popup {
    display: inline-block;
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    margin: 0px auto;
    opacity: 0;
    text-align: center;
}

    .kid_zoom_popup a i {
        font-size: 20px;
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

.prs_upcom_movie_box_wrapper:hover .kid_zoom_popup {
    opacity: 1;
    -webkit-transition: all 0.45s linear;
    -moz-transition: all 0.45s linear;
    -ms-transition: all 0.45s linear;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
}

.prs_upcom_movie_box_wrapper:hover .prs_upcom_movie_img_overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(246, 70, 158, 0.8);
    opacity: 1;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.gallery_btn {
    margin-top: 50px;
    text-align: center;
}
/*------ services wrapper css ------*/

.kid_services_wrapper {
    padding: 100px 0;
    padding-bottom: 70px;
}

.kid_services_box {
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .kid_services_box:hover {
        border: 1px solid #f6469e;
        -webkit-box-shadow: 0px 0px 20px 3px rgba(85, 85, 85, 0.1);
        -moz-box-shadow: 0px 0px 20px 3px rgba(85, 85, 85, 0.1);
        box-shadow: 0px 0px 20px 3px rgba(85, 85, 85, 0.1);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.kid_services_icon_wraper i {
    width: 55px;
    height: 55px;
    line-height: 57px;
    background: #f6469e;
    text-align: center;
    color: #fff;
    float: left;
    border-radius: 100px;
    display: inline-block;
}

    .kid_services_icon_wraper i:before {
        text-align: center;
        font-size: 28px;
    }

.kid_services_icon_wraper h1 {
    float: left;
    width: calc(100% - 55px);
    padding-left: 20px;
}

    .kid_services_icon_wraper h1 a {
        font-size: 24px;
        padding-top: 10px;
        text-transform: capitalize;
    }

        .kid_services_icon_wraper h1 a:hover {
            color: #f6469e;
        }

.kid_services_box p {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.kid_testimonial_slider_wrapper {
    float: left;
    width: 100%;
}

    .kid_testimonial_slider_wrapper .owl-carousel .owl-item img {
        width: auto;
        display: inline-block;
        border-radius: 100%;
    }

    .kid_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 0 7px;
        background: #ffbede;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        position: relative;
    }

    .kid_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
    .kid_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
        background: #f6469e;
        display: block;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .kid_testimonial_slider_wrapper .owl-theme .owl-nav {
        display: none;
    }

    .kid_testimonial_slider_wrapper .kid_build_main {
        padding: 20px;
        padding-left: 0;
    }

        .kid_testimonial_slider_wrapper .kid_build_main h1 {
            font-size: 28px;
            text-transform: capitalize;
            font-weight: 500;
            padding-bottom: 20px;
        }

        .kid_testimonial_slider_wrapper .kid_build_main h2 {
            font-size: 20px;
            text-transform: capitalize;
            font-weight: 500;
            padding-bottom: 40px;
        }

            .kid_testimonial_slider_wrapper .kid_build_main h2 a span {
                font-size: 18px;
                color: #f6469e;
                text-transform: capitalize;
                font-weight: 500;
                border-bottom: 2px solid #f6469e;
            }

    .kid_testimonial_slider_wrapper .owl-theme .owl-dots {
        position: absolute;
        left: 0;
        margin-top: 20px !important;
    }

        .kid_testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot.active span:after {
            content: '';
            border: 2px solid #f6469e;
            border-radius: 100%;
            position: absolute;
            left: -4px;
            width: 12px;
            padding: 8px;
            height: 12px;
            right: 0;
            top: -4px;
        }

.kid_testimonial_wrapper {
    padding: 100px 0;
    background: #fff6fc;
}

.kid_build_img_wrapper img {
    width: 100%;
    padding-right: 30px;
}
/*----- pricing table wrapper css -------*/

.kid_pricng_wrapper {
    padding: 100px 0 100px 0;
    position: relative;
}

.kid_pricing_box_wrapper {
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.stations_wrapper {
    background: #fff;
}

.pricing_kid_heading_wrapper {
    padding-top: 50px;
    padding-bottom: 80px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_pricing_box_wrapper:hover {
    background: #f6469e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_kid_heading_wrapper h3 {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_pricing_box_wrapper:hover .pricing_kid_heading_wrapper h3 {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_pricng_list_wrapper {
    background: #fdeff7;
    width: 100%;
    height: 90px;
    padding-top: 17px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin-top: -45px;
}

.kid_pricing_box_wrapper:hover .kid_pricng_list_wrapper {
    background: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_pricng_list_wrapper h3 {
    font-size: 26px;
    color: #111;
    font-weight: 500;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .kid_pricng_list_wrapper h3 span {
        font-size: 16px;
    }

.kid_pricing_five_list ul {
    margin-top: 50px;
}

.kid_pricing_five_list li {
    margin-top: 15px;
    font-size: 16px;
}

.kid_pricing_box_wrapper:hover .kid_pricing_five_list li {
    color: #fff;
}

.kid_pricing_five_list li:first-child {
    margin-top: 0;
}

.kid_pricing_five_btn {
    text-align: center;
}

    .kid_pricing_five_btn a {
        display: inline-block;
        width: 190px;
        height: 45px;
        line-height: 42px;
        text-align: center;
        background: transparent;
        color: #111111;
        border: 1px solid #e6e6e6;
        margin-top: 50px;
        margin-bottom: 40px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

.kid_pricing_box_wrapper:hover .kid_pricing_five_btn a {
    background: #fff;
    border: 1px solid #fff;
}
/*------- partners wrapper css -----*/

.kid_pn_slider_wraper .item {
    width: 100%;
}

.kid_pn_slider_wraper .owl-theme .owl-dots .owl-dot,
.kid_pn_slider_wraper .owl-theme .owl-nav {
    display: none;
}

.kid_pn_img_wrapper {
    text-align: center;
    float: left;
    width: 100%;
}

    .kid_pn_img_wrapper img {
        width: auto !important;
        display: inline-block !important;
    }
/**----- bussi_location_wrapper css -------**/

.kid_location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .kid_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .kid_location_wrapper .response {
        color: #111;
    }

    .kid_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.kid_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.kid_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.kid_contect_btn {
    float: left;
    width: 100%;
}

    .kid_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #f6469e;
        color: #fff;
        border: 1px solid #f6469e;
        text-align: center;
        line-height: 42px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .kid_contect_btn button:hover {
            background: transparent;
            color: #f6469e;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*------- footer wrapper css ------*/

.kid_footer_wrapper {
    padding: 80px 0;
    padding-bottom: 60px;
    position: relative;
    background: #f6469e;
}

.kid_footer_about_link_wrapper {
    padding-top: 12px;
}

.kid_footer_shape_wrapper {
    position: absolute;
    bottom: -200px;
}

.section2_kid_footer_wrapper,
.footer_kid_about_wrapper,
.wrapper_second_useful,
.wrapper_second_blog {
    float: left;
    width: 100%;
}

    .section2_kid_footer_wrapper h4 {
        font-size: 22px;
        padding-bottom: 32px;
        font-weight: 500;
        font-family: 'Roboto';
        text-transform: capitalize;
        color: #fff;
    }

.kid_footer_about_link_wrapper li i {
    margin-right: 10px;
}

.kid_footer_about_link_wrapper li a {
    color: #fff;
    text-transform: capitalize;
}

.footer_kid_about_wrapper .kid_footer_about_link_wrapper li a {
    text-transform: capitalize;
}

    .footer_kid_about_wrapper .kid_footer_about_link_wrapper li a:hover {
        color: #fff;
    }

.kid_footer_about_link_wrapper li {
    color: #fff;
    margin-bottom: 15px;
}

    .kid_footer_about_link_wrapper li a:hover {
        color: #fff;
    }

.kid_wrapper_first_image {
    padding-bottom: 20px;
}

.kid_usefull_linkx li {
    margin-bottom: 12px;
}

.kid_abotus_content {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

    .kid_abotus_content p {
        font-size: 16px;
        color: #fff;
    }

.footer_useful_wrapper ul li {
    margin-bottom: 13px;
}

    .footer_useful_wrapper ul li i {
        color: #ececec;
        margin-right: 20px;
        font-size: 16px;
    }

    .footer_useful_wrapper ul li a {
        color: #ececec;
        font-size: 16px;
        text-transform: capitalize;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .footer_useful_wrapper ul li a:hover {
            color: #fff;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

.kid_btm_foter_box {
    float: left;
    width: 100%;
    padding-top: 23px;
    text-align: center;
    padding-bottom: 20px;
}

.footer_btn_wrapper {
    float: right;
}

.foter_contact_nav ul li a p {
    color: #fff;
    text-transform: lowercase !important;
}

.kid_usefull_linkx {
    padding: 0;
}

.kid_footer_widget h4 {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 30px;
    padding-top: 5px;
    color: #fff;
}

.kid_footer_blog_wrapper {
    padding-left: 20px;
}

.kid_footer_cont_btn li a {
    width: 160px;
    font-size: 16px;
    height: 45px;
    background: #fff;
    color: #f6469e;
    line-height: 42px;
    border: 1px solid transparent;
    text-transform: capitalize;
}

    .kid_footer_cont_btn li a:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.kid_btm_foter_box p {
    color: #797979;
    font-size: 16px;
    text-transform: capitalize;
}

button:focus {
    outline: none;
}

.kid_btm_foter_box p a {
    color: #f6469e;
    margin-left: 2px;
}

    .kid_btm_foter_box p a:hover {
        color: #f6469e;
    }

.kid_map_wrapper iframe {
    width: 100%;
    height: 600px;
    border: 0;
    position: relative;
}

.kid_menu_fixed .kid_top_shape_wrapper svg {
    display: none;
}

.kid_footer_contact_wrapper p {
    color: #fff;
}

.kid_footer_cont_btn {
    margin-top: 30px;
    float: left;
    width: 100%;
}

    .kid_footer_cont_btn a i {
        margin-right: 5px;
    }
/*********************** Lawyer CSS Start ****************************/

/* lawyer_header start */

.lawyer_header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.lawyer_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 29px;
}

.shape_top_lawyer_header {
    position: absolute;
    left: 0;
    top: -75px;
    z-index: -1;
}
/* lawyer_main_menu_wrapper start */

.lawyer_main_menu_wrapper {
    float: left;
    padding-top: 40px;
}

    .lawyer_main_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .lawyer_main_menu_wrapper ul > li > a {
            color: #fff;
            font-size: 16px;
            text-transform: capitalize;
            padding: 15px 7px;
            position: relative;
        }

            .lawyer_main_menu_wrapper ul > li > a:hover {
                color: #fd8964;
            }

    .lawyer_main_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #fd8964;
    }

        .lawyer_main_menu_wrapper ul > .active > a:focus,
        .lawyer_main_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #fd8964;
        }
/*lawyer_menu_right_wrapper start*/

.lawyer_menu_right_wrapper {
    float: left;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.lawyer_menu_right_wrapper .lawyer_btn_style {
    line-height: 36px;
    width: 170px;
    height: 40px;
    float: left;
    text-transform: capitalize;
    font-size: 16px;
    border: 2px solid #de6640;
    font-weight: 400;
    background: #de6640;
    color: #fff;
    font-family: 'lato';
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .lawyer_menu_right_wrapper .lawyer_btn_style:hover,
    .lawyer_menu_right_wrapper .lawyer_btn_style:focus {
        color: #fff;
        background: transparent;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.lawyer_serach_header {
    float: right;
    z-index: 1;
}

    .lawyer_serach_header .lawyer_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .lawyer_serach_header .lawyer_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.lawyer_searchd {
    background: transparent;
    padding-top: 9px;
    padding-right: 30px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.lawyer_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.lawyer_serach_header .lawyer_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .lawyer_serach_header .lawyer_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #de6640;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .lawyer_serach_header .lawyer_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .lawyer_serach_header .lawyer_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #de6640;
        border: 0;
        cursor: pointer;
        font-size: 20px;
    }

    .lawyer_serach_header .lawyer_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .lawyer_serach_header .lawyer_searchbox form::-webkit-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

    .lawyer_serach_header .lawyer_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(219, 187, 10, 0.6);
    }

    .lawyer_serach_header .lawyer_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(219, 187, 10, 0.6);
    }

    .lawyer_serach_header .lawyer_searchbox form:-ms-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

.lawyer_search_wrap {
    float: left;
}
/* lawyer_main_menu_wrapper end */

/* lawyer_menu_fixed start */

.lawyer_menu_fixed {
    position: fixed;
    background: #7b4dbb;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 100;
    padding-bottom: 25px;
}

    .lawyer_menu_fixed .logo_shape_wrapper {
        display: none;
    }

.lawyer_header .lawyer_menu_fixed_logo {
    display: none;
}

.lawyer_menu_fixed .lawyer_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.lawyer_menu_fixed ul > li > a {
    color: #fff;
}

    .lawyer_menu_fixed ul > li > a:hover {
        color: #fff;
    }

.lawyer_menu_fixed ul > .active > a {
    color: #fff;
}

    .lawyer_menu_fixed ul > .active > a:focus,
    .lawyer_menu_fixed ul > .active > a:hover {
        color: #fff;
    }

.lawyer_menu_fixed .lawyer_btn_style {
    background: #fff;
    color: #de6640;
    border: 1px solid #fff;
}

    .lawyer_menu_fixed .lawyer_btn_style:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.lawyer_menu_fixed .lawyer_searchd {
    color: #fff;
}
/* lawyer_sidebar */

#lawyer_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#lawyer_toggle {
    float: right;
    width: auto;
    padding-top: 5px;
    cursor: pointer;
}

    #lawyer_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
        color: #fff;
        padding-left: 25px;
    }

#lawyer_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #lawyer_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #lawyer_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #lawyer_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #lawyer_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #lawyer_cssmenu > ul > li.active > ul {
        display: block;
    }

    #lawyer_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #111;
        text-transform: capitalize;
        background: #ffffff;
        border-bottom: 1px solid #e6e6e6;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #lawyer_cssmenu > ul > li > a:hover {
            color: #d16148;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #lawyer_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #lawyer_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #lawyer_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #lawyer_cssmenu ul > li.has-sub.open > a:after,
    #lawyer_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #lawyer_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #lawyer_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #lawyer_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #lawyer_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#lawyer_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.lawyer_sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#lawyer_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#lawyer_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#lawyer_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}
/**---- banner wrapper css ------**/

.lawyer_banner_wrapper {
    background: url(../images/lawyer/banner.jpg) 50% 0 repeat-y;
    background-position: center 0;
    background-size: cover;
    height: 100%;
    position: relative;
    margin-top: -80px;
}

.lawyer_banner_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(123, 77, 187, 0.8);
}

.lawyer_banner_shape {
    position: absolute;
    bottom: -55px;
    z-index: 1;
}

.lawyer_banner_form_box {
    padding: 40px 45px;
    margin: 90px 0;
    position: relative;
    top: 120px;
    z-index: 1;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.lawyer_banner_content_wrapper {
    margin: 260px 0 100px 0;
}

.lawyer_banner_form_box h1 {
    text-transform: capitalize;
    font-size: 36px;
    color: #7b4dbb;
    margin-bottom: 20px;
}

.lawyer_banner_form input {
    width: 100%;
    height: 50px;
    padding-left: 5px;
    background: transparent;
    color: #555;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: #fff;
    text-transform: capitalize;
    line-height: 50px;
    border-bottom: 1px solid #bdbdbd;
    font-size: 16px;
    margin-bottom: 20px;
}

.lawyer_banner_form_btn {
    margin-top: 20px;
}

    .lawyer_banner_form_btn .lawyer_btn_style {
        line-height: 42px;
        width: 170px;
        height: 45px;
        float: left;
        text-transform: capitalize;
        font-size: 16px;
        border: 2px solid #de6640;
        font-weight: 400;
        background: #de6640;
        color: #fff;
    }

        .lawyer_banner_form_btn .lawyer_btn_style:hover {
            color: #de6640;
            background: transparent;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.lawyer_banner_content_wrapper {
    padding-left: 50px;
    padding-right: 60px;
}

    .lawyer_banner_content_wrapper h1 {
        font-size: 50px;
        line-height: 64px;
        color: #fff;
        text-transform: capitalize;
    }

    .lawyer_banner_content_wrapper p {
        color: #fff;
        margin-top: 20px;
    }

.lawyer_banner_text_btn {
    margin-top: 30px;
}

    .lawyer_banner_text_btn .lawyer_btn_style {
        width: 260px;
        background: #fff;
        border: 2px solid #fff;
        color: #de6640;
    }

        .lawyer_banner_text_btn .lawyer_btn_style:hover {
            color: #fff;
        }
/**------ service wrapper css ---------**/

.lawyer_services_wrapper {
    padding: 120px 0 30px 0;
}

.lawyer_services_box {
    padding: 50px 30px;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
    border: 1px solid #e6e6e6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .lawyer_services_box:hover {
        border: 1px solid #de6640;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .lawyer_services_box i:before {
        color: #de6640;
        display: block;
        font-size: 52px;
        margin-bottom: 35px;
    }

    .lawyer_services_box h1 a {
        font-size: 24px;
        text-transform: capitalize;
        font-weight: 500;
        display: block;
        margin-bottom: 10px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .lawyer_services_box:hover h1 a {
        color: #de6640;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.lawyer_service_shape1 {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
}

.lawyer_service_shape3 {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
}

.lawyer_service_shape2 {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
}
/**---- experience wrapper css -----**/

.lawyer_experience_wrapper {
    background: #f8f6fc;
}

.lawyer_experince_img_wrapper {
    float: left;
    width: 42%;
    position: relative;
}

.lawyer_experince_overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(123, 77, 187, 0.75);
    border-top-right-radius: 400px;
    border-bottom-right-radius: 400px;
}

.lawyer_experince_img_wrapper img {
    width: 100%;
    border-top-right-radius: 400px;
    border-bottom-right-radius: 400px;
}

.lawyer_experince_content_wrapper {
    float: left;
    width: 58%;
    padding: 70px 380px 20px 50px;
}

    .lawyer_experince_content_wrapper h1 {
        font-size: 36px;
        text-transform: capitalize;
        font-weight: 500;
        margin-bottom: 20px;
    }

.lawyer_visit_btn {
    margin-top: 25px;
}

    .lawyer_visit_btn li {
        margin-right: 25px;
        float: left;
    }
/*---- counter wrapper css -----*/

.lawyer_counter_wrapper {
    padding: 100px 0 90px 0;
}

.lawyer_counter_box_shape {
    padding: 60px 20px 30px 20px;
    background: #fff;
    margin-top: 20px;
    text-align: center;
    z-index: 1;
    position: relative;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .lawyer_counter_box_shape h3 {
        font-size: 36px;
        font-weight: 500;
        color: #7b4dbb;
        padding-top: 10px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .lawyer_counter_box_shape h4 {
        font-size: 18px;
        text-transform: capitalize;
        color: #797979;
        padding-top: 10px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.lawyer_couter_years {
    text-align: center;
}

    .lawyer_couter_years span {
        width: 160px;
        font-family: 'Lato';
        font-size: 68px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        line-height: 125px;
        border: 20px solid #f8f7fb;
        height: 160px;
        display: inline-block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        background: radial-gradient(#f59b80 2%, #de6640 70%);
    }

    .lawyer_couter_years h2 {
        font-size: 20px;
        text-align: center;
        padding-top: 15px;
    }

.lawyer_counter_box_shape:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.lawyer_counter_box_shape svg {
    position: absolute;
    left: 0;
    top: -13px;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.lawyer_counter_box_shape:hover svg path {
    fill: #7b4dbb;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/*---- lawyer wrapper ----*/

.lawyer_slider_wrapper {
    float: right;
    width: 100%;
}

    .lawyer_slider_wrapper .owl-theme .owl-dots {
        display: none;
    }

    .lawyer_slider_wrapper .owl-theme .owl-nav {
        position: absolute;
        top: 40%;
        z-index: 1000;
        display: block;
        left: 0;
        right: 0;
        margin: 0px auto;
    }

        .lawyer_slider_wrapper .owl-theme .owl-nav .owl-prev {
            color: #fff;
            margin: 5px;
            width: 75px;
            height: 40px;
            line-height: 31px;
            position: absolute;
            left: -40px;
            border: 1px solid #7b4dbb;
            background: #7b4dbb;
            display: inline-block;
            border-radius: 50px;
            cursor: pointer;
            font-size: 18px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

        .lawyer_slider_wrapper .owl-theme .owl-nav .owl-next {
            color: #fff;
            font-size: 18px;
            margin: 5px;
            width: 75px;
            height: 40px;
            line-height: 31px;
            border: 1px solid #7b4dbb;
            background: #7b4dbb;
            display: inline-block;
            border-radius: 40px;
            cursor: pointer;
            position: absolute;
            right: -40px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .lawyer_slider_wrapper .owl-theme .owl-nav .owl-next:hover {
                border: 1px solid #fff;
                background: #fff;
                color: #7b4dbb;
                box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }

        .lawyer_slider_wrapper .owl-theme .owl-nav .owl-prev:hover {
            border: 1px solid #fff;
            background: #fff;
            color: #7b4dbb;
            box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

        .lawyer_slider_wrapper .owl-theme .owl-nav .owl-prev i:before {
            font-size: 22px;
        }

        .lawyer_slider_wrapper .owl-theme .owl-nav .owl-next i:before {
            font-size: 22px;
        }

.lawyer_botom_text {
    position: absolute;
    bottom: -75px;
    left: 1px;
    width: 35%;
    background: #7b4dbb;
    padding: 28px 40px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
}

    .lawyer_botom_text h1 {
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .lawyer_botom_text a {
        text-transform: capitalize;
        font-size: 16px;
        color: #fff;
        position: relative;
    }

.lawyer_slider_wrapper .owl-carousel .owl-stage:after {
    height: 80px;
}

.lawyer_botom_text a:after {
    content: '';
    position: absolute;
    right: -66px;
    top: 12px;
    width: 55px;
    height: 2px;
    background: #f16b43;
}

.lawyer_specialist_about_wrapper {
    padding: 80px 0;
}

.lawyer_about_shape_wrapper img {
    position: relative;
    left: -70px;
}

.lawyer_accordian_wraper #accordion h1 {
    font-size: 26px;
    padding-bottom: 30px;
    font-weight: 400;
    text-transform: capitalize;
}

.lawyer_accordian_wraper #accordion .card {
    background: #fff;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.lawyer_card_pagee {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f0f5ff;
}

.lawyer_accordian_wraper #accordion .lawyer_card_pagee h5 {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

.lawyer_accordian_wraper #accordion .card-body {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 0;
}

    .lawyer_accordian_wraper #accordion .card-body .card_cntnt {
        float: left;
        width: 100%;
    }

.lawyer_accordian_wraper #accordion[data-toggle="collapse"].collapsed:after {
    content: "\2212";
}

.lawyer_accordian_wraper #accordion[data-toggle="collapse"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\2212";
    position: absolute;
    font-size: 26px;
    top: 6px;
    right: 15px;
}

.lawyer_accordian_wraper #accordion .lawyer_card_pagee a {
    color: #ffffff;
    background-color: #7b4dbb;
    display: block;
    padding: 13px 15px;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .lawyer_accordian_wraper #accordion .lawyer_card_pagee a.collapsed {
        color: #000000;
        background-color: #faf6ff;
        display: block;
        padding: 13px 18px;
        border: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .lawyer_accordian_wraper #accordion .lawyer_card_pagee a:after {
        color: #fff;
    }

    .lawyer_accordian_wraper #accordion .lawyer_card_pagee a.collapsed:after {
        content: "+";
        color: #000000;
        float: right;
    }
/**----- testimonial wrapper css ------**/

.lawyer_client_slider .carousel-indicators li:first-child {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    margin-bottom: 20px;
    float: left;
    background: transparent;
    position: absolute;
    left: -200px;
    top: -220px;
}

.lawyer_client_slider .carousel-indicators li:nth-child(2) {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    background: transparent;
    float: left;
    position: absolute;
    left: -320px;
    bottom: -51px;
}

.lawyer_client_slider .carousel-indicators li:nth-child(3) {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    background: transparent;
    float: left;
    left: -150px;
    top: -60px;
}

.lawyer_client_slider .carousel-indicators li:last-child {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    background: transparent;
    float: left;
    left: -111px;
    top: 39px;
}

.lawyer_client_slider ol.carousel-indicators {
    display: block;
    margin-left: 0;
    position: absolute;
    bottom: 0;
}

.lawyer_client_slider .carousel-item h5 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

.lawyer_client_slider .carousel-indicators li img {
    width: 100%;
}

.lawyer_client_slider .carousel-item h3 {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 30px;
    color: #fff;
    font-style: italic;
    margin-top: 25px;
}

.client_left .lawyer_surname a {
    font-size: 20px;
    margin-bottom: 0;
    text-transform: capitalize !important;
    padding-top: 30px;
    font-weight: 600;
    float: left;
    width: 100%;
    color: #1e2b38;
}

.lawyer_client_slider .carousel-control {
    position: absolute;
    bottom: 70px;
    right: 57%;
}

.client_left .lawyer_surname p {
    text-transform: capitalize !important;
    font-size: 12px !important;
}

.lawyer_client_slider .carousel-control-prev {
    color: #fff;
    width: 75px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    left: -24px;
    z-index: 10;
    border: 1px solid #de6640;
    background: #de6640;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1000;
    font-size: 18px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
}

.lawyer_client_slider .carousel-control-next {
    color: #fff;
    width: 75px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: -140px;
    z-index: 1000;
    border: 1px solid #de6640;
    background: #de6640;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.lawyer_client_slider .carousel-control-prev:hover {
    background-color: transparent;
    border: 1px solid #de6640;
    color: #de6640;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lawyer_client_slider .carousel-control-next:hover {
    background-color: transparent;
    border: 1px solid #de6640;
    color: #de6640;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lawyer_client_slider .carousel-control-next span:before {
    font-size: 24px !important;
}

.lawyer_client_slider .carousel-control-prev span:before {
    font-size: 24px !important;
}

.lawyer_client_right_content {
    float: left;
    width: calc(100% - 400px);
    padding-left: 50px;
}

.lawyer_client_left_img {
    width: 400px;
    float: left;
    position: relative;
}

    .lawyer_client_left_img img {
        float: right;
    }

.lawyer_quote_wrapper {
    float: left;
    width: calc(100% - 60px);
}

.lawyer_client_slider {
    padding: 70px 0 40px 0;
    background: #7b4dbb;
    position: relative;
    border-bottom-left-radius: 220px;
    border-top-left-radius: 220px;
}

    .lawyer_client_slider .carousel-indicators li {
        position: relative;
        opacity: 1;
    }

    .lawyer_client_slider:after {
        content: '';
        position: absolute;
        right: -394px;
        top: 0;
        background: #7b4dbb;
        min-height: 418px;
        width: 395px;
    }

.lawyer_quote_wrapper .lawyer_surname a {
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.lawyer_quote_wrapper .lawyer_trainer {
    color: #fff;
    text-transform: capitalize;
}

.lawyer_client_slider .carousel-indicators li.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    opacity: 0;
    border-radius: 100%;
}
/**--- blog wrapper css -----**/

.lawyer_blog_wrapper {
    padding: 100px 0;
}

.lawyer_blog_box_wrapper {
    border: 1px solid #f3f3f3;
    background: #fff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .lawyer_blog_box_wrapper:hover .lawyer_blog_cont_wrapper h5 a {
        color: #7b4dbb;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.lawyer_blog_img_wrapper {
    position: relative;
}

    .lawyer_blog_img_wrapper img {
        width: 100%;
    }

.lawyer_blog_cont_wrapper {
    float: left;
    width: 100%;
    padding: 30px;
}

    .lawyer_blog_cont_wrapper h5 {
        margin-bottom: 15px;
    }

        .lawyer_blog_cont_wrapper h5 a {
            font-size: 20px;
            color: #111;
            line-height: 24px;
            text-transform: capitalize;
        }

.lawyer_blog_cont_bottom_left {
    float: left;
    width: 45%;
    padding-bottom: 20px;
    text-align: center;
}

    .lawyer_blog_cont_bottom_left p {
        margin: 0;
    }

.lawyer_blog_cont_bottom_right p {
    margin: 0;
}

.lawyer_blog_cont_bottom_left p i {
    color: #7b4dbb;
    margin-right: 5px;
    font-size: 14px;
}

.lawyer_blog_cont_bottom_right {
    float: left;
    width: 55%;
    padding-bottom: 20px;
    text-align: center;
}

    .lawyer_blog_cont_bottom_right p i {
        color: #7b4dbb;
        margin-right: 5px;
        font-size: 14px;
    }

    .lawyer_blog_cont_bottom_left p a,
    .lawyer_blog_cont_bottom_right p a {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        color: #797979;
        text-transform: capitalize;
    }

        .lawyer_blog_cont_bottom_left p a:hover,
        .lawyer_blog_cont_bottom_right p a:hover {
            color: #7a4cbb;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.comments i {
    color: #f7685e !important;
}
/**----- lawyer_location_wrapper css -------**/

.lawyer_location_wrapper {
    float: left;
    padding-bottom: 100px;
    width: 100%;
}

    .lawyer_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .lawyer_location_wrapper .response {
        color: #111;
    }

    .lawyer_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.lawyer_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.lawyer_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.lawyer_contect_btn {
    float: left;
    width: 100%;
}

    .lawyer_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #de6640;
        color: #fff;
        border: 2px solid #de6640;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .lawyer_contect_btn button:hover {
            background: transparent;
            color: #de6640;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*------- partners wrapper css -----*/

.lawyer_pn_slider_wraper .item {
    width: 100%;
}

.lawyer_pn_slider_wraper .owl-theme .owl-dots .owl-dot,
.lawyer_pn_slider_wraper .owl-theme .owl-nav {
    display: none;
}

.lawyer_pn_img_wrapper {
    text-align: center;
    float: left;
    width: 100%;
}

    .lawyer_pn_img_wrapper img {
        width: auto !important;
        display: inline-block !important;
    }
/**----- footer wrapper css -------**/

.lawyer_footer_wrapper {
    text-align: center;
    padding: 30px 0;
    padding-top: 100px;
    position: relative;
}

.lawyer_footer_shape {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.lawyer_icon_list_news {
    display: inline-block;
    margin-bottom: 15px;
    z-index: 1;
    margin-top: 40px;
    position: relative;
}

    .lawyer_icon_list_news li {
        display: inline-block;
        margin-right: 15px;
    }

        .lawyer_icon_list_news li a {
            float: left;
            background: #7b4dbb;
            width: 40px;
            line-height: 40px;
            height: 40px;
            color: #fff;
            border: 1px solid #7b4dbb;
            padding-left: 0 !important;
            text-align: center;
            border-radius: 100px;
        }

            .lawyer_icon_list_news li a i {
                font-size: 14px;
            }

            .lawyer_icon_list_news li a:hover {
                background: #fff;
                color: #7b4dbb;
            }
/*********************** PC Fixer CSS Start ****************************/

/* pcfix_header start */

.pcfix_header {
    float: left;
    z-index: 10;
    width: 100%;
    position: relative;
}

.pcfix_logo_wrapper {
    float: left;
    position: relative;
    padding-left: 10px;
    padding-top: 30px;
}
/* pcfix_menu_wrapper start */

.pcfix_menu_wrapper {
    float: left;
    padding-top: 40px;
    margin-left: -90px;
}

.pcfix_menu_right_wrapper p {
    float: left;
    padding-top: 8px;
    padding-right: 25px;
    font-weight: 500;
    color: #111;
}

.pcfix_menu_wrapper ul > li {
    float: left;
    margin-right: 19px;
}

    .pcfix_menu_wrapper ul > li > a {
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        padding: 15px 10px;
        position: relative;
    }

        .pcfix_menu_wrapper ul > li > a:hover {
            color: #f3d632;
        }

.pcfix_menu_wrapper ul > .active > a {
    background-color: transparent;
    color: #f3d632;
}

    .pcfix_menu_wrapper ul > .active > a:focus,
    .pcfix_menu_wrapper ul > .active > a:hover {
        background-color: transparent;
        color: #f3d632;
    }
/*pcfix_menu_right_wrapper start*/

.pcfix_menu_right_wrapper {
    float: right;
    padding-top: 30px;
    padding-right: 12px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.pcfix_menu_right_wrapper .pcfix_btn_style {
    line-height: 36px;
    width: 155px;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #00aaef;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .pcfix_menu_right_wrapper .pcfix_btn_style:hover,
    .pcfix_menu_right_wrapper .pcfix_btn_style:focus {
        color: #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.pcfix_serach_header {
    float: right;
    z-index: 1;
}

    .pcfix_serach_header .pcfix_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .pcfix_serach_header .pcfix_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.pcfix_searchd {
    background: transparent;
    padding-top: 9px;
    padding-right: 15px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.pcfix_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.pcfix_serach_header .pcfix_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .pcfix_serach_header .pcfix_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #00aaef;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

button:focus {
    outline: none;
    border: 0;
}

.pcfix_serach_header .pcfix_searchbox form input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #fff;
    font-size: 28px;
    font-weight: lighter;
    left: 0;
    right: 0;
    margin: 0px auto;
    outline: medium none;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 30px;
    position: absolute;
    top: 45%;
    width: 36%;
    line-height: 60px;
}

.pcfix_serach_header .pcfix_searchbox form button {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    left: 64%;
    position: absolute;
    top: 49%;
    transform: translate(0%, -55%);
    background: transparent;
    color: #00aaef;
    border: 0;
    font-size: 20px;
    cursor: pointer;
}

.pcfix_serach_header .pcfix_searchbox.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
}

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

.pcfix_serach_header .pcfix_searchbox form input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.pcfix_serach_header .pcfix_searchbox form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

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

.pcfix_search_wrap {
    float: left;
}
/*------ pcfix_menu_wrapper end ------*/

/*---- menu_fixed start ------*/

.pcfix_menu_fixed {
    position: fixed;
    background: #111;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    padding-bottom: 22px;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
}

    .pcfix_menu_fixed .pcfix_menu_right_wrapper p,
    .pcfix_menu_fixed .pcfix_searchd {
        color: #fff;
    }

    .pcfix_menu_fixed .pcfix_btn_style:hover {
        background: transparent;
        color: #00aaef;
        border: 1px solid #00aaef;
    }
/* pcfix_sidebar */

#pcfix_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#pcfix_toggle {
    float: right;
    width: auto;
    padding-top: 5px;
    cursor: pointer;
}

    #pcfix_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
    }

#pcfix_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #pcfix_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #pcfix_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #pcfix_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #pcfix_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #pcfix_cssmenu > ul > li.active > ul {
        display: block;
    }

    #pcfix_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #pcfix_cssmenu > ul > li > a:hover {
            background: #00aaef;
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #pcfix_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #pcfix_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #pcfix_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #pcfix_cssmenu ul > li.has-sub.open > a:after,
    #pcfix_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #pcfix_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #pcfix_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #pcfix_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #pcfix_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#pcfix_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.pcfix_sidebar_logo img {
    padding-top: 25px;
    padding-left: 16px;
}

#pcfix_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#pcfix_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#pcfix_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}
/*------ slider wrapper css -------*/

.pcfix_slider_area {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -91px;
    background-image: url(../images/pc_fixer/banner.jpg);
    height: 100%;
    background-position: center 0;
    background-size: cover;
}

    .pcfix_slider_area .carousel-inner .carousel-item .caption-1,
    .pcfix_slider_area .carousel-inner .carousel-item .caption-2,
    .pcfix_slider_area .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        min-height: 900px;
    }

    .pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        top: 280px;
        padding-bottom: 273px;
    }

    .pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 140px;
    }

    .pcfix_slider_area .carousel-indicators {
        position: absolute;
        bottom: 0;
        top: 45%;
        z-index: 1;
        left: auto;
        padding-left: 0;
        right: -150px;
        text-align: center;
        display: block;
        list-style: none;
    }

.pcfix_slider_area_overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}

.pcfix_slider_area .carousel-inner .carousel-indicators li {
    text-indent: 0;
    position: relative;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    margin: 2px;
    color: #000011;
    text-align: left;
    font-weight: 600;
    margin-top: 25px;
}

    .pcfix_slider_area .carousel-inner .carousel-indicators li span.number {
        display: inline-block;
    }

    .pcfix_slider_area .carousel-inner .carousel-indicators li:after {
        content: '';
        position: absolute;
        left: 40px;
        top: 8px;
        width: 10px;
        height: 10px;
        background: transparent;
        border-radius: 50px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .pcfix_slider_area .carousel-inner .carousel-indicators li:before {
        content: '';
        position: absolute;
        left: 40px;
        top: 12px;
        width: 0;
        height: 2px;
        opacity: 0;
        background: transparent;
        -webkit-transition: all .8s;
        -moz-transition: all .8s;
        -ms-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
    }

    .pcfix_slider_area .carousel-inner .carousel-indicators li.active {
        color: #fff;
        line-height: 29px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .pcfix_slider_area .carousel-inner .carousel-indicators li.active:after {
            background: #fff;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

        .pcfix_slider_area .carousel-inner .carousel-indicators li.active:before {
            width: 150px;
            background: #fff;
            opacity: 1;
            -webkit-transition: all .8s;
            -moz-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s;
            transition: all .8s;
        }

    .pcfix_slider_area .carousel-inner .carousel-indicators li:first-child {
        margin-top: 0;
    }

.pcfix_slider_area .carousel-nevigation {
    display: none;
}

.pcfix_slider_area .carousel-status {
    font-size: 24px;
}

.pcfix_slider_shape_wrapper {
    content: '';
    position: absolute;
    top: 0;
    width: 55%;
    height: 100%;
    transform: skew(-16deg);
    background: #f3d632;
    transition: all 0.5s;
    right: -173px;
}

.pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content h1 {
    color: #fff;
    font-family: 'Playball', cursive;
    font-size: 44px;
    margin-bottom: 30px;
    animation-delay: 0.5s;
    text-transform: capitalize;
    position: relative;
}

    .pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content h1:after {
        content: '';
        position: absolute;
        right: 211px;
        top: 29px;
        width: 110px;
        height: 2px;
        background: #f3d632;
    }

.pcfix_slider_btn {
    padding-left: 0;
    float: left;
}

.pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 180px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #00aaef;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #00aaef;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #00aaef;
        background: transparent;
    }

.pcfix_repair_btn_wrapper {
    margin-top: 30px;
}

.pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content li {
    animation-delay: 1.8s;
    margin-top: 10px;
}

.pcfix_slider_area .carousel-inner .carousel-item .carousel-captions .content h2 {
    color: #fff;
    font-size: 54px;
    font-weight: 500;
    margin: 0 0 30px;
    animation-delay: 1.2s;
    text-transform: capitalize;
    line-height: 70px;
}

.pcfix_slider_main_img_wrapper {
    padding-top: 150px;
}

    .pcfix_slider_main_img_wrapper img {
        width: 100%;
        position: relative;
        left: 100px;
    }
/**------ about us erapper css -------**/

.pcfix_perfect_repair {
    padding: 100px 0;
    position: relative;
    padding-top: 130px;
}

.pcfix_perfect_repair_content h2 {
    font-size: 34px;
    line-height: 42px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 30px;
}

.pcfix_repair_shape {
    position: absolute;
    left: -40px;
    bottom: 0;
}

.pcfix_repair_btn_wrapper ul li {
    float: left;
    margin-right: 35px;
}

    .pcfix_repair_btn_wrapper ul li a i:before {
        color: #777;
        font-size: 32px;
        position: relative;
        top: 10px;
        font-weight: 600;
    }

.pcfix_about_image_wrapper {
    position: absolute;
    right: -50px;
    top: -40px;
}

    .pcfix_about_image_wrapper img {
        position: relative;
        z-index: 1;
    }

    .pcfix_about_image_wrapper svg {
        position: absolute;
        left: 4px;
        bottom: -3px;
    }

.pcfix_repair_II_wrapper {
    padding: 100px 0;
    position: relative;
}

    .pcfix_repair_II_wrapper .pcfix_about_image_wrapper {
        right: auto;
        left: -100px;
    }

    .pcfix_repair_II_wrapper .pcfix_perfect_repair_content {
        padding-top: 30px;
    }
/**------- service wrapper css -------**/

.pcfix_service_wrapper {
    padding: 100px 0;
    position: relative;
}

.pcfix_services_box {
    padding: 35px;
    padding-top: 30px;
    margin-bottom: 30px;
    border: 1px solid #f7f7f7;
    -webkit-box-shadow: 0px 0px 8px 3px rgba(85, 85, 85, 0.1);
    -moz-box-shadow: 0px 0px 8px 3px rgba(85, 85, 85, 0.1);
    box-shadow: 0px 0px 8px 3px rgba(85, 85, 85, 0.1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .pcfix_services_box:hover {
        border: 1px solid #00aaef;
        background: #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .pcfix_services_box:hover .pcfix_services_icon_wraper i,
        .pcfix_services_box:hover .pcfix_services_icon_wraper h1 a {
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .pcfix_services_box:hover p {
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.pcfix_services_icon_wraper i {
    float: left;
    color: #00aaef;
    display: inline-block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .pcfix_services_icon_wraper i:before {
        text-align: center;
        font-size: 40px;
        position: relative;
        top: 16px;
    }

.pcfix_services_icon_wraper h1 {
    float: left;
    width: calc(100% - 55px);
    padding-left: 20px;
}

    .pcfix_services_icon_wraper h1 a {
        font-size: 24px;
        padding-top: 10px;
        text-transform: capitalize;
    }

.pcfix_services_box p {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.pcfix_service_shape {
    position: absolute;
    right: 0;
    bottom: 100px;
}
/**---- newsletter wrapper css -------**/

.pcfix_newsletter_wrapper {
    padding: 50px 0;
    background: #f3d632;
    position: relative;
}

.pcfix_newslwtteter_left {
    float: left;
    width: 80%;
    padding-left: 250px;
}

    .pcfix_newslwtteter_left p {
        color: #111;
    }

    .pcfix_newslwtteter_left h2 {
        font-size: 28px;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 4px;
    }

.pcfix_news_img_wrapper {
    position: absolute;
    left: 0;
    top: -44px;
}

.pcfix_newslwtteter_button {
    float: left;
    width: 20%;
    margin-top: 10px;
}

    .pcfix_newslwtteter_button .pcfix_work_btn_style {
        float: right;
        margin: 0;
    }

        .pcfix_newslwtteter_button .pcfix_work_btn_style a {
            width: 200px;
        }
/**----- pricing wrapper css -------**/

.pcfix_pricing_wrapper {
    padding: 100px 0;
    position: relative;
}

.pcfix_pricing_shape {
    position: absolute;
    bottom: -105px;
    left: -45px;
}

.pcfix_pricing_content {
    padding: 40px;
    text-align: center;
    border: 1px solid #e6e6e6;
}

    .pcfix_pricing_content h1 {
        color: #111;
        font-size: 24px;
        text-transform: capitalize;
        margin-bottom: 30px;
        border-bottom: 1px dashed #dedede;
        padding-bottom: 20px;
    }

    .pcfix_pricing_content p {
        font-size: 36px;
        font-weight: 800;
        color: #00aaef;
        padding-bottom: 25px;
        border-bottom: 1px dashed #dedede;
        margin-bottom: 40px;
    }

.pcfix_pricng_box_wrapper {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .pcfix_pricng_box_wrapper:hover {
        -webkit-box-shadow: 0px 0px 15px 3px rgba(85, 85, 85, 0.1);
        -moz-box-shadow: 0px 0px 15px 3px rgba(85, 85, 85, 0.1);
        box-shadow: 0px 0px 15px 3px rgba(85, 85, 85, 0.1);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/**----- testimonial wrapper css ------**/

.pcfix_client_slider .carousel-indicators li:first-child {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    margin-bottom: 20px;
    float: left;
    background: transparent;
    position: absolute;
    left: -43px;
    top: -224px;
}

.pcfix_client_slider .carousel-indicators li:nth-child(2) {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    background: transparent;
    float: left;
    position: absolute;
    left: -90px;
    top: -79px;
}

.pcfix_client_slider .carousel-indicators li:nth-child(3) {
    display: flex;
    height: 70px;
    text-indent: 999999px !important;
    width: 70px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    background: transparent;
    float: left;
    left: -29px;
    top: 53px;
}

.pcfix_client_slider ol.carousel-indicators {
    display: block;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
}

.pcfix_client_slider .carousel-item h5 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

.pcfix_client_slider .carousel-indicators li img {
    width: 100%;
}

.pcfix_client_slider .carousel-item h3 {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 30px;
    color: #797979;
    font-style: italic;
    margin-top: 15px;
}

.client_left .pcfix_surname a {
    font-size: 20px;
    margin-bottom: 0;
    text-transform: capitalize !important;
    padding-top: 30px;
    font-weight: 600;
    float: left;
    width: 100%;
    color: #1e2b38;
}

.pcfix_client_slider .carousel-control {
    position: absolute;
    bottom: 70px;
    right: 57%;
}

.client_left .pcfix_surname p {
    text-transform: capitalize !important;
    font-size: 12px !important;
}

.pcfix_client_slider .carousel-control-prev {
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    left: -24px;
    z-index: 10;
    border: 1px solid #00aaef;
    background: #00aaef;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1000;
    font-size: 18px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
}

.pcfix_client_slider .carousel-control-next {
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: -80px;
    z-index: 1000;
    border: 1px solid #00aaef;
    background: #00aaef;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pcfix_client_slider .carousel-control-prev:hover {
    background-color: #f3d632;
    border: 1px solid #f3d632;
    color: #111;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pcfix_client_slider .carousel-control-next:hover {
    background-color: #f3d632;
    border: 1px solid #f3d632;
    color: #111;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pcfix_client_slider .carousel-control-next span:before {
    font-size: 18px !important;
    font-weight: 600;
}

.pcfix_client_slider .carousel-control-prev span:before {
    font-size: 18px !important;
    font-weight: 600;
}

.pcfix_client_right_content {
    float: left;
    width: calc(100% - 400px);
    padding-left: 50px;
}

.pcfix_client_left_img {
    width: 400px;
    float: left;
    position: relative;
}

    .pcfix_client_left_img img {
        float: right;
    }

.pcfix_quote_wrapper {
    float: left;
    width: 100%;
}

.pcfix_client_slider {
    position: relative;
}

    .pcfix_client_slider .carousel-indicators li {
        position: relative;
        opacity: 1;
    }

.pcfix_quote_wrapper .pcfix_surname a {
    font-size: 24px;
    text-transform: capitalize;
    color: #111;
    margin-bottom: 10px;
    display: block;
}

.pcfix_quote_wrapper .pcfix_trainer {
    color: #444;
    text-transform: capitalize;
}

.pcfix_client_slider .carousel-indicators li.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    opacity: 0;
    border-radius: 100%;
}

.pcfix_testimonial_wrapper {
    background: #f9f9f9;
    padding: 100px 0;
}
/**--- blog wrapper css -----**/

.pcfix_blog_wrapper {
    padding-top: 100px;
}

.pcfix_blog_box_wrapper {
    border: 1px solid #f3f3f3;
    background: #fff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .pcfix_blog_box_wrapper:hover .pcfix_blog_cont_wrapper h5 a {
        color: #00aaef;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.pcfix_blog_img_wrapper {
    position: relative;
}

    .pcfix_blog_img_wrapper img {
        width: 100%;
    }

.pcfix_blog_cont_wrapper {
    float: left;
    width: 100%;
    padding: 30px;
}

    .pcfix_blog_cont_wrapper h5 {
        margin-bottom: 15px;
    }

        .pcfix_blog_cont_wrapper h5 a {
            font-size: 20px;
            color: #111;
            line-height: 24px;
            text-transform: capitalize;
        }

.pcfix_blog_cont_bottom_left {
    float: left;
    width: 45%;
    padding-bottom: 20px;
    text-align: center;
}

    .pcfix_blog_cont_bottom_left p {
        margin: 0;
    }

.pcfix_blog_cont_bottom_right p {
    margin: 0;
}

.pcfix_blog_cont_bottom_left p i {
    color: #00aaef;
    margin-right: 5px;
    font-size: 14px;
}

.pcfix_blog_cont_bottom_right {
    float: left;
    width: 55%;
    padding-bottom: 20px;
    text-align: center;
}

    .pcfix_blog_cont_bottom_right p i {
        color: #00aaef;
        margin-right: 5px;
        font-size: 14px;
    }

    .pcfix_blog_cont_bottom_left p a,
    .pcfix_blog_cont_bottom_right p a {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        color: #797979;
        text-transform: capitalize;
    }

        .pcfix_blog_cont_bottom_left p a:hover,
        .pcfix_blog_cont_bottom_right p a:hover {
            color: #00aaef;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.pcfix_comments i {
    color: #f7685e !important;
}

.pcfix_blog_cont_wrapper span {
    text-transform: capitalize;
    color: #333;
    margin-bottom: 10px;
    display: block;
}
/**----- pcfix_location_wrapper css -------**/

.pcfix_location_wrapper {
    float: left;
    padding-top: 94px;
    padding-bottom: 100px;
    width: 100%;
}

    .pcfix_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .pcfix_location_wrapper .response {
        color: #111;
    }

    .pcfix_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.pcfix_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pcfix_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.pcfix_contect_btn {
    float: left;
    width: 100%;
}

    .pcfix_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #00aaef;
        color: #fff;
        border: 1px solid #00aaef;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .pcfix_contect_btn button:hover {
            background: transparent;
            color: #00aaef;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*------- partners wrapper css -----*/

.pcfix_pn_slider_wraper .item {
    width: 100%;
}

.pcfix_pn_slider_wraper .owl-theme .owl-dots .owl-dot,
.pcfix_pn_slider_wraper .owl-theme .owl-nav {
    display: none;
}

.pcfix_pn_img_wrapper {
    text-align: center;
    float: left;
    width: 100%;
}

    .pcfix_pn_img_wrapper img {
        width: auto !important;
        display: inline-block !important;
    }
/*------- footer wrapper css ------*/

.pcfix_footer_wrapper {
    padding: 80px 0;
    padding-bottom: 50px;
    position: relative;
    background: #00aaef;
}

.pcfix_footer_shape {
    position: absolute;
    bottom: -71px;
    right: -40px;
}

.pcfix_footer_shape_wrapper {
    position: absolute;
    bottom: -200px;
}

.pcfix_footer_about_link li {
    color: #fff;
    margin-bottom: 19px;
}

    .pcfix_footer_about_link li i {
        margin-right: 10px;
    }

    .pcfix_footer_about_link li a {
        color: #fff;
        text-transform: capitalize;
    }

.pcfix_usefull_linkx li {
    margin-bottom: 10px;
}

.pcfix_abotus_content {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

    .pcfix_abotus_content p {
        font-size: 16px;
        color: #fff;
    }

.footer_useful_wrapper ul li {
    margin-bottom: 13px;
}

    .footer_useful_wrapper ul li i {
        color: #ececec;
        margin-right: 20px;
        font-size: 16px;
    }

    .footer_useful_wrapper ul li a {
        color: #ececec;
        font-size: 16px;
        text-transform: capitalize;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .footer_useful_wrapper ul li a:hover {
            color: #fff;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

.pcfix_btm_foter_box {
    float: left;
    width: 100%;
    padding-top: 25px;
    text-align: center;
    padding-bottom: 20px;
}

.pcfix_usefull_linkx {
    padding: 0;
}

.pcfix_footer_widget h4 {
    font-size: 26px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 35px;
    padding-top: 24px;
    color: #fff;
}

    .pcfix_footer_widget h4:after {
        content: '';
        position: absolute;
        bottom: 24px;
        width: 70px;
        height: 2px;
        background: #fff;
        left: 0;
    }

.pcfix_footer_blog_wrapper {
    padding-left: 50px;
}

.pcfix_footer_contect_form input {
    width: 100%;
    height: 45px;
    color: #111;
    background: #fff;
    font-size: 16px;
    padding-left: 15px;
    margin-top: 8px;
    text-transform: capitalize;
    line-height: 45px;
    border-radius: 50px;
    border: 1px solid #e6e6e6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pcfix_footer_cont_btn li a {
    width: 160px;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    text-transform: capitalize;
}

    .pcfix_footer_cont_btn li a:hover {
        background: #fff;
        border: 1px solid #09abef;
    }

.pcfix_btm_foter_box p {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
}

.pcfix_bottom_wrapper {
    background: #09abef;
}

button:focus {
    outline: none;
}

.pcfix_btm_foter_box p a {
    color: #fff;
    margin-left: 2px;
}

    .pcfix_btm_foter_box p a:hover {
        color: #fff;
    }

.menu_fixed .top_shape_wrapper svg {
    display: none;
}

.pcfix_footer_contact_wrapper p {
    color: #fff;
    margin-bottom: 10px;
}

.pcfix_footer_cont_btn {
    margin-top: 20px;
    float: left;
    width: 100%;
}

    .pcfix_footer_cont_btn a i {
        margin-right: 5px;
    }

.pcfix_footer_contect_form input:focus {
    box-shadow: none;
    border: 1px solid #e6e6e6;
    outline: none;
}

.pcfix_partner_wrapper {
    padding-bottom: 100px;
}
/*********************** Software CSS Start ****************************/

/* soft_header start */

.soft_header {
    float: left;
    width: 100%;
    z-index: 10;
    position: relative;
}

.soft_logo_wrapper {
    float: left;
    position: relative;
    padding-top: 25px;
    padding-left: 10px;
}
/* soft_menu_wrapper start */

.soft_menu_wrapper {
    float: right;
    padding-top: 35px;
}

    .soft_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .soft_menu_wrapper ul > li > a {
            color: #fff;
            font-size: 16px;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .soft_menu_wrapper ul > li > a:hover {
                color: #fff;
            }

    .soft_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #fff;
    }

        .soft_menu_wrapper ul > .active > a:focus,
        .soft_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #fff;
        }

    .soft_menu_wrapper ul > li > a:after {
        content: "";
        position: absolute;
        top: 14px;
        left: 100%;
        right: 0;
        height: 1px;
        transition: left 0.2s ease 0s, right 0.2s ease 0s;
        background-color: #fff;
    }

    .soft_menu_wrapper ul > li > a:before {
        content: "";
        position: absolute;
        top: 42px;
        left: 100%;
        right: 0;
        height: 1px;
        transition: left 0.2s ease 0s, right 0.2s ease 0s;
        background-color: #fff;
    }

    .soft_menu_wrapper ul > li > a:hover:after {
        left: 0;
        right: 60%;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }

    .soft_menu_wrapper ul > li > a:hover:before {
        left: 60%;
        right: 0;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }

    .soft_menu_wrapper ul > .active > a:after {
        left: 0;
        right: 60%;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }

    .soft_menu_wrapper ul > .active > a:before {
        left: 60%;
        right: 0;
        transition: left 0.2s ease 0.2s, right 0.2s ease 0s;
    }
/*soft_menu_right_wrapper start*/

.soft_menu_right_wrapper {
    float: right;
    padding-top: 25px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.soft_menu_right_wrapper .soft_btn_style {
    line-height: 36px;
    width: 170px;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Lato';
    border: 1px solid #fff;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .soft_menu_right_wrapper .soft_btn_style:hover,
    .soft_menu_right_wrapper .soft_btn_style:focus {
        color: #fff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.soft_serach_header {
    float: right;
    z-index: 1;
}

    .soft_serach_header .soft_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .soft_serach_header .soft_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.soft_searchd {
    background: transparent;
    padding-top: 10px;
    padding-right: 20px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.soft_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.soft_serach_header .soft_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .soft_serach_header .soft_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #4e49de;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .soft_serach_header .soft_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .soft_serach_header .soft_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        cursor: pointer;
        transform: translate(0%, -55%);
        background: transparent;
        color: #4e49de;
        border: 0;
        font-size: 20px;
    }

    .soft_serach_header .soft_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .soft_serach_header .soft_searchbox form::-webkit-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

    .soft_serach_header .soft_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(219, 187, 10, 0.6);
    }

    .soft_serach_header .soft_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(219, 187, 10, 0.6);
    }

    .soft_serach_header .soft_searchbox form:-ms-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

.soft_search_wrap {
    float: left;
}
/* soft_menu_wrapper end */

/* soft_menu_fixed start */

.soft_menu_fixed {
    position: fixed;
    background: #fff;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 100;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
}

.soft_header .soft_menu_fixed_logo {
    display: none;
}

.soft_menu_fixed .soft_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.soft_menu_fixed ul > li > a {
    color: #000;
}

    .soft_menu_fixed ul > li > a:hover {
        color: #4e49de;
    }

.soft_menu_fixed ul > .active > a {
    color: #4e49de;
}

    .soft_menu_fixed ul > .active > a:focus,
    .soft_menu_fixed ul > .active > a:hover {
        color: #4e49de;
    }

.soft_menu_fixed .soft_btn_style {
    background: #4e49de;
    color: #fff;
}

    .soft_menu_fixed .soft_btn_style:hover {
        background: #fff;
        color: #4e49de;
        border: 1px solid #4e49de;
    }

.soft_menu_fixed:after {
    content: '';
    position: absolute;
    width: 265px;
    height: 100%;
    left: 0;
    top: 0;
    background: #4e49de;
    z-index: -1;
}

.soft_menu_fixed .soft_searchd,
.soft_menu_fixed #soft_toggle a i:before {
    color: #111;
}

.soft_menu_fixed .soft_searchd_bar {
    color: #111;
}
/* soft_sidebar */

#soft_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
}

#soft_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #soft_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
        color: #fff;
    }

#soft_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #soft_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #soft_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #soft_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #soft_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #soft_cssmenu > ul > li.active > ul {
        display: block;
    }

    #soft_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #soft_cssmenu > ul > li > a:hover {
            color: #fff;
            background: #4e49de;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #soft_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #soft_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #soft_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #soft_cssmenu ul > li.has-sub.open > a:after,
    #soft_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #soft_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #soft_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #soft_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #soft_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#soft_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 25px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.soft_sidebar_logo img {
    padding-top: 19px;
    padding-left: 25px;
}

#soft_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#soft_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#soft_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}
/*------ slider wrapper css -------*/

.soft_slider_wrapper {
    float: left;
    width: 100%;
    background: url(../images/software/slider_bg.png) 50% 0 repeat-y;
    background-position: center 0;
    background-size: cover;
    height: 100%;
    margin-top: -90px;
    position: relative;
}

.soft_slider_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(78, 73, 222, 0.75);
}

.soft_slider_wrapper .carousel-inner .carousel-item .caption-1,
.soft_slider_wrapper .carousel-inner .carousel-item .caption-2,
.soft_slider_wrapper .carousel-inner .carousel-item .caption-3 {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 820px;
}

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
    display: block;
    position: relative;
    z-index: 999;
    overflow: hidden;
    vertical-align: middle;
    padding-top: 250px;
    padding-bottom: 150px;
}

    .soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
        display: inline-block;
    }

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
    display: block;
    position: relative;
    z-index: 999;
    vertical-align: middle;
    padding-top: 100px;
}

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
    color: #fff;
    font-weight: 500;
    font-size: 50px;
    margin: 0 0 13px;
    animation-delay: 1.2s;
    text-transform: capitalize;
    line-height: 70px;
}

    .soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
        color: #4e49de;
    }

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
    animation-delay: 1.5s;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
}

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
    animation-delay: 2.0s;
    float: left;
    margin-right: 30px;
}

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
    margin-top: 40px;
}

.soft_slider_btn li a {
    width: 170px;
}

.soft_slider_main_img_wrapper {
    position: absolute;
    top: 210px;
    left: 0;
    margin-right: -50px;
}

.soft_slider_wrapper .carousel-indicators {
    position: absolute;
    bottom: 190px;
    z-index: 1;
    right: auto;
    left: 122px;
}

.soft_slider_wrapper .carousel-inner .item .carousel-captions .content li {
    animation-delay: 3.2s;
}

.soft_slider_wrapper .carousel-inner .carousel-indicators li {
    text-indent: 0;
    position: relative;
    width: 11px;
    height: 11px;
    background-color: transparent;
    display: inline-block;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    margin: 0 12px 0 0;
    color: #fff;
    text-align: left;
    background: rgba(255, 255, 255, 0.4);
    margin-top: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

    .soft_slider_wrapper .carousel-inner .carousel-indicators li span.number {
        display: inline-block;
    }

    .soft_slider_wrapper .carousel-inner .carousel-indicators li span.con {
        display: inline-block;
        position: relative;
        padding-left: 42px;
    }

        .soft_slider_wrapper .carousel-inner .carousel-indicators li span.con:after {
            content: '';
            position: absolute;
            left: 0;
            top: 45%;
            height: 1px;
            background: #cf9c67;
            width: 26px;
        }

    .soft_slider_wrapper .carousel-inner .carousel-indicators li.active {
        background: #fff;
        width: 11px;
        height: 11px;
        line-height: 29px;
    }

.soft_slider_btn {
    padding-left: 0;
    float: left;
}

.soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 160px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .soft_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #4e49de;
        background: #fff;
    }

.soft_slider_wrapper .carousel-nevigation {
    display: none;
}

.soft_slider_wrapper .carousel-inner {
    overflow: visible;
}

.soft_slider_main_img_wrapper img {
    width: 100%;
}
/**------ about us erapper css -------**/

.soft_about_wrapper {
    padding-bottom: 100px;
    padding-top: 120px;
    position: relative;
}

.soft_about_image_wrapper {
    position: absolute;
    top: 39px;
    left: -28px;
}

.soft_read_btn_style {
    width: 160px;
    margin-top: 30px;
    border: 1px solid #4e49de;
    height: 45px;
    background: #4e49de;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
}

    .soft_read_btn_style:hover {
        color: #4e49de;
    }

.soft_about_shpe_wrapper {
    position: absolute;
    left: 0;
    top: -40px;
}
/**------ soft_title_main_wrapper css -------**/

.soft_title_main_wrapper {
    float: left;
    width: 100%;
    padding-top: 100px;
}

.soft_title_box_main_wrapper {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.soft_title_img_wrapper {
    float: left;
    width: 100%;
    position: relative;
}

    .soft_title_img_wrapper img {
        width: 100%;
    }

.soft_title_img_cont_wrapper {
    float: left;
    width: 100%;
    padding: 30px;
    border: 1px solid #ebebeb;
    border-top: 0;
}

    .soft_title_img_cont_wrapper h2 {
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 20px;
    }

        .soft_title_img_cont_wrapper h2 a {
            color: #222222;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

.soft_title_box_main_wrapper:hover .soft_title_img_cont_wrapper h2 a {
    color: #4e49de;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_title_box_main_wrapper:hover .soft_title_img_cont_wrapper h5 a {
    color: #4e49de;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .soft_title_box_main_wrapper:hover .soft_title_img_cont_wrapper h5 a i {
        color: #4e49de;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.soft_title_img_cont_wrapper h5 a {
    font-size: 16px;
    color: #75429c;
    padding-top: 20px;
    display: inline-block;
}

.soft_title_img_wrapper li {
    float: left;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #75429c;
    color: #ffffff;
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_title_box_main_wrapper:hover .soft_title_img_wrapper li {
    background: #ee8722;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_title_main_wrapper .soft_effect_btn {
    margin-top: 50px;
    text-align: center;
}

    .soft_title_main_wrapper .soft_effect_btn li a {
        float: none;
        display: inline-block;
    }
/**------- work process start -------**/

#soft_svg_container {
    position: absolute;
    width: 100%;
    left: 52%;
    transform: translateX(-50%);
    width: 75%;
    bottom: 104px;
}

.soft_working_wrapper #svgC {
    margin: 0 auto;
    width: 100%;
}

.soft_work_process {
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
}

.soft_working_wrapper {
    padding-bottom: 100px;
    position: relative;
    padding-top: 100px;
}

    .soft_working_wrapper .step-num {
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 4px 15px 0 #f0eaf5;
        color: #4e49de;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        height: 50px;
        right: 0;
        line-height: 55px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 50px;
    }

    .soft_working_wrapper .step-icon {
        background: #ffffff;
        width: 120px;
        height: 120px;
        position: relative;
        border-radius: 50%;
        line-height: 130px;
        font-size: 40px;
        text-align: center;
        color: #1c1d3e;
        -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
        color: #333;
    }

    .soft_working_wrapper .step-desc h4 a {
        color: #111;
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: 500;
        display: inline-block;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.soft_work_process:hover .step-desc h4 a {
    color: #4e49de;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_working_wrapper.step-icon {
    border-color: rgba(255, 255, 255, 0.2);
}

.soft_working_wrapper .step-num-box {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

.soft-spinner-eff {
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: -66px;
    left: 90px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
}

    .soft-spinner-eff .soft-spinner-circle {
        border-radius: 100px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(1);
        transform-origin: center center;
    }

    .soft-spinner-eff .soft-circle-1 {
        width: 100%;
        height: 100%;
        background-color: #4e49de;
        top: 0;
        animation: pulse-1 1.8s linear 0s infinite;
    }

    .soft-spinner-eff .soft-circle-2 {
        width: 66.6%;
        height: 66.6%;
        background-color: #4e49de;
        top: 16.5%;
        animation: pulse-2 1.8s linear 0s infinite;
    }

@keyframes pulse-1 {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.3);
        opacity: 0;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes pulse-2 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
/*----- pricing table wrapper css -------*/

.soft_pricng_wrapper {
    padding: 0 0 100px 0;
    position: relative;
}

.soft_pricing_box_wrapper {
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
}

.stations_wrapper {
    background: #fff;
}

.pricing_soft_heading_wrapper {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #edecfc;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_pricing_box_wrapper:hover .pricing_soft_heading_wrapper {
    background: #4e49de;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pricing_soft_heading_wrapper h3 {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_pricing_box_wrapper:hover .pricing_soft_heading_wrapper h3 {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.soft_pricng_list_wrapper {
    background: #fff;
    width: 220px;
    height: 90px;
    padding-top: 17px;
    display: inline-block;
    text-align: center;
    -moz-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-top: -45px;
}

    .soft_pricng_list_wrapper h3 {
        font-size: 26px;
        color: #111;
        font-weight: 500;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .soft_pricng_list_wrapper h3 span {
            font-size: 16px;
        }

.soft_pricing_five_list ul {
    margin-top: 50px;
}

.soft_pricing_five_list li {
    margin-top: 15px;
    font-size: 16px;
}

    .soft_pricing_five_list li:first-child {
        margin-top: 0;
    }

.soft_pricing_five_btn {
    text-align: center;
}

    .soft_pricing_five_btn a {
        display: inline-block;
        width: 190px;
        height: 45px;
        line-height: 42px;
        text-align: center;
        background: transparent;
        color: #111111;
        border: 1px solid #e6e6e6;
        margin-top: 50px;
        margin-bottom: 40px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

.soft_pricing_box_wrapper:hover .soft_pricing_five_btn a {
    background: #4e49de;
    color: #fff;
    border: 1px solid #4e49de;
}
/*----- team wrapper css ------*/

.soft_team_wrapper {
    padding-bottom: 70px;
    position: relative;
}

.soft_testimonial-content {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0;
}

    .soft_testimonial-content p {
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        margin-bottom: 0;
        color: #1c1d3e;
        position: relative;
    }

.soft_testimonial .soft_testimonial-caption label {
    margin-bottom: 0;
    font-weight: 500;
    color: #1c1d3e;
    display: block;
}

.soft_testimonial .soft_testimonial-caption h5 {
    color: #4e49de;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.soft_testimonial .soft_testimonial-quote {
    color: #ffe2e1;
    z-index: -1;
    font-size: 200px;
    line-height: 200px;
    transform: rotate(-90deg);
    position: absolute;
    top: 0;
    right: 0;
}

.grey-bg .soft_testimonial-content p {
    color: #1c1d3e;
}

.soft_testimonial-caption {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
    display: inline-block;
}

    .soft_testimonial-caption:before,
    .soft_testimonial-caption:after {
        content: '';
        position: absolute;
        z-index: 1;
        height: 3px;
        border-radius: 2px;
        top: 0;
    }

    .soft_testimonial-caption:before {
        background: #4e49de;
        width: 60px;
        left: 0;
        right: 0;
        margin: 0px auto;
    }

.soft_testimonial-carousel .controls {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

    .soft_testimonial-carousel .controls li {
        position: relative;
        margin: 0 2%;
        border-radius: 50%;
        width: 46%;
        box-shadow: 0 30px 70px rgba(0, 0, 0, 0.2);
    }

        .soft_testimonial-carousel .controls li a {
            position: relative;
            z-index: 9;
            overflow: hidden;
            border-radius: 50%;
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .soft_testimonial-carousel .controls li:last-child {
            float: none;
            margin: 0 auto;
        }

        .soft_testimonial-carousel .controls li img {
            width: 100%;
            height: 100%;
        }

        .soft_testimonial-carousel .controls li.active:after,
        .soft_testimonial-carousel .controls li.active:before {
            content: '';
            border: 10px solid #4e49de;
            width: 100%;
            height: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            position: absolute;
            left: 0%;
            top: 0%;
            opacity: 1;
            -webkit-animation: 2s videomodule-anim linear infinite;
            animation: 2s videomodule-anim linear infinite;
        }

.soft_testimonial.style-2 .soft_testimonial-img:before,
.soft_testimonial.style-2 .soft_testimonial-img:after {
    content: '';
    border: 10px solid #4e49de;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    opacity: 1;
    -webkit-animation: 2s videomodule-anim linear infinite;
    animation: 2s videomodule-anim linear infinite;
}

.soft_testimonial-carousel .controls li.active:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.soft_testimonial.style-2 {
    text-align: center;
    padding: 20px 30px 70px;
}

    .soft_testimonial.style-2:before {
        display: none;
    }

.soft_testimonial-img {
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

    .soft_testimonial-img img {
        border-radius: 50%;
        position: relative;
        z-index: 9;
        width: 100%;
    }

.soft_testimonial.style-2 .soft_testimonial-img {
    width: 25%;
}

.soft_testimonial.style-2 .soft_testimonial-content {
    background: #ffffff;
    padding: 30px;
    border-radius: 7px;
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
}

    .soft_testimonial.style-2 .soft_testimonial-content:before {
        content: "";
        background: #ffffff;
        width: 96%;
        height: 100px;
        position: absolute;
        left: 2%;
        bottom: -20px;
        z-index: -1;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    }

    .soft_testimonial.style-2 .soft_testimonial-content:after {
        content: "";
        background: #ffffff;
        width: 92%;
        height: 100px;
        position: absolute;
        left: 4%;
        bottom: -40px;
        z-index: -9;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
    }

.soft_testimonial-2 .carousel-inner {
    z-index: 9;
}

.soft_testimonial-carousel.soft_testimonial-2 .controls {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
}

    .soft_testimonial-carousel.soft_testimonial-2 .controls li {
        animation-name: blinkblink;
        animation-duration: 5000ms;
        transform-origin: 70% 70%;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        position: absolute;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        border-radius: 100%;
        z-index: 99;
        opacity: 0.6;
        width: 100px;
        height: 100px;
        margin: inherit;
        float: none;
    }

        .soft_testimonial-carousel.soft_testimonial-2 .controls li.active {
            opacity: 1;
            animation: inherit;
        }

.soft_testimonial-2 .controls li:nth-child(1) {
    left: 0;
    bottom: 10%;
}

.soft_testimonial-2 .controls li:nth-child(2) {
    left: 5%;
    bottom: 55%;
}

.soft_testimonial-2 .controls li:nth-child(3) {
    right: 5%;
    bottom: 55%;
}

.soft_testimonial-2 .controls li:nth-child(4) {
    right: 0;
    bottom: 10%;
}

@-webkit-keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(0.68);
        transform: scale(0.68);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes videomodule-anim {
    0% {
        -webkit-transform: scale(0.68);
        transform: scale(0.68);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}
/**----- news wrapper css -------**/

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

.soft_news_heading_wrapper {
    padding-bottom: 40px;
}

    .soft_news_heading_wrapper h2 {
        font-size: 36px;
        color: #000;
        text-transform: capitalize;
    }

.soft_news_form_wrapper input {
    float: left;
    width: calc(100% - 150px);
    height: 50px;
    border: 1px solid #e6e6e6;
    background: rgba(255, 255, 255, 0.19);
    color: #797979;
    padding-left: 20px;
    border-right: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative;
}

.soft_news_form_wrapper button {
    width: 150px;
    height: 50px;
    float: left;
    background: #4e49de;
    border: 1px solid #4e49de;
    color: #fff;
    cursor: pointer;
    text-transform: capitalize;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .soft_news_form_wrapper button:hover {
        background: #000000;
        border: 1px solid #000000;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.soft_contact_icon_section {
    padding: 80px 0;
    padding-bottom: 100px;
}

.soft_contact_main {
    text-align: center;
    background: #4948d4;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

    .soft_contact_main:hover {
        -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px);
    }

    .soft_contact_main h4 {
        font-size: 24px;
        margin-top: 30px;
        color: #fff;
        text-transform: capitalize;
    }

    .soft_contact_main p {
        font-size: 16px;
        line-height: 25px;
        margin: 0;
        color: #fff;
        padding: 40px;
        padding-top: 20px;
    }

        .soft_contact_main p a {
            color: #fff;
        }

            .soft_contact_main p a:hover {
                color: #fff;
            }

.soft_contact_rotate {
    position: relative;
    padding: 40px 0 0 0;
}

    .soft_contact_rotate i {
        display: inline-block;
        color: #fff;
        font-size: 34px;
        text-align: center;
        position: relative;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

.text-center p {
    margin-top: 10px;
}
/**----- footer wrapper css -------**/

.soft_footer_wrapper {
    text-align: center;
    padding-top: 35px;
    padding: 30px 0;
    background: #edecfc;
}

.soft_icon_list_news {
    display: inline-block;
    margin-bottom: 5px;
    z-index: 1;
    position: relative;
}

    .soft_icon_list_news li {
        display: inline-block;
        margin-right: 15px;
    }

        .soft_icon_list_news li a {
            float: left;
            background: #4e49de;
            width: 40px;
            line-height: 40px;
            height: 40px;
            border: 1px solid #4e49de;
            color: #fff;
            padding-left: 0 !important;
            text-align: center;
            border-radius: 100px;
        }

            .soft_icon_list_news li a i {
                font-size: 14px;
            }

            .soft_icon_list_news li a:hover {
                color: #4e49de;
                background: transparent;
            }
/*********************** Startup CSS Start ****************************/

/* start_header start */

.start_header {
    float: left;
    width: 100%;
    position: relative;
}

.start_logo_wrapper {
    float: left;
    position: relative;
    padding-left: 25px;
    padding-top: 26px;
}

.start_shape_top_header {
    position: absolute;
    left: 0;
    top: -80px;
    z-index: -1;
}
/* start_menu_wrapper start */

.start_menu_wrapper {
    float: right;
    padding-top: 39px;
}

    .start_menu_wrapper ul > li {
        float: left;
        margin-right: 19px;
    }

        .start_menu_wrapper ul > li > a {
            color: #111;
            font-size: 16px;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .start_menu_wrapper ul > li > a:hover {
                color: #7e50ff;
            }

    .start_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #7e50ff;
    }

        .start_menu_wrapper ul > .active > a:focus,
        .start_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #7e50ff;
        }
/*start_menu_right_wrapper start*/

.start_menu_right_wrapper {
    float: right;
    padding-top: 31px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.start_menu_right_wrapper .start_btn_style {
    line-height: 36px;
    width: 170px;
    height: 40px;
    float: left;
    font-size: 16px;
    border: 1px solid #7e50ff;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .start_menu_right_wrapper .start_btn_style:hover,
    .start_menu_right_wrapper .start_btn_style:focus {
        color: #7e50ff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.start_serach_header {
    float: right;
    z-index: 1;
}

    .start_serach_header .start_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .start_serach_header .start_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.start_searchd {
    background: transparent;
    padding-top: 9px;
    padding-right: 30px;
    border: 0;
    color: #7e50ff;
    cursor: pointer;
}

.start_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #7e50ff;
    cursor: pointer;
}

.start_serach_header .start_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .start_serach_header .start_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #7e50ff;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .start_serach_header .start_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .start_serach_header .start_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #7e50ff;
        border: 0;
        font-size: 20px;
        cursor: pointer;
    }

    .start_serach_header .start_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .start_serach_header .start_searchbox form::-webkit-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

    .start_serach_header .start_searchbox form:-moz-placeholder {
        /* Firefox 18- */
        color: rgba(219, 187, 10, 0.6);
    }

    .start_serach_header .start_searchbox form::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(219, 187, 10, 0.6);
    }

    .start_serach_header .start_searchbox form:-ms-input-placeholder {
        color: rgba(219, 187, 10, 0.6);
    }

.start_search_wrap {
    float: left;
}
/*------ start_menu_wrapper end ------*/

/*------- start_menu_fixed start ----------*/

.start_menu_fixed {
    position: fixed;
    background: #7e50ff;
    top: -5px;
    left: 0;
    right: 0;
    z-index: 100;
    padding-bottom: 25px;
}

    .start_menu_fixed .start_menu_wrapper ul > li > a:before,
    .start_menu_fixed .start_menu_wrapper ul > li > a:after {
        background: #fff;
    }

    .start_menu_fixed .logo_shape_wrapper {
        display: none;
    }

.start_header .start_menu_fixed_logo {
    display: none;
}

.start_menu_fixed .start_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.start_menu_fixed ul > li > a {
    color: #fff;
}

    .start_menu_fixed ul > li > a:hover {
        color: #fff;
    }

.start_menu_fixed ul > .active > a {
    color: #fff;
}

    .start_menu_fixed ul > .active > a:focus,
    .start_menu_fixed ul > .active > a:hover {
        color: #fff;
    }

.start_menu_fixed .start_btn_style {
    background: #fff;
    color: #7e50ff;
}

    .start_menu_fixed .start_btn_style:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.start_menu_fixed .start_searchd {
    color: #fff;
}

.start_menu_fixed .start_searchd_bar {
    color: #fff;
}
/* start_sidebar */

#start_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#start_toggle {
    float: right;
    width: auto;
    padding-top: 7px;
    cursor: pointer;
}

    #start_toggle a i:before {
        font-weight: 600;
        color: #7e50ff;
        font-size: 22px;
    }

#start_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #start_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #start_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #start_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #start_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #start_cssmenu > ul > li.active > ul {
        display: block;
    }

    #start_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #start_cssmenu > ul > li > a:hover {
            color: #fff;
            background: #7e50ff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #start_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #start_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #start_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #start_cssmenu ul > li.has-sub.open > a:after,
    #start_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #start_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #start_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #start_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #start_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#start_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 24px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.start_sidebar_logo img {
    padding-top: 22px;
    padding-left: 23px;
}

#start_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#start_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#start_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.start_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 18px;
    width: 1px;
    top: 18px;
    left: 0;
    z-index: 1;
    background: #7e50ff;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.start_menu_wrapper ul > li > a:after {
    content: '';
    position: absolute;
    height: 18px;
    width: 1px;
    top: 18px;
    right: 0;
    z-index: 1;
    background: #7e50ff;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.start_menu_wrapper ul > li > a:hover:before {
    visibility: visible;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.start_menu_wrapper ul > .active > a:before,
.start_menu_wrapper ul > li > a:hover:after,
.start_menu_wrapper ul > .active > a:after {
    visibility: visible;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
/***------ slider wrapper css -------***/

.start_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

    .start_slider_wrapper .carousel-inner .carousel-item .caption-1,
    .start_slider_wrapper .carousel-inner .carousel-item .caption-2,
    .start_slider_wrapper .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 750px;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
        display: block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 160px;
        padding-bottom: 200px;
    }

        .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
            display: inline-block;
        }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 100px;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
        color: #000;
        font-size: 42px;
        font-weight: 600;
        margin: 0 0 13px;
        animation-delay: 1.2s;
        text-transform: capitalize;
        line-height: 60px;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1 {
        color: #7e50ff;
        font-family: 'Playball', cursive;
        font-size: 42px;
        margin-bottom: 15px;
        animation-delay: 0.5s;
        position: relative;
        text-transform: capitalize;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
        color: #3bb6d5;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
        animation-delay: 1.5s;
        line-height: 30px;
        font-size: 18px;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
        animation-delay: 2.0s;
        float: left;
        margin-right: 30px;
    }

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
        margin-top: 40px;
    }

.start_slider_btn li a {
    width: 170px;
}

.start_slider_main_img_wrapper {
    position: absolute;
    top: 100px;
    left: 0;
}

.start_slider_wrapper .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.start_slider_btn {
    padding-left: 0;
    float: left;
}

.start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 180px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #7e50ff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #7e50ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .start_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #7e50ff;
        background: #fff;
    }

.start_slider_wrapper .carousel-nevigation {
    position: absolute;
    bottom: 27%;
    float: left;
    z-index: 1;
    left: 396px;
}

    .start_slider_wrapper .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #7e50ff;
        border: 0;
        color: #fff;
        border: 1px solid #7e50ff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .start_slider_wrapper .carousel-nevigation > .next {
        left: 65px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #7e50ff;
        border: 0;
        color: #fff;
        line-height: 47px;
        text-align: center;
        border: 1px solid #7e50ff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.start_top_righ_shape {
    position: absolute;
    right: -121px;
}

.start_slider_wrapper .carousel-nevigation > .next:hover,
.start_slider_wrapper .carousel-nevigation > .prev:hover {
    color: #7e50ff;
    background: transparent;
}

.start_slider_wrapper .carousel-nevigation > .next i:before,
.start_slider_wrapper .carousel-nevigation > .prev i:before {
    font-size: 19px;
}

.start_slider_wrapper .carousel-inner {
    overflow: visible;
}
/**----- services wrapper css -------**/

.start_category_wrapper {
    padding: 100px 0;
    padding-top: 50px;
}

.start_services_box {
    text-align: center;
    position: relative;
    padding: 30px;
    border: 1px solid #d7d7d7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.start_about_shape_wrapper {
    position: absolute;
    left: 0;
    top: -78%;
    z-index: -1;
}

.start_about_content_wrapper {
    top: 15px;
}

.start_services_box:hover {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: 0px 0px 12px 3px rgba(85, 85, 85, 0.1);
    -moz-box-shadow: 0px 0px 12px 3px rgba(85, 85, 85, 0.1);
    box-shadow: 0px 0px 12px 3px rgba(85, 85, 85, 0.1);
}

.start_services_box h1 a {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 10px;
    padding-top: 20px;
    color: #111;
}

.start_services_box:hover h1 a {
    color: #7e50ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.start_services_box a {
    text-transform: capitalize;
    font-size: 16px;
    color: #7e50ff;
    display: block;
    font-weight: 500;
    padding-top: 10px;
}

.start_service_box_icon {
    text-align: center;
    height: 70px;
}

    .start_service_box_icon i:before {
        font-size: 40px;
        color: #7e50ff;
    }
/**------- about us wrapper css --------**/

.start_about_us_wrapper {
    position: relative;
    padding-bottom: 130px;
}

.start_about_content_wrapper h3 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.start_about_content_wrapper h1 {
    text-transform: capitalize;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
}

.start_about_img_wrapper {
    position: relative;
    top: 20px;
    left: -87px;
}

.start_about_content_wrapper p {
    margin-bottom: 30px;
}

.start_about_content_wrapper .start_work_btn_style a {
    width: 170px;
    border: 1px solid #7e50ff;
    line-height: 42px;
}
/**-------- work progress wrapper ------**/

.start_work_tabs_wrapper {
    text-align: center;
    margin-bottom: 30px;
}

    .start_work_tabs_wrapper .nav {
        margin-bottom: 25px;
        display: inline-block;
        border-bottom: 0;
    }

    .start_work_tabs_wrapper .nav-tabs .nav-link:focus,
    .start_work_tabs_wrapper .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .start_work_tabs_wrapper .nav li {
        float: left;
        border: 0;
        border-left: 0;
    }

    .start_work_tabs_wrapper .nav-tabs .nav-item.show .nav-link {
        color: #7e50ff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
    }

    .start_work_tabs_wrapper .nav-tabs .nav-link.active {
        color: #7e50ff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        background: transparent;
    }

    .start_work_tabs_wrapper .nav-tabs .nav-link span i:before {
        font-size: 32px;
        color: #7e50ff;
        margin-bottom: 10px;
    }

.start_work_process_img img {
    width: 100%;
}

.start_work_tabs_wrapper .nav-tabs .nav-link {
    font-size: 20px;
    color: #000;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 50px;
    border: 0;
}

    .start_work_tabs_wrapper .nav-tabs .nav-link span {
        width: 90px;
        height: 90px;
        display: inline-block;
        line-height: 90px;
        text-align: center;
        border: 1px solid #ececec;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        margin-bottom: 15px;
    }

    .start_work_tabs_wrapper .nav-tabs .nav-link.active span {
        border: 1px solid #7e50ff;
    }

.start_work_process_wrapper h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.start_work_btn_style {
    margin-top: 30px;
}

    .start_work_btn_style a {
        width: 170px;
        text-transform: capitalize;
        font-size: 16px;
        height: 45px;
        line-height: 42px;
        border: 1px solid #7e50ff;
    }
/**----- startup wrapper css -------**/

.startup_wrapper {
    padding: 100px 0;
    padding-bottom: 60px;
    position: relative;
}

.startup_shape {
    position: absolute;
    right: 0;
    top: 0;
}

.startup_isting_wrapper li {
    width: 100%;
    margin-bottom: 15px;
}

    .startup_isting_wrapper li a {
        font-size: 16px;
        color: #797979;
    }

.startup_shape {
    position: absolute;
    right: 0;
    top: -58%;
}

.startup_isting_wrapper li i {
    color: #7e50ff;
    margin-right: 10px;
}

.start_work_process_content {
    padding-left: 20px;
}

.startup_img_wrapper {
    position: relative;
    top: -75px;
    right: -72px;
}
/**------- client wrapper css ---------**/

.start_client_wrapper {
    padding-bottom: 100px;
}

.start_review_img {
    float: left;
    width: 45%;
}

.start_review_testimonial {
    float: left;
    width: 55%;
    padding-top: 30px;
}

.start_review_img img {
    padding-left: 60px;
}

.left_rivew_heading {
    text-align: left;
    padding-bottom: 30px;
}

.start_review_testimonial_slider .owl-theme .owl-dots {
    display: none;
}

.start_review_testimonial_slider .owl-carousel .owl-stage-outer {
    padding-top: 40px;
}

.start_review_testimonial_slider .owl-theme .owl-nav {
    position: absolute;
    margin: 0;
    left: 0;
    bottom: -35px;
    right: 0;
    z-index: 1000;
    display: block;
}

    .start_review_testimonial_slider .owl-theme .owl-nav .owl-prev {
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border: 1px solid #7e50ff;
        background: #7e50ff;
        position: absolute;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        text-align: center;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .start_review_testimonial_slider .owl-theme .owl-nav .owl-next {
        margin: 0;
        padding: 0;
        left: 65px;
        top: 0;
        position: absolute;
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border: 1px solid #7e50ff;
        background: #7e50ff;
        text-align: center;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .start_review_testimonial_slider .owl-theme .owl-nav .owl-next i:before {
            font-size: 20px;
        }

    .start_review_testimonial_slider .owl-theme .owl-nav .owl-prev i:before {
        font-size: 20px;
    }

    .start_review_testimonial_slider .owl-theme .owl-nav .owl-prev:hover {
        background: transparent;
        color: #7e50ff;
        border: 1px solid #7e50ff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .start_review_testimonial_slider .owl-theme .owl-nav .owl-next:hover {
        background: transparent;
        color: #7e50ff;
        border: 1px solid #7e50ff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.start_saying_content_wrapper {
    background: #fff;
    padding: 30px;
    padding-top: 40px;
    border: 1px solid #e2e2e2;
}

.start_saying_img {
    float: left;
    position: absolute;
    top: -40px;
    border: 5px solid #f9f9f9;
    border-radius: 50%;
}

.start_saying_img_name {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}

.start_rating_star {
    float: right;
    position: relative;
    top: 1px;
}

.start_saying_img_name h1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #393939;
}

.start_rating_star i {
    color: #eed047;
    font-size: 14px;
}

.start_saying_img_name p {
    font-style: normal !important;
    font-weight: 400 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #7e50ff !important;
}

.start_saying_content_wrapper p {
    float: left;
    width: 100%;
    padding: 40px 30px 20px 10px;
    font-style: italic;
    font-size: 18px;
    color: #393939;
}
/**----- start_location_wrapper css -------**/

.start_location_wrapper {
    float: left;
    padding-bottom: 100px;
    width: 100%;
}

    .start_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .start_location_wrapper .response {
        color: #111;
    }

    .start_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.start_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.start_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.start_contect_btn {
    float: left;
    width: 100%;
}

    .start_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #7e50ff;
        color: #fff;
        border: 1px solid #7e50ff;
        text-align: center;
        line-height: 42px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .start_contect_btn button:hover {
            background: transparent;
            color: #7e50ff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/**------- newsletter wrapper css ---------**/

.start_newsletter_wrapper {
    padding: 80px 0;
    background: #f5f3fb;
    position: relative;
    z-index: 1;
}

.start_newslwtteter_left {
    float: left;
    width: 70%;
}

    .start_newslwtteter_left h2 {
        font-size: 36px;
        text-transform: capitalize;
        font-weight: 700;
        padding-bottom: 4px;
    }

.start_newslwtteter_button {
    float: left;
    width: 30%;
    margin-top: 10px;
}

    .start_newslwtteter_button .start_work_btn_style {
        float: right;
        margin: 0;
    }

        .start_newslwtteter_button .start_work_btn_style a {
            width: 200px;
        }
/**--- footer wrapper css ----**/

.start_footer_wrapper {
    padding: 60px 0;
    padding-bottom: 40px;
    background: #7e50ff;
}

.start_icon_list_news {
    margin-top: 20px;
}

    .start_icon_list_news li {
        list-style: none;
        float: left;
        margin-right: 15px;
        font-size: 16px;
        width: 40px;
        float: left;
        text-align: center;
        height: 40px;
        line-height: 36px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .start_icon_list_news li .start_twit {
            color: #fff;
            float: left;
            border-radius: 100px;
            width: 100%;
            background: #1da1f2;
            border: 2px solid #1da1f2;
        }

            .start_icon_list_news li .start_twit:hover {
                background: #fff;
                color: #1da1f2;
                border: 2px solid #fff;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .start_icon_list_news li .start_linkd {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #007bb5;
            border: 2px solid #007bb5;
        }

            .start_icon_list_news li .start_linkd:hover {
                background: #fff;
                color: #007bb5;
                border: 2px solid #fff;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .start_icon_list_news li .start_google {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #db4437;
            border: 2px solid #db4437;
        }

            .start_icon_list_news li .start_google:hover {
                background: #fff;
                color: #db4437;
                border: 2px solid #fff;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

        .start_icon_list_news li .start_fb {
            color: #fff;
            float: left;
            width: 100%;
            border-radius: 100px;
            background: #437ee0;
            border: 2px solid #437ee0;
        }

            .start_icon_list_news li .start_fb:hover {
                background: #fff;
                color: #437ee0;
                border: 2px solid #fff;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

.start_footer_content_box h3 {
    font-size: 16px;
    margin-top: 20px;
    float: left;
    width: 100%;
    color: #fff;
    line-height: 28px;
    text-transform: capitalize;
}

    .start_footer_content_box h3 a {
        color: #fff;
    }

.start_footer_heading {
    font-size: 24px;
    color: #fff;
    padding-top: 12px;
    margin-bottom: 40px;
    text-transform: capitalize;
}

.start_footer_links li {
    margin-bottom: 8px;
}

    .start_footer_links li a {
        color: #fff;
        text-transform: capitalize;
    }

.footer_pader {
    padding-left: 40px;
}

.start_footer_content_box p {
    color: #fff;
    margin-top: 25px;
}

.start_footer_link_text {
    color: #fff;
}
/*********************** Web Hosting CSS Start ****************************/

/* web_header start */

.web_header {
    float: left;
    z-index: 1;
    width: 100%;
    background: #fff;
    padding: 12px 20px;
    border-radius: 80px;
    position: relative;
    margin-top: 50px;
}

.web_logo_wrapper {
    float: left;
    padding-top: 7px;
    padding-left: 5px;
    position: relative;
}
/* web_menu_wrapper start */

.web_menu_wrapper {
    float: right;
    padding-top: 15px;
}

    .web_menu_wrapper ul > li {
        float: left;
        margin-right: 6px;
    }

        .web_menu_wrapper ul > li > a {
            color: #111;
            font-size: 16px;
            text-transform: capitalize;
            padding: 15px 10px;
            position: relative;
        }

            .web_menu_wrapper ul > li > a:hover {
                color: #63c000;
            }

    .web_menu_wrapper ul > .active > a {
        background-color: transparent;
        color: #63c000;
    }

        .web_menu_wrapper ul > .active > a:focus,
        .web_menu_wrapper ul > .active > a:hover {
            background-color: transparent;
            color: #63c000;
        }
/*web_menu_right_wrapper start*/

.web_menu_right_wrapper {
    float: right;
    margin-top: 6px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    color: #fff;
}

.web_menu_right_wrapper .web_btn_style {
    line-height: 36px;
    width: 155px;
    height: 40px;
    float: left;
    font-size: 16px;
    text-transform: capitalize;
    border: 1px solid #63c000;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .web_menu_right_wrapper .web_btn_style:hover,
    .web_menu_right_wrapper .web_btn_style:focus {
        color: #63c000;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
/*-- search Start --*/

.web_serach_header {
    float: right;
    z-index: 1;
}

    .web_serach_header .web_searchd {
        background: transparent;
        line-height: 50px;
        height: 50px;
        border: 0;
    }

        .web_serach_header .web_searchd i {
            color: #29abff;
            font-size: 16px;
            border: 0 !important;
        }

.web_searchd {
    background: transparent;
    padding-top: 9px;
    padding-right: 30px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.web_searchd_bar {
    background: transparent;
    padding-right: 15px;
    border: 0;
    color: #111;
    cursor: pointer;
}

.web_serach_header .web_searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
}

    .web_serach_header .web_searchbox .close {
        background-color: transparent;
        box-shadow: none;
        color: #63c000;
        font-size: 40px;
        font-weight: bold;
        opacity: 1;
        padding: 10px 17px;
        position: fixed;
        right: 20px;
        top: 15px;
        text-shadow: none;
    }

    .web_serach_header .web_searchbox form input {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: transparent;
        border-color: -moz-use-text-color -moz-use-text-color #fff;
        border-image: none;
        border-style: none none solid;
        border-width: medium medium 1px;
        color: #fff;
        font-size: 28px;
        font-weight: lighter;
        left: 0;
        right: 0;
        margin: 0px auto;
        outline: medium none;
        padding-bottom: 7px;
        padding-left: 0;
        padding-right: 30px;
        position: absolute;
        top: 45%;
        width: 36%;
        line-height: 60px;
    }

    .web_serach_header .web_searchbox form button {
        display: inline-block;
        line-height: 60px;
        height: 60px;
        left: 64%;
        position: absolute;
        top: 49%;
        transform: translate(0%, -55%);
        background: transparent;
        color: #63c000;
        border: 0;
        font-size: 20px;
        cursor: pointer;
    }

    .web_serach_header .web_searchbox.open {
        -webkit-transform: translate(0px, 0px) scale(1, 1);
        -moz-transform: translate(0px, 0px) scale(1, 1);
        -o-transform: translate(0px, 0px) scale(1, 1);
        -ms-transform: translate(0px, 0px) scale(1, 1);
        transform: translate(0px, 0px) scale(1, 1);
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

    .web_serach_header .web_searchbox form input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .web_serach_header .web_searchbox form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

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

.web_search_wrap {
    float: left;
}
/*------ web_menu_wrapper end ------*/

/*---- web_menu_fixed start ------*/

.web_menu_fixed {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 13px 20px;
    padding-bottom: 18px;
    margin-top: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
}

    .web_menu_fixed .logo_shape_wrapper {
        display: none;
    }

.web_header .web_menu_fixed_logo {
    display: none;
}

.web_menu_fixed .web_menu_fixed_logo {
    display: block;
    padding-top: 30px;
    padding-bottom: 40px;
}

.web_menu_fixed .web_btn_style:hover {
    background: transparent;
    color: #63c000;
    border: 1px solid #63c000;
}
/* web_sidebar */

#web_sidebar {
    position: fixed;
    display: block;
    height: 100%;
    top: 0px;
    left: -473px;
    width: 260px;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
    overflow-x: hidden;
    box-shadow: 0 2px 15px 0px rgba(248, 71, 62, 0.05);
}

#web_toggle {
    float: right;
    width: auto;
    padding-top: 5px;
    cursor: pointer;
}

    #web_toggle a i:before {
        font-weight: 600;
        font-size: 22px;
    }

#web_cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 260px;
    color: #ffffff;
}

    #web_cssmenu ul li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #web_cssmenu .sidebb {
        width: 100%;
        padding-top: 10%;
        float: left;
    }

    #web_cssmenu img {
        padding-top: 25px;
        padding-left: 30px;
    }

    #web_cssmenu ul ul {
        display: none;
        padding-left: 20px;
    }

    #web_cssmenu > ul > li.active > ul {
        display: block;
    }

    #web_cssmenu > ul > li > a {
        padding: 17px 25px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #191919;
        text-transform: uppercase;
        background: #ffffff;
        border-bottom: 1px solid #eee;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        #web_cssmenu > ul > li > a:hover {
            background: #63c000;
            color: #fff;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    #web_cssmenu .sidebb li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    #web_cssmenu ul > li.has-sub > a:after {
        position: absolute;
        right: 34px;
        top: 16px;
        z-index: 5;
        display: block;
        height: 10px;
        width: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #web_cssmenu ul > li.has-sub > a:before {
        position: absolute;
        right: 30px;
        top: 20px;
        display: block;
        width: 10px;
        height: 2px;
        background: #191919;
        content: "";
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    #web_cssmenu ul > li.has-sub.open > a:after,
    #web_cssmenu ul > li.has-sub.open > a:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #web_cssmenu ul ul li a {
        padding: 14px 26px;
        cursor: pointer;
        z-index: 2;
        font-size: 16px;
        text-decoration: none;
        color: #060606;
        text-transform: capitalize;
        background: transparent;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #web_cssmenu ul ul ul li a {
        padding-left: 32px;
    }

    #web_cssmenu ul ul li a:hover {
        color: #fa5b41;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
    }

    #web_cssmenu ul ul li a i {
        margin-right: 10px;
    }

#web_toggle_close {
    position: absolute;
    z-index: 100;
    right: 9px;
    top: 19px;
    font-size: 32px;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.web_sidebar_logo img {
    padding-top: 19px;
    padding-left: 29px;
}

#web_cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #ffffff;
}

#web_cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #ffffff;
}

#web_cssmenu li a i {
    margin-right: 10px;
    color: #fa5b41;
    font-size: 18px;
}

.web_menu_wrapper ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    margin: -0.5px;
    width: 0;
    top: 50%;
    left: 0;
    z-index: 100;
    background: #63c000;
    visibility: hidden;
    transition: all 0.5s;
}

.web_top_shape_wrapper {
    position: absolute;
    top: -123px;
    left: 0;
}

.web_top_right_wrapper {
    position: absolute;
    right: -47%;
    top: -123px;
    z-index: -1;
}

.web_menu_wrapper ul > li > a:hover:before,
.web_menu_wrapper ul > .active > a:before {
    width: 100%;
    visibility: visible;
}
/***------ slider wrapper css -------***/

.web_slider_wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

    .web_slider_wrapper .carousel-inner .carousel-item .caption-1,
    .web_slider_wrapper .carousel-inner .carousel-item .caption-2,
    .web_slider_wrapper .carousel-inner .carousel-item .caption-3 {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 750px;
    }

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content {
        display: block;
        position: relative;
        z-index: 999;
        overflow: hidden;
        vertical-align: middle;
        padding-top: 150px;
        padding-bottom: 200px;
    }

        .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
            display: inline-block;
        }

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content_tabs {
        display: block;
        position: relative;
        z-index: 999;
        vertical-align: middle;
        padding-top: 100px;
    }

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 {
        color: #fff;
        font-size: 54px;
        font-weight: 700;
        margin: 0 0 20px;
        animation-delay: 1.2s;
        text-transform: uppercase;
        line-height: 70px;
    }

        .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h2 span {
            color: #fff;
        }

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content p {
        animation-delay: 1.5s;
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li {
        animation-delay: 2.0s;
        float: left;
        margin-right: 30px;
    }

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content ul {
        margin-top: 20px;
    }

.web_slider_btn li a {
    width: 170px;
}

.web_slider_wrapper .carousel-inner .carousel-indicators {
    right: 0;
    bottom: 35px;
    width: 100%;
}

.web_slider_btn {
    padding-left: 0;
    float: left;
}

.web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a {
    line-height: 42px;
    width: 180px;
    height: 45px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #63c000;
    text-transform: capitalize;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {
        color: #fff;
        background: transparent;
    }

.web_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    animation-delay: 0.5s;
}

.web_slider_wrapper .carousel-nevigation {
    position: absolute;
    bottom: 30%;
    float: left;
    z-index: 1;
    left: 395px;
}

    .web_slider_wrapper .carousel-nevigation > .prev {
        left: 0;
        position: absolute;
        width: 50px;
        height: 50px;
        text-align: center;
        background: #fff;
        border: 0;
        color: #63c000;
        border: 1px solid #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        line-height: 47px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .web_slider_wrapper .carousel-nevigation > .next {
        left: 70px;
        position: absolute;
        width: 50px;
        height: 50px;
        background: #fff;
        border: 0;
        color: #63c000;
        line-height: 47px;
        text-align: center;
        border: 1px solid #fff;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.web_slider_main_img_wrapper {
    padding-top: 110px;
}

.web_slider_wrapper .carousel-nevigation > .next:hover,
.web_slider_wrapper .carousel-nevigation > .prev:hover {
    color: #fff;
    background: transparent;
}

.web_slider_wrapper .carousel-nevigation > .next i:before,
.web_slider_wrapper .carousel-nevigation > .prev i:before {
    font-size: 19px;
}

.web_shape_top_header {
    position: absolute;
    right: 0;
    top: 0;
}

.web_slider_wrapper .carousel-inner {
    overflow: visible;
}
/**----- process wrapper css -------**/

.web_process_wrapper {
    padding: 100px 0;
    padding-top: 160px;
}

.web_process_box_wrapper {
    text-align: center;
    position: relative;
    padding: 0 10px;
}

    .web_process_box_wrapper h1 a {
        font-size: 20px;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 15px;
    }

    .web_process_box_wrapper a {
        text-transform: capitalize;
        font-size: 16px;
        color: #333;
        display: block;
        font-weight: 500;
        padding-top: 10px;
    }

.web_process_icon_wrapper i:before {
    font-size: 38px;
    color: #fff;
}

.web_process_box_wrapper:hover h1 a {
    color: #63c000;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.web_process_icon_wrapper {
    margin-bottom: 20px;
}

.web_process_line_shape {
    position: absolute;
    left: 210px;
    top: 17px;
}

.web_process_box2 {
    margin-top: 20px;
}

    .web_process_box2 .web_process_line_shape {
        left: 205px;
        top: 50px;
    }
/**------ about us wrapper css -------**/

.web_about_wrapper {
    padding: 0 0 100px 0;
    position: relative;
}

.web_about_shape_wrapper {
    position: absolute;
    bottom: 30px;
    left: -23%;
}

.web_about_content_wrapper h4 {
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #797979;
    font-family: 'Lato';
}

.web_about_content_wrapper h2 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 30px;
}

.web_about_content_wrapper h6 {
    margin-top: 20px;
    line-height: 26px;
}

.web_signature_wrapper {
    margin-top: 30px;
    position: relative;
}

    .web_signature_wrapper h1 {
        text-transform: capitalize;
        font-size: 26px;
    }

    .web_signature_wrapper span {
        font-size: 16px;
        padding-left: 15px;
    }

    .web_signature_wrapper img {
        margin-top: 25px;
    }
/*------ web_tab_main_wrapper css -----*/

.web_tab_main_wrapper {
    float: left;
    width: 100%;
    background: url(../images/web/tab_img.jpg);
    background-position: center 0;
    background-size: cover;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

    .web_tab_main_wrapper .web_heading_wraper {
        color: #fff;
    }

        .web_tab_main_wrapper .web_heading_wraper h3 {
            color: #fff;
        }

.web_tab_wrapper h2 {
    font-size: 26px;
    color: #111111;
    font-weight: 600;
    display: inline-block;
}

.web_tab_wrapper .nav {
    margin-bottom: 30px;
    display: inline-block;
    border-bottom: 0;
}

    .web_tab_wrapper .nav li {
        float: left;
        border: 0;
        border-left: 0;
        margin-right: 20px;
    }

.web_tab_wrapper .nav-tabs .nav-link {
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    padding: 7px 25px;
    border: 0;
    border-radius: 50px;
    color: #111;
    background: #fff;
}

    .web_tab_wrapper .nav-tabs .nav-link.active {
        color: #5dab03;
    }

.web_tab_text_wrapper h2 {
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px;
}

.web_tab_text_wrapper p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.web_tab_text_wrapper li {
    font-size: 16px;
    margin-bottom: 18px;
    font-family: 'Lato';
}

    .web_tab_text_wrapper li a {
        color: #fff;
        text-transform: capitalize;
    }

    .web_tab_text_wrapper li i {
        font-size: 14px;
        margin-right: 10px;
        color: #fff;
    }

.web_tab_text_wrapper .web_btn_style {
    background: #fff;
    border: 1px solid #fff;
    color: #5dab03;
    margin-top: 20px;
}

    .web_tab_text_wrapper .web_btn_style:hover {
        background: transparent;
        color: #fff;
    }
/*------ web_testimonial_wrapper css -----*/

.web_testimonial_slider {
    float: left;
    width: 100%;
}

    .web_testimonial_slider .owl-carousel .owl-item img {
        width: auto;
        display: inline-block;
        border-radius: 100%;
    }

    .web_testimonial_slider .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 0 7px;
        background: #ecf5dc;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        position: relative;
    }

    .web_testimonial_slider .owl-theme .owl-dots .owl-dot.active span,
    .web_testimonial_slider .owl-theme .owl-dots .owl-dot:hover span {
        background: #63c000;
        display: block;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .web_testimonial_slider .owl-theme .owl-nav {
        display: none;
    }

    .web_testimonial_slider .web_build_main {
        padding: 20px;
        padding-left: 0;
    }

        .web_testimonial_slider .web_build_main h1 {
            font-size: 28px;
            text-transform: capitalize;
            font-weight: 500;
            padding-bottom: 20px;
        }

        .web_testimonial_slider .web_build_main h2 {
            font-size: 20px;
            text-transform: capitalize;
            font-weight: 500;
            padding-bottom: 40px;
        }

            .web_testimonial_slider .web_build_main h2 a span {
                font-size: 18px;
                color: #63c000;
                text-transform: capitalize;
                font-weight: 500;
                border-bottom: 2px solid #63c000;
            }

    .web_testimonial_slider .owl-theme .owl-dots {
        position: absolute;
        left: 0;
        margin-top: 20px !important;
    }

        .web_testimonial_slider .owl-theme .owl-dots .owl-dot.active span:after {
            content: '';
            border: 2px solid #63c000;
            border-radius: 100%;
            position: absolute;
            left: -4px;
            width: 12px;
            padding: 8px;
            height: 12px;
            right: 0;
            top: -4px;
        }

.web_testimonial_wrapper {
    padding: 100px 0;
    position: relative;
}

.web_build_img_wrapper img {
    width: 100%;
    padding-right: 30px;
}

.web_client_shape_wrapper {
    position: absolute;
    right: -24%;
    top: -60px;
}
/*-------web_pricing_section start---------*/

.web_pricing_section {
    float: left;
    width: 100%;
    padding-bottom: 100px;
}

    .web_pricing_section .web_pricing-table-default {
        float: left;
        width: 100%;
        position: relative;
        padding: 60px 0 50px 0;
        background: #f0f5ff;
        border: 1px solid #f0f5ff;
        border-radius: 15px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .web_pricing_section .web_pricing-table-default:hover {
            background: #63c000;
            border: 1px solid #63c000;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

            .web_pricing_section .web_pricing-table-default:hover h3,
            .web_pricing_section .web_pricing-table-default:hover h2,
            .web_pricing_section .web_pricing-table-default:hover .web_pricing-list li {
                color: #fff;
                -webkit-transition: all 0.5s;
                -o-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }

            .web_pricing_section .web_pricing-table-default:hover .icon_svg {
                fill: #1d4076;
            }

        .web_pricing_section .web_pricing-table-default h2 {
            font-size: 30px;
            font-weight: 500;
            padding-top: 30px;
            padding-bottom: 30px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

        .web_pricing_section .web_pricing-table-default .price {
            display: inline-block;
            color: #63c000;
            font-weight: 500;
            width: 150px;
            height: 150px;
            line-height: 32px;
            background: #fff;
            border-radius: 100px;
            text-transform: capitalize;
            font-size: 26px;
            padding-top: 50px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }

    .web_pricing_section .web_pricing-list li {
        padding-bottom: 10px;
        font-family: 'Lato';
        font-size: 20px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .web_pricing_section .web_pricing-list li:last-child {
            padding-bottom: 0px;
        }

.web_pricing-table-default .web_btn_style {
    margin-top: 40px;
    background: #63c000;
    border: 1px solid #63c000;
    width: 200px;
}

.web_pricing-table-default:hover .web_btn_style {
    background: #fff;
    color: #63c000;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/*------ gallery slider wrapper css -----*/

.web_slider_img_box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .web_slider_img_box img {
        width: 100%;
    }

.web_slider_img_overlay {
    position: absolute;
    top: 200px;
    right: 200px;
    left: 200px;
    bottom: 200px;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: all 0.55s linear;
    -moz-transition: all 0.55s linear;
    -ms-transition: all 0.55s linear;
    -o-transition: all 0.55s linear;
    transition: all 0.55s linear;
}

.news_top_icon:hover {
    color: #fff;
}

.web_slider_box_wrapper {
    margin-right: 15px;
}

.web_zoom_popup {
    display: inline-block;
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    margin: 0px auto;
    opacity: 0;
    text-align: center;
}

    .web_zoom_popup a i {
        font-size: 20px;
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

.web_slider_box_wrapper:hover .web_zoom_popup {
    opacity: 1;
    -webkit-transition: all 0.45s linear;
    -moz-transition: all 0.45s linear;
    -ms-transition: all 0.45s linear;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
}

.web_slider_box_wrapper:hover .web_slider_img_overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(99, 192, 1, 0.7);
    opacity: 1;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.web_gallery_btn {
    margin-top: 50px;
    text-align: center;
}
/**----- web_location_wrapper css -------**/

.web_location_wrapper {
    float: left;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
}

    .web_location_wrapper .abt_heading_wrapper h1 {
        font-size: 30px;
        color: #111111;
        font-weight: 600;
        position: relative;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .web_location_wrapper .response {
        color: #111;
    }

    .web_location_wrapper #map {
        float: left;
        width: 100%;
        height: 450px !important;
        border-radius: 15px;
    }

.web_contect_form1 input {
    width: 100%;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 22px;
    color: #444;
    border: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #f0f5ff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.web_contect_form1 textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 15px;
    color: #444;
    background: #f0f5ff;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
    border-radius: 20px;
}

.web_contect_btn {
    float: left;
    width: 100%;
}

    .web_contect_btn button {
        padding: 0;
        list-style: none;
        margin-top: 40px;
        float: left;
        width: 160px;
        height: 45px;
        float: none;
        display: inline-block;
        background: #63c000;
        color: #fff;
        border: 1px solid #63c000;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

        .web_contect_btn button:hover {
            background: transparent;
            color: #63c000;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
        }
/*------- partners wrapper css -----*/

.web_partner_wrapper {
    padding: 90px 0;
}

.web_pn_slider_wraper .item {
    width: 100%;
}

.web_pn_slider_wraper .owl-theme .owl-dots .owl-dot,
.web_pn_slider_wraper .owl-theme .owl-nav {
    display: none;
}

.web_pn_img_wrapper {
    text-align: center;
    float: left;
    width: 100%;
}

    .web_pn_img_wrapper img {
        width: auto !important;
        display: inline-block !important;
    }
/*------- footer wrapper css ------*/

.web_footer_wrapper {
    padding: 80px 0;
    padding-bottom: 60px;
    position: relative;
    background: #63c000;
}

.web_footer_about_link {
    padding-top: 12px;
}

.footer_shape_wrapper {
    position: absolute;
    bottom: -200px;
}

.section2_web_footer_wrapper {
    float: left;
    width: 100%;
}

.tb_foter_left {
    float: left;
    width: 100%;
    text-align: center;
}

.web_footer_about_wrapper,
.wrapper_second_useful,
.wrapper_second_blog {
    float: left;
    width: 100%;
}

.section2_web_footer_wrapper h4 {
    font-size: 22px;
    padding-bottom: 32px;
    font-weight: 500;
    font-family: 'Roboto';
    text-transform: capitalize;
    color: #fff;
}

.web_footer_about_link li i {
    margin-right: 10px;
}

.web_footer_about_link li a {
    color: #fff;
    text-transform: capitalize;
}

.web_footer_about_wrapper .web_footer_about_link li a {
    text-transform: capitalize;
}

    .web_footer_about_wrapper .web_footer_about_link li a:hover {
        color: #fff;
    }

.web_footer_about_link li {
    color: #fff;
    margin-bottom: 15px;
}

    .web_footer_about_link li a:hover {
        color: #fff;
    }

.web_wrapper_first_image {
    padding-bottom: 20px;
}

.web_usefull_linkx li {
    margin-bottom: 12px;
}

.web_abotus_content {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

    .web_abotus_content p {
        font-size: 16px;
        color: #fff;
    }

.footer_useful_wrapper ul li {
    margin-bottom: 13px;
}

    .footer_useful_wrapper ul li i {
        color: #ececec;
        margin-right: 20px;
        font-size: 16px;
    }

    .footer_useful_wrapper ul li a {
        color: #ececec;
        font-size: 16px;
        text-transform: capitalize;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .footer_useful_wrapper ul li a:hover {
            color: #fff;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

.web_btm_foter_box {
    float: left;
    width: 100%;
    padding-top: 23px;
    text-align: center;
    padding-bottom: 20px;
}

.footer_btn_wrapper {
    float: right;
}

.foter_contact_nav ul li a p {
    color: #fff;
    text-transform: lowercase !important;
}

.web_usefull_linkx {
    padding: 0;
}

.web_footer_widget h4 {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 30px;
    padding-top: 5px;
    color: #fff;
}

.web_footer_blog_wrapper {
    padding-left: 20px;
}

.footer_btn {
    padding-top: 5px;
}

.web_footer_cont_btn li a {
    width: 160px;
    font-size: 16px;
    height: 45px;
    background: #fff;
    color: #63c000;
    line-height: 47px;
    border: 1px solid transparent;
    text-transform: capitalize;
}

    .web_footer_cont_btn li a:hover {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
    }

.web_btm_foter_box p {
    color: #797979;
    font-size: 16px;
    text-transform: capitalize;
}

button:focus {
    outline: none;
}

.web_btm_foter_box p a {
    color: #63c000;
    margin-left: 2px;
}

    .web_btm_foter_box p a:hover {
        color: #63c000;
    }

.web_footer_contact_wrapper p {
    color: #fff;
}

.web_footer_cont_btn {
    margin-top: 30px;
    float: left;
    width: 100%;
}

    .web_footer_cont_btn a i {
        margin-right: 5px;
    }
/* Testimonial */

#section-quote {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center
}

    #section-quote > h2 {
        color: #0e1c2a;
        font-family: OpenSans-Regular;
        font-size: 36px;
        font-weight: normal
    }

    #section-quote > p {
        color: #767676;
        font-family: OpenSans-Light;
        font-size: 18px;
        text-align: center;
        margin-top: 10px
    }

    #section-quote .container-quote {
        position: relative;
        width: 100%;
        margin: 180px 0 150px;
        height: 135px;
        -webkit-perspective: 10000px;
        -moz-perspective: 10000px;
        -ms-perspective: 10000px;
        perspective: 10000px
    }

        #section-quote .container-quote .quote {
            width: 520px;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 50%;
            cursor: pointer;
            text-align: center;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
            -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
            -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
            transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005)
        }

            #section-quote .container-quote .quote.hide-top {
                opacity: 0;
                -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
                -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
                -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
                -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
                transform: translateX(-50%) translateY(-100%) rotateX(70deg)
            }

            #section-quote .container-quote .quote.show {
                opacity: 1;
                -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
                -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
                -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
                -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
                transform: translateX(-50%) translateY(0%) rotateX(0deg)
            }

            #section-quote .container-quote .quote.hide-bottom {
                opacity: 0;
                -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
                -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
                -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
                -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
                transform: translateX(-50%) translateY(100%) rotateX(-70deg)
            }

            #section-quote .container-quote .quote p {
                color: #111;
                font-size: 22px;
                line-height: 25pt;
                display: block
            }

            #section-quote .container-quote .quote .container-info {
                display: inline-block;
                padding-left: 70px;
                position: relative;
                margin-top: 20px;
                text-align: left
            }

                #section-quote .container-quote .quote .container-info .pp {
                    height: 50px;
                    width: 50px;
                    border-radius: 100%;
                    position: absolute;
                    left: 0px;
                    top: 50%;
                    border: 2px solid #fff;
                    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 120%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

        #section-quote .container-quote .quote-text-1 .container-info .pp {
            background-image: url(../images/agency_01/1.jpg)
        }

        #section-quote .container-quote .quote-text-2 .container-info .pp {
            background-image: url(../images/agency_01/2.jpg)
        }

        #section-quote .container-quote .quote-text-3 .container-info .pp {
            background-image: url(../images/agency_01/3.jpg)
        }

        #section-quote .container-quote .quote-text-4 .container-info .pp {
            background-image: url(../images/agency_01/4.jpg)
        }

        #section-quote .container-quote .quote-text-5 .container-info .pp {
            background-image: url(../images/agency_01/5.jpg)
        }

        #section-quote .container-quote .quote-text-6 .container-info .pp {
            background-image: url(../images/agency_01/6.jpg)
        }

        #section-quote .container-quote .quote-text-7 .container-info .pp {
            background-image: url(../images/agency_01/7.jpg)
        }

        #section-quote .container-quote .quote-text-8 .container-info .pp {
            background-image: url(../images/agency_01/8.jpg)
        }

        #section-quote .container-quote .quote-text-9 .container-info .pp {
            background-image: url(../images/agency_01/9.jpg)
        }

        #section-quote .container-quote .quote-text-10 .container-info .pp {
            background-image: url(../images/agency_01/10.jpg)
        }

        #section-quote .container-quote .quote-text-11 .container-info .pp {
            background-image: url(../images/agency_01/11.jpg)
        }

        #section-quote .container-quote .quote-text-12 .container-info .pp {
            background-image: url(../images/agency_01/12.jpg)
        }

        #section-quote .container-quote .quote-text-13 .container-info .pp {
            background-image: url(../images/agency_01/13.jpg)
        }

        #section-quote .container-quote .quote-text-14 .container-info .pp {
            background-image: url(../images/agency_01/14.jpg)
        }

        #section-quote .container-quote .quote .container-info .name {
            color: #3bb6d5;
            font-size: 18px
        }

        #section-quote .container-quote .quote .container-info .job {
            color: #666;
            font-size: 16px
        }

    #section-quote .container-pe-quote {
        position: absolute;
        height: 100%;
        top: 0px;
        z-index: 1
    }

        #section-quote .container-pe-quote.left {
            left: 110px
        }

        #section-quote .container-pe-quote.right {
            right: 80px
        }

        #section-quote .container-pe-quote .pp-quote {
            cursor: pointer;
            position: absolute;
            border-radius: 100%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            animation-name: floating;
            -webkit-animation-name: floating;
            animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-transform-origin: 50% 1px;
            -moz-transform-origin: 50% 1px;
            -ms-transform-origin: 50% 1px;
            -o-transform-origin: 50% 1px;
            transform-origin: 50% 1px;
            -webkit-transition: all 2s ease;
            -moz-transition: all 2s ease;
            -ms-transition: all 2s ease;
            -o-transition: all 2s ease;
            transition: all 2s ease
        }

#container-general .anim-section-quote #section-quote .container-pe-quote .pp-quote {
    opacity: 1
}

#section-quote .container-pe-quote .pp-quote .img {
    overflow: hidden;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120%;
    position: relative;
    z-index: 1
}

#section-quote .container-pe-quote .pp-quote.li-quote-1 .img {
    background-image: url(../images/agency_01/1.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-2 .img {
    background-image: url(../images/agency_01/2.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-3 .img {
    background-image: url(../images/agency_01/3.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-4 .img {
    background-image: url(../images/agency_01/4.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-5 .img {
    background-image: url(../images/agency_01/5.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-6 .img {
    background-image: url(../images/agency_01/6.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-7 .img {
    background-image: url(../images/agency_01/7.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-8 .img {
    background-image: url(../images/agency_01/8.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-9 .img {
    background-image: url(../images/agency_01/9.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-10 .img {
    background-image: url(../images/agency_01/10.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-11 .img {
    background-image: url(../images/agency_01/11.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-12 .img {
    background-image: url(../images/agency_01/12.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-13 .img {
    background-image: url(../images/agency_01/13.jpg);
}

#section-quote .container-pe-quote .pp-quote.li-quote-14 .img {
    background-image: url(../images/agency_01/14.jpg);
}

#section-quote .container-pe-quote .pp-quote:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: calc(100% + 5px);
    width: calc(100% + 5px);
    border-radius: 100%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#section-quote .container-pe-quote .pp-quote:hover:after,
#section-quote .container-pe-quote .pp-quote.active:after {
    background-color: #3bb6d5;
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -moz-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

@keyframes floating {
    from {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg)
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
        -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
        transform: rotate(0deg) translate(-10px) rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
        transform: rotate(360deg) translate(-10px) rotate(-360deg)
    }
}

#section-quote .container-pe-quote .li-quote-1 {
    height: 90px;
    width: 90px;
    left: 40px;
    top: 30px;
    animation-duration: 10s;
    -webkit-animation-duration: 10s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

#section-quote .container-pe-quote .li-quote-2 {
    height: 63px;
    width: 63px;
    left: 150px;
    top: 150px;
    animation-duration: 12s;
    -webkit-animation-duration: 12s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

#section-quote .container-pe-quote .li-quote-3 {
    height: 82px;
    width: 82px;
    left: -70px;
    top: 180px;
    animation-duration: 11s;
    -webkit-animation-duration: 11s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

#section-quote .container-pe-quote .li-quote-4 {
    height: 48px;
    width: 48px;
    left: 80px;
    top: 250px;
    animation-duration: 6s;
    -webkit-animation-duration: 6s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

#section-quote .container-pe-quote .li-quote-5 {
    height: 73px;
    width: 73px;
    left: -60px;
    top: 320px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

#section-quote .container-pe-quote .li-quote-6 {
    height: 63px;
    width: 63px;
    left: 65px;
    top: 380px;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

#section-quote .container-pe-quote .li-quote-12 {
    height: 63px;
    width: 63px;
    left: -15px;
    top: 460px;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

#section-quote .container-pe-quote .li-quote-7 {
    height: 73px;
    width: 73px;
    right: -15px;
    top: 30px;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

#section-quote .container-pe-quote .li-quote-8 {
    height: 73px;
    width: 73px;
    right: 50px;
    top: 150px;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

#section-quote .container-pe-quote .li-quote-9 {
    height: 48px;
    width: 48px;
    right: 150px;
    top: 90px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

#section-quote .container-pe-quote .li-quote-10 {
    height: 90px;
    width: 90px;
    right: 225px;
    top: 250px;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

#section-quote .container-pe-quote .li-quote-11 {
    height: 52px;
    width: 52px;
    right: 40px;
    top: 320px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

#section-quote .container-pe-quote .li-quote-13 {
    height: 42px;
    width: 42px;
    right: 128px;
    top: 380px;
    animation-duration: 9s;
    -webkit-animation-duration: 9s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

#section-quote .container-pe-quote .li-quote-14 {
    height: 48px;
    width: 48px;
    right: 108px;
    top: 470px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.lang-icon {
    position: absolute;
    left: 15px; /* 調整圖示距離左邊的距離 */
    top: 12px; /* 調整圖示距離頂部的距離，使其垂直居中 */
    width: 20px; /* 調整圖示的寬度 */
    height: 16px; /* 調整圖示的高度 */
    pointer-events: none; /* 確保圖示不會阻擋選項的點擊事件 */
}
/*首頁登入 tab*/
.tab-container {
    max-width: 450px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    /*border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
}

.tabs {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.tab-button {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    color: #C79B4B;
    font-size: 25px;
    font-weight: 700;
    flex: 1;
    text-align: center;
    transition: background-color 0.3s;
}

.pline {
    border-right: 1px solid #C79B4B;
}

.tab-button:hover {
    border-bottom: 2px solid #C79B4B;
    padding-bottom: 10px;
    width: 60%;
}

.tab-button.active {
    /*background-color: #ccc;*/
}

.tab-content {
    display: none;
}

    .tab-content form {
        display: flex;
        flex-direction: column;
    }

    .tab-content label {
        margin: 5px 0;
    }

    .tab-content input {
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #c79b4b;
        border-radius: 5px;
    }

.form-content form {
    display: flex;
    flex-direction: column;
}

.form-content label {
    margin: 5px 0;
}

.form-content input {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #c79b4b;
    border-radius: 5px;
}

.form-check-input {
    position: absolute;
    margin-top: 10px;
    margin-left: -1.25rem;
}

.form-content button {
    padding: 10px;
    border: none;
    background-color: #007BFF;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .form-content button:hover {
        background-color: #0056b3;
    }

.form-content.active {
    display: block;
}

.input-container {
    position: relative;
    margin-bottom: 10px;
}

    .input-container input {
        width: 100%;
        padding-right: 40px;
    }

.toggle-inout {
    position: absolute;
    top: 60%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.toggle-send {
    position: absolute;
    top: 45%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.toggle-Transfer {
    position: absolute;
    top: 45%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-container {
    position: relative;
}

    .password-container input {
        width: 100%;
        padding-right: 40px;
    }

.toggle-password {
    position: absolute;
    top: 45%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.tab-content button {
    padding: 10px;
    border: none;
    background-color: #007BFF;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .tab-content button:hover {
        background-color: #0056b3;
    }

.tab-content.active {
    display: block;
}

@media (max-width: 600px) {
    .tab-container {
        padding: 10px;
    }

    .tab-button {
        padding: 10px;
        font-size: 25px;
    }

    .tab-content input, .tab-content button {
        font-size: 14px;
        padding: 8px;
    }
}

.floating-icons {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000; /* 保證浮動圖示在頂層 */
    display: flex;
    flex-direction: column; /* 垂直排列圖示 */
}

    .floating-icons a {
        margin: 5px 0; /* 每個圖示間距 */
    }

    .floating-icons img {
        display: block;
        max-width: 90px; /* 圖示最大寬度 */
        max-height: 90px; /* 圖示最大高度 */
        /*background-color: white;*/ /* 背景顏色 */
        /*border: 1px solid #ccc;*/ /* 邊框 */
        padding: 0px; /* 內邊距 */
        /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/ /* 陰影效果 */
    }

.fixed-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: white; /* 背景顏色 */
    border-top-left-radius: 50px; /* 左上角圓角 */
    border-top-right-radius: 50px; /* 右上角圓角 */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* 陰影效果 */
    display: flex;
    justify-content: center; /* 水平居中排列 */
    padding: 10px 0; /* 內邊距 */
    z-index: 1000; /* 保證選單在頂層 */
    width: 100%; /* 選單寬度 */
}


    .fixed-bottom-menu img {
        display: block;
        max-width: 80px; /* 圖示最大寬度 */
        max-height: 80px; /* 圖示最大高度 */
    }

.fixed_text {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0 8px; /* 每個圖示間距 */
    margin-bottom: 10px;
}

.index_titel {
    color: #4b0713;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 70px;
    font-weight: 600;
    animation-delay: 1.0s;
}

.index_titel-1 {
    color: #580F05;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 70px;
    font-weight: 600;
    animation-delay: 1.0s;
}

.index_tite2 {
    color: #4a4a4a;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 70px;
    font-weight: 600;
    animation-delay: 1.0s;
}

.action_titel {
    color: #580F05;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 70px;
    font-weight: 600;
    animation-delay: 1.0s;
}

.action_txet {
    color: #580F05;
    font-size: 16px;
    line-height: 25px;
    padding: 15px;
    text-align: justify;
}

.news_text {
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 0 20px 0 20px;
}

.qa_text {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.about_txet {
    color: #111;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    text-align: justify;
}

.btn_login {
    display: inline-block;
    text-align: center;
    background: linear-gradient(to bottom, #F3BF61 0%,#8E6D32 100%);
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.btn_serch {
    display: inline-block;
    text-align: center;
    background: #FFF;
    border: 1px solid #C79B4B;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    .btn_serch:hover {
        display: inline-block;
        text-align: center;
        background: #C79B4B;
        color: #FFF;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.forget_titel {
    color: #580F05;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    animation-delay: 1.0s;
}

.pl20 {
    padding-right: 20px;
}

.my-container {
    max-width: 90%;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border: 3px solid #C79B4B;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.orderview-container {
    max-width: 90%;
    margin: 0 auto;
}

.index-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    border: 2px solid #C79B4B;
}

.my_txet {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
}

.my_txet1 {
    color: #C79B4B;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
}

.my_txet2 {
    color: #580F05;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    padding-top: 15px;
}

.my_txet3 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 25px;
    padding-top: 10px;
}

.my_txet4 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 10px;
}

.my_txet5 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.team_txet1 {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 25px;
    padding-top: 10px;
}

.Team-title1 a {
    color: #FFF
}

.team_txet2 {
    color: #C79B4B;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
}

.team_txet3 {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
}

.wrap-text {
    word-wrap: break-word; /* 支持旧版浏览器 */
    overflow-wrap: break-word; /* 支持现代浏览器 */
}

.share_txet1 {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
}

.my_btn_style {
    display: inline-block;
    text-align: center;
    background: #970804;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 80px;
    height: 45px;
    line-height: 42px;
    border: 1px solid #970804;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.my_icon, .my_pic {
    width: 80px;
}

.mt60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.my-container2 {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border: 1px solid #C79B4B;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.order-container2 {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #C79B4B;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.order-title {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background: #C79B4B;
    color: #FFF;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.order-title1 {
    display: grid;
    place-items: center; /* 水平和垂直置中 */
    height: 50px; /* 父容器的高度 */
    font-size: 20px;
}

    .order-title1 a {
        color: #FFF;
    }

.order-tab1 {
    position: relative;
    max-width: 100%;
    margin: 0px auto;
    border-radius: 10px 10px 0 0;
    background: #009254;
    color: #FFF;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.order-tab2 {
    position: relative;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
    margin: 0px auto;
    background: #C79B4B;
    color: #FFF;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.order-tab3 {
    position: relative;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
    margin: 0px auto;
    background: #970804;
    color: #FFF;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.money-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    border: 1px solid #C79B4B;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.my_card-body {
    padding-top: 10px;
}

.my_card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.add_money {
    color: #ff1a1a;
    font-size: 20px;
    font-weight: 700;
}

.del_money {
    color: #399d46;
    font-size: 20px;
    font-weight: 700;
}
/*
.money-content input {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #c79b4b;
	border-radius: 5px;
}
	.money-content input:hover  {
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #c79b4b;
		border-radius: 5px;
	}
*/
.my_btn_style a {
    color: #fff
}

.backimg {
    padding-left: 40px;
    padding-top: 20px;
}

.addresstext {
    font-size: 15px;
    word-break: break-all;
}

.settingtext1 {
    font-size: 14.5px;
    font-weight: bold;
}

.container11 {
    text-align: center;
}

.image-switch {
    cursor: pointer;
    width: 100px;
    height: 38px;
    display: inline-block;
    background-size: cover;
    transition: background-image 0.5s ease;
}

.switch-on {
    background-image: url('/Content/skin/images/doctor_01/button_On.png'); /* 替換為你的開啟圖片路徑 */
}

.switch-off {
    background-image: url('/Content/skin/images/doctor_01/button_off.png'); /* 替換為你的關閉圖片路徑 */
}

#image {
    width: 300px;
    transition: opacity 0.5s ease;
}

.mb_line {
    border-bottom: 1px solid #c2c2c2;
    height: 55px;
}

.usdt_text1 {
    font-size: 16px;
    font-weight: bold;
    color: #141515;
    padding-top: 10px;
}

.usdt_text2 {
    font-size: 16px;
    font-weight: bold;
    color: #e24f61;
    padding-bottom: 10px;
}

.form-select {
    display: inline-block;
    text-align: center;
    background: #C79B4B;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 45px;
    line-height: 42px;
    border: 1px solid #C79B4B;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    padding-bottom: 10px;
}

    .form-select:hover,
    .form-select:focus {
        background: transparent;
        color: #C79B4B;
        border: 1px solid #C79B4B;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

.page_botoom {
    background-image: url('../images/doctor_01/bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.Mybg {
    background-image: url('../images/doctor_01/bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.Teambg {
    background-image: url('../images/doctor_01/bg_2.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.Team-title {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background: #009254;
    color: #FFF;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.Team-title1 {
    display: grid;
    place-items: center; /* 水平和垂直置中 */
    height: 50px; /* 父容器的高度 */
    font-size: 20px;
}

.video-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

video {
    width: 100%;
    cursor: pointer;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .play-button:focus {
        outline: none;
    }

.btn_link {
    display: inline-block;
    text-align: center;
    background: #009254;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*理財明細*/
.order-container {
    width: 100%;
    margin: 0 auto;
}

.order-buttons {
    display: flex;
    cursor: pointer;
    width: 100%;
    text-align: justify;
    flex-wrap: wrap;
    justify-content: space-between;
}

.order-button {
    padding: 10px 20px;
    border: none;
    background: none;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    transition: background-color 0.3s;
}

    .order-button.active {
        border-bottom: 2px solid #970804;
        font-weight: bold;
        color: #970804;
    }

.order-content {
    display: none;
    border-top: none;
}

    .order-content.active {
        display: block;
    }

.od-title {
    color: #262626;
    padding: 7px 10px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    font-family: 'Microsoft JhengHei';
}

.colorRed {
    color: #970804 !important;
}

.order-view1 {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    background: #009254;
    color: #FFF;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.order-view2 {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    background: #C79B4B;
    color: #FFF;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.order-view3 {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    background: #970804;
    color: #FFF;
    height: 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.Set_text1 {
    cursor: pointer;
    width: 100%;
    text-align: justify;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 25px;
    color: #262626;
    font-weight: 700;
}

    .Set_text1 img {
        width: 50px;
        padding-right: 15px;
        padding-bottom: 5px;
    }

.Set_text2 img {
    width: 30px;
}

.input-set input {
    font-size: 15px;
    padding-right: 10px;
}

.Set_text3 {
    cursor: pointer;
    width: 100%;
    text-align: justify;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 25px;
    color: #262626;
    font-weight: 700;
}

.Con_text1 {
    cursor: pointer;
    width: 100%;
    text-align: justify;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 20px;
    color: #262626;
    font-weight: 700;
    margin-bottom: 15px;
}

.form-select-set {
    display: inline-block;
    text-align: center;
    background: #C79B4B;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 130px;
    height: 38px;
    line-height: 42px;
    border: 1px solid #C79B4B;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.form-content-set input {
    height: 38px;
    width: 300px;
    margin-bottom: 10px;
    border: 1px solid #c79b4b;
    border-radius: 5px;
}

.toggle-send-set {
    position: absolute;
    top: 45%;
    font-size: 13px;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.form-select-con {
    display: inline-block;
    text-align: center;
    background: #FFF;
    color: #000 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 38px;
    line-height: 42px;
    border: 1px solid #C79B4B;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.Set_text2 textarea {
    height: 180px;
}

.qamb_line {
    border-bottom: 1px solid #c2c2c2;
    height: 150px;
}

.play-set input {
    height: 38px;
    width: 50px;
    margin-right: 5px;
    margin-bottom: 10px;
    border: 1px solid #c79b4b;
    border-radius: 5px;
    text-align: center;
}

.btn_style_play {
    display: inline-block;
    text-align: center;
    background: linear-gradient(to bottom, #F3BF61 0%,#8E6D32 100%);
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 250px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*圖片切換*/
.fixed_text0 img {
    width: 80px; /* 根据需要设置图片宽度 */
    height: 80px; /* 根据需要设置图片高度 */
    transition: all 0.3s ease;
}

.fixed_text0:hover img {
    content: url('/Content/skin/images/doctor_01/ic_setting_s_pressed.png'); /* 鼠标滑过时显示的图片 */
}

.fixed_text0.clicked img {
    content: url('/Content/skin/images/doctor_01/ic_setting_s_pressed.png'); /* 点击后显示的图片 */
}

.fixed_text1 img {
    width: 80px; /* 根据需要设置图片宽度 */
    height: 80px; /* 根据需要设置图片高度 */
    transition: all 0.3s ease;
}

.fixed_text1:hover img {
    content: url('/Content/skin/images/doctor_01/ic_income_s_pressed.png'); /* 鼠标滑过时显示的图片 */
}

.fixed_text1.clicked img {
    content: url('/Content/skin/images/doctor_01/ic_income_s_pressed.png'); /* 点击后显示的图片 */
}

.fixed_text2 img {
    width: 80px; /* 根据需要设置图片宽度 */
    height: 80px; /* 根据需要设置图片高度 */
    transition: all 0.3s ease;
}

.fixed_text2:hover img {
    content: url('/Content/skin/images/doctor_01/ic_me_s_pressed.png'); /* 鼠标滑过时显示的图片 */
}

.fixed_text2.clicked img {
    content: url('/Content/skin/images/doctor_01/ic_me_s_pressed.png'); /* 点击后显示的图片 */
}

.fixed_text3 img {
    width: 80px; /* 根据需要设置图片宽度 */
    height: 80px; /* 根据需要设置图片高度 */
    transition: all 0.3s ease;
}

.fixed_text3:hover img {
    content: url('/Content/skin/images/doctor_01/ic_place_order_s_pressed.png'); /* 鼠标滑过时显示的图片 */
}

.fixed_text3.clicked img {
    content: url('/Content/skin/images/doctor_01/ic_place_order_s_pressed.png'); /* 点击后显示的图片 */
}

/*改畫面圖示*/
.fixed_text.clicked0 img {
    content: url('/Content/skin/images/doctor_01/ic_setting_s_pressed.png'); /* 点击后显示的图片 */
}

.fixed_text.clicked1 img {
    content: url('/Content/skin/images/doctor_01/ic_income_s_pressed.png'); /* 点击后显示的图片 */
}

.fixed_text.clicked2 img {
    content: url('/Content/skin/images/doctor_01/ic_me_s_pressed.png'); /* 点击后显示的图片 */
}

.fixed_text.clicked3 img {
    content: url('/Content/skin/images/doctor_01/ic_place_order_s_pressed.png'); /* 点击后显示的图片 */
}

.p-0 {
    padding-left: 0px !important;
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 150px;
    user-select: none;
    border: 2px solid #C79B4B;
    border-radius: 5px;
    color: #C79B4B !important;
    text-align: center;
}

.custom-select {
    position: relative;
    width: 100%;
    cursor: pointer;
    background-color: #fceded;
    color: #C79B4B !important;
}

.custom-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #C79B4B !important;
}

.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-option {
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .custom-option:hover {
        background-color: #f0f0f0;
    }

.flag-icon {
    margin-right: 8px;
    width: 20px;
    height: 15px;
}

.custom-select.open .custom-options {
    display: block;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #C79B4B !important;
    color: #fff;
    font-size: 1.0625em;
}

.in01 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.date-icon-wrapper {
    position: relative;
}


    .date-icon-wrapper .calendar-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        color: #000;
        pointer-events: none;
    }



.underline-input {
    padding-right: 35px; /* 給圖標留出空間 */

    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 5px 0;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}


    .underline-input:focus {
        border-bottom: 2px solid #000;
    }

.indexbox2 {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}

.filterimg {
    filter: drop-shadow(12px 10px 10px rgba(0, 0, 0, .2));
}

.font60 {
    font-size: 60px;
    padding-top: 30px;
}

/*footer*/
.fod-flex {
    display: flex;
    justify-content: center;
}

.index-ad {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px;
    background: #4a0613;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.ad01 img {
    width: 250px;
    padding-bottom: 20px;
}

.ad02 img {
    width: 200px;
    padding-bottom: 20px;
}

.ad03 img {
    width: 150px;
    padding-bottom: 10px;
}

.ad04 img {
    width: 250px;
    padding-bottom: 20px;
}

.ad05 {
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}

.ad06 img {
    position: relative;
    top: 50%;
    height: 220px;
    transform: translateY(-50%);
    text-align: center;
    padding-left: 180px;
}

.index_titel-b2 {
    color: #C79B4B;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 70px;
    font-weight: 700;
    animation-delay: 1.0s;
}

/*新增*/

.doc_cp_wrapper {
	width: 100%;
	padding-bottom: 10px;
}
.cps_txet {
	color: #111;
	font-size: 16px;
	line-height: 40px;
	text-align: justify;
}

.cptext{
	font-size:16px;
	color:#000;
	margin-top:10px;
}
.cptitle1 {
	font-size: 24px;
	font-weight: 600;
	color: #970804;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cptitle2 {
	font-size: 24px;
	font-weight: 600;
	color: #DFBE96;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cptitle3 {
	font-size: 24px;
	font-weight: 600;
	color: #580F05;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cptitle4 {
	font-size: 24px;
	font-weight: 600;
	color: #C79B4B;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cptitle5 {
	font-size: 24px;
	font-weight: 600;
	color: #009254;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cpsimg {
	width: 100px;
	height: 100px;
}
.tpshow {
	display: none;
}
.tpnoshow {
	display: flow;
}
@media (max-width: 480px) {
	.stet {
		display: flex !important;
		margin-bottom: 35px;
	}

	.cps_txet {
		color: #111;
		font-size: 16px;
		line-height: 30px;
		text-align: justify;
		margin-top:20px;
	}
	.doc_cp_wrapper {
		margin-bottom:20px;
		padding-right:20px;
	}
	.cptext {
		font-size: 16px;
		color: #000;
		margin-top: 0px;
	}
	.cptitle1 {
		font-size: 24px;
		font-weight: 600;
		color: #970804;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.cptitle2 {
		font-size: 24px;
		font-weight: 600;
		color: #DFBE96;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.cptitle3 {
		font-size: 24px;
		font-weight: 600;
		color: #580F05;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.cptitle4 {
		font-size: 24px;
		font-weight: 600;
		color: #C79B4B;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.cptitle5 {
		font-size: 24px;
		font-weight: 600;
		color: #009254;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.tpshow{
		display:flow;
	}
	.tpnoshow {
		display: none;
	}


}
/*商品介紹*/

        .style4 {
            font-size: 18px;
            font-family: "Microsoft New Tai Lue", "Microsoft Himalaya", "Microsoft Sans Serif", "Microsoft YaHei", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Microsoft JhengHei UI Light";
            font-weight: bold;
            color: #000000;
            padding: 5px;
        }

		.style7 {
			font-family: "Microsoft New Tai Lue", "Microsoft Himalaya", "Microsoft Sans Serif", "Microsoft YaHei", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Microsoft JhengHei UI Light";
			color: #ea5514;
			font-size: 18px;
			font-weight: bold;
		}

        .style8 {
            font-size: 24px;
            color: #ea5514;
            font-family: "Microsoft New Tai Lue", "Microsoft Himalaya", "Microsoft Sans Serif", "Microsoft YaHei", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Microsoft JhengHei UI Light";
            font-weight: bold;
        }

		.style10 {
			font-size: 24px;
			font-family: "Microsoft New Tai Lue", "Microsoft Himalaya", "Microsoft Sans Serif", "Microsoft YaHei", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Microsoft JhengHei UI Light";
			font-weight: bold;
		}

		.style11 {
			font-size: 18px;
			color: #c9a063;
		}

		.style12 {
			font-size: 36px
		}
        .table-wrapper {
            width: 100%;
            overflow-x: auto;
            white-space: nowrap;
        }