========================================================================== */
/* RESET CSS
/* ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section
{
	display: block;
}

.preloader
{
	display: none;
	background-image: url("../img/canipow_logo.png");
	height: 100px;
	width: 100px;
}

.rev_slider_wrapper
{
	height: 350px;
	background: #FAB10D none no-repeat scroll center center / cover;
	background-image: url("../pic/slider_bgr.jpg");
	margin-bottom: 0px;
  -webkit-transition: height 0.6s ease;
	transition: height 0.6s ease;
}


/* ========================================================================== */
/* FONTS
/* ========================================================================== */
/*
@font-face
{
    font-family: 'OpenSans-Light';
    src: url('fonts/opensans/OpenSans-Light.eot');
    src: url('fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Light.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Light.woff') format('woff'),
         url('fonts/opensans/OpenSans-Light.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face
{
    font-family: 'OpenSans-Regular';
    src: url('fonts/opensans/OpenSans-Regular.eot');
    src: url('fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Regular.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'OpenSans-Semibold';
    src: url('fonts/opensans/OpenSans-Semibold.eot');
    src: url('fonts/opensans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Semibold.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Semibold.woff') format('woff'),
         url('fonts/opensans/OpenSans-Semibold.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'OpenSans-Bold';
    src: url('fonts/opensans/OpenSans-Bold.eot');
    src: url('fonts/opensans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Bold.woff') format('woff'),
         url('fonts/opensans/OpenSans-Bold.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face
{
    font-family: 'OpenSans-Extrabold';
    src: url('fonts/opensans/OpenSans-Extrabold.eot');
    src: url('fonts/opensans/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Extrabold.woff2') format('woff2'),
         url('fonts/opensans/OpenSans-Extrabold.woff') format('woff'),
         url('fonts/opensans/OpenSans-Extrabold.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/



/*
@font-face
{
    font-family: 'RobotoSlab-Thin';
    src: url('fonts/robotoslab/RobotoSlab-Thin.eot');
    src: url('fonts/robotoslab/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab/RobotoSlab-Thin.woff2') format('woff2'),
         url('fonts/robotoslab/RobotoSlab-Thin.woff') format('woff'),
         url('fonts/robotoslab/RobotoSlab-Thin.ttf') format('truetype'),
         url('fonts/robotoslab/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'RobotoSlab-Light';
    src: url('fonts/robotoslab/RobotoSlab-Light.eot');
    src: url('fonts/robotoslab/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab/RobotoSlab-Light.woff2') format('woff2'),
         url('fonts/robotoslab/RobotoSlab-Light.woff') format('woff'),
         url('fonts/robotoslab/RobotoSlab-Light.ttf') format('truetype'),
         url('fonts/robotoslab/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face
{
    font-family: 'RobotoSlab-Regular';
    src: url('fonts/robotoslab/RobotoSlab-Regular.eot');
    src: url('fonts/robotoslab/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab/RobotoSlab-Regular.woff2') format('woff2'),
         url('fonts/robotoslab/RobotoSlab-Regular.woff') format('woff'),
         url('fonts/robotoslab/RobotoSlab-Regular.ttf') format('truetype'),
         url('fonts/robotoslab/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'RobotoSlab-Bold';
    src: url('fonts/robotoslab/RobotoSlab-Bold.eot');
    src: url('fonts/robotoslab/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotoslab/RobotoSlab-Bold.woff2') format('woff2'),
         url('fonts/robotoslab/RobotoSlab-Bold.woff') format('woff'),
         url('fonts/robotoslab/RobotoSlab-Bold.ttf') format('truetype'),
         url('fonts/robotoslab/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ========================================================================== */
/* RESET
/* ========================================================================== */
html
{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body
{
	font-family: "OpenSans-Regular", sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	color: #666;
	padding-top: 155px; 
}

#homepage 
{
		padding-top: 110px; 
}

@media (min-width: 560px) 
{
	body
	{
	}
}

@media (min-width: 768px) 
{
	body,
	#homepage body
	{
		font-size: 15px;
		line-height: 22px;
		padding-top: 182px; 
	}
}

@media (min-width: 992px) 
{
	body
	{
		padding-top: 182px; 
	}
	
	#homepage 
	{
		padding-top: 126px; 
	}	
}

img
{
	/* Responsive images (ensure images don't scale beyond their parents) */
	max-width: 100%;
	/* Part 1: Set a maxium relative to the parent */
	/*width: auto\9; */
	/* IE7-8 need help adjusting responsive images */
	height: auto;
	/* Part 2: Scale the height according to the width, otherwise you get stretching */
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}


/* ========================================================================== */
/* TYPOGAPHY
/* ========================================================================== */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-family: "RobotoSlab-Bold", sans-serif;
	color: #444;
	text-transform: none;
}

h1
{
	font-size: 38px; 
	line-height: 44px;
	margin: 0px 0px 12px 0px;	 
}

h2
{
	font-size: 38px; 
	line-height: 44px;
	margin: 0px 0px 12px 0px;	 
}

h3
{
	font-size: 32px; 
	line-height: 36px;
	margin-bottom: 10px; 
}

h4
{
	font-size: 22px; 
	line-height: 27px;
	margin-bottom: 5px;
}
	
h5
{ 
	font-size: 20px; 
	line-height: 26px; 
	margin-bottom: 5px;
}
	
h6
{ 
	font-size: 16px; 
	line-height: 20px; 
	margin-bottom: 2px;
}
	
p
{
	margin-bottom: 20px;
	/*text-align: justify;*/
}

em
{
	font-style: italic;
}

strong
{
	/*
	color: #222;
	*/
	
	/* font-weight: normal;*/
	font-family: 'OpenSans-Semibold';
}

small
{
	font-size: 90%;
}
	
sub
{ 
	vertical-align: sub; 
	font-size: 75%; 
}
	
sup
{ 
	vertical-align: super;
	font-size: 35%; 
}
	
p.last,
h1.last,
h2.last,
h3.last,
h4.last,
h5.last
{
	margin-bottom: 0;
}


/* ========================================================================== */
/* TYPOGAPHY - LINKS
/* ========================================================================== */
a
{ 
	color: #43C3EA;
	text-decoration: none; 
}
	
a:visited
{ 
	text-decoration: none; 
}

/* Remove the gray background color from active links in IE 10. */
a:active
{
	background: transparent; /* 1 */
}
	
a:hover, 
a:focus
{
	outline: 0; 
	text-decoration: none;
}	


/* ========================================================================== */
/* TYPOGAPHY - LISTS
/* ========================================================================== */
ul
{ 
	list-style-type: disc;
	margin-bottom: 20px; 
	margin-left: 25px;
}

li
{
}


/* ========================================================================== */
/* PRODUCT LOGOS
/* ========================================================================== */
.product-logos
{
	margin: 60px 0px 0px 0px;
	padding: 23px 0px 20px 0px;
	background: #f9f9f9;
	border-top: 1px solid #e8e8e8;
}

.product-logos img
{
	opacity: 0.8;
	padding: 0px 25px 0px 25px;
}

/* ========================================================================== */
/* GOOGLE MAPS
/* ========================================================================== */
#gmap
{
	height: 450px;
	background-color: #eee;
	margin-bottom: 0px;
	border-top: 1px solid #eee;
}

#gmap-info
{
	height: 450px;
	background-color: #eee;
	margin-bottom: 0px;
	border-top: 1px solid #eee;
}

@media (min-width: 992px)
{
	#gmap-info
	{
		height: 750px;
	}
}

/* ========================================================================== */
/* HEADER
/* ========================================================================== */
#header
{
	padding: 0px 0px 0px 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 900;	
	background: #fff;
}


#header-scroll
{

}

.header-top
{
	background: #EEE;
	color: #7A7A7A;
	padding: 0px;
	height: 45px;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}

.header-top .header-top-info
{
	float: left;
	width:auto;
	padding: 10px 0px 0px 0px;
	font-weight: 600;
	
}

.header-top .header-top-social
{
	float: left;
	width: 170px;
}

.header-top .header-top-social ul
{
	padding: 0px;
	margin: 0px;
}

.header-top .header-top-social li
{
	border-right: 1px solid #D5D5D5;
	float: left;
	display: block; 
}

.header-top .header-top-social li a
{
	color: #7A7A7A; 
}

.header-top .header-top-social li:first-child
{
	border-left: 1px solid #DDD;
}

.header-top .header-top-social i
{
	text-align: center;
	font-size:1em;
	line-height: 45px;
	height: 45px;
	width: 40px;
  -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;
}

.header-top .header-top-social i:hover
{
	background-color: #ddd;
	/*
	color: #FFA70D;
	/*
	color: #3a3a3b;
	background-color: #FFCC00;
	*/
	cursor: pointer;
}

.header-top .header-top-account
{
	float: right;
	width:auto;
	padding: 0px 16px 0px 0px;
	font-size: 13px;
	line-height: 45px;
	border-right: 1px solid #d5d5d5;
}

.header-top .header-top-account i
{
	font-size:16px;
	padding: 0px 3px 0px 0px;
}



/* ========================================================================== */
/* HEADER CART INFO
/* ========================================================================== */
.header-top .header-top-cart
{
	float: right;
	padding: 0px 5px 0px 18px;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	line-height: 45px;
	border-right: 1px solid #d5d5d5;
}

.header-top .header-top-cart i 
{
	font-size:28px;
	position: relative;
	cursor: pointer;	
}

.header-top .header-top-cart a
{
	color: #7A7A7A;
}

.header-top .header-top-cart #cart-count
{
	font-family: "OpenSans-Regular", "OpenSans", sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
	position: absolute;
	top:6px;
	left: 8px;
	background-color: #F7941D;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	text-align: center;
	box-shadow: 0px 0px 2px rgba(255, 255, 255, 1.0);
}

.header-top .header-top-cart .cart-icon
{
	padding: 4px 0px 0px 0px;
	float: left;
}


.header-top .header-top-cart .cart-open-close
{
	padding: 2px 15px 0px 18px;
	float: left;
	cursor: pointer;	
}

.header-top .header-top-cart .cart-open-close i
{
	font-size:16px;
	line-height: 18px;
}


#cart-info-content
{
	display: none;
	background-color: #fff;
	width: 95%;
	overflow: hidden;
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 0px;
	right: 10px;
	-webkit-box-shadow: 0px 4px 12px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 4px 12px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 4px 12px rgba(50, 50, 50, 0.25);
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e1e1e1;
	z-index: 900;
}


@media (min-width: 560px) 
{
	#cart-info-content
	{
		width: 420px;
	}
}


#cart-info-content .cart-info-head
{
	font-family: "OpenSans-Regular", "OpenSans", sans-serif;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	background-color: #fff;
	color: #444;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	width: 100%;
	
}

#cart-info-content .cart-info-foot
{
	overflow: hidden;
	padding: 0px 12px 13px 12px;
}

#cart-info-content #cart-info-items
{
	padding: 25px 10px 10px 10px;
	max-height: 500px;
	overflow-y: scroll;	
}


#cart-info-content .cart-item
{
	overflow: hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #eee;
	position: relative;
}

#cart-info-content .cart-item:last-child
{
	margin: 0px 0px 0px 0px;
}
#cart-info-content .cart-item-image
{
	width: 70px;
	margin: 0px auto;
	margin: 0px 10px 0px 0px;
	float: left;
}

#cart-info-content .cart-item-image-frame
{
	width: 100%;
  height: 0px;
	padding-bottom: 100%; /* 1:1 */
	margin: 0px 0px 0px 0px;
	border: 1px none #e8e8e8;
	position: relative;
	overflow: hidden;
}

#cart-info-content .cart-item-image-frame img
{
	padding: 0px;
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transition: all 0.5s ease 0.2s;
}


#cart-info-content .cart-item-text
{
	font-size: 13px;
	line-height: 17px;
	overflow: hidden;
}

#cart-info-content .cart-item-text h4,
#cart-info-content .cart-item-text h4 a
{
	font-family: "OpenSans-Semibold", sans-serif;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	color: #444;
	font-size: 14px;
	line-height: 16px;
	margin: 2px 2px 8px 0px;
}

#cart-info-content .cart-item-text h4 a:hover
{
	text-decoration: none;
}
#cart-info-content .cart-item-qty
{
	color: #888;
	float: left;
}

#cart-info-content .cart-item-price
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 15px;
	line-height: 16px;
	color: #009ddb;
	float: right;
	margin: 0px 4px 0px 0px;
}

#cart-info-content a:active,
#cart-info-content a:hover
{
	text-decoration: none;
}


#cart-info-content .btn-buy
{
	background: #009ddb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-family: "OpenSans-Semibold", sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin: 5px 0px 0px 8px;
	padding: 11px 18px 13px 18px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: right;
}



#cart-info-content .btn-buy a
{
	color: #fff;
}

#cart-info-content .btn-buy:hover
{
	background-color: #0782B7;
	background-color: #3A3A3B;
}

#cart-info-content .btn-close
{
	background: #009ddb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-family: "OpenSans-Semibold", sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin: 5px 0px 0px 8px;
	padding: 11px 18px 13px 18px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: right;
}

#cart-info-content .btn-close:hover
{
	background-color: #0782B7;
	background-color: #3A3A3B;
}

.blink_me
{
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: blinker;
	-moz-animation-duration: 0.3s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;

	animation-name: blinker;
	animation-duration: 0.3s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
}

@-moz-keyframes blinker
{  
    0% { color: #fff; }
    50% { color: #222; }
    100% { color: #fff; }
}

@-webkit-keyframes blinker
{  
    0% { color: #fff; }
    50% { color: #222; }
    100% { color: #fff; }
}

@keyframes blinker
{  
    0%   {background-color: #F7941D;}
    50%  {background-color: #fff;}
    100% {background-color: #F7941D;}
}




/* ========================================================================== */
/* HEADER
/* ========================================================================== */
.header-main
{
	font-family: "OpenSans-Regular", sans-serif;
	background: #fff;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #ddd;
	height: 65px;
	box-shadow: 0 10px 15px rgba(120, 120, 120, 0.08);
}

.header-main .header-logo
{
	z-index: 20;
	width: 165px;
	padding: 0px 0px 0px 0px;
	margin: 14px 0px 0px 3px;
	display: block;
	float: left;
}

.header-contact-info
{
	overflow: hidden;
	width: 225px;
	margin: 0px auto;
}

.header-contact-info::before
{
	border-top: 1px solid #eee;
	height: 10px;
	width: 3000px;
	content: "";
	position: absolute;
	left: -1000px;
}

.header-contact-info ul
{
	margin: 0px 0 0px 0px;
	overflow: hidden;
}
.header-contact-info ul li
{
	display: inline-block;
	padding: 13px 20px 0px 0px;
}

.header-contact-info .ico-address::before
{
	font-family: FontAwesome;
	content: "\f041";
	font-size: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 5px;
	color: #43C3EA;
}

.header-contact-info .ico-hours::before
{
	font-family: FontAwesome;
	content: "\f017";
	font-size: 26px;
	line-height: 26px;
	padding: 0px 0px 0px 3px;
	color: #43C3EA;
}

.header-contact-info .ico-email::before
{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 22px;
	line-height: 22px;
	padding: 0px 0px 0px 4px;
	color: #43C3EA;
}

.header-contact-info .iocn-holder
{
	width: 35px;
	padding: 0px 0px 0px 2px;
}

.header-contact-info .iocn-holder,
.header-contact-info .text-holder
{
	display: table-cell;
	vertical-align: middle;
}

.header-contact-info  .text-holder
{
	padding-left: 15px;
}

.header-contact-info .text-holder h4
{
	color: #3d3d3d;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	margin: 3px 0px 0px 0px;
}

.header-contact-info .text-holder p
{
	color: #999999;
	font-size: 14px;
	line-height: 20px; 
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}


@media (min-width: 768px) 
{
	.header-main
	{
		padding: 0px 0px 0px 0px;
	}
		
	.header-contact-info
	{
		overflow: hidden;
		width: 660px;
		margin: 0px auto;
	}	
		
	.header-contact-info ul li
	{
		float: left;
		padding: 20px 40px 0px 0px;
	}
}


@media (min-width: 992px)
{
	.header-main
	{
		height: 82px;
		padding: 0px 0px 0px 0px;
	}
	
	.header-main .header-logo
	{
		width: 215px;
		padding: 16px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	.header-contact-info
	{
		overflow: hidden;
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	
	.header-contact-info::before
	{
		display: none;
	}
	
	.header-contact-info ul li
	{
		float: left;
		width: 33.3333%;
		padding: 13px 0px 0px 0px;
	}
}


/* ========================================================================== */
/* HEADER NAVIGATION
/* ========================================================================== */


/* ========================================================================== */
/* LANGUAGE SELECT
/* ========================================================================== */





/* ========================================================================== */
/* MAIN NAVIGATION - LEVEL 1
/* ========================================================================== */
#main-navigation
{
	float: right;
	display: none;
}

@media only screen and (min-width: 992px)
/*@media only screen and (min-width: 750px)*/
{
	#main-navigation
	{
		display: block;
		margin-top: 0px;
	}
	
	#main-navigation .menu, 
	#main-navigation .menu a
	{
		font-family: "RobotoSlab-Bold", "OpenSans", sans-serif;
		font-size: 19px;
		line-height: 17px;
		text-decoration: none;
	}

	#main-navigation .menu-item-level1
	{
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
	}


	#main-navigation .menu-item-level1 a
	{
		padding: 32px 24px 32px 24px;
		font-weight: normal;
		color: #333;
		background-color: #fff;
		display: block;
	}

	#main-navigation .menu-level1 .menu-item-active
	{
		content: "";
		display: block;
		height: 0px;
		width: 100%;
		margin: 0px auto;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0;
		z-index: 53;
		background-color: #fff;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#main-navigation .menu-level1 :hover
	{
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#main-navigation .menu-level1 :hover .menu-item-active
	{
		background-color: #FFA70D;
		height: 6px;
	}	
	
	/* ========================================================================== */
	/* MAIN NAVIGATION - LEVEL 2
	/* ========================================================================== */
	#main-navigation .menu-level2
	{
		display: block;
		z-index: 1000; /* 1 */
		visibility:hidden;
		min-width: 200px;
		position: absolute;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#main-navigation .menu-item-level2 a
	{
		font-family: "OpenSans-Bold", "OpenSans", sans-serif;
		background-color: #FFA70D;
		color: #fff;
		font-size: 14px;
		padding: 8px 15px 9px 20px;
		-webkit-transition: all 0.3s ease, color 0.3s ease 0.1s;
		transition: all 0.3s ease, color 0.3s ease 0.1s;
		border-bottom: 1px solid #FEBE23;
	}
	
	#main-navigation .menu-item-level1:hover .menu-level2
	{
		visibility: visible;
		opacity: 1;
	}

	#main-navigation .menu-item-level2
	{
		color: #fff;
		background-color: #FFA70D;
		display: block;
		float: none;
	}


	#main-navigation .menu-item-level2 :hover 
	{
		background-color: #FEBE23;
	}


	
}

@media only screen and (min-width: 1280px)
{
	#main-navigation .menu ul > li a
	{
		padding-left: 20px;
		padding-right: 20px;
	}
}



/* ========================================================================== */
/* MOBILE NAVIGATION TRIGGER
/* ========================================================================== */
#mobile-menu-trigger
{ 
	font-size: 24px;
	line-height: 64px;
	width: 64px;
	text-align: center;
	color: #222;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;	
}

@media only screen and (min-width: 992px)
{
	#mobile-menu-trigger
	{ 
		display: none;
	}
}





/* ========================================================================== */
/* MOBILE MENU
/* ========================================================================== */
#mobile-menu
{
	margin: 0;
	background-color: #fff;
	background-color: #ffa70d;
}
	
#mobile-menu ul
{	
	margin: 0;
}

#mobile-menu li
{	
	display: block;
	margin: 0;
}

#mobile-menu > li > ul, 
#mobile-menu > li > ul > li > ul
{
	display: none;
	margin: 0;
}
	
#mobile-menu li a
{
	font-family: "RobotoSlab-Bold", "OpenSans", sans-serif;
	font-family: "OpenSans-Bold", "OpenSans", sans-serif;
	font-size: 15px;
	position: relative;
	display: block;
	padding: 15px 25px 15px 0px;
	border-bottom: 1px solid #e0e0e0;
	border-bottom: 1px solid #febe23;	
	color: #444;
	color: #fff;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	
}
	
#mobile-menu ul a
{
	padding-left: 45px;
	padding: 10px 25px 10px 30px;
}

#mobile-menu ul li ul a 
{
	font-family: "OpenSans-Regualr", "OpenSans", sans-serif;
	font-family: "OpenSans-Semibold", "OpenSans", sans-serif;
	font-size: 14px;
	padding-left: 45px;
}
	
#mobile-menu .mobile-menu-submenu-arrow
{
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	border-left: 1px dotted #eee;
	border-left: 1px dotted #febe23;	
	color: #5C6C6E;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
	
#mobile-menu .mobile-menu-submenu-arrow:hover
{
	color: #2B3233;
	background-color: #fafafa;
	
	color: #fff;
	background-color: #FEBE23
}
	
#mobile-menu li a:hover
{
	
	color: #2B3233;
	background-color: #fafafa;
	
	color: #fff;
	background-color: #FEBE23
}

#mobile-menu
{
	display: none;
}


/* ========================================================================== */
/* PRODUCTS NAVIGATION
/* ========================================================================== */
#products-menu
{
	margin: 45px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #ddd;
}

#products-menu h4
{
	font-family: "OpenSans-Semibold", "OpenSans", sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 17px;
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	color: #444;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 7px 30px 7px 8px;
	margin: 0px 0px 0px 0px;
}

#products-menu ul
{	
	margin: 0;
	padding: 0;
}
	
#products-menu li
{	
	display: block;
	margin: 0;
}

#products-menu ul li a
{
	font-size: 14px;
	line-height: 17px;
	position: relative;
	display: block;
	border-top: 1px solid #ddd;
	color: #666;
	color: #444;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 8px 30px 8px 8px;
}


#products-menu ul ul a 
{
	border: none;
}

#products-menu ul li > ul li a 
{
	color: #666;
	color: #444;
	font-weight: 300;
	font-size: 13px;
	line-height: 15px;
	padding: 8px 0px 8px 20px;
	border-top: 1px solid #eee;
}


#products-menu ul li > ul li > ul li a 
{
	color: #666;
	color: #444;
	font-weight: 300;
	font-size: 13px;
	line-height: 15px;
	padding: 8px 0px 8px 30px;
	border-top: 1px solid #eee;
}

#products-menu .products-submenu-arrow
{
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	border-left: 1px none #f5f5f5;
	color: #999;
	background: none;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	padding: 0px 0px 0px 2px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
#products-menu .products-submenu-arrow:hover
{
	color: #fff;
	background: #FEBE23;
}

	
#products-menu a.active
{
	color: #F7941D;
	background-color: rgba(200, 200, 200, 0.1);
}


#products-menu li a:hover
{
	color: #F7941D;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* ========================================================================== */
/* PRODUCTS SORT ORDER
/* ========================================================================== */
#products-sort
{
	margin: 5px 0px 0px 0px;
	padding: 16px 0px 0px 0px;
	overflow: hidden;
	border-top: 1px none #ddd;
	border-bottom: 1px solid #ddd;
	
	color: #999;
	font-size: 13px;
	line-height: 22px;
}


#products-sort .products-sort-caption
{
	float: left;
	margin: 0px 10px 0px 0px;
}


#products-sort .products-sort-group
{
	margin: 0px 0px 0px 15px;
	overflow: hidden;
	float: right;
}

#products-sort .products-sort-group-controll
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#products-sort .products-sort-group-controll i
{
	color: #999;
	font-size: 22px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

#products-sort .products-sort-group-controll i:hover
{
	color: #666;
}


#products-sort .products-sort-group-name
{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}



/* ========================================================================== */
/* PRODUCTS PROPERTIES HEAD
/* ========================================================================== */
.products-properties-head
{
	margin: 30px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}

.products-properties-head h5
{
	font-family: "OpenSans-Semibold", "OpenSans", sans-serif;
	font-size: 15px; 
	line-height: 18px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 8px;
	text-transform: uppercase;
	float: left;
}

.products-properties-head i
{
	font-size: 20px; 
	line-height: 18px; 
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	cursor: pointer;
	color: #222;
}

/* ========================================================================== */
/* PRODUCTS PROPERTIES
/* ========================================================================== */
#products-properties
{
	margin: 10px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

#products-properties .properties-group
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #eee;
}

#products-properties .properties-group:last-child
{
	border-bottom: none;
}

#products-properties .properties-group-items
{
	padding: 0px 8px 0px 8px;
}

#products-properties h6
{
	font-family: "OpenSans-Semibold", "OpenSans", sans-serif;
	font-size: 14px; 
	line-height: 18px; 
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 8px;
	text-transform: uppercase;
}

@media (min-width: 768px) 
{
	#products-properties
	{
		margin: 15px 0px 0px 0px;
	}

	#products-properties .properties-group
	{
		margin: 0px 0px 25px 0px;
		padding: 0px 0px 25px 0px;
	}
	
	#products-properties h6
	{
		margin: 20px 0px 0px 0px;
	}
}


/* ========================================================================== */
/* PRODUCTS VARIANTS
/* ========================================================================== */
#product-variants
{
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

#product-variants .variants-group
{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#product-variants .variants-group label
{
	font-size: 12px;
	display: block;
	width: 100%;
	color: #999;
}

#product-variants .variants-group select
{
	min-width: 50%;
}

#product-variants .variants-group option
{
	padding: 0px;
	margin: 0px;
}


/* ========================================================================== */
/* TITLE BAR
/* ========================================================================== */
.titlebar
{
	background: #eee none no-repeat scroll center center / cover;
	margin: 0px;
	padding: 45px 0px 8px 0px;
	height: 150px;
	color: #fff;
	overflow: hidden;
}

.titlebar .title-text
{
	float: right;
	font-family: "OpenSans-Regular", sans-serif;
	padding: 0px 10px 0px 0px;
	
}

.titlebar .title-text h3
{
	font-size: 26px;
	color: #fff;
	text-transform: none;
}



/* ========================================================================== */
/* BREADCRUMBS
/* ========================================================================== */
.breadcrumbs
{
	padding: 12px 0px 2px 0px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 14px;
	color: #333;
	/*
	-webkit-box-shadow: 0px 4px 5px 0px rgba(255,255,255,0.8);
	-moz-box-shadow: 0px 4px 5px 0px rgba(255,255,255,0.8);
	box-shadow: 0px 4px 5x 0px rgba(255,255,255,0.8);
	*/
}

.breadcrumbs i
{
	color: #FFA70D;
	padding: 0px 8px 0px 9px;
}

.breadcrumbs .breadcrumbs-links
{
	float: left;
	height: 20px;
	overflow: hidden;
	margin: 0px 0px 2px 0px;
}

.breadcrumbs .breadcrumbs-links a
{
	color: #333;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.breadcrumbs .breadcrumbs-links a:hover
{
	color: #F7941D;
}

.breadcrumbs .breadcrumbs-share
{
	float: right;
}

.breadcrumbs .breadcrumbs-share a,
.breadcrumbs .breadcrumbs-share a i
{
	color: #7a7a7a;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.breadcrumbs .breadcrumbs-share a i
{
	display: inline-block;
	padding-right: 10px;
}

.breadcrumbs .breadcrumbs-share a:hover,
.breadcrumbs .breadcrumbs-share a:hover i
{
	text-decoration: none;
	color: #F7941D;
}

/* ========================================================================== */
/* PAGE
/* ========================================================================== */

.page-main-title
{
	overflow:hidden;
	text-align: center;
	margin: 50px 0px 35px 0px;
}

.page-main-title h1
{
	text-align: center;
}

.page-main-title p
{
	margin-bottom: 0px;
}

.post-header
{
	text-align: center;
	margin-bottom: 30px;
}

.post-body
{

}

.post-notes
{
	font-size: 11px;
	line-height: 15px;
	color: #999;
}



/* ========================================================================== */
/* MAIN PAGE SHOP TITLE
/* ========================================================================== */
.page-shop-title
{
	overflow:hidden;
	text-align: center;
	margin: 20px 0px 35px 0px;
}

.page-shop-title h3
{
	font-family: "RobotoSlab-Bold", sans-serif;
	color: #F7941D;
	text-align: center;
}

.page-shop-title p
{
	margin-bottom: 0px;
}




/* ========================================================================== */
/* CONTENT BANNER
/* ========================================================================== */
.content-banner
{
	margin: 80px 0px 60px 0px;
	background: #FFA70D;
	padding: 35px 0px 10px 0px;
}

.content-banner-image
{
	margin: -80px auto 0px auto;
	max-width: 300px;
}

.content-banner h1,
.content-banner h2
{
	color: #333;
	font-size: 28px; 
	line-height: 35px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.content-banner h4
{
	color: #333;
	font-size: 20px; 
	line-height: 25px;
	margin: 0px 0px 10px 0px;	 
	text-align: center;
}

.content-banner p
{
	font-size: 16px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	color: #333;
	text-align: center;
}

.content-banner-btn
{
	margin: 30px auto 35px auto;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.content-banner ul,
.content-banner-noimage ul
{
	list-style-type: disc;
	margin: 0px 0px 6px 20px; 
}

.content-banner li,
.content-banner-noimage li
{
	color: #333;
}


@media (min-width: 560px) 
{
	.content-banner-image
	{
		margin: -80px 0px -70px 0px;
		max-width: 100%;
	}

	.content-banner h1,
	.content-banner h2
	{
		text-align: left;
	}

	.content-banner h4
	{
		text-align: left;
	}

	.content-banner p
	{
		text-align: left;
	}
	
	.content-banner-btn
	{
		text-align: left;
	}	
}


@media (min-width: 992px)
{
	.content-banner h1,
	.content-banner h2
	{
		font-size: 38px; 
		line-height: 44px;
		text-align: left;
	}

	.content-banner h4
	{
		font-size: 22px; 
		line-height: 27px;
		text-align: left;
	}

	.content-banner p
	{
		font-size: 18px;
		line-height: 22px;
		text-align: left;
	}
}




/* ========================================================================== */
/* CONTENT BANNER
/* ========================================================================== */
.content-banner-noimage
{
	margin: 50px 0px 50px 0px;
	background: #FFA70D;
	padding: 35px 0px 10px 0px;
}

.content-banner-noimage h1,
.content-banner-noimage h2
{
	font-size: 28px; 
	line-height: 35px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.content-banner h4
{
	font-size: 20px; 
	line-height: 25px;
	margin: 0px 0px 10px 0px;	 
	text-align: center;
}

.content-banner-noimage p
{
	font-size: 16px;
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	color: #333;
	text-align: center;
}

.content-banner-noimage-btn
{
	margin: 30px auto 35px auto;
	display: inline-block;
	width: 100%;
	text-align: center;
}


@media (min-width: 992px)
{
	.content-banner-noimage h1,
	.content-banner-noimage h2
	{
		font-size: 38px; 
		line-height: 44px;
	}

	.content-banner-noimage h4
	{
		font-size: 22px; 
		line-height: 27px;
	}

	.content-banner-noimage p
	{
		font-size: 18px;
		line-height: 22px;
	}
}


/* ========================================================================== */
/*FOOTER BANNER
/* ========================================================================== */
.footer-banner
{
	margin: 80px 0px 0px 0px;
	background: #FFA70D;
	padding: 35px 0px 35px 0px;
}

.footer-banner h1
{
	font-size: 30px; 
	line-height: 35px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.footer-banner h4
{
	font-size: 20px; 
	line-height: 25px;
	margin: 0px 0px 15px 0px;	 
	text-align: center;
}

.footer-banner p
{
	font-size: 16px;
	line-height: 22px;
	padding: 0px 0px 20px 0px;
	color: #333;
	text-align: center;
}

@media (min-width: 560px) 
{
	.footer-banner h1
	{
		text-align: left;
	}

	.footer-banner h4
	{
		text-align: left;
	}

	.footer-banner p
	{
		text-align: left;
		padding: 0px 0px 0px 0px;
	}
}

@media (min-width: 992px)
{
	.footer-banner
	{
		padding: 35px 0px 10px 0px;
	}

	.footer-banner .col-lg-3
	{
		bottom: 40px;
		position: absolute;
		right: 0;
	}
	
	.footer-banner h1
	{
		font-size: 38px; 
		line-height: 44px;
		text-align: left;
	}

	.footer-banner h4
	{
		font-size: 22px; 
		line-height: 27px;
		text-align: left;
	}

	.footer-banner p
	{
		font-size: 18px;
		line-height: 22px;
		text-align: left;
	}
	
}










/* ========================================================================== */
/* SERVICES-INFO
/* ========================================================================== */
.services-info
{
	margin: 0px 0px 30px 0px;
	padding: 14px 0px 8px 0px;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	background: #f6f6f6;
}


.services-info-item
{
	padding: 5px 5px 5px 5px;
	overflow: hidden;
}

.services-info-item h4
{
	font-size: 16px; 
	line-height: 20px;
	margin-bottom: 3px;
}

.services-info-item p
{
	font-size: 14px; 
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	color: #999;
}

.services-info-icon
{
	float: left;
	margin: 0px 15px 0px 0px;
}

.services-info-icon i
{
	color: #FFA70D;
	font-size: 40px; 
	line-height: 40px;
}

.services-info-text
{
	float: left;
	
}


/* ========================================================================== */
/* TEASERS
/* ========================================================================== */
.teasers
{
	margin: -60px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.teasers .row
{
	padding: 0px 15px 0px 15px;
}

.teasers a
{
	color: #666;
	color: #444;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.teasers .teasers-item
{
	padding: 0px 0px 0px 0px;
	float: left;
	width: 50%;
	overflow: hidden;
	
}

.teasers .teasers-header
{
	padding: 15px 0px 0px 0px;
}

.teasers .teasers-header h4
{
	font-size: 17px;
	line-height: 18px;
	/*
	text-transform: uppercase;
	*/
	font-weight: 800;
	color: #fff;
	
}

.teasers .teasers-text
{
	padding-top: 5px;
	overflow: hidden;
	color: #fff;
	
}



.teasers .teasers-image
{
	position: relative;
  height: 100%;
	margin: 0px 0px 0px 0px;
	padding-bottom: 56.25%; /* 16:9 */
	overflow: hidden;
	border: 1px none #ccc;
}


.teasers .teasers-image img
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 100%;
	max-width: initial;
	left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transition: all 0.5s ease 0.2s;
}



/* ========================================================================== */
/* PAGE BANNER
/* ========================================================================== */




/* ========================================================================== */
/* BLOG GRID
/* ========================================================================== */
.blog-page
{
	padding-top: 60px;
}

.blog-grid-header
{
	padding: 40px 0px 0px 0px;
	margin: 0px 10px 20px 10px;
	overflow: hidden;
}

.blog-grid-header h3
{
	font-size: 20px; 
	line-height: 24px;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	float: left;
	text-transform: uppercase;
}

.blog-grid-header .header-read-more
{
	float: right;
	position: relative;
	margin: 0px 15px 0px 0px;
	font-weight: normal;
}

.blog-grid-header .header-read-more a
{
	color: #666;
	color: #444;
}

.blog-grid-header .header-read-more a:hover
{
	color: #666;
	color: #444;
	color: #43C3EA;
}

.blog-grid-header .header-read-more i
{
	position: absolute;
	font-size: 20px;
	color: #43C3EA;
	top: 1px;
	right: -15px;
}


.blog-grid
{
}

.blog-grid .grid-item
{
	margin: 0px 0px 20px 0px;
	padding: 12px 12px 0px 12px;
	border: 1px solid #ddd;
}
.blog-grid .grid-item .blog-info,
.blog-post .blog-info
{
	padding: 10px 0px 10px 3px;
	border-bottom: 1px solid #eee;
	margin: 0px 0px 12px 0px;
	color: #666;
	color: #444;
	overflow: hidden;
}

.blog-grid .grid-item .blog-info a,
.blog-post .blog-info
{
	color: #aaa;
}

.blog-grid .grid-item .blog-info i,
.blog-post .blog-info i
{
	color: #43C3EA;
	margin: 0px 6px 0px 0px;
}

.blog-grid .grid-item .grid-image
{
	position: relative;
  width: 100%;
	margin: 0px 0px 0px 0px;
	padding-bottom: 56.25%; /* 16:9 */
	overflow: hidden;
}


.blog-grid .grid-item .grid-image img
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	max-width: initial;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transition: all 0.5s ease 0.2s;
}

.blog-grid .grid-item .grid-image .image-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: rgba(67, 195, 234, 0.3);
}

.blog-grid .grid-item .grid-image:hover .image-overlay
{
	height: 100%;
	opacity: 1;
}

.blog-grid .grid-item .grid-image .overlay-link
{
  position:absolute;
	top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.blog-grid .grid-item .grid-image .overlay-link i
{
	font-size: 0px;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}

.blog-grid .grid-item .grid-image:hover .overlay-link i
{
	font-size: 42px;
}

.blog-grid .grid-item .grid-text
{
	padding: 0px 0px 0px 3px;
}

.blog-grid .grid-item .grid-text h4 a
{
	font-size: 20px; 
	line-height: 26px; 
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-grid .grid-item .grid-text h4 a:hover
{
	color: #43C3EA;
}


/* ========================================================================== */
/* BLOG POST
/* ========================================================================== */
.blog-post
{
	margin: 0px 0px 60px 0px;
}

.blog-post .blog-image
{
	padding: 0px 0px 0px 0px;
	border: 1px none #ddd;
}

.blog-post .blog-image img
{
	width: 100%;
	border: 1px solid #ddd;
}


.blog-post-thumbs
{
	margin: 10px 0px 0px -5px;
	width: calc(100% + 10px);
	overflow: hidden;
}

.blog-post-thumb-col
{
	width: 25%;
	padding: 0 5px;
	float: left;
}


.blog-post-thumb
{
	position: relative;
	width: 100%;
  height: 0;
	margin: 0px auto 10px auto;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 50%; /* 2:1 */
	padding-bottom: 60%; /* 1:1 */
	overflow: hidden;
	border: 1px solid #ddd;
}

.blog-post-thumb img
{
	padding: 5px;
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transition: all 0.5s ease 0.2s;
}



.blog-post-attachments
{
	margin: 25px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #eee;
}

.blog-post-attachments a
{
	color: #666;
	color: #444;
}

.blog-post-attachments .attachments-item
{
	overflow: hidden;
	margin: 0px 0px 7px 0px;
}

.blog-post-attachments .attachments-item i
{
	font-size: 22px;
	color: #43C3EA;
	color: #26b4e0;
	margin: 1px 10px 0px 1px;
}



.blog-sidebar .blog-sidebar-header
{
	margin: -5px 0px 25px 0px;
}

.blog-sidebar
{
	padding-left: 0px;
}

@media (min-width: 768px) 
{
	.blog-sidebar
	{
		padding-left: 5px;
	}
}

@media (min-width: 992px) 
{
	.blog-sidebar
	{
		padding-left: 20px;
	}
}


.blog-sidebar h3
{
	font-size: 20px; 
	line-height: 24px;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

.blog-sidebar .blog-sidebar-list h4
{
	font-size: 17px; 
	line-height: 19px;
	margin-bottom: 3px;
	font-weight: 600;
	padding: 0px 0px 0px 0px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blog-sidebar .blog-sidebar-list h4 a
{
	font-weight: 600;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-sidebar .blog-sidebar-list h4 a:hover
{
	color: #43C3EA;
}

.blog-sidebar .blog-sidebar-list
{
	overflow: hidden;
}

.blog-sidebar .blog-sidebar-list .blog-info
{
	padding: 0px 0px 12px 1px;
	border-bottom: 1px solid #eee;
	margin: 0px 0px 14px 0px;
	color: #aaa;
	font-size: 13px;
	overflow: hidden;
}

.blog-sidebar .blog-sidebar-list .blog-info i
{
	font-size: 15px;
	color: #43C3EA;
	margin: 0px 6px 0px 0px;
}




/* ========================================================================== */
/* PROMO POST
/* ========================================================================== */
.promo-main-title
{
	overflow:hidden;
	text-align: center;
	margin: 40px 0px 10px 0px;
}

.promo-main-title h1
{
	font-family: "RobotoSlab-Bold", sans-serif;
	font-size: 30px; 
	line-height: 38px;
	margin: 0px 0px 8px 0px;
	color: #F7941D;
	text-align: center;
}

.promo-main-title h4
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 16px; 
	line-height: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.promo-post
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	position: relative;
}

.promo-post h2
{
	font-family: "RobotoSlab-Bold", sans-serif;
	font-size: 28px; 
	line-height: 35px;
	margin: 0px 0px 8px 0px;
	text-align: center;
}

.promo-post h4
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 16px; 
	line-height: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.promo-post .promo-image
{
	padding: 0px 0px 0px 0px;
}

.promo-post .promo-image img
{
	width: 100%;
}


@media (min-width: 992px)
{
	.promo-main-title
	{
		margin: 60px 0px 20px 0px;
	}

	.promo-main-title h1
	{
		font-size: 38px; 
		line-height: 44px;
		margin: 0px 0px 12px 0px;
	}

	.promo-main-title h4
	{
		font-size: 20px; 
		line-height: 27px;
		margin-bottom: 15px;
	}

	.promo-post h2
	{
		font-size: 38px; 
		line-height: 44px;
		margin: 0px 0px 12px 0px;
	}

	.promo-post h4
	{
		font-size: 19px; 
		line-height: 24px;
		margin-bottom: 15px;
	}

}



/* ========================================================================== */
/* PRODUCTS GRID VIEW
/* ========================================================================== */
.products-grid
{
	margin: 10px 0px 10px 0px;
	padding: 0px 4px 0px 4px;
	overflow: hidden;
}

.products-grid-item
{
	margin: 0px auto 5px auto;
	border: 1px solid #e8e8e8;
	position: relative;
	max-width: 250px;
}

@media (min-width: 560px) 
{
	.products-grid-item
	{
		margin: 0px 0px 15px 0px;
		width: 100%;
	}
}

.products-grid-item:hover
{
	border: 1px solid #e2e2e2;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease 0.0s;
}

.products-grid-item-image
{
	position: relative;
	width: 100%;
  height: 0;
	margin: 0px auto 12px auto;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 50%; /* 2:1 */
	padding-bottom: 100%; /* 1:1 */
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}

.products-grid-item-image img
{
	padding: 8px;
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transition: all 0.5s ease 0.0s;
}


.products-grid-item-text h4,
.products-grid-item-text h4 a
{
	font-family: "RobotoSlab-Bold", "OpenSans", sans-serif;
	color: #222;
	text-transform: none;
	font-size: 15px; 
	line-height: 22px;   
	padding: 0px 10px 0px 10px;
	margin-bottom: 8px;
	text-align: center;
	height: 46px;
	overflow: hidden;
	transition: all 0.5s ease;
}

.products-grid-item:hover h4 a
{
	/*
	color: #F7941D;
	*/
}

.products-grid-item:hover img
{
	-webkit-transform: translate(0%, -50%) scale(1.02); /* Safari and Chrome */
	-moz-transform: translate(0%, -50%) scale(1.02); /* Firefox */
	-ms-transform: translate(0%, -50%) scale(1.02); /* IE 9 */
	-o-transform: translate(0%, -50%) scale(1.02); /* Opera */
	transform: translate(0%, -50%) scale(1.02); /* Opera */
}

.products-grid-item-text .description
{
	font-size: 14px; 
	line-height: 19px;   
	padding: 0px 10px 0px 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.products-grid-item-footer
{
	padding: 0px 12px 0px 12px;
	margin: 0px 0px 10px 0px;
	height: 88px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.products-grid-item-price
{
	display: block;
	/*
	height: 45px;
	*/
	height: initial;
	position: initial;
	bottom: 1px;
	overflow: hidden;
}

.products-grid-item-price .item-price
{
	font-family: "RobotoSlab-Bold", "OpenSans", sans-serif;
	color: #F7941D;
	font-size: 21px; 
	line-height: 20px;   
	text-align: center;
	margin-bottom: 6px;

	font-size: 19px; 
	line-height: 18px;
}

.products-grid-item-price .item-price span
{
	font-family: "RobotoSlab-Regular", "OpenSans", sans-serif;
	color: #aaa;
	font-size: 15px; 
	line-height: 27px;   
	text-decoration: line-through;
	line-height: 20px;   
}

.products-grid-item-price .item-price .price-from
{
	font-family: "RobotoSlab-Bold", "OpenSans", sans-serif;
	color: #F7941D;
	font-size: 12px; 
	line-height: 27px;   
	line-height: 20px; 
	margin: 2px 2px 0px 0px;
	text-decoration: none;
}

.products-grid-item-buy
{
	display: inline-block;
	text-align: center;
	float: initial;
	overflow: hidden;
}

.products-grid-item-buy .btn_buy
{
	background: #009ddb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-family: "OpenSans-Semibold", sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 11px 15px 13px 15px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	font-size: 13px;
	line-height: 18px;
	margin: 2px 0px 0px 0px;
	padding: 9px 12px 10px 12px;
	min-width: 80px;
	
}

.products-grid-item-buy .btn_buy:hover
{
	background-color: #0782B7;
	background-color: #3A3A3B;
}

.products-grid-item-buy .btn-disabled
{
	background: #ddd none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-family: "OpenSans-Semibold", sans-serif;
	font-size: 15px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 11px 15px 13px 15px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;

	font-size: 13px;
	line-height: 18px;
	margin: 2px 0px 0px 0px;
	padding: 9px 12px 10px 12px;
	
}

.products-grid-item-buy .btn-disabled:hover
{
	background-color: #ddd;
}


.products-grid-item-buy a:active,
.products-grid-item-buy a:hover
{
	text-decoration: none;
}

.products-grid-item-flags
{
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 200;
}

.products-grid-item-flags .flag
{
	background: #009ddb;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-family: "OpenSans-Bold","OpenSans",sans-serif;
	font-size: 14px;
	height: 22px;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 0px 2px;
	text-align: center;
	float: left;
	position: relative;
	width: 56px;
}

.products-grid-item-flags .new
{
	background: #9CC200;
}

.products-grid-item-flags .new:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #9CC200 transparent transparent transparent;
}

.products-grid-item-flags .discount
{
	background: #E44B05;
}

.products-grid-item-flags .discount:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #E44B05 transparent transparent transparent;
}

.products-grid-item-flags .sale
{
	background: #9CC200;
}
.products-grid-item-flags .sale:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #9CC200 transparent transparent transparent;
}

.products-notes
{
	border-top: 1px solid #e8e8e8;
	margin: 0px 0px 35px 0px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	font-size: 13px;
	color: #888;
}

.products-notes i
{
	color: #25A6DE;
	font-size: 15px;
	line-height: 13px;
	padding: 0px 4px 0px 0px;
}

/* SMALL - MOBILE LANDSCAPE, TABLET PORTRAIT */
@media (min-width: 560px) 
{
	.products-grid-item-footer
	{
		height: 45px;
		padding: 0px 14px 0px 14px;
	}
	
	.products-grid-item-price
	{
		display: inline-block;
		position: absolute;
		bottom: 1px;
		left: 12px;
		overflow: hidden;
	}
	
	.products-grid-item-buy
	{
		display: inline-block;
		text-align: right;
		float: right;
	}
	
}

/* ========================================================================== */
/* PRODUCTS ALTERNATIVE
/* ========================================================================== */
.products-alt-list
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.products-alt-list-head
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	font-family: "OpenSans-Regular", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	color: #444;
	text-transform: uppercase;
}



.products-alt-item
{
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
.products-alt-item:last-child
{
	border-bottom: none;
}

.products-alt-image
{
	display: none;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.products-alt-image .products-grid-item-flags
{
	left: 5px;
}

.products-alt-descri
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.products-alt-descri .products-alt-text
{
	margin: -3px 0px 8px 0px;
}

.products-alt-descri .products-alt-delivery
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
}

.products-alt-descri .products-alt-price
{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
}



.products-alt-descri .products-alt-price .price
{
	color: #f7941d;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-size:26px;
	padding: 0px 0px 0px 0px;
}

.products-alt-descri .products-alt-price .price span
{
	font-family: "RobotoSlab-Regular","OpenSans",sans-serif;
	color: #f7941d;
	font-weight: 300;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
}

.products-alt-descri .products-alt-price .price-dis
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	color: #b5b5b5;
}

.products-alt-descri .products-alt-price .price-dis span
{
	font-size: 12px;
	font-weight: 300;
	color: #b5b5b5;
	text-decoration: line-through;
	padding: 0px 0px 0px 0px;
}


.products-alt-descri h4
{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0px;
}

.products-alt-buy
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	overflow: hidden;
}


.products-alt-buy .btn-buy
{
	background: #009ddb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-family: "OpenSans-Semibold", sans-serif;
	font-size: 15px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 11px 18px 13px 18px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: right;
}

.products-alt-buy .btn-buy:hover
{
	background-color: #3A3A3B;
}

.products-alt-buy .btn-disabled,
.products-alt-buy .btn-disabled:hover
{
	cursor: initial;
	background: #ddd none repeat scroll 0 0;
	color: #fff;
}


.products-alt-buy a:active,
.products-alt-buy a:hover
{
	text-decoration: none;
}

/* SMALL - MOBILE LANDSCAPE, TABLET PORTRAIT */
@media (min-width: 560px) 
{
	.products-alt-buy
	{
		margin: 12px 0px 0px 0px;
	}

}

/* MEDIUM - TABLET LANDSCAPE */
@media (min-width: 768px) 
{
}

/* LARGE - DESKTOP */
@media (min-width: 992px)
{
	.products-alt-image
	{
		display: block;
		padding: 0px 17px 0px 0px;
		float: left;
		width: 14%;
	}

	.products-alt-descri
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	
	.products-alt-descri .products-alt-text
	{
		float: initial;
	}

	.products-alt-descri .products-alt-price
	{
		float: initial;
	}

	.products-alt-buy
	{

	}
	
	.products-alt-buy .btn-buy
	{
		font-size: 16px;
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		padding: 13px 20px 15px 20px;
	}
}

/* XLARGE - DESKTOP HD SCREEN */
@media (min-width: 1280px)
{

	.products-alt-list .products-alt-image
	{
		display: block;
		padding: 0px 15px 0px 0px;
		float: left;
		width: 11%;
	}

	.products-alt-list .products-alt-descri
	{
		/*
		margin: 5px 0px 0px 0px;
		float: left;
		*/
	}
	
	.products-alt-descri .products-alt-text
	{
		/*
		float: left;
		*/
	}

	.products-alt-descri .products-alt-price
	{
		/*
		float: right;
		*/
	}
}





/* ========================================================================== */
/* PORTFOLIO POST
/* ========================================================================== */
.portfolio-post
{
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
	/*overflow: hidden;*/
	position: relative;
}

.portfolio-post h1
{
	font-size: 26px; 
	line-height: 32px;
	margin: 0px 0px 15px 0px; 
}

.portfolio-post h3
{
	font-size: 26px; 
	line-height: 32px;
	margin: 0px 0px 10px 0px; 
}


.portfolio-post .portfolio-post-descri
{
	position: relative;
	overflow: hidden;
}

.portfolio-post .portfolio-post-besedi
{
	position: relative;
	/*
	border-bottom: 1px solid #eee;
	*/
}

.portfolio-post .portfolio-post-descri-foot
{
	overflow: hidden;
	border-top: 1px solid #eee;
}

.portfolio-post .portfolio-post-text h4,
.portfolio-post .portfolio-post-text h5
{
	font-size: 20px; 
	line-height: 26px; 
	margin-bottom: 5px;
	font-weight: bold;
}

.portfolio-post .portfolio-post-text h5
{
	color: #43C3EA;
}

.portfolio-post .portfolio-post-flags
{
	height: 21px;
	background-color: rgba(0, 0, 0, 0.0);
	margin: 0px 0px 26px 0px;
	border-top: 1px none #ddd;
}


.portfolio-post .portfolio-post-delivery
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
}

.portfolio-post .portfolio-post-price
{
	float: left;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}


.portfolio-post .portfolio-post-price .price
{
	color: #f7941d;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-size:26px;
	padding: 15px 0px 3px 0px;
}

.portfolio-post .portfolio-post-price .price span
{
	font-family: "RobotoSlab-Regular","OpenSans",sans-serif;
	color: #f7941d;
	font-weight: 300;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
}

.portfolio-post .portfolio-post-price .price-dis
{
	font-family: "OpenSans-Regular", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	color: #b5b5b5;
}

.portfolio-post .portfolio-post-price .price-dis span
{
	font-size: 12px;
	font-weight: 300;
	color: #b5b5b5;
	text-decoration: line-through;
	padding: 0px 0px 0px 0px;
}


.portfolio-post .portfolio-post-buy
{
	display: inline-block;
	float: right;
	padding: 15px 0px 0px 0px;
	overflow: hidden;
}

.products-alt-buy .buy_qty,
.portfolio-post .portfolio-post-buy .buy_qty
{
	float: initial;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.products-alt-buy .btn_qty,
.portfolio-post .portfolio-post-buy .btn_qty
{
	float: left;
	background: #fdfdfd;
	border: #ABADB3 solid 1px;
	color: #666;
	cursor: pointer;
	font-size: 16px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 1px 5px 7px 5px;
	width: 24px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.products-alt-buy .btn_qty i,
.portfolio-post .portfolio-post-buy .btn_qty i
{
	color: #999;
	font-size: 10px;
	
}

.products-alt-buy input
{
	float: left;
	padding: 2px 5px 4px 5px;
	width: 62px;
	text-align: center;
}

.portfolio-post .portfolio-post-buy input
{
	float: left;
	padding: 2px 5px 4px 5px;
	width: 71px;
	text-align: center;
}

.portfolio-post .portfolio-post-buy .btn_buy
{
	float: left;
	background: #009ddb none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	font-family: "OpenSans-Semibold", sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 13px 20px 15px 20px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-post .portfolio-post-buy .btn_buy:hover
{
	background-color: #0782B7;
	background-color: #3A3A3B;
}

.portfolio-post .portfolio-post-buy .btn-disabled
{
	cursor: initial;
	background: #ddd none repeat scroll 0 0;
	color: #fff;
}

.portfolio-post .portfolio-post-buy .btn-disabled:hover
{
	background-color: #ddd;
}


.portfolio-post .portfolio-post-buy a:active,
.portfolio-post .portfolio-post-buy a:hover
{
	text-decoration: none;
}

.portfolio-post .portfolio-post-image
{
	position: relative;
  width: 100%;
	margin: 0px 0px 10px  0px;
	padding-bottom: 100%;
	overflow: hidden;
	border: 1px solid #ddd;
}







.portfolio-post .portfolio-post-image img
{
	position: absolute;
	padding: 10px;
	display: block;
	width: 100%;
	max-width: initial;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
}

.portfolio-post-thumbs
{
	margin: 0px 0px 20px -5px;
	width: calc(100% + 10px);
	overflow: hidden;
}

.portfolio-post-thumb-col
{
	width: 33.33333333%;
	padding: 0 5px;
	float: left;
}


.portfolio-post-thumb
{
	position: relative;
	width: 100%;
  height: 0;
	margin: 0px auto 10px auto;
	/*padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 50%; /* 2:1 */
	padding-bottom: 100%; /* 1:1 */
	overflow: hidden;
	border: 1px solid #ddd;
}

.portfolio-post-thumb img
{
	padding: 5px;
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transition: all 0.5s ease 0.2s;
}

.portfolio-post-thumb .thumb-caption
{
	background-color: rgba(255, 255, 255, 1.0);
	font-size: 10px;
	line-height: 12px;
	width: 93%;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	padding: 0px 1px 3px 1px;
	left: 4px;
}

.portfolio-post-attachments
{
}

.portfolio-post-attachments a
{
	color: #666;
	color: #444;
}

.portfolio-post-attachments .attachments-item
{
	overflow: hidden;
	margin: 0px 0px 7px 0px;
}

.portfolio-post-attachments .attachments-item i
{
	font-size: 22px;
	color: #43C3EA;
	color: #CE4748;
	margin: 1px 10px 0px 1px;
}

@media (min-width: 560px) 
{
	.products-alt-buy .buy_qty,
	.portfolio-post .portfolio-post-buy .buy_qty
	{
		float: left;
		overflow: hidden;
		margin: 9px 0px 0px 0px;
		padding: 0px 20px 0px 0px;
	}
	
	.products-alt-buy input,
	.portfolio-post .portfolio-post-buy input
	{
		width: 40px;
	}
	
}

@media (min-width: 768px) 
{
	.products-alt-buy .btn_qty,
	.portfolio-post .portfolio-post-buy .btn_qty
	{
		padding: 2px 5px 8px 5px;
	}
}

@media (min-width: 992px)
{
	.portfolio-post h3
	{
		font-size: 36px; 
		line-height: 42px;
		margin: 0px 0px 15px 0px; 
	}
}




/* ========================================================================== */
/* PORTFOLIO FLAGS
/* ========================================================================== */

.portfolio-post-flags .flag
{
	background: #009ddb;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-family: "OpenSans-Bold","OpenSans",sans-serif;
	font-size: 14px;
	height: 22px;
	line-height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 0px 2px;
	text-align: center;
	float: left;
	position: relative;
	width: 56px;
}

.portfolio-post-flags:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #009ddb transparent transparent transparent;
}

.portfolio-post-flags .flag-new
{
	background: #9CC200;
}

.portfolio-post-flags .flag-new:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #9CC200 transparent transparent transparent;
}

.portfolio-post-flags .flag-discount
{
	background: #E44B05;
}

.portfolio-post-flags .flag-discount:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #E44B05 transparent transparent transparent;
}

.portfolio-post-flags .sale
{
	background: #9CC200;
}
.portfolio-post-flags .sale:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 9px 28px;
	border-style: solid;
	border-color: #9CC200 transparent transparent transparent;
}

/*
.portfolio-grid .portfolio-grid-flags .grid-flag,
.portfolio-post .portfolio-post-flags .post-flag
{
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-align: center;
	min-width: 45px;
	padding: 4px 7px 5px 7px;
	float: left;
	background: #43C3EA;
	position: relative;
	text-transform: uppercase;
}

.portfolio-post .portfolio-post-flags .post-flag
{
	padding: 4px 10px 5px 10px;
	min-width: 58px;
}

.portfolio-grid .portfolio-grid-flags .grid-flag::after,
.portfolio-post .portfolio-post-flags .post-flag::after
{
	border-top: 5px solid #43C3EA;
}

.portfolio-grid .portfolio-grid-flags .flag-stock,
.portfolio-post .portfolio-post-flags .flag-stock
{
	background: #43C3EA;
}

.portfolio-grid .portfolio-grid-flags .flag-stock::after,
.portfolio-post .portfolio-post-flags .flag-stock::after
{
	border-color: #43C3EA;
}

.portfolio-grid .portfolio-grid-flags .flag-new,
.portfolio-post .portfolio-post-flags .flag-new
{
	background: #9cc200;
}

.portfolio-grid .portfolio-grid-flags .flag-new::after,
.portfolio-post .portfolio-post-flags .flag-new::after
{
	border-color: #9cc200;
}

.portfolio-grid .portfolio-grid-flags .flag-special,
.portfolio-post .portfolio-post-flags .flag-special
{
	background: #ebb800;
}

.portfolio-grid .portfolio-grid-flags .flag-special::after,
.portfolio-post .portfolio-post-flags .flag-special::after
{
	border-color: #ebb800;
}

.portfolio-grid .portfolio-grid-flags .flag-discount,
.portfolio-post .portfolio-post-flags .flag-discount
{
	background: #E44B05;
	padding: 4px 8px 5px 8px;
}

.portfolio-grid .portfolio-grid-flags .flag-discount::after,
.portfolio-post .portfolio-post-flags .flag-discount::after
{
	border-color: #E44B05;
}

.portfolio-grid .portfolio-grid-flags .grid-flag::after,
.portfolio-post .portfolio-post-flags .post-flag::after
{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
	content: " ";
	left: 20%;
	position: absolute;
}

*/



/*=================================================================================================================*/
/* CHECKOUT PROGRESS
/*=================================================================================================================*/
.checkout-progress-wrapper
{
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.checkout-progress
{
	overflow: hidden;
	padding: 10px 0px 0px 0px;
	display: inline-block;
	width: 100%;
}

.checkout-progress-item
{
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 33.33%;
}


.progress-item-icon
{
	font-family: 'RobotoSlab-Bold';
	background-color: #e1e1e1;
	color: #fff;
	line-height: 35px;
	height: 35px;
	width: 35px;
	margin: 6px 6px 6px 6px;
	text-align: center;
	border-radius: 50%;
	float: initial;
	display: inline-block;
}


.progress-item-text
{
	font-family: 'OpenSans-Regular';
	font-size: 14px;
	line-height: 18px;
	color: #ccc;
	margin: 6px 0px 6px 0px;
	float: initial;
}

.checkout-progress .active .progress-item-icon,
.checkout-progress .completed .progress-item-icon
{
	background-color: #FFA70D;
}

.checkout-progress .active .progress-item-text,
.checkout-progress .completed .progress-item-text
{
	color: #444;
}

/*
.checkout-progress .active .progress-item-icon
{
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.checkout-progress .active .progress-item-text
{
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.0);
}
*/


@media (min-width: 768px) 
{
	.checkout-progress
	{
		padding: 10px 0px 0px 0px;
		width: initial;
	}
	
	.checkout-progress-item
	{
		margin: 0px 40px 0px 0px;
		width: initial;
	}

	.progress-item-icon
	{
		height: 40px;
		width: 40px;
		margin: 6px 15px 6px 6px;
		line-height: 38px;
		font-size: 20px;
		float: left;
	}

	.progress-item-text
	{
		font-size: 16px;
		line-height: 40px;
		margin: 6px 0px 6px 0px;
		float: left;
	}
}
	
@media (min-width: 992px) 
{
}
	
@media (min-width: 1280px) 
{
}

@media (min-width: 1690px) 
{
}


/* ========================================================================== */
/* SHOPPING CART / ORDER
/* ========================================================================== */
.order
{
	margin: 45px 0px 40px 0px;
}

.order h1,
.order h2,
.order h3
{
	font-family: "OpenSans-Regular","OpenSans",sans-serif;
	font-family: "RobotoSlab-Bold", sans-serif;
	color: #009DDB;
	color: #F7941D;
	text-transform: uppercase;
	font-size: 16px; 
	line-height: 18px;
	margin: 0px 0px 6px 0px;	 
	font-weight: normal;
	text-align: left;
	display: inline-block;
}



#naslov-dostava-show-hide
{
	color: #464646;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
	float: right;
}

#naslov-dostava-show-hide i
{
	padding: 0px 0px 0px 5px;
}

#naslov-dostava-content
{
	display: none;
}

.order .section-header
{
	margin: 0px 0px 15px 0px;	 
	padding: 0px 0px 0px 0px;	 
	border-bottom: 1px solid #ddd;
}

.order .cart-content
{
	padding: 0px 0px 0px 0px;
}

.order .order-buttons
{
	padding: 40px 0px 0px 0px;
	overflow: hidden;
}

.order .cart-item
{
	overflow: hidden;
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 18px 0px;
	border-bottom: 1px dotted #e5e5e5;
	position: relative;
}

.order .cart-item:last-child
{
	border-bottom: 1px solid #ddd;
}

.order .cart-item input[type="text"]
{
	background: #fff;
	color: #222;
	border: 1px solid #DDD;
	outline: none;
	text-align: center;
	margin: 0px 0px 0px 6px;
}

.order .cart-item-image
{
	width: 120px;
	margin: 0px auto;
}

.order .cart-item-image-frame
{
	width: 100%;
  height: 0px;
	padding-bottom: 100%; /* 1:1 */
	margin: 0px 0px 0px 0px;
	border: 1px none #e8e8e8;
	position: relative;
	overflow: hidden;
}

.order .cart-item-image-frame img
{
	padding: 3px;
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transition: all 0.5s ease 0.2s;
}

@media (min-width: 420px) 
{
	.order .cart-item-image
	{
		width: 120px;
		margin: 0px 15px 0px 0px;
		float: left;
	}
	
	.order .cart-item-image-frame
	{
		border: 1px solid #e8e8e8;
	}	
}

.order .cart-item-text
{
	font-size: 14px;
	line-height: 19px;
	overflow: hidden;
}

.order .cart-item-text h4
{
	font-size: 16px;
	line-height: 19px;
}

.order .cart-item-text h4 a
{
	color: #444;
}

.order .cart-item-text h4 a:hover
{
	text-decoration: none;
}


.order .cart-item-descr
{
	padding: 0px 12px 0px 0px;
}

.order .cart-item-subtotal
{
	overflow: hidden;
}

.order .cart-item-qty
{
	float: left;
}

.order .cart-item-qty i
{
	color: #aaa;
	cursor: pointer;
}

.order .cart-item-qty i:hover
{

	color: #25A6DE;
}

.order .cart-item-price
{
	color: #009DDB;
	font-size: 17px;
	line-height: 19px;
	float: right;
}

.order .cart-item-remove
{
	top: 0px;
	right: 0px;
	position: absolute;
}

.order .cart-item-remove i
{
	font-size: 18px;
	color: #ccc;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.order .cart-item-remove i:hover
{
	color: #DA394C;
}




.order .cart-shipping
{
	overflow: hidden;
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 18px 0px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.order .cart-shipping-text
{
	float: left;
}

.order .cart-shipping-text span,
.order .cart-total-text span
{
	color: #999;
	font-size: 14px; 
	line-height: 18px;
	margin: 0px 0px 0px 5px;
}

.order .cart-shipping-price
{
	color: #009DDB;
	font-size: 17px;
	line-height: 19px;
	float: right;
}



.order .cart-total
{
	overflow: hidden;
	margin-bottom: 30px;
}

.order .cart-total p
{
	margin-bottom: 10px;
}

.order .cart-total strong
{
  font-family: 'OpenSans-Semibold';
}

.order .cart-total-text
{
	overflow: hidden;
	float: left;
}

.order .cart-total-value
{
	overflow: hidden;
	float: right;
	text-align: right;
}


.order .cart-total .cart-total-header
{
  font-family: 'OpenSans-Semibold';
	font-size: 14px; 
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}


.order .cart-total.specifikacija-ddv
{
}


.order .btn
{
	float: right;
	background: #F9AE1D none repeat scroll 0 0;
	background: #009DDB none repeat scroll 0 0;
	border: 2px none #3A3A3B;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: "OpenSans-semibold","OpenSans",sans-serif;
	font-size: 15px;
	line-height: 16px;
	margin: 0px 10px 10px 0px;
	padding: 14px 15px 16px 15px;
	text-align: center;
	text-transform: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media (min-width: 560px) 
{
	.order .btn
	{
		font-size: 16px;
		padding: 14px 20px 16px 20px;
	}
}

.order .btn:hover
{
	background-color: #3A3A3B;
}

.order .btn a:active,
.order .btn a:hover
{
	text-decoration: none;
}



.vklopi-razum
{
	margin: 20px 10px 0px 10px;
	width: initial;
}

@media (min-width: 560px) 
{
	.vklopi-razum
	{
		margin: 20px auto 0px auto;
		width: 320px;
	}
}




/* ========================================================================== */
/* CONTACT PAGE
/* ========================================================================== */
.contact-page .contacts
{
	margin-bottom: 50px;
}
.contact-page .contacts h4
{
	font-size: 18px;
	line-height:32px;
	position: relative;
	margin-left: 40px;
	margin-bottom: 0px;
}

.contact-page .contacts i
{
	font-size: 32px;
	line-height:32px;
	color: #666;
	color: #444;
	margin-left: -40px;
	position: absolute;
}

.contact-page .contacts p
{
	margin-left: 40px;
	margin-bottom: 30px;
}

.contact-page .contact-form
{
	/*float: right;*/
	margin-bottom: 80px;
}


/* ========================================================================== */
/* PODJETJE PAGE
/* ========================================================================== */
.podjetje-podatki
{
	
}

.podjetje-podatki ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.podjetje-podatki li
{
	padding: 8px 3px 9px 3px;
	margin: 0px 0px 0px 0px;
	display: block; 
	color: #aaa;
	font-size: 12px;
	border-top: 1px dotted #ddd;
}

.podjetje-podatki li:last-child
{
	border-bottom: 1px dotted #ddd;
}


.podjetje-podatki li span
{
	float: right;
	color: #444;
	font-weight: normal;
	font-size: 14px;
}


@media (min-width: 560px) 
{
	.podjetje-podatki li
	{
		font-size: 14px;
	}

	.podjetje-podatki li span
	{
		font-size: 16px;
	}
}




/* ========================================================================== */
/* FOOTER
/* ========================================================================== */
.footer
{
	margin: 0px 0px 0px 0px;
	padding: 45px 0px 50px 0px;
	color: #FFF;
	background: #3A3A3B;
	color: #fff;
	position: relative;
	overflow: hidden;
}

@media (min-width: 768px) 
{
	.footer
	{
		font-size: 15px;
		line-height: 21px;
	}
}

.footer strong
{
	color: #fff;
}

.footer a,
.footer a:active
{
	color: #fff;
  -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;
}

.footer a:hover
{
	color: #FEBE23;
	cursor: pointer;
	text-decoration: none;
}

.footer h4
{
	font-size: 16px; 
	line-height: 26px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	color: #fff;
}

.footer ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.footer li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	display: block; 
	position: relative;
}

.footer .footer-links li
{
	padding-left: 12px;
}

.footer .footer-links li::before
{
	color: #FFA70D;
	content: "\f105";
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	left: 0;
	position: absolute;
	text-decoration: inherit;
	top: 1px;
	transition: all 500ms ease 0s;
}


.footer .footer-kontakt
{
	position: relative;
	margin-left: 30px;
}

.footer .footer-kontakt i
{
	position: absolute;
	left: -28px;
	margin: 5px 0px 0px 0px;
	color: #FFA70D;
}

.footer .footer-logo
{
	width: 160px;
	margin: 12px 0px 21px -1px;
}


.footer .social-media
{
}

.footer .social-media ul
{
	padding: 0px;
	margin: 0px;
}

.footer .social-media li
{
	border: none;
	float: left;
	display: block; 
}

.footer .social-media i
{
	text-align: center;
	font-size:1.2em;
	line-height: 34px;
	height: 34px;
	width: 34px;
	background-color: #EEE;
	color: #3a3a3b;
	margin: 0px 10px 0px 0px;
	-moz-border-radius: 50%;
	border-radius: 50%;
  -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;
}

.footer .social-media i:hover
{
	background-color: #FFA70D;
	/*
	color: #3a3a3b;
	background-color: #FFCC00;
	*/
	cursor: pointer;
}

.footer-copyright
{
	color: #333;
	font-size:12px;
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	background: #FFA70D;
}


/* ========================================================================== */
/* TAB CONTROL
/* ========================================================================== */
.tab-control
{
	margin: 20px 0px 0px 0px;
}
.tab-control ul
{
	overflow: hidden;
	position: relative;
}

.tab-control ul.tab
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	background-color: #fff;
}

.tab-control ul.tab::before
{
	border-bottom: 1px solid #ddd;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

/* Float the list items side by side */
.tab-control ul.tab li
{
	float: left;
	background-color: #fff;
}

/* Style the links inside the list items */
.tab-control ul.tab li a
{
	display: inline-block;
	color: #444;
	font-weight: normal;
	padding: 10px 0px 11px 0px;
	margin: 0px 30px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
  -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;
}

.tab-control ul.tab li .active::after
{
	background-color: #F7941D;
	bottom: -1px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
}

/* Change background color of links on hover */
.tab-control ul.tab li a:hover
{
	color: #444;
}

/* Create an active/current tablink class */
.tab-control ul.tab li a:focus,
.tab-control ul.tab li .active,
.tab-control ul.tab li .active:hover 
{
	/* color: #26b4e0*/;
	color: #444;
}


/* Style the tab content */
.tab-control .tabcontent
{
	display: none;
	padding: 30px 0px 0px 0px;
}

.tab-control .tabcontent
{
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tab-control .tabcontent ul
{
	overflow: initial;
}



@-webkit-keyframes fadeEffect
{
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeEffect
{
	from {opacity: 0;}
	to {opacity: 1;}
}



/* ========================================================================== */
/* FORMS
/* ========================================================================== */
.contact-form input[type="text"],
.contact-form textarea
{
	width:100%;
	background: #fff;
	color: #444;
	border: 1px solid #DDD;
	outline: none;
	display: block;		
	margin-bottom: 20px;
	padding: 0 10px 0 20px;
	font-weight: 300;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-appearance: none; /* 1 */
}

.contact-form input[type="text"]
{
	height:50px;
	border-radius: 0px;
}

.contact-form #txt_subject
{
	display:none;
}

.contact-form textarea
{
	min-height: 300px;
	max-width: 100%;
	padding: 20px 20px 20px 20px;
	border-radius: 0px;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus
{
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}

.contact-form .input-error
{
	border: 1px solid #E34B05;
}

.contact-form .input-error-text
{
	
	position: absolute;
	font-size: 11px; 
	color: #E34B05;
	height: 0px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	bottom: 2px;
}

input::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder {color: #888;}
input::-moz-placeholder {color: #888;}
input:-ms-input-placeholder{color: #888;}


/* ========================================================================== */
/* BUTTONS
/* ========================================================================== */
.btn
{ 
	/*
	font-family: "OpenSans-Regular", sans-serif;
	*/
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
	padding: 18px 25px 16px 25px;
	text-align: center;
	color: #fff;
	color: #3A3A3B;
	border: 2px none #3A3A3B;
	background: #FFA70D none repeat scroll 0 0;
	border-radius: 3px;
	-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;
}

.btn:focus
{
	outline: 0;
}

.btn:hover
{ 
	color: #fff;
	background: #3A3A3B none repeat scroll 0 0;
}

.contact-submit
{
	background: #FFA70D none repeat scroll 0 0;
	border-bottom: 2px none #3cb4d8;
}

.contact-submit:hover
{
	background: #3A3A3B none repeat scroll 0 0;
	border-bottom: 2px none #152545;
	border-bottom: 2px none #1c3463;
}


.read-more
{ 
	/*
	font-family: "OpenSans-Regular", sans-serif;
	*/
	font-family: "RobotoSlab-Bold","OpenSans",sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 15px;
	padding: 18px 25px 16px 25px;
	text-align: center;
	color: #fff;
	color: #3A3A3B;
	border: 2px solid #3A3A3B;
	background: #FFA70D none repeat scroll 0 0;
	border-radius: 3px;
	-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;
}


/* ========================================================================== */
/* RESPONSIVE FORM TABLE
/* ========================================================================== */
.form-label-wrap
{
	width: 100%;
	height: 16px;
	overflow: hidden;
}

.form-input-wrap
{
	width: 100%;
	height: 40px;
	display: block;
}

.form-table-sep
{
	height: 0px;
	display: none;
}

form table
{
/*	font-family: "Roboto-Regular", "OpenSans", sans-serif; */
	width: 100%;
	cellspacing: 0;
	cellpadding: 0;
	margin-bottom: 20px;
	background: #fff;
}


form table,
form table tr,
form table td
{
	border: 1px none #ccc;
}

form table td
{
	width: 50%;
	padding: 0px 0px 0px 0px;
}


form table .td-left
{
	padding: 0px 6px 0px 0px;
}

form table .td-right
{
	padding: 0px 0px 0px 6px;
}


form table p
{
	color: #000;
	margin: 0px;
}

form table .label,
form table .error-msg
{
	color: #666;
	font-size: 13px;
	line-height: 14px;
	margin: 0px 12px 0px 0px;
	display: initial;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: baseline;
	white-space: nowrap;	
	text-transform: none;
	float: left;
}


form table .required:after
{
	content: "*";
	color: #DA394C;
	font-size: 15px;
	line-height: 10px;
}

form table .error-msg
{
	color: #DA394C;
}


form table select
{
	color: #333;
	font-family: 'Open Sans', Arial, sans-serif;
	padding: 7px 2px 7px 7px;
	margin: 0px 0px 0px 0px;
}


form table input[type=text],
form table input[type=password],
form table textarea
{
	color: #333;
	font-family: 'Open Sans', Arial, sans-serif;
	padding: 7px 2px 7px 7px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #abadb3;
}

form table input[type=text]:focus,
form table input[type=password]:focus,
form table textarea:focus
{
	outline: 0;		
	border: 1px solid #7EB4EA;	
}

form tbody tr:hover
{
  background: none;
}

.order .bank-transfer-notes
{
	border-top: 1px solid #ddd;
	padding: 15px 0px 5px 0px;
	margin: 25px 0px 0px 0px;
}

.order .bank-transfer-notes p,
.order .bank-transfer-notes strong
{
	font-size: 13px;
	line-height: 15px;
	margin: 0px 0px 6px 0px;
}

.order span
{
	color: #999;
	font-size: 13px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
}


form .notes,
.order .notes
{
	position: relative;
	color: #999;
	font-size: 13px;
	line-height: 15px;
	padding: 0px 0px 5px 18px;
}

form .notes p,
.order .notes p
{
	margin: 0px 0px 6px 0px;
}

form .notes i,
.order .notes i
{
	position: absolute;
	color: #EA532A; /* red */
	color: #F7BD20; /* yellow */
	font-size: 14px;
	line-height: 13px;
	padding: 0px 0px 0px 0px;
	top: 1px;
	left: -1px;
}

form .notes strong,
.order .notes strong
{
	color: #999;
  font-family: 'OpenSans-Regular';
}


form .notes a,
.order .notes a
{
	color: #888;
	text-decoration: underline;
}

form .notes a:hover,
.order .notes a:hover
{
	color: #444;
}


@media only screen and (max-width: 599px)
{
	.form-input-wrap
	{
		height: 40px;
	}
	
	form table td
	{
		width: 100%;
	}

	form table td,
	form table tr
	{
		display: block;
		border: none;
		border-top: 1px none #ccc;
	}

	form table .td-left,
	form table .td-right
	{
		padding: 0px 0px 0px 0px;
	}

	form table td:first-child,
	form table tr:first-child
	{
		border: none;
	}
}




/* ========================================================================== */
/* CUSTOM CHECKBOX
/* ========================================================================== */
 /* Customize the label (the container) */
.custom-checkbox
{
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input
{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.custom-checkbox .checkmark
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  background-color: #fff;
	border: 1px solid #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark
{
  background-color: rgba(44,48,66,0.1);
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark
{
  background-color: #009ddb;
	border: 1px solid #009ddb;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox .checkmark:after
{
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after
{
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after
{
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

@media (min-width: 560px) 
{
}

@media (min-width: 768px) 
{
}

@media (min-width: 992px) 
{
}

@media (min-width: 1280px) 
{
}

@media (min-width: 1690px) 
{
}


/* ========================================================================== */
/* CUSTOM RADIO
/* ========================================================================== */
 /* Customize the label (the container) */
.custom-radio
{
  display: block;
  position: relative;
  padding: 0px 0px 0px 28px;
  margin: 5px 0px 0px 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio input
{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.custom-radio .checkmark
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  background: #fff;
	border: 1px solid #333;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark
{
  background-color: rgba(44,48,66,0.1);
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark
{
  background-color: #fff;
}

.custom-radio input:checked ~ .caption
{
	/*
	font-weight: 700;
	*/
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio .checkmark:after
{
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after
{
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after
{
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #009ddb;
} 


@media (min-width: 560px) 
{
}

@media (min-width: 768px) 
{
	.custom-radio .checkmark
	{
		top: 2px;
		left: 0px;
	}
}

@media (min-width: 992px) 
{
}

@media (min-width: 1280px) 
{
}

@media (min-width: 1690px) 
{
}



/* ========================================================================== */
/* PARALLAX
/* ========================================================================== */
.parallax.parallax-enabled
{ 
	background-attachment: fixed !important;
	-webkit-background-size: cover;
	background-size: cover;	
}

.horizontal-parallax
{
	background-repeat: repeat-x;
}
	
.animated-parallax
{
	background-repeat: repeat-x;
}



/* ========================================================================== */
/* RESPONSIVE SLIDER CAPTIONS
/* ========================================================================== */



/* ========================================================================== */
/* PAGINATION
/* ========================================================================== */
/* Pagination */
.pagination ul
{
	list-style-type: none;
	margin: 0px;
}

.pagination li
{
  display: inline-block;
  margin-right:5px;
}

.pagination li a
{
  padding:3px 10px;
  text-align:center;
  line-height:29px;
  background:#eee;  
}

.pagination li a:hover
{
  background:#ffcc00;
}

.pagination li a
{
 color:#333;
 font-size:16px; 
}

.pagination li:hover a
{
 color:#000;
 font-size:16px; 
}

.pagination li.selected a
{
	background:#ffcc00;
	color:#000;
	font-size:16px;
	padding:5px 12px;
}





/* ========================================================================== */
/* CSS LOADER
/* ========================================================================== */
#loading-data
{
	overflow: hidden;
}

.loader
{
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(150, 150, 150, 0.2);
  border-right: 1.1em solid rgba(150, 150, 150, 0.2);
  border-bottom: 1.1em solid rgba(150, 150, 150, 0.2);
  border-left: 1.1em solid #aaa;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader,
.loader:after
{
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

@-webkit-keyframes load8
{
  0%
	{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
	100%
	{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8
{
  0%
	{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
	100%
	{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/* ========================================================================== */
/* RESPONSIVE SLIDER CAPTIONS
/* ========================================================================== */
.slider-title
{
	font-family: "Nunito", "OpenSans", sans-serif;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
	padding: 0px 10px;
}

.slider-subtitle
{
	font-family: "Nunito", "OpenSans", sans-serif;
	font-weight: 800;
	color: #fff;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
	padding: 0px 10px;
}


/* ========================================================================== */
/* API
/* ========================================================================== */
body.api-content
{
	padding-top: 20px; 	
}

.api-response table
{
	width: 100%;
	margin: 0px 0px 30px 0px;
}


.api-response table thead tr
{
	font-weight: 600;
  color: var(--text-inverse);
	background: var(--main-color-1);
}

.api-response table thead tr td
{
  padding: 4px 4px 4px 10px;
}

.api-response table tbody tr
{
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.api-response table tbody tr td
{
  padding: 4px 4px 4px 10px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.api-response table tbody tr:nth-child(even)
{
	background: #f5f5f5;
}

.api-response table tbody tr:hover
{
	background: rgba(80, 133, 184,0.2);
}

.api-response table tbody tr.tr-update td
{
	font-weight: 700;
}

.api-response table tbody tr.tr-error
{
	background: rgba(235, 81, 89,0.3);
}

.api-response table tbody tr.tr-error:hover
{
	background: rgba(235, 81, 89,0.5);
}