#pricing {
    margin-top:10px;

}

    #pricing .activate  {
        font-size: 24px;
    }
#pricing .price-plan {
    position:relative;
    width:auto;
    background:#f2f2f2;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin-bottom:5px;
}

#pricing .price-plan h2 {
  font-size: 27px;
color: #369fbf;
font-weight: 400;
text-transform: uppercase;
text-align: center;
padding: 0;
margin: 0;
padding: 22px 0px 6px 0px
}

#pricing .price-plan h2:after {
    display:block;
    width:222px;
    margin:20px auto 0;
    height:2px;
    background:#FFF;
}

#pricing .price-plan-business h2:after {
    width:143px;
    position:relative;
    left:-4px;
}

#pricing .price-plan-unlimited h2:after {
    width:157px;
    position:relative;
    left:-4px;
}

#pricing .price-plan-standard h2:after {
    width:150px;
    position:relative;
    left:-4px;
}

#pricing .price-plan {
    min-width:280px;
}

#pricing .price-plan .price {
    padding:10px 0;
    background-color:#cbcbcb;
}

#pricing .price-plan .price p {
    text-align:center;
    color:#696969;
    font-size:12px;
    margin-top:14px;
    font-style:italic;
}

#pricing .price-plan .price .inside {
    font-weight:300;
    text-align:center;
    line-height:100px;
    height:80px;
}

#pricing .price-plan .price .inside .super {
    font-size:24px;
    position:relative;
    top:-46px;
    left:-7px;
}

#pricing .price-plan .price .inside .super-sale {
    font-size:18px;
    position:relative;
    top:-8px;
    left:-7px;
}

#pricing .price-plan .price .inside .amt {
    letter-spacing:-4px;
    font-size:84px;
    margin-right:6px;
    font-weight:300;
    margin-left:-5px;
}

#pricing .price-plan .price .inside .amt-activate {
    letter-spacing:-4px;
    font-size:32px;
    margin-right:6px;
    font-weight:100;
    margin-left:-5px;
    
}

.amt-old {
    text-decoration: line-through;
}


#pricing .price-plan .price .inside .amt-sale {
    letter-spacing:-4px;
    color: #bb111a;
        font-size: 42px;
    margin-right:6px;
    font-weight:300;
    margin-left:-5px;
}

#pricing .pill {
    min-width:285px;
    /*min-height: 550px;*/
}

#pricing .price-plan .price .sale {
    color: #bb111a;
    text-align: center;
}

#pricing .price-plan .price .inside-details {
        text-align: center;
}
#pricing .price-plan .price .sub {
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:2px;
    /*margin-left:-5px;*/
    color: #000;
    font-weight: bold;
    text-align:center;
}

#pricing .price-plan .most-popular {
    position:absolute;
    top:-10px;
    right:5px;
    width:100px;
    height:25px;
    -moz-border-radius:20% 10% 50% 5% / 25% 10% 30% 75%;
    border-radius:20% 10% 50% 5% / 25% 10% 30% 75%;
    -webkit-border-radius:20% 10% 50% 5% / 25% 10% 30% 75%;
    background:#C93458;
    color:#FFF;
    text-align:center;
    text-transform:uppercase;
}

#pricing .price-plan .most-popular span {
    position:relative;
    top:5px;
}

#pricing .price-plan .most-popular p {
    color:#FFF;
    font-size:12px;
    line-height:15px;
    font-weight:300;
    margin:0;
    font-style:normal;
}

#pricing .price-plan .info {
    text-align:center;
}

#pricing .price-plan .info p {
    font-size:12px;
}

#pricing .price-plan .info ul {
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
}

#pricing .price-plan .info ul li {
    font-size:14px;
    line-height:50px;
    color:#696969;
    background:#f2f2f2;
    border-bottom:solid 1px #e9e9e9;
    padding-left:10px;
    text-align:center;
}

#pricing .price-plan .info ul li .free {
    display:inline-block;
    width:100px;
    height:20px;
    -moz-border-radius:20% 10% 50% 5% / 25% 10% 30% 75%;
    border-radius:20% 10% 50% 5% / 25% 10% 30% 75%;
    -webkit-border-radius:20% 10% 50% 5% / 25% 10% 30% 75%;
    background:#999;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:20px;
    text-align:center;
    color:#FFF;
    font-weight:500;
    margin-left:10px;
    position:relative;
    top:-2px;
}

#pricing .price-plan .info ul li.signup {
    background:#ffba26;
    text-align:center;
    padding-left:0;
    font-size:18px;
    font-weight:300;
    border-radius:0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
        cursor: hand;
}

#pricing .price-plan .info ul li.signup a {
    color:#fff;
    -o-transition:all .1s ease-out, color .1s ease-out;
    -ms-transition:all .1s ease-out, color .1s ease-out;
    -moz-transition:all .1s ease-out, color .1s ease-out;
    -webkit-transition:all .1s ease-out, color .1s ease-out;
    transition:all .1s ease-out, color .1s ease-out;
}

#pricing .price-plan .info ul li.signup a:hover {
    color:#fff;
    text-decoration:none;
}

#pricing .price-plan .info ul li:first-child {
    padding-top:10px;
}

#pricing .price-plan .info ul li:last-child {
    padding-bottom:0;
}

#pricing .price-plan .bold {
    font-weight:700;
    color:#222;
}

#pricing .price-plan-standard .bubble .inside {
    text-indent:12px;
}

#pricing .price-plan-standard .bubble .inside .amt {
    margin-left:3px;
}

#pricing .price-plan-unlimited .bubble .inside {
    text-indent:8px;
}

#pricing .price-plan-business .bubble .inside {
    text-indent:12px;
}

#pricing .price-plan-business .bubble .inside .amt {
    margin-left:3px;
}

#pricing .get-started {
    padding-left:60px;
    padding-top:115px;
}

#pricing .get-started h2,#pricing .get-started p {
    font-size:26px;
    font-weight:300;
    line-height:1.5em;
    margin:0;
}

#pricing .get-started h2 {
    color:#1d1d1d;
}

#pricing .get-started p {
    color:#888;
}

#pricing .get-started a.get-started-button {
    margin-top:88px;
    background-color:#F5E78B;
    -o-transition:background-color .1s ease-out, color .1s ease-out;
    -ms-transition:background-color .1s ease-out, color .1s ease-out;
    -moz-transition:background-color .1s ease-out, color .1s ease-out;
    -webkit-transition:background-color .1s ease-out, color .1s ease-out;
    transition:background-color .1s ease-out, color .1s ease-out;
    padding:12px 40px 11px;
    color:#000;
    text-transform:uppercase;
    font-size:15px;
    font-weight:600;
    -moz-border-radius:50px;
    border-radius:50px;
    cursor:pointer;
}

#pricing .get-started a.get-started-button:hover {
    background-color:#f2e9ad;
}

#pricing .questions {
    padding:90px 0 0;
    clear:both;
}

#pricing .questions .header h2 {
    background:#1d1d1d;
    padding:30px 20px;
    color:#FFF;
    font-weight:100;
    font-size:36px;
    display:block;
    width:auto;
    display:inline-block;
}

#pricing .questions h3 {
    color:#222;
    font-size:16px;
    margin-top:2em;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:24px;
    border-bottom:2px solid;
    padding-bottom:10px;
    margin-bottom:0;
    display:inline-block;
}

#pricing .questions p {
    font-size:14px;
    line-height:24px;
    color:#777;
}

#pricing .questions .column {
    width:450px;
    float:left;
}

#pricing .questions .column-first {
    margin-right:60px;
}
#pricing .price-plan .img-cloud{
  background:url('/common/images/cloudtv2.png') no-repeat;
 background-position: 50%;
}

/* hero */

.hero {
    text-align: center;
    position: relative;
    width: 100%;
    height: 400px;
    color: #fff;
    overflow: hidden;
    background-color: #000
}
@media screen and (min-width: 600px) {
    .hero {
        height: 550px
    }
}
@media screen and (min-width: 768px) {
    .hero {
        height: 750px
    }
}
.hero--white {
    background-color: #fff;
    color: #000
}
.hero--gray {
    background-color: #efefef;
    color: #000
}
.hero--light {
    background-color: #efefef
}
.hero .lead {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    width: 100%;
    margin-bottom: 0
}
.hero__media {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}
.hero__media img {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%
}
@media screen and (min-width: 600px) {
    .hero__media img {
        display: block
    }
}
.hero__headline {
    line-height: 1.1
}
@media screen and (min-width: 600px) {
    .hero__headline {
        font-size: 72px;
        font-size: 3.6rem
    }
}
@media screen and (min-width: 1170px) {
    .hero__headline {
        font-size: 90px;
        font-size: 4.5rem
    }
}
.hero__inner {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2
}
.hero__text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px
}
@media screen and (min-width: 600px) {
    .hero--sm {
        height: 500px
    }
}
.hero__mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 1000
}
.hero__mask:after,
.hero__mask:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    height: 0;
    border-bottom: 20px solid #fff;
    width: 50%
}
.hero__mask:before {
    border-left: 0;
    border-right: 20px solid transparent;
    left: 0
}
.hero__mask:after {
    right: 0;
    border-right: 0;
    border-left: 20px solid transparent
}
.hero__mask.hero__mask--lightGray:after,
.hero__mask.hero__mask--lightGray:before {
    border-bottom-color: #efefef
}
.hero-text {
    text-align: center;
    position: relative;
    padding: 3rem 0
}
.hero-text .lead {
    max-width: 26.5rem;
    margin: 0 auto;
    padding-bottom: 1.5rem
}

.contact .hero,
.plans .hero {
    color: #000;
    background-color: #fff;
    height: 250px;
    margin-bottom: 0;
    /*padding-top: 1.5rem*/
}
@media screen and (min-width: 600px) {
    .contact .hero,
    .plans .hero {
        margin-bottom: 0
    }
}
.contact .hero .hero__headline,
.plans .hero .hero__headline {
    margin-bottom: 16px;
    color:#000;
}
.contact .hero .container2,
.plans .hero .container2 {
    background-color: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.contact .hero p:last-child,
.plans .hero p:last-child {
    margin-bottom: 0
}
.contact .hero__text,
.plans .hero__text {
    position: relative
}
.hero__text p {
        font-size: 1.6em;
}
.plans .hero__headline,
.plans .section__title {
    font-size: 3.1rem
}
.plans .section__subtitle {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center
}



.text--center {
    text-align: center!important;
}

.footer-primary,
.section--light {
    background-color: #efefef
}
.footer-primary .section__triangle,
.section--light .section__triangle {
    border-color: #efefef transparent transparent transparent
}
.section--white {
    background-color: #fff
}
.section--white .section__triangle {
    border-color: #fff transparent transparent transparent
}
.section--white+.section--white {
    border-top: 2px solid #efefef
}
.section--black {
    background-color: #000;
    color: #fff
}
.section--black .section__triangle {
    border-color: #000 transparent transparent transparent
}
.section--dark {
    background-color: #353535;
    color: #fff
}
.section--dark .section__triangle {
    border-color: #353535 transparent transparent transparent
}
.section--buy-cta,
.section--green {
    background-color: #4aaf86;
    color: #fff
}
.section--buy-cta .section__triangle,
.section--green .section__triangle {
    border-color: #4aaf86 transparent transparent transparent
}

.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    margin: .8rem 0
}
.tabs.tabs--center {
    text-align: center
}
@media screen and (max-width: 900px) {
    .tabs.tabs--stack .tabs__item {
        margin-bottom: .8rem;
        margin-left: 0
    }
    .tabs.tabs--stack .tabs__item,
    .tabs.tabs--stack .tabs__item>a {
        display: block;
        width: 100%
    }
    .tabs.tabs--stack .tabs__item.active>a:after {
        opacity: 0;
        visibility: hidden
    }
}
.tabs.tabs--presentation .tabs__item:not(.active)>a {
    border-color: #fff
}
.tabs.tabs--presentation .tabs__item:not(.active)>a:before {
    border-top-color: #fff
}
.tabs.tabs--presentation .tabs__item:not(.active)>a:hover:before {
    border-top-color: #fff
}
@media screen and (max-width: 900px) {
    .tabs.tabs--hide {
        display: none
    }
}
@media screen and (max-width: 900px) {
    .tabs.tabs--hide~.tab-content>.tab-pane {
        display: block!important;
        opacity: 1!important
    }
}
.tabs__item {
    display: inline-block;
    margin-bottom: 0;
    font-size:2rem;
      cursor: pointer; cursor: hand;
}
.tabs__item>a {
    position: relative;
    overflow: visible;
    border-radius: 4px;
    min-width: 225px;
    text-decoration: none;
    
}
.tabs__item>a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent;
    border-width: 9px;
    margin-left: -9px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 250ms;
    transition: all ease 250ms
}
.tabs__item+.tabs__item {
    margin-left: .8rem
}
.tabs__item.active>a {
    border-color: #369fbf;
    background-color: #369fbf;
    color: #fff
}
.tabs__item.active>a:after {
    opacity: 1;
    visibility: visible;
    border-top-color: #369fbf
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}


.tabs__item>a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    border: 2px solid #369fbf;
    margin: 0;
    padding: 0 2em;
    line-height: 2.5;
    color: #369fbf;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: color 250ms ease, border 250ms ease, background 250ms ease, opacity 250ms ease;
    transition: color 250ms ease, border 250ms ease, background 250ms ease, opacity 250ms ease;
    
}

.tabs__item>a.active,
.tabs__item>a:hover {
    background-color: #369fbf;
    color: #fff
}

.tabs__item>a:active,
.tabs__item>a:focus {
    outline: 0;
    background-image: none
}
.tabs__item>a::-moz-focus-inner {
    border: 0;
    padding: 0
}
.tabs__item>a.disabled,
.tabs__item>a[disabled],
fieldset[disabled] .tabs__item>a {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65
}
.tabs__item>a.btn--external:after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left-width: 4px;
    border-left-style: solid;
    line-height: 1
}
.tabs__item>a.btn--link {
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: #369fbf;
    padding-left: 0;
    padding-right: 0
}
.tabs__item>a.btn--link:hover {
    color: #369fbf;
    border-color: transparent;
    background: 0 0;
    outline: 0
}
.tabs__item>a.btn--emphasize {
    text-transform: uppercase;
    letter-spacing: .15em;
    font-weight: 600;
    font-size: .65rem
}
.tabs__item>a.btn--transparent {
    background-color: transparent
}
.tabs__item>a.btn--primary {
    background-color: #369fbf;
    color: #fff
}
.tabs__item>a.btn--primary:hover {
    background-color: #369fbf;
    border-color: #369fbf;
    color: #fff
}
.tabs__item>a.btn--white {
    background-color: #fff;
    color: #369fbf;
    border-color: #fff
}
.tabs__item>a.btn--white:hover {
    background-color: #fff;
    color: #369fbf
}
.tabs__item>a .icon,
.tabs__item>a .icons {
    margin-right: .4rem
}

#premium {
    background: #ededed;
}


.btn-plan {
    color: #fff;
    background: #ffba26;
    height: 48px;
    line-height: 48px;
    padding: 0 22px;
    text-shadow: none;
    border: none;
}

#premium p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

@media screen and (min-width: 900px) {
    .section--tabs {
        padding-bottom: 0
    }
}
.section--tabs .tab-pane {
    padding-top: 1rem;
    padding-left:20px;
    background-position: bottom right;
     background-repeat:no-repeat;
}
@media screen and (min-width: 900px) {
    .section--tabs .tab-pane {
        padding-bottom: 4rem;
        background-size: 600px auto
    }
}
@media screen and (min-width: 1024px) {
    .section--tabs .tab-pane {
        padding-bottom: 12rem;
        background-size: 770px auto
    }
}
@media screen and (min-width: 900px) {
   /*
     .section--tabs .tab-pane--guide {
        background-image: url(/cloudantenna/images/FreeAirSign.png)

    }
       */
}
@media screen and (min-width: 900px) {
    /*
    .section--tabs .tab-pane--storage {
        background-image: url(/cloudantenna/images/cloud-storage-is-great.jpg)
    }
        */
}
@media screen and (min-width: 900px) {
    /*
    .section--tabs .tab-pane--anytime {
        background-image: url(/cloudantenna/images/watchwhenever.png)
    }
        */
}
.fade {
opacity: 0;
-webkit-transition: opacity 2.25s linear;
  -moz-transition: opacity 2.25s linear;
   -ms-transition: opacity 2.25s linear;
	-o-transition: opacity 2.25s linear;
	   transition: opacity 2.25s linear;
}