/* Main marketing message and sign up button */
.jumbotron {
    margin: 30px 0;
    text-align: center;
}
.jumbotron h1 {
    color: #444;
    line-height: 1;
    font-size: 35px;
    font-family: Consolas, ubuntu, sans-serif;
    font-weight: lighter !important;
    margin-bottom: 15px;
}
.jumbotron .lead {
    font-size: 24px;
    line-height: 1.05;
    color: #888;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.bullet {
    display: inline-block;
    text-align: center;
    background: #ddd;
    color: #888;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-weight: bold;
    behavior: url('../htc/pie.htc');
}
.bullet-20px {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.bullet-30px {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.heading-30px {
    line-height: 30px;
    font-size: 16px;
    margin-left: 10px;
    font-weight: bolder;
    color: #777;
}
h2 {
    font-size: 19px;
    text-align: center;
    margin-bottom: 0;
}
h5 {
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #999;
    margin-top: 0;
    margin-bottom: 30px;
}
.download-comparison-table, .download-comparison-table2 {
    position: relative;
    /*display: none;*/
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
@media (min-width: 980px) {
   .download-comparison-table, .download-comparison-table2 {
      display: block;
   }
}
.btn-compare-packages {
   /*display: none;*/
}
@media (min-width: 980px) {
   .btn-compare-packages {
      display: inline-block;
   }
}

.row-fluid [class*="span"] {
    float: none !important;
}
@media (min-width: 980px) {
   .download-comparison-table > div, .download-comparison-table2 > div {
      width: 820px;
   }
}
.center-text {
    text-align: center;
}

.plan-details, .plan-details2 {
    /*border: 1px solid red;*/
    border-top: 1px solid #ccc;
}
.plan-details li, .plan-details2 li {
    border: 1px solid #ccc;
    border-top: 1px solid #fff;
    line-height: 35px;
    text-align: center;
    /*height: 19px;*/
    padding: 0 5px;
    position: relative;
    z-index: 5;
    background: #f8f8f8;
}
.plan-details li span, .plan-details2 li span {
    display: block;
    font-size: 80%;
    margin-top: -10px;
}
.plan-details li:nth-child(odd), .plan-details2 li:nth-child(odd) {
    background: #f8f8f8;
}
.plan-details li:nth-child(even), .plan-details2 li:nth-child(even) {
    background: #f4f4f4;
}
.focused {
    box-shadow: 0 0 5px #aaa;
}
.span4 {
    float: none !important;
    display: inline-block !important;
    width: 32.9% !important;
}
@media (max-width: 980px) {
   .download-comparison-table .span4, .download-comparison-table2 .span4 {
      /*float: left !important;*/
      width: 100% !important;
      margin-left: 0px;
      margin-bottom: 10px;
   }
}
.plans-holder {
    /*border: 1px solid blue;*/
    /**/
    text-align: center;
}
.plans {
    text-align: center;
    margin: 0 auto 30px;
    position: relative;
}
@media (min-width: 980px) {
   .plans {
      width: 820px;
      height: 200px;
   }
}
.plan {
   /*float: left;*/
    border: 1px solid #ccc;
    background: #fff;
    display: inline-block;
   width: 210px;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 0 10px #ddd;
}
@media (min-width: 980px) {
   .plan {
      /*width: 210px;*/
   }
}
.plan h3 {
    margin-top: 0;
    font-family: consolas, ubuntu, sans-serif;
    font-weight: lighter;
    font-size: 150%;
    color: #333;
}
.plan > .price {
    display: block;
    font-size: 220%;
    color: #444;
    font-weight: bold;
    margin: 20px 0;
    height: 20px;
}
.plan > .desc {
    display: block;
    font-size: 90%;
    color: #777;
    text-align: center;
    margin: 0 auto;
    width: 93%;
}
.plan-left {
   border-radius: 5px;
/*    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right-width: 6px;*/
    behavior: url('../htc/pie.htc');
}
@media (min-width: 980px) {
   .plan-left {
      position: absolute;
      top: 12px;
      left: 17px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      z-index: 10;
   }
}
.plan-center {
    border-radius: 5px;
    behavior: url('../htc/pie.htc');
}
@media (min-width: 980px) {
   .plan-center {
      /*position: absolute;*/
      position: relative;
      min-height: 155px;
      /*left: 247px;*/
      z-index: 20;
      margin-top: 3px;
   }
   .plan-center h3 {
      margin-top: 10px;
      font-size: 180%;
   }
}
.plan-right {
   border-radius: 5px;
    behavior: url('../htc/pie.htc');
}
@media (min-width: 980px) {
   .plan-right {
      position: absolute;
      top: 12px;
      right: 17px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      z-index: 10;
   }
}
.plan-center h2 {
    font-size: 180%;
    margin-top: 10px;
}
@media (min-width: 980px) {
   .plan-center .desc {
      margin-bottom: 10px;
   }
}
.plan:hover {
    border: 1px solid #999;
}
.focused-plan {
    /*background: #FAF0F0;*/
    background: #fff8df;
    border: 3px solid orange;
    box-shadow: 0 0 10px orange;
}
.plan-left.focused-plan {
    top: 10px;
    left: 15px;
}
.plan-center.focused-plan {
    margin-top: 1px;
}
.plan-right.focused-plan {
    top: 10px;
    right: 15px;
}
.focused-plan:hover {
    border: 3px solid orange;
}
.currency {
    color: #aaa;
    font-weight: normal;
    font-size: 70%;
    vertical-align: top;
    display: inline-block;
    margin-top: -6px !important;
}
.pull-up > span {
    margin-top: -15px;
}
.plan > div {
    margin-top: 5px;
}
.span4 ul {
    margin: 0 !important;
    box-shadow: 0 0 5px #ccc;
    cursor: pointer;
}
.comparison-table-column-1, .comparison-table2-column-1 {
}
@media (min-width: 980px) {
   .comparison-table-column-1, .comparison-table2-column-1 {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 10;
      margin : 0 !important;
   }
}
.comparison-table-column-2, .comparison-table2-column-2 {
}
@media (min-width: 980px) {
   .comparison-table-column-2, .comparison-table2-column-2 {
      position: relative;
      margin-left: 0 !important;
      z-index: 20;
      margin-top: -2px;
   }
}
.comparison-table-column-3, .comparison-table2-column-3 {
}
@media (min-width: 980px) {
   .comparison-table-column-3, .comparison-table2-column-3 {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 10;
   }
}
.comparison-table-column-2 ul li.first, .comparison-table2-column-2 ul li.first {
    padding-top: 10px;
}
.comparison-table-column-2 ul li:last-child, .comparison-table2-column-2 ul li:last-child {
    padding-bottom: 10px;
}
.comparison-table-column-2 ul, .comparison-table2-column-2 ul {
    box-shadow: 0 0 5px #aaa;
}
.focused-column {
    box-shadow: 0 0 5px orange !important;
    border-top: 1px solid orange;
}
.focused-column li {
    border: 1px solid orange;
    border-top: 1px solid #fff;
    background: #FFF6CD;
}
.focused-column li:nth-child(odd) {
    background: #FFF8DF;
}
.focused-column li:nth-child(even) {
    background: #FFF6CD;
}
.highlighted-line {
    background: #e9e9e9 !important;
    border: 1px solid #ccc;
    border-top: 1px solid #fff;
    z-index: 10 !important;
    box-shadow: 0 0 2px #bbb;
}
.highlighted-line-current {
    background: #ffdd95 !important;
    border: 1px solid orangered;
    border-top: 1px solid #fff;
    z-index: 10 !important;
    box-shadow: 0 0 2px orangered;
}

/** **/

.wizard > .content > .wizard-slide-android-2 a.plan,
.wizard > .content > .wizard-slide-iphone-2  a.plan {
   margin-bottom: inherit !important;
}
.wizard > .content > .wizard-slide-2         div.plan,
.wizard > .content > .wizard-slide-windows-2 div.plan {
   margin-bottom: inherit !important;
    text-align: inherit !important;
    vertical-align: inherit !important;
    background-color: #fff !important;
    border: 1px solid #CCCCCC !important;
    display: inline-block !important;
    /*margin-top: inherit !important;*/
    padding: 10px !important;
    /*position: inherit !important;*/
    text-align: inherit !important;
    box-shadow: 0 0 10px #DDDDDD !important;
    cursor: pointer;
    behavior: url('../htc/pie.htc');
}
@media (min-width: 980px) {
   .wizard > .content > .wizard-slide-2         div.plan,
   .wizard > .content > .wizard-slide-windows-2 div.plan {
      width: 210px !important;
   }
}
.wizard > .content > .wizard-slide-2         div.plan-center,
.wizard > .content > .wizard-slide-windows-2 div.plan-center {
    border-radius: 5px 5px 5px 5px !important;
    behavior: url('../htc/pie.htc');
}
@media (min-width: 980px) {
   .wizard > .content > .wizard-slide-2         div.plan-center,
   .wizard > .content > .wizard-slide-windows-2 div.plan-center,
   .wizard > .content > .wizard-slide-android-2 a.plan-center,
   .wizard > .content > .wizard-slide-iphone-2  a.plan-center {
      margin-top: 3px !important;
      /*position: absolute !important;*/
      z-index: 20 !important;
      width: 300px !important;
   }
}
.wizard > .content > .wizard-slide-2         div.plan-left,
.wizard > .content > .wizard-slide-windows-2 div.plan-left {
/*    border-bottom-left-radius: 5px !important;
    border-right-width: 6px !important;
    border-top-left-radius: 5px !important;*/
    behavior: url('../htc/pie.htc');
}
@media (min-width: 980px) {
   .wizard > .content > .wizard-slide-2         div.plan-left,
   .wizard > .content > .wizard-slide-windows-2 div.plan-left {
      left: 17px !important;
      position: absolute !important;
      top: 12px !important;
      z-index: 10 !important;
   }
}
/*.wizard > .content > .wizard-slide-2         div.plan-right,
  .wizard > .content > .wizard-slide-windows-2 div.plan-right {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    position: absolute !important;
    right: 17px !important;
    top: 12px !important;
    z-index: 10 !important;
    behavior: url('/css/PIE/PIE.htc');
}*/
.wizard > .content > .wizard-slide-2         div.focused-plan,
.wizard > .content > .wizard-slide-windows-2 div.focused-plan {
    /*background: #FAF0F0;*/
    background: #fff8df !important;
    border: 3px solid orange !important;
    box-shadow: 0 0 10px orange !important;
    behavior: url('../htc/pie.htc');
}
.wizard > .content > .wizard-slide-2         div.plan-left.focused-plan,
.wizard > .content > .wizard-slide-windows-2 div.plan-left.focused-plan {
    top: 10px !important;
    left: 15px !important;
}
.wizard > .content > .wizard-slide-2         div.plan-center.focused-plan,
.wizard > .content > .wizard-slide-windows-2 div.plan-center.focused-plan {
    margin-top: 1px !important;
}
.wizard > .content > .wizard-slide-2         div.plan-right.focused-plan,
.wizard > .content > .wizard-slide-windows-2 div.plan-right.focused-plan {
    top: 10px !important;
    right: 15px !important;
}
.wizard > .content > .wizard-slide-2         div.focused-plan:hover,
.wizard > .content > .wizard-slide-windows-2 div.focused-plan:hover {
    border: 3px solid orange !important;
}
.wizard > .content > .wizard-slide-2         div.plan:hover,
.wizard > .content > .wizard-slide-windows-2 div.plan:hover {
    border: 1px solid #999 !important;
}
.wizard > .content > .wizard-slide-2         div.focused-plan:hover,
.wizard > .content > .wizard-slide-windows-2 div.focused-plan:hover {
    border: 3px solid orange !important;
}
.wizard > .content {
}
@media (min-width: 980px) {
   .wizard > .content {
      margin-left: -145px; padding-left: 0;
   }
}
@media (min-width: 980px) {
   .wizard .wizard-slide-1 {
      width: 990px;
   }
}
.wizard .wizard-slide-1 .h1-underline {
    margin-bottom: 0;
}
.wizard .wizard-slide-1         h2.choose,
.wizard .wizard-slide-2         h2.choose,
.wizard .wizard-slide-android-2 h2.choose,
.wizard .wizard-slide-iphone-2  h2.choose,
.wizard .wizard-slide-windows-2 h2.choose {
    text-align: center;
    padding: 6px 0 50px 0;
    font-size: 27px;
    font-weight: lighter;
    font-family: Consolas, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.wizard-slide-2,
.wizard-slide-android-2,
.wizard-slide-iphone-2,
.wizard-slide-windows-2 {
    display: none;
}
@media (min-width: 980px) {
   .wizard-slide-2,
   .wizard-slide-android-2,
   .wizard-slide-iphone-2,
   .wizard-slide-windows-2 {
      width: 840px;
      margin-left: 75px;
   }
}
.wizard .wizard-slide-2 form,
.wizard .wizard-slide-windows-2 form {
    margin-top: 10px;
}
.wizard .wizard-slide-4 {
/*    margin-left: 150px;
   width: 710px;*/
}
@media (min-width: 980px) {
   .wizard .wizard-slide-4 {
      margin-left: 150px;
      width: 710px;
   }
}
@media (min-width: 980px) {
   .wizard .wizard-slide-5 {
      margin-left: 170px;
   }
}
@media (min-width: 980px) {
   .wizard .wizard-slide-6 {
      margin-left: 170px;
   }
}
.show-comparison {
    display: none;
}
.download-comparison-table .iconfa-ok, .download-comparison-table2 .iconfa-ok {
    color: orangered;
}
.download-comparison-table .iconfa-ban-circle, .download-comparison-table2 .iconfa-ban-circle {
    color: #999;
}
.plans a {
    text-decoration: none !important;
    outline: 0;
}
#get-started {
    text-align: left;
    margin-top: 40px;
}
#get-started h2,
#get-started h3 {
    text-align: left;
    margin-bottom: 20px;
}
#get-started h3 {
    font-size: 110%;
    margin: 30px 0 10px 0;
    color: #333;
    font-weight: normal;
    border-bottom: 1px solid orangered;
    padding-bottom: 5px;
}
#get-started h4 {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
}
#get-started ul {
    list-style: disc;
}
.all-you-need {
    text-align: center;
    margin: 45px 0;
}
.all-you-need p {
    font-size: 140%;
    margin: 0 0 30px;
}
.all-you-need > div {
    border: 1px solid #ccc;
    /**/
    /*display: inline-block;*/
    vertical-align: middle;
    height: 150px;
    float: left;
}
.all-you-need div.circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    vertical-align: top;
    background: #f9f9f9;
    margin: 0 15px 10px;
    behavior: url('../htc/pie.htc');
}
.all-you-need > div > div {
    vertical-align: middle;
    margin-top: 20%;
    color: #555;
}
.all-you-need div i {
    font-size: 250%;
    color: #999;
}
@media (min-width: 980px) {
   .all-you-need div.circle.first-child {
      margin-left: 240px;
   }
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.p-right-20 {
    padding-right: 20px;
}
.other-version {
    margin: 60px 0 100px 0;
    padding-left: 40px;
    color: #444;
    font-size: 110%;
    text-align: center;
}
.other-version a {
    color: orangered;
    cursor: pointer;
}
.color-orangered {
    color: orangered;
}
.m-left-40 {
    margin-left: 40px;
}
.f-size-19 {
    font-size: 19px;
}
div.architecture {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;

   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

   cursor: pointer;
   text-align: center;
}
div.architecture:hover {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}
.download-zoiper-classic #os-list {
    /*padding-left: 80px;*/
}
@media (max-width: 980px) {
   .plan-details > li.empty, .plan-details2 > li.empty {
      display: none;
   }
}
@media (min-width: 980px) {
   .plan-details > li.header, .plan-details2 > li.header {
      display: none;
   }
}
.before-contancts {
   width: auto;
   float: none;
}
.contancts {
   float: none;
   vertical-align: top;
   word-break: break-all;
}
@media (min-width: 980px) {
   .before-contancts {
      width: 55%;
      float: left;
   }
   .contancts {
      float: right;
      width: 35%;
   }
}
