
*{margin:0;padding:0;box-sizing:border-box;}
img{border:none !important;outline:none;max-width:100%;}
a{transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;text-decoration:none;outline:none;color:#fff;}
a:hover, a:focus{ outline:none; text-decoration:none; }
input{transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;text-decoration:none;outline:none;-webkit-appearance:none;border:none; border-radius: 0;}
select::-ms-expand{display:none;}
select:focus{ outline:none; border:none; }
button{cursor:pointer;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;text-decoration:none;outline:none;-webkit-appearance:none;border:none;}
select{-webkit-appearance:none;-moz-appearance:none;}
textarea{outline:none !important;}
ul li, ol li, ul, ol{list-style:none;}
input[type="checkbox"]{-webkit-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;}
.lines-button{display:none;}
.main{ margin:0 auto; padding: 0 15px; max-width:1490px;}
/* body{ background: #000000;font-family: 'Gilroy'; font-weight: normal; color: #fff;overflow-x: hidden;} */


.md_wheels{width: 100%;position: relative; overflow: hidden; padding: 160px 0 195px; background: linear-gradient(to right, #C30101, #000000 70%);position: relative;}
.md_wheels .md_girl {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}
.md_wheels .md_wheels_inn {
    display: flex;
    flex-wrap: wrap; 
    width: 100%;
}
.md_wheels .md_wheels_inn .md_wheels_con {
    width: 740px;
    margin: 0 0 0 auto;position: relative; z-index: 1;
}
.md_wheels .md_wheels_inn .md_wheels_con h2 {
    width: 100%;
    color: #fff;
    max-width: 570px;
    font-size: 70px;
    line-height: 75px;
    font-weight: 900;
    text-shadow: 0 0 5px #fff;
    margin: 0 0 21px;
}
.md_wheels .md_wheels_inn .md_wheels_con p {
    width: 100%;
    margin: 0 0 52px;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    max-width: 650px;
}
.md_wheels .md_wheels_inn .md_wheels_con hr {
    width: 200px;
    height: 4px;
    background: #E4CB8E;
    border: 0;
    margin: 0 0 41px;
}
.md_wheels .md_wheels_inn .md_wheels_con h5 {
    width: 100%;
    margin: 0 0 23px;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.md_wheels .md_wheels_inn .md_wheels_con .md_cmn_wa{display: flex; width: 100%; flex-wrap: wrap;}
.md_wheels .md_wheels_inn .md_wheels_con .md_cmn_wa .a_wa {
    display: block;
    margin: 0 25px 0 0;
    text-align: center;
    background: linear-gradient(to bottom, #F4E1A6, #C29C5C);
    padding: 9px 27px;
    color: #000000;
    font-weight: 900;
    text-shadow: 1px 1px 0px #fff;
    font-size: 20px;
    border-radius: 12px;
}
.md_wheels .md_wheels_inn .md_wheels_con .md_cmn_wa .a_wa:hover {
    box-shadow: 0 0 200px 60px #C29C5C inset;
}
.md_wheels .md_wheels_inn .md_wheels_img {
    position: absolute;
    left: -160px;
    bottom: -230px;
    width: 100%;
    max-width: 1000px;
}
.md_wheels .md_wheels_inn .md_wheels_img img{
    display: block;
}
.md_wheels .md_wheels_inn .md_wheels_img .bgspin {
    position: absolute;
    left: 106px;
    bottom: 174px;animation: mymove 4s infinite;
    width: 650px;
}
@keyframes mymove {
  from {transform: rotate(0);}
  to {transform: rotate(360deg);}
}
.md_wheels .md_wheels_inn .md_wheels_img .bgtop {
    position: absolute;
    left: -280px;
    bottom: 210px;
    max-width: 1400px;
    display: inline-block;
    width: auto;
}

.md_cs{width: 100%; background: url('/images/landing-page3/bg.webp') no-repeat center center;
  background-size: cover; ;padding: 100px 0 130px;
}
.md_cs .md_cs_inn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}


.md_cs .md_cs_inn .md_cs_lft {
    width: 730px;
    margin: 0 0 0;position: relative; z-index: 1;
}
.md_cs .md_cs_inn .md_cs_lft h2 {
    width: 100%;
    color: #fff;
    max-width: 400px;
    font-size: 75px;
    line-height: 75px;
    font-weight: 900;
    text-shadow: 0 0 5px #fff;
    margin: 0 0 21px;
}
.md_cs .md_cs_inn .md_cs_lft p {
    width: 100%;
    margin: 0 0 52px;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    max-width: 100%;
}
.md_cs .md_cs_inn .md_cs_lft hr {
    width: 200px;
    height: 4px;
    background: #E4CB8E;
    border: 0;
    margin: 0 0 41px;
}
.md_cs .md_cs_inn .md_cs_lft h5 {
    width: 100%;
    margin: 0 0 23px;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.md_cs .md_cs_inn .md_cs_lft .md_cmn_wa{display: flex; width: 100%; flex-wrap: wrap;}
.md_cs .md_cs_inn .md_cs_lft .md_cmn_wa .a_wa {
    display: block;
    margin: 0 25px 0 0;
    text-align: center;
    background: linear-gradient(to bottom, #F4E1A6, #C29C5C);
    padding: 9px 27px;
    color: #000000;
    font-weight: 900;
    text-shadow: 1px 1px 0px #fff;
    font-size: 25px;
    border-radius: 12px;
}
.md_cs .md_cs_inn .md_cs_lft .md_cmn_wa .a_wa:hover {
    box-shadow: 0 0 200px 60px #C29C5C inset;
}
.md_cs .md_cs_inn .md_cs_rgt {
    width: 440px;
}
.md_cs .md_cs_inn .md_cs_rgt .md_logocs {
    width: 100%; text-align: center;
    position: relative;
}
.md_cs .md_cs_inn .md_cs_rgt .md_logocs img {
display: block;}
.md_cs .md_cs_inn .md_cs_rgt .md_logocs .btmlogo {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
    width: 200px;
}
.md_cs .md_cs_inn .md_cs_rgt .md_logocs .md_logokot {
    position: absolute;
    left: 50%;
    bottom: 130px;
    background: #000;
    transform: translate(-50%,0);
}
.md_cs .md_cs_inn .md_cs_rgt h2 {
    width: 100%;
    text-align: center;
    font-size: 75px;
    line-height: 75px;
    font-weight: 900; margin: 10px 0 0;
    text-transform: uppercase;
    color: #F3DFA4;
    text-shadow: 0 0 4px #F3DFA4;
}

.md_htp{width: 100%; padding: 165px 0 55px; background: url('/images/landing-page3/bg3.webp') no-repeat center center; background-size: cover;}
.md_htp .md_htp_inn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.md_htp .md_htp_inn .md_htp_rgt {
    width: 640px;
}
.md_htp .md_htp_inn .md_htp_rgt  h2 {
    width: 100%;
    color: #fff;
    font-size: 75px;
    line-height: 75px;
    font-weight: 900;
    text-shadow: 0 0 5px #fff;
    margin: 0 0;
}
.md_htp .md_htp_inn .md_htp_rgt  h4 {
    width: 100%;
    color: #fff;
    font-size: 43px;
    line-height: 43px;
    font-weight: 900;
    text-shadow: 0 0 5px #fff;
    margin: 0 0 34px;
}
.md_htp .md_htp_inn .md_htp_rgt  p {
    width: 100%;
    margin: 0 0 52px;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    max-width: 100%;
}
.md_htp .md_htp_inn .md_htp_rgt  hr {
    width: 200px;
    height: 4px;
    background: #E4CB8E;
    border: 0;
    margin: 0 0 41px;
}
.md_htp .md_htp_inn .md_htp_rgt  h5 {
    width: 100%;
    margin: 0 0 23px;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}
.md_htp .md_htp_inn .md_htp_rgt .md_cmn_wa{display: flex; width: 100%; flex-wrap: wrap;}
.md_htp .md_htp_inn .md_htp_rgt .md_cmn_wa .a_wa {
    display: block;
    margin: 0 25px 0 0;
    text-align: center;
    background: linear-gradient(to bottom, #F4E1A6, #C29C5C);
    padding: 9px 27px;
    color: #000000;
    font-weight: 900;
    text-shadow: 1px 1px 0px #fff;
    font-size: 37px;
    border-radius: 12px;
}
.md_htp .md_htp_inn .md_htp_rgt .md_cmn_wa .a_wa:hover {
    box-shadow: 0 0 200px 60px #C29C5C inset;
}
.md_htp .md_htp_inn .md_htp_lft {
    width: calc(100% - 690px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.md_htp .md_htp_inn .md_htp_lft .md_htp_blk {
    width: 33.33%;
    padding: 0 30px;
    margin: 0 0 55px;
}
.md_htp .md_htp_inn .md_htp_lft .md_htp_blk img {
    display: inline-block;
}
.md_htp .md_htp_inn .md_htp_lft .md_htp_blk h2 {
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
}

.md_footer {
    width: 100%;
    padding: 130px 0 30px 0;
}
.md_footer .md_ftr_blk {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.md_footer .md_ftr_blk .md_ftr_logo {
    width: 410px;
    position: relative;
}
.md_footer .md_ftr_blk .md_ftr_logo img {
    display: block;
}
.md_footer .md_ftr_blk .md_ftr_logo .btmlogo {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
    width: 200px;
}
.md_footer .md_ftr_blk .md_ftr_con {
    width: calc(100% - 510px);
}
.md_footer .md_ftr_blk .md_ftr_con h2 {
    width: 100%;
    margin: 0 0 13px;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
}
.md_footer .md_ftr_blk .md_ftr_con p {
    width: 100%;
    margin: 0 0 27px;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}
.md_footer .md_ftr_blk .md_ftr_con h3 {
    width: 100%;
    margin: 0 0 20px;
    color: #fff;
    font-weight: bold;
    font-size: 39px;
}
.md_footer .md_ftr_blk .md_ftr_con h5 {
    width: 100%;
    margin: -9px 0 25px;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}
.md_footer .md_ftr_blk .md_ftr_con .md_cmn_wa{display: flex; width: 100%; margin: 0 0 20px; flex-wrap: wrap;}
.md_footer .md_ftr_blk .md_ftr_con > div:last-child {
    margin: 0;
}
.md_footer .md_ftr_blk .md_ftr_con .md_cmn_wa .a_wa {
    display: block;
    margin: 0 25px 0 0;
    text-align: center;
    background: linear-gradient(to bottom, #F4E1A6, #C29C5C);
    padding: 9px 27px;
    color: #000000;
    font-weight: 900;
    text-shadow: 1px 1px 0px #fff;
    font-size: 25px;
    border-radius: 12px;
}
.md_footer .md_ftr_blk .md_ftr_con .a_wa:hover {
    box-shadow: 0 0 200px 60px #C29C5C inset;
}

.md_sites .md_sites_logo a {
    transition: all 0.4s ease 0s;
    transform: translate(0px,50px);
    opacity: 0;
}
.md_sites .md_sites_logo a.active {
    transform: translate(0px,0);
    opacity: 1;
}
.md_wheels .md_wheels_inn .md_wheels_con {
    transform: translate(100px,0);
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.md_wheels .md_wheels_inn .md_wheels_con.active {
    transform: translate(0,0);
    opacity: 1;
}
.md_cs .md_cs_inn .md_cs_lft {
    transform: translate(-100px,0);
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.md_cs .md_cs_inn .md_cs_lft.active {
    transform: translate(0,0);
    opacity: 1;
}

.md_htp .md_htp_inn .md_htp_lft .md_htp_blk img {
    transform: translate(0px,50px);
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.md_htp .md_htp_inn .md_htp_lft .md_htp_blk.active img {
    transform: translate(0px,0);
    opacity: 1;
}
.md_htp .md_htp_inn .md_htp_lft .md_htp_blk h2 {
    transition: all 2s ease 0s;
    opacity: 0;
}
.md_htp .md_htp_inn .md_htp_lft .md_htp_blk.active h2 {
    opacity: 1;
}
.md_htp .md_htp_inn .md_htp_rgt{
    transform: translate(100px,0);
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.md_htp .md_htp_inn .md_htp_rgt.active {
    transform: translate(0,0);
    opacity: 1;
}
.md_insta .md_insta_dv .md_insta_pic {
    transition: all 0.4s ease 0s;
    transform: translate(0px,50px);
    opacity: 0;
}
.md_insta .md_insta_dv .md_insta_pic.active {
    transform: translate(0px,0);
    opacity: 1;
}

.md_banner, .md_wheels, .md_cs, .md_htp, .lb_celeb, .md_insta {
    background-attachment: fixed;
}
.md_wheels .md_wheels_inn .md_wheels_img .bgwheel {
    opacity: 0;
}
.md_wheels .md_wheels_inn .md_wheels_img .bgwheel2 {
    position: absolute;
    left: -501px;
    bottom: -174px;
    width: auto;
    max-width: 1790px;
}

.h1, .h2, .h3, .h4, .h5
{ max-width: 100%; background-size: 100%; background-image: url('/images/landing-page3/spritesports.webp'); }
 
.h1 { background-position: 0 0%; background-size: 100%; }
.h2 { background-position: 0 25%; background-size: 100%; }
.h3 { background-position: 0 50%; background-size: 100%; }
.h4 { background-position: 0 75%; background-size: 100%; }
.h5 { background-position: 0 100%; background-size: 100%; }

.c1, .c2, .c3, .c4, .c5, 
.c6, .c7
{ max-width: 100%; background-size: 100%; background-image: url('/images/spritecelebs.webp'); }
 
.c1 { background-position: 0 0%; background-size: 100%; }
.c2 { background-position: 0 16.666667%; background-size: 100%; }
.c3 { background-position: 0 33.333333%; background-size: 100%; }
.c4 { background-position: 0 50%; background-size: 100%; }
.c5 { background-position: 0 66.666667%; background-size: 100%; }
.c6 { background-position: 0 83.333333%; background-size: 100%; }
.c7 { background-position: 0 100%; background-size: 100%; }

.s1, .s2, .s4, .s3
{ max-width: 100%; background-size: 100%; background-image: url('/images/spritessites.webp'); }
 
.s1 { background-position: 0 0%; background-size: 100%; }
.s2 { background-position: 0 39.263804%; background-size: 100%; }
.s4 { background-position: 0 56.756757%; background-size: 100%; }
.s3 { background-position: 0 100%; background-size: 168.067227%; }

.i1, .i2, .i3, .i4
{ max-width: 100%; background-size: 100%; background-image: url('/images/spritebanner.webp'); }
 
.i1 { background-position: 0 0%; background-size: 100%; }
.i2 { background-position: 0 33.333333%; background-size: 100%; }
.i3 { background-position: 0 66.666667%; background-size: 100%; }
.i4 { background-position: 0 100%; background-size: 100%; }

.flex{
    display: flex
}
.imgplay{
    width: 146px;
    margin-bottom: 57px;
}
.imgplay1{
    width: 146px;
    margin-left: 87px;
}
.marbottm{
 margin-bottom: 46px;
 text-align: center;
}