/* General */
/* ========================================================================== */

body {
    color: #5E6977;
    font-family: "centralesansbook",  sans-serif, Arial, Verdana, "Trebuchet MS";
}


a {
    color: #5E6977;
    cursor: pointer;
}

a:hover,
a:active,
a:focus {
    color: #05B4C7;
    text-decoration: none;
}

a:hover,
a:active,
a:focus,
input,
input:active,
input:focus,
textarea,
textarea:active,
textarea:focus,
button,
button:active,
button:focus,
select,
select:active,
select:focus,
.btn,
.btn:active,
.btn:focus,
.bootstrap-select .btn,
.bootstrap-select .btn:active,
.bootstrap-select .btn:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

hr.page-divider {
    margin-top: 30px;
    margin-bottom: 30px;
    clear: both;
    border-color: #E5E8ED;
}

b, strong {
    font-family: 'centralesansbold', sans-serif, Arial, Verdana, "Trebuchet MS";
}




/* Thumbnails
/* ========================================================================== */
.thumbnail {
    margin: 0 auto;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    min-height: 252px;
}

.thumbnail.hover,
.thumbnail:hover {
    border: solid 1px #00b16a;
}
.thumbnail.no-border,
.thumbnail.no-border.hover,
.thumbnail.no-border:hover {
    border: none;
}
.thumbnail.no-padding {
    padding: 0;
}
.row.thumbnails {
    margin-top: -30px;
}
.row.thumbnails .thumbnail {
    margin-top: 30px;
}
.row.thumbnails.no-padding {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.row.thumbnails.no-padding [class*='col-'] {
    padding: 0;
}
.row.thumbnails.no-padding .thumbnail {
    margin-top: 0;
}
/* Thumbnail Media/Image
/* -------------------------------------------------------------------------- */
.thumbnail .media {
    overflow: hidden;
    position: relative;
}
.thumbnail .media img {
    max-width: 100%;
    width: 100%;
}
/* Thumbnail caption
/* -------------------------------------------------------------------------- */
.thumbnail .caption {
    padding: 15px 0 0 0;
    overflow: hidden;
}
.thumbnail .caption + .caption {
    padding-top: 10px;
}
.thumbnail .caption.no-padding-top {
    padding-top: 0;
}
.thumbnail .caption.no-padding-bottom {
    padding-bottom: 0;
}
.thumbnail .caption.hovered {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 15px;
    color: #ffffff;
    opacity: 0;
    z-index: 10;
}
.thumbnail.hover .caption.hovered,
.thumbnail:hover .caption.hovered {
    opacity: 1;
}
.caption-wrapper {
    width: 100%;
}
/* Caption elements
/* -------------------------------------------------------------------------- */
.caption-title {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px 0;
    color: #616773;
    font-family: "centralesanslight", sans-serif;
}
.icon-view {
    display: inline-block;
    width: 166px;
    height: 50px;
}
.thumbnail .media-link {
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.thumbnail .media-link .icon-view {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -20px;
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
.thumbnail .media-link:hover .icon-view {
    opacity: 1;
    filter: alpha(opacity=1); /* For IE8 and earlier */
}

.thumbnail .media-link .product-img {
    width: 272px;
    height: 272px;
}

.thumbnail .media-link:hover .product-img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
/* Thumbnail product
/* ========================================================================== */
.thumbnail .rating {
    display: inline-block;
    font-size: 13px;
}
.thumbnail .rating span.star:before {
    padding-right: 3px;
}
.thumbnail .price {
    margin-bottom: 15px;
    font-family: 'centralesansbold', sans-serif, Arial, Verdana, "Trebuchet MS";
}
.thumbnail .price del {
    font-weight: normal;
    font-size: 14px;
    color: #5E6977;
}
.thumbnail .price ins {
    text-decoration: none;
    color: #002854;
    font-weight: bolder;
    font-size: 18px;
}


/* Products
/* ========================================================================== */


.product-fieldset {
    margin-top: 40px;
}

.product-fieldset-container {
    border-right: 1px solid #E5E8ED;
    border-bottom: 1px solid #E5E8ED;
    border-left: 1px solid #E5E8ED;
}

.product-fieldset-header {
    border-top: 1px solid #E5E8ED;
    text-align: center;
    position: relative;
}

.product-fieldset-header-title {
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    bottom: 0;
    right: 50%;
    width: 250px;
    height: 25px;
    margin-left: -125px;
    font-size: 18px;
}

/* Theme
/* ========================================================================== */

.general-fieldset-container {
    border-right: 1px solid #E5E8ED;
    border-bottom: 1px solid #E5E8ED;
    border-left: 1px solid #E5E8ED;
}

.general-fieldset-header {
    border-top: 1px solid #E5E8ED;
    text-align: center;
    position: relative;
}

.general-fieldset-header-title {
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    bottom: 0;
    right: 50%;
    width: 250px;
    height: 25px;
    margin-left: -125px;
    font-size: 18px;
}


#userProfileContainerMenu .item {
    border-top: 1px solid #E5E8ED;
    padding: 20px;
}

#userProfileContainerMenu .item a {
    color: #5F6975;
}

#userProfileContainerMenu .item a:hover {
    color: #05B4C7;
}


/*::::::::::::::::::::::::::::::::| Help |::::::::::::::::::::::::::::::::*/
#help-topic ul li img{
    width: 100%;
    margin-bottom: 15px;
}

/*::::::::::::::::::::::::::::::::| Produtcs |::::::::::::::::::::::::::::::::*/
#product-list-category-breadcrumb{
    margin: 10px 0px 10px 0px;
    font-weight: 600;
}
/* Preloader
/* ========================================================================== */
#preloader {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}
.preloader-trans {
    background: url('/assets/web/images/preloaderbg.png');
}
#preloader-status {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 137px;
    height: 74px;
    margin: -100px 0 0 -100px;
    background: url('/assets/web/images/ttloading.gif') no-repeat;
}


/* Header */
/* ========================================================================== */

.page-header-general {
    border-bottom: solid 1px #E5E8ED;
    margin-bottom: 30px;
}



#page-content{
    display: flex;
  min-height: 56.5vh;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
}

#page-content .container-fluid{
    max-width: 100%;
}


/* Footer */
/* ========================================================================== */

#page-footer {
    margin-top: 30px;
    background-color: #F4F7FC;
    padding: 30px 0;
}

#page-footer-hr hr {
    border: 2px solid #E2E7EB;
    
}

#page-footer-logo {
    display: inline-block;
}

#page-footer-logo img {
    height: 50px;
}

#page-footer-bottom-menu {
    padding-top: 10px;
}

#page-footer-bottom-copyright {
    padding-top: 10px;
}



/* Cart Dropdown */
/* ========================================================================== */

.header-cart-dropdown-list {
    min-width: 460px;
}

.header-cart-dropdown-list .cart-dropdown-close-btn {
    background-color: #5E6977;
    border-width: 3px;
    border-color: #5E6977;
    color: #ffffff;
    margin-right: 15px;
    margin-bottom: 5px;
}

.header-cart-dropdown-list .cart-checkout-btn {
    background-color: #E63322;
    border-width: 3px;
    border-color: #E63322;
    color: #ffffff;
    margin-right: 15px;
    margin-bottom: 5px;
}

#dropdown-price{
    display: table-cell;
    text-align: left;
}

.header-cart-btn-dropdown {
    border:1px solid #E5E8ED;
    border-bottom: none;
    background-color: #F4F7FC;
    width: 230px;
    height:40px;
    text-align: left;
    color: #042B56;
    padding-top: 10px;
    display: inline-block;
}

.header-cart-btn-dropdown .fa-shopping-cart {
    font-size: 18px;
    line-height: 18px;
}

.header-cart-info-dropdown {
    border-left:1px solid #D7DEE8;
    padding-left: 10px;
    margin-left: 8px;
}

.header-cart-info-dropdown-logo {
    padding-left: 10px;
}

.header-cart-info-dropdown-logo img {
    height: 22px;
}

#page-header-lg-cart-popup-container {
    float: right;
}

#page-header-xs-cart-popup-container {
    float: right;
}

#page-cart-index-bottom-buttons .buttons-box {
    border:3px solid #E5E8ED;
    background-color: #EAEEF1;
    height: 95px;
    padding: 20px;
}

#page-cart-index-bottom-buttons .link-home {
    background-color: #002854;
    color: #ffffff;
    padding: 15px;
}

#page-cart-index-bottom-buttons .link-order {
    background-color: #E63322;
    color: #ffffff;
    padding: 15px;
}

#percentage-of-discount{
    font-size: 20px;
}

#discountt{
    font-size: 14px;
}



/*::::::::::::::::::::::::::::::::| Cart Index |::::::::::::::::::::::::::::::::*/
#cartPageTotalContainer div{
    font-size:16px;
}

/*::::::::::::::::::::::::::::::::| Iade Kosulları |::::::::::::::::::::::::::::::::*/
.llist-inline-item{
    margin-bottom: 6px;
}


.orderGroupDetail .quantity{
    float: none;
    margin-left: 27%;
}
.orderGroupDetail {
    font-size: 12px;
}
.orderGroupDetail .quantity{
    font-size: 12px;
  
}


@media (max-width: 1100px){
    #page-footer-bottom-copyright {
        padding-top: 15px !important;
    }
    #page-footer-top-menu ul li{
        font-size: 13px;
    }

    #page-footer-bottom-menu ul li{
        font-size: 13px;
    }

    #page-footer-bottom-copyright{
        font-size: 9px;
    }

}
@media (max-width: 990px){

    .orderGroupDetail{
        font-size: 10px;
    }
    .orderGroupDetail .quantity{
        font-size: 10px;
    }

    /*::::::::::::::::::::::::::::::::| Modal Dialog Pop Up |::::::::::::::::::::::::::::::::*/
    .modal-dialog {
        max-width: 650px;
        margin: 40px;
        float: right;
      }

    .modal-responsive, .modal-content{
        max-width: 650px;
    }  


    /*::::::::::::::::::::::::::::::::| Market lira |::::::::::::::::::::::::::::::::*/
    .market-lira{
        font-size: 10px;
    }

    /*::::::::::::::::::::::::::::::::| Iade Kosulları |::::::::::::::::::::::::::::::::*/
    .llist-inline{
        font-size: 12px;
    }


    /*::::::::::::::::::::::::::::::::| ProfileMenu |::::::::::::::::::::::::::::::::*/
    .my-profilee{
        margin-top: 40px;
        font-size: 12px;
    }


    /*::::::::::::::::::::::::::::::::| Cart Index |::::::::::::::::::::::::::::::::*/
    #cartPageProductContainer {
        font-size: 10px; 
    }

     /*::::::::::::::::::::::::::::::::| footer |::::::::::::::::::::::::::::::::*/
    #page-footer-bottom-menu {
        padding-top: 15px !important;
    }

    #page-footer-bottom-copyright {
        float: left;
    }    

     /*::::::::::::::::::::::::::::::::|Product |::::::::::::::::::::::::::::::::*/
  
    .prices{
        margin-top: 10px;
    }
    .product-price-except-tax{
        font-size: 13px !important;
    }

    .product-price{
        font-size: 25px !important;
    }

    .product-title{
        font-size: 20px !important;
        margin-bottom: 5px;
    }

    #percentage-of-discount{
        font-size: 17px;
    }

    #discountt{
        font-size: 12px;
    }

    #product-contt {
        margin-top: 30px;
    }

    #product-hr{
        margin: 15px 0px ;
    }

    .product-text{
        margin-bottom:30px;
    }

    .product-text ul{
        margin-top: 3px;
    }

    .product-text div{
        font-weight: bold;
    }

    .xsmargin{
        margin-top: 10px;
    }

    .quantity{
        font-size: 11px;
    } 

    #item-description div{
        font-weight: bold;
    }

    #item-description ul{
        margin-top: 10px;
    }

}







@media (min-width: 768px) {

    /* Header - Top */
    /* ========================================================================== */

    #page-header-lg-top {
        padding-top: 10px;
    }

    #page-header-lg-top-menu-right {
        margin: 10px 0;
    }

    #page-header-lg-top-menu-right li + li:before {
        content: '';
        width: 1px;
        height: 8px;
        border-left:1px solid #E5E8ED;
        margin-right: 10px;
    }

    .div-switch-user {
        width: 370px;
        display: inline-block;
    }

    .div-switch-user .select2-container {
        width: 370px;
        display: inline-block;
        font-size: 14px;
    }

    .div-switch-user .select2-container .select2-selection--single{
        height: 32px !important;
    }
    .div-switch-user .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px !important;
    }

    /* Header- Middle */
    /* ========================================================================== */

    #page-header-lg-middle {
        padding-top: 10px;
    }

    #page-header-lg-logo {
        float: left;
        width: 303px;
    }

    #page-header-lg-logo a {
        display: inline-block;
    }

    /* --- */

    #page-header-lg-my-account {
        float: right;
        width: 230px;
        height: 40px;
        padding-top: 5px;
    }

    #page-header-lg-my-account button{
        background-color: #05B4C7;
        border:none;
        color: #ffffff;
        width: 230px;
        height: 40px;
    }

    #page-header-lg-my-account .dropdown-menu {
        margin-top: 5px;
    }

    /* --- */

    #page-header-lg-search-lg {
        float: right;
        padding: 5px 20px 0;
        width: -webkit-calc(100% - 590px);
        width: -moz-calc(100% - 590px);
        width: calc(100% - 590px);
    }

    #page-header-lg-search-sm-row {
        margin-top: 20px;
    }

    #page-header-lg-search-sm {
        width: 100%;
    }

    .page-header-lg-search .input-group {
        width: 100%;
    }

    .page-header-lg-search input {
        border: 2px solid #E5E8ED;
        border-right: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 40px;
    }

    .page-header-lg-search input:focus {
        border: 2px solid #002854;
    }

    .page-header-lg-search .input-group-addon {
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #002854;
        color: #FFFFFF;
        width: 80px;
        height: 40px;
        cursor: pointer;
    }

    /* Header- Bottom */
    /* ========================================================================== */

    #page-header-lg-bottom {
        padding-top: 15px;
    }

    #page-header-lg-bottom-main-menu {
        float: left;
        padding-left: 5px;
        padding-top: 10px;
    }

    #page-header-lg-bottom-main-menu li:first-child {
        border-left: 1px solid #E5E8ED;
    }

    #page-header-lg-bottom-main-menu li {
        border-right: 1px solid #E5E8ED;
        padding: 0 20px;
    }


} /* Heaer - (min-width: 768px) */



@media (max-width: 767px) {
    

    /*::::::::::::::::::::::::::::::::| Modal Dialog Pop Up |::::::::::::::::::::::::::::::::*/
    .modal-dialog {
        max-width: 450px;
      }

    .modal-responsive, .modal-content{
        max-width: 450px;
    }  



    /*::::::::::::::::::::::::::::::::| Header |::::::::::::::::::::::::::::::::*/
    #page-header-xs-top-buttons {
        display: block;
        text-align: center;
    }

 

    #page-header-xs-top-buttons a:hover{
     color: white;
     background-color: #05B4C7;
    }

    #page-header-xs-top-buttons .navbar-toggle {
        float: left;      
    }

    #page-header-xs-top .navbar-brand {
        float: none;
    }

    #page-header-xs-top .navbar-brand img {
        width: 355px;
        display: block;
        margin: 0 auto;
    }
    #page-header-xs-top .navbar-toggle{
        border:none;
        color: black;
        margin-right: -3px;
    }
  
    
    #productOrderSelectBox{
        color: red;
    }

    #product-filter-collapse-btn button {
        background-color: #05B4C7;
        border:none;
        color: #ffffff;
        height: 33px;
        font-size: 13px;
    }

    #widget-cont{
        margin-top: 12px;  
    }

    #page-header-xs-top .navbar {
        margin-top: 5px;
        background-color: #F4F7FB;
        border: 0;
    }

    #page-header-xs-top .navbar-header {
        background-color: #ffffff;
    }

    #page-header-xs-top .navbar-header button {
        border-color: #E5E8ED;
    }


    #page-header-xs-top .navbar-header button:hover,
    #page-header-xs-top .navbar-header button:active,
    #page-header-xs-top .navbar-header button:focus
    {
        background-color: #05b4c7;
        color: #ffffff;
    }

    #page-header-xs-top .navbar-brand {
        padding: 3px 10px 3px 0;
    }

    #page-header-xs-top-my-account-btn {
        margin-right: 10px;
    }

    #page-header-xs-top .navbar-collapse {
        border: 1px solid #E5E8ED;
    }

    /* --- */

    #page-header-xs-top-search-form .navbar-form {
        border: 0;
    }

    #page-header-xs-top-search-form .input-group {
        width: 100%;
    }

    #page-header-xs-top-search-form input {
        border: 2px solid #E5E8ED;
        border-right: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 40px;
    }

    #page-header-xs-top-search-form input:focus {
        border: 2px solid #002854;
    }

    #page-header-xs-top-search-form .input-group-addon {
        border: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #002854;
        color: #FFFFFF;
        width: 80px;
        height: 40px;
        cursor: pointer;
    }

    #navbar-default-xs-category{
        background-color: white;
        border-left:none ;
        border-right: none; 
    }

    #page-header-xs-category-btn{
        float: left;
        background-color: white;
        border: none;
        color: black;
    }

    #page-header-xs-category-btn:hover{
        color: white;
        background-color: #05b4c7;
    }


    /* --- */

    .div-switch-user-row {
        margin-bottom: 20px;
    }

    .div-switch-user-row .select2-container {
        width: 100%;
        font-size: 14px;
    }

} /* Heaer - (max-width: 767px) */



@media (max-width: 530px) {
    .orderGroupDetail {
        font-size: 8px;
    }
    .orderGroupDetail .quantity{
        font-size: 8px;
        float: right;
        margin-left: 0px;
    }

    /*::::::::::::::::::::::::::::::::| Modal Dialog Pop Up |::::::::::::::::::::::::::::::::*/
    .modal-dialog {
        max-width: 350px;
        font-size: 10px;
      }

    .modal-responsive, .modal-content{
        max-width: 350px;
    }  

    /*::::::::::::::::::::::::::::::::| Iade Kosulları |::::::::::::::::::::::::::::::::*/
    .llist-inline{
        font-size: 10px;
    }
    .llist-inline-item{
        margin-bottom: 10px;
    }



    /*::::::::::::::::::::::::::::::::| User |::::::::::::::::::::::::::::::::*/
    .dealer-information{
        font-size: 10px;
    }

    #userInfo #info {
        margin-left:0px !important;
    }

    #userInfo{
        margin-top: 10px;
    }
}



@media (max-width: 500px){
      /*::::::::::::::::::::::::::::::::| Token |::::::::::::::::::::::::::::::::*/
    .orderGroupDetail b {
        font-size:60%;
    }


    .header-cart-dropdown-list {
        font-size: 10px;    
    }
    


@media (max-width: 480px) {

    /*::::::::::::::::::::::::::::::::| Modal Dialog Pop Up |::::::::::::::::::::::::::::::::*/
    .modal-dialog {
        max-width: 300px;
        margin: 5px;
      }

    .modal-responsive, .modal-content{
        max-width: 300px;
    }  
    
    #new-address-btn, #send-order-btn{
        width: 100px;
        font-size: 10px;
    }


    /*::::::::::::::::::::::::::::::::| Cart Index |::::::::::::::::::::::::::::::::*/
    #cartPageProductContainer .colum-onee{
        display: none;
    }

    #cartPageProductContainer {
        font-size: 10px; 
    }
    
    #cartPageProductContainer .btn-sz , #cartPageProductContainer input{
        width: 24px;
        height: 20px;
    }

    #cartPageProductContainer .cart-product-delete{
        margin-top: 19px !important;
    }
    
    .my-basket h5{
        font-size: 10px;
        text-align: center;
    }
  
    .my-basket, .my-basket .form-control{
        font-size: 10px;
    }
    .my-basket .control-label, .my-basket #user-score-info{
        margin-bottom: 10px;
    }

    .my-basket button{
        margin-top: 5px;
    }
    
    #h5-font{
        float: left;
    }

    #cartPageTotalContainer {
        margin-top: 20px;
    }

    #cartPageTotalContainer .basket-fontt{
        font-size:10px !important;
    }

    #cartPageTotalContainerHeader{
        text-align: center;
        font-weight: bold;
        font-size: 16px;
    }

    #btn-order-send-address{
        font-size: 12px;
    }


 
    /*::::::::::::::::::::::::::::::::| Header |::::::::::::::::::::::::::::::::*/
    #page-header-xs-top .navbar-brand img {
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
    }
    #page-header-xs-top .navbar-toggle,
    #page-header-xs-category-btn{ 
        font-size: 11px;
    }

    #page-header-xs-top .navbar-brand {
        width: 100%;
        margin-bottom: 10px;
    }

    #page-cart-index-bottom-buttons .buttons-box {
        height: 55px;
        padding: 10px;
    }

    #page-cart-index-bottom-buttons .link-home {
        padding: 5px;
        font-size: 12px;
    }

    #page-cart-index-bottom-buttons .link-order {
        padding: 5px;
        font-size: 12px;
    }

    #page-header-xs-top-buttons .navbar-toggle {
        margin-left: 0;
        
    }

     /*::::::::::::::::::::::::::::::::| Dropdown popup |::::::::::::::::::::::::::::::::*/
    .header-cart-dropdown-list {
        min-width: 275px;
    }

    #dropdown-price{
        font-size: 12px;
    }

    #dropdown-point{
        font-size: 12px;
    }
    .cart-dropdown-close-btn, .cart-checkout-btn{
        font-size: 12px;
    }
    

} /* Heaer - (max-width: 480px) */



@media (max-width: 375px){

    /*::::::::::::::::::::::::::::::::| Market lira |::::::::::::::::::::::::::::::::*/
    .market-lira{
        font-size: 8px;
    }

    /*::::::::::::::::::::::::::::::::| Cart Index |::::::::::::::::::::::::::::::::*/  
    .my-basket #token{
        margin-right: 15px;
    }

    /*::::::::::::::::::::::::::::::::| Header |::::::::::::::::::::::::::::::::*/
    #page-header-xs-top .navbar-brand img {
        max-width: 270px;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
}


@media (max-width: 300px) {
    /*::::::::::::::::::::::::::::::::| Dropdown popup |::::::::::::::::::::::::::::::::*/
    .header-cart-dropdown-list {
        min-width: 200px;
    }

}