@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500&subset=latin,latin-ext);

body {
  padding-top: 125px;
  font-family: Roboto,sans-serif;
  font-size: 12px;
  background: #f4f6f6;
}

h1{
    font-size: 21px;
    color: #333d46;
    display: block;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
}

.TRY:before{
    font-family: FontAwesome;
    content:'\f195';
    margin-right: 2px;
}
.TL:before{
    font-family: FontAwesome;
    content:'\f195';
    margin-right: 2px;
}
.EUR:before{
    font-family: FontAwesome;
    content:'\f153';
    margin-right: 2px;
}
.USD:before{
    font-family: FontAwesome;
    content:'\f155';
    margin-right: 2px;
}

.percent:before{
    font-family: Roboto,sans-serif;
    content:'%';
    margin-right: 2px;
}

a, a:active, a:visited {
	text-decoration:none;
	outline: medium none;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
a:visited {
	border:none;
}
a {cursor:pointer;}
a:hover, .lnk a:hover{color: #1CAE91 ;text-decoration:none;}
a:focus{outline: none;}

h1 span{ font-size:14px; }

.header-line1{z-index: 999; position: fixed; top: 0;width: 100%; background:#282f39;padding:5px 0px 3px 0px; }
.header-line1 .user-menu{ background: #282f39; float: left; }
.header-line1 .user-menu ul { list-style: none; padding: 0;margin: 0;margin-top:5px; }
.header-line1 .user-menu ul li{ color:#B1B8C1; float:left; margin-right:20px; padding-bottom:10px;}
.header-line1 .user-menu ul li i{ margin-right: 7px; }
.header-line1 .user-menu ul li a{ color:#B1B8C1; text-decoration: none; }
.header-line1 .user-menu ul li ul li{ padding-bottom:0px; float: none; font-size: 14px; line-height: 1.42857143; margin-right:0px;}
.header-line1 .user-menu ul li ul li a{
    color:#444; text-decoration: none;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    }
.header-line1 .user-menu ul li ul li a:hover{ text-decoration:none;color:#262626;background-color:#f5f5f5; }

.header-line1 .user-menu ul li ul{
display:none;
margin-top:10px;
position: absolute;
z-index: 1001;
min-width: 160px;
padding: 5px 0;
font-size: 14px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
}
.header-line1 .user-menu ul li:hover ul{ display:block; }
.header-line1 .localization{ float: right; }
.header-line1 .localization .currency{ margin-right: 10px;}
.header-line1 .localization button{ box-shadow:none;-webkit-box-shadow:none; background:#2e3641; text-shadow:none; border: 1px solid #38404D;color:#B1B8C1; }


.header-line2{ z-index: 997; position: fixed; top:40px;width: 100%; background:#FFF;padding:10px 0px 8px 0px;border-bottom: 1px solid #ddd; }
.header-line2 .logo{ float:left; }
.header-line2 .main-menu{ float:left; margin:22px 0px 0px 45px; }
.header-line2 .main-menu ul{ list-style: none; padding: 0;margin: 0; }
.header-line2 .main-menu ul li{ float: left; font-size: 14px; margin-right:30px; font-family: 'Roboto',sans-serif; }

.header-line2 .search{
    margin-top:13px;
    border:1px solid #ddd; background: #f5f5f5; float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.header-line2 .search input{ background: #f5f5f5;border: 0; padding: 8px;width: 200px;  }
.header-line2 .search button{ border: 0; background:#e5e5e5; padding: 8px; width: 45px;  }



.custom-boxes{ padding:20px 0px;}
.custom-boxes .box{
    background:#57a6b9;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#fff;
}
.custom-boxes .box h2{ margin: 0; padding: 0;}
.custom-boxes .box .circle{
    text-align: center;
    float: left;
    font-size: 29px;
    line-height: 24px;
    margin-right: 10px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 65px;
    padding: 15px;
    color:#fff;
}
.custom-boxes .box button{ margin-left: 75px; color: #3e7589; border:0px solid #3e7589;
    padding:0px 0px 0px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#FFF;
}
.custom-boxes .box button i{ background:#3e7589;color:#fff; padding:8px 10px; margin-left:10px; }

.horizontal-category{ padding:20px 0px; }
.horizontal-category img{ display: none; }
.horizontal-category ul{ list-style: none;  padding: 0; margin:0;}



.horizontal-category > ul{ list-style: none;
    color:#57a6b9;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    float: left;
    width: 100%;
    padding: 0;
    border: 1px solid #ddd;
}
.horizontal-category > ul > li{  float: left; margin-right:15px; }
.horizontal-category > ul > li > a{ display: block; color: #57a6b9; padding:10px; }
.horizontal-category > ul > li > a:after{
    font-family: FontAwesome;
    content:"\f0d7";
    margin-left:5px;
}
.horizontal-category > ul > li:hover > a{ background: #FFF; }
.horizontal-category > ul > li > ul{
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 990;
    width:1140px;
    left:0;
    padding: 5px 0;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;

    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transition: visibility 0s ease-in-out 0.4s, transform 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    -ms-transition: visibility 0s ease-in-out 0.4s, -ms-transform 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    -webkit-transition: visibility 0s ease-in-out 0.4s, -webkit-transform 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;


}
.horizontal-category > ul > li:hover > ul{

opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transition-delay: 0s;
-webkit-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
visibility: visible;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);

}
.horizontal-category > ul > li > ul > li > img{ display: block; border:1px solid #ddd; }
.horizontal-category > ul > li > ul > li:first-child{ margin-left:20px;}
.horizontal-category > ul > li > ul > li > ul > li > a:before{
    font-family: FontAwesome;
    content:"\f105";
    margin-right:5px;
    font-size: 15px;
}
.horizontal-category > ul > li > ul > li{ width: 200px;  float: left; margin-left: 10px;margin-right: 10px;}
.horizontal-category > ul > li > ul > li > a{ font-size: 14px; font-weight: 500; display: block; color:#000; width: 100%;  text-transform: uppercase; margin-bottom: 20px; }
.horizontal-category > ul > li > ul > li > ul > li > a{ line-height: 30px;
    padding-bottom: 1px;
    width: 100%;
    display: block;
    font-weight: 300; color: #000; border-bottom: 1px solid #ddd;  }
.horizontal-category > ul > li > ul > li > ul > li:last-child > a{ border-bottom:0px solid #ddd;  }

.horizontal-category > ul > li > ul > li > ul > li > ul li a { margin-left:25px; font-weight: 300; color: #000; }

.highlight-image { padding: 0px 15px; margin-bottom: 25px;}
.highlight-image .title_block { background: #EAECED; padding-left: 0; margin-top:0px; }
.highlight-image .title_block span {
    background: none repeat scroll 0 0 #1cae91;
    color: #FFFFFF;
    padding:10px 30px 11px 20px;
    position: relative;
    font-family: Roboto,sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    text-transform: uppercase;
}
.highlight-image .title_block span:after {
    border-bottom: 20px solid rgba(0, 0, 0, 0);
    border-right: 13px solid #EAECED;
    border-top: 20px solid rgba(0, 0, 0, 0);
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

/*
.product-index{ padding:0px 5px 0px 5px; }
.product-box-3{
    width:20% !important;
    padding-left:10px;
    padding-right:10px;
}
.product-index .row{ padding: 0px 5px !important; }
.product-box-4{
    width:33.3333333333% !important;
    padding-left:10px;
    padding-right:10px;
}

*/

.product-index{ padding:0px; }
.product-box-5{
    float: left;
    width:20% !important;
    padding-left:10px;
    padding-right:10px;
}
.product-index .row{ padding: 0px 0px !important; }
.product-box-4{
    float: left;
    width:25% !important;
    padding-left:10px;
    padding-right:10px;
}
.product-box-3{
    float: left;
    width:33.3333333333% !important;
    padding-left:10px;
    padding-right:10px;
}
.product-box-2{
    float: left;
    width:50% !important;
    padding-left:10px;
    padding-right:10px;
}
.product-box-1{
    float: left;
    width:100% !important;
    padding-left:10px;
    padding-right:10px;
}



.product-index .highlight-image { padding: 0px 10px !important; margin-bottom: 20px !important; }

.product-index .highlight-image ul{
    float: right;
    margin-top: -45px;
    margin-left: auto;
    margin-right: auto;
    margin-right: 4px;
}

.product-index .col-md-4 {
    width: 25% !important;
}


.product-box{ background: #FFF; border: 1px solid #ddd; margin-bottom: 30px; }
.product-box:hover .img1{ display: none; }
.product-box:hover .img2{ display: block; }
.product-box .img2{ display: none; }
.product-box img{ width:100%;  }
.product-box .image-container{ width:100%; height:265px; overflow: hidden; }
.product-box h2{
    font-family: 'Roboto',sans-serif;
    line-height: 1.1;
    box-sizing: border-box;
    margin:10px;
    padding: 0;
    display: block;
    height: 19px;
    overflow: hidden;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 500;
    margin-bottom:5px;
}
.product-box h2:hover{ color: #F91878; }
.product-box p{ margin:0px 10px 10px 5px; color:#666;}
.product-box .price-old{ margin:0px 0px 0px 10px; text-decoration: line-through;}
.product-box .price{ margin:0px 0px 0px 10px;
    color: #F91878;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;
}
.product-box .info{ height: 135px; }
.product-box .buttons{ height: 35px;}
.product-box .buttons a{ color: #000; height:35px; padding-top: 8px; text-align: center; background: #FFF; width: 25%; float:left;border: 0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.product-box .buttons .add-to-cart{
    background: #333d46;
    border-left:0;
    width: 50%;
    border-top:0;
    color: #FFF;
    font-weight: 300;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}
.product-box .buttons .add-to-cart:hover{ background: #57a6b9; }

.product-box.horizontal .image-container{ width:25%; float: left; height:200px; overflow: hidden; }
.product-box.horizontal img{ width:100%; }
.product-box.horizontal{ height:202px; }
.product-box.horizontal .images{ width:25%; height: 200px; overflow: hidden; float: left; vertical-align: middle; }
.product-box.horizontal .info{ float: left; padding-left: 20px; height: 165px;  }
.product-box.horizontal .info p{ margin-left:0px; margin-right:0px;}
.product-box.horizontal .info h2{ margin-left:0px; margin-right:0px; }
.product-box.horizontal .info .price{ margin-left:0px; }
.product-box.horizontal .info .price-old{ margin-left:0px; }
.product-box.horizontal .buttons{width:75%; float: left;}
.product-box.horizontal .buttons .add-to-cart{ border-top:1px solid #ddd; background: #FFF; }
.product-box.horizontal .buttons a{ -o-transition:.5s;

    color:#000;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s; }
.product-box.horizontal .buttons a:hover{ background: #57a6b9; }
.in-cart .buttons .add-to-cart{ background: #FA0 !important; }
.in-cart .buttons .add-to-cart{ background: #FA0 !important; }
.in-compare .buttons .btn-wishlist{ background: #F9B !important; }
.in-wish .buttons .btn-comparelist{ background: #aaa !important; }

.categories img{ display: none; }
.categories h4{ margin: 0; padding:10px; margin-bottom:0px; background:#FA565A; font-family: 'Roboto',sans-serif; color: #FFF; font-weight:500; font-size: 16px; }
.categories > div{ border-left:1px solid #ddd;  border-right:1px solid #ddd; }
.categories ul{ list-style: none; margin: 0;padding: 0; }
.categories ul li ul{ display:none; }
.categories li {
  padding:0px;
  background: #FFF;
}
.categories li a{
    display: block;
    padding: 10px;
    border-bottom:1px solid #ddd;
}
.categories li a:before {
  content: '\f105';
  color:#F00;
  font-family: FontAwesome; /* or whatever */
  display: inline-block;
  width: 10px;
}
.categories li ul li {
  border-bottom:0px solid #ddd;
  background: #F0F6F6;
}
.categories li ul li a {
  padding-left:30px;

}
.categories li ul li ul li a {
  padding-left:60px;

}

.categories li ul li ul li ul li a {
  padding-left:90px;
}


.footer{background:#333D46; padding-bottom: 15px;}
.footer .footer-menu ul { list-style: none; margin: 0; padding: 0; margin-top: 20px; }
.footer .footer-menu ul li{ float: left; width: 240px; }
.footer .footer-menu ul li a{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 20px;
    color:#dbdcdc;
    letter-spacing: 2px;
}
.footer .footer-menu ul li ul{ list-style:none; color: #ddd; margin-top:10px; }
.footer .footer-menu ul li ul li{ float:none;color: #ddd;padding:3px 0px; border-bottom: 1px solid #444d55; width: 90%; }
.footer .footer-menu ul li ul li:last-child{ border: 0;}
.footer .footer-menu ul li ul li a{
    text-decoration: none;
    color: #a1a5ab;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:300;
    font-size: 12px;
    letter-spacing:1px;
    line-height: 20px; }

.footer .footer-menu h4{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 20px;
    color:#dbdcdc;
    letter-spacing: 2px;
}
.footer .social > div{ background: #5c5c5c; float: left; width: 40px; padding:10px 0px; text-align: center;margin-right: 5px; }
.footer .social > div a{ color: #FFF; text-decoration: none; font-size: 15px;}
.footer .bank-logo{ float: left; background: none; margin-top: 20px;  }
.footer .bank-logo img{ margin-right: 7px;  }
.footer-brand{ background: #232A30; padding: 15px 0px; }
.footer-brand .branding{
    text-decoration: none;
    color: #a1a5ab;
    font-size: 12px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:300;
    line-height: 20px;
    float: left;
    letter-spacing:1px;

}

.footer-brand .entegresepet{
    text-decoration: none;
    color: #a1a5ab;
    font-size: 13px;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:300;
    line-height: 20px;
    float: right;
}

.flatpages{ padding:20px 0px;min-height: 500px;}
.flatpages h1{
    font-size: 21px;
    color: #333d46;
    display: block;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
}

.breadcrumb{
    margin-bottom: 0;
    color: #1cae91;
    background: none;
    padding: 0;
    margin-top:0px;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    line-height: 1.5;
    font-weight: 300;
}
.breadcrumb a{
    color: #3D3D3D;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    line-height: 1.5;
    font-weight: 300;
    text-decoration: none;
}


.member-area{ padding: 20px 0px;  }
.member-area .sidewidt .heading{ margin: 0; padding:10px; margin-bottom:0px; background:#FA565A; font-family: 'Roboto',sans-serif; color: #FFF; font-weight:500; font-size: 16px;  }
.member-area .sidewidt ul{ list-style: none; margin: 0;padding: 0;}
.member-area .sidewidt ul li {
  padding:0px;
  background: #FFF;
  margin-top: 5px;
}
.member-area .sidewidt ul li a{
    display: block;
    padding: 10px;
}
.member-area .sidewidt ul li a:before {
  content: '\f105';
  color:#F00;
  font-family: FontAwesome; /* or whatever */
  display: inline-block;
  width: 10px;
}
.member-area .panel-heading{
    color: #333333;
    background: none;
    background-color: #f5f5f5;
    border-color: #dddddd;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    font-size: 16px;
    font-family: Roboto,sans-serif;
}

.container{ }
label.error{ color:#c00 !important; }
.messages td a{ color:#000; font-size:13px;}
.messages td a.btn{ color:#FFF; font-size:15px; padding:4px 7px;}


.content-sorting {
    margin: 20px 0;
    padding:0px;
    border: 1px solid #ededed;
}
.content-sorting span{
    padding: 12px 15px 14px 15px;
    border-right: 1px solid #ededed;
    float: left;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
}
.content-sorting .form-control{ width: auto; float: right; font-size: 12px; margin-top:6px;margin-right:6px;}

.content-sorting .fa {
    font-size: 11px;
    color: #1cae91;
    padding: 17px;
    border-right: 1px solid #EDEDED;
    float: left;
}

.filter-block h4{
    background: #1cae91;
    color: #FFFFFF;
    margin-bottom: 0;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    padding: 10px 18px;
}

.filter-block .block_content {
background: #fff;
padding: 20px;
}

.filter-block .layered_subtitle {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
}
.filter-block .layered_close {
    float: right;
    padding-right: 5px;
}
.filter-block span.layered_close a{
    display: block;
    height: 13px;
    width: 13px;
    text-decoration: none;
    text-indent: -5000px;
    background: url(/static/img/less.gif) no-repeat 2px 2px;
}
.filter-block span.close a{ background:url(img/icon/more.gif) no-repeat 2px 2px; }

.filter-block ul li input.checkbox {
    float: left;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.filter-block ul{
padding-left: 0;
}

.filter-block ul li {
	list-style-type: none;
}

.filter-block form > div > div{ border-bottom: 1px solid #ddd ;}

.changeable {
    border: 1px solid #ddd;
    margin: 3px;
    padding: 2px;
    display: inline-block;
    min-width: 150px;
}
.changeable:before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 3px;
    color: #aaa;
}
.product-details{ padding: 20px 0px; }
.product-details .row .big-thumbs li{ display: none;}
.product-details .row .big-thumbs li:first-child{ display: block;}
.product-details .mainimage{ list-style: none; margin: 0;padding: 0;}
.product-details .mainimage li{ float: left; margin-right:15px; }
.product-details .mainimage li:nth-child(3){ margin-right: 0; }
.product-details .row{ margin-top: 20px; }
.product-details h1{
    font-family: 'Roboto',sans-serif;
    font-size: 21px;
    color: #333d46;
    display: block;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top:5px;
    text-transform: uppercase;
}

.product-details .short-description{ font-size: 14px; font-weight: 300;  }
.product-details .stock-quantity{ color: #666; font-size: 14px;font-weight:300; border-bottom: 1px solid #ddd; padding-bottom: 15px;margin-bottom:10px; }
.product-details .stock-quantity span{ font-weight: 600; }
.product-details .product-prices{  border-bottom: 1px solid #ddd;  color:#F91878; font-size: 25px; font-weight: 500;}
.product-details .product-prices .prices-old{ color:#000; font-size: 16px; font-weight: 400; text-decoration: line-through; display: block;}
.product-details .product-prices .price-label{ display: block; font-size: 12px; font-weight: 500; color: #6e6e72;}
.percent-discount{
    background:#F91878;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: right;
    color: #FFF;
    width:60px;
    padding:14px 0px 16px 0px;
    font-size:20px;
    text-align: center;
    margin-top: -36px;
}

.product-details .social-buttons div{ display: block; font-size: 12px; font-weight: 500; color: #6e6e72; margin:5px 0px;}
.product-details .social-buttons i{
    float: left;
    margin-right:5px;
    border:2px solid #1EB093;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    text-align: center;
    padding: 9px 0px;
    }

.product-details .product-options{ border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; margin: 10px 0px;}
.product-details .buttons ul{ list-style:none; margin: 0; padding: 0; }
.product-details .buttons ul li{ float: left; width: 20%; margin-left:7px; margin-top: 10px;}
.product-details .buttons ul li:first-child{ width: 20%; display: block; font-size: 13px; font-weight: 500; color: #6e6e72; padding-top:7px; }
.product-details .buttons .btn{
    padding:8px;
    width: 100%;
    border: 1px solid #ddd;
    background: #FFF;

    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}
/* .product-details .big-thumbs{ min-height: 250px;} */
.product-details .buttons .btn:hover{  background:#6e6e72; color: #FFF;  }
.product-details .buttons .btn i{ margin-right: 5px; }
.product-details .buttons .btn-success{ background:#1cae91; border: 1px solid #1cae91;}
.tab-content{ background: #FFF;
    border: 1px solid #DDD;
    border-top: 0;
    font-family: 'Roboto',sans-serif;
    font-size:14px;
    color: #555;
    font-weight:300;
}
.tab-content .tab-pane{ padding: 15px; }
.nav-tabs{ font-family: 'Roboto',sans-serif; font-size:13px; font-weight: 500; }
.tab-content .productinfo{ margin: 0; padding: 0; list-style:none; border-top: 1px solid #ddd;}
.tab-content .productinfo ul{ margin: 0; padding: 0; list-style:none; border-top: 1px solid #ddd;}
.tab-content .productinfo li{ background: #CCC; }
.tab-content .productinfo li a{ padding: 10px; line-height:30px; font-weight: 500; color: #000; }
.tab-content .productinfo li ul li{ border: 1px solid #ddd; border-top: 0; padding: 5px;
    background: #FFF;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}
.tab-content .productinfo li ul li:hover{ background: #f0f0f0; }
.tab-content .productinfo div{ float: left; width: 200px; border-right: 1px solid #ddd; margin-right: 10px;}
.tab-content .tags{ list-style: none; padding: 0; margin: 0; }
.tab-content .tags li{
    background:#1cae91;
    float: left;
    margin-right:8px;
    margin-bottom:8px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size: 13px;
    padding: 8px;
}
.tab-content .tags li a{ color: #FFF; text-decoration: none; }
#lightbox-modal .modal-dialog{ width:685px; }
#lightbox-modal .modal-body{ padding: 5px; }
#lightbox-modal .thumbs img{ margin-bottom: 5px; }
#lightbox-modal .modal-body .big-image{ float: left; }


.shopping-cart{ padding:20px 0px; font-size: 14px; }
.shopping-cart p{ margin:10px 0px; font-weight: 300; }
.shopping-cart p .cart-quantity{ font-weight: 600; }
.shopping-cart td p{ margin: 0; font-size: 13px; font-weight:300;  }

.shopping-cart table thead tr th{ background:#EFEFEF; color:#6E6E72; }
.shopping-cart table tfoot tr td{ background:#FFF; color:#6E6E72; text-align: right; }
.shopping-cart table tfoot tr td.price{ color:#6E6E72; }
.shopping-cart table tfoot tr td.total{ color:#F91878; }
.shopping-cart .order-steps{ list-style: none; padding: 0; margin: 0;}
.shopping-cart .order-steps li.step_current{
    color: #FFFFFF;
    background: #1cae91;
}
.shopping-cart .order-steps li.step_current a{ color:#FFF; }
.shopping-cart .order-steps li i{ color: #1cae91; float: left; font-size: 17px; margin-top:8px; }
.shopping-cart .order-steps li{
    background: none repeat scroll 0 0 #EFEFEF;
    float: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    width: 20%;
    color: #4F5050;
    border-right: 1px solid #ddd;
}
.shopping-cart .order-steps li:last-child{border-right:0;}

.shopping-cart .price{
    text-align: right;
    color: #F91878;
    font-size: 16px;
    font-weight: 500;
}
.shopping-cart .price .old-price{ font-size: 14px;color: #555; text-decoration: line-through; }
.shopping-cart .percent-discount{ margin-top:0px; }
.shopping-cart .delete i{ font-size: 16px;}

.btn-success{
    background: #1cae91;
    color: #fff;
    display: inline-block;
    border: 1px solid #1cae91;

    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.btn-warning{
    background: #ED9E2F;
    color: #fff;
    display: inline-block;
    outline: none!important;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.btn-success:hover{ background: #666; }

.simple-input{
    padding:6px;
    border: 1px solid #ddd;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
}

.comments .comment{ padding:5px 0px; margin:5px 0px; border-bottom: 1px solid #ddd; }
.comments .comment .datetime{ color: #ED9E2F; font-weight: 500;}

.cart-pane ul li{ font-size: 13px; font-family: 'Roboto',sans-serif; }
.cart-pane > button{ box-shadow:none;-webkit-box-shadow:none; background:#1cae91; text-shadow:none; border:0;color:#fff; }
.cart-pane i{ margin-right: 5px; font-size: 14px;}
.cart-pane .cart-items{ font-family: 'Roboto',sans-serif; font-size: 13px; border-bottom: 1px solid #ddd; height: 70px; margin-bottom: 10px; }
.cart-pane .cart-items img{ border:1px solid #ddd; max-width:60px;max-height:60px; float: left; margin-left:8px;margin-right:8px; }
.cart-pane .cart-items a { display:inline; }
.cart-pane .cart-items div{ float: left; height: 60px; }
.cart-pane .cart-items div.name{ width: 160px; }
.cart-pane .cart-items div.quantity{ width: 40px; padding-left: 5px; }
.cart-pane .cart-items div.price{ width: 60px; text-align: right; }
.cart-pane .cart-items div.delete{ width: 30px;text-align: right; }
.cart-pane .dropdown-menu{ width: 380px; }
.cart-pane .cart-panel-text{ padding: 10px; font-size: 13px; }

.comments h3{ font-size: 19px; font-family: 'Roboto',sans-serif;  }
.comment-form{ padding: 15px;}
.comment-form textarea{ width: 100%; }

.compare-table .productinfo{ margin:0; padding: 0; list-style: none;  float: left;}
.compare-table .productinfo li ul{  margin:0; padding: 0; list-style: none; }
.compare-table .productinfo li{ background: #CCC; }
.compare-table .productinfo li ul li{ background: #FFF; border-bottom: 1px solid #DDD;border-left: 1px solid #DDD; padding:5px 10px;  }
.compare-table .productinfo li ul li div.prop{ float: left; border-right: 1px solid #DDD;  }
.compare-table .productinfo li ul li div.value{  }
.compare-table .productinfo li ul li div.prop{ display: none;}
.compare-table .first li ul li div.prop{ display: block;}
.compare-table .first{
    width: 340px;
    text-align: center;
}

.giftbox{ border-top: 1px solid #ddd; padding-top: 5px;margin-top: 5px; font-weight:400; font-size: 12px;}
.giftbox label{ font-weight:400; font-size: 12px; }
.giftbox .textbox{
    /*display: none;*/
    position: absolute;
    width: 250px;
    margin-top:-20px;
    margin-left: 100px;
    border: 1px solid #DDD;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;

}
.giftbox .textbox button{ margin-top: 10px; }

.selectbox-chosen{
    border: 1px solid #DDD;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 85px;

}
.selectbox-chosen .address{ width: 90%;}
.selectbox-chosen div.icon{ float: right; background: #ccc;padding:24px 5px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    }
.address-selector{
    width: 95%;
    position: absolute; list-style: none; margin: 0; padding: 0;
    border: 1px solid #DDD;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}
.address-selector li{
    border-top: 1px solid #DDD;
    width: 100%;
    padding:10px 0px;
}
.address-selector li:hover{ background: #f0f0f0;}
.address-selector li:first-child{border-top:0; }
.address-selector li span{ display: block;  }

.category-index{ padding:0px 5px 0px 5px; }
.category-index .col-lg-12{ border-bottom: 1px solid #FFF; padding-bottom: 15px; }
.category-index h2{
    font-size: 21px;
    color: #333d46;
    display: block;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
}
.category-index ul{ list-style: none; margin: 0; padding: 0; }
.category-index > .col-lg-12 > ul > li{ float: left;  margin-left:20px; }
.category-index ul li:first-child{ margin-left:0px;}
.category-index ul li a{
    font-size: 15px;
    line-height: 30px;
    padding-bottom: 1px;
    width: 100%;
    display: block;
    font-weight: 300;
    color: #000;
    border-bottom: 1px solid #ddd;
}
.category-index ul li ul{ padding: 0; margin: 0; }
.category-index ul li ul li{ float: none; }
.category-index ul li ul li a:before{
    content: '\f105';
    font-family: FontAwesome; /* or whatever */
    display: inline-block;
    margin-right: 5px;
  }

.table caption {
font-size: 17px;
text-align: left;
margin-bottom: 5px;
}

.payment-methods{ font-size: 12px; }
.cc-payment .form-div{ background: #FFF; border: 1px solid #ddd; padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.card-design > img{ position: absolute; margin-top:70px; margin-left: 20px;}
.card-design{
    width:380px;
    height:230px;
    color: #FFF;
    font-size: 1.6em;

    background: #167; border: 1px solid #ddd; padding: 15px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;

}

.card-design .card-no{ position: absolute; margin-top:110px;margin-left: 20px;letter-spacing:5px; }
.card-design  .bank-logo{ position: absolute; margin-left: 230px; }
.card-design  .bank-logo > img{ max-width:120px;max-height:80px; }
.card-design .holder-name{ position: absolute; margin-top:140px;margin-left: 20px;  font-size:0.7em; }
.card-design .expire-date{ position: absolute; margin-top:140px;margin-left: 280px;  font-size:0.7em; }
.card-design .master-visa{ position: absolute; margin-left: 300px; margin-top:170px; }


body{ overflow: hidden; }
.loading_bg{
    position: absolute;z-index: 999999999998;
    width: 100%;
    height: 100%;
    top:0;
    background:url(/static/img/loading_bg.png);
}
.wrap {

  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -80px;
  overflow: hidden;
  height: 50px;
  width: 200px;
  z-index: 999999999999;
}

.loader {
  margin: 0 auto;
  width: 32px;
  height: 32px;
  position: relative;
}

.cube1,
.cube2,
.cube3,
.cube4,
.cube5 {
  background-color: #000;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 20px;
  left: 0;

  -webkit-animation: cubemove 2s infinite ease-in-out;
  animation: cubemove 2s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.cube3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.cube4 {
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.cube5 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes cubemove {
  0% { -webkit-transform: translateX(-120px);}
  50% { -webkit-transform: translateX(0px) rotate(180deg) scale(2.2); background: #ff6000; }
  100% { -webkit-transform: translateX(120px);}
}

@keyframes cubemove {
  0% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px);
  }
  50% {
    -webkit-transform: translateX(0px) rotate(180deg) scale(2.2); background: #ff6000;
    transform: translateX(0px) rotate(180deg) scale(2.2); background: #ff6000;
  }
  100% {
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
  }
}