/*
 * This file Contains CSS for Following items:
 *
 * 1. Home Banners
 * 2. Page Banners
 * 3. Home Page Blocks
 *
 *
*/

/***************** HOME BANNER *********************/
#webcada_extras_banners {
  margin-bottom:6px;
}

.front #webcada_extras_banners {
  margin-bottom:0;
}

#webcada_extras_banners img{
 width:100%;
}

/* Next/Previous Control */
a.rslides_nav {
  background:transparent url(images/left.png) no-repeat left top;
  height:42px;
  width:42px;
  left:5%;
  margin-top:-21px;
  opacity: 1;
}

a.rslides_nav.next {
  background:transparent url(images/right.png) no-repeat left top;
  right:5%;
}

/* Pager */
ul.rslides_tabs {
  margin:1.5em 0 2em 0;
}

/* Pager - Normal State */
ul.rslides_tabs li a {
  height:13px;
  width:13px;
  background:#CCCCCC;
  border-radius: 15px;
  box-shadow: none;
}

/* Pager - Active State */
ul.rslides_tabs li.rslides_here a {
  background:#333333;
}

/***************** END HOME BANNER *********************/


/***************** HOME PAGE BLOCK *********************/
#homepageblock .col3 .homepageblock-row {
  width:390px;
  height:auto;
  margin-right:15px;
}
/***************** END HOME PAGE BLOCK *****************/

#webcada_extras_mobile_banners .rslides div.item, #webcada_extras_banners .rslides div.item {
    opacity: 1 !important;
    position: static !important;
}


/*******************************************************************************
 * Newsletter
 ******************************************************************************/
.dark-background-popup #cboxContent{
  background:#000000;
  color:#FFF;
}

#customsignin,
#newsletter {
  width: 400px;
  padding: 48px 26px 45px;
  text-align: center;
  background:#000000;
  font-size:9px;
  letter-spacing: 2.4px;
  font-weight:400;
  color:#FFF;
}

#customsignin h2,
#newsletter h2 {
  font-size: 68px;
  letter-spacing: 0.22em;
  margin: 0 0 5px;
  line-height: 60px;
}

#newsletter h2 span {
  display:block;
  margin-left: 12px;
}

#customsignin p,
#newsletter p {
  margin: 0 20px 35px;
  line-height: 15px;
}

#customsignin form,
#newsletter form {
  margin: 0 20px;
}

#customsignin form input.form-text,
#newsletter form input.form-text {
  background: transparent;
  border-bottom: 1px solid #FFF;
  color:#FFF;
  box-sizing: border-box;
  padding: 0 10px;
}

#customsignin form input.form-text::-webkit-input-placeholder,
#newsletter form input.form-text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #FFF;
}
#customsignin form input.form-text:-moz-placeholder,
#newsletter form input.form-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #FFF;
  opacity:  1;
}
#customsignin form input.form-text::-moz-placeholder,
#newsletter form input.form-text::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #FFF;
  opacity:  1;
}
#customsignin form input.form-text:-ms-input-placeholder,
#newsletter form input.form-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #FFF;
}

#customsignin form input.form-text {
  max-width: 336px;
}

#newsletter form input.form-text {
  max-width: 348px;
  padding: 0;
}

#customsignin form input.form-submit,
#newsletter form input.form-submit {
  background:#FFF;
  color:#000;
  font-size: 12px;
  letter-spacing: 0.24em;
}

#newsletter form input.form-submit {
  margin-top: 15px;
}

#newsletter #trobber {
  color:#FFF;
  font-size: 16px;
}

#newsletter {
  position: fixed;
  bottom: 80px;
  right: -100%;
  transition:all 0.8s ease-out 0.3s;
  z-index: 1000;;
}

#newsletter.show {
  right: 0;
}

#newsletter.hidden {
  right: -100%;
}

#newsletter .close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 13px;
  color:#FFF;
  cursor: pointer;
  width: 15px;
  letter-spacing: 0;
  text-align: right;
}

/*******************************************************************************
 * Popup Sign Up Box
 ******************************************************************************/
#customsignin * {
  box-sizing: border-box;
}

#customsignin {
  width: 750px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

#customsignin h2 {
  margin-bottom: 10px;
  margin-top: 0;
}

#customsignin .col-sm-6 {
  padding-left: 50px;
  padding-right: 50px;
}

#customsignin label {
  color:#FFF;
}

.forgotpassword-wrapper {
  margin-top: 5px;
}

#customsignin .forgotpassword-wrapper {
  margin-top: 20px;
  color:#FFF
}

#customsignin .forgotpassword {
  color:#FFF
}

.col-register {
  border-left: 1px dotted #fff;
}