@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color:#333;
	font-size: 12px;
	line-height: 20px;
	width:100%;
	max-width: 100%;
	overflow-x:hidden;
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight:700;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 28px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
a {
	color: #888;
}
a:hover {
	text-decoration: none;
	
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
.transition, 
.swiper-slide,
.list-group-item,
footer a,
ul.navbar-nav li a,
button,
#latestblog .blog-more a,
.carousel-item img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;			
}

.desktop{
	display:block;				
}
.mobile{
	display:none;				
}

.checkbox, .radio {
    position: relative;
    display:  inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.checkbox, div.radio {
    display:  block;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #000;
}
.modal{
	z-index: 10001;
}
/*EFFECT SHINE */
.img-shine .shine {
    position: relative;
    overflow: hidden;
}
.img-shine .shine::before {
	position: absolute;
	top: 0px;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
div.img-shine:hover .shine::before {
	-webkit-animation: shine 1.2s;
	animation: shine 1.2s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/* END EFFECT SHINE */
@media all and (max-width: 768px){
	.desktop{
		display:none;				
	}
	.mobile{
		display:block;				
	}
}

/*##############*/
/* ####### SLIDESHOW */
/*##############*/
.owl-dots{
	position: absolute;
	bottom:10px;
	text-align: center;
	left: 50%;
    transform: translateX(-50%);
}
.owl-dots button.owl-dot{
	height: 20px;
	width: 20px;	
	background: #939393;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 5px 0 5px;
	opacity:1;
}
.owl-dots button.owl-dot.active{
	opacity:0.8;
	background: #939393;
}
@media all and (max-width: 768px){
	.owl-dots button.owl-dot{
		height: 10px;
		width: 10px;	
	}
}
/*############################*/
/* ############## FIX BOOTSTRAP */
/*############################*/
.swiper-viewport {
    border: none;
    border-radius: 0px;
    box-shadow: none; 
}
.dropdown-menu {
	z-index: 999999999;
}
#column-left .swiper-viewport, #column-right .swiper-viewport{
	margin:0px;			
}

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: #939393;
	border-color: #939393;
	color:#fff;		
}
.list-group-item {
    background: #fbfbfb;
	border:#e7e7e7;
	margin-bottom: 1px;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
	background: #ccc;	
	color:#000;
}
.btn-primary {
    color: #fff;
    background-color: #00aeef;
    border-color: #00aeef;
}
.btn-primary:hover {
    color: #fff;
    background-color: #03a1dc;
    border-color: #03a1dc;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #e8e8e9;
}
#product .text-danger{
	padding-left: 15px;
}
@media (max-width: 767px) {
	.row{
		margin:0px;
		padding: 0px;
	}
}

/*############################*/
/* ############## BANER */
/*############################*/
.baner{
	padding: 0px;
	margin: 0 auto 0 auto;	
}

/*############################*/
/* ############## PRODUCTS CAROUSELS */
/*############################*/
.dcp_container{
	margin:0px auto 0 auto;				
}
/*############################*/
/* ############## BLOG */
/*############################*/
#latestpost .image.listimg{
	max-height: 500px;
	
}

/*############################*/
/* ############## HOME CATEGORIES */
/*############################*/
#home-categories{
	padding-top: 80px;
	padding-bottom: 40px;
}
#home-categories h2{

}
#home-categories .dc-categories-img{
	text-align: center;
	position: relative;
	max-width: 236px;
	margin: 0 auto 0 auto;
}
#home-categories .dc-categories-img img{
	max-width: 100%;
}
#home-categories .dc-categories-name{
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background: rgba(255, 255, 255, 0.7);
}
#home-categories h3{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	color:#000;
	text-align: center;
	padding: 10px;
	margin: 0px;
}
#home-categories .category-carousel-nav { 
    top: 50%;
	transform: translateY(-50%);
    margin-top: px;
}
/*############################*/
/* ############## PAYMENT INFO */
/*############################*/
#featured_info_1{
	padding: 50px 0 50px 0;
	background: #00a6ed;
}
#featured_info_1 .dc-image img{
	max-width: 96px;
	height: auto;
}
#featured_info_1 .dc-fb-header h3{
	display: table-cell;
	vertical-align: middle;
	height: 96px;
}

/*############################*/
/* ############## HOME PRODUCTS */
/*############################*/
.dcp_container{
	max-width: 1170px;
	margin: 0 auto 0 auto;
}
.dcp_description{
	max-width: 500px;
	margin: 0 auto 0 auto;
}
.dcp_product_name{
	text-align: center;
}
.dcp_more{
	text-align: center;
}
.dcp_more a.btn{
	width: 170px;
}
/*############################*/
/* ############## HOME SERVICE INFO */
/*############################*/
#service_info{
	background: #00aeef url('../image/info-bg.jpg') no-repeat center center;
	padding-top: 50px;
	padding-bottom: 50px;
} 

.dc-featuredboxes-header h2{
	color:#fff;
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 50px;
}
/*############################*/
/* ############## PRODUCERS CAROUSEL */
/*############################*/
.carousel-item img{
	filter: grayscale(1);
	opacity:0.5;
}

.carousel-item img:hover{
	filter: grayscale(0);
	opacity:1;
}

/*############################*/
/* ############## HOME CONTENT */
/*############################*/
#home_content .dc-featuredbox .dc-image{
	max-width: 100%;
}
#home_content .dc-featuredbox .dc-image img{
	width: 100%;
}

/*############################*/
/* ############## NEWSLETTER */
/*############################*/
.dc-newsletter{
	margin: 0px auto 0px auto;
}
.newsletter-panel{
	
		
}
.container.newsletter-panel{
	max-width: 1200px;
	padding: 0;			
}

.container.newsletter-panel h2{
	
}
#newsletter .dc-newsletter .dcn_button{
	padding-left: 10px;
	padding-right: 10px;
}
@media all and (max-width: 767px){
	#newsletter{
		margin-bottom: 100px;
	}	
}

/*############################*/
/* ############## FEATURED BANERS*/
/*############################*/
.featuredbaners-container{
	margin: 0px auto 0px auto;
	max-width: 1170px;
}
.dc-content{
	
}
@media all and (max-width: 767px){
	.featuredbaners-container{
		margin: 0px auto 0px auto;
	}
	.featuredbaners-container .col-sm-6.dc-featuredbaner-1{
		margin-bottom: 30px;
	}
}
/*############################*/
/* ############## ORDER INFO */
/*############################*/
.dc-featuredboxes{
	padding-top: 60px;
}
.dc-featuredbox .dc-image{
	max-width: 200px;
	margin: 0 auto 0 auto;			
}
/*############################*/
/* ############## MOD PRODUCTS*/
/*############################*/
.dcp_container{
	margin-top: 30px;
}
.dcp_content{
	max-width: 1600px;
	margin-left:auto;
	margin-right: auto;
}
.dcp_item_panel{
	padding: 10px;
}


/*############################*/
/* ############## ACCOUNT */
/*############################*/
#account-account h2{
	background: #22262e;
	color:#fff;	
	font-weight: 400;
	padding: 10px;
}
/*############################*/
/* ############## CONTENT */
/*############################*/
#margin-top{
	margin-top: 0px;
}
#content {
	margin-bottom:25px;		
}
#banner0{
	margin-bottom:16px;				
}
#information,
#latestpost{	
	max-width:900px;
	margin:0px auto 100px auto;		
}
#latestpost .headtitle img,
#latestpost .headtitle .col-sm-2{
	display:none;
}
#latestpost .inner + .innerheader{
	border:none;
}

#information #content{
	line-height:32px;
	font-size:13px;	
} 


@media all and (max-width: 768px){
	#information{	
		margin:0px auto 0px auto;		
	}
}
/*############################*/
/* ############## MOD LATEST BLOG */
/*############################*/
#latestblog .blog-item{
	padding-left: 15px;
	padding-right: 15px;
}
.latestblog-container h3{
	font-weight: 500;
	font-size: 36px;
	margin-top: 80px;
	margin-bottom: 80px;
	text-transform: uppercase;
	text-align: center;
}

#latestblog .blog-date{
	font-size: 11px;
	color:#888;
	float: right;
}

#latestblog h4{
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;	
}

#latestblog .blog-more{
	margin-top: 15px;
}

#latestblog .blog-more a{
	display: inline-block;
	background: #939393;
	border:1px #939393 solid;
	color:#fff;
	text-transform: uppercase;
	padding: 10px 30px 10px 30px;
}

#latestblog .blog-more a:hover{
	border:1px #939393 solid;
	background: #fff;
	color:#939393;
}
/*############################*/
/* ############## MOD BLOG */
/*############################*/
.mod-blog-header{
	color: #444444;
    font-size: 36px;
    font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
.blog-container{
	
}
#mod-blog{

}
#mod-blog .image{
	position: relative;
}

#mod-blog .image .dateadded{
	position: absolute;
	top:5px;
	left:5px;
	background: #00aeef;
	color:#fff;
	padding: 7px;
	text-align: center;
	width: 54px;
	height: 54px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.blog-slide h4 a{
	color:#444;
}
.mod-blog-more .btn-blog{
	display: inline-block;
	background: #00aeef;
	color:#fff;
	border: 1px #00aeef solid;
	padding:0px 20px 0px 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#mod-blog .image .dateadded-day{
	font-size:24px;
}

#mod-blog .image .dateadded-month{
	font-size: 14px;
	font-weight: 500;
}

#mod-blog .product-thumb{
	border: 1px #f9f9f9 solid;
}
#mod-blog .caption{
	text-align: center;
}
#mod-blog .mod-blog-more{
	text-align: center;
}
/*############################*/
/* ############## FEATURED INFO */
/*############################*/
.dc-featuredboxes{
	background: #fafafa;
	padding-bottom: 60px;
}
#featured-info .dc-featured-text{
	float:right;
	width:55%;
}
#featured-info .dc-image{
	margin-top: 40px;
}

/*############################*/
/* ############## WELLCOME */
/*############################*/
#about_fitstore.dc-wellcome{
	max-width: 1600px;
	margin: 30px auto 30px auto;
}
#about_fitstore .dc-wellcome-absolute h2{
	font-size: 36px;
}
/*############################*/
/* ############## CAROUSEL */
/*############################*/
.carousel_header h2{
	text-align: center;
	color:#a1adb1;
	text-transform: uppercase;
	font-size: 36px;
	margin-top: 150px;
	margin-bottom: 30px;
	font-weight: 700;
}
.mod-carousel{
	margin-bottom: 60px;
}
.mod-carousel .owl-dots {
    position: absolute;
    bottom: -30px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

/*############################*/
/* ############## COOKIES MODULE */
/*############################*/
.dcc-cookie-container{
	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.5);
}
table.cookies td{
	border:1px #45ccff solid;
	padding: 5px;
}
.cookie-buttons{
	margin-top: 20px;
	text-align: right;
}
/*############################*/
/* ############## COPYRIGHT */
/*############################*/
.copyright{
	padding:50px 0 40px 0;
	background:#333;
	color:#888;
	text-transform:uppercase;	
	position:relative;	
	margin: 0 auto 0 auto;		
}
.informations-row{
	margin-bottom:80px;					
}
.copyright a{
	color:#888;				
}
.copyright a:hover{
	color:#fff;			
}
.copyright .payment-icon{
	float:right;				
}

.copyright .scrollTop{
	width:80px;
	height:80px;
	line-height:90px;
	background:#fff;
	color:#333;	
	position:absolute;
	right:15px;
	bottom:100%;
	margin-bottom:15px;	
	border:none;
	display:block;
	text-align:center;		
	z-index:100;
}

.copyright .scrollTop:hover{
	color:#fff;				
}

.copyright .scrollTop i.fa{
	font-size:24px;				
}

.footer-contact-row{
	font-size:14px;
	font-weight:300;
	margin-bottom:10px;								
}

.footer-contact-row a{
	text-transform:none;				
}

@media all and (max-width: 767px){
	.footer-info-senden, .footer-info-returns, .footer-info-payment{
		text-align:center;
		margin-bottom:50px;
	}
	.footer-info-senden img, .footer-info-returns img, .footer-info-payment img{
		display:block;
		margin:0 auto 15px auto;
	}
}


/*##############*/
/* ####### SUBPAGE HEADER */
/*##############*/
.page-header {
    margin: 0px auto 15px auto;
    padding-bottom: 0px;
    border: none;
}

.page-title {
	clear: both;
}
.page-title h1,
#category-name h1{
    color: #000;
    text-transform: uppercase;
	font-weight: 700;
	padding: 0px;
	margin:0px;
	text-align:left;
}
.page-title h1{
	margin-top: 25px;	
}
.page-breadcrumb{
	
}
.page-header .breadcrumb{
	margin: 0px;
	margin-left:-15px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: none;
}


/*############################*/
/* ############## BREADCRUMB */
/*############################*/
.breadcrumb {
	margin: 15px 0 15px 0;
	padding: 0px 0;
	border: none;
	background-color: #fff;
    border-radius: 0px;
}
@media (max-width: 767px) {
	.breadcrumb {
		margin: 10px 0 0px 0;
	}
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: none;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
	color:#c2c2c2;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	right: -5px;
	width: 16px;
	height: 16px;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.breadcrumb > li > a{
	color:#c2c2c2;				
}
.pagination {
	margin: 0;
}
	


/*############################*/
/* ############## COLUMNS */
/*############################* */
#column-left{
	padding-top:0px;
}

#column-right{
	margin-top:0px;
	padding-top:0px;				
}
#column-right .list-group{
	background:#f6f6f8;	
	padding:15px;			
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}