/*Custom CSS Changes*/
.products .product .img-hover .product-price{
	padding:0 0 0;
}

.navbar-brand {
    float: none !important;
}

#toast-container > div {
    opacity: 1;
}

/* Product Logo Types */

.product-listing-logo-type {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* Product Logo Types - UTX */

.product-listing-logo-type .utx-logo {
    width: 60px !important;
}

.product-detail-logo-type .utx-logo {
    width: 150px !important;
}

/* Product Logo Types - IFLEX */

.product-listing-logo-type .iflex-titanium-logo {
    width: 60px !important;
}

.product-detail-logo-type .iflex-titanium-logo {
    width: 125px !important;
}

/* Product Logo Types - SlimFit */

.product-listing-logo-type .slim-fit-logo {
    width: 72px !important;
}

.product-detail-logo-type .slim-fit-logo {
    width: 125px !important;
}

/* Product Logo Types - TITANIUM */

.product-listing-logo-type .titanium-logo {
    width: 60px !important;
}

.product-detail-logo-type .titanium-logo {
    width: 125px !important;
}

/* Product Logo Types - PETITE */

.product-listing-logo-type .petite-logo {
    width: 50px !important;
}

.product-detail-logo-type .petite-logo {
    width: 80px !important;
}

/* Product Logo Types - ALUMINIUM TEMPLES */

.product-listing-logo-type .aluminium-temples-logo {
    width: 90px !important;
}

.product-detail-logo-type .aluminium-temples-logo {
    width: 150px !important;
}

/* Product Logo Types - LIGHTWEIGHT TEMPLES */
.product-listing-logo-type .lightweight-temples-logo {
    width: 90px !important;
}

.product-detail-logo-type .lightweight-temples-logo {
    width: 150px !important;
}

/* Product Logo Types - KIDS */
.product-listing-logo-type .kids-logo {
    width: 60px !important;
}

.product-detail-logo-type .kids-logo {
    width: 90px !important;
}

/* Product Logo Types - Embossed */

.product-listing-logo-type .embossed-logo {
    width: 90px !important;
}

.product-detail-logo-type .embossed-logo {
    width: 150px !important;
}


.manage-account {
    float: right !important;
    margin-right: 0 !important;
}

.top-bar .dropdown.cart .cartitems {
    top: 71px !important;
    left: 50px !important;
}

@media (max-width: 767px) {
    .pull-left-xs {
        float: left !important;
    }

    .pull-right-xs {
        float: right !important;
    } 
}

@media (min-width: 768px) {
    div.dataTables_length input {
        float: left !important;
    }

    div.dataTables_filter input {
        float: right !important;
    }
}


.table-responsive .table tbody tr td:first-child a:link {
    padding: 6px 10px 6px 30px;
    text-align: left;
    color: #ff7300 ;
}

.table tbody tr td a:link {
    color: #313131;
    text-decoration: none;
}

video::-webkit-media-controls {
    overflow: hidden !important
}

video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #313131 !important;
    border-color: #313131 !important;
    color: #e7e7e7 !important;
}

.pagination > li > a, .pagination > li > span {
    color: #313131 !important;
}

.products.list-type .product figure {
    border-right: none !important;
}

html{font-size:100%}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
html{overflow-y:auto;}
img,video{max-width:100%;height:auto;}
img{-ms-interpolation-mode: bicubic;}

/* Box Sizing */
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/*.container {
    margin: 0 auto;
    max-width: 1200px;
    width: 90%
}*/

.site-header {
    background-color: #fff;
}

.search-wrap {
    background-color: #fff;
}

    .search-wrap input {
        background-color: #fff;
        border: none;
        color: #fff;
        padding: 1.875rem 0;
        width: 100%;
    }

::-webkit-input-placeholder {
    color: #fff;
    opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    opacity: 1 !important; 
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;  
    opacity: 1 !important; 
}

:-ms-input-placeholder {  
    color: #fff;  
    opacity: 1 !important; 
}

.nav-bar {
    padding: 0.625em 0;		
    text-align: right;
}

.toggle-search {
    color: #fff;
    text-decoration: none;
}

@media screen and (min-width: 850px) {
    .search-wrap input {
        font-size: 1em;	
    }
}

.widget {
    padding: 15px 0 15px !important;
}

.form-search fieldset button[type="button"] {
    padding: 5px 10px !important;
}

/* Swiper Container */
.swiper-container {
    width: 100%;
    height: 100%;
    /*border: 1px solid;
    border-radius: 5px;*/ /* Optional: Add border radius */
}

/* Swiper Slide */
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* Adjust Swiper Arrows */
.swiper-button-next, .swiper-button-prev {
    color: #ff7300; /* Change arrow color */
    top: 80%; /* Center vertically */
    transform: translateY(-50%);
    width: 30px; /* Adjust width */
    height: 30px; /* Adjust height */
}

/* Optional: Add background color to arrows */
.swiper-button-next::after, .swiper-button-prev::after {
    background-color: white;
    padding: 5px;
    border-radius: 50%;
}

/* Adjust Swiper Pagination Icons */
/*.swiper-pagination-bullet {
    background-color: #ff7300;*/ /* Change pagination bullet color */
/*}*/

.swiper-pagination-bullet-active {
    background-color: #ff7300; /* Change active pagination bullet color */
}