@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800&subset=latin,latin-ext);

body {     font-family: 'Open Sans', sans-serif;    font-size:13px;     line-height:20px;     color:#3C3C3C;     text-align:justify;     min-width:320px;     position:relative;     -webkit-text-size-adjust: none; }


a{color:#AD0800;  transition:all 500ms ease;}
a:hover{color:#AD0800;text-decoration: none;}
a:focus{text-decoration: none; color:#AD0800;}
h1,h2,h3{color:#777777;   }
h1{ margin-top:0px; text-align:left; padding:10px 10px 10px 0px;text-transform: uppercase; font-size:16px; font-weight: 600;}
h2{font-weight:normal;  font-size: 16px;  color: #3C3C3C;  text-transform: uppercase; margin-bottom:30px; }
.lineleft{background:url(../img/lineleft.png);height:70px; background-repeat: no-repeat; background-position: left ;}
.linecenter{background:url(../img/linecenter.png);height:70px; background-repeat:repeat-x; background-position: center;}
.lineright{background:url(../img/lineright.png);height:70px; background-position: right; background-repeat: no-repeat; background-position: right center;}
.tablehead{background-color:#AD0800; color:#ffffff; text-transform: uppercase; padding:10px; }
.tablecell{padding:30px 15px;}
.tablerow{background-color: #ffffff; border-bottom: 1px solid #E7E7E7; }
.nextBtn{ background-image:none; background-color:#AD0800; color:#ffffff;text-shadow: none; border-radius:0px; border:1px silid #AD0800;}
.nextBtn:hover{ background-color:#777777; color:#ffffff;}
.lineholder{ margin-bottom:20px;}
.btn-default{ background-image:none; border-radius:0px;}
.btn-default:hover{background-color:#777777; color:#ffffff;text-shadow: none; }
.btn-default:active{background-color:#777777;color:#ffffff;text-shadow: none;}
.btn-primary{background-color:#AD0800; color:#ffffff; text-transform: uppercase; letter-spacing: 1px; border-radius:0px; background-image: none; border-color:#7a0202  ;webkit-box-shadow: inset 0 0px 0 rgba(0,0,0,.15),0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); }
.btn-primary:hover{background-color:#777777; border-color:#7a0202  ;}
.btn-primary:active{background-color:#777777; border-color:#7a0202  ;} 
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color:#AD0800;
    border-color: #AD0800;   
}
.pagination>li>a, .pagination>li>span{
    color:#AD0800;
}

/*forms*/
input,select,textarea{padding: 4px;background: #FAFAFA;border: 1px solid #ddd;}
.input{margin-top:10px; clear:both;}
.input input{width:100%; margin-bottom:15px;}
.select select{width:100%; margin-bottom:15px;}
.textarea textarea{width:100%; margin-bottom:15px;}
label{width:100%;text-align:left; font-weight:normal;}
.checkboxHolder{clear:both;}
.checkboxHolder input{float:left; width:20px;}
.checkboxHolder label{float:left; width:70%; margin-bottom:20px;}
.error{background-color:#ff8888; color:#ffffff;}
.error-message{width:100%; text-align:right; font-size:10px; color:#ff8888;}


/* header styles */
.mainnav{background: #f8f8f8;border-top: solid 4px #AD0800;}
.mainnav a{color:#747676; padding-top:13px; display:block;}
.mainnav a:hover{color:#AD0800;}
.mainnav .langselect{background-color:#AD0800; cursor:pointer; text-transform: uppercase;}
.mainnav .langselect:hover{background-color:#777777;}
.mainnav .langselect span{color:#ffffff; display:block; margin-top:15px; margin-bottom:15px;}
.mainnav .langselect ul{display:none; position:absolute; width: 100%; padding:0px; margin-left:-15px; background-color:#ffffff; z-index:4;}
.mainnav .langselect ul li{float: none;display: block;padding-left: 0px;border-bottom: 1px solid #ddd;}
.mainnav .langselect ul a{display: block;background: #fff;font-size: 12px;line-height: 17px;color: #000;padding: 5px 10px;min-height: 18px;}
.mainnav .langselect ul a:hover{background-color:#777777; color:#ffffff;}
.mainnav .topmenu{padding-bottom:15px;}
.categorynav{margin-top:50px;background: #AD0800; border:none;margin-bottom:0px;}
.categorynav .row{margin-left:-30px;margin-right:-30px;}
.categorynav a {text-transform: uppercase;color:#c7f1f1; border-right: 1px solid #7A0202; text-shadow:none;}
.nav>li>a:hover, .nav>li>a:focus{background-color:#7A0202;; color:#c7f1f1;}
.navbar-brand, .navbar-nav>li>a{ text-shadow:none; padding-right:30px; padding-left:30px; font-size:16px;}
.navbar{border-radius:0px;}
.navbar-collapse{padding-left:0px; padding-right:0px;}
.title{padding-top:50px;}
.title a{font-size:36px; color:#3C3C3C;text-transform: uppercase; }
.title a:hover{color:#AD0800;}
.title span{display:block; font-size:11px}
.title h1{display:block; font-size:11px; margin-top:2px;}
.login i{margin-right:10px;}
.login a{float:right; margin-left:20px;}
.breadcrumbs{background-color: #FAFAFA;   border-bottom: 1px solid #e5e5e5;     margin-bottom: 30px; padding-top:10px; padding-bottom:10px;}

.breadcrumb{background: inherit;border: 0px;;padding:0px 15px;margin: 0;overflow: hidden; border-radius:0px; text-align:left; font-size:11px;}
.breadcrumb a{color:#777;}
.breadcrumb a:hover{color:#00c0be;}
.breadcrumb>li+li:before {content: ">";padding: 0 5px;color: #777;}

/*Webshop styles */
#cart{font-size:12px; color:#333; text-align:right;}
#cart a{border:1px solid #f2f2f2;display:inline-block;margin-top:43px; line-height:25px; position:relative; padding-left:60px;}
#cart a:hover{background-color:#f2f2f2;}
#cart a:focus{text-decoration: none;}
#cart a i{background-color:#AD0800;font-size:25px; display:inline-block; padding:7px 12px;; color:#ffffff; position:absolute; height:100%; left:0px;}
#cart a span{font-size:14px;  padding:10px;display:inline-block;}
#cart span{display:inline-block; margin-top:10px;}
#cart b{margin-right:30px; display:inline-block;}
#cart .cart-box{display:inline-block; margin-top:0px;}
#search{ padding-top:50px;}
#search input{border:1px solid #bebebe; border-radius:0px;}
#search .btn-default{background-color:#ffffff; background-image: none;-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075);  box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); transition:all 300ms ease;}
#search .btn-default:hover{background-color: #AD0800; color:#ffffff; text-shadow:none;}



/*Front page classese*/
.front-header-service{background-color: #FAFAFA;    border-bottom: 1px solid #e5e5e5;     margin-bottom: 30px; padding-top:10px; padding-bottom:10px;}
.front-header-service strong{font-weight:600;}
.front-offer-banner-section{margin-bottom:5px;}
.carousel-caption{top:30%; text-align: left;}
.carousel-caption h1{color:#ffffff; font-size:52px; text-transform: uppercase; font-weight: 600;}
.carousel-caption p{font-size:16px;}
.carousel-caption a{margin-top:20px;}

.offer{background-color:#f5537d; width:25%; color:#ffffff; text-align:center; padding:30px;}
.offer h1{display:block; font-size:30px; text-transform:uppercase; font-weight: bold; color:#ffffff;}
.offer h2{display:block; font-size:15px; color:#ffffff;}
.offer p{display:block; margin-bottom:30px;}
.offer a{background-color:#ffffff; padding:10px 30px 10px 30px; color:#f5537d; text-transform: uppercase;}
.offer a:hover{background-color: #fffcf8; color: #676767;}
.higlight h3{background-color:#00c0be; margin-top:0px; text-align:left; padding:10px 10px 10px 30px; color:#ffffff;text-transform: uppercase; font-size:12px;}
 
.shop h1{ margin-top:0px; text-align:left; padding:10px 10px 10px 0px;text-transform: uppercase; font-size:16px; font-weight: 600;}
.shop h2{font-weight:bold; color:#666666;}
.shop .navigation{ height:40px; margin-top:10px;}
.shop .navigation .pagination{margin:0px;}
.shop .navigation .pagination >li:first-child a{border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
.shop .navigation .pagination >li:last-child a{border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.shop .navigation .pagination li a{margin:4px; padding:2px 5px 2px 5px; width:25px; text-align:center; color:#777777;}
.shop .navigation .pagination .active a{background-color:#AD0800; color:#ffffff; border-color:#AD0800}

.cart{}
.cart h1{ margin-top:0px; text-align:left; padding:10px 10px 10px 0px;text-transform: uppercase; font-size:16px; font-weight: 600;}
.cart .lineholder{ margin-bottom:20px;}
.cart .tablerow img{border:1px solid #bebebe; padding:5px;}
.cart .addOne{background-color:#000000; display:block; color:#ffffff; padding:3px; width:25px; height:25px; float:left; margin:2px; }
.cart .addOne:hover{background-color:#777777;}
.cart .removeOne{background-color:#13a0d3; display:block; color:#ffffff; padding:0px 3px; width:25px; height:25px; float:left; margin:2px;}
.cart .removeOne:hover{background-color:#155fae;}
.cart .removefromcartBtn{background-image:none; border-radius:0px; background-color: #f84a4a;}
.cart .removefromcartBtn:hover{background-color: #d93333;}
.cart .pricetable{border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; padding:25px; font-size:16px; color:#ffffff; background-color:#777; line-height: 25px; margin-top:20px;}
.cart .pricetable span{font-weight:bold;}
.cart .outofstock{background-color:red ; color:#ffffff; display:block; font-size:10px;}
.cart h2{text-transform: uppercase; font-size:12px; background-color:#00c0be; margin:0px 0px 20px 0px; padding:10px; color:#ffffff; text-align:left; padding-left:30px;}

.order{margin-bottom:20px;}
.order .orderstepper .step{background-color:#FAFAFA; display:block; height:73px; color:#777777;text-shadow: 0px 0px #000000; padding-top:20px; font-size:40px; font-weight:bold;}

.order .orderstepper a .step{background-color:#777777; color:#ffffff;}
.order .orderstepper a .activeStep{background-color:#AD0800; color:#ffffff;}
.order .border{background-color:#777777; color:#ffffff; text-transform: uppercase; padding:5px; font-weight:bold; font-size:20px; }
.order .pricetable{border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; padding:25px; font-size:16px; color:#ffffff; background-color:#777; line-height: 25px; margin-top:20px;}
.order .pricetable span{font-weight:bold;}
.order .details .tablerow{margin-left:0px; margin-right:0px;}
.order .details .tablecell{padding:10px;}
.order textarea{width:90%; height:80px;}                
.order h1{text-transform: uppercase; font-size:12px; background-color:#00c0be; margin:0px 0px 20px 0px; padding:10px; color:#ffffff; text-align:left; padding-left:30px;}
.order h2{text-transform: uppercase; font-size:12px; background-color:#AD0800; margin:0px 0px 20px 0px; padding:10px; color:#ffffff; text-align:center; padding-left:30px;}
.order .choosebox{margin-top:50px; margin-bottom:50px;}
.order .choosebox p{text-align:justify; padding-bottom:40px;}
.order .choosebox h2{ background-color:inherit; color:#777777; margin-top:0px; text-align:left; padding:10px 10px 10px 0px;text-transform: uppercase; font-size:16px; font-weight: 600;}

.productitem{margin-bottom:20px; cursor:pointer;}
.productitem .inner{ border:solid 1px #ebebeb; padding-bottom:30px; position:relative; min-height:360px; overflow:hidden;}
.productitem .inner .image{padding:10px; text-align:center;}
.productitem .inner .image img{ max-height:200px;}
.productitem .info{text-align:justify; padding:0px 10px;;}
.productitem .info .name{width:100%;padding-top:10px; padding-bottom:10px;}
.productitem .cart_btn{color: #ffffff;background-color: #AD0800;display: inline;padding: 6px 10px;font-size: 12px;font-weight: bold; }
.productitem .cart_btn:hover{background-color: #777777; color:#ffffff;}
.productitem .product-name-show{padding:15px; display:block; height:110px; overflow:hidden;}
.productitem .product-name{padding-left:15px; padding-right:15px; display:block; width:100%;}
.productitem .cart_price{position:Absolute; bottom:20px; z-index:0;width:100%; height:50px;}
.productitem .cart_price .price{font-size:16px; color:#AD0800; font-weight: 300;position:absolute; bottom:0px; left:0px; }
.productitem .cart_price .price .original{font-size:12px; text-decoration: line-through;}
.productitem .cart_price .cartbtnholder{position:absolute; bottom:0px; right:0px;}
.productitem .details{background-color:#000000; color:#ffffff; text-transform: uppercase;padding: 5px 10px 6px 10px;}
.productitem .details:hover{background-color:#AD0800;}
.productitem:hover .infoholder{display:block;bottom:0px; }      
.productitem .infoholder{position:Absolute; width:100%; height:100%; bottom:-100%; left:0px; background-color:rgba(173,8,0,1); z-index:1; color:#FAFAFA; display:block;  -moz-transition:all .218s ease-in; -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.productitem .infoholder .product-name{text-transform:uppercase;  text-align:left; color:#ffffff; margin-bottom:20px; margin-top:10px;  font-size:16px; display:inline-block;}
.productitem .infoholder .product-name:hover{color:#000000;}
.productitem .infoholder .info-cart_price{margin-bottom:10px; position: absolute; bottom:10px; width:100%; text-align:center;}
.productitem .infoholder .info-cart_price .info-price{font-size:20px; color:#ffffff; font-weight: 300;}
.productitem .infoholder .info-cart_price .info-price .info-original{text-decoration: line-through; font-size:16px;}
.productitem .infoholder .info-cart_price .info-buttons{margin-top:30px;}
.productitem .infoholder .info-cart_price .info-buttons .details{margin:5px; background-color:#ffffff; color:#000000; border:1px solid #000000; font-weight: 600; font-size:11px; letter-spacing: 1px;}
.productitem .infoholder .info-cart_price .info-buttons .details:hover{background-color: #000000; color:#ffffff;;}

.categories{ background-color:#f9f9f9;}
.categories ul{}
.categories li{list-style:none; position: relative;}
.categories li i{font-size:12px;top:15px; position:absolute; right:10px;}
.categories li a{color:#7a7a7a; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;font-size:14px; padding:10px 30px 10px 10px; text-align:left; display:block;}
.categories li a:hover{background-color: #ffffff; color:#AD0800;}
.categories ul ul li a{display:none;}
.categories ul ul li a{padding-left:30px;}
.categories ul li a.activeitem{background-color: #ffffff; color:#AD0800;}
.categories ul li a.visible-tree{display:block;}
.categories h3{text-transform: uppercase; font-size:14px; background-color:#AD0800; margin:0px; padding:10px; color:#ffffff; text-align:left; padding-left:30px;}

.search{margin-top:20px;background-color:#f9f9f9; padding-bottom:20px;}
.search h3{text-transform: uppercase; font-size:14px; background-color:#AD0800; margin:0px; padding:10px; color:#ffffff; text-align:left; padding-left:30px;}
.search .param{margin-top:20px; text-align: left;}
.search .param .name{}
.search .param input{background-color:#ffffff; width:100%;}
.search .param .form-control{border-radius:0px;}
.search .submit{margin-top:20px; text-align:right; padding-left:15px; padding-right: 15px;}

.categorylist{padding-bottom:40px;}
.categorylist form{margin-bottom:30px;}
.categorylist .categoryitem{margin-top:10px; margin-bottom:10px;}

.product h1{text-align:left; margin-top:0px; font-size:30px; text-transform: uppercase; color:#3C3C3C;}
.product h2{font-size:20px; margin-bottom:30px; margin-top:40px; color:#777777;}
.product .lineholder{margin-bottom:20px;}
.product .images{border:1px solid #bebebe; padding:10px;}
.product .images .mainimage{width:100%;}
.product .smallimages li{list-style: none; margin-top:15px;}
.product .smallimages img{width:100%; border:1px solid #e7e7e7; padding:5px;transition:all 500ms ease;}
.product .smallimages img:hover{ border:1px solid #bebebe;}
.product .price .brut{color:#AD0800; margin-top:15px; display:block; font-size:40px; text-align: right;}
.product .description{text-align:justify;}
.product .description li{margin-left:40px;}
.product .description img{border-radius:300px; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #E7E7E7;}
.product .description em{font-style: italic;}
.product #spinnerNum{width:40px;}
.product .addcart{margin-top:40px; border-top:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; padding-top:10px; padding-bottom:10px;}
.product .addcart .addcartBtn{ background-image:none; background-color:#AD0800; color:#ffffff;text-shadow: none; border-radius:0px; border:none;}
.product .addcart .addcartBtn:hover{ background-color:#777777;}
.product .addcart .spinner{padding:5px 10px;background-color:#777777;}
.product .sizes a{display:block; float:left; background-color:#13a0d3; color:#ffffff; height:25px; margin-right:2px; padding:3px 10px 3px 10px; text-align:center;}
.product .sizes a:hover{background-color:#ffffff; color:#13a0d3; }
.product .properities dl{margin-bottom:0px;}
.product .properities dt{background-color:#FAFAFA; font-weight: 600; padding:5px;}
.product .properities dd{ padding:5px;}
.product .files li{list-style:none; float:left; margin:5px;}
.product .files li a{display:block; padding:10px; background-color:#777777; color:#ffffff;}
.product .files li a:hover{background-color:#AD0800; color:#ffffff;}
.product .tags li{list-style:none; float:left; margin:5px;}
.product .tags li a{display:block; padding:10px; background-color:#FAFAFA; color:#777777;}
.product .tags li a:hover{background-color:#777777;color:#FFFFFF;}
.sameproducts{margin-top:40px;}
.sameproducts .lineholder{padding-bottom:40px;}
.sameproducts h3{text-transform: uppercase; font-size:12px; background-color:#000000; margin:0px 0px 20px 0px; padding:10px; color:#ffffff; text-align:left; padding-left:30px;}

.register{margin-bottom:20px;}
.register .border{background-color:#00c0be; color:#ffffff; text-transform: uppercase; padding:15px; font-weight:bold; font-size:20px; }
.register h2{text-transform: uppercase; font-size:12px; background-color:#AD0800; margin:0px 0px 20px 0px; padding:10px; color:#ffffff; text-align:center; padding-left:30px;}

.dashboard{margin-bottom:20px;}
.dashboard .border{text-transform: uppercase; font-size:12px; background-color:#AD0800; margin:0px 0px 20px 0px; padding:10px; color:#ffffff; text-align:left; padding-left:30px;}
.dashboard .tablerow{margin-left:0px; margin-right:0px;}

.loginpage{}
.loginpage h2{font-size:14px; text-align:left;}
.loginpage .input label{font-weight:normal; float:left; width:30%;}
.loginpage .input input{width:60%; float:left;}
.loginpage .btn{display:inline-block;}
.loginpage form{margin-top:40px;}


footer{background: #fafbfb;}
footer .container{padding-top:80px;padding-bottom:80px;}
footer h3{color:#f5537d; text-transform: uppercase; padding-bottom:10px; font-size:20px;}
footer p{color:#999999; text-align:justify;}
footer ul li{ list-style: none; padding-bottom:5px;padding-top:5px; text-transform: uppercase;}
footer ul li a{color:#999999;}
footer .footer-logo{font-size:30px; margin-bottom:20px; margin-top:20px;}
footer .coppyright{padding-top:40px;}

.closer{background-color: #00c0be; height:30px;}

.post .inner{background-color:#f9f9f9;}
.post .image{padding:0px 20px 20px 20px;}
.post .image img{width:100%;}
.post h1{color:#f5537d; font-size:16px; text-align: left; margin-top:0px; text-transform: uppercase;}
.post h2{color:#f5537d; font-size:16px;}
.post .body{ text-align:justify; padding:20px;}
.post h3{background-color:#00c0be; margin-top:0px; text-align:left; padding:10px 10px 10px 30px; color:#ffffff;text-transform: uppercase; font-size:12px;}

.content{text-align:justify; padding-bottom:40px;}
.content .image{padding:0px 20px 20px 20px;}
.content .image img{width:100%;}
.content h1{color:#777777; font-size:16px; text-align: left; margin-top:0px; text-transform: uppercase;}
/* FEATURED ROUNDABOUT */
.featured-box{height:470px;overflow:hidden;}

.byfromus{margin-top:10px;}
.byfromus ul li{text-align:left; margin-left:20px;list-style: square;}
.testimonals{margin-top:10px;}
.testimonals p{font-style: italic;}

#carousel{width:1100px; margin-left:20px; height:470px; }
#carousel div {
    display: block;
    float: left;
    border: none;
    position: relative;
    overflow:hidden;
    border: 4px solid #ffffff;
}
#carousel div  img{max-height:450px;}
#carousel .pricetag{ display:block; background-color:rgba(0,0,0,0.7); color:#ffffff; margin-top:-35px; position:relative; padding:5px;}


.premenu{display:none;}
.mobileMenu{display:none; position:absolute; right:5px; top:0px; padding:5px; height:50px; width:40px; }
.mobileMenu span{width:100%; display:block; height:5px; background-color:#ffffff; margin-top:5px;}
.navbar-toggle{border-color:#ffffff;}
.navbar-toggle .icon-bar{background-color: #ffffff;}

.paginator{ margin-top:20px;}
.paginator .nav span{display:inline-block; width:30px; height:30px;}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 768px) {
    .hideonmobile{display:none;}
    #cart{width:100%; margin-top:70px;}
    .categorynav{margin-top:160px;}
    .mainnav{height:50px;}
    .mainnav .logo img{position:relative; margin:auto; margin-top:-6px;}
    .shadow1left,.shadow1center,.shadow1right,.lineleft,.lineright {background:none; height:0px;}
    .mobileMenu{display:block;}
    .navbar{position:absolute; width:100%; top:-110px; min-height:0px;}
    .title{text-align:center;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .productitem .inner .image{width:300px;}   
    .shadow1left,.shadow1center,.shadow1right,.lineleft,.lineright {background:none; height:0px;}  
    .linecenter{height:20px;}   
    
    
}
@media (min-width: 992px) {
    .frontproduct .productitem{ width: 233px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}
@media (max-width: 500px) {
    .offer{
        displaY:none;
    }    
    #cart{
        margin-top:0px;
    }
    .title a{
        font-size:28px;
    }
    .productitem .inner .image{
        width:100%;
    }
    .productitem .inner .image img{
        width: 100%;
    }
    .mainnav{
        background: #12c4c2;    
    }
    
}