/*resents and presets*/

.ds-btm:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ds-btm {
  background: none;
}

.centered-text {
  text-align: center;
}

.right-text {
  text-align: right;
}

.left-text {
  text-align: left;
}

/*billboard resets*/
.billboard-image-box {
  line-height: 1em;
  text-align: center;
}

.product-summary {
  display: none !important;
}

.pdp-feature-cell-text {
  padding: 0;
}

.pdp-feature-row .ds-btm {
  padding: 0;
}
/*END resents and presets*/

/*Fixed Scrolller*/
#row1 h2 {
  color: #000000;
  text-align: center;
}

#row1 h1 {
  color: #000000;
  text-align: center;
}

.current-scroller {
  background: #00c4c4;
}

.tonext {
  background: url(/www-content/_a-b-test/wireless-plus-140213-a/_shared/images/tonext.png) no-repeat scroll center center;
  border: 1px solid #00c4c4;
  width: 45px;
  height: 45px;
  display: block;
  margin-right: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/*END Fixed scroller*/

.jc-reseller-links {
  float: left;
  margin-top: 5px;
  width: 100%;
}

.jc-reseller-links a {
  font-size: 12px;
}

/*for items not in stock*/
.inactive-btn {
  background: #D6D6D6 !important;
}

.inactive-btn:hover {
  cursor: default;
}

.jc-reseller {
  margin: 0 0 10px 0;
}
.personal-cloud#row1 {
  margin: -30px 0 30px;
}
.personal-cloud {
  padding: 0 0 30px;
  font-size: 16px;
  font-weight: 400;
}
.personal-cloud h2, .personal-cloud div {
  text-align: center;
}
.jc-first-wireless-row {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

/*row configurator*/

.jc-config-option {
  margin: 0 auto;
  width: 90%;
}

.jc-config-wrapper {
  padding-bottom: 10px;
  width: 100%;
}

.jc-config-cta{
  float: left;
  width: 40%;
}
.jc-config-cta a {
  margin-top: 10px;
}

.jc-config-cta .jc-price {
  margin-bottom: 0;
  font-size: 20px;
  padding-bottom: 0;
}

.jc-config-cta .jc-stock-status {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 12px;
}

.jc-config-wrapper .jc-capacity {
  font-size: 30px;
  text-align: center;
}

.jc-foot-note {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 5px;
  padding: 13px 0 0;
}

/*Content row styles*/
.row1-features li img {
  margin-right: 10px
}

#row1 {
  overflow: hidden;
  margin-left: 30px;
}

#off-the-grid h2, #off-the-grid li {
  color: #fff;
}

#row1-ctas {
  margin: 25px auto 0 auto;
  text-align: center;
}
#row1-slider > div {
  height: 150px;
}
#row2-slider > div {
  height: 150px;
}
#row3-slider > div {
  height: 150px;
}
#row4-slider > div {
  height: 150px;
}
#row1-slider > div {
  display: none;
  width: 80%;
  margin: 2% auto 0 auto;
  font-size: 19px;
  line-height: 1.2em;
}
#row2-slider > div {
  display: none;
  width: 80%;
  margin: 2% auto 0 auto;
  font-size: 19px;
  line-height: 1.2em;
}
#row3-slider > div {
  display: none;
  width: 80%;
  margin: 2% auto 0 auto;
  font-size: 19px;
  line-height: 1.2em;
}
#row4-slider > div {
  display: none;
  width: 80%;
  margin: 2% auto 0 auto;
  font-size: 19px;
  line-height: 1.2em;
}
#row3.personal-cloud .span4 {
    background-color: #F16146;

}
#row3.personal-cloud .span4 > p{
  color:#fff;
}

.personal-cloud#row3 .span4 > p {
  padding: 10px 15px 0px 15px;
  margin-right: 2px;
  margin-left: 2px;
}
.personal-cloud#row4 > div {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  padding-left: 80px;
}
.personal-cloud#row4 > div h2, .personal-cloud#row4 > div p {
  color: #ffffff;
}
.personal-cloud#row6 li{
  text-align:left;
}/* 
#product-row-4 .ds-btm{
  border-bottom:none;
}*/
.hover-reveal-div {
  margin-top: 30px;
  display: none;
  margin: 30px auto 0 auto;
  padding: 0 10px;
}
.hover-reveal-div p {
  margin-top: 10px;
}
.feature-list {
  float: left;
  width: 100%;
  margin: 0;
}
.feature-list li {
  float: left;
  list-style-type: none;
  margin-bottom: 95px;
  padding-bottom: 20px;
  text-align: center;
  width: 100%;
  position: relative;
}
.hover-reveal-outer p {
  margin-top: 15px;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: -20px;
  margin-right: -20px;
  text-align:center;
}

.vacation-text {
  height: 70px;
  width: 75%;
  margin: 40px auto 0 auto;
}

.vacation-text p {
  line-height: 1.3em;
  font-size: 16px;
}

.jc-at-home-canvas {
  width: 623px;
  height: 465px;
  margin: 0 auto;
  background: url(/www-content/_a-b-test/wireless-plus-140213-a/_shared/images/row-4-tv-static.jpg) no-repeat top center;
  position: relative;
}

#at-home-slider > div {
  position: absolute;
  left: 0;
  display: none;
}

.jc-at-home-canvas div.at-home-reveal-current {
  display: block;
  z-index: 999;
}

.at-home-mobile-img {
  text-align: center;
}

.pdp-feature-row .row-fluid .span12 {
  margin-left: 0 !important;
}

#cssTable td {
  vertical-align: middle;
}
#product-row-0 {
  background-repeat: no-repeat;
  background-position: center top;
}
#product-row-2 .row .span12 img {
  display: inline-block;
  width: 100px;
}

#product-row-3 {
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: -14px;
}
a.modalVideoLink:hover{
        color:#ffffff;
  text-decoration: none;
}
a.modalVideoLink:after{
  content:"";
  background:url("/www-content/_shared/_images/playthinline-sprite-20x50.png") 0 0 no-repeat;
  position:relative;
  top:6px;
  left:5px;
  width:20px;
  height:20px;
  display:inline-block;
}
a:hover.modalVideoLink:after{
  content:"";
  background:url("/www-content/_shared/_images/playthinline-sprite-20x50.png") 0 -30px no-repeat;
}

#vidModal1 {
  top: 0;
  left: 0;
  margin:0;
  padding-left: 15%;
  padding-top: 10%;
}
#vidModal1>.modal-body {
  padding: 0;
  max-height: none;
}
.modal#vidModal1 {
  width: 70%;
  border: none !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.video-body {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
iframe.youtubeEmbed {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#vidModal1>button.close {
  position:fixed;
  top:16px;
        right:20px;
  font-size: 60px;
  line-height: 50px;
  text-shadow:none;
}

#vidModal1>button.close:hover{
  color:inherit;
}

:lang(ar-em) #vidModal1>button.close{
    left:20px;
    right: auto;
   font-size: 60px;
}
.showme0 {
  visibility: visible !important;
  opacity: .8 !important;
}
#video_background, #mobileBanner {
  right: 0px;
  min-width: 100%;
  width: auto;
  z-index: -1000;
  overflow: hidden;
  margin-top:-20px;
}
#mobileBanner{
  height:270px;
}
.vidBanner > div {
  text-align: center;
  color: #ffffff;
  margin-top: -20px;
  text-shadow: rgba(0,0,0,.5) 5px 5px 26px;
  transition: text-shadow 3s ease 3s;
}
a.vidBanner{
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  margin-top:20px;
}
.experienceLink {
  margin-top: 40px;
  font-size: 19px;
}
.experienceLink:after {
  content: "";
  background: url("/www-content/_shared/_images/playthinline-sprite-20x50.png") 0 -30px no-repeat;
  position: relative;
  top: 6px;
  left: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.bannerCopy {
  line-height: 64px;
  font-size: 60px;
  display: block;
  padding-top: 145px;
  font-weight: 300;
}
.gold-dot{
  background-color: #cebc9d;
}
.rosegold-dot{
background-color: #edcbc8;
}
.gray-dot{
  background-color: #c4c4c4;
}
.dot-margin{
  margin: auto !important;
}
#product-row-1 {
    margin-top: 45px !important;
}

.circle-color-dot {
    border-radius: 50%;
    display: inline-block;
    height: 13px;
    width: 13px;
}
.circle-dot .circle-color-dot {
    float: left;
    margin-bottom: 4px;
    margin-left: 8px;
}
.dot-adj{
  width: auto !important;
}
.blue-dot{
  background-color: #004ab8;
}
.red-dot{
  background-color: #cc092f;
}
.black-dot{
  background-color: #000000;
}

.sub-text-heading {
    font-size: 12px !important;
    text-transform: uppercase !important;
    line-height: 15px !important;
}
.color-dot {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  border: 1px solid #cecaca;
}
.custom-table td{
  width:25% !important;
}
.custom-table-section{
  overflow:hidden !important;
}
.size-color-dot{
    height: 13px;
    width: 13px;
  }
#product-row-0
{
    border-bottom: 1px solid #ebebeb;
}
.billboard-text-box {
    padding-top: 0px;
}
.billboard h1 {
    font-size: 33px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #FFF !important;
}
.billboard h2 {
  font-size: 12px;
  color: #FFF !important;
  text-transform: uppercase;
}
.span6.billboard-text-box {
  margin-left: 0;
}
.span6.billboard-image-box {
  display: none;
}
.billboard{
  background-position: 50%!important;
}
.personal-cloud#row3 {
  padding-top: 30px;
}
.personal-cloud#row3 .span4 {
  margin-bottom:20px;
}
.personal-cloud#row3 .span4 > p {
  padding: 10px 15px 0px 15px;
  margin-right: 2px;
  margin-left: 2px;
}
.product-summary {
  display: none !important;
}

#row1-ctas {
     margin: 25px auto 0 135px;
}
#row1-slider > div {
width: 100%;
}
#row1.personal-cloud {
    margin: auto;
}
.gallery-4-adj{
margin: 25px auto 0 80px !important;
}
.gallery-3-adj{
  margin: 25px auto 0 120px !important;
}
.small {
  font-family: helvetica;
  font-size: 12px;
  line-height: 13px;
}
.at-home-ctas{
  margin-top: 10px;
}
.at-home-ctas > img{
  border-bottom: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  margin-right: 20px;
  padding: 3px 10px;
  margin-left: 5px;
  cursor: pointer;
  float: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.home-current-slide{
  border-color: #aaa !important;
  border-bottom: 1px solid #aaa !important;
}
.btn-reveal-active{
border-color: #aaa !important;
}
.mob-img  {
margin: 0 0 -10px 0 !important;
}
.white-dot{
background-color: #000000;
}
.newwhite-dot{
background-color: #F2F2F2;
}
.row-fluid .span10 {
    width: auto !important;
}
#row2-slider > div{
width: auto !important;
}
#row3-slider > div{
width: auto !important;
}
#row4-slider > div{
width: auto !important;
}
.product-specs-table-box-customized {
    margin-bottom: 15px;
/*    overflow: hidden; */
    position: relative;
}

/* ~~~~~~~~~~~~~~  MEDIA QUERIES ~~~~~~~~~~~~~~~~~~ */

@media(min-width:768px){
  #row1 h1 {
    padding-top:40px;
    padding-bottom:20px;
  }
  .hover-reveal-outer {
    padding: 0px;
    margin: 11px;
    border: 1px solid rgba(0, 162, 221, .6);
    width: 72px;
    height: 72px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  .hover-reveal-outer:hover {
    padding: 11px;
    margin: 0px;
    border: 1px solid rgba(0, 162, 221, .7);
  }
  .hover-reveal {
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0px auto;
    padding: 11px;
    cursor: pointer;
  }
  .hover-reveal:hover {
    background-color: #00a2dd;
  }
  
  .on-vacation-active {
    background: #f2f2f2;
  }
  .vidLinkWrapper{
    margin-top:10px;
  }
  .central-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: 11px 12px;
  }
  
  .central-icon:hover {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: -60px 12px;
  }
  
  .personal-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: 11px -60px;
  }
  
  .personal-icon:hover {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: -60px -60px;
  }
  
  .secure-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: 11px -132px;
  }
  
  .secure-icon:hover {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: -60px -132px;
  }
  
  .sync-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: 11px -200px;
  }
  
  .sync-icon:hover {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-rotating-cloud.png);
    background-repeat: no-repeat;
    background-position: -60px -200px;
  }
  .hover-reveal-current {
    display: block;
    margin: 0 auto;
  }
  #product-row-0 {
    height: 767px;
  }
  .row1Mobile{
    display:none;
  }
  .row4Mobile{
    display:none;
  }
  .vidBanner > div {
    height: 400px;
  }
  .vidBanner:hover {
    text-decoration: inherit;
  }
  .vidBanner:hover > div {
    background-color: rgba(0,0,0,.5);
  }
  .vidBanner:hover p {
    color: #00a1dd !important;
  }
  a.modalVideoLink:hover {
    color: #00a1dd;
    text-decoration: none;
  }
  a.vidBanner:hover .experienceLink:after {
    content: "";
    background: url("/www-content/_shared/_images/playthinline-sprite-20x50.png") 0 0 no-repeat;
  }
  #bup-family{
      min-height:810px !important;
    }
}
/*  ```````  END MIN WIDTH 768 ``````````` */

@media (max-width: 767px) {
  #js-configurator .open-config .span4:last-child{
    border-bottom:1px solid #ebebeb;
  }
  .jc-foot-note {
    padding: 0 20px;
  }
  .at-home-mobile-default {
    position: relative !important;
  }
  .pull-right {
    float: none !important;
  }
  .pdp-feature-cell-text .jc-wireless-row {
    margin-bottom: 15px;
  }
  .pdp-feature-cell-text #first-row {
    padding: 0 !important;
  }
  .hover-reveal {
    -webkit-transition: none;
    transition: none;
    width: auto;
    margin-top: 20px;
  }
  .feature-list li {
    float: none;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
    padding: 0;
  }
  .vacation-text {
    margin: 5px 0 25px;
    width: 100%;
    height: auto;
  }
  .inner-container p {
    font-size: 16px;
  }

  #row1-slider {
    padding: 0 20px;
  }
  #row2-slider {
    padding: 0 20px;
  }
  #row3-slider {
    padding: 0 20px;
  }
  #row4-slider {
    padding: 0 20px;
  }
  #row1-slider > div {
    display: block !important;
    font-size: 16px;
    margin: 10px 0 20px;
    padding: 0;
    width: 100%;
    height: auto;
  }
  #row2-slider > div {
    display: block !important;
    font-size: 16px;
    margin: 10px 0 20px;
    padding: 0;
    width: 100%;
    height: auto;
  }
  #row3slider > div {
    display: block !important;
    font-size: 16px;
    margin: 10px 0 20px;
    padding: 0;
    width: 100%;
    height: auto;
  }
  #row4slider > div {
    display: block !important;
    font-size: 16px;
    margin: 10px 0 20px;
    padding: 0;
    width: 100%;
    height: auto;
  }
  .personal-cloud {
    padding-bottom:0;
    margin-bottom:0;
  }
  .personal-cloud#row1 div {
    text-align: left;
  }
  .vidLinkWrapper{
    position:relative;
    top:215px;
    text-align:center !important;
  }
  .personal-cloud#row3 h2, .personal-cloud#row3 div {
    text-align: default;
  }
  .personal-cloud#row3 > div.connectedHome {
    margin-left: auto;
    margin-right: auto;
    max-width: 374px;
  }
  .personal-cloud#row3 p,.personal-cloud#row4 p,.personal-cloud#row5 p,.personal-cloud#row6 li{
    font-size:16px;
  }
  .personal-cloud#row3 {
    padding-top: 30px;
  }
  .personal-cloud#row4 > div {
    width:80%;
    padding:0;
  }
  .personal-cloud#row4 > div h2, .personal-cloud#row4 > div p {
    color: #000000;
  }
  #row1-slider > div h3 {
    margin-bottom: 0px;
    color: #fff;
  }
  #row2-slider > div h3 {
    margin-bottom: 0px;
    color: #fff;
  }
  #row3-slider > div h3 {
    margin-bottom: 0px;
    color: #fff;
  }
  #row4-slider > div h3 {
    margin-bottom: 0px;
    color: #fff;
  }
  .hover-reveal {
    width:80px;
    height:80px;
    margin: 0 auto;
    border:none;
  }
  .central-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-mobile-centralize.png);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .personal-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-mobile-personalize.png);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .secure-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-mobile-secure.png);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .sync-icon {
    background-image: url(/www-content/product-content/personal-cloud/_shared/images/icons-mobile-sync.png);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .hover-reveal-outer p {
    margin-bottom:5px;  
  }
  .hover-reveal-outer {
    padding: 5px;
    margin: 0 auto;
    border: none;
    display:inline-block;
  }
  .hover-reveal-outer:hover {
    padding: 5px;
  }

  .hover-reveal-outer:hover {
    margin: 0 auto;
  }
  .feature-list {
    margin: 20px 0 0;
    padding: 0 20px;
    width: auto;
  }
  .feature-list li {
    margin-bottom: 0;
  }
  .jc-at-home-canvas {
    width: 70%;
    height: auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top center;
  }
  .jc-at-home-canvas > div {
    position: relative !important;
    display: block !important;
  }
  .at-home-mobile-img {
    margin-bottom: 15px;
  }
  .at-home-text {
    margin-bottom: 40px;
    padding: 0;
    width: auto;
  }
  .off-grid-features {
    margin-top: 25px;
    padding: 0 20px;
  }
  .off-grid-features li {
    margin-bottom: 10px;
  }
  .at-home-reveal-current > img {
    margin-bottom: 20px;
  }
  #in-the-box {
    padding: 0 20px;
    width: auto;
  }
  #product-row-0 {
    background-image: url('');
  }
  .row1Mobile{
    width:175%;
    margin-left:-40%;
  }
  #product-row-1 {
    background-image: none;
  }
  #product-row-3 {
    background-image: url('');
    height: auto;
  }
  .row4Mobile{
    width:140%;
    margin-left:-20%;
  }
  #vidModal1{
    padding-top:50px;
    padding-left:0;
    
  }
  .modal#vidModal1{
    width:100%;
  }
  #vidModal1>button.close{
    top:initial;
    left:initial;
    margin-top:-50px;
  }
  .open-config li .open-config-model-number{
    text-align:center;
  }
  .open-config .open-config-price, .open-config .open-config-stock-status {
  float:none;
  text-align:center;
  width:100%;
  }
  .personal-cloud#row3 > div.connectedHome {
  margin-left: auto;
  margin-right: auto;
  max-width: 374px;
  }
  #product-row-0 .span6{
  display:block!important;
  }
  #product-row-1 {
    margin-top: 50px !important;
  }
  /*
  #product-row-2 {
    margin-top: 50px !important;
  }
  #product-row-3 {
    margin-top: 50px !important;
  }
  #product-row-4 {
    margin-top: 50px !important;
  }
  #product-row-5 {
    margin-top: 50px !important;
  }
  */
  #bup-family {
    min-height: 600px !important;
  }
  #Comparision_product{
  display: none;
  } 
  .product-specs-table-box-customized{
  display:none; 
  }
  .row-padding {
    padding-left: 15px;
    padding-right: 5px;
  }

}
/*  ```````  END MAX WIDTH 767 ``````````` */

@media (max-width: 650px) {
  .vidLinkWrapper{
    top:170px;
  } 
}
@media (max-width: 479px) {
  .jc-at-home-canvas {
    width: 100%;
    float: left;
    height: auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top center;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .vacation-text {
    width: 100%;
    margin-top: 20px;
  }
  .feature-list li {
    margin-bottom: 75px;
  }
}


@media (max-width: 979px) {
  .bannerCopy {
    line-height: 37px;
    font-size: 33px;
  }
  .experienceLink {
    margin-top: 10px;
  }
}

@media(max-width: 780px){
  h2, p {
      text-align: left;
  }
  .dot-adj {
      width: auto !important;
      float: left !important;
  }
  .open-config .offers-container p {
      text-align: center;
    }
}

@media only screen and (min-device-width: 768px) {
  .capacity-content-row {
      font-weight: bold !important;
    text-transform: uppercase !important;
      font-size: 12px  !important;
      line-height: 17px  !important;
  }
}

@media only screen and (max-device-width: 768px) {
  .capacity-content-row {
    text-transform: uppercase !important;
      font-size: 12px !important;
      line-height: 17px !important;
  }
}