body {
    font-family: 'Josefin Sans', sans-serif;
    color: #000000;
    font-weight: 400;
    padding-top: 155px;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.clr {
    clear: both;
}

.nopadding {
    padding: 0px;
    margin: 0px auto;
}

a {
    text-decoration: none;
}

.brdBlack {
    border: 1px solid black;
}

.brdWhite {
    border: 1px solid white;
}

.uyari {
    color: #ff0000;
    font-weight: 600;
}

.left {
    float: left;
}

.right {
    float: right;
}

.abCenter {
    margin: 0px auto;
}

.taRight {
    text-align: right;
}

.taLeft {
    text-align: left;
}

.taCenter {
    text-align: center;
}

.kalin {
    font-weight: 700;
}

/*-----Yazı Boyutları-----*/
.size12 {
    font-size: 12px;
}

.size13 {
    font-size: 13px;
}

.size14 {
    font-size: 14px;
}

.size15 {
    font-size: 15px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

.size30 {
    font-size: 30px;
}

.bold {
    font-weight: 700;
}

.medium {
    font-weight: 600;
}

.thin {
    font-weight: 400;
}

/*-----Yazı Boyutları Sonu-----*/

/*-----Yazı Renkleri-----*/

.color-black {
    color: #000000;
}

.color-white {
    color: #FFFFFF;
}

.color-blue {
    color: #00adee;
}

.color-beige {
    color: #4e4e4e;
    font-weight: 400;
    font-size: 26px;
}

.color-gray {
    color: #767470;
}

/*-----Yazı Renkleri Sonu-----*/

/*-----Yazı Yüksekliği-----*/

.space5 {
    line-height: 5px;
}

.space10 {
    line-height: 10px;
}

.space {
    line-height: 15px;
}

.space15 {
    line-height: 15px;
}

.space20 {
    line-height: 20px;
}

.space25 {
    line-height: 25px;
}

.space30 {
    line-height: 30px;
}

.space35 {
    line-height: 35px;
}

.space40 {
    line-height: 40px;
}

.space45 {
    line-height: 45px;
}

.space50 {
    line-height: 50px;
}

.space55 {
    line-height: 55px;
}

.space60 {
    line-height: 60px;
}

.space65 {
    line-height: 65px;
}

.space70 {
    line-height: 70px;
}

.space75 {
    line-height: 75px;
}

.space80 {
    line-height: 80px;
}

.space85 {
    line-height: 85px;
}

.space90 {
    line-height: 90px;
}

.space95 {
    line-height: 95px;
}

.space100 {
    line-height: 100px;
}


/*-----Yazı Yüksekliği Sonu-----*/

/*-----Margin - Padding----*/


.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m25 {
    margin: 25px;
}

.m30 {
    margin: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.mtn {
    margin-top: 0;
}

.mrn {
    margin-right: 0;
}

.mbn {
    margin-bottom: 0;
}

.mln {
    margin-left: 0;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p25 {
    padding: 25px;
}

.p30 {
    padding: 30px;
}

.pt80 {
    padding: 80px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt50 {
    padding-top: 50px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb80 {
    padding-bottom: 80px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.ptn {
    padding-top: 0;
}

.prn {
    padding-right: 0;
}

.pbn {
    padding-bottom: 0;
}

.pln {
    padding-left: 0;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

/*-----Margin - Padding Sonu----*/

.missionTitle {
    padding-top:80px;
    font-weight: 600;
    font-size: 46px;
    color: #000000;
}

.missionDesc {
    font-weight: 300;
    font-size: 24px;
    color: #000000;
    padding-bottom:80px;
}

.designCollageBG {
    background: #f7f7f7;
}

.designTitle {
    font-weight: 600;
    font-size: 45px;
    color: #585a5b;
}

.designDesc {
    font-weight: 300;
    font-size: 20px;
    color: #585a5b;
}

.fabricCollageBG {
    background: #ffffff;
}

.fabricTitle {
    font-weight: 600;
    font-size: 45px;
    color: #858f9e;
}

.fabricDesc {
    font-weight: 300;
    font-size: 20px;
    color: #858f9e;
}

.aboutusBG {
    background: url('/images/homepage/mission.jpg');
}

.menuBG {
    background: #343333;
}

.logisticsBG {
    background: #efefef;
}

.navbar {
    background: #FFFFFF;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    /*line-height: 130px;
    height: 130px;*/
    z-index: 2;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
    background-color: #343333;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}


.WhiteBG {
    background: #FFFFFF;
}


.navbar-brand {
    float: left;
}

.navbar-default a {
    color: #767679;
    font-size: 18px;
    font-weight: 400;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #FFFFFF;
    background-color: #343333;
}

.navbar-default li {
    margin-top: 40px;
    margin-bottom: 25px;
}

    .navbar-default li a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-default li > a:hover, .navbar-default li > a:focus {
        color: #dfdfdf;
        background: none;
    }

    .navbar-default li.active {
        background: #343333;
    }

        .navbar-default li.active > a {
            color: #FFFFFF;
        }

.tops {
    margin-top: 50px;
    padding-top: 50px;
}

.bottoms {
    margin-top: 30px;
    padding-top: 30px;
}

@media (min-width:768px) and (max-width: 991px) {
    .navbar-default li {
    margin-top: 20px;
    margin-bottom: 10px;
}
  .navbar-header {
      float: none;
  }
 
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 0px 0 rgba(255,255,255,0.1);
  }
  
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 0px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .collapse.in{
      display:block !important;
  }
      .logo {
        height:35px;
    }
}
@media (min-width:1200px) {
    .logo {
        height:90px;
    }

    .topcolor {
        background: url('/images/login/ust_renk.png');
        background-repeat: repeat-y;
        background-position-x: right;
        height: 120px;
    }
}

@media (width:1024px) {
    .logo {
        height: 65px;
    }
}

@media (max-width:767px) {
    body {
        padding-top: 90px;
    }

    .navbar-default li {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .logo {
        height: 40px;
    }

    .tops {
        margin-top: 0px;
        padding-top: 0px;
    }

    .logoDown {
        margin-top: 30px;
        margin-bottom: 100px;
    }

    .llogo img {
        height: 50px;
    }

    .colors img {
        height: 25px;
    }

    .bottoms {
        margin-top: 50px;
        padding-top: 50px;
    }

    .fabricTitle {
        font-weight: 600;
        font-size: 24px;
        color: #858f9e;
    }
        .collapse.in{
      display:block !important;
  }
        .fabricDesc {
    font-weight: 300;
    font-size: 16px;
    color: #858f9e;
}
.designTitle {
    font-weight: 600;
    font-size: 24px;
    color: #585a5b;
}

.designDesc {
    font-weight: 300;
    font-size: 16px;
    color: #585a5b;
}
.missionTitle {
    padding-top:15px;
    font-weight: 600;
    font-size: 24px;
    color: #000000;
}

.missionDesc {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding-bottom:15px;
}
}



.error {
    text-align: left;
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e0e0e0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
}

.filtr {
    margin-bottom: 20px;
    margin-top: 5px;
}

    .filtr ul {
        text-align: left;
        margin: 0;
        padding: 0;
    }

        .filtr ul li {
            padding-left: 30px;
            list-style-type: none;
            color: #000000;
            font-size: 12px;
        }

            .filtr ul li span {
                padding-left: 15px;
                list-style-type: none;
                color: #000000;
                font-size: 12px;
            }

    .filtr li a {
        color: #000000;
    }

.drpSort {
    margin-top: 6px;
    font-size: 11px;
    padding: 0px;
    border-radius: 0px;
    padding-left: 10px;
}

.priceBox {
    width: 90%;
    height: 30px;
    margin-top: 6px;
    font-size: 11px;
    padding: 0px;
    border-radius: 0px;
    padding-left: 10px;
    margin: 0px 15px;
}

.mCustomScrollbar {
    background: none;
}

.txtC1 {
    padding-left: 15px;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 55px;
        height: 50px;
        display: inline-block;
        line-height: 50px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 50px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 0 -50px;
    }

label.css-label {
    background-image: url(http://csscheckbox.com/checkboxes/u/csscheckbox_c7bbfae6713f6bfaa9d524ad5dd33367.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.scrollToTop {
    border: 1px solid #000000;
    width: 66px;
    height: 66px;
    padding: 5px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    position: fixed;
    bottom: 25px;
    right: 20px;
    display: none;
    background: url('/images/totop2.png') no-repeat 0px 0px;
}

    .scrollToTop:hover {
        text-decoration: none;
    }
.filtre {
font-size:16px;
line-height:36px;
}
.breadcrumb{margin-bottom:10px;margin-top:10px; list-style:none;background-color:#343333;border-radius:0px; color:#FFFFFF}
    .breadcrumb a {
    color:#FFFFFF;}
  .breadcrumb .active{color:#999999}

.productTitle {
font-size:18px;
font-weight:600;
}



.backgroundPic{height:350px; width:100%; }

.btn-default {
    color: #333;
    background-color: #fdfdfd;
    border-color: #ccc;
    border-radius: 0px;
    margin-bottom:2px;
}
.brdBttmDotted{
    border:none;
    border-bottom:1px dotted #999999;}
.masklink a{color:#1a1a1a}


@media (min-width:1200px) {
    .designBigPhoto{
    margin-top:15px; margin-left:65px;height:612px; background-size:contain;background-repeat:no-repeat; width:420px;}
    .zoomProduct{max-height:610px;}
    .thumbProduct{max-width:70px; margin:5px 5px;}
    .onePic{max-height:610px;}

}

@media (width:1024px) {
    .designBigPhoto {
        margin-top: 15px;
        margin-left: 65px;
        height: 448px;
        background-repeat: no-repeat;
        width: 340px;
    }
     .zoomProduct{max-width:350px; max-height:524px}
    .thumbProduct{max-width:60px; margin:5px 10px; height:70px;}
    .onePic{max-height:524px;}
}

@media (width:768px) {
    .designBigPhoto {
        margin-top: 15px;
        margin-left: 65px;
        height: 415px;
        background-repeat: no-repeat;
        width: 270px;
    }
         .zoomProduct{max-width:285px; max-height:465px}
    .thumbProduct{max-width:40px; margin:5px 10px; float:left;}
    .onePic{max-height:465px;}
}

@media (max-width:767px) {

      .designBigPhoto {
        height: 300px;
        background-repeat: no-repeat;
        width: 90%;
        text-align:center;
        margin-left:15px;
    }
       .designBigPhotoFabric {
        max-height: 450px;
        background-repeat: no-repeat;
        width: 95%;
        text-align:center;
        margin-left:-40px;
        margin-bottom:100px;
    }
    .zoomProduct{max-width:90%; margin:10px auto;}
    .onePic{max-width:100%; margin:10px auto;}
    .thumbProduct{max-width:40px; margin:5px 10px; float:left; margin-top:50px;}
    
}