/* Variables */
/* Variables */
/* Colors */
/* Fonts */
/* mixins */
.hide-text {
  text-indent: -9999px;
}
.uppercase {
  text-transform: uppercase;
}
.font-smooth {
  -webkit-font-smoothing: antialiased;
}
.underline {
  text-decoration: underline;
}
.clearfix-ie {
  clear: both;
  height: 1px;
  display: block;
}
.container {
  max-width: 732px;
}
body {
  overflow-x: hidden;
}
nav {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD000000,endColorstr=#DD000000);
}
nav div.container .nav-list li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@media only screen and (max-width: 992px) {
  nav div.container #navigation-list {
    position: relative;
    right: 30px;
    width: 280px;
  }
}
@media only screen and (max-width: 992px) {
  nav div.container UL#support-list {
    position: relative;
    top: -100px;
    float: right;
  }
}
.carousel .carousel-indicators li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#hero div.carousel .carousel-indicators {
  text-align: right;
  width: 88px;
  margin-left: -44px;
}
@media (max-width: 767px) {
  #hero div.carousel div.carousel-inner div.item div.copy {
    margin-top: 75px;
  }
  #hero div.carousel div.carousel-inner div.item div.copy ul {
    margin-left: 0px;
  }
  #hero div.carousel div.carousel-inner div.item div.copy ul li.sm-detail {
    width: 83px;
  }
  #hero div.carousel div.carousel-inner div.item div.copy div.three {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #hero .item#slide-5years {
    padding-top: 0px;
  }
}
#hero .item#slide-5years .bucket > div {
  width: 32%;
}
@media (max-width: 767px) {
  #hero .item#slide-5years .bucket > div {
    width: 100%;
  }
}
#hero .item#slide-5years .mj-btn {
  clear: both;
}
#hero #slide-app .copy ul.hide-it {
  margin-left: 0px;
}
#overview {
  height: 430px;
}
#overview div.container div.row.iefix {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
#overview div.container div.row.iefix > div {
  padding-right: 0px;
  padding-left: 0px;
}
#calling .row.buckets > div {
  width: 23%;
}
#setup {
  height: 370px;
  min-height: 370px;
}
#setup div.container > .row > div {
  padding-right: 0px;
  padding-left: 0px;
}
#setup div.steps > div {
  padding: 0 0 0 90px;
}
#goodbye-bills {
  height: 470px;
  min-height: 470px;
}
#goodbye-bills div.row.savings {
  margin-right: 0px;
  margin-left: 0px;
}
#goodbye-bills div.row.savings > div {
  padding-right: 0px;
  padding-left: 0px;
}
#app-location div.push {
  padding-right: 0px;
  padding-left: 0px;
}
#app-location div.push ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#app-location div.iphone {
  padding-right: 0px;
  padding-left: 0px;
}
#client-carousel .laptop,
#client-carousel .latimes,
#client-carousel .nytimes,
#client-carousel .pcmag,
#client-carousel .techc,
#client-carousel .usnews,
#client-carousel .cnbc,
#client-carousel .cnet,
#client-carousel .creports,
#client-carousel .fastc,
#client-carousel .bbcnews,
#client-carousel .pcworld {
  display: block;
}
#client-carousel .carousel#carousel-clients div.carousel-inner div.container > div.row > div {
  padding-right: 0px;
  padding-left: 0px;
}
#client-carousel .carousel#carousel-clients .carousel-indicators {
  text-align: right;
  width: 57px;
  margin-left: -28px;
}
section#info-rates div.row.free-info > div {
  padding-right: 0px;
  padding-left: 0px;
}
section#info-rates div.row.rates-txt {
  clear: both;
}
section#info-rates div.row.rates-txt ul.rate-chart {
  clear: both;
  list-style: none;
}
section#info-rates div.row.rates-txt ul.rate-chart li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@media (min-width: 1200px) {
  section#info-rates {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  section#info-rates > .container {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
#without-computer div.steps > div {
  width: 125px;
}
@media (max-width: 992px) {
  #without-computer div.steps > div {
    width: 190px;
  }
}
@media (max-width: 767px) {
  #without-computer div.steps > div {
    width: 150px;
  }
}
#with-computer div.steps > div {
  width: 170px;
}
@media (max-width: 767px) {
  #with-computer div.steps > div {
    width: 150px;
  }
}
#plans div.row {
  margin-right: 0px;
  margin-left: 0px;
}
#plans div.features-bucket {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
#plans div.product {
  height: 580px;
  margin-top: 0px;
  margin-bottom: 20px;
}
#plans div.product p.savings {
  position: relative;
  margin-bottom: 7px;
}
#plans div.product .separator .unlimited {
  font-size: 16px;
}
#plans div.product .separator .plans-list {
  width: 165px;
}
#plans .grey {
  padding-top: 11px;
}
#plans .grey .pls {
  top: -4px;
}
#plans div.grey {
  padding: 0;
}
#plans div.grey .body-section {
  height: 460px;
}
#plans div.product {
  height: 680px;
  padding: 0;
  margin-top: 30px;
}
#plans div.product .body-section {
  height: 476px;
}
#plans div.product.center {
  margin-top: 0;
}
#plans div.product:last-of-type .header-section p.tag-line {
  height: 40px;
}
#introducing-magicjack {
  height: 900px;
}
#introducing-magicjack div.container div.first div {
  padding: none;
}
#introducing-magicjack div.container div.first div.three div.box {
  top: 10px;
}
#introducing-magicjack div.container div.first div.three div.box h2 {
  top: 0px;
}
#introducing-magicjack div.container div.first div.three div.box p {
  margin-top: 0px;
}
#introducing-magicjack div.container div.top-border {
  min-height: auto;
}
#introducing-magicjack div.container div.top-border div {
  padding-left: 0;
  padding-right: 0;
}
#introducing-magicjack div.container div.top-border div.push {
  width: 415px;
  margin-left: 15px;
}
@media only screen and (max-width: 992px) {
  #introducing-magicjack div.container div.top-border div.push {
    width: 360px;
  }
}
@media only screen and (max-width: 992px) {
  #introducing-magicjack div.container div.top-border div.video-holder {
    width: 350px;
  }
}
#introducing-magicjack div.container div.top-border ul.list-one {
  width: 180px;
  margin-left: -5px;
}
#introducing-magicjack div.container div.top-border ul.list-two {
  margin-left: -20px;
}
#compromise div.container div.first {
  width: 100%;
  clear: right;
}
#compromise div.container div.row {
  padding: 0;
}
#compromise div.container div.row .col-xs-12,
#compromise div.container div.row .col-sm-3,
#compromise div.container div.row .col-md-3,
#compromise div.container div.row .col-lg-3,
#compromise div.container div.row .col-lg-12 {
  padding: 0;
}
#compromise div.container div.last {
  margin-top: 190px;
}
#anywhere div.container div.two div {
  padding-left: 0;
  padding-right: 0;
}
#anywhere div.container div.three {
  padding-bottom: 150px;
}
#anywhere div.container div.three div {
  padding-left: 0;
  padding-right: 0;
}
#awards div.container {
  padding-bottom: 80px;
}
#awards div.container div.row div {
  padding-right: 0;
  padding-left: 0;
}
#phone-app div.container div.two div {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
  #phone-app div.container div.two div {
    width: 29%;
  }
}
#phone-app div.container div.two div.third ul.app-links li {
  margin-right: -20px;
}
footer div.row {
  margin: 0px;
}
footer div.footer-links {
  padding: 0px;
}
footer div.footer-links ul {
  margin: 0px;
  padding: 0px;
  width: 24%;
}
footer div.email-social {
  padding: 0px;
}
footer div.email-social form input {
  width: 175px;
  height: 20px;
}
footer div.email-social form button {
  padding: 10px 15px;
}
footer div.legal {
  margin-top: 20px;
  clear: both;
}
footer div.legal small {
  float: left;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@media only screen and (max-width: 767px) {
  footer div.legal small {
    float: none;
    display: block;
  }
}
footer div.legal ul.legal-links {
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  footer div.legal ul.legal-links {
    display: block;
  }
}
footer div.legal ul.legal-links li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
}
#plans .plans-list { margin-top: 23px !important }
#plans div.product div.footer-section a.mj-btn { bottom:auto !important };
#divDoTheMathIMG { padding:0; margin:0; }
#divDoTheMathContent { padding:0; margin:0; }
#hero DIV.carousel #math-magic DIV.slide-container h1, #hero DIV.carousel #math-magic DIV.slide-container p.tag-line { margin-left:5px }
#hero .carousel #math-magic .slide-container .features-bucket .feature {
	position:relative;
	display:inline;
	overflow:hidden;
	height:65px !important;
	width:74px !important;
	padding:0 !important;
	margin:0 0 0 5px;
	background-image:url("../img/hero/banner-tabs-small.jpg");
}
#hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.one { margin-left:5px }
#hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.two { background-position-y:-131px }
#hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.three { background-position-y:-130px }
#hero .carousel #math-magic .slide-container .features-bucket div.feature .top { width:58px; text-align:center; padding:0 0 5px 0; margin:7px 7px 0 7px }
#divDoTheMathContent div.feature span.small { display:none }
#hero .carousel #math-magic .slide-container .features-bucket div.feature h1 { width: 58px; text-align:center; padding:0; margin:2px 7px 0 7px }
nav #brand { margin-right: 0px }
li.blog { padding-right:29px }
.nav-list { position:static !important; float:none !important; }
#support-list { margin-top:15px !important }
@media (max-width:767px) {
  ul.nav-list li { margin:15px 0 !important }
  ul.nav-list li a { font-size:16px !important }
}
@media (min-width:768px) {
        .nav-list { position:relative !important; float:left !important; }
        #support-list { margin-top:0 !important }
	nav #navigation-list { margin-left:24px !important; width:auto !important }
	nav #navigation-list li { margin:0 0 0 10px !important }
	nav #navigation-list li a { font-size:13px !important }
        nav #support-list { margin-left:0 !important; top:0 !important; float:right !important; width:auto !important }
        nav #support-list li { margin:0 0 0 12px }
        #hero DIV.carousel #math-magic DIV.slide-container h1, #hero DIV.carousel #math-magic DIV.slide-container p.tag-line { margin-left:0 }
	#hero .carousel #math-magic .slide-container .features-bucket .feature {
		position:relative;
		display:inline;
		overflow:hidden;
		height:125px !important;
		width:140px !important;
		padding:0 !important;
		margin:0 0 0 5px;
		background-image:url("../img/hero/banner-tabs-medium.jpg");
	}
        #hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.one { margin-left:0 }
        #hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.two { background-position-y:-247px }
	#hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.three { background-position-y:-247px }
	nav div.container .nav-list li.social { display:none }
	#hero .carousel #math-magic .slide-container .features-bucket div.feature .top { width:110px; text-align:center; padding:0 0 5px 0; margin:15px 15px 0 15px }
	#divDoTheMathContent div.feature span.small { position:absolute; top:35px; left:15px; }
	#hero .carousel #math-magic .slide-container .features-bucket div.feature h1 { width: 110px; text-align:center; padding:0; margin:25px 15px 0 15px }
	#hero .carousel #math-magic .slide-container .features-bucket div.feature.one h1 { padding-top:5px }
	#hero .carousel #math-magic .slide-container .features-bucket div.feature.two h1 { margin-top:5px }
        #hero .carousel #math-magic .slide-container .features-bucket div.feature.three h1 { margin-top:5px }
}
@media (min-width:992px) {
	#divLang { margin-right:23px }
	nav #navigation-list li { margin:0 0 0 12px !important }
	nav #support-list li { margin:0 0 0 12px !important }
	nav #navigation-list { margin-left:28px !important }
	nav #navigation-list a { font-size:13px !important }
        nav #support-list { margin-left:8px !important; width:auto !important }
	#hero .carousel #math-magic .slide-container .features-bucket .feature {
		position:relative;
		display:inline;
		overflow:hidden;
		height:150px !important;
		width:169px !important;
		padding:0 !important;
		margin:0 0 0 5px;
		background-image:url("../img/hero/banner-tabs.jpg");
	}
        #hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.two { background-position-y:-300px }
	#hero DIV.carousel #math-magic DIV.slide-container DIV.features-bucket DIV.three { background-position-y:-300px }
	nav div.container .nav-list li.social { display:inline }
	#hero .carousel #math-magic .slide-container .features-bucket div.feature .top { width:139px; text-align:center; padding:0 0 5px 0; margin:15px 15px 0 15px }
	#hero .carousel #math-magic .slide-container .features-bucket div.feature h1 { width: 139px; text-align:center; padding:0;  margin:15px; margin-bottom:0 }
}
#hero .carousel #slide-digitalphone .bottombar {
  top:508px;
}
