/*------------MY STYLES-------------*/
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Regular.woff") format('woff2'),
    url("../fonts/OpenSans-Regular.woff") format('woff'),
    url("https://orientsilverworld.com/templates/orientsilver/fonts/OpenSans-Regular.ttf") format('truetype'),
    url("https://orientsilverworld.com/templates/orientsilver/fonts/OpenSans-Regular.svg") format('svg');
}

@font-face {
    font-family: 'Corp';
    src: url("../fonts/Co-Headline-Corp.woff") format('woff2'),
    url("../fonts/Co-Headline-Corp.woff") format('woff'),
    url("https://orientsilverworld.com/templates/orientsilver/fonts/Co-Headline-Corp.ttf") format('truetype'),
    url("https://orientsilverworld.com/templates/orientsilver/fonts/Co-Headline-Corp.svg") format('svg');

}

@font-face {
    font-family: 'Corp Light';
    src: url('https://orientsilverworld.com/templates/orientsilver/fonts/Co-Headline-Corp-Light.woff2') format('woff2'),
    url('https://orientsilverworld.com/templates/orientsilver/fonts/Co-Headline-Corp-Light.woff') format('woff'),
    url('https://orientsilverworld.com/templates/orientsilver/fonts/Co-Headline-Corp-Light.ttf') format('truetype'),
    url('https://orientsilverworld.com/templates/orientsilver/fonts/Co-Headline-Corp-Light.svg') format('svg');

}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Corp', sans-serif;
}

h4 small {
    font-weight: normal;
    color: #444;
}

.addtocart-area .addtocart-button input{
    font-size: .9rem;
    line-height: 1;
    padding: .85em 1em;
    cursor: pointer;
    transition: background-color .25s ease-out, color .25s ease-out;
    text-align: center;
    color: #fefefe;
    border: 1px solid transparent;
    background-color: #7F9FC4;
    border-radius: 3px;
    background-image: none;
}

.addtocart-area .addtocart-button input:hover {
    background-color: #232323;
}

.wrap-cart-content {
    transition: all 150ms ease-in 150ms;
}

.button-w100 {
    width: 100%;
}

.d-none {
    display: none!important;
}

/*  REGISTER TOP    */
.registered-top {
    background-color: #fcd08a;
    text-align: center;
    padding: 3px 0;
    font-weight: bold;
    letter-spacing: 1px;
}

.registered-top p {
    margin: 0;
}

/*        Add to cart in header       */
.addcart-text {
    display: flex;
    margin: 10px;
}

.addcart-text img {
    width: 80px;
    max-height: 140px;
    height: auto;
    margin-right: 17px;
    object-fit: contain;
}

.addcart-text h4 {
    font-size: 1rem;
    width: 400px;
}

.addcart-wrapper .continue_link,
.addcart-wrapper .showcart {
    background-color: #1b1b1b;
    color: #fff;
    padding: 9px 20px 9px 20px;
    display: inline-block;
}

.addcart-wrapper .showcart {
    background-color: #7F9FC4;
    float: right;
}

.addcart-wrapper .continue_link:hover {
    background-color: #7F9FC4;
}

.addcart-wrapper .showcart:hover {
    background-color: #1b1b1b;
}

#fancybox-outer {
    display: flex;
}

.cart_content {
    border-top: 3px solid #7F9FC4;
    padding: 7px 10px;
    width: auto;
    min-width: 100px;
}

#vmCartModule span.image {
    width: 50px;
    margin-right: 10px;
    border: 1px solid #c2c0c0;
}

.vmCartModule a,
.vmCartModule .product_name a {
    color: #1b1b1b;
}

.vmCartModule a:hover,
.vmCartModule .product_name a:hover {
    color: #7F9FC4;
}

/*   SLIDER       */

.slider-wrapper {
    background-color: #d5d5d5;
}

.minislider img {
    margin: 40px 0;
}

/*   ADVANTAGES    */

.advantages-wrapper {
    margin-bottom: 2rem;
    box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
    background-color: rgba(234, 234, 234, 1);
    position: relative;
}

.advantages-wrapper .columns {
    display: flex;
    align-items: center;
}

.advantages-wrapper img {
    margin-right: 20px;
}

.advantages-wrapper img {
    width: 40px;
}

.advantages-wrapper p {
    width: 110px;
    margin-top: 1rem;
}

.category-view h1 {
    font-size: 2rem;
}


/*      CARD ITEM      */

.card {
    position: relative;
    overflow: visible;
    /*margin-bottom: -1rem;*/
    padding-bottom: 0;
    color: #222;
    border: 1px solid transparent;
    background: none;
    box-shadow: none;
}

.card .complect {
    font-size: .75rem;
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    background-color: #626974;
}

.card .newest {
    font-size: .75rem;
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    background-color: #626974;
}

.card .discount {
    font-size: .8rem;
    position: absolute;
    top: 40px;
    right: 0;
    display: inline-block;
    padding: 1px 4px;
    color: #fff;
    background-color: #7F9FC4;
}

.card .thumbnail {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #c2c0c0;
    box-shadow: none;
    border-radius: 0;
}

.card .thumbnail img {
    width: 266px;
    max-width: 266px;
}

.card .card-section {
    border: 1px solid transparent;
    background-color: #fbfbfb;
    padding: 0.5rem 1rem 0;
    border-top: none;
    height: 106px;
}

.card .card-section .product-title-wrapper {
    display: flex;
    height: 2.8rem;
    align-items: center;
}

.card .card-section .product-title {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: #222;
    max-height: 3rem;
    transition: none;
}

.card .card-section .product-title:hover {
    text-decoration: underline;
}

.card .card-section .product-price {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #7F9FC4;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 5px 0;
    line-height: 1.1;
    height: 28px;
}

.card .card-section .product-price .all-prices {
    width: 55%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 10px;
}

.card .card-section .product-price .old-price {
    font-size: 0.8rem;
    font-weight: normal;
    text-decoration: line-through;
    color: #8c8c8c;
}

.card .card-section .product-price .price-usd {
    font-size: 1rem;
}

.card .price-gram {
    color: #232323;
    font-weight: normal;
    font-size: 0.5em;
    width: 45%;
    display: none;
}

.card:hover .price-gram {
    display: block;
}

.card .add-info {
    font-size: 12px;
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 0 0.5rem;
    text-align: center;
    opacity: 0;
    border-right: 1px solid #c2c0c0;
    border-bottom: 5px solid #7F9FC4;
    border-left: 1px solid #c2c0c0;
    background-color: #fff;
    display: none;
}

.card .add-info .material-weight {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0.3rem;
}

.card .add-info .material-weight .weight {
    width: 45%;
}

.card .add-info dt {
    display: inline-block;
    margin: 0 .5rem .5rem 0;
    vertical-align: top;
}

.card .add-info dd {
    display: inline-block;
    margin-bottom: .5rem;
    text-align: center;
    vertical-align: top;
}

.card .add-info dd span {
    display: flex;
}

.card .add-info .wr-sizes {
    display: flex;
    justify-content: center;
    margin-bottom: 0.3rem;
}

.card .add-info .wr-sizes span {
    margin-right: 0.5rem;
}

.card .add-info .controls {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.card .add-info .controls label {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0 5px 5px 0;
    padding: 4px;
    color: #7F9FC4;
    background-color: #e9e9e9;
}

.card .add-info .controls input {
    display: none;
}

.card .add-info .material-title {
    display: none;
}

.card .add-info .material-value {
    text-transform: capitalize;
    width: 55%;
    margin: 0;
    font-size: 0.65rem;
}

.card .add-info .material-value span {
    display: inline-block;
}

.card .quick-btn {
    position: absolute;
    top: 233px;
    left: 50%;
    width: 160px;
    text-align: center;
    transform: translateX(-50%) translateY(35%);
    opacity: 0;
}

.card .quick-btn .button {
    font-size: 0.8rem;
    padding: .3rem .6rem;
    margin-bottom: 0;
}

.card:hover,
.card:focus {
    z-index: 100;
    margin-bottom: 0;
    background: none;
}

.card:hover .card-section {
    border-right: 1px solid #c2c0c0;
    border-left: 1px solid #c2c0c0;
    background-color: #FFF;
}

.card:hover .add-info {
    opacity: 1;
    display: block;
}

.card:hover .quick-btn {
    opacity: 1;
}

.card:hover .thumbnail {
    /*border-bottom: 1px solid transparent;*/
    border-bottom: none;

}

.card.frame {
    width: 560px;
    height: 560px;
    background-image: url("https://orientsilverworld.com/templates/orientsilver/images/frame.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card.frame img {
    width: 410px;
    height: 400px;
    object-fit: cover;
    -webkit-border-radius: 210px;
    -moz-border-radius:210px;
    border-radius: 210px;
}

.category-items .card:hover .card-section {
    padding: 0 0.5rem;
    height: 70px;
    /*margin-top: -1px;*/
}

.category-items .card:hover .card-section .product-title-wrapper {
    height: 2rem;
}

.category-items .card:hover .card-section .product-title {
    font-size: 0.8rem;
}

.set .card {
    margin-bottom: 0;
}

.set .card:hover .thumbnail {
    border-bottom: 1px solid #c2c0c0;
}

.set .card:hover .card-section {
    border-right: none;
    border-left: none;
    background-color: #fbfbfb;
}

.simple-view .card {
    margin-bottom: 0;
    border: 1px solid #c2c0c0;
}

.simple-view .card .card-section {
    padding: 0.5rem 1rem;
    background-color: #fff;
}

.simple-view .card .card-section .product-title {
    max-height: 3rem;
}

.simple-view .card .card-section .product-price {
    font-size: 1rem;
}

.simple-view .card .card-section .product-price .old-price {
    font-size: 0.8rem;
}

.simple-view .card:hover .card-section {
    background: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.simple-view .card .thumbnail {
    border: none;
}

.full-width h3 {
    font-weight: bold;

    margin: 30px 0;

    text-transform: uppercase;

    color: #7F9FC4;
}

.reveal {
    border: 1px solid #e4e4e2;
}

.reveal .thumbnail {
    width: 100%;
    margin-top: 20px;
}

.reveal .modal-body {
    margin-right: 30px;
}

.reveal .modal-body .title {
    font-size: 2rem;
    font-weight: bold;

    padding: 20px 0 20px;

    border-bottom: 1px solid #e6e6e6;
}

.reveal .modal-body p {
    font-size: .9rem;

    margin-bottom: .3rem;
}

.reveal .modal-body p span {
    display: inline-block;

    width: 110px;
}

.reveal .modal-body .price {
    font-size: 2rem;
    font-weight: bold;

    color: #7F9FC4;
}

.reveal .modal-body .stock .instock {
    width: auto;
    padding-right: 10px;

    color: #007123;
}

.reveal .modal-body .stock .outstock {
    width: auto;

    color: #cb6071;
}

.reveal .modal-body .controls input {
    display: none;
}

.reveal .modal-body .controls label {
    display: inline-block;

    min-width: 30px;
    margin: 0 6px 6px 0;
    padding: 4px 8px;

    text-align: center;

    border: 1px solid #cacaca;
    background: #e6e6e6;
}

.reveal .modal-body .add-bucket {
    margin-top: 40px;
}

.reveal .modal-body .add-bucket a {
    display: inline-block;

    margin: -32px 30px 0;
}

.reveal .modal-body .add-bucket a img {
    padding-right: 10px;
}

.reveal .modal-body .add-bucket input {
    border: 1px solid #cacaca;
    background: #e6e6e6;
}

.reveal .modal-body .add-bucket .input-number-box {
    position: relative;

    display: inline-block;

    width: 60px;
    height: 2.5rem;
}

.reveal .modal-body .add-bucket .input-number-more,
.reveal .modal-body .add-bucket .input-number-less {
    position: absolute;
    right: 8px;

    cursor: pointer;

    border: 5px solid;
}

.reveal .modal-body .add-bucket .input-number-more {
    top: 2px;

    border-color: transparent transparent #8c8c8c transparent;
}

.reveal .modal-body .add-bucket .input-number-less {
    bottom: 2px;

    border-color: #8c8c8c transparent transparent transparent;
}

.main-content {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.main-content img.float-left {
    margin-right: 20px;
}

.main-content img.float-right {
    margin-left: 20px;
}

.blog img {
    width: 100%;
    margin-bottom: 20px;

    transition: all .3s ease-out;

    opacity: 1;
}

.blog img:hover {
    opacity: .7;
}

.blog h4 {
    font-size: 1.2rem;
}

.blog p {
    font-size: .9rem;
}

.main-content .moduletable {
    text-align: center;
    position: relative;
}

.main-content .moduletable:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #7F9FC4;
    position: absolute;
    top: 45px;
    z-index: 20;
}

.main-content .moduletable h3 {
    display: inline-block;
    background-color: #f9f9f9;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #7F9FC4;
    position: relative;
    z-index: 22;
    text-transform: uppercase;
}

/**********   MODULES     ****************/
.akcia h4 {
    color: #7F9FC4;
    font-size: 1rem;
    text-align: left;
}

.akcia p {
    text-align: left;
}

.why .columns > div {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.why img {
    width: 65px;
}

.why .columns > div > p {
    width: calc(100% - 65px);
    display: block;
    line-height: 1.2rem;
    text-align: left;
    margin-bottom: 0;
    padding-left: 1rem;
}

/*   CATEGORY VIEW   */
.category-items {
    margin-bottom: 2.8rem;
}

.total-items {
    font-size: .9rem;

    display: block;

    color: #838383;
}

.sort-wrapper .moduletable {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e4e4e2
}

.sort-wrapper .moduletable::before {
    display: none;
}

.orderby {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
}

.orderby span {
    width: 100px;
    margin-right: 0.5rem;
}

.orderby select {
    margin: 0;
    width: 60px;
    font-size: 0.9rem;
    height: 1.8rem;
    padding: 0 1.5rem 0 0.3rem;
    border-radius: 0;
}

.orderlistcontainer {
    position: relative;
    font-size: 0.9rem;
}

.orderlistcontainer .title {
    font-size: 0.8rem;
    position: absolute;
    top: 0;
    left: -57px;
    line-height: 1.7rem;
}

.orderlistcontainer a {
    color: #444;
}

.orderlistcontainer .activeOrder {
    width: 220px;
    line-height: 1.7rem;
    padding: 0 1.5rem 0 0.3rem;
    cursor: pointer;
    border: 1px solid #c2c0c0;
    background: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' width=\'32\' height=\'24\' viewBox=\'0 0 32 24\'><polygon points=\'0,0 32,0 16,24\' style=\'fill: rgb%28138, 138, 138%29\'></polygon></svg>') no-repeat right -1rem center;
    -webkit-background-size: 9px 6px;
    background-size: 9px 6px;
    -webkit-background-origin: content-box;
    background-origin: content-box;

}

.orderlistcontainer .orderlist {
    position: absolute;
    top: 1rem;
    right: 0;
    width: 220px;
    border: 1px solid #c2c0c0;
    background-color: #FFF;
    line-height: 1.8;
    opacity: 0;
    z-index: 10;
    transition: all 0.2s ease-in;
}

.orderlistcontainer .orderlist div:hover {
    background-color: #f0f0f0;
}

.orderlistcontainer:hover .orderlist {
    top: 1.7rem;
    opacity: 1;
}

/*        PAGINATION          */

.pagination {
    width: 100%;
}

.pagination li {
    margin: 0;

    border: none;
    border-radius: 0;
}

.pagination li a,
.pagination li span {
    font-size: 1rem;
    line-height: 2.8rem;

    display: block;

    min-width: 3rem;
    height: 2.8rem;
    margin-right: -1px;
    padding: 0 10px;

    border: 1px solid #c2c0c0;
}

.pagination li span.active {
    display: block;

    background-color: #e8f1fc;
}

.pagination li:first-child span.active {
    background: none;
}

/* PRODUCT PAGE */

.product h1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-right: 1.25rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid #e4e4e2;
}

.product .product-container dt {
    clear: both;
    font-weight: bold;

    float: left;

    width: 130px;
    margin-bottom: .3rem;
}

.product .product-container dd {
    float: left;

    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
    margin-bottom: .3rem;
}

.product .product-container dd span {
    display: inline-block;
}

.product-container .green {
    color: #007123;
}

.product-unavailable .yellow {
    color: #e7a740;
}

.product-container dd p,
.product-container dt p {
    margin-bottom: 0;
}

.product .product-description {
    font-size: 0.8rem;
}

.product .addtocart-area dd > span {
    display: flex;
}

.reveal .controls {
    max-width: 170px;
}
.reveal .vm-customfields-wrap .controls {
    max-width: unset;
}

.product .owl-product-images .zoom-icon {
    background-image: url("https://orientsilverworld.com/templates/orientsilver/images/zoom.png");
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: 10px;
}

.product-unavailable {
    color: #FC6653;
    font-weight: bold;
    margin-bottom: 5px;
}

/*.product .orbit-slide.is-active {*/
    /*position: relative;*/
/*}*/
/*.product .orbit-slide .zoom-icon {*/
    /*background-image: url("https://orientsilverworld.com/templates/orientsilver/images/zoom.png");*/
    /*position: absolute;*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*bottom: 10px;*/
    /*right: 10px;*/
/*}*/

/*.product-unavailable {*/
    /*color: #FC6653;*/
    /*font-weight: bold;*/
    /*margin-bottom: 5px;*/
/*}*/

/* Product IMAGES   */
/*.zoomContainer .orbit-wrapper {*/
    /*margin-bottom: 30px;*/
    /*border: 1px solid #e4e4e2;*/
/*}*/

/*.zoomContainer img,*/
/*.orbit-bullets button img {*/
    /*border: 1px solid #e5e5e5;*/
/*}*/
/*.zoomContainer .zoomLens {*/
    /*cursor: pointer !important;*/
/*}*/



/*.orbit-bullets button {*/
    /*width: 90px;*/
    /*height: 90px;*/
    /*margin-right: 15px;*/
    /*cursor: pointer;*/
/*}*/

/*#fancybox-close {*/
    /*right: -30px;*/
/*}*/

/*#fancybox-right {*/
    /*right: -40px;*/
/*}*/

/*#fancybox-left {*/
    /*left: -20px;*/
/*}*/

/*.reveal-overlay .zoomContainer {*/
    /*width: 322px;*/
/*}*/

/*.zoomContainer .orbit-container {*/
    /*height: auto !important;*/
/*}*/

/*     */
.zoomContainer img,
.owl-product-images .owl-dot,
.owl-product-images-quick .owl-dot{
    border: 1px solid #e5e5e5;
}
.zoomContainer .zoomLens {
    cursor: pointer !important;
}

.owl-product-images .owl-dots,
.owl-product-images-quick .owl-dots{
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.owl-product-images .owl-dot,
.owl-product-images-quick .owl-dot{
    width: 90px;
    height: 90px;
    margin-right: 15px;
    cursor: pointer;
    margin: 0 10px;
}

#fancybox-close {
    right: -30px;
}

#fancybox-right {
    right: -40px;
}

#fancybox-left {
    left: -20px;
}

.reveal-overlay .zoomContainer {
    width: 322px;
}

.zoomContainer .owl-product-images {
    height: auto !important;
}

/* PRICES */

.product-container .product-price {
    display: flex;
    margin-bottom: 2rem;

    align-items: center;
}

.product-container .product-price > .PricesalesPrice {
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.5rem;
    color: #7F9FC4;
    display: block;
}

.product-container .product-price > .PricebasePrice {
    line-height: 1.5rem;
    font-size: 1rem;
    margin-left: 1.8rem;
    text-decoration: line-through;
    display: block;
}

.product-container .product-price > .discountAmount {
    font-size: 1rem;
    font-weight: bold;
    margin-left: 1rem;
    color: #7F9FC4;
    display: block;
    width: 14rem;
}

.product-container .product-price > .discountAmount span,
.product-container .product-price > .discountAmount .PricediscountAmount {
    display: inline-block;
}

.product-container .product-price .Pricediscount {
    font-size: 1rem;
}

/*    TOOLTIP    */

.tooltip1 {
    display: inline-block;
    color: #7d8289;
    margin-right: 10px;
    border-bottom: 2px dotted #e3e4e6;
    cursor: pointer;
    position: relative;
}

.tooltip1::before {
    content: '';
    position: absolute;
    top: -0.4em;
    left: 0;
    right: 0;
    height: 0.4em;
    visibility: hidden;
}

.tooltip1::after {
    content: '';
    position: absolute;
    top: -.4em;
    left: 50%;
    visibility: hidden;
    margin: 0 0 0 -.4em;
    border: .9em solid transparent;
    border-top-color: rgb(255, 255, 255);
    cursor: auto;
    z-index: 21000;
}

.tooltip1 > span {
    position: absolute;
    bottom: 100%;
    left: -356px;
    right: -356px;
    max-width: 356px;
    max-height: 80vh;
    overflow: auto;
    visibility: hidden;
    margin: 0 auto .4em;
    padding: 1.0em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 0.8rem;
    background: #fff;
    line-height: normal;
    cursor: auto;
    z-index: 21000;
}

.tooltip1 > span p {
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.tooltip1 > span img {
    float: left;
    margin: 10px 10px 10px 0;
}

.tooltip1:hover > span,
.tooltip1:hover:before,
.tooltip1:hover:after,
.tooltip1:focus > span,
.tooltip1:focus:before,
.tooltip1:focus:after {
    visibility: visible;
    transition: 0s .4s;
}

/*        PRODUCT CART         */

.addtocart-bar {
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.quantity-box,
#ProOPC .quantity-box {
    display: flex;
    height: 35px;
    margin: 0 1rem;
    align-items: center;
    justify-content: center;
}
.quantity-box input,
.quantity-box .quantity-controls,
#ProOPC .quantity-box input,
#ProOPC .quantity-box .quantity-controls {
    display: block;
    width: 37px;
    height: 35px;
    line-height: 1.5em;
    padding: 4px 8px;
    text-align: center;
    color: #6a6a6a;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0;
}

#ProOPC .quantity-box input,
#ProOPC .quantity-box .quantity-controls {
    width: 19px;
    height: 25px;
}

.quantity-box .quantity-buttons,
#ProOPC .quantity-box .quantity-buttons {
    position: relative;
    height: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

.quantity-box .quantity-minus,
#ProOPC .quantity-box .quantity-minus {
    cursor: pointer;
    border-right: none;
    width: 30px;
    font-size: 1.8rem;
    line-height: 1;
    background-color: #f3f3f3;
    padding: 0;
    height: 35px;
}

.quantity-box .quantity-plus,
#ProOPC .quantity-box .quantity-plus {
    cursor: pointer;
    border-left: none;
    width: 30px;
    font-size: 1.8rem;
    line-height: 1;
    background-color: #f3f3f3;
    padding: 0;
    height: 35px;
}
#ProOPC .proopc-btn {
    color: #6a6a6a;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #f3f3f3;
    background-image: none;
    text-shadow: none;
    padding: 0;
    width: 37px;
    height: 35px;
    margin-left: 6px;
    font-size: inherit;
    line-height: 1;
}

#ProOPC .proopc-btn.proopc-btn-lg{
    font-size: 1.2rem;
    line-height: 1;
    padding: .85em 1em;
    cursor: pointer;
    transition: background-color .25s ease-out, color .25s ease-out;
    text-align: center;
    color: #fefefe;
    border: 1px solid transparent;
    background-color: #7F9FC4;
    border-radius: 0;
    background-image: none;
    width: 100%;
    height: auto;
    margin-left: 0;
}
#ProOPC .proopc-btn.button {
    font-size: 1.2rem;
    line-height: 1;
    padding: .85em 1em;
    cursor: pointer;
    text-align: center;
    color: #fefefe;
    border: 1px solid transparent;
    background-color: #7F9FC4;
    border-radius: 0;
    background-image: none;
    display: inline-block;
    width: auto;
    height: auto;
}

.addtocart-area .vm-customfields-wrap dd {
    width: calc(100% - 130px - 80px);
}

.sizeHelper {
    font-size: .8rem;
    float: right;
    text-decoration: underline;
    margin-bottom: 0.5rem;
}

.addtocart-area .controls label {
    line-height: 1.5em;

    display: inline-block;

    min-width: 30px;
    margin: 0 6px 6px 0;
    padding: 4px 8px;

    cursor: pointer;
    text-align: center;

    color: #6a6a6a;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    transition: all 0.2s ease-in;
}

.addtocart-area .controls label:hover,
.addtocart-area .controls label:focus {
    color: #000;
    border: 1px solid #7F9FC4;
    background-color: #e8f1fc;
}

.addtocart-area .controls .checked {
    color: #000;
    border: 1px solid #7F9FC4;
    background-color: #e8f1fc;
    font-weight: bold;
}

.addtocart-area .controls input {
    display: none;
}

.addtocart-bar .availability {
    max-width: 12rem;
}

/* SIZES for Wholesalers  */

.vm-customfields-wrap .clearfix {
    display: flex;
    align-items: center;
}
.vm-customfields-wrap .clearfix .wr-sizes {
    flex: 2;
}

.wr-sizes h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.6;
}

.wr-sizes .row {
    align-items: center;
    margin-bottom: 0.2rem;
}

.wr-sizes .size-option {
    line-height: 1.6;
    display: inline-block;
    width: 40px;;
    text-align: center;
    color: #6a6a6a;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 0.875rem;
}

.wr-sizes .green {
    font-size: 0.875rem;
}

.wr-sizes .size-quantity {
    display: flex;
}

.wr-sizes .size-quantity input,
.wr-sizes .size-quantity .quantity-controls {
    display: block;
    width: 37px;
    height: 35px;
    line-height: 1.5em;
    padding: 4px 8px;
    text-align: center;
    color: #6a6a6a;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 0;
}

.wr-sizes .size-quantity .quantity-buttons {
    position: relative;
}

.wr-sizes .size-quantity .quantity-buttons .quantity-minus {
    cursor: pointer;
    border-right: none;
    width: 30px;
    font-size: 1.8rem;
    line-height: 1;
    padding: 0 0 4px;
    background-color: #f3f3f3;
}

.wr-sizes .size-quantity .quantity-buttons .quantity-plus {
    cursor: pointer;
    border-left: none;
    width: 30px;
    font-size: 1.8rem;
    line-height: 1;
    padding: 0 0 4px;
    background-color: #f3f3f3;
}

.wr-sizes .size-label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    margin: 0 5px 5px 0;
    padding: 4px;
    color: #7F9FC4;
    background-color: #e9e9e9;
}
.vm-customfields-wrap .wr-sizes-addinfo {
    flex: 3;
    text-align: right;
}

.disclaimer {
    margin-bottom: 0.5rem;
}

/*SIDECOLUMN*/
.wr-sidecolumn .moduletable,
.filter .wr-sidecolumn {
    padding: 20px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #e4e4e2;
}

.wr-sidecolumn h3 {
    font-size: 1.2rem;
    margin: 0 0 1.2rem 0;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #e4e4e2;
}

.moduletable.categories li {
    padding: 0.1rem 0.5rem;
}

.moduletable.categories li a {
    font-size: .9rem;

    display: inline-block;

    padding: 0 0 5px;

    color: #6a6a6a;
}

.moduletable.categories li:hover a {
    color: #7F9FC4;
    border-bottom: 1px solid #7F9FC4;
}

/*             FILTER        **/

.filter .cf_flt_header {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 0.9rem;
    cursor: pointer;
}

.filter .cf_flt_header .cf_flt_header_text {
    font-size: 0.9rem;
    vertical-align: top;
}

.filter .cf_flt_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.headexpand {
    margin-right: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8.5px 0 8.5px;
    border-color: #6a6a6a transparent transparent;
    transition: all .25s ease-out;
}

.headexpand.headexpand_hide {
    border-width: 8.5px 0 8.5px 10px;
    border-color: transparent transparent transparent #6a6a6a;
}

.filter .cf_wrapper_inner li {
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0 10px 10px 0;
    color: #6a6a6a;
    cursor: pointer;
    box-shadow: none;
    float: none;
}

.filter .cf_wrapper_inner li a:hover,
.filter .cf_filters_list li .cf_sel_opt {
    color: #7F9FC4;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #c7c7c7;
}

.filter .cf_wrapper_inner li a {
    display: inline-block;
    box-shadow: none;
    margin: 0;
    padding: 4px 4px;
    font-size: 0.9em;
    background: #ffffff none;
    border: 1px solid #e5e5e5;
    min-width: 2.7em;
    height: 1.9em;
    line-height: 1.1em;
}

.filter .cf_filters_list li {
    display: flex;
}

.filter .cf_filters_list.cf_btn_list li {
    display: inline-block;
}

.filter .cf_wrapper_inner .cf_li_clear,
.filter #cf_wrapper_inner_custom_f_4_167 li {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

.filter .cf_flt_wrapper label input[type='checkbox'],
.filter .cf_flt_wrapper label input[type='radio'] {
    margin: 0;
    position: relative;
    top: 2px;
}

.filter #cf_wrapper_inner_custom_f_4_167 li label a {
    padding: 0 7px;
    font-size: 0.9rem;
    color: #6a6a6a;
    border: none;
}

.filter #cf_wrapper_inner_custom_f_4_167 li label a:hover {
    border: none;
    background-color: transparent;
}

.filter #cf_wrapper_inner_custom_f_4_167 li .cf_sel_opt {
    color: #6a6a6a;
    border: none;
    background: none;
}

.filter #cf_wrapper_inner_custom_f_4_167 li .cf_flt_counter {
    font-size: 0.9rem;
}

.filter .cf_wrapper_inner .cf_li_clear a {
    margin-right: 30px;
    margin-bottom: 10px;
    display: inline-block;
    border: none;
    text-align: left;
    color: #6a6a6a;
    position: relative;
}

.filter .cf_wrapper_inner .cf_li_clear a {
    border: none;
    text-align: left;
    color: #6a6a6a;
}

.filter .cf_wrapper_inner .cf_li_clear a:hover {
    border: none;
    background: none;
}

.filter .cf_wrapper_inner .cf_li_clear a:after {
    content: '\002A2F';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 3px;
    right: -20px;
    font-size: 20px;
}

/*   SIDEBAR MODULES    */

.moduletable.best .product-image {
    display: inline-block;
    width: 70px;
    margin-left: 10px;
}

.moduletable.best .product-text {
    display: inline-block;
    width: 145px;
}

.product-container {
    margin-bottom: 20px;
}

.product-container:last-child {
    border: none;
    padding-bottom: 0;
}

.product-container .productdetails-img a {
    display: block;
    border: 1px solid #e2e2e2;
    padding: 1px;
}

.product-container .productdetails-text a {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1.1rem;
    color: #000;
}

.product-container .productdetails-text a:hover {
    color: #7F9FC4;
}

.product-container .productdetails-text .vm-price-value {
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #7F9FC4;
    font-weight: bolder;
}

/*   LOGIN FORM    */

.reg-forms {
    padding-left: 50px;
    border-left: 1px solid #b2b2b2;
}

.reg-forms h4 {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin: 30px 0;
}

.form-validate div input {
    border-radius: 0;
}

.form-validate div label {
    font-style: italic;
}

.form-validate .buttonBar {
    text-align: right;
    width: 100%;
    margin-top: 30px;
}

.form-validate .buttonBar .button {
    font-size: 1.25rem;
    width: 100%;
}

.registered {
    margin-bottom: 4rem;
}
.registered fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.registered fieldset .remember {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.registered fieldset .remember input {
    margin: 0 10px 0 0;
}

.form-validate .virtuemart_country_id {
    display: none;
}

#form-login {
    margin-top: 20px;
}

#form-login .button {
    display: block;
    margin: 20px 0;
    text-transform: uppercase;
    padding: .85em 3em;
}

.reset {
    background: url(https://orientsilverworld.com/templates/orientsilver/images/jewelry.jpg) no-repeat top right;
    -webkit-background-size: contain;
    background-size: contain;
}

.button.validate {
    width: 100%;
}

/*   ORDERS PAGE   */

.vm-orders-information .ordersListLink {
    border-bottom: 1px solid #7F9FC4;
    display: inline-block;
    margin: 20px 0;
    font-weight: bold;
}

.vm-orders-information .ordersListLink:hover {
    border-bottom-color: #232323;
}

.vm-wrap table {
    margin-bottom: 0;
    border-radius: 0;
}

.vm-wrap .tabs {
    border: none;
}

.vm-orders-order {
    margin-bottom: 2em;
}

.vm-orders-order tr td:first-child {
    width: 15%;
}

.alert.alert-message {
    display: none;
}

.error h3 {
    text-transform: none;
    color: #444;
}

.error .moduletable::before {
    display: none;
}

.error .vmproduct {
    background-color: #FFF;
    border: 1px solid #c2c0c0;
}

.error .vmproduct h2 {
    font-size: 2rem;
}

#adminForm .username {
    display: none;
}

.hits {
    margin-bottom: 50px;
}


.col-name {
    width: 40%;
}
.col-price {
    width: 15%;
}

table.cart-summary.proopc-table-striped tr th,
table.cart-summary.proopc-table-striped tr td,
.proopc-product-name a, .col-name a {
    text-transform: none;
}

.proopc-table-striped .col-price, .proopc-table-striped .col-tax, .proopc-table-striped .col-discount, .proopc-table-striped .col-total {
    text-align: center;
}
table.cart-summary.proopc-table-striped tr td.desclaimer {
    background-color: #fcd08a;
    font-size: 1rem;
    font-weight: bold;
    text-align: right;
    letter-spacing: 1px;
    border-bottom: 1px solid #c4c4c4;
}
#ProOPC .cart-product-description.with-image {
    padding-left: 105px;
}
#ProOPC .cart-images {
    width: 90px;
    margin-left: -105px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    padding: 0;
}
.price-title, .final-price,
.product-discount,
.product-price .PricesalesPrice,
.col-total .PricesalesPrice,
.grand-total .PricebillTotal {
    color: #7F9FC4;
    font-weight: bold;
}
#ProOPC .col-total .PricesalesPrice{
    font-size: 1rem;
}
#ProOPC .cart-summary.proopc-table-striped .grand-total span {
    font-size: 1.5rem;
}
.shipping-payment-heading {
    text-align: center;
}
.shipping-payment-heading div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#ProOPC .shipping-payment-heading .vmshipment_name,
#ProOPC .shipping-payment-heading .vmpayment_name{
    font-size: 1.1rem;
}
.proopc-shipments input[type="radio"],
.proopc-payments input[type="radio"] {
    margin: 10px 10px 1px 0;
}

#ProOPC .vmshipment .vmshipment_name {
    display: block;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 5px;
}
#ProOPC .vmshipment .vmshipment_description {
    display: block;
    color: #848484;
}
.proopc-shipments,
.proopc-bt-address {
    margin-bottom: 20px;
}
#ProOPC .proopc-shipments label {
    margin-bottom: 15px;
}
.vmshipment_description strong{
    color: #0a0a0a;
}
.hover-tootip {
    color: #848484;
}
#ProOPC .inner-wrap {
    margin: 0 15px;
}
#ProOPC .inner {
    margin-bottom: 10px;
}

#ProOPC input,
#ProOPC select {
    width: 100%;
}

.first_name-group,
.last_name-group,
.taxid-group,
.company-group,
.virtuemart_country_id-group,
.virtuemart_state_id-group,
.zip-group,
.city-group {
    display: inline-block;
    width: 47%;
}
.first_name-group,
.taxid-group,
.virtuemart_country_id-group,
.zip-group {
    margin-right: 30px;
}

#ProOPC .proopc-confirm-order {
    margin: 0;
}


/*   ALERT  */
.alert {
    position: relative;
    text-align: center;
    border: 1px solid #c2c0c0;
    padding: 20px 40px;
    margin-bottom: 40px;
    background-color: rgba(234, 234, 234, 1);
}

.alert .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 36px;
    line-height: 0.6;
    padding: 5px;
    background-color: #FFF;
    border-left: 1px solid #c2c0c0;
    border-bottom: 1px solid #c2c0c0;
}

.flex {
    display: flex;
    align-items: center;
}
.bg-img_01 {
    background-image: url("https://orientsilverworld.com/templates/orientsilver/images/fon-1.jpg");
    background-position: 0 center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1.5rem 6rem;
    margin: 3rem 0;
}

.bg-img_01 p {
    font-size: 1.5rem;
}
.bg-img_02 {
    background-image: url("https://orientsilverworld.com/templates/orientsilver/images/fon-2.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1.5rem 6rem;
    margin: 3rem 0;
}

.reg-forms .first_name {
    display: none;
}
.retail {
  margin-top:53px;
}