/* blue: #5dbeaa 
pink: #e20077 */

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  font-weight: 400;
  line-height: 1.3; 
      text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

  body{
    color:#364049;
    font-family: sans-serif;
  }

.navbar {
  position: fixed;
  height:10%;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.1);
  padding: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .navbar-brand:link, .navbar-brand:visited {
    color: #fff;
    font-size: 3.3rem;
    font-weight: 900;
    padding-left: 1rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

.navbar-toggler:focus {
  outline: none; }

.toggler-icon-background {
  width: 3.1rem;
  height: 2.1rem;
  background-color: transparent;
  position: fixed;
  top: 2rem;
  right: 2rem; }

.toggler-icon-background:hover {
  cursor: pointer; }

.toggler-icon {
  width: 3rem;
  height: 3px;
  display: inline-block;
  background-color: #c1c1c1;
  position: fixed;
  top: 3rem;
  right: 2rem; }

.toggler-icon::after,
.toggler-icon::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #c1c1c1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.toggler-icon::after {
  top: .7rem; }

.toggler-icon::before {
  top: -.7rem; }

input#checkbox:checked + .toggler-icon-background .toggler-icon {
  background-color: transparent; }

input#checkbox:checked + .toggler-icon-background .toggler-icon::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0; }

input#checkbox:checked + .toggler-icon-background .toggler-icon::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0; }

#checkbox {
  display: none; }

.nav-link:link,
.nav-link:visited {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase; }

  .nav-link:hover{
    color:#e20077;
  }

.nav-item {
  padding: 1rem 1.4rem; }

@media (max-width: 992px) {
  .header__content{
    top:23%!important;
  }
  #navbarNav {
    background-color: #2c2b2b; }
  .nav-link:link,
  .nav-link:visited {
    color: #fff; }
  .nav-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .nav-item:hover {
    background-color: #313131; }
  }

@media (min-width: 992px) {
  .changebg {
    background-color: #fff;
    height: 10%;
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.03);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.03); }
  .changecolor:link,
  .changecolor:visited {
    color: #000;
    font-size: 2.8rem; }
  .nav-link-new:link,
  .nav-link-new:visited {
    color: #000; } }

  .navbar-brand img{
    width:20rem;
  }


/* ========================HEADER======================== */


  .section-head{
    padding:4rem 0;
  }

  .head__upper-main{
    text-align: center;
    margin-top:7rem;
    font-size:4.5rem;
    line-height:1.2;
    margin-bottom:2rem;
    font-family: Oswald;
  }

  .smart-marketing{
    font-weight:bold;
  }

  .head__upper-sub{
    text-align: center;
    font-size:2.9rem;
    line-height:1;
    font-weight:300;
    font-family: oswald;
  }

  .main__video{
    -webkit-box-shadow:0 1rem 2rem rgba(0,0,0,0.3);
            box-shadow:0 1rem 2rem rgba(0,0,0,0.3);
    border:7px solid #fff;
    width:100%;
  }

  .head__buttons{
    margin:3rem 0;
    text-align: center;
  }

  .skype-button{
    background-color:#33aced;
    padding:1.5rem;
    margin:2rem;
    color:#fff;
    font-size:1.9rem;
    display:inline-block;
    width:300px;
    -webkit-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    border-radius:3px;
  }

  .skype-button:hover{
    background-color:#2a8abe;
    cursor: pointer;
    -webkit-transform:translateY(-2px);
        -ms-transform:translateY(-2px);
            transform:translateY(-2px);   
  }

  .skype-button:active{
    -webkit-transform:translate(0);
        -ms-transform:translate(0);
            transform:translate(0);
  }

  .shop-button{
    background-color:#e20077;
    padding:1.5rem;
    margin:2rem;
    color:#fff;
    font-size:1.9rem;
    display:inline-block;
    width:500px;
    -webkit-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    border-radius:3px;
  }

  .shop-button:hover{
    background-color:#a70d5f;
    cursor: pointer;
    -webkit-transform:translateY(-2px);
        -ms-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .shop-button:active{
    -webkit-transform:translate(0);
        -ms-transform:translate(0);
            transform:translate(0);
  }

  .skype-button-icon,
  .shop-button-icon{
    display:block;
    font-size:4rem;
    margin-top:1rem;
    float:left;
  }

  .chat,
  .shop{
    display:block;
    font-size: 3.1rem;
    font-weight:700;
  }

  .chat-text,
  .shop-text{
    font-size:1.7rem;
    font-weight:400;
  }

  .no-thanks:link,
  .no-thanks:visited{
    text-align: center;
    text-decoration: none;
    font-size:1.5rem;
    display:block;
  }

  /* ========================HEADER END======================== */

/* =======================LOADER======================= */

.loader {
  width: 100%;
  height: 100vh;
  z-index: 99999999999;
  position: fixed;
  background-color: #fff; }

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

  /* ======================LOADER END====================== */


  /*==================== FEATURE SECTION ====================*/

  .section-feature{
    background-color:#292929;
    padding:6rem 0;
  }

  .feature__heading{
    font-size:4.2rem;
    color:#fff;
    position: relative;
    margin-bottom:4rem;
    font-family: Oswald;
  }

  .feature__heading::after{
    content:"";
    display:block;
    width:10rem;
    height:1px;
    background-color:#c1c1c1;
    position:absolute;
    bottom:-20%;
    left:50%;
    -webkit-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0);
            transform:translate(-50%,0);  
  }

  .feature__desc{
    color:#ffffff99;
    font-size:1.7rem;
    margin-top:3rem;
    line-height:1.3;
    letter-spacing: 1px;
    font-weight: 300;
  }

  .feature__icon{
    color:#e20077;
    font-size:4rem;
    margin-bottom:2rem;
  }

  .feature__name{
    display:block;
    font-size:2.6rem;
    color:#fff;
    font-weight: 500;
  }

  .feature__text{
    display:block;
    font-size:1.9rem;
    color:#fff;
    font-weight:300;
  }

 .margin-top-7{
   margin-top:7rem;
 }

  /* ====================FEATURE SECTIION END==================== */

  /* =====================SERVICES SECTION===================== */

  .section-services{
    padding:5rem 0;
  }

  .our-services{
    font-size:4rem;
    margin-bottom:3rem;
    position: relative;
    color:rgba(33,33,33,0.75);
    font-family: "Oswald";
  }

  .our-services::after,
  .our-services::before{
    content:"";
    width:20%;
    height:1px;
    background-color:#ccc;
    position:absolute;
  }

  .our-services::after{
    top:60%;
    right:0;
  }

  .our-services::before{
    top:50%;
    left:0;
  }

  .services-desc{
    font-size:2.1rem;
    font-weight:300;
    line-height:1.3;
    position: relative;
    padding-bottom:3rem;
    
  }

  .services-desc::after{
    content:"";
    width:9rem;
    height:1px;
    background-color:#ccc;
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0);
            transform:translate(-50%,0);
    display:block;
  }

  .service-icon{
    position: relative;
    float: left;
    shape-outside: circle(50% at 50% 50%);
    margin:1.9rem;
  }

  .service-block{
    padding:2rem;
    background-color:rgba(204, 204, 204, 0.171);
    border-radius:3px;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    margin-bottom:2rem;
  }

/*  .service-block:hover{
    -webkit-box-shadow:0 1rem 2rem rgba(0,0,0,0.09);
            box-shadow:0 1rem 2rem rgba(0,0,0,0.09);
    cursor: pointer;
    -webkit-transform:translateY(-2px);
        -ms-transform:translateY(-2px);
            transform:translateY(-2px);
  }*/

  .service-icon i{
    color:#5dbeaa;
    height:5rem;
    width:5rem;
    font-size:2.4rem;
    display:block;
    border:2px solid #5dbeaa;
    border-radius:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .services__text-main{
    padding-bottom:.5rem;
    font-size:2.9rem;
    font-weight: 700;
    color:#34495e;
  }

  .services__text-sub{
    font-size:1.9rem;
    line-height:1.3;
    font-weight: 300;
  }

  /* =====================SERVICES SECTION END===================== */

/* ===================RECENT WORK SECTION=================== */

.section-work{
  padding:8rem 0;
}

.work-heading{
  text-align: center;
  font-size:4rem;
  text-transform:uppercase;
  color:rgba(33,33,33,0.75);
  position: relative;
  font-family: "Oswald";

}

.work-heading::after,
.work-heading::before{
  content:"";
  width:30%;
  height:1px;
  background-color:#ccc;
  position:absolute;
}

.work-heading::after{
  top:50%;
  right:0;
}
.work-heading::before{
  top:50%;
  left:0;
}

/* ===================RECENT WORK SECTION END=================== */

/* ===================TESTIMONIAL SECTION=================== */

.section-testimonial{
  padding:6rem 0;
}

.testimonial-heading{
  font-size:4rem;
  color:rgba(33,33,33,0.75);
  font-weight:500;
  text-transform: uppercase;
  position: relative;
  margin-bottom:4rem;
  font-family: "Oswald";
}

.testimonial-heading::after,
.testimonial-heading::before{
  content:"";
  width:30%;
  height:1px;
  background-color: #ccc;
  position: absolute;
}



.testimonial-heading::after{
  top:50%;
  right:0;
}

.testimonial-heading::before{
  top:50%;
  left:0;
}

.testimonial-block{
  background-color:#efefef9e;
  text-align: center;
  padding:2.3rem;
  position: relative;
  -webkit-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}

/*.testimonial-block:hover{
  cursor: pointer;
  -webkit-box-shadow:0 1rem 1.2rem rgba(0,0,0,0.06);
          box-shadow:0 1rem 1.2rem rgba(0,0,0,0.06);
}*/

.testimonial__icon{
  font-size:10rem;
  color:#d8d8d8;
  position:absolute;
  top:-5%;
  left:0;
  z-index:-1;
}

.testimonial-text{
  font-size:1.4rem;
  text-align: left;
  margin-bottom:3.4rem;
  font-weight:400;
}

.testimonial-person img{
  border-radius:50%;
  width:10rem;
  height:10rem;
}

.testimonial-person-name{
  font-size:2rem;
  margin:1rem 0;
}

.testimonial-person-type{
  color:#5dbeaa;
  font-size:1.3rem;
}

/* ===================TESTIMONIAL SECTION END=================== */

/* ================PRICE SECTION================ */

.section-price{
  padding:6rem 0;
}

.price-upper{
  text-align: center;
}

.price__heading{
  text-align: center;
  font-size:4rem;
  color:rgba(33,33,33,0.75);
  position: relative;
  font-family: "Oswald";
}

.price__heading::before,
.price__heading::after{
  content:"";
  width:25%;
  height:1px;
  background-color: #ccc;
  position: absolute;
}

.price__heading::before{
  top:50%;
  left:0;
}

.price__heading::after{
  top:50%;
  right:0;
}

.price-desc{
  font-size:1.5rem;
  text-transform: uppercase;
}

.price-block{
  background-color:#fff;
  display:block;
  padding:1.5rem;
  border-radius:3px;
  border:1px solid rgba(0,0,0,0.2);
  -webkit-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}

.price-block:hover{
  -webkit-box-shadow:0 1rem 2rem rgba(0,0,0,0.08);
          box-shadow:0 1rem 2rem rgba(0,0,0,0.08);
}

.price__name{
  border-bottom:1px solid #cccccc8a;
  padding:1rem;
  text-align: center;
}

.price__name-icon{
  width:3rem;
  height:3rem;
  background-color:#e20077;
  border-radius:100%;
  display:inline-block;
  margin-right: .5rem;
}

.price__name-icon i{
  color:#fff;
  font-size:1.8rem;
}

.price__name-icon-wrap{
  width:3rem;
  height:3rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.price__name-type{
  font-size:3rem;
  font-weight: 800;
  text-transform: uppercase;
}

.price__name-desc{
  font-size:1.4rem;
  display:block;
  color:#777;
  font-weight:500;
  margin:.5rem 0;
}

.price__name-rating{
  margin:.4rem 0;
}

.price__name-rating i{
  color:#ffa717;
  font-size:1.46rem;
}

.price__list{
 /* list-style:none;*/
  padding:1.5rem;
  margin-left: 20px;
}

.price__item{
  font-size:1.5rem;
  font-weight:400;
  padding:5px 0;
}

.price__money-cover{
  padding:0 1rem;
  text-align: center;
}

.price__money{
  font-size:3.2rem;
  font-weight:700;
}

.price__money-text{
  font-size:1.6rem;
  font-weight:500;
  display:inline-block;
}

.price__money-desc{
  display:block;
  font-size:1.3rem;
  font-weight:300;
  padding:.3rem 0;
}

.price__money-discount {
    display: block;
    font-size: 1.7rem;
    font-weight: 300;
    padding: .3rem 0;
    color: #e20076;
    font-weight: bold;
    font-style: italic;
}

.button-cart-green{
  background-color:#30a05c;
  color:#fff;
  padding:1.5rem;
  font-size:2.3rem;
  width:26rem;
  border-radius:3px;
  margin:0 auto;
  text-align: center;
  margin-bottom:1rem;
  border-bottom:5px solid #1d613842;
}

.button-cart-green:hover{
  background-color:#2b8950;
  cursor: pointer;
}

.button-cart-pink{
  background-color: #e20077;
}

.button-cart-pink:hover{
  background-color:#ac075f;
}




.button-cart-green:active,
.button-cart-pink:active,
.button-cart-blue:active{
  -webkit-transform:translateY(2px);
      -ms-transform:translateY(2px);
          transform:translateY(2px);
  border-bottom:5px solid transparent;
}

.gold{
  background-color:#2c2c2c;
  color:#fff;
}

.fa-check,
.fa-video{
  color:#999;
}

/* ================PRICE SECTION END================ */

/* ===================FAQ SECTION=================== */

.section-faq{
  padding:6rem 0;
}

.faq__heading{
  font-size:4rem;
  text-align: center;
  position: relative;
   font-family: "Oswald";
}

.faq__heading::after,
.faq__heading::before{
  content:"";
  width:20%;
  height:1px;
  background-color: #ccc;
  position: absolute;
}

.faq__heading::after{
  top:60%;
  right:0;
}

.faq__heading::before{
  top:50%;
  left:0;
}



.margin-top-5{
  margin-top:5rem;
}

.card{
  margin:2rem 0;
  -webkit-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}

.card:hover{
  -webkit-box-shadow:0 1rem 2rem rgba(0,0,0,0.2);
          box-shadow:0 1rem 2rem rgba(0,0,0,0.2);
  cursor: pointer;
}

.faq__question{
  font-size:2.2rem;
  padding:1rem;
}

.card-header{
  padding:0;
}

.faq__ans{
  font-size:1.5rem;
  padding:1.4rem;
}

.faq__down{
  color:#e20077;
  float: right!important;
}

.faq__arrow{
  color:#e20077;
}

.no__thanks{
  text-align: center;
  font-size:1.8rem;
  color:#2a8abe;
  margin-top:4rem;
}

.card{
  border:1px solid #ccc!important;
}

/* ===================FAQ SECTION END=================== */


/* ====================FOOTER==================== */

.footer{
 padding:3rem 0;
}

.footer-logo{
  display:inline-block;
}

.footer-logo img{
  width:20rem;
}

.footer__links{
  display:inline-block;
}

.footer__list{
  list-style:none;
  
}

.footer__item{
  float: left;
  padding:1rem 3rem;
}

.footer__link:link,
.footer__link:visited{
  color:#2c2b2b;
  text-decoration: none;
  font-size:1.5rem;
  text-transform: uppercase;
  font-weight:500;
}

.footer__link:hover{
  color:#e20077;
}

.footer__socials i{
  font-size:1.9rem;
  padding:1rem;
}

.footer__socials i:hover{
  color:#e20077;
  cursor: pointer;
}



/* ====================FOOTER END==================== */


.btn{
  font-size: 2rem!important;
  text-decoration: none!important;
  width: 100%!important;
  text-align: left!important;
  color:#2c2b2b!important;
}

.btn:hover{
  text-decoration: none!important;
}

.btn:focus{
  text-decoration: none!important;
}

.card-body{
  font-size:1.5rem!important;
}

.btn-link{
  font-size: 2rem!important;
  text-decoration: none!important;
  width: 100%!important;
  text-align: left!important;
  color:#2c2b2b!important;
}

.btn:hover{
  text-decoration: none!important;
}

.btn:focus{
  text-decoration: none!important;
}

.card-body{
  font-size:1.5rem!important;
}

@media(max-width:500px){
 .skype-button,
 .shop-button{
  width: 250px!important;
  font-size: 1.4rem!important;
  margin: auto!important;
  margin-bottom:1rem!important;
 }

   .head__upper-main{ 

     font-size: 3rem;
   }

   .head__upper-sub {
     font-size: 2rem;
   }

   .chat, .shop { 
      font-size: 2rem;
   }

   .feature__heading {
    font-size: 3rem;
   }

   .our-services, .work-heading, .testimonial-heading, .price__heading, .faq__heading {
    font-size: 3.5rem;

   }

   .services__text-main {
    font-size: 2.3rem;
   }

   .testimonial-text {
    font-size: 1.7rem;
   }

   .work-heading::after,
.work-heading::before,
  .our-services::after,
  .our-services::before, 
  .testimonial-heading::after,
.testimonial-heading::before,
.price__heading::before,
.price__heading::after,
.faq__heading::after,
.faq__heading::before { 
  /*display: none;*/
  width: 8%;
}

}