.av3-1300-numbers .av3-main-slides {
    background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/1300-numbers-banner-web-min.png) no-repeat center center / cover;
}
.av3-main-banner.av3-1300-numbers .av3-banner-caption h2 {
  margin-bottom:40px; 
}
.av3-main-banner.av3-1300-numbers .av3-banner-caption h2:after {
    width: 60px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -16px;
    content: '';  
} 
.av3-main-banner.av3-1300-numbers .av3-banner-caption p {
   color: #004f5d;  
}
.av3-main-banner.av3-1300-numbers .av3-banner-caption a {
   position: relative;
   justify-content: left;
   padding:0 30px;   
}    
.av3-main-banner.av3-1300-numbers .av3-banner-caption a span{
   position:absolute;
   right:36px;  
}
.av3-main-banner.av3-1300-numbers .av3-banner-caption a:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s; 
}

.inbound-1300numbers-wrap {
    padding: 100px 0;
}
.inbound-1300numbers-wrap .image-info-wrapper {   
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inbound-1300numbers-wrap .image-con {
    position: relative;
    margin: 0 auto; 
    text-align:center;  
} 

.inbound-1300numbers-wrap .image-con > img {
    margin: 0 auto;     
    text-align:center;
    width:90%;
}

.inbound-1300numbers-wrap .info-con {
   position:relative;
   display:block;
}
.inbound-1300numbers-wrap .info-con .title {
    font-size: 16px;  
    color: #0185fe;
    text-transform: uppercase;
    margin-bottom:10px;
}

.inbound-1300numbers-wrap .info-con h1, .inbound-1300numbers-wrap .info-con h2 {
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #242424;
    margin-bottom: 40px;  
}

.inbound-1300numbers-wrap .info-con p {
    font-size: 16px;   
    font-weight: normal;
    font-stretch: normal;
    font-style: normal; 
    letter-spacing: normal;
    text-align: left;
    color: #515151;
    margin-bottom:20px;  
}  
.inbound-1300numbers-wrap .info-con p:last-child {
   margin-bottom:0px;  
}
  
.inbound-1300numbers-wrap.--section-three .info-con a.av3-btn{
   margin-top:40px;
   position: relative;
   justify-content: left;
   padding:0 30px; 
   width:215px;  
}

.inbound-1300numbers-wrap.--section-three .info-con a.av3-btn span{
   position:absolute;
   right:30px;    
}
.inbound-1300numbers-wrap.--section-three .info-con a.av3-btn:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s;   
}


.inbound-1300numbers-wrap.--section-two {
  background:#f8fbff;
}  

.inbound-1300numbers-wrap.--section-four .info-con p, .inbound-1300numbers-wrap.--section-four .info-con h2{
   text-align:center;
}  

 .inbound-1300numbers-wrap.--section-four .info-con  {
    width:80%;
    margin: 0 auto;
 }

 .inbound-1300numbers-wrap .boxes-holder {
  position:relative;
  margin:70px auto 0;    
  display:block;
  width:90%;
  clear:both;  
  overflow:hidden;  
}

.inbound-1300numbers-wrap .boxes-holder:last-child {
    margin-top: 0px;
}

 .inbound-1300numbers-wrap .boxes {
    float:left;
    width:23.333%;
    background-color:#ffffff;  
    padding:25px 0px 25px 25px;
    margin-right:20px;    
}

 .inbound-1300numbers-wrap .boxes:last-child {
    margin-right: 0px;
}

 .inbound-1300numbers-wrap .boxes .title-holder {
    position:relative;
    display: block;
    margin-bottom: 15px;
}

 .inbound-1300numbers-wrap .boxes .title-holder img {
    display: inline-block;
    margin-right:20px;
}

 .inbound-1300numbers-wrap .boxes .content {
    display: block;
    overflow: hidden;
}

 .inbound-1300numbers-wrap .boxes .content p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;    
    color: #767373;
    margin-bottom:20px;
}

.inbound-1300numbers-wrap .boxes .content p:last-child {
  margin-bottom:0px;
}

.inbound-1300numbers-wrap.--features {
   background: #fafafa;   
}
   
.inbound-1300numbers-wrap.--features .info-con p, .inbound-1300numbers-wrap.--features .info-con h2{
   text-align:center; 
}

.inbound-1300numbers-wrap .grouping-tabs {
    position: relative;
    margin: 60px 0 0;
}

.inbound-1300numbers-wrap .grouping-tabs .nav-tabs {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    border-radius: 0;
    margin: 0 auto;
    border-width: inherit;    
}

.inbound-1300numbers-wrap .grouping-tabs .nav-tabs li {
    border:none;
    display: inline-block;
    cursor:pointer;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #6e6e6e;   
    margin-right:30px;
}
.inbound-1300numbers-wrap .grouping-tabs .nav-tabs li:last-child{
   margin-right:0px;
}

.inbound-1300numbers-wrap .grouping-tabs .nav-tabs li.active {
    color: #242424;
}

.inbound-1300numbers-wrap .grouping-tabs .nav-tabs li.active:after {
    position: absolute;
    width: 100%;
    height: 4px;     
    content: '';
    left: 0;
    bottom: 0px;
    background-color:#1b92fb;   
}

.inbound-1300numbers-wrap .grouping-tabs .nav-tabs li a:hover, .inbound-1300numbers-wrap .grouping-tabs .nav-tabs li.active a {
    
}
.inbound-1300numbers-wrap .grouping-tabs .tab-content .tabber {
    display:none;   
    margin:30px 0 0;
}
.inbound-1300numbers-wrap .grouping-tabs .tab-content .tabber.--active {
    display:block; 
}
.inbound-1300numbers-wrap.--features .features-cta {
    margin:50px auto 0;
}
.inbound-1300numbers-wrap.--features .features-cta a.av3-btn{
  margin: 0 auto;
  position:relative;
  justify-content: left;
  padding:0 25px;
}

.inbound-1300numbers-wrap.--features .features-cta  a span{
  position: absolute;
  right: 22px;     
}

.inbound-1300numbers-wrap.--features .features-cta  a:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s; 
}

.inbound-1300numbers-wrap.--features  .inclusions-all-plans {
    margin:50px auto 0;
}

.inbound-1300numbers-wrap.--features .inclusions-details-wrap .con{
    float:left;
    width:23.5%;  
    padding:25px 0 0 0;  
    margin-right:20px; 
}
.inbound-1300numbers-wrap.--features .inclusions-details-wrap .con:last-child{margin-right:0px;}

.inbound-1300numbers-wrap.--features .inclusions-details-wrap .con div {
    display:block;
}
.inbound-1300numbers-wrap.--features .inclusions-details-wrap .con img{
    display: inline-block;
    padding-right:10px;
}
.inbound-1300numbers-wrap.--features .inclusions-details-wrap .con h3{ 
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;   
    letter-spacing: normal;
    text-align: left;
    color: #242424;
    display: inline-block;
}
.inbound-1300numbers-wrap.--features .inclusions-details-wrap .con p{ 
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    padding-left: 45px;
}

/** SMARTNUMBERS SECTION**/
.inbound-1300numbers-wrap.--section-smartnumber {
  background:#fafafa;
}

.inbound-1300numbers-wrap.--section-smartnumber .cta{
  display:block;
  margin-top:40px;
}

.inbound-1300numbers-wrap.--section-smartnumber .cta a{
   width:218px;
}

.inbound-1300numbers-wrap.--section-smartnumber .cta a:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s; 
}
.smartnumber-section-carousel {
    width: 590px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.smartnumber-section-carousel .smartnumber-item {
    display: flex; 
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 215px;  
    transition: 0.3s ease;
}

.smartnumber-section-carousel .smartnumber-item header {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: var(--primary-color-3);
    transition: 0.3s ease;
    text-align:center;
}

.smartnumber-section-carousel .smartnumber-item span {
    display: block;
    text-align: center;
    margin: 20px 0;
    height: 120px;
}
   
.smartnumber-section-carousel .smartnumber-item span img {
    height: 100%;
}  

.smartnumber-section-carousel .smartnumber-item footer {
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    color: var(--primary-color-3);
    text-align:center;
}

.smartnumber-section-carousel .smartnumber-item.slick-current {
    transform: scale(1.2);
}

.smartnumber-section-carousel .slick-track {
    display: flex;
    align-items: center;
    height: 300px;
    align-content: center;
}


/** FEATURES TABLE BOF**/
.features-av3-responsive-wrap {display:none;}

.features-table-group {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 0;
    margin: 0 auto;
    background:#fff;
    width:100%;
}

.features-table-group .cols {
    border-right:1px solid #E7E7E7;
    display: inline-block;
    vertical-align: middle;
    text-align:center;
}
.features-table-group .cols.no-border-right {
   border-right: none;
}
.features-table-group .cols-row-100 {
    width:100%;  
}
.features-table-group .cols-row-50,  .features-table-group .cols-row-50 div {
    width:50%;  
}
.features-table-group .cols-row-35,  .features-table-group .cols-row-35 div {
    width:35%;  
}
.features-table-group .cols-row-30,.features-table-group .cols-row-30 div {   
    width:30%;  
}
.features-table-group .cols-row-15,  .features-table-group .cols-row-15 div{
    width:16.666%;
}

.features-table-group .separator{   
   border-top: 1px solid #E7E7E7;
   width: 100%;
   height: 1px;
   margin: 0 auto; 
   display:block;
   clear:both;
   padding:0;
}
  
.features-table-group header .cols div{
    height:121px;
    align-items: center;
    justify-content: center;
    display: table-cell;
    vertical-align: middle
}
.features-table-group header .cols p{
    text-align:center;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;  
    line-height: 2;
    letter-spacing: normal;
    color:#1b92fb !important;
    margin-bottom:0px;
}

.features-table-group header .cols  p.orange{
  color:#ff7c33;
}
.features-table-group header .cols span{
    font-size: 16px;   
    font-weight: 500;
    color: #333333;
    display:block;
    position:relative;
}
.features-table-group header .cols span > span{
    display:inline-block;
    font-size:12px;
    position:absolute;
    top: 3px;
    left: 23%; 
}
.features-table-group.prepaid header .cols span > span {
    left: 37%; 
}

.features-table-group section .cols.title {
    text-align:left;
    padding-left:30px;
}

.features-table-group section .cols {
    padding:17px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    
}
.features-table-group section .cols span.bold {
    font-weight: 600;
}
.features-table-group section .cols span.blue {
    color: #2b9ef8;  
}
.features-table-group section .cols span.orange {
    color:#ff7c33;  
}
.features-table-group section .cols span.font20 {
    font-size:20px;
}
.features-table-group section .cols.background-gray{
   background:#e7e7e7;
   font-size: 18px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: 2.22;
   letter-spacing: normal;
   color:#282828;  
   padding-left:30px;
   text-align:left;
   position: relative;
}
.features-table-group section .cols.background-gray .cen{
   margin: auto;
   position: absolute;
   top:15px; 
   left:0; 
   right:0;     
}

.features-table-group section  span.check{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/check-green.svg);
    width: 23px;
    height: 23px; 
    display: block; 
    margin: 0 auto;  
}
.features-table-group section  span.dash{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/table-line.svg);
    width: 20px;
    height: 4px;
    display: block;
    margin: 0 auto;
}
/** FEATURES TABLE EOF**/

.inbound-1300numbers-wrap.--enhance {
   background: #f9fcff;   
}

.inbound-1300numbers-wrap.--enhance .col-information{
    float:left;
    width: 40%;
    padding-right: 80px;
}
.inbound-1300numbers-wrap.--enhance .col-datas{
   float:left;
   width: 60%;
  
}
.inbound-1300numbers-wrap.--enhance .boxes-links {
    clear:both;
    width:100%;
    overflow:hidden;
}

.inbound-1300numbers-wrap.--enhance .boxes-links .con{
    background:#fff;
    float:left;
    width: 360px;
    border-radius: 5px;
    border: solid 1px #ededed;
    padding:40px 0px 40px 30px;
    margin-bottom:20px;
}

.inbound-1300numbers-wrap.--enhance .boxes-links .con:nth-child(odd) {
    margin-right: 20px;
}


.inbound-1300numbers-wrap.--enhance .boxes-links .con div{
   display:inline-block;
   vertical-align: middle;
}
.inbound-1300numbers-wrap.--enhance .boxes-links .con div:first-child{
    margin-right:15px;
}
.inbound-1300numbers-wrap.--enhance .boxes-links .con p {
   font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.95;
  letter-spacing: normal;  
  text-align: left;
  color: #242424;
}
.inbound-1300numbers-wrap.--enhance .boxes-links .con a{
  font-size: 16px;
  color:#515151;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;  
  letter-spacing: normal;
  text-align: left;
  position:relative; 
  text-decoration:underline;
}
.inbound-1300numbers-wrap.--enhance .boxes-links .con a span{
   position:absolute;
   right:-22px;
   top:0px;       
}
.inbound-1300numbers-wrap.--enhance .boxes-links .con a:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s;   
} 

.inbound-1300numbers-wrap.--difference {
   background:#fbfbfb;
}
.inbound-1300numbers-wrap.--difference .info-con {
    margin: 0 auto 60px;
    width:80%;
}

.inbound-1300numbers-wrap.--difference .info-con p, .inbound-1300numbers-wrap.--difference .info-con h2 {
    text-align: center;
}   

/** BLOG & VIDEO */
.for-1300-numbers.av3-blog-video .homepage-wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;  
}
.for-1300-numbers.av3-blog-video .hero-header {
  text-align:left;   
}

.for-1300-numbers.av3-blog-video .hero-header h2 {
  max-width: 100%;
  text-align:left; 
}

/** AV3 CUSTOM TABLE BOF **/
.av3-custom-table {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 0;
    margin: 0 auto;
    background:#fff;
}

.av3-custom-table header {
    background: #eff6ff;
    border-radius: 0;
    padding:20px;  
}

.av3-custom-table header p {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.95;
    letter-spacing: normal;  
    text-align: center;
    color: #282828;
}
.av3-custom-table header p.title {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

.av3-custom-table .cols {
    display: inline-block;
    vertical-align: middle;
    text-align:center;
}

.av3-custom-table section {
    padding: 0;
    margin: 0;
}

.av3-custom-table section .cols {
    padding: 20px;  
}    

.av3-custom-table section h5 {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1b92fb;
  margin-bottom:10px;
}

.av3-custom-table section p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color:#545454;
}

.av3-custom-table .separator {
   border-top: 1px solid #E7E7E7;
   width: 100%;
   height: 1px;
   margin: 0 auto; 
   display:block;
   clear:both;
}

.av3-custom-table .table-tick {
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: 0 auto;
}
.av3-custom-table .table-tick.check {
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/check-blue.svg);
    width: 23px;
    height: 23px;
}

.av3-custom-table .table-tick.dash {
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/table-line.svg);
    width: 20px;
    height: 4px;      
}

.av3-custom-table .cols-row-100 {
    width: 100%;
}
.av3-custom-table .cols-row-50 {  
    width: 50%;
}
.av3-custom-table .cols-row-25 {
    width: 25%;
}

.av3-custom-table .cols-row-15 {
    width: 15%;    
}
/** AV3 CUSTOM TABLE END **/

/** TABLE ACCORD TABLET BOF**/
.av3-table-accord.for-tablet {display:none;}
.table-accord-wrap {background-color: #eff6ff;margin-bottom:10px;}
.table-accord-wrap .heading {padding:20px;}
.table-accord-wrap .heading header {
  cursor:pointer;
  position:relative;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: left;
  color: #1b92fb;
  padding-bottom:15px; 
} 

.table-accord-wrap .heading p{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;  
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #545454;
  display:block;
  margin-bottom:0px;
  width:85%;
}

.table-accord-wrap .heading header span.state-open{background-image:url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/arrow-up-icon.svg);background-repeat:no-repeat;width:23px;height:23px;display:block;position:absolute;right:0;top:0px;}  
.table-accord-wrap .heading header span.state-open.close{background-image:url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/arrow-down-icon.svg);opacity:1}

.table-accord-wrap section {
    background:#fff;
    padding: 0;
    margin: 0;
    display:none;
}

.table-accord-wrap section .cols{padding:20px;}

.table-accord-wrap section .cols p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #212121;
  position: relative;
  margin-bottom: 0px;
}

.table-accord-wrap .table-tick {
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    position:absolute;
    right: 10px;
}
.table-accord-wrap .table-tick.check {
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/check-blue.svg);
    width: 23px;
    height: 23px;
    top:5px;
}

.table-accord-wrap .table-tick.dash {
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/table-line.svg);
    width: 20px;
    height: 4px;  
     top:10px; 
}
.table-accord-wrap .separator {
    border-top: 1px solid #E7E7E7;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    display: block;
    clear: both;
}
/** FAQ **/
.inbound-1300numbers-wrap.--faq {background:#f9fcff;}
.inbound-1300numbers-wrap.--faq .info-con h2 {margin-bottom:45px;}
.faq-about-1300 > section{border-bottom:1px solid #E7E7E7;}
.faq-about-1300 > section header{
  cursor:pointer;
  position:relative; 
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;   
  color: #242424;
  padding:20px 0;
}
.faq-about-1300 > section:first-child header{ 
  padding-top: 0px;
}
.faq-about-1300 > section div.content{
    padding:20px 0;
    display:none;
}
.faq-about-1300 > section div.content p { 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;   
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
.faq-about-1300 > section div.content p a {
  text-decoration:underline;
}
.faq-about-1300 > section div.content h2, .faq-about-1300 > section div.content h3, .faq-about-1300 > section div.content h4{font-size:18px;margin-bottom:20px;}
.faq-about-1300 > section div.content a, .faq-about-1300 > section div.content a:hover{}
.faq-about-1300 > section > header span.state-open{background-image:url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/faq-plus-icon.svg);background-repeat:no-repeat;width:36px;height:36px;display:block;position:absolute;right:0;top:12px;}
.faq-about-1300 > section:first-child > header span.state-open{top:-5px;}  
.faq-about-1300 > section > header span.state-open.close{background-image:url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/faq-minus-icon.svg);opacity:1}


.inbound-1300numbers-wrap.--faq .av3-btn{
  position:relative;
  justify-content: left;
  padding: 0 30px;
}

.inbound-1300numbers-wrap.--faq .av3-btn span{
    position: absolute;
    right: 32px;       
}

.inbound-1300numbers-wrap.--faq .av3-btn:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s; 
}

/** FAQ EOF**/

.inbound-1300numbers-wrap.--bottom {
  background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/bottomcta-blue-web-min.png) no-repeat center / cover; 
}

.inbound-1300numbers-wrap.--bottom .info-con{
   margin:0 auto;
   text-align:center;
}

.inbound-1300numbers-wrap.--bottom .info-con h2{
  font-size: 35px;  
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.inbound-1300numbers-wrap.--bottom a{
  margin: 0 auto;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.12;   
  letter-spacing: normal;
  text-align: left;
  position:relative;
  justify-content: left;
  padding: 0 30px;
}
.inbound-1300numbers-wrap.--bottom a span{
   position:absolute;
   right: 36px;
}
.inbound-1300numbers-wrap.--bottom a:hover svg {
    animation: forwardarrow 0.4s linear infinite 0s; 
}

.client-testimonial-wrap {
   padding:50px 0;
   margin: 0 auto;
}
.client-testimonial-wrap .client-info-con {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 5px;
  width:750px;
  clear:both;
  overflow:hidden;
  margin:0 auto;  
  padding:40px 50px;
  position:relative;   
}
.client-testimonial-wrap .client-info-con p{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #242424;
  margin-bottom: 25px;
}

.client-testimonial-wrap .client-info-con .quotation-normal{   
   background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/client-logo/quotation-normal-min.png) no-repeat;
   width:22px;
   height:15px;   
   display:inline-block;
   margin-right: 15px;
}
.client-testimonial-wrap .client-info-con .quotation-reverse{   
   background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/client-logo/quotation-reverse-min.png) no-repeat;
   width:22px;
   height:15px;   
   display:inline-block;   
   margin-left: 15px;
}

.client-testimonial-wrap .client-info-con .reviewed{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: center;
  color: #4e4e4e;
  margin-bottom:0px;
}

.client-testimonial-wrap .client-logo-con {
   margin: 50px auto 0;
   text-align:center;
}
.client-testimonial-wrap .client-logo-con div:first-child{
  margin-bottom:20px;
}

.client-testimonial-wrap .client-logo-con img {
  margin:0 10px;
}

.client-testimonial-wrap .client-logo-con .for-tablet {
  display:none;
}

/*---------------------------
-- MEDIA QUERY STARTS HERE --*/ 
/* LAPTOP */
@media only screen and (max-width: 1550px) {}
/* TABLET */
@media only screen and (max-width: 1330px) {
    .av3-1300-numbers .av3-main-slides {background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/1300-numbers-banner-tablet-min.png) no-repeat center center / cover;}  
    .av3-main-banner.av3-1300-numbers .av3-banner-caption{padding-left: 15px !important;}
    .av3-main-banner.av3-1300-numbers .av3-banner-caption p{font-size:18px;}

    /** wheelbox-responsive BOF **/ 
    .wheelbox-responsive {display:block;padding:0 15px;margin:10px auto;}   
    .wheelbox-responsive .pack {width:100%;padding:20px;border-radius: 5px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);background-color: #ffffff;margin:0 auto 10px;}
    .wheelbox-responsive .pack div {display:inline-block;vertical-align:middle;}   
    .wheelbox-responsive .pack div:first-child{width:15%;}
    .wheelbox-responsive .pack div:last-child{width:80%;} 
    .wheelbox-responsive .pack div img {margin:0 auto;width:50%;height:100%;padding-right:10px;}   
    .wheelbox-responsive .pack div header {text-align:left;font-size:20px;font-weight:500;color:#242424;margin-bottom:10px;}
    .wheelbox-responsive .pack div p {font-size:16px;font-weight:normal;font-stretch: normal;font-style: normal;line-height:normal;letter-spacing: normal;text-align: left;color: #767373;margin-bottom:0px;}
    .wheelbox-responsive  #wheelbox-show {font-size:18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.11;letter-spacing: normal;text-align:center;color: #258dff;margin-top:30px;display:block;text-decoration:underline;}
    .other-wheelbox-info.--hideme {display:none;}

     /** Table for features & differences **/
    .features-table-group.av3-web {display:none !important;padding:0 70px;}
    .inbound-1300numbers-wrap .grouping-tabs {margin:20px 0 0;}
    .inbound-1300numbers-wrap .grouping-tabs .nav-tabs {justify-content:center;}        
    .features-av3-responsive-wrap {display:block;padding:0 15px;}       
    .features-slider-responsive {margin:30px 0 0;display:block;position:relative;width:800px;max-width:100%;}
    .features-slider-responsive.prepaid-plans .slick-track{width:660px !important;}
    .features-slider-responsive.prepaid-plans .features-table-group{width:325px !important;}
    .features-table-group{margin-right:25px;}  
    .features-table-group .cols {border-right:none;}  
    .features-table-group .cols.title{border-right:1px solid #E7E7E7;} 
    .features-table-group header .cols div {display:flex;}
    .features-table-group section .cols.background-gray {font-size:16px;padding-left:15px;}
    .features-table-group section .cols.background-gray .cen {top:16px;right:-110px;} 
    .features-table-group section .cols {margin:0 auto;}
    .features-table-group section .cols img {margin:0 auto;text-align:center;}       
    .features-slider-responsive .slick-dots {margin:30px auto 0px;text-align:center;}
    .features-slider-responsive .slick-dots li {margin-right:15px;display:inline-block;width:12px;height:12px;background:#e7e7e7;border-radius:50%;}  
    .features-slider-responsive .slick-dots li.slick-active {background:#0fa6ff;}
    .features-slider-responsive .slick-dots li button{background:0 0;border:none;font-size:0;}    
    .av3-custom-table {display:none !important;} 
    .av3-table-accord.for-tablet {display:block;padding:0 45px;}  
    /** Table for features & differences **/

    .av3-custom-table {padding:0 70px;}

    .inbound-1300numbers-wrap {padding:60px 0;}
    .inbound-1300numbers-wrap .av3-web {display:none !important;}
    .inbound-1300numbers-wrap .col-md-6 {width:100% !important;float:none;}

    .inbound-1300numbers-wrap .info-con {width:100%;margin:0 auto;text-align:center;padding: 0 70px;}
    .inbound-1300numbers-wrap .info-con p {text-align:center;}
    .inbound-1300numbers-wrap .info-con h1, .inbound-1300numbers-wrap .info-con h2 {text-align:center;font-size:32px;}
    .inbound-1300numbers-wrap .info-con h1.headline:after, .inbound-1300numbers-wrap .info-con h2.headline:after {left: 50% !important;transform: translateX(-50%);}
    .inbound-1300numbers-wrap .info-con img {margin:30px 0;width:calc(100% - 500px);}
    .inbound-1300numbers-wrap .info-con .av3-btn {margin: 0 auto;}
    .inbound-1300numbers-wrap .info-con h1 br, .inbound-1300numbers-wrap .info-con h2 br,.inbound-1300numbers-wrap .info-con p br{display:none;}

    .inbound-1300numbers-wrap.--section-four {padding-bottom:40px;}
    .inbound-1300numbers-wrap.--section-four .info-con {width:100%;}

    .inbound-1300numbers-wrap.--section-smartnumber .image-info-wrapper {display:block;}
    .inbound-1300numbers-wrap.--section-smartnumber .cta {margin:20px auto 0;text-align:center;}
    .smartnumber-section-carousel {width:550px;margin:0 auto;text-align:center;}
    .smartnumber-section-carousel .smartnumber-item footer {font-size:15px;}

    .inbound-1300numbers-wrap .boxes-holder {width:100%;margin:30px auto 0;padding: 0 70px;}       
    .inbound-1300numbers-wrap .boxes {width:48%;}
    .inbound-1300numbers-wrap .boxes:nth-child(odd) {margin-right:20px !important;} 
    .inbound-1300numbers-wrap .boxes:nth-child(even) {margin-right:0px !important;}

    .inbound-1300numbers-wrap.--features .inclusions-details-wrap .con {float:none;width:90%;margin:0 auto;padding:10px 25px;}
    .inbound-1300numbers-wrap.--features .inclusions-details-wrap .con:last-child{padding-bottom:0px;margin: 0 auto;}

    .inbound-1300numbers-wrap.--enhance .clone-laptop {margin:50px auto 0;text-align:center;}     
    .inbound-1300numbers-wrap.--enhance .col-information{float:none;width:100%;padding:0px;margin:0 auto;}
    .inbound-1300numbers-wrap.--enhance .col-datas {float:none;width:100%;margin:60px auto 0;padding:0px 70px;}  
    .inbound-1300numbers-wrap.--enhance .boxes-links .con{width:48%;padding:30px 0px 30px 25px;}   
    .inbound-1300numbers-wrap.--enhance .boxes-links .con:nth-child(3), .inbound-1300numbers-wrap.--enhance .boxes-links .con:nth-child(4) {margin-bottom:0px;} 
    .inbound-1300numbers-wrap.--enhance .clone-laptop p {font-size:16px;}

    .inbound-1300numbers-wrap.--difference .info-con {width:100%;}

    .faq-about-1300{padding:0 70px;margin-top:60px;} 
    .client-testimonial-wrap .client-info-con {padding:20px;}
    .client-testimonial-wrap .client-logo-con {margin: 20px auto 0;}
    .client-testimonial-wrap .client-logo-con .for-web {display:none;} 
    .client-testimonial-wrap .client-logo-con .for-tablet {display:block;}
}
@media only screen and (max-width: 1100px) {
    .inbound-1300numbers-wrap .info-con img {margin:30px 0;width:calc(100% - 400px);}
    .for-1300-numbers.av3-blog-video {padding:60px 0px;}   
    .for-1300-numbers.av3-blog-video .hero-header {text-align:center;}
    .for-1300-numbers.av3-blog-video .hero-header h2 {text-align:center;}

    .inbound-1300numbers-wrap .info-con h1 br, .inbound-1300numbers-wrap .info-con h2 br{display:none;}
    .inbound-1300numbers-wrap.--enhance .boxes-links .con div:last-child {width:60%;}
  
    .inbound-1300numbers-wrap.--bottom .info-con h2 {font-size:32px;} 
    .inbound-1300numbers-wrap.--bottom .info-con h2 br {display:none;}

}   
@media only screen and (max-width: 997px) {
    .features-slider-responsive {width:700px;max-width:100%;}
    .inbound-1300numbers-wrap .info-con img {margin:30px 0;width:calc(100% - 200px);}
    .wheelbox-responsive .pack div img {width:60%;}
    .inbound-1300numbers-wrap.--bottom {background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/bottomcta-blue-tablet-min.png) no-repeat center / cover;}
    .client-testimonial-wrap .client-info-con {width:90%;}
}
/* MOBILE */
@media only screen and (max-width: 767px) {

    /** wheelbox-responsive **/ 
    .wheelbox-responsive .pack div {display:block;margin:0 auto;} 
    .wheelbox-responsive .pack div:first-child{width:100%;margin-bottom:20px;} 
    .wheelbox-responsive .pack div:last-child{width:100%;} 
    .wheelbox-responsive .pack div img{width:50px;height:unset;padding-right:0px;}
    .wheelbox-responsive .pack div header {text-align:center;} 
    .wheelbox-responsive .pack div p {font-size:15px;text-align:center;}

     /** Table for features & differences **/ 
    .features-av3-responsive-wrap {padding:0 15px;}       
    .features-slider-responsive {margin:20px 0 0;width:330px;max-width:100%;} 
    .features-table-group {margin-right:10px;} 
    .features-slider-responsive.prepaid-plans .features-table-group{width:320px !important;}
    .av3-table-accord.for-tablet {padding:0 15px; } 
 
    .av3-1300-numbers .av3-main-slides {
      background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/1300-mobile-banner-new-min.png) no-repeat center;     
      background-color:#1982FF;
      background-position: top;   
      height: 400px !important;  
    }  
    .av3-main-banner.av3-1300-numbers .av3-banner-caption h2 {text-align:center;}
    .av3-main-banner.av3-1300-numbers .av3-banner-caption h2:after {left: 50% !important;transform: translateX(-50%);}
    .av3-main-banner.av3-1300-numbers .av3-banner-caption p {font-size:18px;text-align:center !important;margin-bottom:20px;}
    .av3-main-banner.av3-1300-numbers .av3-banner-caption a {margin:0 auto;padding:0 15px;}
    .av3-main-banner.av3-1300-numbers .av3-banner-caption a span{right:17px;}

    .for-1300-numbers.av3-blog-video {padding:50px 0px;}
    .for-1300-numbers.av3-blog-video .homepage-wrapper {padding:0 30px;}
    .inbound-1300numbers-wrap {padding:50px 0;}
    .inbound-1300numbers-wrap .info-con {padding: 0 15px;} 
    .inbound-1300numbers-wrap .info-con img {width:100%;}
    .inbound-1300numbers-wrap .info-con h1, .inbound-1300numbers-wrap .info-con h2 {font-size:20px;}
    .inbound-1300numbers-wrap .info-con p {margin-bottom:10px;}

    .inbound-1300numbers-wrap.--section-three .info-con a.av3-btn {margin:20px auto 0;width:170px;padding:0 15px;}
    .inbound-1300numbers-wrap.--section-three .info-con a.av3-btn span{right:15px;}   

    .smartnumber-section-carousel {width:360px;}
    .smartnumber-section-carousel .smartnumber-item span img {width:73%;margin:0 auto;}
    .smartnumber-section-carousel .smartnumber-item header {font-size:12px;}
    .smartnumber-section-carousel .smartnumber-item footer {font-size:10px;} 

    .inbound-1300numbers-wrap .grouping-tabs {margin:20px 0 0;}  
    .inbound-1300numbers-wrap .grouping-tabs .nav-tabs li {font-size:18px;}   
    .inbound-1300numbers-wrap.--features .info-con h2 {margin-bottom: 20px;}
    .inbound-1300numbers-wrap.--features .inclusions-all-plans {margin:30px auto 0;}
    .inbound-1300numbers-wrap.--features .inclusions-details-wrap {padding: 0 15px;}
    .inbound-1300numbers-wrap.--features .inclusions-details-wrap .con {width:100%;padding:10px 0px;}
    .inbound-1300numbers-wrap.--features .inclusions-details-wrap .con h3 {font-size:18px;}
    .inbound-1300numbers-wrap.--features .features-cta a.av3-btn {margin:20px auto 0;width:150px;padding:0 15px;} 
    .inbound-1300numbers-wrap.--features .features-cta a.av3-btn span {right:15px;}

    .inbound-1300numbers-wrap .boxes {width:100%;padding:20px;} 
    .inbound-1300numbers-wrap .boxes-holder {padding: 0 15px;} 
    .inbound-1300numbers-wrap .boxes .title-holder img {margin:0 auto;display:block;}
    .inbound-1300numbers-wrap .boxes .content p {text-align:center;}

    .inbound-1300numbers-wrap.--difference .info-con {width:100%;}

    .inbound-1300numbers-wrap.--enhance .col-information {padding: 0 15px;}
    .inbound-1300numbers-wrap.--enhance .boxes-links .con {width:100%;}
    .inbound-1300numbers-wrap.--enhance .boxes-links .con:nth-child(odd) {margin-right:0px;}
    .inbound-1300numbers-wrap.--enhance .boxes-links .con:nth-child(3) {margin-bottom:20px;}
    .inbound-1300numbers-wrap.--enhance .col-datas {padding: 0 15px;}    

    .faq-about-1300{padding:0 15px;} 
    .faq-about-1300 > section header {font-size:18px;width:85%;}
    .faq-about-1300 > section > header span.state-open {right:-45px;}

    .inbound-1300numbers-wrap.--faq .info-con a{width:140px;padding:0 15px;}  
    .inbound-1300numbers-wrap.--faq .info-con a span{right:15px;} 

    .inbound-1300numbers-wrap.--bottom { background: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/bottomcta-blue-mobile-min.png) no-repeat center / cover; }
    .inbound-1300numbers-wrap.--bottom .info-con h2 {font-size:27px;} 
    .inbound-1300numbers-wrap.--bottom a{padding:0 15px;}
    .inbound-1300numbers-wrap.--bottom a span{right:17px;} 
}
@media only screen and (max-width: 350px) {  
    .av3-main-banner.av3-1300-numbers .av3-banner-content{padding-top: 60%;}
    .features-slider-responsive {width:290px;}   
    .features-slider-responsive.prepaid-plans .features-table-group{width:280px !important;}
    .inbound-1300numbers-wrap.--features .info-con h2{font-size:18px;}
}
/** MEDIA QUERY BOF**/   


/*---------------------------
-- ANIMATION STARTS HERE --*/

/** WHEEL ANIMATION**/
.wheelbox-responsive {display:none;}
.wheel-animate-con {
    position: relative;
    height: 422px;
    width: 558px;
    margin: 0 auto;
}   
.wheel-animate-con .content-wheel-placeholder{
    width:270px;
    background-image: linear-gradient(to right, rgb(1, 133, 254) -10%, rgb(0, 216, 255) 169%);
    color: #fff;
    text-align:center;
    padding:15px;  
    border-radius: 5px;
    position:absolute;
    top: 143px;  
    left: 125px;    
    display:none;
}
.wheel-animate-con .content-wheel-placeholder.--active{display:block;}
.wheel-animate-con .content-wheel-placeholder header{
   font-size:15px;
   font-weight:bold;
   margin-bottom:15px;
}  
.wheel-animate-con .content-wheel-placeholder p {
  font-size:11px;
  margin-bottom: 0px;
}

.illus-wrap[rel="01"]._loadingprocess .wheel-animate-con svg#wheelline1{
   opacity:0;
}
.wheel-animate-con svg#wheelline1{
    position: absolute;
    top: 75px;
    left: 5px;    
    width: 95%;
}
.wheel-animate-con img.mobile-phone {
    position: absolute;
    top: 84px;
    left: 65px;
    width: 80%;   
    opacity: 1;
}
.illus-wrap[rel="01"]._loadingprocess .wheel-animate-con img.image, .illus-wrap[rel="01"]._loadingprocess .wheel-animate-con span.shadow{
   opacity:0;
}
.wheel-animate-con .for-icon{position:relative;}
.wheel-animate-con img.image{
    position: absolute;     
} 
.wheel-animate-con img.--icon1 {
    width: 47px;
    left: 266px;
    top: 5px;
   /* animation: platformiconhover 3s linear infinite 0.3s;*/
}

.wheel-animate-con img.--icon2 {
    width: 55px;
    left: 133px;
    top: -8px;
}
.wheel-animate-con img.--icon3 {
    left: 42px;
    top: 35px;
    width: 58px;
}
.wheel-animate-con img.--icon4 {
    left: -32px;
    top: 135px;
    width: 68px;
}
.wheel-animate-con img.--icon5 {
    left: 9px;
    top: 212px;
    width: 59px;
}
.wheel-animate-con img.--icon6 {
    left: 55px;
    top: 310px;
    width: 55px;
}
.wheel-animate-con img.--icon7 {
    left: 165px;
    top: 325px;
    width: 55px;
}
.wheel-animate-con img.--icon8 {
    left: 268px;
    top: 345px;
    width: 73px;
}
.wheel-animate-con img.--icon9 {
    left: 428px;
    top: 301px;
    width: 62px;
}
.wheel-animate-con img.--icon10 {
    left: 514px;
    top: 229px;
    width: 50px;
}
.wheel-animate-con img.--icon11 {
    left: 448px;
    top: 127px;
    width: 56px;
}
.wheel-animate-con img.--icon12 {
    left: 365px;
    top: 68px;
    width: 57px;
}
.wheel-animate-con span.shadow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/themes/alltel/av3/images/pages/inbound/1300-numbers/wheels/assets-wheel-shadow.svg);
    width: 70px;
    height: 45px;
    position: absolute;
} 
.wheel-animate-con span.--sha1 {
    left: 260px;
    top: 67px;
}
.wheel-animate-con span.--sha2 {
    left: 135px;
    top: 53px;
}
.wheel-animate-con span.--sha3 {
    left: 50px;
    top: 85px;
}
.wheel-animate-con span.--sha4 {
    left: -9px;
    top: 178px;
}
.wheel-animate-con span.--sha5 {
    left: 18px;
    top: 266px;
}
.wheel-animate-con span.--sha6 {
    left: 51px;
    top: 335px;
}
.wheel-animate-con span.--sha7 {
    left: 153px;
    top: 367px;
}
.wheel-animate-con span.--sha8 {
    left: 273px;
    top: 398px;
}
.wheel-animate-con span.--sha9 {
    left: 428px;
    top: 374px;
}
.wheel-animate-con span.--sha10 {
    left: 506px;
    top: 266px;
}
.wheel-animate-con span.--sha11 {
    left: 442px;
    top: 166px;
}
.wheel-animate-con span.--sha12 {
    left: 357px;
    top: 109px;
}

.illus-wrap[rel="01"]._animate .--icon1 {      
    opacity: 0;    
    animation: platformicon 0.3s ease forwards 0.8s;
}
.illus-wrap[rel="01"]._animate .--sha1 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 0.8s;
}
.illus-wrap[rel="01"]._animate .--icon2 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 0.9s;
}
.illus-wrap[rel="01"]._animate .--sha2 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 0.9s;
}
.illus-wrap[rel="01"]._animate .--icon3 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 1.0s;
}
.illus-wrap[rel="01"]._animate .--sha3 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 1.0s;
}
.illus-wrap[rel="01"]._animate .--icon4 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 1.1s;  
}
.illus-wrap[rel="01"]._animate .--sha4 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 1.1s;
}
.illus-wrap[rel="01"]._animate .--icon5 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 1.2s;
}
.illus-wrap[rel="01"]._animate .--sha5 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 1.2s;
}
.illus-wrap[rel="01"]._animate .--icon6 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 1.3s;
}
.illus-wrap[rel="01"]._animate .--sha6 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 1.3s;
}
.illus-wrap[rel="01"]._animate .--icon7 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 1.7s;
}
.illus-wrap[rel="01"]._animate .--sha7 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 1.7s;
}
.illus-wrap[rel="01"]._animate .--icon8 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 2.1s;
}
.illus-wrap[rel="01"]._animate .--sha8 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 2.1s;
}
.illus-wrap[rel="01"]._animate .--icon9 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 2.5s;
}
.illus-wrap[rel="01"]._animate .--sha9 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 2.5s;
}
.illus-wrap[rel="01"]._animate .--icon10 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 2.7s;
}
.illus-wrap[rel="01"]._animate .--sha10 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 2.7s;
}
.illus-wrap[rel="01"]._animate .--icon11 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 2.9s;
}  
.illus-wrap[rel="01"]._animate .--sha11 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 2.9s;
}
.illus-wrap[rel="01"]._animate .--icon12 {  
    opacity: 0;
    animation: platformicon 0.3s ease forwards 3.1s;
}  
.illus-wrap[rel="01"]._animate .--sha12 { 
   opacity: 0;
   animation: inbopacityshadow 0.5s linear forwards 3.1s;
}

.illus-wrap[rel="01"]._animate .cls-12 {/*icon1*/
    stroke-dasharray: 500;
    animation: dashrev 0.7s linear forwards;    
}
.illus-wrap[rel="01"]._animate .cls-7 {/*icon2*/
    stroke-dasharray: 500;
    animation: dashrev 1.1s linear forwards;   
}
.illus-wrap[rel="01"]._animate .cls-8 {/*icon3*/
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 0.3s linear forwards 1.2s;
} 

.illus-wrap[rel="01"]._animate .cls-9 {/*icon4*/
    stroke-dasharray: 500;
    animation: dashrev 1.4s linear forwards;
}

.illus-wrap[rel="01"]._animate .cls-10 {/*icon5*/
    stroke-dasharray: 500;
    animation: dashrev 1.6s linear forwards;
}

.illus-wrap[rel="01"]._animate .cls-11 {/*icon6*/
    stroke-dasharray: 500;
    animation: dashrev 1.8s linear forwards;
}
.illus-wrap[rel="01"]._animate .cls-1 {/*icon7*/
    stroke-dasharray: 500;
    animation: dashrev 2.0s linear forwards;
} 
.illus-wrap[rel="01"]._animate .cls-2 { /*icon8*/
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 0.3s linear forwards 2.0s;
}
.illus-wrap[rel="01"]._animate .cls-3 {/*icon9*/
    stroke-dasharray: 500;
    animation: dashrev 2.2s linear forwards;
}
.illus-wrap[rel="01"]._animate .cls-4 {/*icon10*/
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 0.3s linear forwards 2.5s;
}   
.illus-wrap[rel="01"]._animate .cls-5 {/*icon11*/
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 0.3s linear forwards 2.7s;
}
.illus-wrap[rel="01"]._animate .cls-6 {/*icon12*/
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dash 0.3s linear forwards 2.9s;
}

/** ILLUSTRATION2 ANIMATION BOF**/
.illustraion2-animate-con {
    position: relative;
    height: 508px;
    width: 558px;  
    margin: 0 auto;
} 
.illus-wrap[rel="02"]._loadingprocess .illustraion2-animate-con img.image {
   opacity:0;
}
.illustraion2-animate-con img.image {
    position: absolute;    
} 

.illustraion2-animate-con img.--icon1 {
    position: absolute;       
    left: -5px;  
    top: 140px;  
    width: 510px;
    opacity:1;
}
.illustraion2-animate-con img.--icon2 {
    left: 17px;
    top: 105px;
    width: 105px;
    z-index: 30;
}
.illustraion2-animate-con img.--icon3 {
    left: -28px;
    top: 110px;
    width: 42px;
    /*animation: platformiconhover 4s linear infinite 0.3s;*/
}
.illustraion2-animate-con img.--icon4 {
    left: 195px;
    top: 15px;
    width: 97px;
    z-index: 30;
}
.illustraion2-animate-con img.--icon5 {
    left: 120px;
    top: -10px;
    width: 83px;
    /*animation: platformiconhover 4s linear infinite 0.3s;*/
}
.illustraion2-animate-con img.--icon6 {
    left: 393px;
    top: 100px;
    width: 95px;
    z-index: 30;
}
.illustraion2-animate-con img.--icon7 {
    left: 490px;
    top: 80px;
    width: 40px;
    /*animation: platformiconhover 4s linear infinite 0.3s;*/
}

.illus-wrap[rel="02"]._loadingprocess .illustraion2-animate-con svg#illusline2 {
   opacity:0;   
}
.illustraion2-animate-con svg#illusline2 {
    position: absolute;
    top: 29px;
    left: 35px;
    width: 80%;
    z-index: 20;
}
.illus-wrap[rel="02"]._animate .st0 {
    opacity:0;
    stroke-dasharray: 500;
    animation: dashlin 0.6s linear forwards 0.3s;    
}
.illus-wrap[rel="02"]._animate img.--icon2 {
    transform-origin: center bottom;
    transform: scale(0);
    animation: scaledata 0.5s forwards 0.8s;    
} 

.illus-wrap[rel="02"]._animate img.--icon3 {
    transform: translate(10px, 10px);    
    opacity: 0;
    animation: translatezero 1s linear forwards 1.3s;
}
.illus-wrap[rel="02"]._animate .st2 {
    stroke-dasharray: 500; 
    stroke-dashoffset: 500; 
    animation: dashrev 0.6s linear forwards 1.5s;  
}
.illus-wrap[rel="02"]._animate img.--icon4 {
    transform-origin: center bottom;
    transform: scale(0);
    animation: scaledata 0.5s forwards 2.0s;
}

.illus-wrap[rel="02"]._animate img.--icon5 {
    transform: translate(10px, 10px);    
    opacity: 0;
    animation: translatezero 1s linear forwards 2.5s;
}
.illus-wrap[rel="02"]._animate .st1 {  
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation: dashrev 0.9s linear forwards 2.8s;   
}
.illus-wrap[rel="02"]._animate img.--icon6 {
    transform-origin: center bottom;    
    transform: scale(0);
    animation: scaledata 0.6s forwards 3.3s;
}

.illus-wrap[rel="02"]._animate img.--icon7 {
    transform: translate(10px, 10px);    
    opacity: 0;
    animation: translatezero 1s linear forwards 3.8s;
}            

/** ILLUSTRATION3 ANIMATION BOF**/
.illustraion3-animate-con {
    position: relative;
    height: 422px;
    width: 558px;   
    margin: 0 auto;
} 

.illustraion3-animate-con img.image {
    position: absolute;    
} 

.illus-wrap[rel="03"]._loadingprocess .illustraion3-animate-con img.image {
   opacity:0;
}

.illustraion3-animate-con img.lead-stat {
    width: 90%;
    position: absolute;
    left: -20px;
    top: 120px;
    opacity: 1;
}        
.illustraion3-animate-con img.--bar1 {
   width: 63px;
   height: 93px;
   left: 199px;
   bottom: 315px;
}
.illustraion3-animate-con img.--bar2 {
   width: 63px;
   height: 173px;
   left: 275px;
   bottom: 270px;
}
.illustraion3-animate-con img.--bar3 {
   width: 63px;
   height: 155px;
   left: 351px;
   bottom: 225px;
}
.illustraion3-animate-con img.--bar4 {
   width: 63px;
   height: 185px;
   left: 430px;
   bottom:180px;
}
.illustraion3-animate-con img.--bar5 {
   width: 63px;
   height: 225px;
   left: 510px;
   bottom:135px;
}

.illustraion3-animate-con img.--mon {
    width: 40px;
    left: 184px;
    top: 97px;
}
.illustraion3-animate-con img.--tues {
   width: 45px;
   left: 242px;
   top: 132px;
}
.illustraion3-animate-con img.--wed {
   width: 60px;
   left: 305px;
   top: 170px;
}
.illustraion3-animate-con img.--thurs {
   width: 50px;
   left: 397px;
   top: 225px;
}
.illustraion3-animate-con img.--fri {
   width: 35px;  
   left: 495px;
   top: 280px;
}
.illus-wrap[rel="03"]._animate .--mon {
    transform-origin: top bottom;
    transform: scale(0);
    animation: scaledata 0.2s forwards 0.3s;
}
.illus-wrap[rel="03"]._animate .--bar1 {
    opacity:0;
    height:93px; 
    transform-origin: bottom top; 
    animation: bargraph 0.7s forwards 0.5s;
}   
.illus-wrap[rel="03"]._animate .--tues {
    transform-origin: top bottom;
    transform: scale(0);
    animation: scaledata 0.2s forwards 0.8s;
}
.illus-wrap[rel="03"]._animate .--bar2 {
    opacity:0;
    height:173px; 
    transform-origin: bottom top; 
    animation: bargraph 0.7s forwards 1.0s; 
}
.illus-wrap[rel="03"]._animate .--wed {
    transform-origin: top bottom;
    transform: scale(0);
    animation: scaledata 0.2s forwards 1.3s;
}
.illus-wrap[rel="03"]._animate .--bar3 {
    opacity:0;
    height:155px; 
    transform-origin: bottom top; 
    animation: bargraph 0.7s forwards 1.6s;
}
.illus-wrap[rel="03"]._animate .--thurs {
    transform-origin: top bottom;
    transform: scale(0);
    animation: scaledata 0.2s forwards 1.9s;
}
.illus-wrap[rel="03"]._animate .--bar4 {
    opacity:0;
    height:185px; 
    transform-origin: bottom top; 
    animation: bargraph 0.7s forwards 2.1s;
}
.illus-wrap[rel="03"]._animate .--fri {
    transform-origin: top bottom;
    transform: scale(0);
    animation: scaledata 0.2s forwards 2.4s;
}
.illus-wrap[rel="03"]._animate .--bar5 {
    opacity:0;
    height:225px; 
    transform-origin: bottom top;    
    animation: bargraph 0.7s forwards 2.6s;
}
    
@keyframes dash {
    to {
        stroke-dashoffset: 0; 
    }
}

@keyframes dashrev {
    from {
        stroke-dashoffset: -500;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dashlin {
    from {
        stroke-dashoffset: -500;
        opacity:0;
    }
    to {
        stroke-dashoffset: 0;
        opacity:1;
    }
}

@keyframes platformicon {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes platformiconhover {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, 5px);
    }
    100% {
        transform: translate(0px, 0px);
    }
} 

@keyframes bargraph {
    0% {
        height: 0;   
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}
@keyframes scaledata {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes translatezero {
    to {  
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes inbopacityshadow {
    to {
        opacity: 0.3;
    }
}
/** ANIMATION END**/