#menu {
	background-color: #rgba(255,255,255,0.8);
	
}
#menu .nav > li > a {
	color: rgba(89,165,20,1);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-inner {
	display: table;
}


#menu .dropdown-inner ul {
	display: table-cell;
	margin-top: 4px;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: inline-block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333;
	font-size: 12px;
}

#menu .dropdown-inner li a {
	margin:0 2px;
}
#menu .dropdown-inner li a:hover {
	color: #fff;
}


#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #3c6b12;
	background-image: linear-gradient(to bottom, #e3e3e3, #333333);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	height: 36px;
}
.gauge{
	position:absolute;
	bottom: 25px;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: rgba(126,194,66,0.8);
	background-color:rgba(126,194,66,1);
}

#menu button.btn.btn-navbar.navbar-toggle {
	float:left;
	width:50px;
	height:60px;
	vertical-align:middle;
	text-align:left;
	padding:0 0 0 10px;
	margin:0;
	border:0;
	box-shadow: none;
	border-radius:0;
	background-color:transparent;
}

#menu button.btn.btn-navbar.navbar-toggle:hover {
	background-color: rgba(233,233,233,0.2);
}

#menu div.collapse.navbar-collapse.navbar-ex1-collapse.in {
    position:absolute;
	margin: 60px 0 0 10px;
	width:90%;
	height:auto;
	border: 1px solid rgba(90,166,22,0.3);
	-webkit-border-radius: 4px;
	background-color: rgba(233,233,233,1);
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */

.fa {
	vertical-align: middle;
	font-size:14px;
	color: rgba(90,166,22,1);
}

.fa {
	vertical-align: middle;
	font-size:14px;
	color: rgba(90,166,22,1);
}

.btn-primary .fa {
	vertical-align: middle;
	font-size:14px;
	color: #fff;
}

/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #5aa616;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #a3a3a3;
	background-image: linear-gradient(to bottom, #a3a3a3, #999999);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 60px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #3c6b12;
	background-image: linear-gradient(to bottom, #5aa616, #3e730e);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #333;
	text-decoration: none;
	text-align: left;
}

#top-links a {
	cursor: pointer;
}

#top .btn-link:hover, #top-links a:hover {
	color: #444;
}

#top-links hr {
	width:68%;
	height:2px;
	background-color:#000;
	padding:0;
	margin:2px 0 2px 20px;
}


#top-links .lang {
	float:left;
	height:62px;
	clear:both;
	
}



#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}

#top-links .dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}


#top .btn-link strong {
	font-size: 14px;
}


#top-links a + a {
	margin-left: 15px;
}


#top-links .list-inline {
	height:20px;

}
#top-links .curr .btn {
	padding:0 0 2px 0;
}

/* search */

#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}

#head-search {
	background: none;
	border-radius: 0 ;
	-webkit-box-shadow: 0 ;
	box-shadow:0 ;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 0 rgb(0 0 0 / 0%);
	box-shadow: 0;
	min-width:300px;
	max-width:360px;
	width:340px;
}


/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}

#cart .dropdown-menu table {
	margin-bottom: 10px;
}


#cart .dropdown-menu li p {
	margin: 10px 0;
}

.navbar-header {
    float: left;
	width: 100%;
	padding: 0;
}


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

/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */

.breadcrumb {
    padding: 8px 0;
    border: 1px solid #ddd;
}

.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 14px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #3c6b12;
	background-image: linear-gradient(to bottom, #5aa616, #3e730e);
	background-repeat: repeat-x;
	border-color: #3c6b12 #3c6b12 #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #3c6b12;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	text-decoration: none;
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #333;
	border-radius: 0;
}

.btn-link:hover {
	text-decoration: none;
	border-color: rgba(0, 0, 0, 0.09);
	cursor: pointer;
	color: #999;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	margin-left: 2px;
	box-shadow: none;
	cursor: default;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}

.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}

.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}


.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}






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

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

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

.header-v1-h1{
	width:100%;
	height:60px;
	top: 0;
	left: 0;
    right: 0;
	margin: 0 auto;
	z-index:2;
}




.header-relative {
    position: relative;
	padding-top:0;
    background-color: rgba(255, 255, 255, 0);
	box-shadow: 0 0 0 0;
}

.header-absolute {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 0;
}

.menu_scroll_v1 {
	position: fixed;
    background-color: rgba(255, 255, 255, 1);
    animation: motions 1s ease;
    transition: background-color 0.5s ease 0s, padding 0.5s ease 0s;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
	padding-top:0;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	justify-content: space-between;
	z-index:2;
}

.sticky {
	width: 100%;
	top:60px;
	position: sticky;
	position: -webkit-sticky;
	padding-top: 5px;
    padding-bottom: 5px;
	-webkit-box-shadow: 0 2px 5px -2px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 2px 5px -2px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.1);
	background-color:   rgba(255,255,255,1);
	z-index:1;
}

.stickytop {
	position: sticky;
	position: -webkit-sticky;
	top:0px;
	width: 100%;
	padding-top: 5px;
    padding-bottom: 5px;
	-webkit-box-shadow: 0 2px 5px -2px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 2px 5px -2px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.1);
	background-color:   rgba(255,255,255,1);
	z-index:1;
}


.top-category {
	white-space: nowrap;
}

.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 0;
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#head-cart{
	width:600px;
	
}

ul#head-cart.dropdown-menu {
    background-color:rgba(255,255,255,0.1);
    padding: 0;
    margin: 0;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
    max-width:600px;
}


ul.dropdown-menu.search{
	background: none;
	border: none;
	border-radius: 0 ;
	-webkit-box-shadow: 0 ;
	box-shadow:0 0 0 ;
	min-width: 260px;
	margin:0;
	padding: 0;
}

.flex-row {
	
	display: flex;  /* flex (default)| inline-flex */
	flex-direction: row ;/* row (default)| row-reverse | column | column-reverse */
	flex-wrap: wrap; /* nowrap (default)| wrap | wrap-reverse*/
	flex-flow: row wrap; /* this is the same as:* flex-direction: row;* flex-wrap: wrap; |row nowrap (default)| row wrap | column wrap */
	justify-content: center; /* flex-start (default)| flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
	align-items: flex-start; /* stretch (default)| flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe; */
	align-content: center; /* normal (default)| flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe; */
}


.flex-container {
	/* We first create a flex layout context */
	display: flex;
	max-width: 100%;
	
	/* Then we define the flow direction and if we allow the items to wrap */
	flex-flow: row wrap;  /*this is the same as:* flex-direction: row;* flex-wrap: wrap;   */
	
	/* Then we define how is distributed the remaining space */
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start ;
}


.flex-container p{
	padding: 10px;
	
}


.img-border {
    max-width: 100%;
    height: auto;
    padding: 5px;
    margin-right: 15px;
    border: 1px solid #E7E7E7;
	
}


/*
	box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;	
	
	Value		Description	Play it
	none		Default value. No shadow is displayed	
	h-offset	Required. The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box	
	v-offset	Required. The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box	
	blur		Optional. The blur radius. The higher the number, the more blurred the shadow will be	
	spread		Optional. The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow	
	color		Optional. The color of the shadow. The default value is the text color. Look at CSS Color Values for a complete list of possible color values.
	Note: In Safari (on PC) the color parameter is required. If you do not specify the color, the shadow is not displayed at all.
	
	inset		Optional. Changes the shadow from an outer shadow (outset) to an inner shadow	
	initial		Sets this property to its default value. Read about initial	
	inherit		Inherits this property from its parent element. Read about inherit
*/

.shadow-strong {
	-webkit-box-shadow: 3px 3px 3px 4px rgba(0,0,0,0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 3px 4px rgba(0,0,0,0.6);  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 3px 4px rgba(0,0,0,0.6);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
	
}
.shadow-medium {
	-webkit-box-shadow: 2px 2px 2px 3px rgba(0,0,0,0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    2px 2px 2px 3px rgba(0,0,0,0.3);  /* Firefox 3.5 - 3.6 */
	box-shadow:         2px 2px 2px 3px rgba(0,0,0,0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
	
}
.shadow-light {
	-webkit-box-shadow: 1px 0 1px 3px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 0 1px 3px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 0 1px 3px rgba(0,0,0,0.1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
	
}

/*
	.element {
	animation-name: stretch;
	animation-duration: 1.5s; 
	animation-timing-function: ease-out; 
	animation-delay: 0s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-fill-mode: none;
	animation-play-state: running; 
	}	
	
	
	
	animation-duration				Xs or Xms
	animation-timing-function		ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) (e.g. cubic-bezier(0.5, 0.2, 0.3, 1.0))
	animation-delay					Xs or Xms
	animation-direction				normal, alternate
	animation-iteration-count		X
	animation-fill-mode				forwards, backwards, both, none
	animation-play-state			paused, running, running
*/




.box{
	width: 300px; height: 200px;
	background-color: #DDFFF7;
	position: relative;
	box-shadow: 10px 10px 42px 0 rgba(0,0,0,0.75);
}
.box:after, .box:before{
	mix-blend-mode:multiply;
	filter:none;
	z-index: -1;
	content:'';
	width:calc(100% + (50px * 2));
	height:calc(100% + (50px * 2));
	position: absolute;
	display: block;
	animation: border 10s ease-in-out infinite;
	transform:translateX(-50px) translateY(-50px);
}
@keyframes border {
	0%, 100% {
		-webkit-clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
		clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
	}
	50% {
		-webkit-clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
		clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
	}
}

.box:after{
	animation-delay: -5s;
	background-color: #93e1d8;
	clip-path: polygon(0 0, calc(100% - (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 100%, calc(0% + (33.3333333333px)) calc(100% - (33.3333333333px)));
}
.box:before {
	background-color: #AA4465;
	clip-path: polygon(calc(0% + (33.3333333333px)) calc(0% + (33.3333333333px)), 100% 0, calc(100% - (33.3333333333px)) calc(100% - (33.3333333333px)), 0 100%);
}

.box:hover:after{
	animation-delay: -0.1s;
}
.box:hover:before, .box:hover:after {
	animation-duration: 0.2s;
}	

@keyframes motions {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
@-moz-keyframes motions {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
@-webkit-keyframes motions {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
@-o-keyframes motions {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}


@-webkit-keyframes bkg-fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes bkg-fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes bkg-fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes bkg-fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes font-size {
	0% {
		font-size: 6px;
	}
	100% {
		font-size: inherit;
	}
	
}

@keyframes stretch {
	0% {
		transform: scale(.3);
		background-color: red;
		border-radius: 100%;
	}
	50% {
		background-color: orange;
	}
	100% {
		transform: scale(1.5);
		background-color: yellow;
	}
}
@keyframes pulse {
	0% {
		background-color: #999999;
	}
	50% {
		background-color: #333333;
	}
	100% {
		background-color: #f1f1f1;
	}
}

/*	box-shadow: none;*/
/*	box-shadow: h-offset v-offset blur spread color |inset|initial|inherit;*/
/*	Value	Description	Play it
	none	Default value. No shadow is displayed	
	h-offset	Required. The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box	
	v-offset	Required. The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box	
	blur	Optional. The blur radius. The higher the number, the more blurred the shadow will be	
	spread	Optional. The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow	
	color	Optional. The color of the shadow. The default value is the text color. Look at CSS Color Values for a complete list of possible color values.
	
	Note: In Safari (on PC) the color parameter is required. If you do not specify the color, the shadow is not displayed at all.	
	inset	Optional. Changes the shadow from an outer shadow (outset) to an inner shadow	
	initial	Sets this property to its default value. Read about initial	
inherit	Inherits this property from its parent element. Read about inherit*/


@keyframes box_shadow {
	10% {
		box-shadow: 0 5px 5px 2px rgba(0,0,0,0.1);
	}
	50% {
		box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2);
	}
	100% {
		box-shadow: 0 2px 5px -2px rgba(0,0,0,0.3);
	}
}

@-webkit-keyframes myMove {
    0%   { -webkit-transform: scale(1); }
    50%  { -webkit-transform: translate3d(0, 0, 0);}
    100% { -webkit-transform: scale(.5) translate3d(-450px, -350px, 0);} 
}

@-moz-keyframes myMove {
    0%   { -moz-transform: scale(1); }
    50%  { -moz-transform: translate3d(0, 0, 0);}
    100% { -moz-transform: scale(.5) translate3d(-450px, -350px, 0);} 
}

@keyframes myMove {
    0%   { transform: scale(1); }
    50%  { transform: translate3d(0, 0, 0);}
    100% { transform: scale(.5) translate3d(-450px, -350px, 0);} 
}

.dropcap {
    background-image: url(../../../../../image/bullet/dropcap.png);
    color: #ffffff;
}

.dropcap {
    background-image: url(../../../../../image/bullet/dropcap.png);
    color: #ffffff;
}
.dropcap {
    display: block;
    float: left;
    margin: 0 22px 20px 0;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:60px 60px;
    font-size: 24px;
    line-height:60px;
    text-align: center;
}


.video-player {
    position: relative;
    margin:0;
    padding:0;
    left: 0;
    top: 0;
    width: 100%;
    height:100%;
	
}

.video-container{
	width: 100%;
	height: 100%;
}

.information-contact .form-horizontal .form-group {
    margin-right: 15px;
    margin-left: 15px;
}


.html .sticky{
	margin:0;
	padding:0;
}

video{
	width:100%;
	height:auto;
	
}


#search .btn-lg {
	font-size: 18px;
	line-height: 9px;
	text-shadow: 0 1px 0 #FFF;
}

.information-contact-success div.container, .information-contact-success div.row, .information-contact-success .col-sm-12, .information-contact-success .html , .information-contact-success .content {
	padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
	
}

.common-home div.container, .common-home div.row, .common-home .col-sm-12, .common-home .html , .common-home .content{
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
.container {
	padding-right: 5px;
	padding-left: 5px;
	width: 100%
}
.navbar {
    min-height: 60px;
}



div#top-links.nav.pull-right.col-xs-2{
    padding-right: 0px;
    padding-left: 0px;
	
}
.account-register div.container,   .account-register div.row, .account-register div.col-sm-12,  .account-register .html, .account-register .content{
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.toplink{
	display:none;
}

.owl-carousel {
	margin: 0 15px 15px 0;
	direction: ltr !important;
	z-index: 1;
}

.owl-wrapper-outer {
	display:inline-block!important;
	width:100%;
	height:auto;
	background-color:#fff;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.owl-title {
	position: absolute;
	top: 40%;
	left:15%;
	
}



footer .container {
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	width: 100%
}


#cart .dropdown-menu {
	width:300px;
	min-width: 250px;
    max-width: 600px;
}

#cart.open>.btn {
    background-image: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}


#cart {
    margin-bottom: 10px;
}

.btn-block {
    display: block;
    width: 100%;
}

#cart>.btn {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
}
.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #363636;
    background-image: linear-gradient(to bottom,#444444,#222222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
}

.btn-block {
    display: block;
    width: 100%;
}
ul#head-cart.dropdown-menu {
    max-width: 300px;
}


.dropdown-menu.pull-right {
    right: auto;
    left: auto;
    padding:2px 4px;
}

.dropdown-menu-right {
	left: 0;
}

#coupon{
	border: 2px solid #000000;
	
}
@media only screen and (min-width: 768px) and (max-width: 1600px)  {
     #img-logo {
        padding-top:10px;

     }
}

.radius-right-5 {
	 border-radius: 0 5px 5px 0;
}
.radius-right-10 {
	 border-radius: 0 10px 10px 0;
}
.radius-right-15 {
	 border-radius: 0 15px  15px 0;
}
.radius-right-20 {
	 border-radius: 0 20px  20px 0;
}
.radius-right-25 {
	 border-radius: 0 25px  25px 0;
}
.radius-right-30 {
	 border-radius: 0 30px  30px 0;
}

.radius-left-5 {
	 border-radius: 5px 0 0 5px;
}
.radius-left-10 {
	 border-radius: 10px 0 0 10px;
}
.radius-left-15 {
	 border-radius: 15px  0 0 15px;
}
.radius-left-20 {
	 border-radius: 20px  0 0 20px;
}
.radius-left-25 {
	 border-radius: 25px  0 0 25px;
}
.radius-left-30 {
	 border-radius: 30px  0 0 30px;
}
.radius-5 {
	 border-radius: 5px;
}
.radius-10 {
	 border-radius: 10px;
}
.radius-15 {
	 border-radius: 15px;
}
.radius-20 {
	 border-radius: 20px;
}
.radius-25 {
	 border-radius: 25px;
}
.radius-30 {
	 border-radius: 30px;
}

.radius-35 {
	 border-radius: 35px;
}
.radius-40 {
	 border-radius: 40px;
}
.radius-45 {
	 border-radius: 45px;
}
.radius-50 {
	 border-radius: 50px;
}
.radius-round {
	 border-radius: 50%;
}

.padding-5 {
	 padding: 5px;
}
.padding-10 {
	 padding: 10px;
}
.padding-15 {
	 padding: 15px;
}
.padding-20 {
	 padding: 20px;
}
.padding-25 {
	 padding: 25px;
}
.padding-30 {
	 padding: 30px;
}
.padding-35 {
	 padding: 35px;
}
.padding-40 {
	 padding: 40px;
}
.padding-45 {
	 padding: 45px;
}
.padding-50 {
	 padding: 50px;
}
.padding-55 {
	padding: 55px;
}
.padding-60 {
	 padding: 60px;
}

.margin-5 {
	 margin: 5px;
}
.margin-10 {
	 margin: 10px;
}
.margin-15 {
	 margin: 15px;
}
.margin-20 {
	 margin: 20px;
}
.margin-25 {
	 margin: 25px;
}
.margin-30 {
	 margin: 30px;
}
.margin-35 {
	 margin: 35px;
}

.margin-40 {
	 margin: 40px;
}

.margin-45 {
	 margin: 45px;
	 }
	 
.margin-50 {
	 margin: 50px;
}

.margin-55 {
	 margin: 55px;
}

.margin-60 {
	 margin: 60px;
}

.margin-bottom-10 {
    padding-bottom: 10px;
}


#html-header {
	position:relative;
	display:inline-block;
	height:100%;
	
	
}

.wrapper {
	position: relative;
	display: inline-block;
	width:100%;
	height:100%;
	margin: 0 auto;
	text-align:center;
	vertical-align: top;
    background-color:#f5f7fa;
	}
	
.inner {
	width:80%;
	height:420px;
	margin: 0 auto 0 auto;
	padding:0 ;
	vertical-align: top;
}

.inner-box1 {
	position: relative;
	display: inline-block;
	float:left;
	width:40%;
	height:100%;
	padding: 0;
	text-align: right;
}


.inner-box1 img {
	width:auto;	
	height:100%;
	border-radius: 25px  0 0 25px;
}


.inner-box2 {
	position: relative;
	display: inline-block;
	float:left;
	width: 60%;
	height:inherit;
	padding: 20px 0;
	margin-right:auto;
	vertical-align: top;
	background-color:#fff;
	border-radius: 0 25px  25px 0;
	text-align: center;

}

.inner-box3 {
	position: relative;
	display: inline-block;
	width:60%;
	margin: 0;
	padding: 0;
}
.inner-box31 {
	width:100%;
	margin: 0;
	padding: 0;
	text-align:left;

}

.inner-box32 {
	width:100%;
	margin: 0;
	padding: 0;
	text-align:justify;
}

@media (max-width: 767px){
	.wrapper {
		position: relative;
		display: inline-block;
		width:100%;
		height:100%;
		margin: 0 auto;
		text-align:center;
		vertical-align: top;
	}

	.inner {
	    position:relative;
		width: 96%;
		height:100%;
	}
	.inner-box {
		position: relative;
		display: inline-block;
		float:left;
		width:40%;
		height:100%;
		text-align: left;
	}
	
	.inner-box1,.inner-box2 {
		position:relative;
		display: inline-block;
        float:left;
		width: 100%;
		height:50%;
		border-radius: 5px;
		
	}
		
	.inner-box3 {
		position:relative;
		float:none;
		width: 90%;
	}	
		
	.inner-box1 img {
	    position:relative;
		width: 100%;
		height:auto;
		border-radius: 5px;
		}
		
}


.btnradius1 {
  border-radius: 30px;
  background: #58ac40;
  padding: 10px 40px;
  width:100px;
  height: 36px;
  line-height:14px;
}

.wrapper1 {
	width:100%;
	margin: 0 auto;
	text-align:center;
	vertical-align: top;
	}
.inner11 {
	position: relative;
	width:30%;
	min-width:350px;
	display: inline-block;
	margin: 0 30px 0 auto;
	vertical-align: top;
	text-align:center;
}
.inner12 {
	position: relative;
	width:40%;
	min-width:350px;
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
	text-align:center;
}

.wrapper2 {
	width:100%;
	margin: 0 auto;
	text-align:center;
	vertical-align: top;
	}
.inner21 {
	position: relative;
	width:46%;
	display: inline-block;
	margin: 0 30px 0 auto;
	vertical-align: top;
	text-align:left;
}
.inner22 {
	position: relative;
	width:46%;
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
	text-align:left;
}



div.html_38, div.html_39, div.html_40, div.html_41, div.html_42, div.html_43 {
	display:none;
	
}

#html-contact-us div.form-horizontal.inner-box1 {
	position: relative;
	display: inline-block;
	float:left;
	width:40%;
	height:100%;
	text-align: left;
	
}


#html-contact-us .form-wrapper {
	position: relative;
	display: inline-block;
	width:100%;
	text-align:center;
	margin:auto;
	background-color:#c6cfe0;
}

#html-contact-us .form-group {
    margin-bottom: 0px;
	}

#html-contact-us .form-inner {
	position: relative;
	display: inline-block;
	width:80%;
	margin: 0 auto 0 auto;
}

#html-contact-us  input {
	width:100%;
	border: 0px solid #fff;
	padding: 15px;
	border-radius: 5px;
}
#html-contact-us  textarea {
	width:100%;
	border: 0px solid #fff;
    padding: 15px;
	border-radius: 5px;
}

#html-contact-us  .wrap1 {
    padding:0 15px;
	padding: 15px;
	border-radius: 5px;
}

#html-contact-us  .wrap2 {
	
	border-radius: 5px;
	background-color: #fff;

}
#html-contact-us  .wrap3 {
    padding:15px;

}

#html-contact-us .btnradius1{
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align:middle;
	margin:auto;
	width:150px;
	height:40px;
	border: 0px solid #fff;
	font-size: 12px;

}
#html-contact-us .btnradius1 input{
	text-align: center;
	vertical-align:middle;
	margin:auto;
	padding:0;
	color:#fff;
	font-size: 14px;
	border: 0px solid #fff;
	border-radius: 0;
    background-color: #58ac40;

}

.clearboth {
	clear:both;
	background-color: inherit;
}

#html-contact-us .clearboth {
	clear:both;
	background-color: #c6cfe0;
}



.owl-item {

  cursor:pointer;
}

/* footer */
footer {
	padding-left:5px;
	padding-top: 30px;
	background-color: #303030;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

footer > #logo {
	max-width: 200px;
	height:auto!important;
	background-color: transparent;
}

footer a:link:active, footer a:visited:active {
  color: #fff;
  text-decoration:none;
}

footer a:link, footer a:visited {
   color: #fff;
   text-decoration:none;
}




.col-center{
    float: none;
    margin: 0 auto;
}