@charset "UTF-8";

html,

body {

    font-family: 'Lato', sans-serif;

    font-size: 16px;

    line-height: 26px;

    color: #797979;

    font-weight: 400;

    overflow-x: hidden;
    scroll-behavior: smooth;

}

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: #3bb6d5;

    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: 30px;

    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: 1000;

    padding-top: 25px;

    text-align: center;

}

#return-to-top i:before {

    color: #000000;

    font-size: 25px;

}

/* Common button styles */



/* Agecy 01 */



.btn_style {

    display: inline-block;

    text-align: center;

    background: #3bb6d5;

    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;

}

.btn_style:hover,

.btn_style:focus {

    background: #f5f7fb;

    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;

}

/* Agecy 02 */



.agency2_btn_style {

    display: inline-block;

    text-align: center;

    background: #3bb6d5;

    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;

}

.agency2_btn_style:hover,

.agency2_btn_style:focus {

    background: #f5f7fb;

    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;

}

/* 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;

}

/* Business */



.bussi_btn_style {

    display: inline-block;

    text-align: center;

    background: #ff4a57;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 200px;

    height: 45px;

    line-height: 42px;

    border: 1px solid #ff4a57;

    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;

}

.bussi_btn_style:hover,

.bussi_btn_style:focus {

    background: transparent;

    color: #ff4a57;

    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;

}

/* Construction 01 */



.const_btn_style {

    display: inline-block;

    text-align: center;

    background: #ff6666;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 180px;

    height: 45px;

    line-height: 42px;

    border: 1px solid #ff6666;

    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;

}

.const_btn_style:hover,

.const_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;

}

/* Construction 02 */



.const2_btn_style {

    display: inline-block;

    text-align: center;

    background: #ffc13b;

    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;

}

.const2_btn_style:hover,

.const2_btn_style:focus {

    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;

}

/* Doctor 01 */



.doc_btn_style {

    display: inline-block;

    text-align: center;

    background: #ff6666;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 180px;

    height: 45px;

    line-height: 42px;

    border: 1px solid #ff6666;

    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 */



.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;

}

/* It Company */



.it_comp_btn_style {

    display: inline-block;

    text-align: center;

    background: #ff5470;

    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;

}

.it_comp_btn_style:hover,

.it_comp_btn_style:focus {

    background: #f5f7fb;

    color: #ff5470;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

/* kidder */



.kid_btn_style {

    display: inline-block;

    text-align: center;

    background: #ff5470;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 160px;

    text-transform: capitalize;

    height: 45px;

    border: 1px solid #ff5470;

    line-height: 42px;

    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;

}

.kid_btn_style:hover,

.kid_btn_style:focus {

    background: transparent;

    color: #ff5470;

    -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 */



.lawyer_btn_style {

    display: inline-block;

    text-align: center;

    background: #3bb6d5;

    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;

}

.lawyer_btn_style:hover,

.lawyer_btn_style:focus {

    background: #f5f7fb;

    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;

}

/* PC Fixer */



.pcfix_btn_style {

    display: inline-block;

    text-align: center;

    background: #00aaef;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 160px;

    text-transform: uppercase;

    height: 45px;

    border: 1px solid #00aaef;

    line-height: 42px;

    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;

}

.pcfix_btn_style:hover,

.pcfix_btn_style:focus {

    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;

}

/* Software */



.soft_btn_style {

    display: inline-block;

    text-align: center;

    background: #fff;

    color: #4e49de;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    width: 200px;

    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;

}

.soft_btn_style:hover,

.soft_btn_style:focus {

    background: transparent;

    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;

}

/* Startup */



.start_btn_style {

    display: inline-block;

    text-align: center;

    background: #7e50ff;

    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;

}

.start_btn_style:hover,

.start_btn_style:focus {

    background: #fff;

    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;

}

/* Web Hosting */



.web_btn_style {

    display: inline-block;

    text-align: center;

    background: #63c000;

    color: #fff;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 160px;

    text-transform: capitalize;

    height: 45px;

    border: 1px solid #63c000;

    line-height: 42px;

    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;

}

.web_btn_style:hover,

.web_btn_style:focus {

    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;

}

/* 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;

}

/* Business */



.bussi_section_heading {

    float: left;

    width: 100%;

    padding-bottom: 50px;

    text-align: center;

}

.bussi_section_heading h3 {

    font-size: 16px;

    font-weight: 500;

    color: #626f82;

    letter-spacing: 2px;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.bussi_section_heading h2 {

    font-size: 26px;

    font-weight: 600;

    text-transform: capitalize;

}

/* Construction 01 */



.const_section_heading {

    float: left;

    width: 100%;

    padding-bottom: 55px;

    text-align: center;

}

.const_section_heading h2 {

    font-size: 40px;

    font-weight: 600;

    position: relative;

    text-transform: capitalize;

    padding-bottom: 20px;

}

.const_section_heading h2:after {

    content: '';

    position: absolute;

    bottom: -7px;

    width: 200px;

    height: 8px;

    background: #ffefef;

    left: 0;

    right: 0;

    margin: 0px auto;

}

/* Construction 02 */



.const2_sp_heading_wraper {

    text-align: center;

    padding-bottom: 40px;

}

.const2_sp_heading_wraper h3 {

    font-size: 34px;

    line-height: 42px;

    text-transform: capitalize;

    font-weight: 700;

    text-align: center;

    position: relative;

    margin-bottom: 10px;

}

.const2_sp_heading_wraper h3:after {

    content: '';

    position: absolute;

    right: 0;

    left: 0;

    margin: 0px auto;

    background: #ffc13b;

    bottom: -8px;

    width: 100px;

    height: 4px;

    border-radius: 5px;

}

/* Doctor 01 */



.doc_section_heading {

    float: left;

    width: 100%;

    padding-bottom: 50px;

    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;

}

/* It Company */



.it_comp_heading_wrapper {

    padding-bottom: 40px;

    animation-delay: 0.2s;

}

.it_comp_heading_wrapper h2 {

    color: #1e3455;

    font-size: 26px;

    font-weight: 700;

    line-height: 38px;

    margin-bottom: 20px;

}

.it_comp_heading_wrapper h1 {

    font-size: 34px;

    line-height: 42px;

    text-transform: capitalize;

    margin-bottom: 10px;

}

/* kidder */



.kid_heading_wraper {

    text-align: center;

    padding-bottom: 40px;

}

.kid_heading_wraper h3 {

    font-size: 34px;

    line-height: 42px;

    text-transform: capitalize;

    font-weight: 500;

    margin-bottom: 10px;

}

/* Lawyer */



.lw_heading_wraper {

    text-align: center;

    margin-bottom: 40px;

}

.lw_heading_wraper h3 {

    text-transform: capitalize;

    color: #7b4dbb;

    margin-bottom: 10px;

    font-size: 22px;

}

.lw_heading_wraper h1 {

    font-size: 36px;

    text-transform: capitalize;

}

/* PC Fixer */



.pcfix_center_heading h1 {

    font-size: 36px;

    text-transform: capitalize;

    margin-bottom: 35px;

}

/* Software */



.soft_heading_wrapper {

    margin-bottom: 40px;

}

.soft_heading_wrapper h2 {

    font-size: 20px;

    text-transform: capitalize;

}

.soft_heading_wrapper h1 {

    font-size: 36px;

    text-transform: capitalize;

    margin-bottom: 20px;

    font-weight: 500;

}

/* Startup */



.start_heading_wraper {

    text-align: center;

    padding-bottom: 40px;

}

.start_heading_wraper h3 {

    font-size: 34px;

    line-height: 42px;

    text-transform: capitalize;

    font-weight: 500;

    display: inline-block;

    position: relative;

    margin-bottom: 10px;

}

.start_heading_wraper h3:after {

    content: '';

    position: absolute;

    left: -20px;

    height: 40px;

    top: 0;

    width: 1px;

    background: #7e50ff;

}

.start_heading_wraper h3:before {

    content: '';

    position: absolute;

    right: -20px;

    height: 40px;

    top: 0;

    width: 1px;

    background: #7e50ff;

}

/* Web Hosting */



.web_heading_wraper {

    text-align: center;

    padding-bottom: 40px;

}

.web_heading_wraper h3 {

    font-size: 34px;

    line-height: 42px;

    text-transform: capitalize;

    font-weight: 500;

    margin-bottom: 10px;

}

/* 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: 0px;

}

.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: 15px;

}

.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: 10px 15px;

    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: 0px;

}

#agency2_accordion .agency2_card_pagee a {

    color: #ffffff;

    background-color: #ff5470;

    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: 0px;

    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: 60px;
    padding-bottom: 60px;

}

.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: auto;

    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,

.bussi_box5 {

    margin-right: 30px;

}

.bussi_box2,

.bussi_box3,

.bussi_box4,

.bussi_box5,

.bussi_box6{

    margin-top: 20px;

}

.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: 17px;

    padding-bottom: 10px;

    font-weight: 600;

}

.bussi_service_box p {

    /*	width: 213px;*/

    line-height: 22px;

    font-size: 14px;

}

/*----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;

    background: #ecf0f1!important;

}

.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: 16px;

    line-height: 25px;

    margin-bottom: 20px;

}

.bussi_about_content_wrapper li {

    font-size: 16px;

    margin-bottom: 8px;

}

.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: #ff5470;

    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: 30px 0 0 15px;

}

/* doc_main_menu_wrapper start */



.doc_main_menu_wrapper {

    float: right;

    padding-top: 40px;

}

.doc_main_menu_wrapper ul > li {

    float: left;

    margin-right: 15px;

}

.doc_main_menu_wrapper ul > li > a {

    color: #000;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    padding: 15px 12px;

    position: relative;

}

.doc_main_menu_wrapper ul > li > a:hover {

    color: #00d2eb;

}

.doc_main_menu_wrapper ul > .active > a {

    background-color: transparent;

    color: #00d2eb;

}

.doc_main_menu_wrapper ul > .active > a:focus,

.doc_main_menu_wrapper ul > .active > a:hover {

    background-color: transparent;

    color: #00d2eb;

}

/*doc_menu_right_wrapper start*/



.doc_menu_right_wrapper {

    float: right;

    padding-top: 31px;

}

.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: 190px;

    height: 40px;

    float: left;

    background: #00d2eb;

    font-size: 16px;

    border: 1px solid #00d2eb;

    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;

}

.doc_menu_right_wrapper .doc_btn_style:hover,

.doc_menu_right_wrapper .doc_btn_style:focus {

    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;

}

/*-- 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: #01d2eb;

    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: #ff4a57;

}

.doc_menu_fixed ul > .active > a:focus,

.doc_menu_fixed ul > .active > a:hover {

    color: #ff4a57;

}

.doc_menu_fixed .doc_btn_style {

    background: #ff4a57;

    color: #fff;

}

.doc_menu_fixed .doc_btn_style:hover {

    background: transparent;

    color: #ff4a57;

    border: 1px solid #ff4a57;

}

.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: 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);

}

#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: 260px;

    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: 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;

}

#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: #000;

    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: 1.5px;

    width: 0;

    left: 0;

    bottom: 12px;

    right: 0;

    margin: 0px auto;

    background: #00d2eb;

    visibility: hidden;

    transition: all 0.5s;

}

.doc_main_menu_wrapper ul > li > a:hover:before {

    width: 35px;

    visibility: visible;

}

.doc_main_menu_wrapper ul > .active > a:before {

    width: 35px;

    visibility: visible;

}

/*----- slider_area start --------*/



.doc_banner_wrapper {

    float: left;

    width: 100%;

    position: relative;

}

.doc_banner_img_wrapper {

    position: absolute;

    top: -81px;

    left: -13px;

    z-index: -1;

}

.doc_banner_cntnt {

    text-align: right;

    float: left;

    width: 100%;

    padding: 130px 0;

}

.doc_banner_cntnt h1 {

    color: #111111;

    margin-bottom: 30px;

    text-transform: capitalize;

    font-size: 54px;

    line-height: 70px;

    font-weight: 600;

    animation-delay: 1.0s;

}

.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: 50px;

}

.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: #00d2eb;

}

.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: 100px;

    padding-top: 100px;

    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: 100px;

}

.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: 25px 0;

    background: #f0f5ff;

}

.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: #ff5470;

}

.it_comp_menu_wrapper ul > .active > a {

    background-color: transparent;

    color: #ff5470;

}

.it_comp_menu_wrapper ul > .active > a:focus,

.it_comp_menu_wrapper ul > .active > a:hover {

    background-color: transparent;

    color: #ff5470;

}

.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: #ff5470;

}

.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: #ff5470;

}

.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 #ff5470;

    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: #ff5470;

    -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: #ff5470;

    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: #ff5470;

    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: #ff5470;

}

.it_comp_menu_fixed ul > .active > a {

    color: #ff5470;

}

.it_comp_menu_fixed ul > .active > a:focus,

.it_comp_menu_fixed ul > .active > a:hover {

    color: #ff5470;

}

.it_comp_menu_fixed .it_comp_btn_style {

    background: #ff5470;

    color: #fff;

}

.it_comp_menu_fixed .it_comp_btn_style:hover {

    background: #fff;

    color: #ff5470;

    border: 1px solid #ff5470;

}

.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: #ff5470;

    -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: #ff5470;

}

.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: #ff5470;

    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 #ff5470;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    background: #ff5470;

    -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: #ff5470;

    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: #ff5470;

    -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 #ff5470;

    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: #ff5470;

    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: #ff5470;

    -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: #ffb3bf;

    top: 0;

    animation: pulse-1 1.8s linear 0s infinite;

}

.it_comp_spinner_eff .circle-2 {

    width: 66.6%;

    height: 66.6%;

    background-color: #ffb3bf;

    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: #ff5470;

    -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: #ff5470;

    color: #fff;

    border: 1px solid #ff5470;

}

.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: #ff5470;

    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: #ff5470;

    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 #ff5470;

    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 #ff5470;

    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: #ff5470;

    border: 1px solid #ff5470;

    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: #ff5470;

    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_logo_wrapper img{

    height: 50px;

}



.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: #ff5470;

}

.kid_main_menu_wrapper ul > .active > a {

    background-color: transparent;

    color: #ff5470;

}

.kid_main_menu_wrapper ul > .active > a:focus,

.kid_main_menu_wrapper ul > .active > a:hover {

    background-color: transparent;

    color: #ff5470;

}

/*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 #ff5470;

    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: #ff5470;

    -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: #ff5470;

    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: #ff5470;

    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: #ff5470;

    z-index: -1;

}



.kid_menu_fixed img{

    height: 40px;

}





.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: #ff5470;

    border: 1px solid #ff5470;

}

/* 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: #ff5470;

    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: 2px;

    margin: -0.5px;

    width: 0;

    top: 70%;

    left: 0;

    z-index: 100;

    background: #ff5470;

    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: #ff5470;

}

.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 #ff5470;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    background: #ff5470;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;*/

    /*	display: inline-block;*/

}



.kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a img{

    height: 50px;

}



.kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content li a:hover {

    color: #ff5470;

    background: #fff;

}

.kid_slider_wrapper .carousel-inner .carousel-item .carousel-captions .content h1 {

    color: #313131;

    font-family: 'Playball', cursive;

    font-size: 30px;
    margin-bottom: 0px;


    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: #ff5470;

    border: 0;

    color: #fff;

    border: 1px solid #ff5470;

    -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: #ff5470;

    border: 0;

    color: #fff;

    line-height: 47px;

    text-align: center;

    border: 1px solid #ff5470;

    -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: #ff5470;

    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: #ff5470;

}*/

/**----- 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: #ff5470;

    -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: #ff5470;

    -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: 100px 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: #ff5470;

    font-family: 'Lato';

}

.kid_about_content_wrapper h2 {

    color: #000;

    font-size: 26px;

    font-weight: 600;

    line-height: 35px;

    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: #ff5470;

    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;

    min-height: 270px;

}

.kid_services_box:hover {

    border: 1px solid #ff5470;

    -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: #ff5470;

    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: 18px;

    font-weight: 600;

    padding-top: 10px;

    text-transform: capitalize;

}

.kid_services_icon_wraper h1 a:hover {

    color: #ff5470;

}

.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: #ff5470;

    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: #ff5470;

    text-transform: capitalize;

    font-weight: 500;

    border-bottom: 2px solid #ff5470;

}

.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 #ff5470;

    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: #ff5470;

    -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: #ff5470;

    color: #fff;

    border: 1px solid #ff5470;

    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: #ff5470;

    -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: #ff5470;

}

.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: #ff5470;

    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: #ff5470;

    margin-left: 2px;

}

.kid_btm_foter_box p a:hover {

    color: #ff5470;

}

.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: #222121;

}

.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: 16px;

    line-height: 20pt;

    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

}



.download-app{

    margin-top: 25px;

}



.download-app li{

    display: inline-block;

}



.download-app li:first-child{

    margin-right: 20px;

}



.download-app li img{

    height: 50px;

}


/*
@media only screen and (max-width: 991px){

body{

        display: none;

}

html:before{

        content: "Responsive Coming Soon";

        padding:20%;

        text-align: center;

        font-size: 30px;

        display: block;	

}

}
*/
/* changes */
.faq {
    text-transform: uppercase!important;
}

.fixed-top {
    position: fixed!important;
    background: #fff!important;

}


.app-screens-container {
    width: 280px;
    margin: 0 auto;
    background-color: #000;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    position: relative;
}

.app-screens-container::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 57px;
    height: 8px;
    background-color: #000;
    border-radius: 8px;
    z-index: 100;
}

.app-screens-container img {
    width: 100%;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


/* change matching images */

/* james */
#section-quote .container-quote .quote-text-4 .container-info .pp {
    background-image: url(../images/agency_01/8.jpg)!important;
}

/* Madison */
#section-quote .container-quote .quote-text-3 .container-info .pp {
    /* background-image: url(../images/agency_01/3.jpg); */
    background-image: url(../images/agency_01/4.jpg)!important;
}

/* Liam */
#section-quote .container-quote .quote-text-5 .container-info .pp {
    background-image: url(../images/agency_01/6.jpg)!important;
}

/* Natalie */
#section-quote .container-quote .quote-text-6 .container-info .pp {
    background-image: url(../images/agency_01/5.jpg)!important;
}

/* change ethan */
#section-quote .container-quote .quote-text-8 .container-info .pp {
    background-image: url(../images/agency_01/3.jpg)!important;
    ;
}


#section-quote .container-quote {
    height: 180px!important;
}

#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-3 .img {
    background-image: url(../images/agency_01/3.jpg);
}


#section-quote .container-pe-quote.right {
    right: 30px;
    top: 10rem;
}


.default-hide{
    display: none;
}



.kid_services_wrapper {
    padding: 65px 0;
    padding-bottom: 70px;
}

.kid_about_wrapper {
    padding: 100px 0 0 0;
    position: relative;
}

.kid_services_wrapper {
    padding: 65px 0 1rem 0;
    padding-bottom: 70px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 22222;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav ul li {
    border-bottom: 1px solid #252525;
}
.sidenav a {
    padding: 8px 8px 8px 21px;
    text-decoration: none;
    font-size: 18px;
    color: #c1bbbb;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.full-video {

    width: 100%;
    object-fit: cover;
}


@media (max-width: 656px) {

    .blog-details img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    .blog-bread h3 {
        font-size: 20px !important;
        line-height: 29px;
    }
    .blog-bread {
        padding-top: 102px !important;
        padding-bottom: 50px;
        border-bottom: 2px solid #ff5470;
    }
    .blog-view h2 {
        margin-top: 20px;
        font-size: 18px !important;
        font-weight: 500;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .related-head h4 {
        font-size: 15px !important;
        font-weight: 500;
        padding: 15px 0px;
        line-height: 25px;
    }

    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        height: fit-content;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0;
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden !important;
    }
    .modal-open {
        overflow: hidden;
        overflow-y: hidden !important;
    }
    .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 200px;
    }
}


.blog-bread h3{
    font-size: 40px;
}