body
    {
        background: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
	
.tm-white a {
	color: #fff;
}
a, a:active, a:focus, a:hover,.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
outline: none;
}

/* start h1 group */
h1 { 
    margin-top: 0;
    margin-bottom: 25px; 
}
h1,
h2,
h3,
h4
    {
        font-weight: bold;
    }
/* end h1 group */
p { line-height: 1.6em; }
/* img */
img
    {
        max-width: 100%;
        height: auto;
    }
/* img */
/* start page container */
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1140px;
  }
}
/* end page container */

/* start home */ 
.header
{
    padding-bottom:40px;
} 

.banner
    {
    background: url('../jpg/banner-bg-2.jpg') no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    width: 100%;
    padding:50px 0;
    }
.banner h1
    {
        font-weight:600;
        line-height:normal;
        font-size:38px;
        margin-bottom:10px;
        margin-top:15px;
    }
.banner p
    {        
        line-height:normal;
        font-size:32px;
        font-weight:100;
        color:#14c4e7;
    }
.banner ul li:before {
    background: rgba(0, 0, 0, 0) url("../png/li-arrow.png") no-repeat scroll 0 0;
    content: "";
    height: 19px;
    left: -32px;
    position: absolute;
    top: 3px;
    width: 19px;
}
.banner ul li
    {
        line-height:normal;
        font-size:16px;
        font-weight:300;
        color:#c3c3c3;
        padding-bottom:10px;
        font-style:italic;
        position:relative;
        list-style:none;
    }
.banner .try-free-btn
{
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, #ff8117 0%, #fd6004 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(top, #ff8117 0%, #fd6004 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -o-linear-gradient(top, #ff8117 0%, #fd6004 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(top, #ff8117 0%, #fd6004 100%) repeat scroll 0 0;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    font-size:23px;
    font-weight:600;
    padding:12px 20px 12px 20px;
    text-decoration: none;
    /*text-shadow: 0 -1px 1px #a45600;*/
    margin-top:20px;
}
.banner .try-free-btn:hover
{
    text-decoration:none;
    background:#fc6a06 none repeat scroll 0 0;
}
.banner-device-check
{
    background:#353535;
    padding:20px 0;
}
.pricing-details
{
    background:#14c4e7;
    border-radius:5px;
    padding-bottom:10px;
}
.pricing-details-title
{
    font-size:24px;
    color:#ffffff;
    text-align:left;
    font-weight:600;
    padding:20px 0 20px 30px;
    text-transform:uppercase;
}
.pricing-details-title:after
{
    content:'';
    background:url('../png/money-back-logo.png') no-repeat;
    display: block;
    height: 133px;
    position: absolute;
    right: 40px;
    top: -70px;
    width: 148px;
}

.pricing-details .banner-btn-month.active, .pricing-details .banner-btn-month:active
{
    background:#14c4e7;
    color:#ffffff;
    border:1px solid #14c4e7;
}

.pricing-details .btn
{
    border:1px solid #c2c2c2;
    border-radius:25px;
    padding:5px 30px;
    background:#353535;
    color:#ffffff;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
}

.pricing-details p
{
    font-size:23px;
    font-weight:500;
    color:#ffffff;
    padding-top:10px;
}
.banner-device-count
{
    margin-top:-4px;
}
.banner-device-check .banner-device-count input
{
    font-size:28px;
    font-weight:500;
    color:#ffffff;
    background:#353535;
    text-align:center;
    width: 85px;
    height: 48px;
    border: 1px solid #929292;
}
.banner-device-count .inactive{
    color:#737373;
    font-size:30px;
    padding-top:5px;
}
.banner-device-count .active{
    color:#ffffff;
    font-size:30px;
    padding-top:5px;
}

.banner-price-compare
{
    background:#454545;
    padding:30px;
    min-height: 210px;
}
.banner-price-compare a {
	text-decoration: none;
}

.price-div .banner-price-compare a:hover {
	box-shadow: 0 0 10px #fff;
	display:block;
}

#exclusive-mssg .banner-price-compare a {
	color:#14c4e7;
}
#exclusive-mssg .banner-price-compare a:hover{
	text-decoration: underline;
}

.banner-price-compare .one-year, .banner-price-compare .two-year, .banner-price-compare .three-year
{
    background:#ffffff;
    border-radius:5px;
    border:1px solid #ffffff;
}
.banner-price-compare .three-year
{
    /*background:#14c4e7;*/
    border-radius:5px;
    border:1px solid #ffffff;
}
.banner-price-compare .three-year .bpc-price-bg
{
    /*background:#ffffff;*/
}
.banner-price-compare .three-year .bpc-price, .banner-price-compare .three-year .per-pc-text
{
    /*color:#363636;*/
}

.banner-price-compare .three-year .bpc-title
{
    font-size:16px;
    /*color:#ffffff;*/
    font-weight:600;
    padding:10px 0;
    line-height:30px;
    line-height:35px;
}
.banner-price-compare .three-year .bpc-title:after
{
    /*background: url('../images/best-value.png') no-repeat;*/
    height: 30px;
    right: 10px;
    text-align: center;
    top: 26px;
    width: 82px;
    position: absolute;
    content:'';
}
.banner-price-compare .one-year .bpc-title, .banner-price-compare .two-year .bpc-title, .banner-price-compare .three-year .bpc-title
{
    font-size:16px;
    color:#363636;
    font-weight:600;
    padding:10px 0;
    line-height:35px;
}
.banner-price-compare .bpc-price
{
    font-size:24px;
    color:#ffffff;
    font-weight:600;
    padding:10px 0 0;
}

.banner-price-compare .bpc-price-bg
{
    background:#353535;
    padding-bottom:20px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.per-pc-text
{
    color:#ffffff;
    /*font-weight:600;*/
    font-size:16px;
    /*text-transform:uppercase;*/
}
.you-save-text
{
    color:#9eff78;
    font-size:13px;
    font-weight:600;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 4px;
}


/* end home */
/*.feature-content
{
    background: url('../images/feature-content.jpg') no-repeat;
    color: #525252;
    min-height:646px;
    text-align: center;
    padding:50px 0;
}*/
.feature-content h2
{
    padding-bottom:20px;
}

.feature-content p
{
    text-align:left;
    color:#525252;
    font-weight:400;    
    padding-bottom:10px;
}
.feature-content p a
{
    color:#ff7e00;
}

.compare-content
{
    background: url('../jpg/full-compare-content.jpg') no-repeat scroll center top;
    color: #525252;
    /*min-height:1095px;*/
    text-align: center;
     padding-top: 80px;
     padding-bottom:0;

}
.compare-content .core 
{
   padding:0;
}
.compare-content .premium
{
   padding:0;
   /*border:1px solid #dadada; */
   border-radius:5px;
}
.compare-content h2
    {
        padding-bottom: 60px;
    }
.compare-content .pricing
    {
        background: #fff;
        box-shadow:0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius:5px;
        padding-top:40px;
        margin-bottom:-25px;
    }
.compare-content .premium .pricing.active
    {
        position: absolute;
        margin-top:-130px;
    }
.compare-content .pricing .pricing-title img
    {
        margin-top:20px;   
    }
.compare-content .pricing .pricing-title h4
    {
        color: #383838;
        font-weight:600;
        font-size:36px;
        padding:20px 0;
    }
.compare-content .pricing .pricing-title p
    {
        font-size: 20px;
    }
.compare-content .pricing ul
    {
        padding: 0;
        margin: 0;
        list-style-position:inside;  
    }
.compare-content .pricing ul li
    {
        /*display: block;*/
        /*list-style: inside none disc;*/
        padding:10px 60px;
        text-align:left;
        font-size:15px;
        font-weight:400;
        text-transform:inherit;
        list-style-position:inside;
    }
.compare-content .core .pricing a.btn-core
{
     margin-top: 20px;
     margin-bottom: 30px;
}
.compare-content .core .pricing .btn-core
    {
        background:#505050;
        border: 1px solid #505050;
        border-radius:7px;
        color: #ffffff;
        font-weight: bold;
        padding:10px 20px;
        margin-top: 20px;
        margin-bottom: 30px;
        transition: all 0.3s ease;
        font-size:18px;
    }
.compare-content .core .pricing .btn-core:hover
    {
      border: 1px solid #505050;  
      background:#ffffff;
      color:#505050;
    }
.compare-content .premium .pricing .btn-premium, .tab_content .buy-now
{
    background:#e86216;
    border: 1px solid #e86216;
    border-radius:7px;
    color: #ffffff;
    font-weight: bold;
    padding:10px 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    font-size:18px;
    display: inline-block;
}
.compare-content .premium .pricing .btn-premium:hover, .tab_content .buy-now:hover {
    border: 1px solid #e86216;  
    background:#ffffff;
    color:#e86216;
    text-decoration:none;
}

.compare-section
{
    margin-top:165px;
}

.compare-content .premium .pricing:before{
    content: '';
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #3f3f3f;
    position: absolute;
    bottom: 24px;
    right: -8px;
}

.compare-content .premium .pricing:after{
    content:'';
    background:url('../png/get-now-arrow.png') no-repeat;
    width: 148px;
    height:120px;
    display:block;
    right: -140px;
    bottom: -8px;
    position:absolute;
}

.premium .btn-month.active, .premium .btn-month:active
{
    background:#e76014;
    color:#ffffff;
    border:1px solid #e76014;
}

.premium .btn
{
    border:1px solid #c2c2c2;
    border-radius:25px;
    padding:5px 30px;
    background:#ffffff;
    color:#000000;
    font-size:16px;
    font-weight:500;
}
.num-count
{
    margin:20px 0 0;
    text-align:center;
    display:inline-block;
}
.num-count .num-count-list
{
    /*display:inline-block;*/
    padding-right:16px;
    float:left;
}
.num-count .num-count-list .inactive
{
    background:#b4b4b4;
}
.num-count .num-count-list p
{
    padding-top:10px;
}
.num-count span
{
    background:#e76014;
    color:#ffffff;
    font-size:18px;
    border-radius:25px;
    padding:10px 18px;
    font-weight:700;
}

.num-count  .inactive:hover
{
    background:#e76014;
    cursor:pointer;	
}

.premium-price
{
    font-size:50px;
    font-weight:700;
    color:#383838;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    width:80%;
    margin:0 auto;
}
.premium-price sup
{
    font-weight:200;
    font-size:30px;
}
.premium .pricing-title p
{
    font-size: 16px;
    font-weight: 400;
}
.btn-toggle
{
    margin-bottom:20px;
}
.device-count
{
    margin:15px 0;
}
.device-count span.active
{
    color:#5d5d5d;
}
.device-count span.inactive
{
    color:#d3d3d3;
}
.device-count span
{
    font-size:24px;
    cursor:pointer;
}
.device-count input
{
    padding:5px 10px;
    text-align:center;
    font-size:16px;
    font-weight:500;
}
.tab-content
{
     background: url('../jpg/tab-bg.jpg') repeat-x scroll 0 0;
     min-height:1000px;
     display:block;
     padding:270px 0;
}
.tab-content .container
{
    background:#ffffff;
    background-size:cover;
    padding:30px 40px;
}

.mac-book-img
{
    margin-top:-200px;
}

.bottom-content
{
    padding:30px 0 50px;
}

.bottom-content h2
{
    color:#e76014;
    font-size:20px;
    font-weight:600;
    margin-top:30px;
}
.bottom-content .sub-title
{
    color:#525252;
    font-size:30px;
    font-weight:500;
}
.bottom-content p
{
    padding:10px 0;
    font-size:15px;
    font-weight:500;
}
.bottom-content .btn-trail, .tab_content .watch-video {
    background: #505050 none repeat scroll 0 0;
    border: 1px solid #505050;
    border-radius: 7px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px 20px;
    transition: all 0.3s ease 0s;
    margin:20px 0;
}
.bottom-content .btn-trail:hover, .tab_content .watch-video:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #505050;
    color: #505050;
    text-decoration:none;
}
.bottom-content .btn-trail {
    background: #e86216;
    border-color: #e86216 !important;
}
.bottom-content .btn-trail:hover,
.bottom-content .btn-trail:focus,
.bottom-content .btn-trail:active {
    background: #ffffff;
    color: #e86216;
}





.clear{clear:both}
/* start footer */
/* start footer-menu */
#footer-menu {
  background-color: #f0f3f5;
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer-menu-title
{
  padding-bottom:20px;
}
#footer-menu span {
  padding-bottom: 10px;
  color: #2b3437;
  text-align: left;
  font-weight: 700;
  font-size: 12PX;
}

#footer-menu .active {
  position: relative;
  bottom: 20px;
}

#footer-menu .footer-menu .footer-menu-title p {
  font-size: 20px;
}

#footer-menu .footer-menu ul {
  padding: 0;
  margin: 0;
}

#footer-menu .footer-menu ul li {
  display: block;
  list-style: none;
  padding-bottom: 10PX;
  text-align: left;
}

#footer-menu .footer-menu ul li:last-child {
  border-bottom: none;
}

#footer-menu .footer-menu ul li a {
  color: #666666;
  font-size: 13px;
}

#footer-menu .footer-menu ul li a:hover {
  color: #666666;
  text-decoration: underline;
}

#footer-menu .footer-menu .btn {
  background: transparent;
  border: 1px solid #28a7e9;
  border-radius: 0px;
  color: #28a7e9;
  font-weight: bold;
  padding-right: 40px;
  padding-left: 40px;
  margin-top: 20px;
  margin-bottom: 30px;
  transition: all 0.3s ease;
}

#footer-menu .footer-menu .btn:hover {
  background: #28a7e9;
  color: #fff;
}

.footer {
  background: #2b3437;
  font-weight: 400;
  text-align: center;
  padding: 10px 0 0;
  color: #666666;
  text-align: left;
}
.footer p
{
    padding:10px 0;
}
/* end footer */

.btn-toggle-banner label {
    width: 345px;
    height: 43px;
    display: block;
    border: 1px solid #545454;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
}

.btn-toggle-banner label em {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.btn-toggle-banner label em:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 172.5px;
    left: 0;
    bottom: 0px;
    background-color: #14c4e7;
    -webkit-transition: .4s;
    transition: .4s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}


.btn-toggle-banner label input[type="checkbox"]:checked + em:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #14c4e7;
    position: absolute;
    bottom: -10px;
    margin-left: 85px;
     -webkit-transition: .4s;
    transition: .4s;
}

.btn-toggle-banner label input[type="checkbox"] + em:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #14c4e7;
    position: absolute;
    bottom: -10px;
    margin-left: -85px;
    -webkit-transition: .4s;
    transition: .4s;
}

.btn-toggle-banner label input[type="checkbox"] { display: none; }

.btn-toggle-banner label input[type="checkbox"]:checked + em:before { left: 172px; }

.btn-toggle-banner label span {
    width: 50%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    position: relative;
    z-index: 9;
    font-size: 19px;
}

.pricing-toggle label {
    width: 290px;
    height: 36px;
    border: 1px solid #c2c2c2;
    border-radius: 50px;
    position: relative;
}

.pricing-toggle label span {
    width: 50%;
    height: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.pricing-toggle label span.active {
    color: #ffffff;
}

.pricing-toggle label em:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 145px;
    left: 0;
    bottom: 0px;
    background-color: #e76014;
    -webkit-transition: .4s;
    transition: .4s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}


.pricing-toggle label input[type="checkbox"]:checked + em:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #e76014;
    position: absolute;
    bottom: -10px;
    left: 0;
    margin-left: 210px;
    -webkit-transition: .4s;
    transition: .4s;
}

.pricing-toggle label input[type="checkbox"] + em:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #e76014;
    position: absolute;
    bottom: -10px;
    left: 0;
    margin-left: 65px;
    -webkit-transition: .4s;
    transition: .4s;
}

.pricing-toggle label input[type="checkbox"] {
    display: none;
}

.pricing-toggle label input[type="checkbox"]:checked + em:before { left: 145px; }

@media screen and (min-width:992px) and (max-width: 1199px) {
	.banner h1 { font-size: 24px; }
	.banner p { font-size: 22px; }
	.banner ul li { font-size: 15px; }
	.banner-price-compare .bpc-price { font-size: 22px; }
}

@media screen and ( max-width: 991px ) {
   
    /*.compare-content .active {
        bottom: 0;
    }*/
    .pricing {
        margin-bottom: 20px;
    }
    .compare-content .premium .pricing.active
    {
        position:relative;
    }
    .tab-content .container
    {
        width:100% !important;
    }    
    .compare-content .premium .pricing:after, .compare-content .premium .pricing:before{display:none;}
}
@media screen and ( max-width: 767px ) {
   
   .banner h1, .banner p{font-size:30px;}
   .compare-content{padding-top: 20px;padding-bottom: 40px;}   
    .compare-content .premium .pricing.active{margin-top:0px;}
    .compare-content .core, .compare-content .premium{max-width:480px;margin:0 auto;}
    .tab-content{padding:70px 0 270px;}
    .compare-section{margin-top:20px;}
    .pricing-details p{font-size:20px !important;}
	.banner-price-compare a { margin-bottom:20px; display: block; }
}
/* start media 360 */
@media screen and ( max-width: 480px ){
    .banner .button-wrap{margin-bottom:60px;}
    .pricing{padding-bottom: 40px;}
    .compare-content{background:#ffffff;}
    .compare-content h2{font-size:22px;padding-bottom:20px;}
    .compare-content .pricing ul li{padding:10px 22px;}
    .banner .try-free-btn{font-size:18px;padding:12px 12px;}
    .banner .button-wrap{text-align:center;padding-bottom:80px;}
    .compare-content .premium .pricing:before{ bottom: 60px;right:0px;}
    .compare-content .premium .pricing:after{right: -130px;bottom:30px;}
}
@media screen and ( max-width: 360px ){
    .banner-price-compare [class*="col-"] {padding:0 3px;}
    .banner-price-compare .bpc-price{font-size:20px;padding-top:20px;}

}
/* end media 360 */