/*
  landing page
*/

.gradient .slidingVertical{padding-right:113px;}
.intro-desc {font-size: 22px;line-height: 33px;}
.newboder.btn.btn-border{visibility: visible;-webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s;}
.services-content h3{color: #ef4e50;}
.single-awesome-feature{visibility: visible; animation-duration: 1.2s; animation-delay: 0.2s; animation-name: fadeInLeft;}
.single-awesome-feature .s-awesome-feature-head{text-align: center;}
.single-awesome-feature .s-awesome-feature-text{text-align: justify;}
.about-us{color:#ccc;}
.footer-link a:hover{text-decoration: none!important;}
.footer-area .footer-link li a:before{width: 0;}
.form-group .lni-envelope{position: relative;top: 0;color: inherit;right: 0;}
.footer-area #subscribe-form .form-group .btn-common {height: 44px;border-radius: 0;border-top-right-radius: 50%;border-bottom-right-radius: 50%;background: #ef4e50;color: #fff;margin-right: -1px;}
.sticky-wrapper{height: 59px!important;}
.services .newboder {margin-top: 10px;}
.social-icon a{margin-top: 0;}
.slicknav_btn{line-height: 35px;}
.contact-form .h3{margin-top: 10px;font-style: italic;font-size: 1.5rem;display: none;}
#subscribe-form .success{font-style: italic;margin-top: 8px;display: none;}



/*
  sprite image
*/
.logo, .icon-1, .icon-2, .icon-3 
{ display: inline-block; background: url('../../assets/img/ritesprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.logo { background-position: -0px -0px; width: 210px; height: 80px; }
.icon-1 { background-position: -0px -80px; width: 78px; height: 71px; }
.icon-2 { background-position: -78px -80px; width: 78px; height: 71px; }
.icon-3 { background-position: -0px -151px; width: 78px; height: 71px; }



/*
  price page
*/
.price-list .list{display: flex;flex-wrap: wrap;justify-content: center;}
.price-list .list .plan{width: 30.33%;margin: 0 1%;}
.price-list .plan .services-content .fa{margin-right: 5px;}
.price-list .plan .services-content.text-left{margin-top: 10px;}
.price-list .plan .services-content .fa.fa-close{color: #A9A9A9;}
section.add-on{padding: 6rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))), url(../img/background-01-1920x1275.jpg) no-repeat center center;
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../img/background-01-1920x1275.jpg) no-repeat center center;
    background-attachment: scroll, scroll;
    background-attachment: fixed;margin-top: 0;}
section.add-on .last{margin: auto;}
section.add-on i.fa{color: red;font-size: 40px;}
section.add-on .s-awesome-feature-text p{text-align: center;}
section.add-on .s-awesome-feature-text p strong{font-weight: bold;font-size: 16px;}
section.add-on .s-awesome-feature-text ul, section.add-on .s-awesome-feature-text ul li{list-style-type: disc;}
section.add-on .s-awesome-feature-text ul{padding: 20px;}
.section-padding.organic-leads ul{text-align: center;}
.section-padding.organic-leads .section-title-header{margin-bottom: 0;}
.section-padding.organic-leads .section-title-header:nth-child(2){margin-top: 50px;}
.section-padding.organic-leads > div > div:nth-child(4){margin-top: 30px;}
.section-padding.price-contact .container div{display: inline-block;vertical-align: middle;}
.section-padding.price-contact .container{text-align: center;}
.section-padding.price-contact .container h2{padding-top: 10px;}
.mSlider {
    width: 100%;
    margin-top: -30px;
    padding-top: 10%;
    padding-bottom: 9%;
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
    background-color: #1d1d1d;
}
.headSlides {
    opacity: 1;
    position: relative;
    text-align: center;
    z-index: 10;
    font-weight: normal;
    max-width: 850px;
    margin: 0 auto;
}
.headSlides-text {
    position: relative;
    margin-bottom: 60px;
}
.headSlides .h1 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    margin: 40px 0;
    position: relative;
}
.headSlides .h1 span, .headSlides .h2 span {
    color: #EF4E50;
}
.headSlides .h1:after {
    content: '';
    position: absolute;
    width: 19px;
    height: 3px;
    background-color: white;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.slidetext {
    color: #fff;
    font-size: 21px;
    line-height: 1.81;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 60px;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}
.slider-bg.slider-bg-1 {
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.6), rgba(102, 102, 102, 0.6)), url(http://webtudy.com/userfiles/-99/pricing-page/img/ws-11-2.png);
}
.slider-bg {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1;
}
.w3-animate-opacity {
    animation: opac 1.2s;
}
.headSlides p {
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 72px;
    position: relative;
}
.price-list h3{color: #EF4E50;}
.services-item .services-content h3{    font-size: 17px;color: #000;line-height: 25px;font-weight: bold;}

.services-item .services-content h4{font-size: 17px;font-weight: bold;}
.price-list .services-content .fa.fa-star{font-size: 20px;margin: 10px 0;color: #FFA500;}
.services-item .services-content h5{font-weight: bold;color: #ef4e50;font-size: 28px;}
.services-item .services-content.header p{font-weight: bold;}
.services-item .services-content.header p.gold{color: #DAA520;font-size: 17px;}
.unique-pricing .services-item h3{font-weight: bold;margin: 20px 0;}
.catapult h4{    color: #fff;
    text-align: center;
    font-weight: normal;
        line-height: 32px;
    font-size: 20px;}
.section-padding.how-it-works p{text-align: center;}
.services-content.seo-list{margin-top: 15px;}
.services-content.seo-list .fa{margin-right: 5px;}
.services-content.seo-list p{font-size: 17px;}

/*
  feature page
*/
section.section-padding .feature{display: flex;flex-wrap: wrap;justify-content: center;/**align-items: center;**/}
.feature .feature-img, .feature .feature-info{width: 50%;}
.feature .feature-img{text-align: center;}
.feature .feature-img img{width: 90%;}
.feature .feature-info p{text-align: justify;}
.feature .feature-info h2.gradient{line-height: 26px;margin-bottom: 20px;}

/*
  how it works page
*/
.how-it-works .lftclock .fa{padding-right: 5px;}
.how-it-works .lftclock label{margin-bottom: 0;}
.how-it-works .feature-info h2.gradient{margin: 20px 0;}
.beyond p{color: #fff;}
.section .feature-alt, .service .feature-alt {text-align: center;background: none;border: none;}
.section .feature-alt .fa{font-size: 40px;}
.section .feature-alt h5{margin: 10px 0;}
.feature-alt-row .feature-alt{margin-top: 0;}

/*
  resource center
*/
#page-banner-area9 {background: url(../../assets/img/resource-center.jpg) no-repeat;background-position: 50% 50%;background-size: cover;}
.featured-bg .services-item{visibility: visible;-webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s;}
.featured-bg .section-title-header{margin-bottom: 0;}
.featured-bg .services-item{visibility: visible;-webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s;}

section.section-padding.policy div p{margin-bottom: 10px;}

.main-yt-video{height: 100%;width: 100%;min-height: 300px;}


@media (max-width: 1199px) and (min-width: 992px) {
  /*
    landing page
  */
  #main-slide .carousel-item .carousel-caption .heading {
      font-size: 60px;
      line-height: 60px;
      margin-bottom: 0;
  }
  #main-slide .carousel-caption .btn {
      margin-top: 20px;
  }
  .section-padding {
      padding: 40px 0!important;
  }
  .card-body { padding-bottom: 0;}
  .footer-area .footer-link li, .footer-area .address li {
      margin-bottom: 0px;
  }

  /*
    price page
  */
  .price-list .list .plan{width: 31.33%;margin: 0 1%;}
}
@media (max-width: 991px) and (min-width: 768px) {
  /*
    landing page
  */
  #main-slide .carousel-item .carousel-caption .heading {
      font-size: 7vw;
      line-height: 7vw;
      margin-bottom: 20px;
  }
  #main-slide .carousel-caption {
      top: 10%;
  }
  .services .container{text-align: center;}
  .services .newboder {margin-bottom: 20px;}

  .featured-bg .row .col-md-6:nth-child(3){display: block;margin: auto;}

  .services-home .row{display: block;}
  .services-home .row .col-md-6{display: block;margin: auto;max-width: 65%;}

  .section-padding {
      padding: 40px 0!important;
  }
  .card-body { padding-bottom: 0;}
  .footer-area .footer-link li, .footer-area .address li {
      margin-bottom: 0px;
  }

  /*
    price page
  */
  .price-list .list .plan{width: 48%;margin: 0 1%;}
}
@media (max-width: 767px) {
  /*
    landing page
  */
  #main-slide .carousel-item .carousel-caption .heading {
      font-size: 6.7vw;
      line-height: 6.7vw;
          margin-bottom: 3vw;
  }
  #main-slide .carousel-caption{top: 4%;}
  #main-slide .carousel-item .carousel-caption h3 {font-size: 18px;}
  .hright {margin: 3vw auto;}
  #main-slide .carousel-caption .btn {margin: 0;padding: 7px 9px;font-size: 12px;text-transform: capitalize;}

  .section-padding {
      padding: 25px 0!important;
  }
  .card-body { padding-bottom: 0;}

  .gradient, .section-padding h2 {font-size: 24px;}
  .section-padding h2{line-height: 24px;}
  .featured-bg.section-padding h2{padding-top: 35px;}
  .slidingVertical span{font-size: inherit;padding-right: 95px;}
  .intro-desc {
      font-size: 20px;
      line-height: 28px;
  }
  .footer-area .footer-link li, .footer-area .address li {
      margin-bottom: 0px;
  }
  .services .container {
      text-align: center;
  }

  /*
    price page
  */
  .price-list .list .plan{width: 48%;margin: 0 1%;}
  .section-padding.price-contact .container div{display: block;}
  .section-padding.price-contact .btn{margin: 10px auto 0 auto;}

  /*
    feature page
  */
  .feature .feature-img, .feature .feature-info{width: 90%;margin: 0 5%;}
  .feature .feature-info h2.gradient{text-align: center;display: block;margin: 15px 0;}

  /*
    how it works page
  */
  .how-it-works .lftclock label {display: block;max-width: 130px;text-align: center;margin: 15px auto 0 auto;}
  .beyond h2{text-align: center;display: block;margin: 15px 0;}  


  .slider-bg.slider-bg-1 {
    background-size: contain;
  }
  .headSlides .h1{font-size: 6vw;line-height: 7vw;}
  .headSlides p{    font-size: 18px;line-height: 26px;}
  .catapult h4{font-size: 18px;}

  .main-yt-video{margin-top: 10px;min-height: 250px;}
}
@media (max-width: 568px) {
  /*
    landing page
  */
  #main-slide .carousel-caption{top: 0;bottom: 0;padding-top: 10px;padding-bottom: 10px;}
  #main-slide .carousel-item .carousel-caption h3{margin-top: 1vh;}
  #main-slide .carousel-caption .btn {padding: 5px 9px;font-size: 11px;}
  #main-slide .carousel-item .carousel-caption h3 {font-size: 4vw;}
  .hright {margin: 2.5vw auto;}
  .footer-area .footer-link li, .footer-area .address li {
      margin-bottom: 0px;
  }
  .services .container {
      text-align: center;
  }

  /*
    price page
  */
  .price-list .list .plan{width: 70%;margin: 0 15%;}

  .headSlides .h1{font-size: 7vw;line-height: 7vw;}
}
@media (max-width: 414px) {
  /*
    landing page
  */
  #main-slide .carousel-item .carousel-caption h3 {margin-top: 1vw;font-size: 3.5vw;line-height: 3.5vw;}
  .hright {margin: 1.5vw auto;}
  #main-slide .carousel-caption .btn {padding: 4px 7px;font-size: 10px;}

  .section-padding {
      padding: 20px 0!important;
  }
  .card-body { padding-bottom: 0;}
  #copyright p{font-size: 12px;}
  .section-padding h2{font-size: 20px;}
  .slidingVertical span{font-size: inherit;}
  .intro-desc {
      font-size: 18px;
      line-height: 25px;
  }
  .footer-area .footer-link li, .footer-area .address li {
      margin-bottom: 0px;
  }
  .services .container {
      text-align: center;
  }
  .contact-form .h3{font-size: 6vw;}

  /*
    price page
  */
  .price-list .list .plan{width: 90%;margin: 0 5%;}

  .headSlides .h1 {
      font-size: 7vw;
      line-height: 9vw;
  }

  .main-yt-video{min-height: 180px;}
}
.pad-60{padding:60px;}
.h-20{padding:20px 0px; line-height:32px; color:#000;}
.p11{padding:15px 0px;}
.light-light{background:#fff;}
#list{ 
         margin-top:20px;
        } 
  #list ul{display:block;}
       
     #list   li{ 
            list-style: none; display:flex;padding-bottom: 12px;margin-left: 20px; color:#000;
        } 

  
     #list   li::before{ 
  
            content: "\00BB"; padding-right:10px;
        } 
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;
}
.accordion-opened .accordion-toggle:after {    
    content: "\f054";    
}
.accordion-heading{font-size: 20px;
    padding: 14px 0px;}