html {
    max-width: 100%;
    overflow-x: hidden;
}

*:hover {
    text-decoration: none!important;
}

*:focus {
    outline: none!important;
}

@font-face {
    font-family: "montserrat";
    src: url("fonts/montserrat-thin.ttf") format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: "montserrat";
    src: url("fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "montserrat";
    src: url("fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "montserrat";
    src: url("fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "bebasneue";
    src: url("fonts/BebasNeue-Regular.ttf") format("truetype");
    font-weight: 500;
}

body {
    font-family: "montserrat";
    max-width: 100%;
    overflow-x: hidden ;
}

.heading {
    margin-top: 0;
    font-family: "bebasneue";
    font-size: 72px;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 57px;
}

.heading_white {
    color: white;
}

a {
    color: #444242;
    text-decoration: none;
}

.rightsidecol .sidebar_heading {
    text-align: left;
}

.rightsidecol .sidebar_heading img {
    width: 20px;
    float: right;
}

:root {
    --red: red;
    --sub_text: #999999;
    --theme_red : #e73133;
    --theme_text_black: #141414;
}

.text_red {
    color: var(--theme_red);
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.border_right {
    border-right: 1px solid black;
}

.border_left {
    border-left: 1px solid black;
}

@media (min-width: 1200px) {
    .container.main_page_container {
        width: 100%;
    }
}

body {
    /*background: #f3f4f9;*/
}

.red_text {
    color: var(--theme_red);
}

.white_text {
    color: white;
}

.theme_button_button {
    margin-top: 12px;
    height: 39px;
    width: 140px;
    font-weight: 700;
    border: none;
    color: #040404;
    position: relative;
    overflow: hidden;
}

.theme_button_button span {
    position: relative;
}

.theme_button_button::before {
    position: absolute;
    content: '';
    width: 47px;
    height: 27px;
    background: var(--theme_red);
    bottom: -5px;
    right: -21px;
    transform: rotate( 309deg ) scale(1);
    transition: all .5s;
}

.theme_button_button.btn_white {
    background: white;
}
.team_header{
	margin-top: 20px;
	margin-bottom:-5px;
    line-height: initial;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.theme_button_button.btn_black {
    background: black;
    color: white;
}

.theme_button_button.btn_black::before {
    position: absolute;
    content: '';
    width: 47px;
    height: 27px;
    background: white;
    bottom: -5px;
    right: -21px;
    transform: rotate( 309deg ) scale(1);
    transition: all .5s;
}

.theme_button_button.btn_white:hover span {
    color: white!important;
}

.theme_button_button.btn_black:hover span {
    color: black!important;
}

.theme_button_button:hover::before {
    transform: rotate( 309deg ) scale(10);
    transition: all .5s;
}
}

.col_mob_none {
    display: none;
}

/*loader start*/
.loader_outercont {
    width: 100%;
    height: 100%;
    background: #212020;
    position: fixed;
    z-index: 10;
    display: grid;
    align-content: center;
    justify-content: center;
}

.loader_outercont img {
    width: 412px;
    position: relative;
    z-index: 2;
    animation: loading linear 10s infinite;
}

@keyframes loading {
    0% {
        transform: scale( .95 );
    }

    20% {
        transform: scale( 1 );
    }

    40% {
        transform: scale( .95 );
    }

    60% {
        transform: scale( 1 );
    }

    80% {
        transform: scale( .95 );
    }

    100% {
        transform: scale( .95 );
    }
}

.loader_outercont.hide {
    display: grid;
    opacity: 0;
}

/*loader end*/
/*nav start*/
.nav_inner .menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    float: left;
}

.nav_inner .line {
    fill: none;
    stroke: white;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nav_inner .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.nav_inner .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

.nav_inner .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.nav_inner .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.nav_inner .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

.nav_inner .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.nav_row {
    width: 84%;
    /* background: red; */
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    min-width: 1058px;
    left: 8%;
    top: 20px;
}

.logo_cont {
    width: 170px;
    display: inline-block;
}

.logo_cont img {
    width: 100%;
    padding-top: 14px;
}

button.menu {
    width: 58px;
}

button.menu svg {
    width: 52px;
    height: auto;
    margin-top: 5px;
}

.nav_cont {
    display: inline-block;
    float: right;
    /* background: green; */
}

.nav_inner {
}

.nav_inner ul {
    float: left;
    margin-right: 23px;
    overflow: hidden;
    max-width: 0px;
    height: 45px;
    padding-left: 0;
    transition: all .7s;
}

.nav_inner ul.active {
    float: left;
    margin-right: 23px;
    overflow: hidden;
    max-width: 1000px;
    height: 45px;
    padding-left: 0;
    transition: all .7s;
}

.nav_inner li {
    display: inline-block;
    margin-top: 20px;
    margin-left: 23px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
}
.nav_inner li a{
	color:white;
}
.nav_inner li.active {
    color: var(--theme_red);
    font-weight: 600;
}

/*nav end*/
/*banner start*/
.banner_outer_cont {
    position: relative;
    width: 100%;
    background: black;
    margin: 0 auto;
}

.behind_banner {
    width: 100%;
    background: black;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.banner_parrty {
    width: 100%;
    background: black;
    margin: 0 auto;
}

.banner_outer_cont .banner_girls {
    width: 100%;
    /* background: black; */
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: -110%;
    transition: all .7s;
}

.banner_outer_cont.banner_activated .banner_girls {
    left: -11%;
    transition: all .7s;
}

.ban_image img {
    width: 100%;
}

.banner_triangle {
    position: absolute;
    width: 100px;
    height: auto;
}

.banner_triangle img {
    width: 100%;
}

.banner_top_triangle {
    top: -28%;
    right: -1%;
    width: 12%;
    transform: rotate(181deg);
    transition: all .7s;
}

.banner_outer_cont.banner_activated .banner_top_triangle {
    top: 0;
    transition: all .7s;
}

.banner_bottom_triangle {
    bottom: -42%;
    right: -10%;
    width: 32%;
    transition: all .7s;
}

.banner_outer_cont.banner_activated .banner_bottom_triangle {
    bottom: 0;
    right: -10%;
    width: 32%;
    transition: all .7s;
}

.front_banner {
    width: 100%;
    /* background: black; */
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0%;
}

.front_banner_inner {
    width: 100%;
    margin: 15% auto 0px;
}

.banner_slider_inner .subheading_banner {
    font-family: "montserrat";
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    font-size: 23px;
    margin-bottom: 9px;
    display: block;
}

.banner_slider_inner h2 {
    line-height: 74pt;
    font-family: "bebasneue";
    font-weight: 500;
    color: white;
    margin-top: 0;
    font-size: 86.71pt;
}

.banner_slider {
    left: 27%;
    margin-top: 9%;
    opacity: 0;
    transition: all .5s;
}

.banner_slider.banner_slider_show {
    margin-top: 14%;
    margin-top: 0%;
    opacity: 1;
    transition: all .5s;
}

.slick-dots {
    /*background: red;*/
    width: 20px;
    top: 34%;
    left: -14%;
}

.slick-dots li.slick-active button:before {
    opacity: .95;
    color: #0000;
}

.slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border: 2px solid white;
    border-radius: 100px;
    display: block;
    margin-bottom: 7px;
}

.slick-dots .slick-active {
    background: var(--theme_red);
    border: 2px solid var(--theme_red);
}

.banner_prod {
    width: 417px;
    position: absolute;
    bottom: 0;
    right: -56%;
    transition: all .5s;
}

.banner_prod.show {
    right: 6%;
    transition: all .5s;
}

/*banner end*/
/*about start*/
.about_start {
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
    background: #ccc;
    position: relative;
}

.sbout_text_cont_inner {
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
    /*background: green;*/
    padding: 100px 0px 113px 50px;
}

.sbout_text_cont_inner .heading {
    margin-bottom: 33px;
}

.sbout_text_cont_inner p {
    margin-bottom: 30px;
    text-align: justify;
}

.about_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(../img/about_image.jpg);
    background-size: cover;
    background-position: right;
}

.about_start::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(../img/about_back.jpg);
}

.sbout_text_cont_inner h1 {
    text-transform: uppercase;
    font-size: 68px;
}

.sbout_text_cont_inner .theme_button_button.btn_black::before {
    background: var(--theme_red);
}

/*about end*/
/*3 stapes*/
.threestep_cont {
    width: 100%;
    margin: 0 auto;
    background: url(../img/three_step.jpg);
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 80px;
    background-attachment: fixed;
}

.ts_outer {
}

.ts_innner {
    width: 100%;
}

.ts_innner_imgcont {
    width: 100%;
    display: block;
    border: 5px solid #69cce4;
    box-shadow: 1px 1px 7px 0px #69cce4;
    position: relative;
}

.ts_innner_imgcont img {
    width: 100%;
}

.step_count {
    left: calc(50% - 90px);
    position: absolute;
    bottom: -31px;
    z-index: 2;
    width: 181px;
    /* background: var(--theme_red); */
    display: flex;
    height: 65px;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    font-family: "bebasneue";
    font-weight: 500;
    line-height: 0;
    color: white;
    padding-top: 6px;
}

.step_count::before {
    content: '';
    background: var(--theme_red);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    transform: skewX(-12deg);
}

.step_count span {
    z-index: 2;
    color: black;
}

.step_count span b {
    color: white;
    font-weight: 500;
}

.ts_innner h3 {
    font-size: 30px;
    color: white;
    margin-top: 57px;
    text-align: center;
}

.ts_innner p {
    color: white;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    width: 90%;
    margin: 0 auto;
}

/*3 stapes end*/
/*wtay start*/
.wtay_cont {
    padding-top: 99px;
    width: 100%;
    margin: 0 auto;
    background: url(../img/clippingtext_back.jpg);
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100%;
    padding-bottom: 80px;
}

.wtay_mob_cont {
}

.wtay_text_cont {
}

.wtay_mob_cont img {
    width: 100%;
}

.wtay_text_cont img {
    width: 95%;
}

/*wtay end*/
/*bb start*/
.bb_outer {
    width: 100%;
    margin: 0 auto;
    /* background: green; */
    position: relative;
    margin-bottom: 100px;
    padding-bottom: 8%;
}

.upper_bb_cont {
    position: relative;
    left: -11%;
}

.bottom_bb_cont {
    width: 39%;
    position: absolute;
    right: 0;
    top: 0;
}

.upper_bb_cont img {
}

.bottom_bb_cont img {
    width: 100%;
}

.bb_outer_banner_outer_for_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme_red);
}

.inner_bb .heading {
    color: white;
    padding-top: 94px;
    margin-bottom: 45px;
    font-family: "bebasneue";
    font-weight: 500;
}

.inner_bb ul li {
    margin-bottom: 22px;
    color: white;
    font-family: "bebasneue";
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 1px;
    list-style: none;
    position: relative;
}

.inner_bb ul li::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/bb_bullet.png);
    position: absolute;
    /* background-color: white; */
    left: -40px;
    top: 1px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bb_right_back_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: calc(100% + 1px);
    background: url(../img/brandbenifit_right1.png);
    background-size: auto 100.2%;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: left;
}

.brandbenifit_prod {
    /* background: red; */
    position: relative;
    z-index: 2;
    padding-top: 13%;
}

.brandbenifit_prod img {
    width: 91%;
    display: block;
    margin: 0 auto;
    margin-right: 0;
    filter: drop-shadow(-27px 11px 20px #ffffff75);
}

.brandbenifit_text {
    position: relative;
    z-index: 2;
}

/*bb end*/
/*gallery start*/
.gallery_outer {
    width: 100%;
    margin: 0 auto;
}

.gallery_outer img {
    width: 100%;
}

.galley_inner {
    margin-bottom: 28px;
}

.gallery_outer .theme_button_button {
    margin: 50px auto;
    display: block;
}

.gallery_outer .theme_button_button::before {
    background: var(--theme_red);
}

.galley_inner img {
    transform: scale(1.0);
    transition: all .2s;
    cursor: pointer;
}

.galley_inner img:hover {
    transform: scale(.97);
    transition: all .2s;
}

/*gallery end*/
/*footer start*/
.footer {
    width: 100%;
    background: black;
    margin: 0 auto;
    text-align: center;
    background: url(../img/three_step.jpg);
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 54px;
}

.footer_logo {
    max-width: 135px;
    display: block;
    margin: 0 auto 30px;
}

.footer i {
    width: 43px;
    display: inline-block;
}

.footer i img {
    width: 100%;
}

.footer ul {
    list-style: none;
    width: 100%;
    text-align: center;
}

.footer ul li {
    color: white;
    display: inline-block;
    margin: 30px 10px 12px;
}
.footer ul li a{
	color:white;
}
.footer p {
    color: white;
}

/*secondery start*/
.banner_for_secondery {
    min-height: 250px;
    background-size: cover;
    background-position: center;
}

.banner_for_secondery .front_banner_inner {
    margin: 118px auto 0px;
}

.banner_for_secondery .front_banner_inner h1 {
    text-align: center;
    color: white;
    font-family: 'bebasneue';
    font-size: 55px;
}

/*secondery end*/
/*secondery about start*/
.banner_for_secondery.about {
    background-image: url(../img/about_ban.jpg);
}

.seconderypage.about_start {
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
    background-position: center;
    background: url(../img/secondery_bg.jpg);
    background-size: cover;
    background-position: bottom center;
    padding-top: 50px;
}

.seconderypage.about_start::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: unset;
}

.about_start p.bottom_banner {
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
    color: black;
    text-align: center;
    width: 83%;
    margin: 0 auto 100px;
}

p.inner_equipment_p {
    margin-top: 10px;
    line-height: initial;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
	color: #e73133;
}

.inner_equipment {
    width: 100%;
    /* background: red; */
    text-align: center;
    display: grid;
    margin: 0 auto;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    border: none;
    opacity: 1;
    transition: all .4s;
}

.inner_equipment img {
    width: 100%;
    height: auto;
}

.outer_equipment:hover .inner_equipment {
    opacity: .5;
    transition: all .5s;
}

.equipment_cont {
    width: 100%;
    margin: 0 auto 70px;
}

/*secondery about end*/
/*secondery contact start*/
/*secondery contact start*/
.banner_for_secondery.contact {
    background-image: url(../img/about_ban.jpg);
}

.contact_start {
    margin-bottom: 39px;
    padding-top: 50px;
}

.contact_start .heading {
    margin-bottom: 30px;
    margin-top: 38px;
}

.contact_start .contact_phone_icon {
    display: block;
    margin-bottom: 13px;
    font-family: 'bebasneue';
    font-size: 27px;
}

.contact_start .contact_phone_icon img {
    width: 41px;
    margin-right: 15px;
}

.contact_start .bottom_banner {
    font-size: 14px;
    margin-top: 26px;
    line-height: 21px;
    font-weight: 300;
}

.outer_contact_form_cont {
    background: url(../img/contact_input_image.jpg);
    background-size: cover;
    padding-bottom: 50px;
}

.outer_contact_form_cont .heading {
}

.outer_contact_form_cont input , .outer_contact_form_cont textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 13px 10px;
    border: none;
}

.outer_contact_form_cont textarea {
    margin-bottom: 3px;
    min-height: 100px;
}

/*secondery pricing start*/
.pricing_prod_cont {
    width: 100%;
    background: green;
    min-height: 262px;
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 82px;
}

.pricing_prod_cont.for_brandbenifit {
    background: var(--theme_red);
}

.pricing_prod_cont.for_another_prod {
    background: #725798;
}
.price_inner h2 {
    font-family: 'bebasneue';
    text-align: center;
    font-size: 40px;
}

.price_inner ul {
    list-style: none;
    text-align: center;
    padding-left: 0;
    margin-top: 30px;
}

.price_inner li {
    width: 100%;
    background: #f2f0f0;
    padding: 14px 0px;
}

.price_inner li:nth-child(odd) {
    background: #fff;
}

.price_inner li:nth-child(even) {
    background: #f2f0f0;
}

.price_inner .theme_button_button {
    display: block;
    margin: 0 auto;
    transform: translateY(16px);
}

.pricing_prod_cont img {
    z-index: 2;
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}
.pricing_prod_cont.for_brandbenifit img {
    filter: drop-shadow(2px 2px 25px #ffc0cb87);
}
.pricing_prod_cont.for_another_prod img {
    filter: drop-shadow(2px 2px 25px #0000ff38);
}
.price_inner {
    width: 100%;
    /* background: red; */
    margin-top: 54px;
    margin-bottom: 50px;
    box-shadow: 1px 1px 20px 1px #ccc;
}

.for_another_prod img {
    max-width: 175px;
}

.pricing_prod_cont svg {
    width: 100%;
    /* background: #00000026; */
    position: absolute;
    bottom: -42px;
    height: 42px;
    filter: drop-shadow(4px 7px 4px #00000010);
}
.price_inner .theme_button_button.btn_black::before {
    background: var(--theme_red);
}
.pricing_start {
    margin-bottom: 50px;
}
.text-left {
    text-align: left;
	margin-bottom: 50px;
}
/*secondery pricing end*/