/*
 * Core CSS for smart.com.ph
 * Copyright 2013 Smart Communications, Inc.
 */

/* ==========================================================================
   Boilerplate CSS
   ========================================================================== */
@-ms-viewport{width:device-width}
/* From main.css */ 
html,button,input,select,textarea{color:#222;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:100%;}
.hidden{display:none!important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:"";}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
img{max-width:100%!important;}
@page{margin:.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
}
.wf-loading body { visibility: hidden; } /* Fontdeck anti-FOUT */

/* From normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline;zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}

/*bootstrap fix*/
#smart .h1, #smart h1 {font-size: 36px;}
#smart .h2, #smart h2 {font-size: 30px;}
#smart .h3, #smart h3 {font-size: 24px;}
#smart .h4, #smart h4 {font-size: 18px;}
#smart .h5, #smart h5 {font-size: 14px; font-style: normal;}
#smart .h6, #smart h6 {font-size: 12px;}

#smart i,
#smart cite, 
#smart em, 
#smart var, 
#smart address, 
#smart dfn {
    font-style: normal;
	font-weight: 300;
}

.h4, .h5, .h6, h4, h5, h6 
{
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.sfsearchBox .sfsearchSubmit
{
	padding: 6px 12px!important;
	margin-left: 5px;
}

abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:700;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:none;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
dd{margin:0 0 0 40px;}
menu,ol,ul{padding:0 0 0 40px;}
nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;white-space:normal;margin-left:-7px;padding:0;}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}
button,input{line-height:normal;}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}
button[disabled],input[disabled]{cursor:default;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
body,figure,form{margin:0;}
p,pre,dl,menu,ol,ul{margin:1em 0;}

/* ==========================================================================
   Layout
   ========================================================================== */
   
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}


*:focus{outline: none;}
body#smart
{
    background: #FFF;
	font-size: 14px;
	/* min-width: auto!important; */
	width: 100%;
	color: #333;
}

#smart br.clear,
#smart .clear
{
    clear: both;
}

#smart img:not(.carousel-inner>.item>a>img, .carousel-inner>.item>img){max-width: 100%;}


/* Header */

#smart .navbar {margin-bottom: 0px;}
#smart .container-fluid {padding: 0;}

#smart .navbar-default 
{
	background: #000!important;
	border: 0!important;
	border-radius: 0!important;
}
#smart .navbar-brand
{
	padding: 0!important;
	float:initial!important;
}

#smart .navbar-brand > img 
{
    display: initial!important;
    text-align: center;
	width: 186px;
}

#smart .navbar-header{text-align: center;}
#smart .navbar-toggle
{
	float:left;
	border: 0;
}

#smart .navbar-default .navbar-toggle .icon-bar {background-color: #2dbe60!important;}
#smart .navbar-default .navbar-toggle:hover, 
#smart .navbar-default .navbar-toggle:focus,
#smart .navbar-default .navbar-nav > .open > a:focus{background-color: transparent!important;}
#smart .navbar-header .my-smart
{
    float: right;
    font-size: 15px;
    color: #fff!important;
    padding: 15px 9px 14px 9px;
	display:block;
	background: none;
}

#smart .navbar-default.sticky li#gn-search
{
    float: right;
    list-style: none;
    color: #fff;
    padding: 15px 10px;
}

#smart .navbar-default.sticky li#gn-search a{color:#2dbe60;}
#smart .navbar-default.sticky li#gn-search a:hover{text-decoration: none;}

#smart .navbar-default .navbar-collapse,
#smart .navbar-default .navbar-form
{
	border: none;
	box-shadow: none;
}

#smart .navbar-nav { margin: 10px 10px 15px -10px;}


#smart header .navbar-nav > li#gn-search,
#smart header .navbar-nav > li#gn-mysmart {display:none;}
#smart .navbar-nav > li  {border-bottom: 1px #333 solid;}
#smart .navbar-nav > li > a
{
    color: #656565;
    font-size: 15px;
	font-weight: 400;
	padding: 15px 10px;
}
#smart .navbar-nav > li > a{text-decoration: none;}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background: none!important;}

#smart .navbar-nav .dropdown-menu > li > a{color:#656565!important; font-size: 16px; line-height: 24px;}
#smart .navbar-nav > li > a:hover,
#smart .navbar-nav .dropdown-menu > li > a:hover
{
	color: #656565!important;
	text-decoration: none!important;
	background-color: transparent!important;
}

#smart .footermain .navbar-nav > li > a,
#smart .footermain .navbar-nav .dropdown-menu > li > a,
#smart .footermain .navbar-nav > li > a:hover,
#smart .footermain .navbar-nav .dropdown-menu > li > a:hover
{
	color: #fff!important;
}

#smart .navbar-nav li.dropdown a i.fa-angle-down
{   
	font-size: 16px;
    float: right;
    padding: 0px 20px;
}

#smart .navbar ul li#gn-search a {padding: 17px 15px 13px;}
#smart .navbar ul li#gn-mysmart a {padding: 17px 12px 13px 12px;}

#smart header #core-nav
{
	background: #000;
	display: none;
	width: 100%;
	z-index: 999998;
} 

#smart header #topnav
{
    margin: 0 auto;
    padding: 0;
	height: 50px;
	padding: 0 10px;
	background-color: #000;
}
#smart header #topnav .logo
{
    height: 50px;
    float: left;
}


#smart header .sub-logo 
{
    margin-left: -25px!important;
    margin-top: 7px!important;
}
	
#smart header #topnav .logo h1,
#smart header .sub-logo h1
{
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9000px!important;
}
#smart header #topnav .logo h1 a,
#smart header .sub-logo h1 a
{
    background: transparent url("https://smart.com.ph/smartrevamp/AssetsResponsive/images/smartblacklogo.png?v=060716") no-repeat 0 top;
    display: block;
    height: 50px;
	width: 160px;
    overflow: hidden;
	text-indent: -9000px!important;
}
#smart header #topnav .linktohome
{
	float: left;
	display: block;
}
#smart header #topnav .linktohome a
{
	display: block;
	padding: 14px 26px 13px; /*padding: 11px 26px 13px;*/
	text-decoration: none;
	position: relative;
	font-size: 15px;
	z-index: 300;
	color: #FFF;
	font-weight: 400;
	outline: 0;
	/*border-top: 3px solid #b9d9eb;*/
	height: 22px;
}
#smart header #topnav .linktohome a:hover
{
	color: #ddd;
}
/* Primary Navigation */
/*#smart header .navigation .tab_container
{
    visibility:hidden;
}*/
#smart header .navigation .tab_container div.subnav.ui-tabs-hide {display:none;} /* Hide the inactive subnav */
#smart header #topnav .navigation
{
    /*position: relative;*/
    height: 50px;
    padding-left: 123px;
    /*overflow: hidden;*/
	
}
#smart header #topnav .navigation ul
{
    margin: 0;
    padding: 0;  
    list-style:none;
    z-index: 200;

}
#smart header #topnav .navigation ul.nav-justified{padding-left:22px;}
#smart header #topnav .navigation ul li
{
    list-style-image: none;
    float: left;
}
#smart header #topnav .navigation ul.mainnav li a
{
    display: block;
	text-decoration: none;
	position: relative;
	z-index: 300;
	color: #656565;
	font-weight: 400;
	text-transform: uppercase;
	outline: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#smart header #topnav .navigation ul.mainnav li a:hover
{
	background-color: #2dbe60;
	color: #fff;
}
#smart header #topnav .navigation ul li.ui-tabs-active a, #smart header #topnav .navigation ul li.ui-state-active a
{
	background-color: #2dbe60;
	color: #fff;
}
#smart header #topnav .navigation ul li#gn-more.ui-tabs-active a, #smart header #topnav .navigation ul li#gn-more.ui-state-active a
{
	background-color: #0098d3;
	color: #FFF;
}
#smart header #topnav .navigation ul li a:hover, #smart header #topnav .navigation ul li.selectedtab a
{
   
}
#smart header #topnav .navigation ul li#gn-smart.ui-tabs-active a
{
	color: #FFF;
	background: none;
}
#smart header #topnav .navigation ul li#gn-smart a
{
	/*border-top: 3px solid #b9d9eb;*/
	display:none;
}
/*#smart header #topnav .navigation ul li#gn-smartshop a
{
	border-top: 3px solid #71c5e8;
}
#smart header #topnav .navigation ul li#gn-postpaid a
{
	border-top: 3px solid #0098d3;
}
#smart header #topnav .navigation ul li#gn-prepaid a
{
	border-top: 3px solid #cedc00;
}
#smart header #topnav .navigation ul li#gn-broadband a
{
	border-top: 3px solid #0098d3;
}
#smart header #topnav .navigation ul li#gn-international a
{
	border-top: 3px solid #b9d9eb;
}
#smart header #topnav .navigation ul li#gn-help a
{
	border-top: 3px solid #a1da2f;
}*/
#smart header #topnav .navigation ul li#gn-more a
{
	/*border-top: 3px solid #0098d3;
	padding: 10px 18px 13px; */
	padding: 13px 18px 13px;
}
#smart header #topnav .navigation ul li#gn-more a i.fa-plus
{
	font-size: 10px;
	vertical-align: middle;
	background: none;
	height: auto;
	width: auto;
	margin: 0;
	line-height: 0;
}
#smart header #topnav .navigation ul li#gn-search a
{
	padding: 13px 15px 13px;
}
#smart header #topnav .navigation ul li#gn-mysmart a
{
	background: #2dbe60;
    color: #fff;
    border-radius: 4px;
    padding: 3px 20px;
    margin-top: 12px;
    text-transform: capitalize;
}
}
#smart header #topnav .navigation ul li#gn-mysmart a i 
{
	background: none;
	height: auto;
	width: auto;
}
/* My Smart icon 
#smart header #topnav .navigation ul li#gn-mysmart a i.fa.fa-user 
{
	display:block;
	background: transparent url("http://smart.com.ph/smartrevamp/Assets2/images/icons-smart-revamp-user-white.png?v=090915") no-repeat 0 top;
	height: 14px;
	width: 13px;
	text-indent: -9000px;
}*/
#smart header #topnav .navigation ul li#gn-mysmart a:active
{
	background: #FFF;
}
/* My Smart icon */
/*
#smart header #topnav .navigation ul li#gn-mysmart a i.fa.fa-user:hover, #smart header #topnav .navigation ul li#gn-mysmart a:hover i.fa.fa-user 
{
	background: transparent url("../images/icons-smart-revamp-user-gray.png?v=090915") no-repeat 0 top;
}
#smart header #topnav .navigation ul li#gn-mysmart a i.fa.fa-user:active, #smart header #topnav .navigation ul li#gn-mysmart a:active i.fa.fa-user, 
#smart header #topnav .navigation ul li#gn-mysmart.ui-tabs-active a i.fa.fa-user
{
	background: transparent url("../images/icons-smart-revamp-user-black.png?v=090915") no-repeat 0 top;
}

*/
#smart header #topnav .navigation ul li#gn-more.ui-tabs-active a
{
	background-color: #0098d3;
	color: #FFF;
}


/* Sticky Navigation */
#smart header #stickynav
{
	background: #000;
	display: none;
} 
#smart header #stickynav .mainmenu
{
	height: 36px;
	background-color: #000;
	margin: 0 auto;
	position: relative;
} 

#smart header #stickynav .mainmenu .left ul, #smart header #stickynav .mainmenu .right ul
{
	padding: 0;
	margin: 0px 0px 0px 100px;
	padding-left: 12px;
}
#smart header #stickynav .mainmenu .left ul li, #smart header #stickynav .mainmenu .right ul li
{
	float:left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: auto;
}
#smart header #stickynav .mainmenu .left ul li a, #smart header #stickynav .mainmenu .right ul li a
{
	color: #FFF;
	font-size: 13px;
	display: block;
	padding: 6px 14px;
}
#smart header #stickynav .mainmenu .right ul li a
{
	padding: 6px 11px;
}
#smart header #stickynav .mainmenu .left ul li a:hover, #smart header #stickynav .mainmenu .right ul li a:hover
{
	text-decoration: none;
}
#smart header .navbar i.fa-plus,
#smart header #stickynav .mainmenu .left ul li a i.fa-plus
{
	font-size: 9px;
}

#smart header #stickynav .mainmenu a.sticky-home:hover, #smart header #stickynav .mainmenu a.sticky-international:hover
{
	color: #b9d9eb;
}
#smart header #stickynav .mainmenu a.sticky-postpaid:hover, #smart header #stickynav .mainmenu a.sticky-more:hover
{
	color: #0098d3;
}
#smart header #stickynav .mainmenu a.sticky-prepaid:hover, #smart header #stickynav .mainmenu a.sticky-help:hover
{
	color: #cedc00;
}
#smart header #stickynav .mainmenu a.sticky-bro:hover, #smart header #stickynav .mainmenu a.sticky-store:hover
{
	color: #0098d3;
}
/* Sticky - +More dropdown */
#smart header #stickynav .mainmenu .left ul li.more 
{
	position: relative
}
#smart header #stickynav .mainmenu .left ul li.more #morelinks ul
{
	margin: 0;
}
#smart header #stickynav .mainmenu .left ul li.more #morelinks
{
	position: absolute;
	background-color: #0098d3;
	width: 150px;
	padding: 5px 0;
	display:none;
	z-index: 999999;
}
#smart header #stickynav .mainmenu .left ul li.more #morelinks a:hover
{
	color: #ddd;
}
#smart header #stickynav .mainmenu .left ul li.more a.sticky-more.active
{
	background-color: #0098d3;
	color: #FFF;
}
/* Sticky - Search dropdown */
#smart header #stickynav .mainmenu .right ul li.search 
{
	position: relative
}
#smart header #stickynav .mainmenu .right ul li.search #search
{
	position: absolute;
	background-color: #FFF;
	width: 210px;
	right: 0;
	padding: 14px;
	display:none;
}
#smart header #stickynav .mainmenu .right ul li.search #search input
{
	border: 1px solid #ddd;
	font-size: 14px;
	padding: 5px 8px;
	width: 190px;
	outline: none;
}
#smart header #stickynav .mainmenu .right ul li.search #search input:focus
{
	border: 1px solid #aaa;
}
#smart header #stickynav .mainmenu .right ul li.search a.sticky-search.active
{
	background-color: #FFF;
	color: #333;
}
#smart header #stickynav .mainmenu .left .logo
{
	float: left;
	padding: 19px 9px 5px;
	position: absolute;
	display: block;
	background-color: #000;
}
#smart header #stickynav .mainmenu .left .logo h1
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
#smart header #stickynav .mainmenu .left .logo a
{
  background: transparent url("https://smart.com.ph/smartrevamp/AssetsResponsive/images/smartblacklogo.png?v=060716") no-repeat 0 top;
  display: block;
  height: 58px;
  width: 89px;
  overflow: hidden;
}

#smart header #stickynav .submenu ,
#smart header #stickynav-mobile .submenu 
{
	height: 46px;
	background-color: #3b3b3b;
}

#smart header #stickynav-mobile{z-index: -999999;}

#smart header #stickynav .submenu .inner,
#smart header #stickynav-mobile .submenu .inner
{
	margin: 0 auto;
	background-color: #3b3b3b;
}
#smart header #stickynav .submenu nav ul,
#smart header #stickynav-mobile .submenu nav ul
{
	margin: 0;
	padding: 0px 0px 0px 103px;
	display: block;
	height: 46px;
	overflow: auto;
    white-space: nowrap;
}

#smart header #stickynav-mobile .submenu nav ul {padding: 0;}

#smart header #stickynav .submenu  nav ul li,
#smart header #stickynav-mobile .submenu  nav ul li
{
	/*float: left; */
    display: inline-block;
	padding: 0;
	margin: 0;
}
#smart header #stickynav .submenu  nav ul::-webkit-scrollbar, 
#smart header #stickynav-mobile .submenu  nav ul::-webkit-scrollbar { 
    display: none; 
	
}

	
#smart header #stickynav-mobile .submenu ul li a{padding: 10px 12px;}


#smart header #stickynav .submenu  nav ul li a,
#smart header #stickynav-mobile .submenu  nav ul li a
{
	color: #FFF;
	font-size: 14px;
	display: block;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#smart header #stickynav .submenu  nav ul li a:hover,
#smart header #stickynav-mobile .submenu  nav ul li a:hover
{
	color: #ddd;
	text-decoration: none;
}
#smart header #stickynav .submenu  nav ul li a.better-active,
#smart header #stickynav-mobile .submenu  nav ul li a.better-active
{
	color: #aaa;
}

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

#smart header #stickynav-mobile  .submenu .menu-overlay1,
#smart header #stickynav-mobile  .submenu .menu-overlay2
{
	background-size: cover;
	height: 46px;
    z-index: 10000;
    position: absolute;
    width: 62px;
    opacity: 0.8;
} 	
	
#smart header #stickynav-mobile  .submenu .menu-overlay1
{
	background: url(../images/submenu-bg-left2.png) no-repeat; 
	float:left;
	
}
#smart header #stickynav-mobile  .submenu .menu-overlay2
{
	background: url(../images/submenu-bg-right2.png) no-repeat; 
	background-position: 4px;
	right: 0px;
	margin-top: -46px;
}

/* Side Nav */

#smart .navbar-side .navbar-toggle 
{
    float: right;
    margin-top: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    height: 40px;
}

#smart .navbar-side  .navbar-toggle  .fa
{
	float: right;
	margin-right: 10px;
}
	
#smart .navbar-side .navbar-header
{
	text-align:left;
	border-bottom: 1px #f1f1f1 solid;
	width: 100%;
	padding-bottom: 10px;
}

#smart .side-menu  
{
	border-top: 1px #f1f1f1 solid;
	margin-bottom: 50px;
}

#smart .navbar-side .navbar-header h4{float: left;}

#smart .navbar-side .navbar-nav > li 
{
	border-bottom: 0;
	float: none;
}

#smart .navbar-side .navbar-nav,
#smart .navbar-side .navbar-collapse
{
	padding-left: 5px;
    float: left;
}

#smart .navbar-side .navbar-nav > li > a
{
	color: #999999;
	font-size: 14px;
	padding: 5px 0;
}

/* Search Dropdown - Google Search */

#smart .tab_container #subnav_search.subnav
{
    height: 110px;
	display:none;
}


#smart #subnav_search #search
{
	margin: 26px auto 12px;
	border-color: #66afe9;
}

#smart .navbar-default.sticky #subnav_search #search 
{
	margin: 0;
}

#smart #subnav_search #search #smart_search_form form input
{
	height: 50px;
	line-height: 30px;
	font-size: 28px;
	font-weight: 200;
	width: 900px;
	outline: none;
	padding: 4px 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#smart #subnav_search #search #smart_search_form form input:focus
{
	outline: none;
	border: 1px solid #bbb;
}


#smart header .show{display:block;}
#smart header li#gn-more .active{background: #0098d3;}
#smart header li#gn-search .active,
#smart header li#gn-search .active:focus,
#smart header li#gn-search .active:hover
{
	background-color:#fff!important;
	color: #000!important;
}

/* Secondary Navigation - Hovered */

#smart header .tab_container
{
	width: 100%;
	border-bottom: 1px #f1f1f1 solid;
}

#smart header .tab_container div.subnav
{
    background-color: white;
    top: 50px;
    width: 100%;
    z-index: 100;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.105);
	box-shadow: 0 1px 1px rgba(0,0,0,0.105);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#smart header .tab_container #productslinks,
#smart header .tab_container #serviceslinks,
#smart header .tab_container #shoplinks,
#smart header .tab_container #helplinks{height: 65px;}

#smart header .tab_container div#subnav_products ul,
#smart header .tab_container div#subnav_services ul,
#smart header .tab_container div#subnav_shop ul,
#smart header .tab_container div#subnav_help ul
{
	margin-top: 17px;
}

#smart .navbar-default.sticky .tab_container div.subnav
{
    width: 100%;
    left: 0px;
    z-index: 100;
	padding: 20px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.105);
	box-shadow: 0 1px 1px rgba(0,0,0,0.105);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#smart header .tab_container div#subnav_more.subnav
{
    display: none;
	background: none !important;
    position: relative;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#smart header.tab_container div#subnav_more.subnav .inside
{
	color: white;
	background-color: #0098d3;
	text-align: left;
	border: none;
	position: absolute;
	top: 0px;
	width: 350px;
	left: 390px;
	z-index: 100;
	padding: 17px 16px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.105);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.105);
	box-shadow: 0 2px 2px rgba(0,0,0,0.105);
}
#smart header .tab_container div#subnav_more.subnav .inside #search
{
	border-bottom: 1px solid #dedede;
	height: 44px;
	padding-bottom: 5px;
}
#smart header .tab_container div#subnav_more.subnav .inside #morelinks
{
}
#smart header .tab_container div#subnav_more.subnav .inside #morelinks ul
{
	background: none;
}
#smart header .tab_container div#subnav_more.subnav .inside #morelinks ul li
{
	margin: 0;
	padding: 3px 18px;
	list-style: none;
	float: left;
	border: none;
	width: 50%;
}
#smart header .tab_container div#subnav_more.subnav .inside #morelinks ul li a
{
	margin: 11px 0px;
	padding: 0;
	border: none;
	text-align: left;
	font: 14px "Lato", Helvetica, Arial, Sans-serif;
	color: #FFF;
}
#smart header .tab_container div#subnav_more.subnav .inside #morelinks ul li a:hover
{
	color: #ddd;
	text-shadow:none;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;
}
#smart header #topnav .navigation .tab_container div#subnav_home, 
#smart header #topnav .links .tab_container div#subnav_empty,  
#smart header #topnav .links ul li#gn-empty /* Fix for jquery Tabs selected tab */
{
    display:none !important;
}/*
#smart header #topnav .navigation .tab_container div.subnav ul
{
    display: block;
    margin: 0 auto;
	background-color: #FFF;
}
#smart header #topnav .navigation .tab_container div.subnav ul li
{
    margin:0;
    padding:0;
    border:none;
}
#smart header #topnav .navigation .tab_container div.subnav ul li a
{
    background:none;
    text-indent:0;
    font: 14px "Lato", Helvetica, Arial, Sans-serif;
	font-weight: 400;
    text-transform:uppercase;
    color: #6f6f6f;
    padding: 24px 11px 28px 11px;
    margin: 0;
    text-align: center;
}*/
#smart header #topnav .navigation .tab_container div#subnav_postpaid  ul li.first
{
	margin-left: 43px;
}
#smart header #topnav .navigation .tab_container div#subnav_prepaid  ul li.first
{
	margin-left: 134px;
}
#smart header #topnav .navigation .tab_container div#subnav_bro ul li.first
{
	margin-left: 72px;
}
#smart header #topnav .navigation .tab_container div#subnav_international ul li.first
{
	margin-left: 95px;
}
#smart header #topnav .navigation .tab_container div#subnav_help ul li.first
{
	margin-left: 100px;
}
#smart header #topnav .navigation .tab_container div#subnav_shop.subnav ul li a
{
	/*padding: 23px 9px 14px 9px;*/
}
#smart header #topnav .navigation .tab_container div.subnav ul li a img
{
    display:block;
    margin: 0 auto 10px;
	height: 90px;
}
#smart header #topnav .navigation .tab_container div#subnav_shop.subnav ul li a img 
{
	height: 90px;
}
#smart header #topnav .navigation .tab_container div.subnav ul li a:hover
{
    background:none;
    color:#2dbe60;
    text-shadow: 1px 1px 0px #FFF;
}
#smart header #topnav .navigation .tab_container div.subnav ul li.first a
{
    padding-left:6px;
    border-left:none;
}
#smart header #topnav .navigation .tab_container div.subnav ul li.last a
{
    padding-right:6px;
    border-right:none;
}

/* Search Dropdown - Google Search */

#smart header #topnav .navigation .tab_container #subnav_search.subnav
{
    height: 110px;
	display:none;
}
#smart header #topnav #subnav_search #search
{
    width: 960px;
	margin: 26px auto 12px;
	border-color: #66afe9;
}
#smart header #topnav #subnav_search #search #smart_search_form form input,
#smart .navbar-default.sticky #subnav_search #search form input,
.navbar-default.sticky #subnav_search form input
{
	height: 50px;
	line-height: 30px;
	font-size: 24px;
	font-weight: 200;
	width: 100%;
	outline: none;
	padding: 4px 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#smart header #topnav #subnav_search #search #smart_search_form form input:focus
{
	outline: none;
	border: 1px solid #bbb;
}
#smart header #topnav #subnav_search #search .cse form.gsc-search-box, 
#smart header #topnav #subnav_search #search form.gsc-search-box
{
    padding:0;
    margin:0;
}
#smart header #topnav #subnav_search #search table.gsc-search-box
{
}
#smart header #topnav #subnav_search #search table.gsc-search-box tr td
{
    background:none;
    border:none;
    padding:0;
}
#smart header #topnav #subnav_search #search table.gsc-search-box tr td.gsc-clear-button
{
    display:none;
}

#smart header #topnav #subnav_search #search table.gsc-search-box tr td.gsc-input input
{
    background: url("../images/search-initial.png?v=090915") no-repeat scroll 0 top transparent !important;
    outline: none;
    border: none;
    color: #666;
    float: left;
    font: 27px "Lato", Helvetica, Arial, sans-serif;
    height: 37px;
    padding: 4px 0 4px 17px;
    width: 622px;
	-webkit-transition: background-image .25s ease-in-out;
	-moz-transition: background-image .25s ease-in-out;
	-o-transition: background-image .25s ease-in-out;
	transition: background-image .25s ease-in-out;
}
#smart header #topnav #subnav_search #search table.gsc-search-box tr
{
    position: relative;
    display: block;
}
#smart header #topnav #subnav_search #search table.gsc-search-box tr td.gsc-input input:focus
{
    background: url("../images/search-active.png?v=090915") no-repeat scroll 0 top transparent !important;

}
#smart header #topnav #subnav_search #search table.gsc-search-box tr td.gsc-search-button
{
    position: absolute;
    right: 65px;
    top: 0;
}
#smart header #topnav #subnav_search #search table.gsc-search-box tr td.gsc-search-button input
{
    text-indent: -9000px;
    display: block;
    background: none;
    border: none;
    height: 44px;
    width: 54px;
    padding: 0;
}

#smart header #topnav .navigation .tab_container #subnav_mysmart.subnav /*Hide my.Smart*/
{
    display:none !important;
}

/* Search Dropdown - Qen Search */

#smart header #topnav .navigation .tab_container div#subnav_more.subnav .inside #search form
{
    padding:0;
    margin:0;
}
#smart header #topnav .navigation .tab_container div#subnav_more.subnav .inside #search form input
{
    background: url("../images/more-search-default.png?v=090915") no-repeat scroll 154px 7px #FFF !important;
	outline: none;
	border: none;
	color: #666;
	float: left;
	font-size: 12px;
	padding: 7px 26px 8px 8px;
	width: 141px;
	-webkit-transition: background-image .25s ease-in-out;
	-moz-transition: background-image .25s ease-in-out;
	-o-transition: background-image .25s ease-in-out;
	transition: background-image .25s ease-in-out;
	-webkit-transition: box-shadow .25s ease-in-out;
	-moz-transition: box-shadow .25s ease-in-out;
	-o-transition: box-shadow .25s ease-in-out;
	transition: box-shadow .25s ease-in-out;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.20);
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.20);
}
#smart header #topnav .navigation .tab_container div#subnav_more.subnav .inside #search form input:focus
{
    background: url("../images/more-search-active.png?v=090915") no-repeat scroll 154px 7px #FFF !important;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.34);
	box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.34);
}
#smart header #topnav .navigation .tab_container #subnav_mysmart.subnav /*Hide my.Smart*/
{
    display:none !important;
}

/* Fix for Smart Satellite */

#smart header #topnav .navigation ul li#gn-international.removethis a
{
	background: transparent url("../images/nav-primary-default2.png?v=090915") no-repeat 0 0;
    width: 101px;
	background-position: -565px 0;
}

/* Secondary Navigation - Sticky */
#smart header #lownav .lownav-bg
{
	background: #f1f1f1;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.105);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.105);
	box-shadow: 0 2px 2px rgba(0,0,0,0.105);
}
#smart header #lownav .lownav-bg ul
{
    width: 960px;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: 45px;
	background: #f1f1f1;
}
#smart header #lownav .lownav-bg ul li
{
    margin: 0;
	padding: 0;
    border: none;
    float: left;
    list-style: none;
	
}
#smart header #lownav .lownav-bg ul li a
{
    background:none;
    text-indent:0;
    font-size: 14px;
	font-weight: 400;
    text-transform:none;
    color: #000;
    padding: 10px 25px 10px 25px; /*padding: 2px 20px 5px 20px;*/
    margin: 0;
	display:block;
}
#smart header #lownav .lownav-bg ul li.first a
{
    border-left:none;
}
#smart header #lownav .lownav-bg ul li.last a
{
    border-right:none;
}
#smart header #lownav .lownav-bg ul li a:hover
{
    background:#FFF;
    color:#000;
	text-decoration: none;
}

/* Body */
#smart #main
{
    margin-top: 66px;
    /*overflow-x: hidden;  Good for banner but removes horizontal scrollbar */
}

/*Forms*/

#smart .form-control
{
	font-size: 14px!important;
}

/* Footer */

#smart footer .footermain
{
	background-color: #151719;
	padding: 0 20px;
}

#smart footer .footermain p,
#smart #sub_footer p
{
	color: #fff;
	font-weight: 400;
}

#smart footer .footermain .col-xs-6 {padding: 0;}

#smart footer .footermain .container
{
    margin: 0 auto;
	background-color: #151719;
}
#smart footer .footermain .container .upperfooter
{
    padding: 10px 10px 0;
    margin-bottom: 15px;
}
#smart footer .footermain .container .upperfooter .boxes
{
    margin: 0;
    padding: 10px;
	min-height: 200px;
}

#smart footer hr{border-top: 1px #333 solid!important;}

#smart footer .footermain .container .upperfooter .boxes:first-child img {margin-left: -8px;}

#smart footer .footermain .boxes h3,
#smart #sub_footer h3
{
    color: #2dbe60;
    margin: 7px 0 15px;
    font-size: 17px;
    font-weight: normal;
}

#smart footer .footermain .boxes h4
{
	color: #2dbe60;
	margin-bottom: 20px!important;
	text-transform: uppercase;
}

#smart footer .footermain .container .upperfooter .boxes ul.list
{
    margin:0;
	padding:0!important;
    display: inline-block;
	font-weight: 300;
}

#smart footer .footermain .container .upperfooter .boxes ul.list.smart li a{text-transform: uppercase;}

#smart footer .footermain .container .upperfooter .boxes ul.list li
{
    list-style: none;
	list-style-image: none;
    color: #fff;
    line-height: 28px;
}
#smart footer .footermain .container .upperfooter .boxes ul.list li a
{
    display: block;
    color: #fff;
	font-weight: 400;
}
#smart footer .footermain .container .upperfooter .boxes ul.list li a:hover
{
	color: #fff;
	text-decoration: underline;
}
#smart footer .footermain .container .upperfooter .boxes p
{
	color: #fff;
	font-size: 14px;
	margin: 0;
	line-height: 22px;
	font-weight: 400;
	white-space: pre-wrap;
}
#smart footer .footermain .container .upperfooter .boxes p a,
#smart footer .footermain  .boxes p a
{
    color: #fff;
    text-decoration:underline;
}

#smart footer .footermain  .fa_iscons {margin: 10px 0;}

#smart footer .footermain  .fa_iscons a
{
	padding-right:20px;
	color: #fff;
}

#smart footer .footermain .legal
{
    margin-right:20px;
    border-top: 1px solid #454545;
}
#smart footer .footermain  .legal p
{
    color: #fff;
    font-weight: 400;
    margin: 25px 0;
}

	
#smart footer .footermain .legal .left,
#smart footer .footermain .legal .right  
{
	float: none;
	margin-top: -10px;
}	


#smart footer .footermain .legal .right ul
{
    margin: 0;
    padding: 0;
}
#smart footer .footermain .legal .right ul li
{
    list-style:none;
    float:left;
	font-weight: 400;
	margin-right: 10px;
}

#smart footer .footermain .legal .right ul li a
{
	padding: 0 3px;
	color: #fff;
	text-transform: uppercase;
}
#smart footer .footermain .legal .right ul li a:hover
{	
	color: #eee;

}

#smart footer .footermain .container{display: none;}
#smart footer .footermain .navbar-nav
{
	display: block;
	margin: 0;
	padding-left: 0;
	padding-bottom: 10px;
}


#smart footer .navbar-nav > li:first-child {border-top: 1px #656565 solid;}
#smart footer .navbar-nav > li {border-bottom: 1px #656565 solid;}

#smart footer .navbar-nav > li > a:focus{background: #3b3b3b;}

/* ==========================================================================
   Typography
   ========================================================================== */

#smart
{
    font-family: "Lato", Helvetica, Arial, sans-serif;
    color: #656565;
}

#smart h1, #smart h2, #smart h3, #smart h4, #smart h5, #smart h6
{
    font-family: "Lato", Helvetica, Arial, Sans-serif;
    font-weight: 400;
}

#smart p
{
	font: 14px "Lato", Georgia, Helvetica, Arial, sans-serif;
    margin-bottom: 12px;
	font-weight: 300;
}
#smart p.introduction
{
    font: 19px "Lato", Georgia, Helvetica, Arial, sans-serif;
    margin-bottom: 12px;
	font-weight: 300;
}
#smart p.text
{
    font: 16px "Lato", Georgia, Helvetica, Arial, sans-serif;
    margin-bottom: 12px;
    line-height: 24px;
	font-weight: 300;
	word-wrap: break-word;
}

#smart ul, #smart ol {
    margin-bottom: 12px;
    padding-left: 22px;
    font: 14px "Lato", Georgia, Helvetica, Arial, sans-serif;
    font-weight: 300;
}

#smart ul p, #smart ol p
{
	font: 14px "Lato", Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
	line-height: 22px;
	font-weight: 300;
}
#smart ul p.text, #smart ol p.text
{
    font: 14px "Lato", Georgia, Helvetica, Arial, sans-serif;
    margin-bottom: 12px;
    line-height: 22px;
    font-weight: 300;
}
#smart ul li, #main ol li
{
    line-height: 24px;
}
#smart ol li
{
    list-style-type: decimal;
}
#smart #inside ul li
{
    /*list-style-image: url(../images/ul-bullet.png?v=090915?v=040715);*/
	list-style: none;
	list-style-type: disc;
}
#smart a
{
    color: #0098d3;
    text-decoration: none;
}
#smart a:hover
{
    text-decoration: underline;
}
#smart td, #smart th, #smart td ul
{
    font-size: 12px;
}
#smart input, #smart textarea, #smart select, #smart table
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#smart ul.subnav
{
    /*visibility:hidden;*/
}
#smart strong
{
    font-weight: bold;
}

/* Color Options */

#smart h1.white-text, #smart h2.white-text, #smart h3.white-text, #smart h4.white-text, #smart h5.white-text, #smart h6.white-text, #smart p.white-text, #smart ul li.white-text, #main ol li.white-text, #smart ul p.white, #smart ol p.white-text
{ color: #FFF; }
#smart h1.grey-text, #smart h2.grey-text, #smart h3.grey-text, #smart h4.grey-text, #smart h5.grey-text, #smart h6.grey-text, #smart p.grey-text, #smart ul li.grey-text, #main ol li.grey-text, #smart ul p.grey-text, #smart ol p.grey-text
{ color: #BBB; }
#smart h1.green-text, #smart h2.green-text, #smart h3.green-text, #smart h4.green-text, #smart h5.green-text, #smart h6.green-text, #smart p.green-text, #smart ul li.green-text, #main ol li.green-text, #smart ul p.green-text, #smart ol p.green-text
{ color: #2dbe60; }


/* ==========================================================================
   Theme
   ========================================================================== */

/* Tables
-------------------------------------------------*/
#smart #main table 
{
    margin-bottom:12px;
    border-collapse:collapse;
}

#smart .table-responsive {overflow-y: hidden\0/;}

#smart #main table.prepaid thead tr td, #smart #main table.prepaid thead tr th,
#smart #main table.postpaid thead tr td, #smart #main table.postpaid thead tr th,
#smart #main table.bro thead tr td, #smart #main table.bro thead tr th,
#smart #main table.money thead tr td, #smart #main table.money thead tr th,
#smart #main table.about thead tr td, #smart #main table.about thead tr th,
#smart #main table.corporate thead tr td, #smart #main table.corporate thead tr th,
#smart #main table.campaigns thead tr td, #smart #main table.campaigns thead tr th,
#smart #main table.international thead tr td, #smart #main table.international thead tr th,
#smart #main table.support thead tr td, #smart #main table.support thead tr th
{
	background: #009e62;
	border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    border-left:1px solid #FFF;
	border-bottom: none;
    padding:7px 10px;
    font-weight: 400;
	color: #FFF;
}
#smart #main table.corporate thead tr.table-header td, #smart #main table.corporate thead tr.table-header th
{
	background: #48bd6e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4YmQ2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzI3YTI4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzk0OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #48bd6e 0%, #27a282 49%, #17948c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #48bd6e 0%,#27a282 49%,#17948c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #48bd6e 0%,#27a282 49%,#17948c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48bd6e', endColorstr='#17948c',GradientType=1 ); /* IE6-8 */\
	border-bottom: 1px solid #FFF;
	border-top: none;
	font-weight: 700;
	text-align: center;
	color: #FFF;
}
#smart #main table.prepaid tbody tr th, #smart #main table.prepaid tbody tr td,
#smart #main table.postpaid tbody tr th, #smart #main table.postpaid tbody tr td,
#smart #main table.bro tbody tr th, #smart #main table.bro tbody tr td,
#smart #main table.money tbody tr th, #smart #main table.money tbody tr td,
#smart #main table.about tbody tr th, #smart #main table.about tbody tr td,
#smart #main table.corporate tbody tr th, #smart #main table.corporate tbody tr td,
#smart #main table.campaigns tbody tr th, #smart #main table.campaigns tbody tr td,
#smart #main table.international tbody tr th, #smart #main table.international tbody tr td,
#smart #main table.support tbody tr th, #smart #main table.support tbody tr td
{
    border:1px solid #DDD;
    padding:7px 10px;
}
#smart #main table.prepaid tbody tr th, 
#smart #main table.postpaid tbody tr th,
#smart #main table.bro tbody tr th, 
#smart #main table.money tbody tr th, 
#smart #main table.about tbody tr th, 
#smart #main table.corporate tbody tr th, 
#smart #main table.campaigns tbody tr th,
#smart #main table.international tbody tr th, 
#smart #main table.support tbody tr th
{
    font-weight:400;
}
#smart #main table.prepaid tbody tr.alt th, #smart #main table.prepaid tbody tr.alt td,
#smart #main table.postpaid tbody tr.alt th, #smart #main table.postpaid tbody tr.alt td,
#smart #main table.bro tbody tr.alt th, #smart #main table.bro tbody tr.alt td,
#smart #main table.money tbody tr.alt th, #smart #main table.money tbody tr.alt td,
#smart #main table.about tbody tr.alt th, #smart #main table.about tbody tr.alt td,
#smart #main table.corporate tbody tr.alt th, #smart #main table.corporate tbody tr.alt td,
#smart #main table.campaigns tbody tr.alt th, #smart #main table.campaigns tbody tr.alt td,
#smart #main table.international tbody tr.alt th, #smart #main table.international tbody tr.alt td,
#smart #main table.support tbody tr.alt th, #smart #main table.support tbody tr.alt td
{
    background-color:#FFF;
}

/* Automatic Buttons
-------------------------------------------------*/
/* New buttons */

#smart .btn-xs,
#smart .btn-sm,
#smart .btn-lg,
#smart .btn 
{
	color: #fff;
	padding: 8px 40px 10px;
}

#smart .btn-xs:hover,
#smart .btn-sm:hover,
#smart .btn-lg:hover,
#smart .btn:hover {text-decoration: none;}

#smart .btn-default{color:#333;}

#smart .blue,
#smart .blue.newblue{background-color: #0098d3;}
#smart .blue:hover,
#smart .blue.newblue:hover{background-color: #009cde;}

#smart .green
{
	background-color: #2dbe60;
}
#smart .green:hover{background-color: #37cd6c;}


#smart .magenta,
#smart .magenta.newblue
{
	background-color: #0098d3;
}
#smart .magenta:hover,
#smart .magenta.newblue:hover{background-color: #009cde}
/*
#smart .medblue
{
    -webkit-box-shadow: 0px 1px 0px #70a3b9;
	-moz-box-shadow:    0px 1px 0px #70a3b9;
	box-shadow:         0px 1px 0px #70a3b9;
	background-color: #71c5e8;
}
#smart .medblue:hover{background-color: #7ad1f5;}
*/
#smart .gray
{
    -webkit-box-shadow: 0px 1px 0px #bababa;
	-moz-box-shadow:    0px 1px 0px #bababa;
	box-shadow:         0px 1px 0px #bababa;
	background-color: #d3d1d1;
    color: #777;
}
#smart .gray:hover{background-color: #dbdbdb;}

#smart .ghost-blue
{
	background-color: #FFF;
	color: #0098d3;
	border: 2px solid #0098d3 !important;
}
#smart .ghost-blue:hover{border: 2px solid #009cde !important; color: #009cde !important; background-color: #FFF !important; }

#smart .ghost-green
{
	background-color: #FFF;
	color: #2dbe60;
	border: 2px solid #2dbe60 !important;
}
#smart .ghost-green:hover{border: 2px solid #37cd6c !important; color: #37cd6c !important; background-color: #FFF !important; }

#smart .ghost-white
{
	background-color: transparent;
	color: #FFF;
	border: 2px solid #FFF !important;
}
#smart .ghost-white:hover{border: 2px solid #FFF !important; color: #FFF !important; background-color: transparent !important; }

#smart .btn-group.dropup.open ul.dropdown-menu,
#smart .dropdown-menu{padding-left:0px;}
#smart .btn-group.dropup.open ul.dropdown-menu li a:hover,
#smart  ul.dropdown-menu li a:hover{text-decoration: none;}
#smart  ul.dropdown-menu li {list-style: none;}
/* Arrowlinks */

#smart a.arrowlink
{
	background: transparent url('../images/plans-arrowright-b.png?v=090915') no-repeat right 0;
    padding-right: 26px;
    padding-bottom: 2px;
    color: #0098d3;
    text-decoration: none;
	font-size: 16px;
	font-weight: 400;
}
#smart a.arrowlink:hover
{
	text-decoration: underline;
}
#smart a.arrowlink.white
{
	background: transparent url('../images/plans-arrowright-white.png?v=090915') no-repeat right 0;
    color: #FFF;
}

/*IMAGE*/


/* ==========================================================================
   Pages
   ========================================================================== */

#smart #main .container
{
    /* margin: 0 auto;
    position: relative;
    width:50%; */
}

/* ==========================================================================
   Inner Pages
   ========================================================================== */

/* Carousel */

.carousel-control
{
	background-image: none!important;
	filter:none!important;
}
 
/* Simple */

#smart #main .top
{
    
}
#smart #main .top .pagedetails
{
    position: absolute;
    height: 108px;
    background: transparent url('../images/pagedetails-bg.png') repeat 0 0;
    z-index: 300;
    width: 100%;
}

#smart #main .top .pagedetails.postpaid{background: rgba(0, 156, 222, 0.7);}
#smart #main .top .pagedetails.prepaid{background: rgba(206, 220, 0, 0.7);}
#smart #main .top .pagedetails.bro{background: rgba(224, 0, 77, 0.7);}

/*#smart #main .top .banner
{
    position:absolute;
    z-index:200;
}*/
#smart #main .top .banner img {
    /*height: the image's height;
    left: 50%;
    margin-left: -half the image's width;
    margin-top: -half the image's height;
    position: relative;
    top: 50%;
    width: the image's width; */
	width: 100%;
}
#smart #main .top .bannertemp
{
    height:108px;
    background: transparent url('../images/sbanner-balanced.jpg?v=102915') repeat 0 0;
    z-index:100;
}
#smart #main .top .pagedetails h1.pagetitle
{
    font-size: 35px;
    padding: 18px 10px 3px;
    margin: 0;
    color: #FFF;
    font-weight:normal;
}
#smart #main .top .pagedetails p.breadcrumbs
{
    font: 14px "Lato", Georgia, Helvetica, Arial, Sans-serif;
    margin: 0 0 0 10px;
    font-weight: 300;
}
#smart #main .top .pagedetails p.breadcrumbs span
{
    color: #fff;
    margin: 0 1px;  
}
#smart #main .top .pagedetails p.breadcrumbs span a{color: #fff;}
#smart #main  .top .pagedetails p.breadcrumbs span a:hover
{
    text-decoration:none;
    color:#FFF;
}
#smart #main .container #content
{
    padding: 30px 10px 30px;
}

#smart #main .banner .carousel-control i,
#smart #main .banner .carousel-control em,
#smart #main .banner-mobile .carousel-control i,
#smart #main .banner-mobile .carousel-control em
{
    font-size: 80px;
    color: #333;
}

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

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

/* Simple-Banner-S */
#smart #main #inside.banner-s .top
{
    position: relative;
    height: 350px;
}
#smart #main #inside.banner-s .top .pagedetails
{
    bottom: 0;
}
#smart #main #inside.banner-s .top .banner
{
    position: relative;
    height: 350px;
    overflow: hidden;
}
#smart #main #inside.banner-s .top .banner img 
{
    height: 350px;
    left: 50%;
    margin-left: -960px;
    margin-top: -175px;
    position: relative;
    top: 175px;
    width: 1920px;
}
#smart #main #inside.banner-s .top .bannertemp
{
    display:none;
}

/* Simple-Banner-M */
#smart #main #inside.banner-m .top
{
    position: relative;
    height: 395px;
}
#smart #main #inside.banner-m .top .pagedetails
{
    bottom: 0;
}
#smart #main #inside.banner-m .top .banner
{
    position: relative;
    height: 395px;
    overflow: hidden;
}
#smart #main #inside.banner-m .top .banner img 
{
    height: 395px;
    left: 50%;
    margin-left: -960px;
    margin-top: -198px;
    position: relative;
    top: 198px;
    width: 1920px;
}
#smart #main #inside.banner-m .top .bannertemp
{
    display:none;
}

/* Simple-Banner-L */
#smart #main #inside.banner-l .top
{
    position: relative;
    height: 445px;
}
#smart #main #inside.banner-l .top .pagedetails
{
    bottom: 0;
}
#smart #main #inside.banner-l .top .banner
{
    position: relative;
    height: 445px;
    overflow: hidden;
}
#smart #main #inside.banner-l .top .banner img 
{
    height: 445px;
    left: 50%;
    margin-left: -960px;
    margin-top: -223px;
    position: relative;
    top: 223px;
    width: 1920px;
}
#smart #main #inside.banner-l .top .bannertemp
{
    display:none;
}

/* Brand Landing */
#smart #main #inside.brand-landing .top
{
    position: relative;
    height: 395px;
}
#smart #main #inside.brand-landing .top .banner
{
    position: relative;
    height: 395px;
    overflow: hidden;
}
#smart #main #inside.brand-landing .top .banner img 
{
   
    left: 50%;
    margin-left: -960px;
    margin-top: -198px;
    position: relative;
    top: 198px;
    width: 1920px;
}

/* Side Navigation */
#smart #main #inside .container .content .sidenavigation
{
}
#smart div.sidenavigation
{
    width: 300px;
    margin-bottom: 30px;
    margin-left:20px;
    float: right;
}
#smart div.sidenavigation h4
{
    margin: 0;
    background: transparent url('../images/sidenav-h4-bg.png?v=090915') repeat 0 top;
    color: #FFF;
    padding: 5px 0 0 12px;
    font-size: 16px;
    height: 34px;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#smart div.sidenavigation div.RadTabStripVertical .rtsLevel
{
    background:#FFF;
}
#smart div.sidenavigation ul.navigation, #smart div.sidenavigation ul.rtsUL,  #smart div.sidenavigation ul.rsmList
{
    margin: 0;
    padding: 0;
    background: transparent url('../images/sidenav-bg-default.png?v=090915') repeat-x 0 top;
}
#smart div.sidenavigation ul.navigation li, #smart div.sidenavigation ul.rtsUL li.rtsLI, #smart div.sidenavigation ul.rsmList li.rsmItem
{
    list-style: none;
    border-bottom:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
}
#smart div.sidenavigation ul.rsmList li.rsmItem
{
    padding: 6px 5px 2px 28px;
}
#smart div.sidenavigation ul.navigation li a, #smart div.sidenavigation ul.rtsUL li.rtsLI a, #smart div.sidenavigation ul.rsmList li.rsmItem a.rsmLink
{
    height: 22px;
    background: #FFF;
    padding: 7px 14px 8px;
    color: #777;
    text-decoration: none;
    z-index: 100;
    font: 14px "Lato", Helvetica, Arial, Sans-serif;
	font-weight: 300;
}
#smart div.sidenavigation ul.rtsUL li.rtsLI a:hover
{
    text-decoration:none !important;
    color: #222;
}
#smart div.sidenavigation ul.rtsUL li.rtsLI a.rtsSelected
{
    border-bottom:none;
    color: #0098d3;
    text-shadow: 0px 1px 0px #FFF;
}
#smart div.sidenavigation ul.rtsUL li.rtsLI a.rtsSelected:hover
{

}
#smart div.sidenavigation ul.rsmList li.rsmItem a.rsmLink
{
    line-height: 20px;
}
#smart div.sidenavigation ul.navigation li a:hover, #smart div.sidenavigation ul.rtsUL li.rtsLI a:hover, #smart div.sidenavigation ul.rsmList li.rsmItem a.rsmLink:hover
{
    text-decoration:underline;
}
#smart div.sidenavigation ul.rtsUL li.rtsLI a span.rtsTxt, #smart div.sidenavigation ul.rtsUL li.rtsLI a span.rtsOut, #smart div.sidenavigation ul.rtsUL li.rtsLI a span.rtsIn
{
    line-height: 20px;   
    height:0;
}

/* Tab Navigation */
#smart #main #inside .container .content .tabnavigation
{
}
#smart div.tabnavigation
{
    width: 960px;
    margin-bottom: 30px;
}

#smart ul#myTabs li a
{
    background: #BFBFBF;
    color: #FFF;
	margin: 0 3px;
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#smart ul#myTabs li a:hover
{
	background: #a9a9a9;
    text-decoration: none !important;
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
	border-color: #a9a9a9;
}

 #smart ul#myTabs li.active a
 {  
	background: #FFF;
	color: #656565;
}

 #smart ul#myTabs li.active a:hover
 {
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

 #smart ul#myTabs .dropdown-menu li a
 {
	background: none;
	color: #656565;
 }

#smart div.tabnavigation div.RadTabStripVertical .rtsLevel
{
    background:#FFF;
}
#smart div.tabnavigation ul.navigation,
#smart div.tabnavigation ul.rtsUL,
#smart div.tabnavigation ul.rsmList
{
    height: 42px;
    margin: 0;
    padding: 0;
    background: transparent url('../images/tabsline.png?v=090915') no-repeat 0 bottom;
	width: 100%;
	display: block;
}
#smart div.tabnavigation ul.navigation li,
#smart div.tabnavigation ul.rtsUL li.rtsLI,
#smart div.tabnavigation ul.rsmList li.rsmItem
{
    list-style: none;
    float:left;
    border: none;
}
#smart div.tabnavigation ul.rtsUL li.rtsLI.rtsFirst
{
    margin-left: 7px;
}
#smart div.tabnavigation ul.rsmList li.rsmItem
{
    padding: 6px 5px 2px 28px;
}
#smart div.tabnavigation ul.navigation li a, 
#smart div.tabnavigation ul.rtsUL li.rtsLI a, 
#smart div.tabnavigation ul.rsmList li.rsmItem a.rsmLink
{
    height: 22px;
    background: #BFBFBF;
    padding: 10px 28px;
    color: #FFF;
    text-decoration: none;
    z-index: 100;
    margin: 0 3px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-shadow: 0px 1px 0px rgba(90, 90, 90, 1);
    font: 16px "Lato", Helvetica, Arial, Sans-serif;
}
#smart div.tabnavigation ul.rtsUL li.rtsLI a:hover
{
    background: #a9a9a9;
    text-decoration:none !important;
}
#smart div.tabnavigation ul.rtsUL li.rtsLI a.rtsSelected
{
    border: 1px solid #dedede;
    border-bottom:none;
    color: #656565;
    background: #FFF url('../images/tab-active.png?v=090915') repeat-x 0 0;
    text-shadow:none;
    
}
#smart div.tabnavigation ul.rtsUL li.rtsLI a.rtsSelected:hover
{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#smart div.tabnavigation ul.rsmList li.rsmItem a.rsmLink
{
    line-height: 20px;
}
#smart div.tabnavigation ul.navigation li a:hover,
#smart div.tabnavigation ul.rtsUL li.rtsLI a:hover, 
#smart div.tabnavigation ul.rsmList li.rsmItem a.rsmLink:hover
{
    text-decoration:underline;
}
#smart div.tabnavigation ul.rtsUL li.rtsLI a span.rtsTxt, 
#smart div.tabnavigation ul.rtsUL li.rtsLI a span.rtsOut,
#smart div.tabnavigation ul.rtsUL li.rtsLI a span.rtsIn
{
    line-height: 20px;   
    height:0;
}
/* Accordions */
#smart .accordion-group .panel-heading {
	padding: 0;
}
#smart .accordion-group .panel-default > .panel-heading {
	background-color: #fff;
	border-color: none;
}
#smart .accordion-group .panel-group .panel-heading + .panel-collapse > .panel-body {
	border: 0;
}
#smart .accordion-group #accordion .panel {
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#smart .accordion-group #accordion .panel-default {
	border-bottom: 1px solid #d2d2d2;
}
#smart .accordion-group .panel-group .panel + .panel, #smart .accordion-group .panel-group .panel {
	margin: 0;
}
#smart .accordion-group #accordion .panel-body {
    padding: 20px 30px 30px;
}
#smart .accordion-group #accordion .panel .panel-heading a {
	display: block;
	color: #202020;
	padding: 20px 20px 20px 30px;
}
#smart .accordion-group #accordion a:hover {
	text-decoration: none;
}
#smart .accordion-group #accordion h4 {
	margin: 0 !important;
	color: #202020;
	border: 0;
	background: url(../images/acc-plus.png) no-repeat 0px 25px;
}
#smart .accordion-group #accordion .actives{
    background: #fff url(../images/acc-minus.png) no-repeat 0px 25px;
}


/**************************
    Fixed Issue Here
*************************/
/*SSO Login fix */
#smart .AspNet-Login-UserPanel input, #smart .AspNet-Login-PasswordPanel input 
{
	font-size:14px !important;
}
.ie7  #smart header #topnav .navigation .tab_container div#subnav_more.subnav .inside,
{
    top: -62px !important;
    left: 552px !important;
}



/*Subfooter with Survey and Newsletters*/
/* New Subfooter with Survey and Newsletters*/
#smart #sub_footer  {border-bottom: 1px #333 solid;}
#smart #sub_footer .cfbox 
{
	margin: 10px 0;
	text-align: left;
}


#smart #sub_footer #cfbox3 {border-bottom: 0;}

#smart #sub_footer input.wf-input 	
{
	width: 175px;
	background-color: #fff;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ui-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 8px;
	margin: 3px 0;
}
#smart #sub_footer select#category_faq {
	background-color: #fff;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ui-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#smart #sub_footer #wf-sort-id 
{
	padding-left: 0!important;
	margin-top: 10px;
}

#smart #sub_footer #cfbox1 p,
#smart #sub_footer #cfbox2 p,
#smart #sub_footer #cfbox3 p 
{
	font-size: 13px;
    white-space: pre-wrap;
}

#smart #sub_footer #cfbox3 p {width: 262px\0/;}

#smart #sub_footer #fb1 {color: #2479a5 !important;}
#smart #sub_footer #tw1 {color: #25b2e7;}
#smart #sub_footer #in1 {color: #9B674F;}
#smart #sub_footer #yo1 {color: #dd2821;}
#smart #sub_footer #li1{color:#0077B5;}

#smart #sub_footer .fa_iscons {margin: 27px 0 0 0;}

#smart #sub_footer .fa_iscons a { margin: 0 10px 0 0;}

#smart #sub_footer #imgSurvey 
{
    float: left;
    margin: 0 11px 0 0;
    position: absolute;
    right: 449px;
}


#gtrspns_box .form-control {z-index:0!Important; border: 1px #fff solid;}
#sub_footer .boxes .col-xs-12 {padding:0!important;}

#smart #sub_footer .instagram .container h4 {
  padding: 12px 10px 3px;
  border-bottom: 1px solid #d9d9d9;
  margin: 0;
}

#smart form#aspnetForm {margin: 0;}

footer 
{
	margin-top: -32px\0/;
	position: relative;
 
} /* IE8 footer fix */

#smart #sub_footer  
{
	background-color: #151719;
	padding: 20px 0;
}

#smart #sub_footer #drpdwn_caret { border-top: 4px solid #000 !important;}
#smart #sub_footer #drpdwn_menu #drpdwn_li #drpdwn_a:hover 
{
  text-decoration: none !important;
  background: none !important;
  font-weight: bold;
}
#smart #sub_footer #drpdwn_menu #drpdwn_li {
  list-style-type: none !important;
}
#smart #sub_footer #drpdwn {
  background: #fff;

  color: #000;
  text-shadow: none;
  float: right;
  border-radius: 3px;
}
#smart #sub_footer p#nltext {
    font-size: 12px;
	color: #898989;
	margin-bottom: 6px;
}

#smart #sub_footer #get_wrapper {
    margin: 0 0 0 6px;
}

#smart #sub_footer select#category_faq {
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: #2dbe60 url(../images/arrow-down.png) no-repeat right;
	color: #fff;
	border: none!important;
  
} 

/* smart getresponse */

#smart .input-group-btn
{
	white-space:initial!important;
	font-size: 14px!important;
}

#smart #sub_footer input.wf-button,
#smart #sub_footer a.wf-rc-reload 
 {
    font-size: 16px !important;
    color: #FFF !important;
    font-style: normal !important;
    text-decoration: none !important;
    width: 30px !important;
    background-repeat: no-repeat;
    background-position: 3px 4px;
    border-width: 0px !important;
    border-color: #000 !important;
    border-style: none !important;
    position: relative;
    border-radius: 0px 4px 4px 0px;
}

#smart #sub_footer input.wf-button
{
	background-image: url("../images/arrow-green.png") !important;
    background-color: #fff !important;
    padding: 8px 0px 7px !important;
	margin-left: -2px;
}
 
@-moz-document url-prefix() { 
  #smart #sub_footer input.wf-button {
     padding: 7px 0px!important;
  }
}

#smart #sub_footer a.wf-rc-reload 
{
	background-image: url("../images/icon-refresh.png?v=090915") !important;
    background-color: #999999 !important;
	padding: 3px 0px !important;
	display: block;
	text-indent: -999999px;
}

#smart #sub_footer .wf-inputpos,
#smart #sub_footer .wf-contbox {display: block !important;}
#smart #sub_footer .wf-captcha {height: 155px;}

#smart #sub_footer .wf-contbox  .wf-labelpos label{display:block!important;}

#smart #sub_footer select#category_faq 
{
	font-size: 13px;
	padding: 5px 6px;
}

#smart #sub_footer .views-row-1{display:block;}

#smart #sub_footer .views-row-2,
#smart #sub_footer .views-row-3,
#smart #sub_footer .views-row-4 {display: none;}

#smart #sub_footer div#recaptcha_image img 
{
	width: 77%;
	z-index: 999999;
	position: relative;
}

#smart #sub_footer input#recaptcha_response_field 
{
	display: block;
	width: 202px!important;
}



/* Search Box */
#smart header #topnav .navigation ul li#gn-search div#search
{
    border: 1px solid #f1f1f1;
    padding: 4px 10px 6px;
    margin: 11px 0 10px 15px;
    background: #fff;
	border-radius: 4px;
}
#smart header #topnav .navigation ul li#gn-search i
{
    color: #656565;
    margin-right: 5px;
}
#smart header #topnav .navigation ul li#gn-search div#search div#smart_search_form
{
	display: inline-block;
}
#smart header #topnav .navigation ul li#gn-search div#search div#smart_search_form input
{
	border: none;
	background: none;
	color: #656565;
}

#smart header #topnav .navigation ul li#gn-search div#search div#smart_search_form a:hover{background: none;}


/* Primary Navigation - Green Version 2016 //These are overrides// */
#smart header,
#smart header #core-nav
{
	background-color: #fff;
}
#smart header #topnav 
{
    height: 65px;
    background-color: #fff; 
}
#smart header #topnav .logo 
{
    height: 65px;
}
#smart header #topnav .logo h1 a ,
#smart header .sub-logo a 
{
    background: transparent url("https://smart.com.ph/smartrevamp/AssetsResponsive/images/smartblacklogo.png?v=060716/images/smartblacklogo.png?v=060716") no-repeat 0px!important;
    display: block;
    height: 65px;
	margin-left: -20px;
}
#smart header #topnav .navigation 
{
    height: 65px;
}
#smart header #topnav .navigation ul.mainnav
{
	height: 65px;
}
#smart header #topnav .navigation ul.mainnav li a {    padding: 21px 7px 20px; cursor: pointer;}

/*#smart header #topnav .navigation ul li#gn-mysmart a {padding: 17px 0px 17px 12px;}*/


#smart header #topnav .navigation span.right
{
	float: right;
	margin-top: 4px;
}


#smart header #topnav .navigation ul li#gn-mysmart a i.fa.fa-user:hover,
#smart header #topnav .navigation ul li#gn-mysmart a:hover i.fa.fa-user {
    background: transparent url("../images/icons-smart-revamp-user-gray.png") no-repeat 0 top;
}

#smart header #topnav .navigation ul li#gn-mysmart a i.fa.fa-user 
{
    display: inline-block;
	margin-right: 8px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#smart header .tab_container div.subnav {
	width: 100%;
    display: none; 
    background: none !important;
    position: relative;
	top: 0;
	height: auto;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;

}
#smart header .tab_container div.subnav .inside {
    top: 66px;
	left: 0;
	padding: 0;
    height: auto; 
	width: 100%;
	position: fixed;
	text-align: left;
    background-color: #FFF;
    z-index: 100;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.105);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.105);
    box-shadow: 0 2px 2px rgba(0,0,0,0.105);
}

#smart header  .tab_container div.subnav .inside ul
{
	width: 100%;
	height: inherit;
}
#smart header .tab_container div.subnav .inside ul li
{
	width: auto!important;
    /*margin: 0 23px;*/
}
#smart header .tab_container div.subnav .inside ul li:last-child 
{
	border-bottom: none;
}
#smart header  .tab_container div.subnav .inside ul li a
{
	padding: 22px 0;
    text-align: left;
	text-transform: uppercase;
	color: #656565;
	font-weight: normal;
}

#smart header  .tab_container div.subnav .inside ul li:last-child a{margin-right: 0;}

#smart header  .tab_container div.subnav .inside ul li a:hover
{
	color: #2dbe60;
	text-decoration: none;
    transform: translate(5px,0);
    -webkit-transform: translate(5px,0);
    -o-transform: translate(5px,0); 
    -moz-transform: translate(5px,0);
	transition: transform .2s ease-in-out;
	-webkit-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
}
/* Sticky Subnav per brands */
#smart header #lownav  {z-index: 999998;}

#smart header #lownav-sticky-wrapper {display: none;}

#smart header #lownav .lownav-bg 
{
    background: #FFFFFF;
}
#smart header #lownav .lownav-bg ul 
{
    height: 50px;
    background: #FFFFFF;
	width: 100%;
}
#smart header #lownav .lownav-bg ul span.right
{
	float:right;
}
#smart header #lownav .lownav-bg ul li.first a
{
    font-size: 17px;
    font-weight: 400;
}
#smart header #lownav .lownav-bg ul li a 
{
    font-size: 14px;
    font-weight: normal;
	/*text-transform: uppercase;*/
	padding: 21px 15px 20px 15px;
	color: #656565;
}

#smart header #lownav .lownav-bg ul li a:hover 
{
	color: #2dbe60;
}

/* Body */
#smart #main { 
    margin-top: 57px;
}

#smart header form.search_form input#q::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #656565;
}
#smart header form.search_form input#q:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #656565;
   opacity:  1;
}
#smart header form.search_form input#q::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #656565;
   opacity:  1;
}
#smart header form.search_form input#q:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #656565;
}


#smart header #topnav .navigation ul li#gn-mysmart a i.fa.fa-user {
    background: transparent url("../images/icons-smart-revamp-user-white.png") no-repeat 0 top;
    height: 14px;
    width: 13px;
    text-indent: -9000px;
}





/* Mobile navigation */

#smart header #stickynav-mobile .submenu,
#smart header #stickynav-mobile .submenu .inner
{
	background-color: #ffffff;
	
}



#smart header #stickynav-mobile .submenu nav ul li a{color: #333;}
#smart header #stickynav-mobile .submenu nav ul li a.last { padding-right: 30px; }
#smart .navbar-default 
{
	background: #fff!important;
	border-bottom: 1px #f1f1f1 solid;
	z-index: 999998;
}

#smart .navbar-nav > li {border-bottom: 1px #fff solid;}

#smart #main .top .banner {z-index: 0;}

.navbar-default.sticky #subnav_search  form input
{
	border: 1px solid #fff;
}

#smart #main .top .pagedetails {z-index: 0;}

#smart header #stickynav-mobile .submenu nav ul li a:hover {color: #0098d3;}

#smart .navbar-side .navbar-toggle 
{
    float: right;
    margin-top: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    height: 40px;
}

#smart .navbar-side  .navbar-toggle  .fa
{
	float: right;
	margin-right: 10px;
}
	
#smart .navbar-side .navbar-header
{
	text-align:left;
	border-bottom: 1px #f1f1f1 solid;
	width: 100%;
	padding-bottom: 10px;
}

#smart .side-menu  
{
	border-top: 1px #f1f1f1 solid;
	margin-bottom: 50px;
}

#smart .navbar-side .navbar-header h4{float: left;}

#smart .navbar-side .navbar-nav > li 
{
	border-bottom: 0;
	float: none;
}

#smart .navbar-side .navbar-nav,
#smart .navbar-side .navbar-collapse
{
	padding-left: 5px;
    float: left;
}

#smart .navbar-side .navbar-nav > li > a
{
	color: #999999;
	font-size: 14px;
	padding: 5px 0;
}
#smart .navbar-side .navbar-nav > li > a:hover,
#smart .navbar-side .navbar-nav > li > a.active,
#smart .navbar-side .navbar-nav > li.active> a {color: #0098d3!important;}

#smart .navbar-side .navbar-nav > li > a:hover::before,
#smart .navbar-side .navbar-nav > li > a.active::before,
#smart .navbar-side .navbar-nav > li.active > a::before
{
	font-family: FontAwesome;
	content: "\f0da";
	margin-left: -14px;
    margin-right: 9px;
}

body {min-width: auto!important;}

.TelerikModalOverlay{display: none;}

#smart img {max-width: 100%;}

#smart a.arrowback
{
	background: transparent url('../images/plans-arrowright-a.png?v=090915') no-repeat left 0;
    padding-left: 26px;
    padding-bottom: 2px;
    color: #0098d3;
    text-decoration: none;
	font-size: 14px;
	font-weight: 400;
}
#smart a.arrowlink:hover,
#smart a.arrowback:hover
{
	text-decoration: underline;
}

body#smart div.form-container-search-smart-com-ph.focus {width:520px!important;}

/* new get response */
.input-group .wf-input
{
    display: block;
    width: 100%!important;
    height: 34px;
    padding: 6px 12px!important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #656565;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


button.button
{
	background: url("https://smart.com.ph/smartrevamp/AssetsResponsive/images/plane.png?v=090915") center no-repeat !important;
    background-color: #0098d3 !important;
    padding: 7px 0px !important;
}



/* MEDIA QUERY */
@media only screen and (max-width: 480px) { 

   /*h1 {font-size: 22px !important;}*/
   h1.pagetitle {font-size: 31px !important;}

}


@media (max-width: 371px)	
{

     h1.pagetitle {font-size: 24px !important;}
	 #smart #main .top .pagedetails h1.pagetitle{   padding: 28px 10px 3px;}
}



@media (max-width: 480px)
{
	.banner .banner-web{display: none;}
	.banner .banner-mobile {display: block;}
	 h1.pagetitle {font-size: 24px !important;}
	 #smart #main .top .pagedetails h1.pagetitle{       padding: 14px 10px 3px; }
	
}

@media (max-width: 800px)
{
	
	#smart header #topnav .navigation ul li#gn-search div#search div#smart_search_form {width: 75px;}
	 #smart header #topnav .navigation ul li#gn-mysmart {margin-right: 10px;}
	
}

@media (min-width: 481px)
{
	.banner .banner-mobile {display: none;}
	
}

@media (min-width: 640px)
{
	#smart footer .footermain .legal .left{float: left;}
	#smart footer .footermain .legal .right
	{
		float:right;
		padding: 25px 3px;
		margin-right: -20px;
	}
}

@media (max-width: 767px)
{
	#smart header #lownav .lownav-bg ul li.first{display: none;}
	#smart header #lownav .lownav-bg ul span.right{float: none;}
	#core-nav-sticky-wrapper {height: 0!important;}
}


@media (min-width: 768px)
{
	.col-xs-12.col-sm-8 #gtrspns_box {margin-top: -5px;}
	.sticky-wrapper .sub-logo  {display: none;}
	.sticky-wrapper.is-sticky .sub-logo  {display: block!important;}
	 /*.carousel {position: initial!important;}*/
	#smart header #topnav .navigation ul.mainnav li a {font-size: 12px;}
	#smart header #topnav .navigation ul li#gn-mysmart a { padding: 3px 10px;}
	
	#smart header .tab_container div#subnav_products ul,
	#smart header .tab_container div#subnav_services ul,
	#smart header .tab_container div#subnav_shop ul,
	#smart header .tab_container div#subnav_help ul
	{
		margin-top: 17px;
		margin-left: 0px;
	}
	#smart header  .tab_container div.subnav .inside ul li a
	{
		font-size: 11px;
		margin-right: 13px;
	}
	
	#smart header .tab_container div#subnav_products ul li a,
	#smart header .tab_container div#subnav_services ul li a {margin-right: 37px;}
	
	
	#smart header #lownav-sticky-wrapper
	{
		display: block!important;
		height: auto!important;
	}
	
	#smart header #lownav-sticky-wrapper.sticky-wrapper.is-sticky
	
	#smart .navbar-default {height: 50px!important;}
	#smart .navbar-nav 
	{
		margin: 0;
		float: none;
	}
	#smart .navbar-nav > li:nth-child(2),
	#smart .navbar-nav > li#gn-search,
	#smart .navbar-nav > li#gn-mysmart {display:block!important;}
	#smart header #topnav .navigation .tab_container div#subnav_more.subnav .inside{left: 185px;}
	#smart .navbar > .container-fluid .navbar-brand{margin-left: 0;}
	#smart .navbar-nav > li > .dropdown-menu
	{
		background-color: #0098d3;
		text-align: left;
		border: none;
		width: 382px;
		padding: 33px 16px;
	}
	
	#smart .navbar .dropdown-menu > li 
	{
		width:50%;
		float: left;
	}
	
	#smart .navbar-nav > li.dropdown.open > a.dropdown-toggle:hover,
	#smart .navbar-nav > li.dropdown.open > a.dropdown-toggle {background: #0098d3!important;}
	

	
	#smart .navbar.sticky{display: none!important;}
	#smart #stickynav, #smart #core-nav{display: block!important;}
	
	/*#smart header #topnav .navigation ul li#gn-mysmart a {padding: 17px 0px 17px 0px;}
	#smart header #topnav .navigation ul li#gn-search div#search
	{
	    margin: 11px 0 10px 8px;
	}*/

	
	#smart .side-menu  
	{
		border: 0;
		margin-bottom: 30px;
	}
	
	#smart .side-menu  .navbar-side{margin-bottom: 30px;}
	
	#smart footer .footermain .container
	{
		display: block;
		background-image: url(../images/city.png);
		background-repeat: no-repeat;
		background-position: right -106px bottom 61px;
	}
	
	 #smart footer .footermain{padding: 0;}
	
	#smart footer .footermain .lowerfooter {margin-top: 100px;}
	#smart footer .footermain .navbar-nav{display: none!important;}
	
	
	#smart .form-control.shorttext,
	#smart .form-control.short {width: 30%;}
	#smart .form-control.mediumtext,
	#smart .form-control.medium{width: 50%;}
	

	#smart footer .footermain .legal .left {float:left;}
	#smart footer .footermain .legal .right
	{
		margin: 0;
		padding: 17px 3px;
	}
	
	#smart #sub_footer .cfbox {padding: 0px 0px 0 95px;}

	#smart #sub_footer #cfbox1 { background: url(../images/icon-follow.png?v=090915) 0px 8px no-repeat;}
	#smart #sub_footer #cfbox2 {background: url(../images/icon-newsletter.png?v=090915) -8px 11px no-repeat;}
	#smart #sub_footer #cfbox3 { background: url(../images/icon-survey.png?v=090915) 5px 10px no-repeat;}
	#smart #sub_footer #cfbox3 {margin-right: 0;}
	#smart #sub_footer #cfbox1,
	#smart #sub_footer #cfbox2,
	#smart #sub_footer #cfbox3 
	{
		padding: 10px 0px 30px 108px;
		margin: 20px 0;
	}

	#smart #sub_footer #cfbox1 {padding: 10px 20px 30px 108px;}
	
	#smart #sub_footer .col-xs-12.col-sm-8 #wf-sort-id 
	{
		padding-left: 22px!important;
		margin-top: 0px;
		width: 80%;
	}
	
	#smart footer .footermain .legal .right ul li {margin: 0 20px;}
	
	#smart footer .footermain  .fa_iscons {margin-top:65px;}
	
	
}

@media (min-width: 992px)
{
	#smart header #topnav .navigation .tab_container div#subnav_more.subnav .inside{left: 380px;}
	#smart header #stickynav .mainmenu .right{float: right;}
	#smart header #topnav .navigation ul.mainnav li a 
	{
		font-size: 14px;
		padding: 21px 17px 20px;
		cursor: pointer;
	}
	/*#smart header #topnav .navigation ul li#gn-mysmart a {padding: 17px 0px 17px 12px;}
	#smart header #topnav .navigation ul li#gn-search div#search{width: 100%;}
	body#smart form.search-smart-com-ph {width: 100%;}*/
	
		
	
	#smart header .tab_container div#subnav_products ul,
	#smart header .tab_container div#subnav_services ul,
	#smart header .tab_container div#subnav_shop ul,
	#smart header .tab_container div#subnav_help ul
	{
		margin-top: 17px;
		margin-left: 0px;
	}
	#smart header  .tab_container div.subnav .inside ul li a
	{
		font-size: 12px;
		margin-right: 35px;
	}
	
		
	#smart footer .footermain .container
	{
		background-position: 0 275px;
	}
	
	


}


@media (min-width: 768px) and (max-width: 991px)
{
	#smart header #topnav .navigation ul li#gn-search div#search 
	{
		width: 123px;
	    padding: 4px 6px 6px;
		margin: 11px 0 10px 0px;
	}
	body#smart form.search-smart-com-ph,
	body#smart form.search-smart-com-ph input{width: 50px;}
	
	#smart header .sub-logo {display: none;}
}


@media (min-width: 1200px)
{
	
	#smart header #topnav .navigation ul.mainnav li a 
	{
		font-size: 15px;
		padding: 21px 34px 20px;
	}
	#smart header #topnav .navigation ul li#gn-mysmart a { padding: 3px 20px;}
	
	#smart header .tab_container div#subnav_products ul,
	#smart header .tab_container div#subnav_services ul,
	#smart header .tab_container div#subnav_shop ul,
	#smart header .tab_container div#subnav_help ul
	{
		margin-top: 17px;
		margin-left: 148px;
	}
	
	#smart header #lownav .lownav-bg ul li a
	{
		font-size: 15px!important;
		padding: 21px 15px 20px 15px!important;
	}
	
	#smart header  .tab_container div.subnav .inside ul li a
	{
		font-size: 15px;
		margin-right: 35px;
	}
	
}
/* Loading Animation */

#pagecontent {
    opacity: 0;
}

#pagecontent {
                    -webkit-transform: opacity 0.5s ease;
                    -moz-transform: opacity 0.5s ease;
                    -o-transform: opacity 0.5s ease;
                    -ms-transform: opacity 0.5s ease;
                    transform: opacity 0.5s ease;
}

body.pace-running #pagecontent {
    opacity: 1;
}
body.pace-done #pagecontent {
    opacity: 1;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #19a739;
  position: fixed;
  z-index: 	;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/*
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  display: block;
  position: absolute;
  right: 100%;
  margin-right: -7px;
  width: 93%;
  top: 7px;
  height: 14px;
  font-size: 12px;
  background: #2dbe60;
  color: #2dbe60;
  line-height: 60px;
  font-weight: bold;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;

}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
  position: fixed;
  width: 45px;
  text-align: right;
  right: 0;
  padding-right: 16px;
  top: 4px;
}

.pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px }
.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px }
.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px }
.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px }
.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px }
.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px }
.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px }
.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px }
.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px }
.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
.pace .pace-progress[data-progress-text="50%"]:after { right: -107px }
.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px }
.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px }
.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px }
.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px }
.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px }
.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px }
.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px }
.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px }
.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
.pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
.pace .pace-progress[data-progress-text="100%"]:after { right: -14px }


.pace .pace-activity {
  position: absolute;
  width: 100%;
  height: 28px;
  z-index: 2001;
  box-shadow: inset 0 0 0 2px #2dbe60, inset 0 0 0 7px #FFF;
  border-radius: 10px;
}

.pace.pace-inactive {
  display: none;
}

/* Link Animation */

#smart a.link-effect:hover{
	text-decoration: none;
}

.link-effect {
  position: relative;
  text-decoration: none;
  display: inline-block;
  padding: 0 1px;
  -webkit-transition: color ease 0.3s;
  transition: color ease 0.3s;
  z-index: 0;
}

.link-effect::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 5%;
  left: 0;
  bottom: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.link-effect.green
{
	color: #656565!important;
	background: none!important;
}
.link-effect.green::after {background: #2dbe60!important;}
.link-effect.green:hover
{
	color: #fff!important;
}

.link-effect.white
{
	color: #fff!important;
	background: none!important;
}
.link-effect.white::after {background: #ffffff!important;}
.link-effect.white:hover
{
	color: #2dbe60!important;
}


.link-effect:hover::after {
  height: 100%;
}

//* Smart Blog Increase Fonts */

.news-content .sfnewsMetaInfo.sfmetainfo p,
.news-content .sfnewsContent.sfcontent p,
.news-content .sfnewsSummary.sfsummary
{
	font-size: 18px!important;
	line-height: 26px!important;
}

.news-content .sfnewsDetails .sfnewsAuthorAndDate { margin: 10px 0; }

.btnlarge {
	display: inline-block;
    text-decoration: none;
    font-size: 16px;
    padding: 12px 22px 15px;
    color: #FFF;
}





/* new social icons for footer 09232016 */
.social-footers {
	height: 90px;
	margin: auto;
	font-size: 0;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.social-footer {
	display: inline-block;
	background-color: #151719;
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin: 0 1px;
	text-align: center;
	position: relative;
	overflow: hidden;
	opacity: .99;
	border-radius: 2px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	color: #fff;
}
.social-footer:before {
	content: '';
	background-color: #000;
	width: 120%;
	height: 120%;
	position: absolute;
	top: 110%;
	left: -10%;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-footer .fa {
	font-size: 30px;
	vertical-align: middle;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
	}
.social-footer.facebook:before {
	background-color: #3B5998;
}

.social-footer.twitter:before {
	background-color: #3CF;
}

.social-footer.instagram:before {
	background-color: #bc2a8d;
}

.social-footer.youtube:before {
	background-color: #bb0000;
}

.social-footer.linkedin:before {
	background-color: #007bb5;
}

.social-footer:focus:before, .social-footer:hover:before {
	top: -10%;
	left: -10%;
}
.social-footer:focus .fa, .social-footer:hover .fa {
	color: #fff;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.social-buttons a {
	padding-right: 0px !important;
}

/* end new social icons for footer */

/* new button effect 09232016 */

.btn, .btnlarge {
	position: relative;
	overflow: hidden;
	opacity: .99;
	-webkit-transition: all 0.35s cubic-bezier(0.99, -0.105, 0.43, 1.59);
	transition: all 0.35s cubic-bezier(0.99, -0.105, 0.43, 1.59);	
	color: #fff;
	text-decoration: none !important;
	border: 0 !important;
}

.btn:before, .btnlarge:before {
	content: '';
	width: 120%;
	height: 120%;
	position: absolute;
	top: -150%;
	left: -450px;
	-webkit-transform: rotate(63deg);
	transform: rotate(78deg);
	-webkit-transition: all 0.35s cubic-bezier(.47,0,.74,.71);
	transition: all 0.35s cubic-bezier(.47,0,.74,.71);
	z-index: -2;
    background-color: #6cccf4;
}

.btn.blue:before, .btnlarge.blue:before, .btnlarge.magenta:before {
	background-color: #56c6f4;
	width: 368px;
	height: 456px;
}

.btn.ghost-blue:before, .btn.ghost-green:before, .btn.ghost-white:before  {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.btn:focus:before, .btnlarge:focus:before,
.btn:hover:before, .btnlarge:hover:before {
	top: -281%;
	left: 0%;
}

/***/

.btn.green:before, .btnlarge.green:before {
	background-color: #53dc83;
	width: 368px;
	height: 456px;
}

.btn.magenta:before, .btnlarge.magenta:before {
	background-color: #56c6f4;
	width: 368px;
	height: 456px;
}

.btn.gray:before, .btnlarge.gray:before {
	background-color: #dbdbdb;
	width: 368px;
	height: 456px;
}


/* end new button effect */

/* Modifications to Modal */
#smart #main #inside .modal {
  text-align: center;
  padding: 0!important;
  top: 55px;
}

#smart #main #inside .modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

#smart #main #inside .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#smart #main #inside .modal-content {
	border-top:8px solid #319B42;
    -webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

#smart #main #inside .modal-content:before {
    content:'';
    position:absolute;
    width:100%;
    height:8px;
    background: #48bd6e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #48bd6e 0%, #27a282 49%, #17948c 100%);
    background: -webkit-linear-gradient(left, #48bd6e 0%,#27a282 49%,#17948c 100%);
    background: linear-gradient(to right, #48bd6e 0%,#27a282 49%,#17948c 100%);
    top:-8px;
    left:0;
}

/* Transfer to Blog CSS*/
#smart .news-content .sfnewsList .sfnewsListItem
{	
	border-bottom: 1px #f1f1f1 solid;
    padding-bottom: 45px !important;
}
#smart .news-content .sfnewsList .summary {
    padding: 30px 20px 20px;
}
#smart .news-content .blog-title h2
{
    margin-bottom: 8px;
}
#smart .news-content .blog-title h2 a 
{
    font-size: 30px !important;
	color: #333;
}
#smart .news-content .blog-title .sfnewsMetaInfo p
{
    color: #aaa;
	font-size: 16px;
}
#smart .news-content .sfnewsListTitleDateContent .sfnewsSummary 
{
    font-size: 16px;
}

#smart .news-content .sfnewsDetails
{
	padding: 0 0 0 20px;
}
#smart .news-content .sfnewsDetails .sfnewsContent 
{
	padding-top: 0;
}
#smart .news-content .sfnewsDetails .sfnewsAuthorAndDate
{	
	font-size: 16px;
	font-weight: 300;
    color: #aaa;
    margin: 5px 0;
}
#smart .news-content .sfnewsDetails .sfnewsContent .full-content p
{
	line-height: 24px;
    font-size: 16px;
	margin-bottom: 18px;
}
#smart .news-content .sfnewsDetails .sfnewsContent .full-content h2, #smart .news-content .sfnewsDetails .sfnewsContent .full-content h2 span
{
	font-size: 18px !important;
}


/*** Universal Header ***/

#smart header .is-sticky .tab_container div.subnav .inside {top: 66px !important;}
#smart header .tab_container div.subnav .inside {top: 91px !important;}
#smart #header .is-sticky #smart header .tab_container div.subnav .inside {
    top: 66px !important;border:1px solid #000;
}

#smart #universal_header ul { margin: 0 auto; width: 470px; padding: 0; }
#smart #universal_header {
    height: 30px;
    background-color: #222222;
}

#smart #universal_header li {
	float: left;
	list-style: none !important;
}

#smart #universal_header .active_white {
	background-color: #fff;
}

#smart #universal_header {
	overflow-y: hidden;
	display: block;
	width: 100%;
	position: relative;
    z-index: 4;
}

#smart #universal_header #uh_content {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
}

#smart #universal_header #uh_content a {
	display: block;
	padding: 3px 16px;
	text-align: center;
}

#smart #universal_header #uh_content a:hover {
	background: #3a3737;
}

#smart #universal_header #universal_header {
	width: 100%;
}

#smart #universal_header #uh_content .active_white:hover {
	background: #fff;
}

#smart #universal_header img {
	/*width: 75%;*/
	text-align: center;
	margin: 0 auto 4px;
}
	
#smart #universal_header .tnt_logo a {
	padding: 2px 18px !important;
}

/*fix*/
#smart #universal_header #uh_content li:last-child {
    display: none;
}
#smart #universal_header #uh_content ul {
    width: 370px;
}

@media screen and (max-width: 600px) {
	
	#smart #universal_header ul { margin: 0; }
	
}

/*** END HEADER ***/