html {
    margin: 0!important;
    padding: 0!important
}

body {
    font-family: Lato,sans-serif;
    padding: 0
}

.bg-pinkd {
    background: #e01e36;
    color: #fff
}

.bg-pinkl {
    background: #d33655;
    color: #fff
}

.bg-yellow {
    background-color: #fc0;
    color: #000
}

.bg-greyl {
    background: #f1f1f1;
    color: #333
}

.bg-black {
    background: #000;
    color: #fff
}

.bg-blackl {
    background: #0a0708;
    color: #fff
}

.bg-white {
    background-color: #fff;
    color: #000
}

.text-yellow {
    color: #ffc107;
}

.text-pinkd {
    color: #e01e36
}

.text-pinkl {
    color: #fc5368
}

.text-greyl {
    color: #333
}

.text-black {
    color: #000
}

.bld {
    font-weight: 700
}

.blk {
    font-weight: 900
}

.brg {
    font-weight: 400
}

.top2 a {
    display: inline-block;
    padding: 10px 25px;
    font-size: 21px;
    margin: 0 3%;
    text-decoration: none
}

.bg-pink {
    background: #000;
    color: #fff
}

.bg-pink:hover {
    color: #fff
}

.bg-blue {
    background-color: #120067;
    color: #fff
}

.bg-blue:hover {
    color: #fff
}

.main {
    width: 95%;
    margin: 0 auto;
    padding: 0
}

.menu {
    padding: 0
}

.main1 {
    width: 85%
}

img {
    max-width: 100%;
    height: auto
}

.top-bar {
    background: linear-gradient(to top,transparent 8px,#e01e36 8px);
    position: relative
}

.top1 p {
    font-size: 21px;
    padding: 6px 0;
    margin: 0
}

.social-list li {
    padding: 8px 0;
    margin: 0!important;
    list-style: none;
    display: inline-block;
    transition: all .2s linear
}

.social-list li a .bi{
    padding: 0;
    text-align: center;
    line-height: 20px;
}

.social-list li a {
    text-decoration: none;
    font-size: 14px;
    display: block;
    color: #ffff;
    line-height: 23px;
    text-align: center;
    height: 32px;
    border: 2px solid #fc0;
    border-radius: 50%;
    width: 32px
}

.social-list li a:hover {
    background: #e01e36;
    color: #fff
}

.navbar {
    width: 100%
}

.navbar-nav li {
    position: relative!important;
    display: inline-block;
    list-style: none;
    padding: 0 12px
}

.navbar-nav li a {
    padding: 7px 16px;
    color: #fff!important;
    font-size: 19px;
    display: block;
    text-decoration: none
}

.navbar-nav li a:hover {
    background-color: #e01e36;
    color: #fff!important
}

.navbar-nav .current-menu-item a {
    background-color: #e01e36;
    color: #fff!important
}

.top4 {
    border: 5px solid #fff;
    box-shadow: 0 0 4px #cdcdcd;
    display: block;
    padding: 0;
    z-index: 9;
    border-radius: 10px
}

.top-list1 {
    margin-bottom: 0;
    background-color: #e01e36;
    display: flex;
    justify-content: space-around;
    border-radius: 10px
}

.navbar-nav .current-menu-item a:after {
    content: "";
    position: absolute;
    background: url(images/heart.png);
    top: -21px;
    left: 0;
    z-index: -1;
    right: 0;
    background-position: center;
    height: 28px;
    margin: 0 auto;
    background-repeat: no-repeat
}

.navbar-nav .current-menu-item a:hover:after {
    display: block
}

.rr .media img {
    border-radius: 50%;
    border: 2px dashed #256317;
    max-width: 150px;
    padding: 6px
}

.rr .media p:first-child {
    font-size: 25px;
    font-weight: 700;
    color: #e01e36
}

.rr .media p:first-child span {
    color: #fc0;
    float: right;
    font-size: 18px
}

.rr .media a {
    float: right
}

.rr .media p:nth-child(3) i {
    color: #322e2f;
    font-size: 25px;
    padding: 6px
}

.rr li {
    padding: 15px 0;
    border-bottom: 2px solid #e7e7e7
}

.rr li:last-child {
    border-bottom: 0
}

.hh1 {
    background: url(images/header.jpg);
    background-position: top right;
    background-size: cover;
    background-attachment: fixed;
    display: block;
    position: relative
}

.hh1:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(0,0,0,.92);
    left: 0
}

.m-h {
    font-size: 40px
}

.nab2 .s-h {
    background: #ffc107;
    font-size: 24px;
    font-weight: 800;
    display: inline-block;
    color: #000;
    padding: 3px 10px;
}

.hh5 .s-h {
    font-size: 18px;
    padding-top: 5px
}

.post-img {
    padding: 0 15px
}
.post-slide{
    width:24%;
}
.hh6 {
    background: #eee;
    border-radius: 15px;
    border: 7px solid #b1aeae
}

.form-group label {
    display: none
}

.ss2 {
    background: linear-gradient(45deg,#000,#e01e36)
}

.service-list li {
    width: 47%;
    display: inline-block;
    color: #fff;
    padding: 8px 0;
    margin: 0 1%;
    border-bottom: 1px solid #0e0204
}

.list2 li {
    background: #fff;
    width: 23%;
    float: left;
    margin: 10px 1%;
    display: block;
    color: #000;
    text-align: center;
    padding: 30px 15px;
    border: 1px solid #c1c1c1
}

.list2 li .bi{
    display: block;
    font-size: 35px;
    color: #e01e36;
    margin-bottom: 5px;
    height: 3.5rem;
    width: 2.5rem;
    margin: 0 auto;
}

.list2 li {
    font-size: 24px;
    font-weight: 700
}

.list2 li span {
    font-size: 15px;
    font-weight: 400;
    display: block
}

.ab1 h1 {
    margin-bottom: .2rem
}

.ab1 h1 a {
    text-decoration: none;
    color: #e01e36;
    font-weight: 700
}

.ab1 p {
    font-size: 17px
}

.ab2 p {
    font-size: 20px;
    line-height: 34px
}

.ab2 p strong {
    color: #e01e36
}

.ab2 h2,h3,h4,h5,h6{
    color: #e01e36;
    font-weight: 800;
    text-transform: capitalize;
    font-size: 23px;
    line-height: 37px;
}

.about-us {
    background: url(images/about-back.png);
    position: relative
}

.about-us:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.95);
    top: 0;
    left: 0
}

.stars {
    margin-top: 10px
}

.stars .bi {
    font-size: 14px;
    padding: 2px;
    height:1.3rem;width:1.3rem;
    color: #fc0
}

.testimonials {
    background: url(images/testimonials.webp);
    background-position: right;
    background-size: 73%;
    background-position-x: 100%;
    position: relative;
    background-repeat: no-repeat
}

.testimonials:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg,#fff 42%,transparent);
    top: 0;
    left: 0
}

.testimonial {
    text-align: center
}

.testimonial .description {
    font-size: 17px;
    color: #585656;
    line-height: 30px;
    margin-bottom: 30px
}

.testimonial .description span {
    font-size: 30px;
    color: #e01e36;
    padding-right: 8px;
    padding-left: 8px
}

.testimonial .pic {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 5px solid #e01e36;
    margin-bottom: 15px;
    position: relative;
    border-radius: 50%
}

.testimonial .pic:after {
    content: "";
    border-width: 20px;
    border-style: solid;
    border-color: #e01e36 #e01e36 transparent transparent;
    position: absolute;
    bottom: -33px;
    right: 20%;
    transform: rotate(-15deg);
    z-index: -1
}

.testimonial .pic img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.testimonial .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #413f3f;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 7px
}

.testimonial .post {
    display: block;
    font-size: 15px;
    color: #585656;
    text-transform: capitalize
}

.owl-theme .owl-controls {
    margin-top: 10px;
    display: none!important
}

.owl-theme .owl-controls .owl-page span {
    width: 30px;
    height: 3px;
    background: #585656;
    border-radius: 0;
    opacity: 1;
    transition: all .4s ease 0s
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #1bddc6;
    display: none
}

.modal-lg {
    max-width: 96%!important;
    width: 97%
}

.content {
    background: #000!important
}

.close {
    color: #f8f5a7!important;
    text-shadow: none!important;
    opacity: 1!important
}

.bottom-services1 {
    background: #e01e36
}

.bottom-services li {
    display: block;
    position: relative
}

.bottom-services li a {
    display: block;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    position: relative;
    text-decoration: none;
    margin-bottom: 8px
}

.bottom-services li a i {
    color: #fff;
    display: inline-block;
    transform: rotate(-45deg);
    font-size: 9px;
    line-height: 16px
}

.bottom-services li a span {
    height: 17px;
    width: 17px;
    line-height: 9.5px;
    text-align: center;
    background-color: #e01e36;
    margin-right: 8px;
    transform: rotate(319deg) translateY(-4px);
    display: inline-block
}

.bottom-services li a:hover {
    color: #fc0
}

.bottom-services2 li {
    display: block;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    position: relative;
    text-decoration: none;
    margin-bottom: 8px
}

.bottom-services li a span .bi{
    color: #fff;
    display: inline-block;
    transform: rotate(-1deg);
    font-size: 9px;
    line-height: 16px;
    height: 1.3rem;
    width: 1.3rem;
}

.bottom-services2 li span {
    height: 20px;
    width: 20px;
    line-height: 17.5px;
    text-align: center;
    background-color: #000;
    border: 1px solid #fff;
    margin-right: 8px;
    transform: rotate(45deg) translateY(-4px);
    display: inline-block
}
.bottom-services2 li span .bi{
    transform: rotate(-45deg) translateY(0px);
    height: 1.0rem;
    width: 1.0rem;
    color: #fff;
}
.bot2 {
    padding: 15px
}

.bottom-services3 li {
    color: #000;
    width: 33.3%;
    float: left
}

.bottom-services5 li {
    color: #000;
    width: 50%;
    float: left
}

.ot3 img {
    border: 1px solid #bfbfbf
}

.ot4 {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    padding: 10px 10px;
    background: #e01e36;
    margin-top: -22px
}

.ot4 a {
    display: block;
    text-decoration: none;
    color: #fff
}

.ot4 a span{
    background-color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #333;
    line-height: 26px;
    float: right;
    display: block;
    border-radius: 5px;
    margin-top: -2px
}
.ot4 a span .bi{
    height:1.3rem;
    width:1.3rem;
}
.ot2 {
    padding: 15px
}

footer {
    position: relative
}

.foot-list5 li {
    display: inline-block;
    padding: 7px;
    width: 49%
}

.foot2 {
    background-color: #232222;
    padding: 20px;
    margin-bottom: 10px;
}

.foot-list1 li {
    display: block;
    padding: 8px;
    padding-left: 50px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    width: 50%;
    float: left;
    color: #fff;
    font-size: 22px;
    color: #fc0
}

.foot-list1 li .bi{
    position: absolute;
    left: 8px;
    top: 24px;
    color: #e01e36;
    font-size: 30px;
    height:1.8rem;
    width:1.8rem;
}

.foot-list1 li span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.foot5 p:first-child {
    color: #fc0;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0
}

.foot-list2 li {
    padding: 8px 1%;
    width: 48%;
    float: left
}

.foot8 {
    background-color: #232222;
    padding: 10px 15px 14px;
}

.foot-list3 li {
    display: inline-block
}

.foot-list3 li a {
    text-decoration: none;
    color: #fff;
    padding: 7px
}

.foot-list3 li a:hover {
    color: #fc0
}

.fix {
    background: #006100;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999
}

.fix a {
    display: block;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    text-decoration: none;
    font-size: 24px
}

.fix a i {
    padding-right: 8px
}

.whh1 {
    position: fixed;
    right: 19px;
    top: 80%;
    z-index: 999
}





@media (max-width: 767px) {
    .post-slide:nth-child(1){display:block;width:100%;}
    .post-slide{display:none;}
    .top16{display:none;}
    .hh2{display: flex;flex-flow: column-reverse;padding: 20px 10px !important;}
    .main1 {width: 90%;}
    .ab2{padding:0}
    .service-area{display:none;}
    .foot-list5{display: none;}
    .foot2 .m-h {display: none !important; !important;}
    .foot9{display:none;}
    .foot-list3 li{width:49%;text-align: center;padding: 4px 0;}
    .foot-list3 li:last-child{display:none;}
    .foot1{padding:0;}
    .foot5{display:none;}
    .foot4{padding: 0 0 0 !important;}
    .foot-list1 li {font-size: 28px;text-align: center;width: 100%;padding: 0 0 10px;}
     .foot-list1 li:nth-child(2){ display:none;}
    .navbar{padding-left:10px;padding-right: 10px;}
    .foot-list1 li .bi{display:none;}
    .foot-list1 li span{display:none;}
    .foot7{display:none;}
    
    .navbar-nav li a:after {
        display:none
    }

    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(248,245,167, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
    }

    footer {
        padding-bottom: 45px;
    }

    .fixed-top {
        position: fixed
    }

    .top-bar1 {
        margin-top: 73px
    }

    .custom-toggler.navbar-toggler {
        border-color: #f8f5a7;
        margin: 0 !important;
    }

    .custom-toggler.navbar-toggler:focus {
        outline: 0
    }

    .navbar-nav li:first-child a:after {
        display: none
    }

    .navbar-nav li {
        display: block;
        padding: 0
    }

    .navbar-nav li a {
        padding: 7px 0
    }

    .navbar-collapse {
        padding: 0
    }

    .bot1 .m-h {
        font-size: 20px
    }

    .foot51 {
        flex-direction: column-reverse;
    }

    .foot2 {
        margin-top: 0px;
    }

    .bot2 {
        padding: 0
    }

    .testimonials:before {
        background: rgba(255,255,255,.9)
    }

    .top11:after {
        position: absolute;
        height: 100%;
        content: "";
        left: -2%;
        top: 0;
        width: 10px;
        background-color: #e01e36;
        display: none;
    }

    .top16:after {
        position: absolute;
        height: 100%;
        content: "";
        right: -2%;
        top: 0;
        width: 10px;
        background-color: #e01e36
    }

    .top11 {
        margin-top: 7px;
        padding: 10px 0 !important;
    }
    .top11 img{height: 80px;}

    .top-bar1 {
        padding-bottom: 0px!important;
    }

    .foot8 {
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .hh7 .s-h {
        font-size:23px
    }

    .ss5 .s-h {
        font-size: 24px
    }

    .hh7 p {
        font-size: 15px
    }

    .top2 a {
        padding: 10px 14px
    }
}

@media (max-width: 991px) {
    .bottom-services3 li {
        width:50%
    }

    .bottom-services5 li {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .foot2 .m-h {
        display:inline;
        padding-right: 8px
    }

    .social-list li {
        padding: 0
    }

    .foot3 {
        padding-bottom: 10px
    }

    .list2 li {
        width: 48%
    }

    .testimonials {
        background-size: cover
    }

    .head1 .s-h {
        font-size: 20px
    }

    .head-bar {
        padding: 8px 0
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .nab2 .s-h {
        font-size:22px
    }

    .navbar-nav li {
        padding: 0
    }

    .top2 a {
        margin: 0 2%
    }
}

@media (max-width: 767px) and (min-width:576px) {
    .ss5 .s-h {
        font-size:20px
    }

    .top2 a {
        margin: 0 2%
    }

    .bot1 .m-h {
        font-size: 31px
    }
}

@media (max-width: 575px) {
 

    .nab2 .s-h {
        font-size: 16px;
    }

    .hh3 {
        padding: 0;
        text-align: center
    }

    .top1 p {
        font-size: 18px
    }

    .ss5 .s-h {
        font-size: 17px
    }

    .foot6 {
        padding: 20px 0 0 0;
        border-top: 1px solid #474747;
        margin: 8px 0 0;
    }

    .rr .media p:first-child span {
        display: block;
        float: none
    }

    .rr li {
        display: block;
        text-align: center
    }

    .rr .media a {
        float: none;
        margin-top: 12px
    }

    .bottom-services3 li {
        width: 100%
    }

    .foot-list2 li {
        font-size: 14px
    }
}

@media (max-width: 479px) {
    .top2 a {
        font-size:16px;
        padding: 10px
    }

    .hh3 .s-h {
        display: none
    }

    .top1 p {
        font-size: 13px
    }

    .list2 li {
        font-size: 16px
    }

    .m-h {
        font-size: 34px
    }

    .bot1 .s-h {
        font-size: 18px
    }

    .fix a {
        font-size: 21px
    }
}

@media (max-width: 575px) and (min-width:480px) {
    .hh5 img {
        width:250px!important
    }

    .ot4 a {
        font-size: 14px
    }

    .ot2 {
        padding: 7px 4px;
        width: 50%
    }

    .top2 a {
        font-size: 17px;
        padding: 10px
    }

    .bot1 .m-h {
        font-size: 31px
    }
}

@media (max-width: 410px) {
    .foot-list2 li {
        width:100%
    }

    .hh3 .m-h {
        font-size: 26px
    }

    h1 {
        font-size: 26px
    }

    .ab1 p {
        font-size: 18px
    }
}