/* ------------------------------------------- template -------------------------------------------------- */
html                { height: 100%; }

body                { min-height: 100%; }

body, div, p, span, article, section, header, footer {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

/* -- header tag template -- */

h6                  { font-size: 1.4em; }

h5                  { font-size: 1.6em; }

h4                  { font-size: 1.8em; }

h3                  { font-size: 2.2em; }

h2                  { font-size: 2.6em; }

h1                  { font-size: 3.0em; }

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
}

img.centered
{
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* -- margin template -- */
.margin-0           { margin: 0px;         }
.margin-10          { margin: 10px;        }
.margin-20          { margin: 20px;        }
.margin-30          { margin: 30px;        }

.margin-top-0       { margin-top: 0px;     }
.margin-top-10      { margin-top: 10px;    }
.margin-top-20      { margin-top: 20px;    }
.margin-top-30      { margin-top: 30px;    }
.margin-top-50      { margin-top: 50px;    }

.margin-right-0     { margin-right: 0px;   }
.margin-right-10    { margin-right: 10px;  }
.margin-right-20    { margin-right: 20px;  }
.margin-right-30    { margin-right: 30px;  }

.margin-bottom-0    { margin-bottom: 0px;  }
.margin-bottom-10   { margin-bottom: 10px; }
.margin-bottom-20   { margin-bottom: 20px; }
.margin-bottom-30   { margin-bottom: 30px; }
.margin-bottom-60   { margin-bottom: 60px; }
.margin-bottom-100   { margin-bottom: 100px; }

.margin-left-0      { margin-left: 0px;    }
.margin-left-10     { margin-left: 10px;   }
.margin-left-20     { margin-left: 20px;   }
.margin-left-30     { margin-left: 30px;   }

/* -- padding template -- */
.padding-0          { padding: 0px;         }
.padding-10         { padding: 10px;        }
.padding-20         { padding: 20px;        }
.padding-30         { padding: 30px;        }

.padding-top-0      { padding-top: 0px;     }
.padding-top-5      { padding-top: 5px;     }
.padding-top-10     { padding-top: 10px;    }
.padding-top-15     { padding-top: 15px;    }
.padding-top-20     { padding-top: 20px;    }
.padding-top-30     { padding-top: 30px;    }

.padding-right-0    { padding-right: 0px;   }
.padding-right-5    { padding-right: 5px;   }
.padding-right-10   { padding-right: 10px;  }
.padding-right-20   { padding-right: 20px;  }
.padding-right-30   { padding-right: 30px;  }

.padding-bottom-0   { padding-bottom: 0px;  }
.padding-bottom-10  { padding-bottom: 10px; }
.padding-bottom-20  { padding-bottom: 20px; }
.padding-bottom-30  { padding-bottom: 30px; }
.padding-bottom-40  { padding-bottom: 40px; }

.padding-left-0     { padding-left: 0px;    }
.padding-left-5     { padding-left: 5px;    }
.padding-left-10    { padding-left: 10px;   }
.padding-left-20    { padding-left: 20px;   }
.padding-left-30    { padding-left: 30px;   }

/* font weight */
.font-weight-300,
.font-weight-light {
    font-weight: 300;
}

.font-weight-400,
.font-weight-normal {
    font-weight: 400;
}

.font-weight-700,
.font-weight-bold {
    font-weight: 700;
}

/* visibility */
.hidden             { display: none;         }

/* element alignment */
.inline-block       { display: inline-block; }

.inline             { display: inline;       }

.block              { display: block;        }

/* border */
.border-red         { border: 1px solid #FF0000; }


/* --------------------------------------------- page ---------------------------------------------------- */
header {
    
}

aside {
    
}

section {
    
}

article {
    
}

footer {
    
}

/* content */
#site-content {
    min-height:288px;
}

p { padding-bottom: 10px; }

.media-thumbnail{
	padding: 0 10px 20px 10px !important;
}

.media-thumbnail img{
	border: 1px solid #ccc;
}

.media-thumnail-container{
	padding: 0 10px 0 10px !important;
}

#media-main-image{
	height: 560px;
	width: 100%;
	border: 1px solid #ccc;
}

/* -------------------------------------------------- firefox hack --------------------------------------- */
@-moz-document url-prefix() { 
}

/* ------------------------------------------- custom media ---------------------------------------------- */
/* Bootstrap ---------- */
/*   XS   */
@media only screen 
and (max-width : 767px) {
	#spasi{
		height: 10px !important;
	}
	
	.lightgallery{
		width: 100%;
	}

    /* padding for XS screen only */
    .padding-xs-0           { padding: 0px;         }
    .padding-xs-10          { padding: 10px;        }
    .padding-xs-20          { padding: 20px;        }
    .padding-xs-30          { padding: 30px;        }
    
    .padding-top-xs-0       { padding-top: 0px;     }
    .padding-top-xs-10      { padding-top: 10px;    }
    .padding-top-xs-20      { padding-top: 20px;    }
    .padding-top-xs-30      { padding-top: 30px;    }
    
    .padding-right-xs-0     { padding-right: 0px;   }
    .padding-right-xs-10    { padding-right: 10px;  }
    .padding-right-xs-20    { padding-right: 20px;  }
    .padding-right-xs-30    { padding-right: 30px;  }
    
    .padding-bottom-xs-0    { padding-bottom: 0px;  }
    .padding-bottom-xs-10   { padding-bottom: 10px; }
    .padding-bottom-xs-20   { padding-bottom: 20px; }
    .padding-bottom-xs-30   { padding-bottom: 30px; }
    
    .padding-left-xs-0      { padding-left: 0px;    }
    .padding-left-xs-10     { padding-left: 10px;   }
    .padding-left-xs-20     { padding-left: 20px;   }
    .padding-left-xs-30     { padding-left: 30px;   }
   
    /* margin for XS screen only */
    .margin-xs-0            { margin: 0px;          }
    .margin-xs-10           { margin: 10px;         }
    .margin-xs-20           { margin: 20px;         }
    .margin-xs-30           { margin: 30px;         }
    
    .margin-top-xs-0        { margin-top: 0px;      }
    .margin-top-xs-10       { margin-top: 10px;     }
    .margin-top-xs-20       { margin-top: 20px;     }
    .margin-top-xs-30       { margin-top: 30px;     }
    
    .margin-right-xs-0      { margin-right: 0px;    }
    .margin-right-xs-10     { margin-right: 10px;   }
    .margin-right-xs-20     { margin-right: 20px;   }
    .margin-right-xs-30     { margin-right: 30px;   }
    
    .margin-bottom-xs-0     { margin-bottom: 0px;   }
    .margin-bottom-xs-10    { margin-bottom: 10px;  }
    .margin-bottom-xs-20    { margin-bottom: 20px;  }
    .margin-bottom-xs-30    { margin-bottom: 30px;  }
    
    .margin-left-xs-0       { margin-left: 0px;     }
    .margin-left-xs-10      { margin-left: 10px;    }
    .margin-left-xs-20      { margin-left: 20px;    }
    .margin-left-xs-30      { margin-left: 30px;    }
   
    /* Styles */
	body{
		padding-top: 55px;
	}
	
	.navbar-default{
		border-color: #e7e7e7 !important;
	}

	.navbar-nav > li{display: block !important;}
	
	.top-nav-collapse .navbar-nav{float: none !important;}
	
	.shape.left {
		max-width: 90%;
		padding: 30px 10px !important;
	}
	.shape.left img{
		max-width: 100px !important;
	}
	.shape.right {
		max-width: 90%;
		padding: 50px 10px !important;
	}
	
	.shape.right img{
		max-width: 150px !important;
	}
	
	#promotions img{left: 0 !important; margin-bottom: 10px;}
	
	#events img{ height: auto !important;}
	
	#promotions .img_wrapper{margin-top: 0 !important;}
	
	.clients-section{text-align: center !important;}
	
	.footer-section{padding-left: 0 !important; padding-right: 0 !important;}
	
	#clients img{margin: 20px 0 !important;}
	
	#instagram-response img{
		display: inline-block;
	}

	#media-main-image{
		height: auto;
		width: auto;
		margin-bottom: 20px;
	}

	.media-thumbnail{
		padding: 0 5px 10px 5px !important;
	}

	.media-thumnail-container{
		padding: 0 !important;
	}
}

/*   SM   */
@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {
	#img-logo{
		width: 130px;
		height: auto;
	}
	
    .container              { width: 100%;          }
    
    /* padding for SM screen only */
    .padding-sm-0           { padding: 0px;         }
    .padding-sm-10          { padding: 10px;        }
    .padding-sm-20          { padding: 20px;        }
    .padding-sm-30          { padding: 30px;        }
    
    .padding-top-sm-0       { padding-top: 0px;     }
    .padding-top-sm-10      { padding-top: 10px;    }
    .padding-top-sm-20      { padding-top: 20px;    }
    .padding-top-sm-30      { padding-top: 30px;    }
    
    .padding-right-sm-0     { padding-right: 0px;   }
    .padding-right-sm-10    { padding-right: 10px;  }
    .padding-right-sm-20    { padding-right: 20px;  }
    .padding-right-sm-30    { padding-right: 30px;  }
    
    .padding-bottom-sm-0    { padding-bottom: 0px;  }
    .padding-bottom-sm-10   { padding-bottom: 10px; }
    .padding-bottom-sm-20   { padding-bottom: 20px; }
    .padding-bottom-sm-30   { padding-bottom: 30px; }
    
    .padding-left-sm-0      { padding-left: 0px;    }
    .padding-left-sm-10     { padding-left: 10px;   }
    .padding-left-sm-20     { padding-left: 20px;   }
    .padding-left-sm-30     { padding-left: 30px;   }
    
    /* margin for SM screen only */
    .margin-sm-0            { margin: 0px;          }
    .margin-sm-10           { margin: 10px;         }
    .margin-sm-20           { margin: 20px;         }
    .margin-sm-30           { margin: 30px;         }
    
    .margin-top-sm-0        { margin-top: 0px;      }
    .margin-top-sm-10       { margin-top: 10px;     }
    .margin-top-sm-20       { margin-top: 20px;     }
    .margin-top-sm-30       { margin-top: 30px;     }
    
    .margin-right-sm-0      { margin-right: 0px;    }
    .margin-right-sm-10     { margin-right: 10px;   }
    .margin-right-sm-20     { margin-right: 20px;   }
    .margin-right-sm-30     { margin-right: 30px;   }
    
    .margin-bottom-sm-0     { margin-bottom: 0px;   }
    .margin-bottom-sm-10    { margin-bottom: 10px;  }
    .margin-bottom-sm-20    { margin-bottom: 20px;  }
    .margin-bottom-sm-30    { margin-bottom: 30px;  }
    
    .margin-left-sm-0       { margin-left: 0px;     }
    .margin-left-sm-10      { margin-left: 10px;    }
    .margin-left-sm-20      { margin-left: 20px;    }
    .margin-left-sm-30      { margin-left: 30px;    }
   
    /* Styles */
	.nav > li > a {
		padding: 10px 9px !important;
		font-size: 11px;
	}
	#promotions img{left: 0 !important;}
	.footer-section{padding-left: 0 !important; padding-right: 0 !important;}
	.inside.bg-white{background: #fff;}
	
	#promotions .img_wrapper a, #clients img{margin: 0 10px !important; }

	#media-main-image{
		height: 420px;
	}
}

/*   MD   */
@media only screen 
and (min-width : 992px) 
and (max-width : 1199px) {
    .container              { width: 100%;          }
    
    /* padding for MD screen only */
    .padding-md-0           { padding: 0px;         }
    .padding-md-10          { padding: 10px;        }
    .padding-md-20          { padding: 20px;        }
    .padding-md-30          { padding: 30px;        }
    
    .padding-top-md-0       { padding-top: 0px;     }
    .padding-top-md-10      { padding-top: 10px;    }
    .padding-top-md-20      { padding-top: 20px;    }
    .padding-top-md-30      { padding-top: 30px;    }
    
    .padding-right-md-0     { padding-right: 0px;   }
    .padding-right-md-10    { padding-right: 10px;  }
    .padding-right-md-20    { padding-right: 20px;  }
    .padding-right-md-30    { padding-right: 30px;  }
    
    .padding-bottom-md-0    { padding-bottom: 0px;  }
    .padding-bottom-md-10   { padding-bottom: 10px; }
    .padding-bottom-md-20   { padding-bottom: 20px; }
    .padding-bottom-md-30   { padding-bottom: 30px; }
    
    .padding-left-md-0      { padding-left: 0px;    }
    .padding-left-md-10     { padding-left: 10px;   }
    .padding-left-md-20     { padding-left: 20px;   }
    .padding-left-md-30     { padding-left: 30px;   }
    
    /* margin for MD screen only */
    .margin-md-0            { margin: 0px;          }
    .margin-md-10           { margin: 10px;         }
    .margin-md-20           { margin: 20px;         }
    .margin-md-30           { margin: 30px;         }
    
    .margin-top-md-0        { margin-top: 0px;      }
    .margin-top-md-10       { margin-top: 10px;     }
    .margin-top-md-20       { margin-top: 20px;     }
    .margin-top-md-30       { margin-top: 30px;     }
    
    .margin-right-md-0      { margin-right: 0px;    }
    .margin-right-md-10     { margin-right: 10px;   }
    .margin-right-md-20     { margin-right: 20px;   }
    .margin-right-md-30     { margin-right: 30px;   }
    
    .margin-bottom-md-0     { margin-bottom: 0px;   }
    .margin-bottom-md-10    { margin-bottom: 10px;  }
    .margin-bottom-md-20    { margin-bottom: 20px;  }
    .margin-bottom-md-30    { margin-bottom: 30px;  }
    
    .margin-left-md-0       { margin-left: 0px;     }
    .margin-left-md-10      { margin-left: 10px;    }
    .margin-left-md-20      { margin-left: 20px;    }
    .margin-left-md-30      { margin-left: 30px;    }
    
    /* Styles */
	.nav > li > a {
		padding: 10px 9px !important;
		font-size: 12px;
	}
	
	.inside.bg-white{background: #fff;}
	
	#promotions .img_wrapper a, #clients img{margin: 0 10px !important; }

	#media-main-image{
		height: 420px;
	}
}

/*   LG   */
@media only screen 
and (min-width : 1200px) {
    /* padding for LG screen only */
	.container{
		width : 960px;
	}
	
    .padding-lg-0           { padding: 0px;         }
    .padding-lg-10          { padding: 10px;        }
    .padding-lg-20          { padding: 20px;        }
    .padding-lg-30          { padding: 30px;        }
    
    .padding-top-lg-0       { padding-top: 0px;     }
    .padding-top-lg-10      { padding-top: 10px;    }
    .padding-top-lg-20      { padding-top: 20px;    }
    .padding-top-lg-30      { padding-top: 30px;    }
    
    .padding-right-lg-0     { padding-right: 0px;   }
    .padding-right-lg-10    { padding-right: 10px;  }
    .padding-right-lg-20    { padding-right: 20px;  }
    .padding-right-lg-30    { padding-right: 30px;  }
    
    .padding-bottom-lg-0    { padding-bottom: 0px;  }
    .padding-bottom-lg-10   { padding-bottom: 10px; }
    .padding-bottom-lg-20   { padding-bottom: 20px; }
    .padding-bottom-lg-30   { padding-bottom: 30px; }
    
    .padding-left-lg-0      { padding-left: 0px;    }
    .padding-left-lg-10     { padding-left: 10px;   }
    .padding-left-lg-20     { padding-left: 20px;   }
    .padding-left-lg-30     { padding-left: 30px;   }
    
    /* margin for LG screen only */
    .margin-lg-0            { margin: 0px;          }
    .margin-lg-10           { margin: 10px;         }
    .margin-lg-20           { margin: 20px;         }
    .margin-lg-30           { margin: 30px;         }
    
    .margin-top-lg-0        { margin-top: 0px;      }
    .margin-top-lg-10       { margin-top: 10px;     }
    .margin-top-lg-20       { margin-top: 20px;     }
    .margin-top-lg-30       { margin-top: 30px;     }
    
    .margin-right-lg-0      { margin-right: 0px;    }
    .margin-right-lg-10     { margin-right: 10px;   }
    .margin-right-lg-20     { margin-right: 20px;   }
    .margin-right-lg-30     { margin-right: 30px;   }
    
    .margin-bottom-lg-0     { margin-bottom: 0px;   }
    .margin-bottom-lg-10    { margin-bottom: 10px;  }
    .margin-bottom-lg-20    { margin-bottom: 20px;  }
    .margin-bottom-lg-30    { margin-bottom: 30px;  }
    
    .margin-left-lg-0       { margin-left: 0px;     }
    .margin-left-lg-10      { margin-left: 10px;    }
    .margin-left-lg-20      { margin-left: 20px;    }
    .margin-left-lg-30      { margin-left: 30px;    }
   
    /* Styles */
	.inside.bg-white{background: #fff;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	#logo {
		margin: 0 auto;
	}
	#login-section{
		margin-top:20px
	}
	.product_hover {
		/* margin-left: 1.33%;
		margin-right: 1.33%;
		width: 97%; */
	}
	.flexslider .slides img {
		height: 170px;
	}
	#wishlist-btn{
		margin-top:10px;
	}
	
	/*Override Magnific Pop Up*/
	/*.mfp-content{
		vertical-align:top !important;
	}
	.mfp-iframe-scaler iframe{
		height:400px !important;
	}*/
	.mfp-iframe-holder .mfp-content{
		height:100%;
	}
}

@media only screen 
and (max-width : 640px) {
	/*Override Magnific Pop Up*/
	.mfp-iframe-holder .mfp-content{
		height:100%;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
	#logo {
		margin: 0 auto;
	}
	#login-section{
		margin-top:20px
	}
	.product_hover {
		/* margin-left: 1.33%;
		margin-right: 1.33%;
		width: 97%; */
	}
	.flexslider .slides img {
		height: 170px;
	}
	#wishlist-btn{
		margin-top:10px;
	}
	
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
	#logo {
		margin: 0 auto;
	}
	#login-section{
		margin-top:20px
	}
	.product_hover {
		/* margin-left: 1.33%;
		margin-right: 1.33%;
		width: 97%; */
	}
	.flexslider .slides img {
		height: 170px;
	}
	#wishlist-btn{
		margin-top:10px;
	}
	
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
	#logo {
		margin: 0;
	}
	#login-section{
		float:right;
		margin-top: 0;
	}
	 .container { max-width: 750px; }
	/* .container-fluid{
		padding-left:150px;
		padding-right:180px;
	} */
	.product_hover {
		/* margin-left:0;
		margin-right: 1.33%;
		width: 24%; */
	}
	.flexslider .slides img {
		height: 200px;
	}
	#wishlist-btn{
		margin-top:10px;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
	#logo {
		margin: 0;
	}
	#login-section{
		float:right;
		margin-top: 0;
	}
	 .container { max-width: 750px; }
	/* .container-fluid{
		padding-left:150px;
		padding-right:180px;
	} */
	.product_hover {
		/* margin-left:0;
		margin-right: 1.33%;
		width: 24%; */
	}
	.flexslider .slides img {
		height: 200px;
	}
	#wishlist-btn{
		margin-top:10px;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	#logo {
		margin: 0;
	}
	#login-section{
		float:right;
		margin-top: 0;
	}
	 .container { max-width: 750px; }
	/* .container-fluid{
		padding-left:150px;
		padding-right:180px;
	} */
	.product_hover {
		/* margin-left:0;
		margin-right: 1.33%;
		width: 24%; */
	}
	.flexslider .slides img {
		height: 200px;
	}
	#wishlist-btn{
		margin-top:10px;
	}
}

/* Custom ----------- */
@media only screen 
and (min-device-width : 980px) 
and (max-device-width : 1280px) {
/* Styles */
	.container-fluid{
		padding-left:100px;
		padding-right:100px;
	}
	
}

@media only screen 
and (min-device-width : 980px) 
and (max-device-width : 1279px) {
/* Styles */
	.margin-top-980-1280{
		margin-top:10px;
	}
}


/* Desktops and laptops ----------- */
/*@media only screen 
and (min-width : 1224px) {
/* Styles 
	#logo {
		margin: 0;
	}
	#login-section{
		float:right;
		margin-top: 0;
	}
	 .container { max-width: 1050px; }
	.container-fluid{
		padding-left:130px;
		padding-right:130px;
	}
	.product_hover {
		/* margin-left:0;
		margin-right: 1.33%;
		width: 24%; 
	}
	.flexslider .slides img {
		height: 250px;
	}
	#wishlist-btn{
		margin-top:0;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	#logo {
		margin: 0;
	}
	#login-section{
		float:right;
		margin-top: 0;
	}
	.container-fluid{
		padding-left:150px;
		padding-right:180px;
	}
	.product_hover {
		/* margin-left:0;
		margin-right: 1.33%;
		width: 24%; */
	}
	.flexslider .slides img {
		height: 250px;
	}
	#wishlist-btn{
		margin-top:0;
	}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/*   custom   */
@media only screen 
and (min-width : 1025px) {
	.container{
		width : 960px;
	}

	#media-main-image{
		height: 560px;
	}
}

/* Content Align */
.align-left{
	text-align:left;
}

.align-center{
	text-align:center;
}

.align-right{
	text-align:right;
}

.valign-top{
	vertical-align:top;
}
.valign-middle{
	vertical-align:middle;
}
.valign-bottom{
	vertical-align:bottom;
}

.navbar.navbar-default{
	background:#fff;
}
.navbar-default .navbar-nav > li > a {
	color:#000;
}
.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
}

.navbar-toggle {
    background-color: #ddd;
}

fieldset {
    border: 1px solid #000;
    margin: 0;
    min-width: 0;
    padding: 10px;
	margin-bottom:10px;
}

legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
	margin-bottom:0;
}

.color-red{
	color:#FF0000;
}

.color-green{
	color:#00CC00;
}