/*-----------------------
4. single product tab CSS
-------------------------*/

.container.document-body {
    padding-top: 76px;
}

#single-product-tab .active img{
    border:1px solid #e12503;
}

.blueimp-gallery-carousel {
    background-color: transparent;
    box-shadow: 0 0 10px #cdcdcd;
    padding-bottom: 100%;
}

.gallery-thumbnail-wrapper {
    margin: 10px -5px;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 84px;
}

.gallery-thumbnail-wrapper::-webkit-scrollbar {
    height: 5px;
}

.gallery-thumbnail-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(63,63,63,0.3); 
    background-color: #efefef;
}

.gallery-thumbnail-wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 0 1px rgba(106,106,106,0.5); 
    background-color: #dedede;
}


.gallery-thumbnail-wrapper>.gallery-thumbnail>.thumbnail[data-gallery] {
    width: 71px;
    height: 74px;
    float: left;
    padding: 5px;
    border:1px solid transparent;
    margin: 0px;
    border: 1px solid #fff;
    position: relative;
    display: flex;
}

.gallery-thumbnail-wrapper>.gallery-thumbnail>.thumbnail[data-gallery]:hover {
    border-color: #3db4d9;
}

.gallery-thumbnail-wrapper>.gallery-thumbnail>.thumbnail[data-gallery]>img {
    align-items: center;
}

.blueimp-gallery-carousel .video-content>a[data-url] {
    display: block;
}

.blueimp-gallery-carousel .video-content>a[data-url]::before {
    content: "\f144";
    font-family: "FontAwesome";
}


.single-pro-list {
  margin-top: 20px;
}

.single-pro-title h1 {
    font-size: 20px;
    margin-bottom: 20px;    
    font-weight:700;
    color:#333;
    text-transform:uppercase;
}

.single-pro-title .flex-item-title {
    flex: 0 0 85%;
}

.single-pro-title .flex-item-watchlist {
    flex: 0 0 15%;
    flex-flow: row-reverse;
}

.single-pro-title .flex-item-watchlist a {
    color: #a8a8a8;
    display: flex;
    flex-flow: column;
}

.single-pro-title .flex-item-watchlist .fa-heart::before {
    content: "\f08a";
}

.single-pro-title .flex-item-watchlist a:hover, .single-pro-title .flex-item-watchlist a:focus {
    text-decoration: none;
}

.single-pro-title .flex-item-watchlist .active {
    color: #3db4d9;
}

.single-pro-title .flex-item-watchlist .active .fa-heart::before {
    content: "\f004";
}

.okurimono {
    font-size: 12pt;
    margin-bottom: 15px;
    color: #d82672;
}

p > .gift {
    margin-right: 0.5em;
    background-color: #ff2777;
    color: #fff;
    display: inline-block;
    margin: 0px 4px;
    padding: 2px 4px;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.2em;
}

.single-product-details h4 {
    font-size:11pt;
    display: inline-block;
    flex: 0 0 20%;
    max-width: 80px;
    font-weight: 700;
    color: #979ba7;
}

.metadata-icon {
    line-height: 0.4em;    
    float: left;
    font-size: 1.3em;
    font-weight: bold;
}

.metadata-icon .watchlist.active {
  color: #3db4d9;
}

.metadata-icon .watchlist .fa-heart::before {
  content: "\f08a";
}

.metadata-icon .watchlist.active .fa-heart::before {
  content: "\f004";
}




.single-pro-header {
    background-color: #dedede;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    padding: 8px 15px;
    margin: -15px -15px 0px -15px;
}

.single-pro-star, .list-star{
    color: #e12503;
    font-size:14px;
}
.single-pro-star i{
    margin:0px 1px;
}
.single-pro-price{
    margin:10px 0px;
}
.single-pro-price .single-regular {
    color: #d50000;
    font-weight:700;
    font-size: 22pt;
}

.single-pro-msrp {
    color: #ccc;
    font-size: 10pt;
}

.single-pro-msrp .single-regular {
    font-weight: normal;    
}

.single-regular::before {
    font-size: 70%;
    content: "$";
}

.single-old, .list-old{
    color:#909090;
    font-weight:400;
    font-size:14px;
    margin:0px 10px;
}
.single-pro-cn h3{
    font-size:14px;
    color:#333;
    font-weight:400;
    text-transform:uppercase;
}

.single-pro-summary {
    margin-bottom: 20px;
}

.single-pro-summary p, .list-pro-cn p{
    font-size:14px;
    color:#606060;
    font-weight:400;
    line-height: 24px;
}

.single-pro-summary>p::before {
    content: "◎";
    font-size: .5em;
    padding-right: 6px;
    vertical-align: bottom;
}

.single-pro-size {
    margin:10px 0px;
    display: table;
}

.single-pro-condition .condition-wrapper {
    display: flex;
    flex: 0 0 80%;    
    margin: 6px 15px;
}

.single-pro-size .invt-wrapper {
    display: flex;
    flex: 0 0 80%;
    margin: 0px 15px;
    flex-wrap: wrap;
}

.single-pro-size .btn-invt, .single-pro-size .btn-invt:focus {
    color: #333;
    font-size: 11pt;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    display: inline-block; 
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    padding: 3px 8px;
    margin-right:10px;
    margin: 4px;
}

.single-pro-size .btn-invt:hover {
    text-decoration: none;
    color: #3db4d9;
    border-color: #3db4d9;
}

.single-pro-size .btn-invt.active, .single-pro-size .btn-invt.active:hover {
    background-color: #3db4d9;
    color: #fff;
}

.single-pro-size .btn-invt[data-qty="0"], .single-pro-size .btn-invt[data-qty="0"]:hover {
    color: #ccc !important;
    border-color: #ccc !important;
    background-color: #fff !important;
}

.single-pro-qty, .single-pro-coupon-check {
    margin: 10px 0px;
}

.single-pro-coupon-check .btn-coupon, .single-pro-coupon-check .btn-coupon:focus {
    color: #333;
    font-size: 11pt;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    display: inline-block; 
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    padding: 3px 8px;
    margin-right:10px;
}

.single-pro-coupon-check .btn-coupon:hover {
    text-decoration: none;
    color: #3db4d9;
    border-color: #3db4d9;
}

.single-pro-coupon-check .btn-coupon.active, .single-pro-coupon-check .btn-coupon.active:hover {
    background-color: #3db4d9;
    color: #fff;
}

.single-pro-qty .form-inline {
    margin-left: 15px;    
    display: flex;
}

.touchspin-wrapper {
    vertical-align: middle;
}

.touchspin-wrapper>.bootstrap-touchspin {
    display: table;
    width: 150px;
}

.touchspin-wrapper .btn {
    border: 1px solid #ccc;
    border-radius: 0px;
}

.touchspin-wrapper .btn.btn-desc {
    border-right: none;    
}

.touchspin-wrapper .btn.btn-inc {
    border-left: none;    
}

.touchspin-wrapper .form-control {
    width: 60px !important;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #fff;
}

.single-pro-coupon {
    /* border: solid 1px #3db4d9; */
    font-size: 60%;
    font-weight: 700;
    color: #3db4d9;
    border-radius: 999px;
    display: inline-block;

}

.single-pro-coupon i.coin {
    background: url(/photos/ddcoins.33x30.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    width: 18px;    
    height: 16px;
    display: inline-block;
    margin-bottom: -4px;
}

.single-arrow-area{
    height:25px;
    width:25px;
    border: 1px solid #ececec;
}
.color-quality {
  float: left;
  margin: 0px 90px;
}
.pro-quantity-changer a {
  border: 1px solid #ececec;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  cursor:pointer;
  color:#333;
  text-decoration:none;
}
.pro-quantity-changer [type="text"] {
  border: 1px solid #ececec;
  height: 25px;
  text-align: center;
  width: 50px;
  color:#333;
  font-weight:400;
  font-size:12px;
}
.color-quality-pro{
    margin:10px 0px;
}
.single-social-area a{
    border:1px solid #979797;
    color:#909090;
}
.single-social-area a:hover{
    color:#fff;
}
.pro-button, .pro-viwer{
    float:left;
    margin:10px 0px;
}

.single-pro-button {
    margin-top: 15px;
}

.single-pro-button .btn-2-cart, .single-pro-button .btn-2-cart:focus {
    display: inline-block;
    height: 42px;
    line-height: 40px;
    text-align: center;
    width: 150px;
    color: #3db4d9;
    background-color: #fff;
    border: 1px solid #3db4d9;
    transition: all .4s ease 0s;
    margin-right: 8px;
    text-decoration: none;
}

.single-pro-button .btn-2-cart:hover {
    background-color: #c6f1ff;
    text-decoration: none;
}


.single-pro-button .btn-purchase, .single-pro-button .btn-purchase:focus {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    width: 150px;
    background: #3db4d9 none repeat scroll 0 0;
    border: 1px solid #3db4d9; 
    transition: all .4s ease 0s;
    margin-right: 8px;
    text-decoration: none;
}

.single-pro-button .btn-purchase:hover {
    background-color: #c6f1ff;
    color: #3db4d9;    
    text-decoration: none;
}

.single-pro-button .btn-redirect, .single-pro-button .btn-redirect:focus {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    width: 150px;
    background: #c9302c none repeat scroll 0 0;
    border: 1px solid #ac2925; 
    transition: all .4s ease 0s;
    margin-right: 8px;
    text-decoration: none;
}

.single-pro-button .btn-redirect:hover {
    background-color: #fccbca;
    color: #ac2925;
    text-decoration: none;
    border-color: #ac2925;
}

.single-pro-button .btn-watchlist, .single-pro-button .btn-watchlist:focus {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    width: 150px;
    background: #a8a8a8 none repeat scroll 0 0;    
    transition: all .4s ease 0s;
    text-decoration: none;
}

.single-pro-button .btn-watchlist:hover {    
    text-decoration: none;
}

.single-pro-button .btn-watchlist.active, .single-pro-button .btn-watchlist.active:hover {
    background-color: #3db4d9;
    text-decoration: none;
}

.btn-watchlist.active .watchlist-1, .btn-watchlist .watchlist-2 {
    display: none;
}

.btn-watchlist.active .watchlist-2 {
    display: inline-block;
}

.single-pro-stock {
    font-size: 11pt;
    color: #a94442;
    padding-left: 15px;
}

.single-pro-cn {
    margin-top: 30px;
}

.page-content .nav-tabs>li>a {
    padding: 10px 10px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #333;
    letter-spacing: 1px;
}

.page-content .nav-tabs>li>a:focus,
.page-content .nav-tabs>li>a:hover {
    border-bottom-color: #3db4d9;
}

.page-content .nav-tabs>li.active>a, 
.page-content .nav-tabs>li.active>a:focus, 
.page-content .nav-tabs>li.active>a:hover {
    border-color: #3db4d9;
    border-bottom-color: #fff;
    color: #3db4d9;
    font-weight: bold;
}

#dialog-product-detail>.modal-dialog {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    top: 0px;
    margin: 0px;
}

#dialog-product-detail>.modal-dialog>.modal-content {
    min-height: 100vh;
    border: none;
    border-radius: 0px;
    padding-bottom: 70px;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-body>.bt-1 {
    border-top: 1px solid #ddd;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-body h4 {
    display: block;
    width: 100%;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-body>.single-pro-size {
    display: block;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-body>.single-pro-size>* {
    display: block;
}

#dialog-product-detail .single-pro-basis {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#dialog-product-detail .single-pro-basis>.single-pro-basis-price {
    flex: 0 0 70%;
    width: 70%;
    padding: .5em 1em;
}

#dialog-product-detail .single-pro-basis>.single-pro-basis-price>h1 {
    font-size: 1.2em;
    margin-top: 0px;
    line-height: 1.4em;
}


#dialog-product-detail .single-pro-basis>.single-pro-basis-cover {
    flex: 0 0 30%;
    width: 30%;
    padding: .5em 0em;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-footer {
    position: fixed;
    width: 100%;
    bottom: 0px;
    text-align: center;
    padding: 0px;
    z-index: 9;
    background-color: #fff;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-footer>.btn {
    width: 50%;
    margin: 0px;
    border-radius: 0px;
    font-size: 1em;
    padding: .8em 0em;
    opacity: .9 !important;
}

#dialog-product-detail>.modal-dialog>.modal-content>.modal-footer>.btn-success {
    background-color: #3db4d9;
    color: #fff;
    border-color: #3db4d9;
}


#dialog-product-detail>.modal-dialog .single-pro-msrp, #dialog-product-detail>.modal-dialog .single-pro-price {
    display: inline-block;
    margin-right: 8px;
}

#dialog-product-detail>.modal-dialog .single-pro-stock {
    display: flex;
    align-self: center;
}

#dialog-product-detail>.modal-dialog .coupon-wrapper {
    padding: 0px 15px;
}

#dialog-product-detail>.modal-dialog .single-pro-coupon {
    padding: 0px 15px;
}

.btn-back2top {
    bottom: 120px;
}

.page-content {
    margin-left: -15px;
    margin-right: -15px;
}

.page-content .tab-content-wrapper {
    border: 1px solid #3db4d9;
    margin-top: -1px;
}

.page-content .tab-content {
    min-height: 300px;
}

.page-content .tab-content iframe {
    max-width: 100%;
}

.page-content .tab-content img {
    max-width: 100%;
    height: auto!important;
}

#page-specs>ul {
    padding-left: 0px;
}

#dialog-video-player {
    width: 100%;
}

#dialog-video-player .modal-dialog {    
    top: 70px;
    width: 358px;
}

#dialog-video-player .modal-content {
    background-color: #000;
}

#dialog-video-player .modal-header {
    padding-bottom: 0px;
    border-bottom: none;
}

#dialog-video-player .modal-header .close, #dialog-video-player .modal-header .close:hover {
    color: #fff;    
}

#dialog-video-player .modal-body {
    padding: 0px 8px;
}

#dialog-video-player .modal-body iframe {
    width: 340px;
    height: 192px;
}




footer .single-pro-visible {
    display: flex;
    width: 100%;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

footer .single-pro-hidden {
    display: none;
}

footer .single-pro-visible .follow, footer .single-pro-visible .cart {
    flex: 0 0 20%;
    width: 20%;
    line-height: normal;
    background-color: #fff;
    color: #666;
    position: relative;
}

footer .single-pro-visible .follow > i {
    font-size: 1.2em;
    padding-top: 2px;
}
footer .single-pro-visible .cart > i {
    font-size: 1.4em;
}

footer .single-pro-visible .text {
    font-size: .6em;
}
/*
footer .single-pro-visible .cart [data-name="popup-cart-total"] {
    position: absolute;
    top: 4px;
    right: 4px;
    text-align: center;
    color: #3db4d9;
    font-size: .8em;
}

footer .single-pro-visible .cart [data-name="popup-cart-total"]::before, 
footer .single-pro-visible .cart [data-name="popup-cart-total"]::after {
    content: "";
}
*/

footer .single-pro-visible .purchase {
    flex: 0 0 60%;
    width: 60%;
}

footer .single-pro-visible .purchase .btn {
    font-size: .9em;
    line-height: normal;
    height: auto;
    padding: 10px 12px;
    border-radius: 0px;
}

footer .single-pro-visible .purchase .btn+.btn {
    margin-left: 6px;
}

footer .single-pro-visible .purchase .btn.btn-2-cart {
    background-color: #fff;
    border-color: #3db4d9;
    color: #3db4d9;
}

footer .single-pro-visible .purchase .btn.btn-purchase {
    background-color: #3db4d9;
    color: #fff;
    border-color: #3db4d9;
}

/*
@media (min-width: 576px) {
    

}
*/

@media (min-width: 768px) {

    .container.document-body {
        padding-top: 96px;
    }

    #dialog-product-detail>.modal-dialog {
        max-width: 720px;
        height: 50vh;
        margin: 10px auto;
        top: 10vh;
        border: 1px solid #999;
        border-radius: 6px;
    }

    #dialog-product-detail>.modal-dialog>.modal-content {
        height: auto;
        min-height: auto;
        padding-bottom: 0px;
    }

    #dialog-product-detail>.modal-dialog>.modal-content .touchspin-wrapper>.bootstrap-touchspin {
        width: auto;
    }

    #dialog-product-detail>.modal-dialog>.modal-content>.modal-footer {
        position: relative;        
    }

    .page-content .nav-tabs>li>a {
        padding: 10px 15px;
    }

    #dialog-product-detail .single-pro-basis>.single-pro-basis-price {
        flex: 0 0 80%;
        width: 80%;
        padding: .5em 1em;
    }

    #dialog-product-detail .single-pro-basis>.single-pro-basis-cover {
        flex: 0 0 20%;
        width: 20%;
        padding: .5em 0em;
    }

    #dialog-video-player .modal-dialog {
        width: 738px;
        max-width: 738px;
        top: 50px;
    }

    #dialog-video-player .modal-body iframe {
        width: 720px;
        height: 405px;
    }

}

@media (min-width: 992px) {

    #dialog-product-detail>.modal-dialog {
        max-width: 960px;
    }

    #dialog-video-player .modal-dialog {
        width: 848px;
        max-width: 848px;
        top: 100px;
    }

    #dialog-video-player .modal-body iframe {
        width: 830px;
        height: 467px;
    }

    .single-product-details {
        padding-left: 40px;
    }

}