/*
 * CSS for smart.com.ph/prepaid
 * Copyright 2013 Smart Communications, Inc.
 *
 * Inherits from core.css
 */

/*Typography Localization*/
#smart footer .footermain p, #smart #sub_footer p, #smart footer .footermain .container .upperfooter .boxes ul.list li, #smart footer .footermain  .legal p, #smart footer .footermain .legal .right ul li
{
	font-size: 16px;
}
#smart #main .h1, #smart #main h1 {font-size: 40px; line-height: 46px; font-weight: 400;}
#smart #main .h2, #smart #main h2 {font-size: 32px; line-height: 38px; font-weight: 400;}
#smart #main .h3, #smart #main h3 {font-size: 24px; line-height: 30px; font-weight: 400;}
#smart #main .h4, #smart #main h4 {font-size: 20px; line-height: 26px; font-weight: 400;}
#smart #main .h5, #smart #main h5 {font-size: 18px; line-height: 24px; font-weight: 400;}
#smart #main .h6, #smart #main h6 {font-size: 16px; line-height: 22px; font-weight: 400;}
#smart p
{
	font: 20px "Lato", Georgia, Helvetica, Arial, sans-serif;
	line-height: 26px;
	font-weight: 300;
}
#smart p.introduction
{
    font: 24px "Lato", Georgia, Helvetica, Arial, sans-serif;
	line-height: 30px;
	font-weight: 300;
}
#smart p.text
{
    font: 22px "Lato", Georgia, Helvetica, Arial, sans-serif;
	line-height: 28px;
	font-weight: 300;
}
#smart ul, #smart ol {
    font: 20px "Lato", Georgia, Helvetica, Arial, sans-serif;
}
#smart ul p, #smart ol p
{
	font: 20px "Lato", Helvetica, Arial, sans-serif;
	line-height: 26px;
	font-weight: 300;
}
#smart ul p.text, #smart ol p.text
{
    font: 20px "Lato", Georgia, Helvetica, Arial, sans-serif;
    line-height: 22px;
	font-weight: 300;
}
#smart #inside ul li, #main ol li, #main #inside ol li
{
    line-height: 28px;
    font-size: 18px;
    font-weight: 300;
}
#smart #main td, #smart #main th, #smart #main td ul
{
    font-size: 16px;
	font-weight: 300;
}
#smart header #topnav .navigation ul li#gn-search div#search div#smart_search_form input
{
	font-size: 14px;
}
#smart .btn
{
	font-size: 16px;
}
#smart a.arrowlink, #smart a.arrowback 
{
    font-size: 16px;
    font-weight: 400;
}

/* Theme
-------------------------------------------------*/

body {
min-width: 100% !important;
background: #F2F2F2;
-webkit-text-size-adjust: 100%;
}

#smart #main
{
	margin-top: 0px;
}


/* Sticky navigation for Prepaid */

#smart header #stickynav .mainmenu .left ul li a.sticky-prepaid
{
	color: #CEDC00;
}


#smart header #lownav .lownav-bg ul li a{padding: 13px 4px;}
#smart header #lownav .lownav-bg ul li.first a {font-size: 14px;}
#smart header #lownav .lownav-bg ul li a	{font-size: 12px;}


@media (min-width: 992px)
{	
	#smart header #lownav .lownav-bg ul li a{padding: 13px 9px;}
	#smart header #lownav .lownav-bg ul li.first a {font-size: 15px;}
	#smart header #lownav .lownav-bg ul li a	{font-size: 13px;}
}


.TelerikModalOverlay{display: none;}

/* Fix for annoying extra Widget Placeholders
-------------------------------------------------*/
div[placeholderid="ExtraScripts"], div[placeholderid="ContentArea"], div[placeholderid="Footer"], div[placeholderid="StickyNavigation"]
{
    display:none;
}

#smart h1,
#smart h2,
#smart h3,
#smart h4,
#smart h5,
#smart h6
{
	margin-top: 0;
	color: #19a739;
}

#smart .header-green
{
	color: #19a739;
	margin-top: 0;
}

#smart h3{border-bottom:0;}

#smart .white{color: #fff;}

#smart .note
{
	background: #fbfcf3;
    padding: 20px;
    margin-bottom: 25px;
}

#smart .banner .spiel {padding: 50px 0;}

#smart .offer-mobile
{
	display:block;
	border-bottom: 1px #eee solid;
    padding: 20px 0;
}

#smart .offer-web{display:none;}

#smart .offer-mobile table,
#smart .offer-mobile td{border: none;}

#smart .offer-mobile td 
{
	font-size: 14px;
	padding: 5px 0;
}

#smart .offer-web .table-responsive{margin-top: -13px;}
#smart .offer-web .table-responsive td,
#smart .offer-web .table-responsive th 
{
    width: 20%;
    word-break: break-word;
}

#smart .offer-web .table-responsive td:last-child,
#smart .offer-web .table-responsive th:last-child {width: 60%;}

#smart table.prepaid2 thead tr th
{	
	background-color: #8d8e8d;
	color: #fff
}

#smart table.corporate tbody tr.theader td
{
	background-color: #e2e2e2;
}

#smart table.corporate tbody tr td
{
	background-color: #f7f7f7;
}

/* Phones and Devices Summary
-------------------------------------------------*/
#smart ul.phonesoverview
{
    padding:0;
}
#smart ul.phonesoverview li.phonedetail
{
    float: left;
    list-style-type: none;
    margin-right: 10px;
    padding: 15px 0 35px;
    width: 162px;
    height: 230px;
    position: relative;
}
#smart ul.phonesoverview li.phonedetail div.sfnewsContent
{
    padding: 0 0 10px;
}
#smart ul.phonesoverview li.phonedetail div.sfnewsContent img
{
    margin: 0 26px;
}
#smart ul.phonesoverview li.phonedetail div.sfnewsContent .maincontent, #smart ul.phonesoverview li.phonedetail div.sfnewsContent .maindetails /*hide everything except thumbnail*/
{
    display: none;
}
#smart ul.phonesoverview li.phonedetail h2.sfnewsTitle
{
    margin-bottom:2px;
    text-align:center;
    font-size: 15px;
}
#smart ul.phonesoverview li.phonedetail div.sfnewsSummary
{
    text-align:center;
}
#smart ul.phonesoverview li.phonedetail div.button
{
    left: 34px;
    position: absolute;
    top: 222px;
}
/* Phones and Devices Single Item View
-------------------------------------------------*/
#smart div.phonedetails
{
    clear: none;
    padding: 14px 20px 20px;
    background:transparent url("../images/postpaid/phonesdetailbg.png") repeat-x 0 top;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#smart div.phonedetails div.sfnewsLinksWrp
{
    margin: 0 0 5px 4px;
}
#smart div.phonedetails div.sfnewsLinksWrp a.sfnewsBack
{
    display:block;
    text-indent:-9000px;
    background:transparent url("../images/postpaid/gobackbutton?v=102511.png") no-repeat 0 top;
    overflow:hidden;
    height:26px;
    width:68px;
}
#smart div.phonedetails .sfnewsTitle
{
    margin-bottom: 2px;
    padding-top: 2px;
}
#smart div.phonedetails div.share
{
    float: right;
    width: 110px;
}
#smart div.phonedetails div.share .fb_edge_widget_with_comment
{
    width:50px;
}
#smart div.phonedetails .sfnewsSummary
{
    font-size: 13px;
    padding: 0;
}
#smart div.phonedetails .sfnewsContent
{
    padding: 35px 0 20px;
}
#smart div.phonedetails .sfnewsContent img
{
    display:none;
}
#smart div.phonedetails .sfnewsContent div.maincontent, #smart div.phonedetails .sfnewsContent div.maindetails
{
    display:block;
}
#smart div.phonedetails .sfnewsContent div.maincontent img, #smart div.phonedetails .sfnewsContent div.maindetails img
{
    display: block;
    float: left;
    margin-right: 15px;
}
#smart div.phonedetails .sfnewsContent div.maincontent ul li, #smart div.phonedetails .sfnewsContent div.maindetails ul li
{
    line-height:20px;
}

/* Prepaid Home - Revamp
-------------------------------------------------*/

#smart #main #inside.prepaidhome
{
}
#smart #main #inside.prepaidhome .top 
{
    position: relative;
}
#smart #main #inside.prepaidhome .top .banner
{
    position: relative;
    overflow: hidden;
}
#smart #main #inside.prepaidhome .top .banner img 
{
}

/* Phones Display */
#smart #main #inside.prepaidhome .phonesdisplay
{
    background-color: #f6f6f6;
}

/* Offers Single Item View
-------------------------------------------------*/
#smart div.offerdetails {
	width: 65%;
	float: left;
	margin-top: 10px;
}
#smart div.offerdetails div.sfnewsLinksWrp
{
    display:none;
}
#smart div.offerdetails .sfnewsTitle
{
    margin-bottom: 2px;
    padding-top: 2px;

}
#smart div.offerdetails div.share
{
    float: right;
    width: 110px;
}
#smart div.offerdetails div.share .fb_edge_widget_with_comment
{
    width:50px;
}
#smart div.offerdetails .sfnewsSummary
{
    font-size: 13px;
    padding: 0;
}
#smart div.offerdetails .sfnewsContent
{
    padding: 25px 0;
}
#smart div.offerdetails .sfnewsContent div.offerbox
{
    display:none;
}
#smart div.offerdetails .sfnewsContent img
{
    display:none;
}
#smart div.offerdetails .sfnewsContent div.maincontent, #smart div.offerdetails .sfnewsContent div.maindetails
{
    display:block;
}
#smart div.offerdetails .sfnewsContent div.maincontent img, #smart div.offerdetails .sfnewsContent div.maindetails img
{
    display: block;
    float: left;
    margin-right: 15px;
}
#smart div.offerdetails .sfnewsContent div.maincontent ul li, #smart div.offerdetails .sfnewsContent div.maindetails ul li
{
    line-height:20px;
}
#smart div.offerdetails h1
{
    font-size: 45px;
    color: #555;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 9px;
    margin: 0;
}

/*Offers boxes summary*/
#smart ul.prepaidOffers {
	margin: 0px;
	padding-left:0px;
}
#smart ul.prepaidOffers li:last-child
{
	border-bottom: none;
}
#smart ul.prepaidOffers li {
	margin: 0px;
    list-style: none;
    /*float: left;*/
    padding-bottom:0;
	border-bottom: 1px solid #DDD;
}
#smart ul.prepaidOffers li div.offerboxarea 
{
    position: relative;
    padding: 50px 15px 60px;
}
#smart ul.prepaidOffers li div.offerboxarea div.button
{
    margin-left: 180px;
}
#smart ul.prepaidOffers li div.offerboxarea div.button a 
{
    font: 19px;
}
#smart ul.prepaidOffers li div.offerboxarea .sfnewsContent
{
    padding:0;
}
#smart ul.prepaidOffers li div.offerboxarea .offerbox h2
{
    line-height: 26px;
    color: #222 !important;
    font-size: 26px;
    padding-top: 10px;
    margin-left: 180px;
}
#smart ul.prepaidOffers li div.offerboxarea .offerbox p
{
    font: 16px "Lato", Helvetica, Arial, sans-serif;
    line-height: 24px;
    margin-bottom: 18px;
    margin-left: 180px;
	font-weight: 300;
}
#smart ul.prepaidOffers li div.offerboxarea .offerbox img
{
    float: left !important;
    margin-right: 45px;
	width: 120px;
}
#smart ul.prepaidOffers li .sfnewsContent div.offercontent
{
    display:none;
}

#smart div.offercontent .buttons
{
	float: right;
	margin-top: -115px;
}

#smart div.offercontent .buttons.bottom{margin-top: 0px!important;}

#smart div.offercontent .buttons a{margin-left: 10px;}

#smart div.offercontent  img {width: 100%;}

#smart p.offerName {
	color: #79bf21;
	font-size: 26px;
}


#smart ul.prepaidOffers
{
	float:left;
	width:65%;
}

#smart .fixedSidebar 
{
	float:right;
	width: 265px;
}

#smart .fixedSidebar ul {padding-left: 0px!important;}

#smart .fixedSidebar ul li 
{
	list-style-image: none!important;
	list-style: none;
	background-color: #ffffff;
}

#smart .fixedSidebar ul li a
{
	padding: 10px;
	display:block;
	color: #555;
}

#smart .fixedSidebar ul li a:hover{text-decoration: none;}

#smart .fixedSidebar ul  li.title
{
	text-align: center;
	background-color: #009cde!important;
	color: #ffffff;
	font-size: 18px;
	padding: 12px!important;
}

#smart .fixedSidebar ul li:nth-child(odd) {background-color: #f1f1f1;}
#smart .fixedSidebar ul li img 
{
	width: 50px;
	height: 50px;
	padding: 0px 20px;
}

#smart #main .top .pagedetails 
{	
	/*background: rgba(25, 167, 57, 0.7);*/
	background: rgba(0,203,138, 0.7)
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwY2I4YSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYzRhMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left, rgba(0,203,138,0.7) 0%, rgba(0,196,160,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,203,138,0.7) 0%,rgba(0,196,160,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,203,138,0.7) 0%,rgba(0,196,160,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b300cb8a', endColorstr='#b300c4a0',GradientType=1 ); /* IE6-8 */
}
#smart #main .top .pagedetails h1.pagetitle{color: #fff!important;}

/* Tabs fixes */
div.RadTabStrip .rtsLevel1 .rtsLI
{
    background: none !important;
}

/* Offers pagination */

#smart .sf_pagerNumeric
{
    text-align: center;
}
#smart .sf_pagerNumeric a
{
    padding: 3px 7px;
    color:#555;
}
#smart .sf_pagerNumeric a:hover
{
    border:none;
    padding: 3px 8px;
    background-color: #EEE;
    text-decoration:none;
}
#smart .sf_pagerNumeric a.sf_PagerCurrent:link, 
#smart .sf_pagerNumeric a.sf_PagerCurrent:visited, 
#smart .sf_pagerNumeric a.sf_PagerCurrent:hover, 
#smart .sf_pagerNumeric a.sf_PagerCurrent:active 
{
    background: transparent url('../../images/sidenav-h4-bg.png') repeat 0 top;
    color: #FFF !important;
    border: none;
    padding: 3px 7px;
    text-decoration:none;
}

/* Prepaid Responsive Revamp */

#smart img.large-img 
{
	width: auto;
	max-width: initial;
}

#smart .checkbox
{
	background: url('../../images/checkbox.png') center left no-repeat;
	padding-left: 30px;
    margin: 10px 0;
}

#smart .checkbox:hover{text-decoration: none;}

#smart .checkbox.active
{
	background: url('../../images/checkbox-active.png') center left no-repeat;}


/* Banners/Bg */

#smart .offers-content
{
	background: url('../../images/banner-offers.jpg') center center no-repeat;
	background: url('../../images/banner-offers-ie8.jpg')\9;
	background-size: cover;
	background-repeat: repeat-x\0;
	/*height: 300px;	*/
}

#smart .offers-content2
{
	background: #cedc00;
	height: 910px;
}

#smart .offers-content2 div
{
	margin: 30px 0;
	border-bottom: 1px #e2ef48 solid;
}

#smart .offers-content2 div:last-child{border:0;}

#smart .sim-content
{
	background: #ddb67f url('../../images/banner-edge.jpg') center center no-repeat;
	background: #ddb67f url('../../images/banner-edge-ie8.jpg')\9;
	background-size: cover;
	background-repeat: repeat-x\0;
	padding: 50px 0;
	padding: 20px 0\0;
}

#smart .load-content
{
	background: #e9ebec url('../../images/banner-ladies-bg-2.jpg') center center;
	background-size: cover;
	padding: 50px 0;
}

#smart .apps-content
{
	padding: 30px 0;
	background: #fff;
}

#smart .home-apps-content
{
	background:  url('../../images/apps-bg.png') center center no-repeat;
	background-size: cover;
	background-repeat: repeat-x\0;
	padding: 30px 0;
	padding: 0 0\9;
}

#smart .load-sim-content
{
	background: #ddb67f url('../../images/prepaid-card-bg.jpg') center center no-repeat;
	background-size: cover;
	padding: 100px 0;
}

#smart .sim-content
{
	background: #e9ebec url('../../images/banner-edge-bg.jpg') center center;
	background-size: cover;
	padding: 50px 0;
}


#smart .smart-partner
{
	background: #e9ebec url('../../images/banner-loaded-bg.jpg') center center;
	background-size: cover;
	padding: 50px 0;
}

#smart .simcard-rates
{
	background: #fff url('../../images/banner-simrates-bg.jpg') center center;
	background-size: cover;
	padding: 50px 0 0;
}

#smart .kapartner
{
	background: #fff url('../../images/banner-kapartner2.jpg') center center;
	background-size: cover;
	height: 400px;
}

#smart .kapartner-app img
{
	width: 30%
}

#smart .kapartner-sim
{
	background: #fff url('../../images/kapartner-sim-bg.jpg') center center;
	background-size: cover;
	height: 350px;
	padding: 40px;
}

#smart .simcard-rates .rates-banner{}
#smart .simcard-rates .rates-banner ul 
{

}
#smart .simcard-rates .rates-banner div
{
	text-align: center;
}

#smart .vas-content
{
	background: #e9ebec url('../../images/banner-vas-bg.jpg') center center;
	background-size: cover;
}

#smart .spinnr-content
{
	background: #e9ebec url('../../images/banner-spinnr-bg.jpg') center center;
	background-size: cover;
	padding: 80px 0;
}


/* Media */
#smart .media-body{width: 74%;}
#smart .media-body{width: 0%\9;}

/* Offers */

#smart .recommended {  margin-top: -75px;}

#smart .offer-type  h2,
#smart .offer-type p a{color: #555;}

#smart .offer-type div
{
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
	font-weight: 400;
}

#smart .pre-offers
{
	color: #333;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	margin-top: -50px;
	margin-bottom: 30px;
}

/* load */


#smart .load-buqo
{
	background: #fff url('../../images/load-buqo-final.jpg') center;
	background: #fff url('../../images/load-buqo-final-ie8.jpg')\9;
	background-size: cover;
	max-height: 520px;
    color: #fff;
    padding: 50px;
}


#smart .load-partner
{
	background: #fff url('../../images/load-partner-kapartner.jpg') center;
	background: #fff url('../../images/load-partner-kapartner-ie8.jpg')\9;
	background-size: cover;
	min-height: 310px;
	max-height: 310px;
    color: #fff;
    padding: 50px;
}

/* VAS */

#smart .apps-content .apps{margin-bottom: 35px;}
#smart .apps-content.all a{color: #555;}
#smart .apps-content.all a:hover{text-decoration: none;}

/* CAROUSEL */

#prepaid-load-carousel .carousel-inner{min-height: 400px;}

#prepaid-load-carousel .carousel-indicators
{
    margin-top: -80px;
    margin-bottom: 130px;
	position: relative!important;
	width: 108%!important;
	left: 0!important;
	margin-left: -20px!important;
}
#prepaid-load-carousel .controls div
{
	width: 24%;
	padding: 8px 10px;
	background: #f5f5f5;
	word-break: break-word;
	float: left;
	margin: 0 1px;
	text-align: center;
	min-height: 50px;
	cursor: pointer;
}

#prepaid-load-carousel .controls div:hover{background-color: #19a739;}

#smart #main .banner .carousel-control i,
#smart #main .banner .carousel-control em {    margin-top: 290%;}

#prepaid-load-carousel .carousel-indicators .active
{
	width: 24%!important;
	height: auto!important;
	margin: 0 1px!important;
	background-color: #19a739!important;
	color: #FFF;
}

#prepaid-load-carousel .controls div img {
    margin-top: -18px;
    margin-right: 10px;
}

#prepaid-load-carousel .controls span {display: none;}

#prepaid-load-carousel .carousel-control.left,
#prepaid-load-carousel .carousel-control.right
{
	background: none;
	display: none;
}

#prepaid-load-carousel .carousel-control i,
#prepaid-load-carousel .carousel-control em
{
    margin-top: 50%;
    font-size: 80px;
    color: #333;
}

#prepaid-load-carousel .carousel-control {text-shadow: none;}


@-moz-document url-prefix() { 
 /*#prepaid-load-carousel .col-xs-12, #prepaid-load-carousel .col-sm-12, #prepaid-load-carousel .col-md-10{min-height: 400px;} */
 /*#prepaid-load-carousel .carousel-inner {overflow: inherit !important; transition: left 0.2s ease-in-out 1s !important;}*/
 #prepaid-load-carousel .carousel-indicators {margin-bottom: 0px !important;}
 #prepaid-load-carousel .carousel-inner {width: 93%;margin: 0px auto;padding: 0px 0px;}
 #prepaid-load-carousel .carousel-inner > .item {padding: 40px 0px;}
 #prepaid-load-carousel .col-xs-12{float: none !important}
 #prepaid-load-carousel .col-md-6 {width: 50%;float: left !important;}

}

/*SIM Cards and Rates*/

#prepaid-sim-carousel .carousel-control.right,
#prepaid-sim-carousel .carousel-control.left
{
	background-image: none;
	display: none;
}

#prepaid-sim-carousel .carousel-indicators .active {width: 15%;}
#prepaid-sim-carousel .arrow_box p 
{
	font-weight: bold;
	display: none;
}

#smart #prepaid-sim-carousel .carousel-inner {min-height: 410px;}

#smart #prepaid-sim-carousel .carousel-indicators.controls 
{
    /*width: 100%;
    left: 30%;*/
    width: 103%;
    left: 29%;
    margin-top: 100px;
    position: relative;
}

#smart #prepaid-sim-carousel .carousel-indicators  div{display: inline-block;}

#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim:hover, 
#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim.active, 
#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim:hover, 
#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim.active, 
#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim:hover, 
#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim.active, 
#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim ,
#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim,
#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim ,
#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim
{
	vertical-align: top;
}

	#smart #prepaid-sim-carousel .carousel-indicators.controls 
	{
		width: 112%;
		left: 24%;
		margin-top: 90px;
	}
	
#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim
{
	background: #fff url('../../images/smart-prepaid-sim-bw.jpg') no-repeat center center;
    background-size: 95px;
	width: 22%;
	height: 90px;
    cursor: pointer;
    padding: 94px 0px 0px 0px;
    font-weight: bold !important;
    text-align: center;
    background-position: top center !important;
}

#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim:hover,
#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim.active
{
	background: #f9fdea url('../../images/smart-prepaid-sim.jpg') no-repeat center center;
    background-size: 95px;
    position: relative;
	border-top: 4px solid #D4EA7C;
}


#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim {
    background: #fff url('../../images/smart-jumpin-sim-bw.jpg') no-repeat center center;
    background-size: 95px;
    width: 22%;
	height: 90px;
    cursor: pointer;
    padding: 94px 0px 0px 0px;	
    font-weight: bold !important;
    text-align: center;
    background-position: top center !important;
}


#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim:hover,
#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim.active
{
	background: #f9fdea url('../../images/smart-jumpin-sim.jpg') no-repeat center center;
    background-size: 95px;
    position: relative;
	border-top: 4px solid #D4EA7C;

}

#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim {
    background: #fff url('../../images/smart-starmobile-sim-bw.jpg') no-repeat center center;
    background-size: 95px;
    width: 22%;
	height: 90px;
    cursor: pointer;	
    padding: 94px 0px 0px 0px;	
    font-weight: bold !important;
    text-align: center;
    background-position: top center !important;
}

#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim:hover,
#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim.active
{
	background: #f9fdea url('../../images/smart-starmobile-sim.jpg') no-repeat center center;
    background-size: 95px;
    position: relative;
	border-top: 4px solid #D4EA7C;

}

#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim {
    background: #fff url('../../images/smart-xiaomi-sim-bw.jpg') no-repeat center center;
    background-size: 95px;
    width: 22%;
	height: 90px;
    cursor: pointer;
    padding: 94px 0px 0px 0px;	
    font-weight: bold !important;
    text-align: center;
    background-position: top center !important;
}

#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim:hover,
#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim.active
{
	background: #f9fdea url('../../images/smart-xiaomi-sim.jpg') no-repeat center center;
    background-size: 95px;
    position: relative;
	border-top: 4px solid #D4EA7C;

}


/*renzen Start */

.car-holder .carousel-inner {
    position: relative;
    width: 77% !important;}

.car-holder   em.fa.fa-angle-right {
    float: right;
}

 .car-holder   em.fa.fa-angle-left {
    float: left;
}

 .car-holder .img-center {
    text-align: center;
}

.car-holder .col-xs-12, .car-holder .col-sm-12, .car-holder  .col-md-12{padding-right:0px !important;padding-left: 0px !important;}

.car-holder .arrow_box{border-top: 4px solid transparent;}
.car-holder .arrow_box:active{border-top: 4px solid transparent;}

.car-holder .arrow_box:hover {
	position: relative;
	background: #f9fdea ;
	border-top: 4px solid #D4EA7C;
	/*outline: 4px solid #D4EA7C;*/
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box.active:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #D4EA7C;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box.active:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #D4EA7C;
	border-width: 16px;
	margin-left: -16px;
}


.arrow_box_down {
	position: relative;
	background: #88b7d5;
	
}
.arrow_box_down:after, .arrow_box_down:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}



.arrow_box_down.active:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #19a739;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_down.active:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #19a739;
	border-width: 16px;
	margin-left: -16px;
}

#smart .car-holder #prepaid-sim-carousel .carousel-indicators.controls{ 
border-bottom: 2px solid #e2e2e2;
    border-top: 4px solid #e2e2e2;
    background: #fff;
}

.col-xs-12.col-sm-12.col-md-12.car-holder {
    padding: 0px;
    margin: 0px;
}
	

.car-holder #prepaid-sim-carousel {
    background: #e9ebec url('../../images/banner-simrates.jpg') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    padding: 50px 20px 80px 20px;
}

@media (max-width: 1199px) and (min-width: 0px){ 
    .car-holder #prepaid-sim-carousel {
    background: #e9ebec !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    padding: 50px 20px 80px 20px;
}

.car-holder .carousel-inner {
    position: relative;
    width: 100% !important;
}

}


@media (max-width: 767px) and (min-width: 481px){ 
.car-holder .img-center img{width: 50% !important;}
#map_holder, a#next , a#prev{display: none !important;}
#prepaid-load-carousel .controls span{display: block !important;font-size: 13px;}

}

@media only screen and (min-width: 767px) {
#map_holder,  a#next,  a#prev{display: none !important;}

}





@media only screen and (max-width: 320px) { 

   /*.carousel .next{right: -9% !important;margin-top: -28px;}*/
   .arrow_box p {margin-top: 58px !important;line-height: 1.1;}
   #smart #prepaid-sim-carousel .carousel-indicators.controls {
    width: 116% !important;
    left: 21% !important;}
}

@media (max-width: 371px)	
{

	 h1 {font-size: 22px !important;}
}


@media (min-width: 480px)
{
	#smart #prepaid-sim-carousel .carousel-indicators div:first-child {margin-left: 0%;}
	#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim.active,
	#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim.active,
	#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim.active,
	#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim.active
	{
		width: 24%; 
		height: 150px;
	}
	
	#smart #prepaid-sim-carousel .carousel-indicators.controls 
	{
		width: 105%;
		left: 28%;
		margin-top: 90px;
	}
	
	#prepaid-sim-carousel .arrow_box p {display:block;}
}	

@media (min-width: 640px)
{

	

}
@media (min-width: 768px)
{
	#smart header #stickynav .submenu ul li a{padding: 10px 12px;}

	/*#smart .offers-content {height: 600px; height:}*/

	#smart .sim-content
	{
		background: #e9ebec url('../../images/banner-edge.jpg') center center no-repeat;
		background: #e9ebec url('../../images/banner-edge-ie8.jpg')\9;
		background-size: cover;
		background-repeat: repeat-x\0;
	    padding: 100px 0;
		padding: 50px 0\9;
		height: 445px;
	}

	#smart .load-content
	{
		background: #e9ebec url('../../images/banner-ladies-2.jpg') center center no-repeat;
		background: #e9ebec url('../../images/banner-ladies-ie8-2.jpg') \9;
		background-size: cover;
	    padding: 100px 0;
	}
	
	#smart .load-sim-content
	{
		background: #ddb67f url('../../images/prepaid-card.jpg') center center no-repeat;
		background: #ddb67f url('../../images/prepaid-card-ie8.jpg')\9;
		background-size: cover;
		background-repeat: repeat-x\0;
		padding: 100px 0;
		padding: 50px 0\9;
	}
	
	#smart .load-table thead tr th
	{
		vertical-align: middle;
		text-align: center;
	}

	#smart .smart-partner
	{
		background: #e9ebec url('../../images/banner-loaded.jpg') center center no-repeat;
		background: #e9ebec url('../../images/banner-loaded-ie8.jpg')\9;
		background-size: cover;
		background-repeat: repeat-x\0;
	    padding: 50px 0;
		padding: 0 0\9;
		height: 470px;
	}
	
		#smart .simcard-rates
	{
		background: #e9ebec url('../../images/banner-simrates.jpg') center center no-repeat;
		background-size: cover;
		padding: 50px 0;
	}

	#smart .kapartner
	{
		background: #fff url('../../images/banner-kapartner2.jpg') center center no-repeat;
		background-size: cover;
		height: 300px;
	}

	#smart .kapartner-sim
	{
		background: #fff url('../../images/kapartner-sim.jpg') center center no-repeat;
		background-size: cover;
		height: 315px;
			padding: 30px;
	}

	
	#smart .vas-content
	{
		background: #e9ebec url('../../images/banner-vas.jpg') center center no-repeat;
		background: #e9ebec url('../../images/banner-vas-ie8.jpg')\9;
		background-size: cover;
	    padding: 50px 0;
	}
	
	#smart .spinnr-content
	{
		background: #e9ebec url('../../images/banner-spinnr.jpg') center center no-repeat;
		background: #e9ebec url('../../images/banner-spinnr-ie8.jpg')\9;
		background-size: cover;
		 padding: 50px 0\9;
	}

	#smart .offer-mobile{display:none;}
	#smart .offer-web{display:block;}
	
	
	#prepaid-load-carousel .controls div
	{
		width: 24%;
		padding: 8px 10px;
		margin: 0 1px;
		text-align: center;
	}
	#prepaid-load-carousel .controls div:first-child {text-align:left;}
	#prepaid-load-carousel .carousel-indicators .active
	{
		width: 24%!important;
		height: auto!important;
		margin: 0 1px!important;
		color: #FFF;
	}
	#prepaid-load-carousel .controls div img{float:left;}
	#prepaid-load-carousel .controls span 
	{
		font-weight: bold;
		/* float: right; */
		word-break: break-word;
		display: block;
	}
	

	
	#smart #prepai	d-sim-carousel .carousel-indicators.controls {
	   width: 129% !important;
		left: 15% !important;
	   /* margin-top: 20px;*/
		position: relative;
	}

	.car-holder .carousel-inner {
		position: relative;
		width: 100% !important;
	}
	
	#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .jumpin-sim.active,
	#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .prepaid-sim.active,
	#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .starmobile-sim.active,
	#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim,
	#smart #prepaid-sim-carousel .carousel-indicators .xiaomi-sim.active{width: 15%;}


	#smart #prepaid-sim-carousel .carousel-inner {min-height: 300px;}
	#smart #prepaid-sim-carousel .carousel-indicators.controls{margin-top: 20px !important;}
	.car-holder #prepaid-sim-carousel {padding: 10px 20px 0px 20px !important;}
		
	
	#smart #prepaid-sim-carousel .carousel-indicators  div:first-child{margin-left: 0;}
	
	#prepaid-sim-carousel .carousel-control.right,
	#prepaid-sim-carousel .carousel-control.left{display: block;}
	


	
	#smart #main .banner .carousel-control i, 
	#smart #main .banner .carousel-control em {margin-top: 90%;}
	
	
	#smart .home-apps-content a {margin: 3%;}
	
	
	#smart .load-partner,
	#smart .load-buqo
	{
		min-height: 415px; 
	}
	#smart .recommended {  margin-top: 0px;}
}
@media (min-width: 992px)
{
	#smart header #stickynav .submenu ul li a {padding: 10px 12px;}
	
	#prepaid-load-carousel .carousel-inner 
	{
		width: 90%;
		margin: 0 auto;
	}
	
	#prepaid-load-carousel .carousel-control.left,
	#prepaid-load-carousel .carousel-control.right
	{
		background: none;
		display: block;
		
	}
	
	#prepaid-load-carousel .carousel-control.left{margin-left: -80px;}
	#prepaid-load-carousel .carousel-control.right{margin-right: -80px;}
	
	#smart .home-apps-content a {margin: 5%;}


	#smart .load-partner,
	#smart .load-buqo
	{
		min-height: 375px; 
	}
	
	#smart #prepaid-sim-carousel .carousel-indicators  div:first-child{margin-left: -2%;}
	
}

@media (min-width: 1200px)
{
	#smart header #stickynav .submenu ul li a {padding: 10px 28px;}
	#smart header #stickynav .submenu nav ul {overflow: visible\9;}
			@-moz-document url-prefix() { 
				#smart header #stickynav .submenu nav ul {
			overflow: visible;
		  }
		}
		
	#smart #prepaid-sim-carousel .carousel-indicators.controls {
	   width: 104% !important;
		left: 27% !important;
		margin-top: 20px;
		position: relative;
	}

}


/*sample*/

#smart .offers .sfnewsContent.sfcontent:nth-of-type(1n+9) {display: none;}



@media only screen and (max-width: 480px) { 

.car-holder .img-center img{width: 50%}
.carousel-inner h3{font-size: 21px !important;}

#prepaid-load-carousel .carousel-indicators .active{background: #CEDC00 !important}
a#next em.fa.fa-angle-right{font-size: 48px !important;float: right;position: relative;margin-top: -63px;margin-right: 15px;}
a#prev em.fa.fa-angle-left{ font-size: 48px !important;float: left;position: relative;margin-top: -63px;margin-left: 16px;}
#prepaid-load-carousel .controls div {background: transparent !important;}
#prepaid-load-carousel .carousel-indicators #map_holder, #prepaid-load-carousel .controls div {width: 100%!important;text-align: center;}
#prepaid-load-carousel .carousel-indicators #map_holder img{float: none;}
#prepaid-load-carousel .carousel-indicators #map_holder .active {width: 100%!important;text-align: center;}
#prepaid-load-carousel .controls #map_holder span {display: inline-block !important;}
#prepaid-load-carousel .slide-1, #prepaid-load-carousel .slide-2, #prepaid-load-carousel .slide-3, #prepaid-load-carousel .slide-4{display: none}

}

#smart #sub_footer {max-height: 610px\9;}

#smart .media-body2 {
  display: table-cell;
  vertical-align: top;
}

#smart .media-body2 {
  overflow: hidden;
  zoom: 1;
}

#smart .media-body2 {
  width: 33%\9;
}


/* load more*/
#noload { display:none;background-color: #dadada;color:#fff !important;padding: 10px; cursor: none;}
#noload:hover{text-decoration: none !important;} 



/* Mobile Navigation - Blue Version 2015 //These are overrides// */

#smart header #stickynav-mobile .submenu .menu-overlay1 {background: url(../../images/submenu-bg-left2.png) no-repeat;}
#smart header #stickynav-mobile .submenu .menu-overlay2 {background: url(../../images/submenu-bg-right2.png) no-repeat;}