.product-slider {
     padding: 0;
 }

 .product-slider #carousel {
     margin: 0;
 }

 .product-slider #thumbcarousel {
     margin: 12px 0 0;
     padding: 0 45px;
 }

 .product-slider #thumbcarousel .item {
     text-align: center;
 }

 .product-slider #thumbcarousel .item .thumb {
     width: 20%;
     margin: 0 1%;
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
     max-width: 98px;
 }

 .product-slider #thumbcarousel .item .thumb:hover {
     opacity: 0.7;
 }

 .selected-thumb {
     opacity: 0.5;
 }

 .product-slider .item img {
     width: 100%;
     height: auto;
 }

 .carousel-control {
    color: #c4122f !important;
    text-align: center;
    text-shadow: none;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 20px;
    top: 35%;
    opacity: 0.9;
    background-image: none !important;
 }

 .carousel-control:hover,
 .carousel-control:focus,
 .carousel-control:active {
     opacity: 1;
 }

  .close-icon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    /*opacity: .6;*/
    cursor: pointer;
}

.close-icon svg.svg-cross {
    /*color: blue;*/
    width: 16px;
    height: 16px;
    stroke:#fff;
    stroke-width:2;
    cursor: pointer;
}


.padding-30{
    padding: 30px;
}

.padding-10{
    padding: 10px;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

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


.modal-content {
    /* background: url("../images/vote-bg-1.jpg") no-repeat; */
    /* background-size: auto; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* width: 100%; */
    height: 100%;
}

.modal-body.bg-vote {
    background: url(../images/vote-bg-1.jpg) no-repeat;
}
.modal-body.bg-thanks {
    background: url(../images/thanks-bg-1.jpg) no-repeat;
}
.modal-body.bg-thanks.like-n-share {
    background: url(../images/thanks-bg-1.jpg) no-repeat;
}
.modal-body.bg-thanks.like-n-share .enter-img{
    display: none;
}

.like-n-share-success{
    margin-top: 120px;
    margin-bottom: 60px;
}

.modal-body.bg-vote-2 {
    background: url(../images/vote-bg-2.jpg) no-repeat;
}

.modal-body.bg-wiys-enter {
    background: url(../images/WIYS-Enter.jpg) no-repeat;
}

.modal-body.bg-enter.like-n-share{
    background: url(../images/vote-bg-2.jpg) no-repeat;
}

.already-voted-wrapper{
    padding: 150px 20px;
}

.already-voted-wrapper .alert{
    line-height: 1.2em;
}

.modal-body.bg-vote, .modal-body.bg-thanks, .modal-body.bg-vote-2, .modal-body.bg-enter.like-n-share, .modal-body.bg-thanks.like-n-share {
    position: relative;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    background-position: center;
    background-size: cover;
    padding-bottom: 0px;
    /*padding-right: 50px;
    padding-left: 50px;*/
    width: 300px;
}

.modal .bg-vote .row/*, .modal .bg-enter-like-n-share .row*/{
    margin-top: 165px;
    margin-bottom: -165px;
}

.like-n-share-condition{
    line-height: 1.2em;
    color: #fff;
}

.share-to-fb-only-btn{
    border-color: transparent !important;
    background-color: transparent !important;
}

.modal .vote-now-modal.bg-thanks .row{
    margin-top: 135px;
    margin-bottom: -135px;
}

.modal-body .thanks-msg{
    background: #fff;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 20px;
}
    
.modal-body .share-btn-wrapper{
    padding-top: 20px;
    padding-bottom: 20px;
}

.modal-dialog{
        width: auto;
    height: auto;
}

.voting-modal input{
    text-align: center;
}

.voting-modal .g-recaptcha{
    width: 304px;
    transform: scale(0.82);
    -webkit-transform: scale(0.82);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    padding: 0;
}