@charset "UTF-8";

/*

Style   : MobApp CSS
Version : 1.0
Author  : Surjith S M
URI     : https://surjithctly.in/

Copyright © All rights Reserved 

*/


/*------------------------
[TABLE OF CONTENTS]
    
1. GLOBAL STYLES
2. NAVBAR
3. HERO
4. TABS
5. TESTIMONIALS
6. IMAGE GALLERY
7. PRICING
8. CALL TO ACTION
9. FOOTER

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


/* GLOBAL
----------------------*/

body {
    font-family: 'Play', sans-serif;
    position: relative;
    
}

a {color: #e38cb7;}

a:hover,
a:focus {
    color: #d6619c;
}

h1 {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: 0px;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 45px;
    font-weight: 300;
    color: #633991;
    letter-spacing: -1px;
    margin-bottom: 1rem;
}

h3 {
    color: #633991;
    font-size: 33px;
    font-weight: 500;
}

h4 {
    font-size: 20px;
    font-weight: 500;
    color: #633991;
}

h5 {
    font-size: 28px;
    font-weight: 300;
    color: #633991;
    margin-bottom: 0.7rem;
}

/*p {color: #959094;}*/
p {color: black;}

p.lead {
    color: black;
    margin-bottom: 2rem;  
    font-family: Play, Regular;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0px;
    margin-bottom: 27px;
    max-width: 550px;
}

.text11 {
    /*line-height: 17px;*/
    color: black;
    letter-spacing: 0px;
    /*font-size: 15px;*/
    margin-bottom: 23px;
    max-width: 536px;
}
.text22 {
    /*line-height: 16px;*/
    /*font-size: 15px;*/
    margin-bottom: 23px;
    max-width: 536px;
}
.text33 {
    color: black;
    /*line-height: 17px;*/
    /*font-size: 15px;*/
    margin-bottom: 23px;
    max-width: 536px;

}


.text-primary {
    color: #e38cb7 !important;

}

.light-font {font-weight: 300;}

.btn {
    font-size: 16px;
    font-weight: bold;
    padding: 0.375rem 1.35rem;
    transition: all 0.3s ease;
     border-radius: 3px;
    font-weight: 500;
    padding: 0.6rem 2rem;
    border-color: #f2d012;
    color: #322602; 
    background: linear-gradient(to right, #f2d012, #ffb400);
    box-shadow:  0px 5px 10px #290d21c4;
}


/*
.btn-outline-light:hover {color: #d6619c;}
*/

.btn-primary {
    border-radius: 4px;
    padding: 0.6rem 2rem;
    border: none;
   /* border-color: #f2d012;*/
    color: #322602; 
    background: linear-gradient(to bottom, #f2d012, #ffb400);
    box-shadow: 0px 3px 2px 0px #290d2100;
        filter: drop-shadow(2px 3px 1px rgba(0,0,0,0.3));
    text-transform: capitalize;
   
}

.btn-primary:focus {
    outline: none!important;
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);*/
    filter: drop-shadow(2px 3px 1px rgba(0,0,0,0.3));
}

.btn-primary {
    outline: none!important;
}
.btn {
    outline: none!important;
}
.btn:focus  {
    outline: none!important;
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);*/
    filter: drop-shadow(2px 3px 1px rgba(0,0,0,0.3));
}

button {
    outline: none!important;
}

button:hover {
    outline: none!important;
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);*/
    filter: drop-shadow(2px 3px 1px rgba(0,0,0,0.3));
}

.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background: linear-gradient(to bottom, #f2ca12, #ffa800);
        filter: drop-shadow(3px 4px 1px rgba(0,0,0,0.3));
    /*box-shadow: 0px 3px 2px 0px #290d2100;*/
    color: rgb(74,13,143,1); 
    /*border: 1px solid #f2d012;*/
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);*/
}

#th1 {
     /*box-shadow: 5px 5px 13px 3px rgba(0, 0, 0, 0.15);*/
         border-right: 1px solid rgba(250, 42, 143, 0.28);
         border-left: 1px solid rgba(250, 42, 143, 0.28);
}


#footer-col1,
#footer-col2 {
    text-align: left;
}

/*

@media (max-width: 767px) {
    #footer-col1,
    #footer-col2 {
      text-align: center;
}

*/

.btn-light {
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.26);
    font-size: 14px;
    font-weight: 500;
    
    margin: 0.5rem;
    padding: 0.7rem 1.6rem;
    line-height: 1.8;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 0.8rem 1rem;
    font-size: 15px;
}

.light-bg {background-color: #faf6fb;}

.section {padding: 80px 0;}

#audsite {
    background-size: cover;
    z-index: 1;

}

.gradient {background-color: url(../images/slo.png)!important;}

#onerow {padding-top: 0%;}

.section-title {
    font-size: 10px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 20px;
}

#containerFAQ1 {
        max-width: 900px!important;
}

#containerFAQ2 {
    padding-left: 0px;
    padding-right: 0px;
}

.section-title small {color: black;}

#os p {
    color: black;
    margin-top: 0px;
    
}

#os {
    font-size: 60px; 
    line-height: 60px; 
}

@media (max-width:767px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
}


/* NAVBAR
----------------------*/

.nav-menu {
    padding: 0.2rem;
    transition: all 0.3s ease;
}

.nav-menu.is-scrolling,
.nav-menu.menu-is-open {
    
    background: linear-gradient(to right, #52356e, #c1518f);
    
    -webkit-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
}

.nav-menu.is-scrolling {
    padding: 0;
}

.navbar-nav .nav-link {
    position: relative;
}


@media (max-width: 1200px) {

  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px !important;
  }

}

@media (max-width: 1200px) {

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 17px;
    }
    
}




#navbar-top {
    color:white;
}
#navbar-top:hover {
    color:rgb(245,210,13)!important;
}

@media (max-width:991px) {
    .navbar-nav.is-scrolling {
        padding-bottom: 1rem;
    }
    .navbar-nav .nav-item {
        text-align: center;
    }
}

#nawitemnew {
    margin-right: 30px;
    margin-left: 30px;
}


/*

  #navbar {
        display: flex;
}

@media (max-width:991px) {
    #navbar {
        display: none;
}

}

*/


/* HERO
----------------------*/

header {
    padding: 100px 0 0;
    text-align: center;
    color: #FFF;

    background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 1) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 1) 100%);
    background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 1) 100%);
    background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 1) 100%);
}

.bg-gradient {
    background-image: url(../images/new-bg.png);
    background-size: cover;
    background-repeat: no-repeat;

}
.nav-menu, 
.fixed-top {
   


}

#blockgradient {
        margin-top: 0rem!important;
}

@media (max-width: 1200px) {
    #blockgradient {
        margin-top: 1rem!important;
    }
}

@media (max-width: 991px) {
    #blockgradient {
        margin-top: 1.7rem!important;
    }
}

@media (max-width: 414px) {
    header {
        padding-top: 18%;
    }   
}



.tagline {
    font-size: 23px;
    font-weight: 300;
    color: #ffffff;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 56px;
    letter-spacing: 0.6px;
        line-height: 33px;
}


@media (max-width:1201px) {
    .nav-menu {
        padding: 0.3rem;
    }
}

@media (max-width:1199px) {
    .nav-menu {
        padding: 0.6rem;
    }
}


@media (max-width:1199px) {
    .nav-menu {
        padding: 1rem;
    }
}

.img-holder {
    height: 0;
    padding-bottom: 33%;
    overflow: hidden;
}

@media (max-width:1200px) {
    .img-holder {
        padding-bottom: 50%;
    }
}

@media (max-width:767px) {
    /*
    .tagline {
        font-size: 17px;
    }
    */
    .img-holder {
        padding-bottom: 100%;
    }
}


/* FEATURES
----------------------*/

.gradient-fill:before {
    color: #fc73b4;
    background: -moz-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: -webkit-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card.features {
    border: 0;
    border-radius: 3px;
    box-shadow: 10px 11px 7px 0px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;

}

@media (max-width:991px) {
    .card.features {
        margin-bottom: 2rem;
    }
    [class^="col-"]:last-child .card.features {
        margin-bottom: 0;
    }
}

.card.features:before {
    content: "";
    position: absolute;
    width: 3px;
    color: #fc73b4;
    background: -moz-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: -webkit-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);
    bottom: 0;
    left: 0;
}

.card-text {font-size: 14px;}

.card.features:hover {
    transform: translateY(-3px);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
}

.box-icon {
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.14);
    padding: 10px;
    width: 70px;
    border-radius: 3px;
    margin-bottom: 1.5rem;
    background-color: #FFF;
}

.circle-icon {
    /*box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);*/
    padding: 10px;
    /*width: 100px;*/
    height: 100px;
    /*border-radius: 50%;*/
    margin-bottom: 1.5rem;
    /*background-color: #FFF;*/
    /*color: #f5378e;*/
    color: #FFF;
    font-size: 260px;
    text-align: center;
    /*line-height: 80px;*/
    font-weight: normal;
    transition: all 0.3s ease;
}

@media (max-width: 992px) {
    .circle-icon {
        /*width: 70px;*/
        height: 70px;
        font-size: 150px;
        line-height: 50px;
    }
}

@media (max-width:464px) {
    #etaps {
        font-size: 35px!important; 
    }
}

.ui-steps li:hover .circle-icon {
    /*background-image: -moz-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: -webkit-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: -ms-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.09);*/
    color: #FFF;
}

.ui-steps li {padding: 0px 0;}

.ui-steps li:not(:last-child) {border-bottom: 1px solid #f8e3f0;}

.perspective-phone {z-index: 1;}

#imagelol {
    /*
        padding-left: 21%;
        position: absolute;
        top: 54%;
    */
    padding-left: 33px;
    position: absolute;
    top: 145px;
    
}


@media (max-width: 767px) {
    #imagelol {
        padding-left: 0px;
        position: inherit;
        top: 12%;
    }
}

@media (max-width: 948px) {
    #imagelol {
        padding-left: 0px;
        position: inherit;
        top: 0px;
    }
}

@media (max-width: 767px) {
    #imagelol {
        padding-left: 0px;
        position: inherit;
        top: 12%;
    }
}

@media (min-width: 992px) {
    .perspective-phone {
        margin-top: -37px;    
        display: flex;
        
    }
}

/*  TABS
----------------------*/

.tab-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #FFF;
    
}

#tab-content-pad {
        padding-top: 30px!important;
        padding-bottom: 30px;
        margin-top: 80px;
        margin-bottom: 80px;
}

@media (max-width:1199px) {
    #tab-content-pad {
            margin-top: 0px;
    margin-bottom: 0px
    }
}

@media (max-width:990px) {
#bistro6 {
    line-height: 35px;
}
#bistro5,
#bistro4,
#bistro3,
#bistro2,
#bistro1 {
    line-height: 50px;
}
}
@media (max-width:660px)  {
#bistro5,
#bistro4,
#bistro3,
#bistro2,
#bistro1 {
    line-height: 30px;
}
#bistro1,
#bistro3,
#bistro2,
#bistro4,
#bistro5 {
        padding-top: 30px;
}

}

/*
@media (max-width:990px)  {
    .card-body1 {
        text-align: center;
    }
}
*/


@media (max-width:992px) {
    .tab-content {

        padding-right: 0px!important;
    padding-left: 0px!important;
    padding-top: 1rem!important;
    padding-bottom: 15px;
    }

    #colum1,
    #colum3 {
            text-align: center;
            margin-top: 30px;
    }
}
@media (max-width:1200px) {
   #colum1 {
     margin-top: 90px!important;
   }
}

#colum1 {
    margin-top: 50px;
}

.tab-content p {
    /*
    line-height: 1.8;
    */
}

.tab-content h2 {
    margin-bottom: 39px;
}

.nav-tabs { 
    border-bottom: 0;
    margin-top: 50px;
}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    padding: 1rem 1rem;
    border-color: #FFF #FFF #FFF;
    font-size: 19px;
    color: white;
    background: #f5eff7;
}

.nav-tabs .nav-link.active {
    background: #FFF;
    border-top-width: 3px;
    border-color: #FFF #FFF #FFF;
    border-bottom: 2px solid #d6d3da;
    color: black!important;
}




/*  TESTIMONIALS
----------------------*/

.owl-carousel .owl-item img.client-img {
    /*width: 110px;*/
    margin: 30px auto;
    border-radius: 50%;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}

.testimonials-single {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.blockquote {
    color: #7a767a;
    font-weight: 300;
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.5;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev {left: 0;}

.owl-next {right: 0;}

.owl-theme .owl-nav.disabled+.owl-dots 
{margin-top: 0px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #e7d9eb;
    width: 35px;
    height: 8px;
    border-radius: 10px;
    transition: all 0.3s ease-in;
}

.owl-theme .owl-dots .owl-dot:hover span {background: #ff487e;}

.owl-theme .owl-dots .owl-dot.active span {
    background: #ff487e;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}


/*  IMAGE GALLERY
----------------------*/

.img-gallery .owl-item {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
    transform: scale(0.8);
    transition: all 0.3s ease-in;
}

.img-gallery .owl-item.center {transform: scale(0.8);}


/*  PRICING
----------------------*/

@media (max-width:992px) {
    .card-deck {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .card-deck .card {
        margin-bottom: 15px;
    }
}

.card.pricing {border: 1px solid #f1eef1;}

.card.pricing.popular {
    border-top-width: 0px;
    border-color: #ce75b4 #faf6fb #FFF;
    box-shadow: 0px 7px 12px 5px rgba(36, 7, 31, 0.46);
    color: #633991;
}

.card.pricing .card-head {
    text-align: center;
    padding: 0px;
}

.card.pricing .card-head .price {
    display: block;
    font-size: 45px;
    font-weight: 300;
    color: #633991;
}

.card.pricing .card-head .price sub {
    bottom: 0;
    font-size: 55%;
}

.card.pricing .list-group-item {
    border: 0;
    text-align: center;
    color: #959094;
    padding-top: 5px;
    padding-bottom: 5px;
}

.card.pricing .list-group-item del {
	color: #d9d3d8;
	border-bottom : 0;
    text-align: center;
    padding: 1.05rem 1.25rem;
}

.card.pricing  {
    padding: 2rem;
}

.card-body {min-height: 181px;}

@media (max-width: 1199px) {
    .card-body {
    min-height: 200px;
}
}
@media (max-width: 991px) {
    .card-body {
    min-height: 150px;
}
}


/*  CALL TO ACTION
----------------------*/

.call-to-action {
    text-align: center;
    color: #FFF;
    margin: 3rem 0;
}

.call-to-action .box-icon {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    transform: scale(0.85);
    margin-bottom: 2.5rem;
}

.call-to-action h2 {color: #FFF;}

.call-to-action .tagline {
    font-size: 16px;
    font-weight: 300;
    color: #ffb8f6;
    max-width: 650px;
    margin: 0 auto;
}

.btn-light img {
    margin-right: 0.4rem;
    vertical-align: text-bottom;
}
.btn:focus {
        outline: none!important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);

}


/*  FOOTER
----------------------*/

.social-icons {text-align: right;}

.social-icons a {

    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    /*margin: 0 0.3rem;*/
    border-radius: 5px;
    color: #f4c9e2;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    text-decoration: none;
    color: #e38cb7;
}

@media (max-width:991px) {
    .social-icons {
        text-align: center;
        margin-top: 2rem;
    }
}
.hiden {
    display:none;
}
#contactform {
    padding:50px 20px;
    background-color:white;
    max-width: 280px;
    margin:auto;
    text-align:center;
    position:relative;
    background-color: #fff;
    padding: 40px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 75px 1px rgba(3, 36, 110, 0.1);
    -moz-box-shadow: 0px 0px 75px 1px rgba(3, 36, 110, 0.1);
    box-shadow:0px 0px 75px 1px rgba(3, 36, 110, 0.1);
}



form input {
    width:100%;
    margin-bottom:20px;
}

.form-control {
    border: none;
    border-bottom: 1px solid rgba(250, 42, 143, 0.28);
    border-radius: 0;
}
.modal-content {
        border-radius: 6px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: none;
    /* background: linear-gradient( 100deg, rgba(60, 8, 118, 0.46) 0%, rgba(250, 0, 118, 1) 100%);*/
}
.modal-content9, 
.modal-content8,
.modal-content7 {
    background: black;
}

.modal-content1 {
        border-radius: 6px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px; 
    
}

.modal-footer {
    justify-content: center;
    border-top: 0px;
    padding: 0px;
}
@media (max-width: 600px) {
    .modal.show .modal-dialog {
        max-width: 300px;
        margin: auto;
    }
}

.modal-dialog {
    max-width: 480px;
     background-image: url(../images/logo-new.png);
      background-position: bottom;
    border: 1px solid white;
    background-repeat: no-repeat;
        border-radius: 6px;
}

div#exampleModal,
div#exampleModal1,
div#exampleModal2,
div#exampleModal3 {
    padding-right: 0px;
}

div#exampleModal,
div#exampleModal1,
div#exampleModal2,
div#exampleModal3,
.form-control {
    border: none;
    /*border-bottom: 1px solid rgba(250, 42, 143, 0.28);*/
    border-radius: 0;

}

#promotion {
    margin-bottom: 24px;
    width: 160px;
    height: 50px;
    cursor: pointer;

}

#promotion1 {
    margin-bottom: 24px;
    width: 160px;
    height: 50px;
    cursor: pointer;
}

.promotion {
    width: 160px;
    height: 50px;
    cursor: pointer;
}

#startobyi50 {
    
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 14px;
    width: 100px;
    height: 40px;
}







#prom {
    font-size: 80px;
    font-weight: 900!important;
    line-height: 80px;
    margin-bottom: 49px;
    letter-spacing: 1.3px;
}


#partnersheader {
    max-width: 100%;
   padding-top: 15px;
    width: 1200px;
}

#prom h1 {
    font-size: 80px;
    font-weight: 900!important;
    line-height: 80px;
    margin-bottom: 50px;
    letter-spacing: 2px;
}



@media (max-width: 991px) {
    /*
    #prom {
        font-size: 45px;
        line-height: 45px;
    }
    */
    .container,
    #blockgradient {
        max-width: 835px;
    }
}



#onblock {
    text-align: left;
    /*margin-top: 130px;*/
    margin-top: 70px;
}

@media (max-width: 414px) {
    .navbar-dark {
           display: contents;
    }
    #anavbar {
            width: 79%;
            margin-right: 0px;
    }
    #firstlogo {
        width: 80%;
    }
}

#front-image {
    margin-top: 30px;
}

@media (max-width: 991px) {
    #front-image {
        padding-right: 0px!important; 
        padding-left: 0px!important;
    }
}

@media (max-width: 768px) {
    
    } {
    #front-image {
       display: none;
    }
}



#front-image2 {
    margin-top: 30px;
}

@media (max-width: 991px) {
    #front-image2 {
        padding-right: 0px!important; 
        padding-left: 0px!important;
    }
}

@media (max-width: 768px) {
    #front-image2 {
       /*display: none;*/
    }
}

a.nav-link.active {
    color: rgb(245,210,13)!important;
}

a.nav-link.active2 {
    color: black!important;
}

a#active1 {
    color:red;
}

#menu-head {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 576px) {
    .container {
        max-width: 675px!important;
    }
}

#features {
    box-shadow: inset 0px 20px 24px -20px #000103ba;
    padding-bottom: 70px;
    padding-top: 20px;
}


@media (max-width: 768px) {
    h2#idealnyinabor {
        line-height: 40px;
}
}



#audsite {
    background-image: url(../images/bg.png);
    
    background-size: cover;
    position: relative;
}

.audsite {
        background: linear-gradient(to right, #19193f, #6616656e);
}

#audsite2 {
    background-image: url(../images/bg.png);
    
    background-size: cover;
    position: relative;
}



/*
#audsite:before {
    content: "";
    display: block;
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    transition: background .5s;
}
#audsite:hover:before {
    
    background: rgba(0,0,0, .5);
}
#audsite {
    position: relative;
    color: white;
}
*/


#title-aud {
    font-size: 60px;
    color: white;
    margin-top: 91px;
    margin-bottom: 31px;
    letter-spacing: 0.4px;
}

.p-aud {
    color: white;
    line-height: 20px;
    margin-bottom: 36px;
    letter-spacing: 1.4px;
}


.card-title {
    font-family: 'Play', Regular!important;
    font-size: 26px;
    line-height: 20px;
    margin-bottom: 1rem!important;
}


.card-title,
.card-text {
    color:black;
    font-family: 'Play', regular!important;
}

.card-text {
    font-size: 14px; 
    line-height: 18px;
}

#twobottom {
        padding-left: 47px;
    padding-right: 47px;
    margin-bottom: 0px;
    height: 50px;
}

#twobottomf {
        padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0px;
    height: 50px;
    width: 160px;
    cursor: pointer;
    border: none;

}

#colaudit {
        margin-bottom: 0px;
        padding-left: 20px;
}

#flexibly {
margin-right: 29px;
    margin-left: 19px;
}

#clock  {
margin-right: 32px;
    margin-left: 0px;
}

#effectively {
    margin-right: 30px;
    margin-left: 55px;
    
}

@media (max-width: 991px) {
    #title-aud {
        font-size: 39px;
    }
}

#what1 {
    font-size: 14px; 
    margin-top: 62px;
    letter-spacing: 1.1px;
        margin-bottom: 10px;
}

@media (max-width: 412px) {
    #what1 {
        font-size: 19px;
    }
}

#what {
	color: black;
    font-size: 58px;
    line-height: 40px;
    margin-top: 10px;
    letter-spacing: 1.2px;
}

@media (max-width: 767px) {
    #what {
        font-size: 60px;
    }
}
@media (max-width: 470px) {
    #what {
        font-size: 52px;
    }
}
@media (max-width: 412px) {
    #what {
        font-size: 48px;
    }
}

@media (max-width: 383px) {
    #what {
        font-size: 43px;
    }
}

@media (max-width: 360px) {
    #what {
        font-size: 35px;
    }
}

#active1,
#active2,
#active3,
#active4 {
    color: red;
    background: white;
    border-color: 0px solid white;
    font-size: 14px;
     padding-bottom: 6px;
}

@media (min-width: 1200px){
   
}

@media (min-width: 1199px){
    #colum1 {
        text-align: center;
    }
}

@media (min-width: 992px){
    #colum1 {
        text-align: center;
    }
}

#tab-content-seo {
  
}

.tab-content {
    padding-right: 65px;
    padding-left: 65px;
    padding-top: 1rem;
    padding-bottom: 15px;
}
/*
#graphic {
    height: 360px!important;
}
*/



#colum2 {
	margin-top: 29px;
    padding-top:5px;
}

#seo-title {
    color:black;
    font-weight: bold;
    font-family: Play, Bold!important;
    letter-spacing: -1px;
    line-height: 41px;
    font-size: 40px!important;
    margin-bottom: 29px;
}
/*
#text-p {
    color: black;
    line-height: 18px;
    font-size: 15px;
    margin-bottom: 23px;
    width: 536px;

}
*/




#etaps {
    text-align: center;
    font-size: 55px;
    color: white; 
    margin-bottom: 50px;
        letter-spacing: 3px;
}

#back-ground {
    background: linear-gradient(90deg, #5a2e7fc4, #e7277ded);
    padding-top: 90px;
    padding-bottom: 20px;
    min-height: 598px;
}

#back-ground1 {
    background-image: url(../images/back-ground1.png);
    background-size: cover;
    background-attachment: fixed;
}

.parallax {
    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#plan,
#worker,
#analysis {
    text-align: center; 
    margin-top: 40px;
    margin-bottom: 21px;
}

#plan1,
#worker1,
#analysis1 {
    text-align: center; 
    color: white;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: 'Play', regular;
}

#plan2,
#worker2,
#analysis2 {
    text-align: center; 
    color: white;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'Play', regular;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 20px;
}




#schedule {

}

#img-mob {
    margin-left: 16%;
    width: 90%;
    /*margin-top: 44px;*/
}

#prising {font-size: 1.6em;}

#prising-sub {
    font-size: 57px;
    color: black;
    letter-spacing: 1.5px;
    line-height: 1.1;
}

@media (max-width: 1198px) {
    #plan1,
    #worker1,
    #analysis1 {
        font-size: 22px!important;
    }
}


@media (max-width: 355px) {
    #prising-sub {
        font-size: 3em;
    }
}



#bg-col-faq {

    background-image: url(../images/22.png);
    background-repeat: no-repeat;
    background-size: cover;   
    z-index: 1;
}

#bg-faq {
    background: linear-gradient(90deg, #22234bd4, #5b125be0);
    padding-top: 20px!important;
    padding-bottom: 40px;
   /* min-height: 710px;*/
}

#question {background-color: #ffffff00;}
#faq-color {
    color: white;
    margin-bottom: 0px!important;
    font-size: 14px;
    
}
#faq-color2 {
    color: white;
    margin-bottom: 0px!important;
    font-size: 58px;
    letter-spacing: 1px;
}

#contact-sub {
    color: black;
    margin-bottom: 15px;
}

#contact-sub2 {
    color: black;
    font-weight: bold;  
    margin-bottom: 17px; 
}
#contact-sub3 {
    color: black;
    font-weight: 900;
    font-size: 27px;
    margin-bottom: 25px;
    line-height: 25px;
}
#social {
    list-style-type: none;
    padding-left: 0px;
}

#social li {
    margin-bottom: 7px;
    color: black;
}
#social li a {
    color: black;
    text-decoration: none;
}
#cont-titl {
    margin-bottom: 5px;
    line-height: 60px;
}
#form-footer {
    border: none!important;
    padding-left: 0px;
    background-color: #fff0;
    
}

input#form-padding1, 
input#form-padding2,
input#form-padding3 {
    padding: 0px!important;
    background-color: #fff0;
        background: white;
    border: 1px solid #e2dfdf;
    height: 35px;
    border-radius: 4px;
    padding-left: 7px!important;
    box-shadow: 3px 0px 3px 0px #0000001a;
    transform: scale(1);
    padding-left: 25px!important;
    filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.1));

}

textarea#form-padding4 {
     padding: 0px!important;
    background-color: #fff0;
        background: white;
    border: 1px solid #e2dfdf;
    height: 80px;
    border-radius: 4px;
    padding-left: 7px!important;
    padding-top: 12px!important;
    box-shadow: 3px 0px 3px 0px #0000001a;
    padding-left: 25px!important;
   filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.1));

}



input#form-padding1, 
input#form-padding2,
input#form-padding3 {
    margin-bottom: 0px!important;
}

#bottom-foter {justify-content: left;}
#modal-body {padding: 0px;}
#social-icons {
    text-align: left;
    margin-top: 45px;
}

#social1 {color: black;}

#footer-bg {
    background: linear-gradient(90deg, #643a92, #f03391);
    padding-bottom: 25px;
    padding-top: 27px;
    margin-bottom: 0px!important;
}

#footer-sub {
    color: white;
}
#footer-sub1 {color: white;}

#contactcont {
     
    background-size: cover;

}

.bg-contact {
    padding-bottom: 30px;
    padding-top: 30px;
   /* background-color: rgba(255,245,215,0.1);*/
    background-color: #fefdfeeb;
   /* min-height: 690px;*/
}

tbody tr td {text-align: center;}

#title-table {
    text-align: left;
    padding-bottom: 10px;
}

#bottom-border {border-bottom: 1px solid rgba(250, 42, 143, 0.28);}

#startobyi {
    color: black;
    background-color: white!important;
    margin-bottom: 24px;
    width: 125px;
    height: 50px;
    border:none;
}

#startobyi2 {
color: black;
    background-color: white!important;
    margin-bottom: 15px!important;
    width: 125px;
    height: 50px;
    border:none;
}

#startobyi3 {
    color: black;
    background-color: white!important;
    margin-bottom: 24px;
    width: 125px;
    height: 50px;
    margin-top: -10px;
    margin-bottom: 15px;
    border:none;
}

.btn-primary1 {
     border-radius: 4px;
    padding-top: 19px;
    padding-bottom: 19px;
    padding-right: 34px;
    padding-left: 34px;
        filter: drop-shadow(3px 4px 1px rgba(0,0,0,0.3));
    color: #322602; 
    /*background: linear-gradient(to bottom, #f2d012d9, #ffb400d4);*/
    box-shadow: 0px 3px 2px 0px #290d21c4;
    text-transform: capitalize;
}

.btn-primary1:hover {
   background: linear-gradient(to bottom, #f2ca12, #ffa800);
    box-shadow:  5px 0 10px #290d217a;
    filter: drop-shadow(3px 4px 1px rgba(0,0,0,0.3));
    color: #322602; 
    /*border: 1px solid rgb(221, 195, 50);*/
}

.btn-primary1:focus {
    /*border: 1px solid rgb(221, 195, 50);*/
}

.btn-primary {
       /* border: 2px solid rgb(221, 195, 50);*/
}

#title-sub-title {
    text-align: center;
    padding-bottom: 15px;
}

#title-sub-title5 {
    text-align: center;
    padding-bottom: 15px;
}

#bottom-table {
    text-align: center;
    padding-bottom: 7px;
}

@media (max-width: 1010px) {
    #table-desctop {
        display: none;
    }
}



#table-mobile-section {
    padding-top: 0px!important;
    padding-bottom: 0px;
}

#table-desctop-section {
    padding-top: 20px;
    padding-bottom: 0px;
    background-color: #f1f1f1;
}

@media (max-width: 767px) {
    #section-title {
        margin-bottom: 0.3rem;
    }
}

#list-group-black {
    color: black;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid rgba(250, 42, 143, 0.28);
}

#list-group-black2 {
	   padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid rgba(250, 42, 143, 0.28);

}

#mobile-title-sales {text-align: center;}


.card1 IMG { position: relative; }
.three { z-index: 1; }
   .seven { left: 25px; }
   .ace { left: -25px;  }



/*

   .owl-item {
    width: 450px!important;
   }
*/



#formgrupid {
    margin-bottom: 13px!important;
}


#footer-bg {
    margin-top: 0px!important;
}

#contfooter {
    background-image: url(../images/bgcontact1.png);
     background-position: right;
    background-repeat: no-repeat;
    padding-top: 0px;
}

/*

.owl-carousel .owl-item img {
   height: 208px;
}

*/

.mobilestolb {
    height: 130px;
}

@media (max-width: 986px) {
    .mobilestolb {

    }
}



@media (max-width: 767px) {
    #imagelol {
            top: 10%!important;
}
}


/*
#list-group-black {
    border-bottom: 1px solid black!important;
}
*/


/*
@media (max-width: 767px) {
    #images22 {
        height: 330px;
    }
}

*/



.owl-item.active {
     /*border-bottom: 1px solid black!important;*/
     border-bottom: 1px solid #0000001a!important;
}




#tab-content-pad {
     padding-top: 0px!important;
    padding-bottom: 10px!important;
    margin-top: 140px;
    margin-bottom: 30px;

}


.card.pricing.popular {
    border-radius: 22px;
}


.card.pricing .list-group-item del {
    padding: 0px!important;
}


.modal-content1 {
    margin-top: 5px!important;
    padding-top: 5px;
}

@media (max-width: 600px) {
.modal.show .modal-dialog  {
margin-top: 20px;
}
}

.form-group {
    max-width: 455px;
}


@media (max-width: 1199px) {
    #imagelol {
        top: 22%;
        padding-left: 0;
    }
}


.modal-body {
    padding: 5px;
}


@media (min-width: 992px) {
    #pricing {
        max-width: 1100px;
    }
}

/*
.owl-stage-outer {
        min-height: 970px;
}
*/


.close {
      position: absolute;
       right: -17px;
    top: -12px;
    width: 20px;
    height: 25px;
    opacity: 1.0;
    color: black;
}

.close:before,
.close:after {
    height: 14px!important;
    background-color: white!important;
}

.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: rgb(221, 195, 50)!important;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}




@media (min-width: 1000px) {
    #prising-sub h3 {
    font-size: 42px!important;
    font-weight: 500!important;
    height: 0px!important;
}
}


@media (max-width: 740px)  {
.audsite {
    padding-bottom: 0px!important;
}
}

@media (max-width: 767px) {
    #tab-content-pad  {
            margin-top: 50px!important;
    }
}

@media (max-width: 767px) {
    #imagelol {
            top: 8%!important;
    }
}


.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -50px!important;
}

#contact {
        
    margin-bottom: 15px;
}



.btn-primary:hover {
   background: linear-gradient(to bottom, #f2ca12, #ffa800);
   box-shadow: 0px 3px 2px 0px #290d2100;
        filter: drop-shadow(3px 4px 1px rgba(0,0,0,0.3));
    color: #322602; 
    border: none;
}

.btn-primary:focus {
    border: 0px solid rgb(221, 195, 50);
}

@media (min-width: 1198px) {
    .block-kak {
        max-width: 1155px!important;
    }
}

@media (min-width: 1198px) {
    .etap-prod {
        max-width: 1155px!important;
    }
}
@media screen and (max-width:1900px;) {
    .etap-prod {
        max-width: 5px!important;
    }
}


@media (min-width: 1500px) {
    .block-partner {
        min-width: 1260px!important;
    }
}

.block-partner {
    height: 100px;
}
.audsite {
    min-height: 490px;
}
#images11,
#images12 {
        position: relative;
    top: 21px;
    right: 84px;
    width: 250px;
    text-align: center!important;
}

@media (min-width: 967px) {
    #images11,
    #images12 {
        width: 230px;
    }
}

@media (min-width: 900px) {
    .tab-content{
            
    }
}

@media (max-width: 450px) {
    /*
    #prom h1 {
        font-size: 45px!important;
    line-height: 50px!important;
    }
    */
}

#two-colums {
        /*margin-bottom: 80px;*/
}




.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-five {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-five {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-five {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-five {
        width: 20%;
        float: left;
    }
}


#headerbar {
    margin-left: 205px;
}


a#navbar-top {
        padding-top: 17px;
        padding-bottom: 10px;
}

.navbar-brand {
    margin-right:0px;
}


#anavbar {
        margin-right: 0rem!important;
}

#media-body1 {
    width: 323px;
}

#media-body2 {
    width: 323px;
}

#media-body3 {
    width: 323px;
}

.media {
    padding-top: 2px!important;
}

#flexibly2 {
    padding-left: 30px;
}



.card-text:last-child {
    
}


#bistro {
    max-width: 160px;
}

#gibko {
    max-width: 175px;
}

#effect {
        max-width: 185px;
}


#osobennosti {
    font-size: 15px; 
    margin-top: 55px; 
    margin-bottom: 0px; 
    letter-spacing: 0.7px;
}


/*
#card-boddy1 {
    padding-left: 50px;
    padding-right: 45px;
}
*/

#card-boddy1  {
    padding-left: 0px;
}


#contactfoot2 {
        padding-top: 15px;
}












/*

@media (max-width: 1214px) {
    #img-mob {
            margin-left: -30px!important;
            margin-top: 44px;
            width: 80%;
    }
}
*/

/*

@media (max-width: 1214px) {
    #prom {
        font-size: 65px!important;
        letter-spacing: 0px!important;

    }
    #img-mob {
         margin-top: 57px!important;
    width: 100%!important;
    }

       
}

*/

/*

@media (max-width: 991px) {
    #onblock {
        margin-top: 50px!important;

    }
    #prom {
           line-height: 70px!important;
    }
       
}

*/


@media (max-width: 1260px) {
        #flexibly {
        margin-right: 25px!important;
    margin-left: 25px!important;
}

#bistro {
width: auto!important;
}

#flexibly2 {
width: auto!important;
}

#effect {
width: auto!important;
}

#clock  {
margin-right: 25px!important;
    margin-left: 25px!important;
}

#effectively {
    margin-right: 25px!important;
    margin-left: 25px!important;
    
}
}

/*
@media (max-width: 1300px) {
        #img-mob {
            margin-left: 0px!important;
        }
        #onblock {
        margin-top: 50px!important;

    }
    #prom {
           line-height: 70px!important;
    }
}




@media (max-width: 1198px) {
    #img-mob {
        margin-top: 57px!important;
        width: 85%!important;
        margin-left: 0px!important;
    }
}

*/


/*
@media (max-width: 1199px) and (min-width: 900px) {
    .kompleksnoe {
        font-size: 20px!important;
    }
}

*/

    @media (max-width: 1500px) {
  #prom {
    line-height: 100px;
  }
}

 @media (max-width: 1199px) {
    #prom {
        font-size: 65px;
    }
    #onblock {
        margin-top: 50px;
    }
    #img-mob {
        margin-left: 0px;
            width: 96%;
    }
 }

 @media (max-width: 1090px) {
    #onblock {
            margin-top: 0px;
    }
 }

 @media (max-width: 1090px) {
    #img-mob {
            width: 100%;
            margin-left: 40px;
    }
 }

 @media (max-width: 930px) {
    #prom {
            font-size: 45px;
            line-height: 60px;
            margin-top: 40px;
    }
    #img-mob {
        margin-left: 0px;
    }
 }

 @media (max-width: 1256px) {
    #flexibly2 {
        padding-left: 20px;
    }
    #bistro,
    #gibko,
    #effect {
        max-width: max-content;
    }

    #block-kak {
            max-width: 1130px;
    }
 }


 @media (max-width: 1199px) {
    #osobennosti {
        margin-top: 0px;
    }
    .section-title {
        margin-bottom: 20px;
    margin-top: 0px;
    }

    #whatt {
        /*margin-top: 30px!important;*/
         
    }

    div#containerrrr {
           padding-top: 20px;
    padding-bottom: 20px;
    }

       
    #features {
        padding-bottom: 20px;
    }
    #clock,
    #flexibly,
    #effectively {
            margin-left: 0px!important;
    }
 }

 @media (max-width: 545px) {
        #os {
            font-size: 45px;
        }
 }
  @media (max-width: 425px) {
        #os {
            font-size: 27px;
        }
 }

 @media (max-width: 991px) {
    #block-kak {
        max-width: 835px;
    }
    #clock,
    #flexibly,
    #effectively {
            margin-left: 25px!important;
    }
	.five {
		margin-top: 1.5rem;
	}	
 }
 @media (max-width: 579px){
    .block-partner {
        height: auto;
    }
    #partnersheader {
        padding-top: 0px;
    }
 }

 @media (max-width: 1199px) {
    #headerbar {
        margin-left: 140px;
    }

    #imagelol {
            padding-left: 0px;
            top: 222px;
    }
 }



  @media (max-width: 971px)  {
        #title-aud {
                margin-top: 31px; 
                font-size: 55px;
        }
        #imagelol {
            top: 115px;

        }
        .audsite {
                min-height: 370px;
        }

  }

  @media (max-width: 834px)  {
    #title-aud {
        margin-top: 15px;
    font-size: 50px;
    }
  }

   @media (max-width: 448px)  {
    #title-aud {
           
        font-size: 50px;
    }
  } 

  @media (max-width: 1199px) {
        #tab-content-pad {
            margin-top: 0px;
        }
        .nav-tabs {
                margin-top: 40px;
        }
        p.lead,
        .text11,
        .text22,
        .text33 {
            max-width: max-content;
        }
 }

@media (max-width: 1199px)  {
    #back-ground {
        padding-top: 20px;
        min-height: auto; 
    }
    #etaps {
        margin-bottom: 0px;
    }

    #imageplan,
    #imagezapusk,
    #imageanaliz {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 991px)  {
        #active1, 
        #active2, 
        #active3, 
        #active4 {
            font-size: 25px;
        }
        #what {
            line-height: 55px;
        }
}


@media (max-width: 738px)  {
    #what {
        font-size: 40px;
    }
}

@media (max-width: 420px)  {
     #what {
        font-size: 25px;
        line-height: 30px;
     }
     .nav-tabs {
            margin-top: 20px;
     }
    
}

@media (max-width: 1199px) {
    #bg-faq {
        min-height:auto;
    }
    #two-colums {
            margin-bottom: 0px; 
    }
}

@media (max-width: 700px) {
        #faq-color2 {
            font-size: 35px;
        }

        #etaps {
            font-size: 35px;
        }
}

@media (max-width: 353px) {
    #active1, 
    #active2, 
    #active3, 
    #active4 {
        font-size: 20px;
    }
}
/*
@media (max-width: 1199px){
    #headerbar {
        margin-left: 0px!important;
    }
}
*/

@media (max-width: 1199px) {
    .bg-contact {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: auto;
    }
    #contactfoot2 {
        padding-top: 20px;
    }
}

.numbersales,
.numbersales21 {
    text-align: right;
    line-height: 100%!important;
    font-size: 12px!important;
    height: 35px;
    vertical-align: bottom;
}

.numbersales2 {
    text-align: left;
    line-height: 100%!important;
    font-size: 12px!important;
    height: 34px;

}

.numbersales3,
.numbersales4,
.numbersales5 {
    text-align: center;
}

@media ( max-width: 300px ) {

    #etaps h2 {
          font-size: 35px!important;
    }
  
}



@media ( max-width: 460px ) {

    #seo-title {
        font-size: 33px!important;
    }

}

.col1text {
       height: 260px;
}
.col1text23 {
    height: auto!important;
}

.col1 {
    text-align: center;
    height: 243px;
}

.psubtitle {
    margin-bottom: 11px;
}


@media ( max-width: 1300px ) {
    
    #lastsalels {
        display: none;
    }

}


@media ( max-width: 1025px ) {

    .col1 {
        height: 200px;
    }
    #startobyi3 {
            margin-bottom: 15px!important;
    }

}

#refer#refer22#refer33#refer44 {
    padding-right: 10px; 
    list-style: none;
}

.btn-primary1 {
    font-size: 14px;

}

#refer22 {
      margin-left: 20px;
   /* margin-right: 20px; */
   list-style-type: none;
}

.numbersales222 {
    text-align: left;
    line-height: 100%!important;
    font-size: 12px!important;
    height: 32px;
    vertical-align: bottom;

}

@media ( max-width: 980px ) {

    #refer {
        padding-right: 30px;
    }
    #refer22 {
          margin-left: 0px;
    margin-right: 0px;
    }
    .col1 {
        height: 200px;
    }
    #startobyi3 {
            margin-bottom: 15px!important;
    }

}

#refer,
#lastsalels {
    position: relative;
    top: 35px;
}

#pricing2 {
    display: grid;
}

@media (max-width: 840px) {
    #pricing2 {
        display: none!important;
    }
}

@media (min-width: 953px) {
    #table-mobile,
    #mobile-app {
        display: inline-block;
    }
}

/*
.owl-carousel.owl-drag .owl-item {
    min-width: 300px;
}
*/

.home-demo {
        padding: 2rem 0;
}
#pricing444 {
  display: none;
}
@media (max-width: 1000px) {
     #pricing444  {
        display: block!important;
    }
}

@media (max-width: 1200px) {
     #nawitemnew  {
            margin-left: 15px;
    margin-right: 15px;
    }
}

#pricing44 {
    display: none;
}

@media (max-width: 840px) {
     #pricing44  {
        display: inline-block!important;
    }
}

@media (max-width: 900px) {
    #tab-content-pad {
            margin-top: 0px!important;
    margin-bottom: 0px!important;
    }
}

#refer,
#lastsalels  {
    min-width: 20%;
    list-style-type: none;
}

@media ( max-width: 1300px ) {

    #refer {
        min-width: 21%;
    }

}

#item1 {
    background: red;
  
}

.owl-carousel.owl-loaded {
    display: grid!important;
}

.numbersales77 {
    text-align: left;
}

#img111 img {
     height: 125px!important;
}

.numbersales77 {
        font-size: 14px;
}

@media ( max-width: 520px ) {

    .numbersales77 {
        font-size: 12px;
    }

}


@media ( max-width: 520px ) {
    
    #startobyi2,
    #startobyi,
    #startobyi3 {
        margin-top: 0px!important;
        margin-bottom: 0px!important; 
         width: 100px;
        height: 40px;    
        padding-bottom: 5px;
        padding-top: 5px;
    }

}

@media ( max-width: 600px ) {

    .modal.show .modal-dialog {
        max-width: 272px;
    }

}

@media ( max-width: 600px ) {

    .mobilestolb {
            height: 135px;
    }
    #startobyi {
        width: 100px;
        height: 40px;    
        padding-bottom: 5px;
        padding-top: 5px;
    }

}
.mobititle1 {
    font-size: 14px;
}


button#startobyi51,
button#startobyi52 {
     cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 14px;
    width: 100px;
    height: 40px;
}


input:invalid {border-color: red;}
input:valid {border-color: green;}
input:invalid:not(:placeholder-shown) {border-color: red;}
input:valid:not(:placeholder-shown) {border-color: green;}



.buttonstart {
    background: white;
    border-color: white;
}

.buttonstart:hover {
    background: white;
    border-color: white;
}

.buttonstart:focus {
    background: white;
    border-color: white;
}

.block-partnerrstvo {
    min-width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
}

#front-image3 {
    text-align: center;
}

@media (max-width: 991px) {

    #front-image4 {
        padding-left: 25px;
        padding-right: 25px;
    }

}

#img-mob2 {
    max-height: 300px;
}

.card-text-1 {
    max-width: 200px;
}

@media (max-width: 1256px) {

    .card-text-1 {
     max-width: max-content;
    }

}

@media (max-width: 900px) {

    #headerbar {
        margin-left: 0px;
    }

}

@media (max-width: 1000px) {
    #tab-content {
        display: none;
    }
}

#hexagon {
    width: 100px;
    height: 55px;
    background: #1f1e42;
    position: relative;
}

#hexagon:after {
   content: "";
    position: absolute;
    bottom: -24px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 98px solid transparent;
    border-right: 90px solid transparent;
    border-top: 25px solid #1f1e42;
   
}
#hexagon1{
    width: 100px;
    height: 55px;
    background: #f7c60c;
    position: relative;
}

#hexagon1:after {
   content: "";
    position: absolute;
    bottom: -24px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 98px solid transparent;
    border-right: 90px solid transparent;
    border-top: 25px solid #f7c60c;
}
#hexagon2 {
    width: 100px;
    height: 55px;
    background: #472b5c;
    position: relative;
}
#hexagon2:after {
   content: "";
    position: absolute;
    bottom: -24px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 98px solid transparent;
    border-right: 90px solid transparent;
    border-top: 25px solid #472b5c;
}

@media (max-width: 1256px) {
   .card-text-2{
        max-width: none;
    }
}

#bistro1, 
#bistro2,
#bistro3,
#bistro4,
#bistro5,
#bistro6 {
    padding-top: 21px;
}

/* //CLIENTS LOGO// */

.img-client {
    max-width: 100% !important;
    max-height: 55px !important;
}

.client_logo_block {
    margin-top: 5px;
}
#lang {
    margin: auto;
    padding-right: 0;
    padding-left: 10px;
}
.lang {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}
.lang a {
    font-family:'Play', sans-serif;
    font-size: 14px;
    text-decoration: none;
    padding-right: 10px;
}

.lang li a:hover {
    color: #f2ca12;
}

.lang li a::after {
    content: '/';
    padding-left: 7px;
    opacity: .4;
}
.lang li:last-child a::after {
    content: '';
    padding-left: 0px;
}


.onblock_ukr {
    margin-top: 70px !important;
}

/* KEYS BLOCK */

.box {
  padding: 140px 0px;
  background-repeat: no-repeat;
  opacity: 0.9;
}

.onebox {
  background: linear-gradient( to right, #52356e94, #c1518f ),
              url( '../images/img/galsi4.jpeg' );
  background-position: 30% 30%;
  margin-bottom: 1px;
}

.twobox {
  background: linear-gradient(to right, #52356e94, #c1518f),
              url( '../images/img/stend.jpeg' );
  background-position: 0% 20%;
  margin-bottom: 1px;
}
.threebox {
    background: linear-gradient(to right, #52356e94, #c1518f),
                url( '../images/img/vigrand-keys.webp' );
    background-position: 3% 59%;
}
#block-keysy .row {
    margin-left: 0;   
    margin-right: 0;
}
.block {
  text-align: right;
  width: 30%;
  overflow: hidden;
}
.block span {
  color: #fff;
  position: relative;
}
.block span:before {
  display: block;
  width: 100%;
  content: "";
  position: absolute;
  border-bottom: 1px solid rgb(255, 255, 255);
  top: 50%;
  right: 110px;
}

@media ( max-width: 1199px ) {

  div#containerrrr {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }

}

@media ( min-width: 992px ) {

    .onebox,
    .twobox,
    .threebox {
      padding: 80px 0px;
      margin-bottom: 0;
    }
  
}
  

@media ( max-width: 767px ) {

  .onebox,
  .twobox,
  .threebox {
    padding: 80px 0px;
  }

}

@media ( max-width: 767px ) {

  .block {
    width: 50%;
  }

}