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

@font-face {
    font-family: helvetica;
    src: url(../fonts/helvetica.ttf)
}
@font-face {
    font-family: helvetica-bold;
    src: url(../fonts/helvetica-bold.otf)
}
@font-face {
    font-family: helvetica-out;
    src: url(../fonts/helvetica-out.ttf)
}

body{ font-family: helvetica; font-size: 13px; -webkit-text-size-adjust:none; }
p{ font-size: 14px; line-height: 20px; }
a{ text-decoration: none; color: #000; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; cursor: pointer; }
ul, li{margin: 0; padding: 0; list-style: none; }
input[type="submit"]{backface-visibility:hidden;-webkit-appearance:none;-moz-appearance:none;}
textarea, input, select{border-radius:0; outline: none; font-family: helvetica; font-size: 16px; }
input[type="submit"]{backface-visibility:hidden;-webkit-appearance:none;-moz-appearance:none;}
table, tr, td{ border-spacing: 0; }
img{ max-width: 100%; }
.col-2, .col-3, .col-4, .col-5, .col-40, .col-60{ display: inline-block; vertical-align: top; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 32%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-60 { width: 60%; }
.col-40 { width: 40%; }
.fine_bg{ background-size: cover; background-position: center center; background-repeat: no-repeat; }#container{ width: 100%; margin-top: 50px; }
.wrapper{ width: 100%; padding: 0px 5px; }
.content-wrapper{ width: 100%; padding: 15px 10px; }
.content-wrapper-pricing{ width: 100%; padding: 2px 22px; }
#to-top{ position: absolute; top: 0; }
.back-home{ position: absolute; width: 50px; left: 15px; z-index: 2; }
.back-home img{ height: 30px; margin-top: 10px; }
.downloadicon{ height: 20px; bottom: auto !important; top: 15px; margin-left: -90px !important; }
.mobile_header{ position: fixed ; z-index: 3; top: 0; height: 50px; width: 100%; border-bottom: 2px solid #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#000000)); background: -webkit-linear-gradient(top, #333333, #000000); background: -moz-linear-gradient(top, #333333, #000000); background: -ms-linear-gradient(top, #333333, #000000); background: -o-linear-gradient(top, #333333, #000000); }
.mobile_click{ width: 48px; padding-top: 8px; position: absolute; top: 0; cursor: pointer; left: 5px; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; z-index: 2; }
.active_menu{ left: 150px; background: white; height: 50px; padding-top: 2px; }
.mobile_click div{ width: 36px; height: 2px; background: #000; margin: 7px auto; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
.active_menu .mobile_line2{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.active_menu .mobile_line1, .active_menu .mobile_line3{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 
.active_menu div { position: absolute; top: 16px; left: 10px; }
.menu_body{ position: fixed; width: 200px; left: -215px; height: 100%; background: #fff; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; padding: 0px 10px; top: 0; padding-top: 40px; }
.menu_body div { width: 100%; height: 100%; overflow-y: scroll; margin-top: 10px; }
.menu_body div::-webkit-scrollbar-track{ border-radius:10px; background-color:transparent; }
.menu_body div::-webkit-scrollbar{ width:4px; background-color:transparent;}
.menu_body div::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#f0f0f0;}
.active_menu_body{ left: 0px; }
.menu_body ul { width: 95%; margin: auto; }
.menu_body ul li{ width: 100%; position: relative; cursor: pointer; padding: 5px 0px; border-top: 0px solid #333; }
.menu_body ul li a{ width: 100%; display: block;color:#ff488b; font-family: helvetica; font-size: 18px; line-height: 30px; padding-left: 10px; box-sizing: border-box; }
.menu_body ul li i{ position: absolute; right: 0px; top:7px; color: #ff488b; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.menu_body ul li ul{ display: none; }
.menu_body ul li ul a{ padding-left: 25px; }
.mobile_logo{ position: absolute; left: 0px; height: 50px; width: 100%; text-align: center;background-color:white}
.mobile_logo2{ position: absolute; left: 0px; height: 50px; width: 100%; text-align: center;}
.mobile_logo img{ height: 55px; margin-top: 0px; }
.mobile_logo2 img{  margin-top: 50px; }
.search{ position: absolute; right: 0px; height: 50px; width: 50px; }
.search img{ height: 35px; margin-top: 7.5px; }
.no-opacity{ opacity: 0; }
.preloaded-none{ display: none; }
.right-text{ text-align: right; }
.center-text{text-align: center; }
.section-title.center-text{ padding: 15px 0px; font-weight: 700; background: #000; color: #fff; position: relative;}
.section-title.center-text img{ left: 50%; bottom: -7px; margin-left: -13.5px; position: absolute; }
.search form{ position: fixed; right: 0; width: 0; height: 42px; top: 50px; z-index: 3; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; background-color: #fff; background-image: url('../images/icons/search-arrow.png'); background-position:  left center; background-repeat:  no-repeat; background-position-x: 10px; background-size: 10px; }
.show-form{ width: 100% !important; padding: 0px 35px; }
.input-search{ border: 0px solid; border-bottom: 1px solid #000; display:inline-block; vertical-align:top; width:100%; height: 35px; font-size: 16px; }
.input-search::-webkit-input-placeholder{ color:#000; font-size:16px; }
.input-search:-moz-placeholder{ color:#000; font-size:16px; }
.input-search::-moz-placeholder{ color:#000; font-size:16px; }
.input-search:-ms-input-placeholder{ color:#000; font-size:16px; }

.search-click{ width: 40px; padding-top: 8px; position: absolute; top: 0; cursor: pointer; right: 5px; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; z-index: 2; top: 0px; }
.search-click div{ transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; position: absolute; top: 15px; }
.search-click div:first-child{ border-radius: 100%; width: 20px; height: 20px; border: 2px solid #fff; }
.search-click div:last-child{ -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg); background: #fff; width: 10px; height: 2px; top: 33px; left: 15px; }

.active_search div:first-child{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.active_search div:last-child{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 
.active_search div { position: absolute;  width: 33px !important; height: 3px !important; border: 0 !important; border-radius: 0 !important; background: #fff; top: 20px !important; left: 0px !important; }

#mask{ position: fixed; width: 0%; height: 100%; z-index: 3; top: 0; right: 0; background: rgba(0,0,0,0.5);  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
#searchmask{ position: fixed; width: 0%; height: 100%; z-index: 3; top: 0; right: 0; background: rgba(0,0,0,0.5);  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
.activemask{ width: 100% !important; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }

.swapping-menu{ text-transform: uppercase; }
.swapping-menu li{  line-height: 35px; height: 45px; width: auto;}
.swapping-menu a{ display: block; width: 100%; height: 35px; padding: 0px 10px; font-size: 15px; margin-top: 5px; }
.swapping-menu a:hover{ background: #CCC; border-radius: 6px; }
.lSAction, .lSSlideOuter .lSPager.lSpg{display: none !important; }
/*.home-big-swipper{ padding-left: 10px; }*/
.home-big-swipper li{ position: relative;}
.home-big-swipper li img{ width: 100%; }
.home-big-swipper li a{ display: block; width: 100%;}
.lSSlideWrapper img{ width: 100%; }
.btn{ text-transform: uppercase; text-align: center; width: 100%; display: block; margin: 10px 0px; border-radius: 3px; box-shadow: 0 0px 7px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); }
.btn p{ display: inline-block; vertical-align: middle; width: auto; padding: 0px 5px; }
.large-btn{ line-height: 35px; height: 35px; }
.small-btn{ line-height: 35px; height: 35px; }
.small-btn p{font-size: 10px;}
.download-arrow{ padding: 6px !important; background-image: url('../images/icons/download.png'); background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
.btn:hover .download-arrow{ background-image: url('../images/icons/download-white.png'); }
.white-btn{ background: #FFF; color: #000; }
.white-btn:hover{ background: #1B5FC1; color: #fff; }

.home-big-swipper .lSSlideOuter .lSPager.lSpg{ display: block !important; height: 15px; }

.bx-controls{ display: none; }

.hot-new .col-2{ padding: 0px 5px; }
.hot-new .col-1{ position: relative; }
.hot-new .col-1 img{ width: 100%; }
.new-hot-title{ padding: 5px 0px; font-family: helvetica-bold; font-size: 16px; letter-spacing: 1.2px; }
.grey-text{ color: #777; }
.label{ position: absolute; top: 0; left: 0; width: 35px; height: 25px; line-height: 25px; color: #fff; text-transform: uppercase; text-align: center; font-size: 10px; font-weight: 700; z-index: 2; }
.view-label{ position: absolute; top: 0; left: 0; width: 100%; height: 25px; line-height: 25px; color: #fff; text-align: center; font-size: 11px; z-index: 1; background: rgba(0,0,0,0.5); text-align: right; padding-right: 8px;}
.new-label{ background: #FFC926; }
.hot-label{ background: #FF007F; }
.lovely-label{ background: #007FFF; width: 80px; }
.title-with-more{ position: relative; padding-right: 80px;}
.more-tab{ position: absolute; top: 0px; right: 10px; width: 80px; }
.more-tab p a{ color: #000; padding-right: 15px; background-image: url('../images/icons/more.png'); background-repeat: no-repeat; background-size: 10px; background-position: right top; text-align: right; display: block; text-transform: uppercase; }

.divider{ width: 100%; height: 1px; background-color: #CCC; margin: 5px 0px; }
.section-title{ padding: 0px 0px 10px 10px; text-transform: uppercase; font-size: 15px; }
.category-swipper{ padding-left: 10px; }
.sub-slider-title{ font-size: 13px; } 
.category-swipper .grey-text{ font-size: 10px; }
.category-swipper li{ margin-right: 10px; width: 100px; }
.category-swipper li:last-child{margin-right: 0px;}
.relative{ position: relative; }
.play-btn{ width: 40px !important; position: absolute; top: 45%; left: 45%; margin-top: -15px; margin-left: -15px; }
.small-play{ width: 25px !important; position: absolute; top: 50%; left: 50%; margin-top: -7.5px; margin-left: -7.5px; }

.no-bottom-margin{margin-bottom: 0;}
.no-margin-top{ margin-top: 0; }
.no-margin { margin: 0; }

.top-video-block{ padding: 0px 5px 10px; }
.top-video-block .col-2{ padding: 0px 5px; }
.video-face-img{ width: 100%; padding: 0px 5px; }
.related-video .btn{ margin-bottom: 0px; }
.load-more .btn{ width: 150px; margin: auto;}
.auto-load, .load-later, .load-more-gif{ display: none;}
.loader-gif img{ width: 28px; padding-top: 10px; }
.pagenation a{ padding: 5px 8px; margin: 0px 5px; }
.pagenation a:hover{ color: #1B5FC1; }
.disable-page{ pointer-events: none; opacity: 0.5; }
.active-page{ font-weight: 800; color: #1B5FC1; font-size: 14px; pointer-events: none; }

.account-title{ text-align: center; padding: 15px 0px; border-bottom: 1px solid #CCC; text-transform: uppercase;}
.account-title img, .account-title p{ display: inline-block; vertical-align: middle; width: auto; margin: 0px 3px;}
.account-title p{ font-weight: 700; font-size: 15px; }
.account-title img { height: 20px; }
.account-title span{ text-transform: lowercase;}

.cust_select{ width:100%;height:35px; overflow:hidden; background:url('../images/icons/select-arrow.png') right no-repeat transparent; border:0px solid #000; background-position-x:96%; outline:0; background-size: 30px; }
.cust_select select{ background:0 0;width:100%; font-size:14px; line-height:30px;border:0;border-radius:0;height:35px; -webkit-appearance:none; padding:0 37px 0 7px;outline:0; color:#000;cursor:pointer;  }
.download-dropdown{ padding: 15px 5px; }
.download-dropdown .col-2{padding: 0 5px; }
.download-dropdown .col-2 .gradient{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#DDDDDD)); background: -webkit-linear-gradient(top, #F7F7F7, #DDDDDD); background: -moz-linear-gradient(top, #F7F7F7, #DDDDDD); background: -ms-linear-gradient(top, #F7F7F7, #DDDDDD); background: -o-linear-gradient(top, #F7F7F7, #DDDDDD); border-radius: 3px; }

.account-header{ padding: 0px 50px 0px 25px; position: relative; }
.account-details{ padding: 0px 50px;}
.account-header{ background: #f1f1f1; }
.account-header .more-tab{ width: 90px; }
.account-header p{ background-repeat: no-repeat; background-position: center left; background-size: 15px; padding: 10px 0px; padding-left: 25px; font-weight: 800;  }
.account-details p{ border-top: 1px solid #DDD; padding: 10px 0px; }
.account-details p:first-child{ border: 0; }
.account-details ul li{ padding: 3px 0px 3px 12px; background: url('../images/icons/list-disc.png') no-repeat left; background-position-y: 8px; background-size: 4px; }
.user-plan ul{ padding-left: 90px; }
.profile-icon{ background-image: url('../images/icons/profile.png'); }
.subsciption-icon{ background-image: url('../images/icons/subscription.png'); }
.download-icon{ background-image: url('../images/icons/download.png'); }
.settings-icon{ background-image: url('../images/icons/setting.png'); }
.email-icon{ background-image: url('../images/icons/email.png'); }
.phone-icon{ background-image: url('../images/icons/phone.png'); }

.notify-me { width: 20px; position: absolute; top: 10px; right: 0; }
.notify-me input[type=checkbox] { visibility: hidden; }
.notify-me label { cursor: pointer;	position: absolute;	width: 15px; height: 15px;top: 2.5px; border-radius: 4px; background: #fff; left: 0; border: 1px solid #006DD9; }
.notify-me label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 7px; height: 3px; background: transparent; top: 3px; left: 2px; border: 2px solid #fcfff4; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);	transform: rotate(-45deg); }
.notify-me input[type=checkbox]:checked + label{ background: #006DD9; }
.notify-me input[type=checkbox]:checked + label:after {	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100);	opacity: 1; }
.blue-link a{ color: #006DD9; }
.user-image{ padding: 20px 0px; }
.user-image img{ border-radius: 100%; }
.user-image p{ padding-top: 10px; }
.user-image a{ text-transform: uppercase;}
.inner-details{ background-repeat: no-repeat; background-position: left; background-position-y: 9px;  background-size: 15px; padding-left: 25px !important; }

.content-wrapper .section-title{ padding: 15px 0px 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.about-ul li{ padding: 3px 0px 3px 12px; background: url('../images/icons/yellow-dot.png') no-repeat left; background-position-y: 8px; background-size: 4px; }

.faq-title{ font-size: 15px; position: relative; cursor: pointer; }
.faq-title span { width: 25px; display: inline-block; }
.faq-title img{ position: absolute; right: 0; top: 3px; height: 12px; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
.faq-details{ padding: 5px 0px 0px 25px; text-align: justify; display: none; }
.single-faq{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #CCC; }
.active-faq{ pointer-events: none; }
.active-faq img{  -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);	transform: rotate(-180deg); }

.oops{ color: #ccc; font-size: 36px; }
.allow-data img{ padding: 20px 0px; width: 50px; }
.warning{ font-size: 30px; padding-bottom: 20px; }
.red-text{ color: #FF0000; }
.white-text{ color: #fff; }
.dark-green-text{ color: #465E00; }
.box-panel{ margin: 10px 0px; border-radius: 20px; box-shadow: 0 0px 7px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); padding: 10px; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
.green-panel{ background: #87B200; }
#.white-panel{ background: #EEE; }
.white-panel{ background: #FFF; }
.paddingb_20{ padding-bottom: 20px; }
.allow-panel {  text-align: center; }
.allow-panel .white-text{ font-size: 18px; }

.things-before-retry p{ margin-top: 15px; background-repeat: no-repeat; background-position: left; background-position-y: 0px;  background-size: 20px; padding-left: 25px; min-height: 25px; padding-top: 3px; } 
.allow-data .section-title{ padding: 0; border: 0; }
.funds-icon{ background-image:url('../images/icons/funds.png'); }
.mobiledata-icon{ background-image:url('../images/icons/mobile-data.png'); }
.range-icon{ background-image:url('../images/icons/range.png'); }
.mobile-icon{ background-image:url('../images/icons/mobile.png'); }
.seleted-plan{ background: #EEE; border: #CECEBF 1px dashed; padding: 15px; margin-bottom: 15px; }
.seleted-plan .account-details{padding: 0; }
.seleted-plan p{ padding-bottom: 8px; }
.seleted-plan p span{ color: #87B200; font-size: 16px; margin-right: 6px; font-weight: 800; }
.plan-band{ padding: 8px 0px; padding-left: 15px; color: #fff; font-size: 16px; font-weight: 800; background: #FFCC00; }
.pricing-panel{ margin: 10px 0px 5px; }
.pricing-panel p{ color: #ff488b; text-align: center; font-size: 16px;  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}  
.subscribe-panel{ font-weight: 800; padding-bottom: 20px; font-size: 18px !important; }
.pricing-panel:hover{ background: #8437f9; }
.pricing-panel:hover p{ color: #fff; }
.sale-plan{ position: relative; }  
.sale-plan img{ position: absolute; top: 15px; right: 30px;}
.green-panel.pricing-panel p{ color: #465E00; }
.green-panel.pricing-panel p:first-child{ color: #FFF; }
.green-panel.pricing-panel:hover p{ color: #fff; }

.thank-you:after{ content: ""; display: block; margin: auto; width: 0; height: 0; border-color:  #87B200 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0px 10px; margin-bottom: 5px; }
.thank-you p{ background: #87B200; color: #fff; text-align: center; padding: 8px 0px; font-size: 16px; }
.thank-you img{ display: block; margin: auto; }
.green-text{ color: #87B200; }
.thank-wrapper{ padding: 0px 25px; text-align: center; }
.notification:before{ content: ""; display: block; margin: auto; width: 0; height: 0; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0px 10px 10px 10px; margin-top: 5px; } 
.notification{ text-align: center; }
.notification p{ background: #CCC; padding: 8px 0px; color: #444; line-height: 20px; }
.notification img{ margin: auto; display: block; }
.notification span{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url('../images/icons/close.png') no-repeat center center; background-size: 15px; margin-top: -3px; }

.content-wrapper.hot-new{ padding-bottom: 0px; }
.paddingb_10{ padding-bottom: 10px !important; }
.dual-promo{ padding: 10px 5px 0px; }

.promo-panel .col-2{ width: auto; }
.promo-panel .col-2:first-child{ padding-right: 30px;}
.promo-panel .left-text{ color: #fff; }
.promo-panel .center-text{ color: #fff; font-size: 35px; font-weight: 800; padding: 5px 10px; }
.promo-panel .right-text{ color: #000; text-align: right;}
.promo-panel .ul-list p{ padding: 3px 0px 3px 12px; background: url('../images/icons/green-dot.png') no-repeat left; background-position-y: 8px; background-size: 4px; color: #465E00; }
.no-padding-top{ padding-top: 0; }

#contact-form input[type="text"]{ margin-bottom:15px; padding:5px 0px; border-bottom:1px solid #CCC; width:100%; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
#contact-form input[type="submit"]{ font-size: 13px; cursor: pointer; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }
#contact-form textarea{ margin-bottom:15px; padding:5px 0px; border-bottom:1px solid #CCC; width:100%; height: 80px; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; }

#contact-form input[type="text"]:focus{ border-color: #1565C0; color:#000; }
#contact-form textarea:focus{ border-color: #1565C0; color:#000; }

#contact-form input[type="text"]::-webkit-input-placeholder{ color:#444; font-size:14px; }
#contact-form input[type="text"]:-moz-placeholder{ color:#444; font-size:14px; }
#contact-form input[type="text"]::-moz-placeholder{ color:#444; font-size:14px; }
#contact-form input[type="text"]:-ms-input-placeholder{ color:#444; font-size:14px; }
#contact-form textarea::-webkit-input-placeholder{ color:#444; font-size:14px; }
#contact-form textarea:-moz-placeholder{ color:#444; font-size:14px; }
#contact-form textarea::-moz-placeholder{ color:#444; font-size:14px; }
#contact-form textarea:-ms-input-placeholder{ color:#444; font-size:14px; }


@media screen and (min-width: 200px) and (max-width:480px){
    .new-hot-title{ font-size: 14px; }
    p{ font-size: 13px; line-height: 18px; }
    .right-text{ text-align: left; }
    .thank-you p{ font-size: 16px; }
}

@media screen and (min-width: 480px) and (max-width:640px){
    #contact-form{ width: 400px; margin: auto; }
}

@media screen and (min-width: 641px) and (max-width:768px){
    #contact-form{ width: 500px; margin: auto; }
}

@media screen and (min-width: 768px) and (max-width:900px){
    #contact-form{ width: 500px; margin: auto; }
}

@media screen and (min-width: 901px){ 
    #contact-form{ width: 500px; margin: auto; }
}