@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.label, sub, sup {
	vertical-align: baseline
}

.btn, .btn-group, .btn-group-vertical, .caret, .checkbox-inline, .radio-inline, img {
	vertical-align: middle
}
[class^="col-"], [class*=" col-"] {
padding-left: 15px;
padding-right: 15px;
}

.row {
margin-left: -15px;
margin-right: -15px;
}
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot?v=376');
	src: url('../fonts/glyphicons-halflings-regular.eot?v=376?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2?v=376') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff?v=376') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf?v=376') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg?v=376#glyphicons_halflingsregular') format('svg')
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
	content: "\2a"
}

.glyphicon-plus:before {
	content: "\2b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
	content: "\20ac"
}

.glyphicon-minus:before {
	content: "\2212"
}

.glyphicon-cloud:before {
	content: "\2601"
}

.glyphicon-envelope:before {
	content: "\2709"
}

.glyphicon-pencil:before {
	content: "\270f"
}

.glyphicon-glass:before {
	content: "\e001"
}

.glyphicon-music:before {
	content: "\e002"
}

.glyphicon-search:before {
	content: "\e003"
}

.glyphicon-heart:before {
	content: "\e005"
}

.glyphicon-star:before {
	content: "\e006"
}

.glyphicon-star-empty:before {
	content: "\e007"
}

.glyphicon-user:before {
	content: "\e008"
}

.glyphicon-film:before {
	content: "\e009"
}

.glyphicon-th-large:before {
	content: "\e010"
}

.glyphicon-th:before {
	content: "\e011"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-ok:before {
	content: "\e013"
}

.glyphicon-remove:before {
	content: "\e014"
}

.glyphicon-zoom-in:before {
	content: "\e015"
}

.glyphicon-zoom-out:before {
	content: "\e016"
}

.glyphicon-off:before {
	content: "\e017"
}

.glyphicon-signal:before {
	content: "\e018"
}

.glyphicon-cog:before {
	content: "\e019"
}

.glyphicon-trash:before {
	content: "\e020"
}

.glyphicon-home:before {
	content: "\e021"
}

.glyphicon-file:before {
	content: "\e022"
}

.glyphicon-time:before {
	content: "\e023"
}

.glyphicon-road:before {
	content: "\e024"
}

.glyphicon-download-alt:before {
	content: "\e025"
}

.glyphicon-download:before {
	content: "\e026"
}

.glyphicon-upload:before {
	content: "\e027"
}

.glyphicon-inbox:before {
	content: "\e028"
}

.glyphicon-play-circle:before {
	content: "\e029"
}

.glyphicon-repeat:before {
	content: "\e030"
}

.glyphicon-refresh:before {
	content: "\e031"
}

.glyphicon-list-alt:before {
	content: "\e032"
}

.glyphicon-lock:before {
	content: "\e033"
}

.glyphicon-flag:before {
	content: "\e034"
}

.glyphicon-headphones:before {
	content: "\e035"
}

.glyphicon-volume-off:before {
	content: "\e036"
}

.glyphicon-volume-down:before {
	content: "\e037"
}

.glyphicon-volume-up:before {
	content: "\e038"
}

.glyphicon-qrcode:before {
	content: "\e039"
}

.glyphicon-barcode:before {
	content: "\e040"
}

.glyphicon-tag:before {
	content: "\e041"
}

.glyphicon-tags:before {
	content: "\e042"
}

.glyphicon-book:before {
	content: "\e043"
}

.glyphicon-bookmark:before {
	content: "\e044"
}

.glyphicon-print:before {
	content: "\e045"
}

.glyphicon-camera:before {
	content: "\e046"
}

.glyphicon-font:before {
	content: "\e047"
}

.glyphicon-bold:before {
	content: "\e048"
}

.glyphicon-italic:before {
	content: "\e049"
}

.glyphicon-text-height:before {
	content: "\e050"
}

.glyphicon-text-width:before {
	content: "\e051"
}

.glyphicon-align-left:before {
	content: "\e052"
}

.glyphicon-align-center:before {
	content: "\e053"
}

.glyphicon-align-right:before {
	content: "\e054"
}

.glyphicon-align-justify:before {
	content: "\e055"
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-facetime-video:before {
	content: "\e059"
}

.glyphicon-picture:before {
	content: "\e060"
}

.glyphicon-map-marker:before {
	content: "\e062"
}

.glyphicon-adjust:before {
	content: "\e063"
}

.glyphicon-tint:before {
	content: "\e064"
}

.glyphicon-edit:before {
	content: "\e065"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-check:before {
	content: "\e067"
}

.glyphicon-move:before {
	content: "\e068"
}

.glyphicon-step-backward:before {
	content: "\e069"
}

.glyphicon-fast-backward:before {
	content: "\e070"
}

.glyphicon-backward:before {
	content: "\e071"
}

.glyphicon-play:before {
	content: "\e072"
}

.glyphicon-pause:before {
	content: "\e073"
}

.glyphicon-stop:before {
	content: "\e074"
}

.glyphicon-forward:before {
	content: "\e075"
}

.glyphicon-fast-forward:before {
	content: "\e076"
}

.glyphicon-step-forward:before {
	content: "\e077"
}

.glyphicon-eject:before {
	content: "\e078"
}

.glyphicon-chevron-left:before {
	content: "\e079"
}

.glyphicon-chevron-right:before {
	content: "\e080"
}

.glyphicon-plus-sign:before {
	content: "\e081"
}

.glyphicon-minus-sign:before {
	content: "\e082"
}

.glyphicon-remove-sign:before {
	content: "\e083"
}

.glyphicon-ok-sign:before {
	content: "\e084"
}

.glyphicon-question-sign:before {
	content: "\e085"
}

.glyphicon-info-sign:before {
	content: "\e086"
}

.glyphicon-screenshot:before {
	content: "\e087"
}

.glyphicon-remove-circle:before {
	content: "\e088"
}

.glyphicon-ok-circle:before {
	content: "\e089"
}

.glyphicon-ban-circle:before {
	content: "\e090"
}

.glyphicon-arrow-left:before {
	content: "\e091"
}

.glyphicon-arrow-right:before {
	content: "\e092"
}

.glyphicon-arrow-up:before {
	content: "\e093"
}

.glyphicon-arrow-down:before {
	content: "\e094"
}

.glyphicon-share-alt:before {
	content: "\e095"
}

.glyphicon-resize-full:before {
	content: "\e096"
}

.glyphicon-resize-small:before {
	content: "\e097"
}

.glyphicon-exclamation-sign:before {
	content: "\e101"
}

.glyphicon-gift:before {
	content: "\e102"
}

.glyphicon-leaf:before {
	content: "\e103"
}

.glyphicon-fire:before {
	content: "\e104"
}

.glyphicon-eye-open:before {
	content: "\e105"
}

.glyphicon-eye-close:before {
	content: "\e106"
}

.glyphicon-warning-sign:before {
	content: "\e107"
}

.glyphicon-plane:before {
	content: "\e108"
}

.glyphicon-calendar:before {
	content: "\e109"
}

.glyphicon-random:before {
	content: "\e110"
}

.glyphicon-comment:before {
	content: "\e111"
}

.glyphicon-magnet:before {
	content: "\e112"
}

.glyphicon-chevron-up:before {
	content: "\e113"
}

.glyphicon-chevron-down:before {
	content: "\e114"
}

.glyphicon-retweet:before {
	content: "\e115"
}

.glyphicon-shopping-cart:before {
	content: "\e116"
}

.glyphicon-folder-close:before {
	content: "\e117"
}

.glyphicon-folder-open:before {
	content: "\e118"
}

.glyphicon-resize-vertical:before {
	content: "\e119"
}

.glyphicon-resize-horizontal:before {
	content: "\e120"
}

.glyphicon-hdd:before {
	content: "\e121"
}

.glyphicon-bullhorn:before {
	content: "\e122"
}

.glyphicon-bell:before {
	content: "\e123"
}

.glyphicon-certificate:before {
	content: "\e124"
}

.glyphicon-thumbs-up:before {
	content: "\e125"
}

.glyphicon-thumbs-down:before {
	content: "\e126"
}

.glyphicon-hand-right:before {
	content: "\e127"
}

.glyphicon-hand-left:before {
	content: "\e128"
}

.glyphicon-hand-up:before {
	content: "\e129"
}

.glyphicon-hand-down:before {
	content: "\e130"
}

.glyphicon-circle-arrow-right:before {
	content: "\e131"
}

.glyphicon-circle-arrow-left:before {
	content: "\e132"
}

.glyphicon-circle-arrow-up:before {
	content: "\e133"
}

.glyphicon-circle-arrow-down:before {
	content: "\e134"
}

.glyphicon-globe:before {
	content: "\e135"
}

.glyphicon-wrench:before {
	content: "\e136"
}

.glyphicon-tasks:before {
	content: "\e137"
}

.glyphicon-filter:before {
	content: "\e138"
}

.glyphicon-briefcase:before {
	content: "\e139"
}

.glyphicon-fullscreen:before {
	content: "\e140"
}

.glyphicon-dashboard:before {
	content: "\e141"
}

.glyphicon-paperclip:before {
	content: "\e142"
}

.glyphicon-heart-empty:before {
	content: "\e143"
}

.glyphicon-link:before {
	content: "\e144"
}

.glyphicon-phone:before {
	content: "\e145"
}

.glyphicon-pushpin:before {
	content: "\e146"
}

.glyphicon-usd:before {
	content: "\e148"
}

.glyphicon-gbp:before {
	content: "\e149"
}

.glyphicon-sort:before {
	content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152"
}

.glyphicon-sort-by-order:before {
	content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154"
}

.glyphicon-sort-by-attributes:before {
	content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156"
}

.glyphicon-unchecked:before {
	content: "\e157"
}

.glyphicon-expand:before {
	content: "\e158"
}

.glyphicon-collapse-down:before {
	content: "\e159"
}

.glyphicon-collapse-up:before {
	content: "\e160"
}

.glyphicon-log-in:before {
	content: "\e161"
}

.glyphicon-flash:before {
	content: "\e162"
}

.glyphicon-log-out:before {
	content: "\e163"
}

.glyphicon-new-window:before {
	content: "\e164"
}

.glyphicon-record:before {
	content: "\e165"
}

.glyphicon-save:before {
	content: "\e166"
}

.glyphicon-open:before {
	content: "\e167"
}

.glyphicon-saved:before {
	content: "\e168"
}

.glyphicon-import:before {
	content: "\e169"
}

.glyphicon-export:before {
	content: "\e170"
}

.glyphicon-send:before {
	content: "\e171"
}

.glyphicon-floppy-disk:before {
	content: "\e172"
}

.glyphicon-floppy-saved:before {
	content: "\e173"
}

.glyphicon-floppy-remove:before {
	content: "\e174"
}

.glyphicon-floppy-save:before {
	content: "\e175"
}

.glyphicon-floppy-open:before {
	content: "\e176"
}

.glyphicon-credit-card:before {
	content: "\e177"
}

.glyphicon-transfer:before {
	content: "\e178"
}

.glyphicon-cutlery:before {
	content: "\e179"
}

.glyphicon-header:before {
	content: "\e180"
}

.glyphicon-compressed:before {
	content: "\e181"
}

.glyphicon-earphone:before {
	content: "\e182"
}

.glyphicon-phone-alt:before {
	content: "\e183"
}

.glyphicon-tower:before {
	content: "\e184"
}

.glyphicon-stats:before {
	content: "\e185"
}

.glyphicon-sd-video:before {
	content: "\e186"
}

.glyphicon-hd-video:before {
	content: "\e187"
}

.glyphicon-subtitles:before {
	content: "\e188"
}

.glyphicon-sound-stereo:before {
	content: "\e189"
}

.glyphicon-sound-dolby:before {
	content: "\e190"
}

.glyphicon-sound-5-1:before {
	content: "\e191"
}

.glyphicon-sound-6-1:before {
	content: "\e192"
}

.glyphicon-sound-7-1:before {
	content: "\e193"
}

.glyphicon-copyright-mark:before {
	content: "\e194"
}

.glyphicon-registration-mark:before {
	content: "\e195"
}

.glyphicon-cloud-download:before {
	content: "\e197"
}

.glyphicon-cloud-upload:before {
	content: "\e198"
}

.glyphicon-tree-conifer:before {
	content: "\e199"
}

.glyphicon-tree-deciduous:before {
	content: "\e200"
}

.glyphicon-cd:before {
	content: "\e201"
}

.glyphicon-save-file:before {
	content: "\e202"
}

.glyphicon-open-file:before {
	content: "\e203"
}

.glyphicon-level-up:before {
	content: "\e204"
}

.glyphicon-copy:before {
	content: "\e205"
}

.glyphicon-paste:before {
	content: "\e206"
}

.glyphicon-alert:before {
	content: "\e209"
}

.glyphicon-equalizer:before {
	content: "\e210"
}

.glyphicon-king:before {
	content: "\e211"
}

.glyphicon-queen:before {
	content: "\e212"
}

.glyphicon-pawn:before {
	content: "\e213"
}

.glyphicon-bishop:before {
	content: "\e214"
}

.glyphicon-knight:before {
	content: "\e215"
}

.glyphicon-baby-formula:before {
	content: "\e216"
}

.glyphicon-tent:before {
	content: "\26fa"
}

.glyphicon-blackboard:before {
	content: "\e218"
}

.glyphicon-bed:before {
	content: "\e219"
}

.glyphicon-apple:before {
	content: "\f8ff"
}

.glyphicon-erase:before {
	content: "\e221"
}

.glyphicon-hourglass:before {
	content: "\231b"
}

.glyphicon-lamp:before {
	content: "\e223"
}

.glyphicon-duplicate:before {
	content: "\e224"
}

.glyphicon-piggy-bank:before {
	content: "\e225"
}

.glyphicon-scissors:before {
	content: "\e226"
}

.glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before {
	content: "\e227"
}

.glyphicon-jpy:before, .glyphicon-yen:before {
	content: "\00a5"
}

.glyphicon-rub:before, .glyphicon-ruble:before {
	content: "\20bd"
}

.glyphicon-scale:before {
	content: "\e230"
}

.glyphicon-ice-lolly:before {
	content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232"
}

.glyphicon-education:before {
	content: "\e233"
}

.glyphicon-option-horizontal:before {
	content: "\e234"
}

.glyphicon-option-vertical:before {
	content: "\e235"
}

.glyphicon-menu-hamburger:before {
	content: "\e236"
}

.glyphicon-modal-window:before {
	content: "\e237"
}

.glyphicon-oil:before {
	content: "\e238"
}

.glyphicon-grain:before {
	content: "\e239"
}

.glyphicon-sunglasses:before {
	content: "\e240"
}

.glyphicon-text-size:before {
	content: "\e241"
}

.glyphicon-text-color:before {
	content: "\e242"
}

.glyphicon-text-background:before {
	content: "\e243"
}

.glyphicon-object-align-top:before {
	content: "\e244"
}

.glyphicon-object-align-bottom:before {
	content: "\e245"
}

.glyphicon-object-align-horizontal:before {
	content: "\e246"
}

.glyphicon-object-align-left:before {
	content: "\e247"
}

.glyphicon-object-align-vertical:before {
	content: "\e248"
}

.glyphicon-object-align-right:before {
	content: "\e249"
}

.glyphicon-triangle-right:before {
	content: "\e250"
}

.glyphicon-triangle-left:before {
	content: "\e251"
}

.glyphicon-triangle-bottom:before {
	content: "\e252"
}

.glyphicon-triangle-top:before {
	content: "\e253"
}

.glyphicon-console:before {
	content: "\e254"
}

.glyphicon-superscript:before {
	content: "\e255"
}

.glyphicon-subscript:before {
	content: "\e256"
}

.glyphicon-menu-left:before {
	content: "\e257"
}

.glyphicon-menu-right:before {
	content: "\e258"
}

.glyphicon-menu-down:before {
	content: "\e259"
}

.glyphicon-menu-up:before {
	content: "\e260"
}

.fancybox-enabled {
	overflow: hidden
}

.fancybox-enabled body {
	overflow: visible;
	height: 100%
}

.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99993;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.fancybox-container~.fancybox-container {
	z-index: 99992
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .87;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
	position: absolute;
	direction: ltr;
	z-index: 99997;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s, visibility 0s linear .25s;
	box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
	top: 0;
	left: 50%;
	margin-left: -79px
}

.fancybox-infobar__body {
	display: inline-block;
	width: 70px;
	line-height: 44px;
	font-size: 13px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
	color: #ddd;
	background-color: rgba(30, 30, 30, .7);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased
}

.fancybox-toolbar {
	top: 0;
	right: 0
}

.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 99994;
	-webkit-transform: translateZ(0)
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
	display: block
}

.fancybox-slide--image {
	overflow: visible
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
	background: #000
}

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
	background: #e5e3df
}

.fancybox-slide--next {
	z-index: 99995
}

.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-image, .fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff
}

.fancybox-iframe {
	display: block;
	padding: 0;
	border: 0;
	height: 100%
}

.fancybox-error, .fancybox-iframe {
	margin: 0;
	width: 100%;
	background: #fff
}

.fancybox-error {
	padding: 40px;
	max-width: 380px;
	cursor: default
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	outline: none;
	background: transparent;
	z-index: 10;
	cursor: pointer
}

.fancybox-close-small:after {
	content: "×";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background: #fff;
	transition: background .25s;
	box-sizing: border-box;
	z-index: 2
}

.fancybox-close-small:focus:after {
	outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
	top: 0;
	right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
	background: transparent;
	font-size: 35px;
	color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
	color: #fff
}

.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 30px 0;
	background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
	pointer-events: none
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid hsla(0, 0%, 100%, .4);
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
	pointer-events: all
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}

.fancybox-button {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: transparent;
	color: #ddd;
	border-radius: 0;
	cursor: pointer;
	vertical-align: top;
	outline: none
}

.fancybox-button[disabled] {
	cursor: default;
	pointer-events: none
}

.fancybox-button, .fancybox-infobar__body {
	background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover:not([disabled]) {
	color: #fff;
	background: rgba(0, 0, 0, .8)
}

.fancybox-button:after, .fancybox-button:before {
	content: "";
	pointer-events: none;
	position: absolute;
	background-color: currentColor;
	color: currentColor;
	opacity: .9;
	box-sizing: border-box;
	display: inline-block
}

.fancybox-button[disabled]:after, .fancybox-button[disabled]:before {
	opacity: .3
}

.fancybox-button--left:after, .fancybox-button--right:after {
	top: 18px;
	width: 6px;
	height: 6px;
	background: transparent;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor
}

.fancybox-button--left:after {
	left: 20px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.fancybox-button--right:after {
	right: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.fancybox-button--left {
	border-bottom-left-radius: 5px
}

.fancybox-button--right {
	border-bottom-right-radius: 5px
}

.fancybox-button--close:after, .fancybox-button--close:before {
	content: "";
	display: inline-block;
	position: absolute;
	height: 2px;
	width: 16px;
	top: calc(50% - 1px);
	left: calc(50% - 8px)
}

.fancybox-button--close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.fancybox-button--close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.fancybox-arrow {
	position: absolute;
	top: 50%;
	margin: -50px 0 0;
	height: 100px;
	width: 54px;
	padding: 0;
	border: 0;
	outline: none;
	background: none;
	cursor: pointer;
	z-index: 99995;
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: opacity .25s
}

.fancybox-arrow:after {
	content: "";
	position: absolute;
	top: 28px;
	width: 44px;
	height: 44px;
	background-color: rgba(30, 30, 30, .8);
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 24px 24px
}

.fancybox-arrow--right {
	right: 0
}

.fancybox-arrow--left {
	left: 0;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.fancybox-arrow--left:after, .fancybox-arrow--right:after {
	left: 0
}

.fancybox-show-nav .fancybox-arrow {
	opacity: .6
}

.fancybox-show-nav .fancybox-arrow[disabled] {
	opacity: .3
}

.fancybox-loading {
	border: 6px solid hsla(0, 0%, 39%, .4);
	border-top: 6px solid hsla(0, 0%, 100%, .6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 99999
}

@-webkit-keyframes a {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}

}

@keyframes a {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}

}

.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	-webkit-transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5);
	opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	-webkit-transform: scale3d(.5, .5, .5);
	transform: scale3d(.5, .5, .5);
	opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn);
	opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
	-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
	-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
	transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
	transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}

@media (max-width:800px) {
	.fancybox-infobar {
		left: 0;
		margin-left: 0
	}

	.fancybox-button--left, .fancybox-button--right {
		display: none !important
	}

	.fancybox-caption {
		padding: 20px 0;
		margin: 0
	}

}

.fancybox-button--fullscreen:before {
	width: 15px;
	height: 11px;
	left: calc(50% - 7px);
	top: calc(50% - 6px);
	border: 2px solid;
	background: none
}

.fancybox-button--pause:before, .fancybox-button--play:before {
	top: calc(50% - 6px);
	left: calc(50% - 4px);
	background: transparent
}

.fancybox-button--play:before {
	width: 0;
	height: 0;
	border-top: 6px inset transparent;
	border-bottom: 6px inset transparent;
	border-left: 10px solid;
	border-radius: 1px
}

.fancybox-button--pause:before {
	width: 7px;
	height: 11px;
	border-style: solid;
	border-width: 0 2px
}

.fancybox-button--thumbs, .fancybox-thumbs {
	display: none
}

@media (min-width:800px) {
	.fancybox-button--thumbs {
		display: inline-block
	}

	.fancybox-button--thumbs span {
		font-size: 23px
	}

	.fancybox-button--thumbs:before {
		width: 3px;
		height: 3px;
		top: calc(50% - 2px);
		left: calc(50% - 2px);
		box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
	}

	.fancybox-thumbs {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: 220px;
		margin: 0;
		padding: 5px 5px 0 0;
		background: #fff;
		word-break: normal;
		-webkit-tap-highlight-color: transparent;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		box-sizing: border-box;
		z-index: 99995
	}

	.fancybox-show-thumbs .fancybox-thumbs {
		display: block
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 220px
	}

	.fancybox-thumbs>ul {
		list-style: none;
		position: absolute;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 0
	}

	.fancybox-thumbs>ul>li {
		float: left;
		overflow: hidden;
		max-width: 50%;
		padding: 0;
		margin: 0;
		width: 105px;
		height: 75px;
		position: relative;
		cursor: pointer;
		outline: none;
		border: 5px solid transparent;
		border-top-width: 0;
		border-right-width: 0;
		-webkit-tap-highlight-color: transparent;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		box-sizing: border-box
	}

	li.fancybox-thumbs-loading {
		background: rgba(0, 0, 0, .1)
	}

	.fancybox-thumbs>ul>li>img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		max-width: none;
		max-height: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.fancybox-thumbs>ul>li:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 2px;
		border: 4px solid #4ea7f9;
		z-index: 99991;
		opacity: 0;
		transition: all .2s cubic-bezier(.25, .46, .45, .94)
	}

	.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
		opacity: 1
	}

}

//hrv theme
.btn-detail, .subtext.success, strong {
	font-weight: 700
}

.modal-title span, em {
	font-style: italic
}

.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
	outline: 0
}

.flex-control-nav, .flex-direction-nav, .slides {
	margin: 0;
	padding: 0;
	list-style: none
}

.flexslider {
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	background: #fff;
	position: relative;
	zoom: 1
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
	margin-bottom: 0 !important;
	position: relative
}

.flexslider .slides img {
	max-width: 100%;
	display: inline-block
}

.no-js .slides>li:first-child, .slides:after, html[xmlns] .slides {
	display: block
}

.flex-pauseplay span {
	text-transform: capitalize
}

#cart-modal .item-title, .btn-detail, .modal-title {
	text-transform: uppercase
}

.slides:after {
	content: ".";
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

* html .slides {
	height: 1%
}

.flexslider .slides {
	zoom: 1
}

.flex-container {
	zoom: 1;
	position: relative
}

.flex-caption {
	zoom: 1;
	width: 96%;
	padding: 2%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
	font-size: 14px;
	line-height: 18px
}

.flex-direction-nav li {
	margin-bottom: 0
}

.flex-direction-nav li a {
	width: 32px;
	height: 32px;
	display: block;
	background: url(../images/slide-arrow.png) no-repeat;
	position: absolute;
	top: calc(50% - 16px);
	cursor: pointer;
	text-indent: -999em;
	border-radius: 50%;
	opacity: 0
}

.flex-direction-nav li .flex-disabled {
	display: none;
	filter: alpha(opacity=30);
	cursor: default
}

#p-sliderproduct:hover .flex-direction-nav li a, #sliderproduct:hover .flex-direction-nav li a {
	opacity: .7
}

#p-sliderproduct:hover .flex-direction-nav li a:hover, #sliderproduct:hover .flex-direction-nav li a:hover {
	opacity: 1
}

#sliderproduct .flex-viewport {
	width: 320px;
	margin: auto
}

#sliderproduct .flex-direction-nav li a.flex-prev {
	left: 0
}

#sliderproduct .flex-direction-nav li a.flex-next {
	right: 0
}

.product-thumb {
	width: 70px
}

.nav>li>a:focus, .nav>li>a:hover {
	background: 0 0;
	color: #208509;
}

.navbar-nav .collapsible .sub-arrow, .navbar-nav .sub-arrow {
	position: static;
	margin-top: 0;
	margin-right: 0;
	margin-left: 6px;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px dashed transparent;
	border-bottom: 4px dashed transparent;
	border-left: 4px dashed transparent
}

.navbar-nav ul .sub-arrow {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px dashed transparent;
	border-bottom: 4px dashed transparent;
	border-left: 4px solid
}

#navbar ul.dropdown-menu {
	background: #fff;
	min-width: 200px !important;
	border: 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 3px solid #208509;
	padding: 0
}

div#navbar>ul>li>ul {
	padding: 0
}

#navbar li, #navbar li>ul, #navbar li>ul>li>a {
	border-radius: 0
}

#navbar ul.dropdown-menu li a {
	margin: 0 !important;
	padding: 12px 0 10px 10px;
	white-space: normal !important;
	color: #3a3a3c
}

#navbar ul.dropdown-menu li a:hover {
	color: #208509
}

.navbar-nav ul .sub-arrow {
	margin: 6px 10px
}

.nav-item>ul.dropdown-menu li {
	border-bottom: 1px dashed #ccc
}

.nav-item>ul.dropdown-menu li:last-child {
	border-bottom: 0
}

.nav-item>ul.dropdown-menu li:hover {
	color: red
}

.nav-tabs li.dropdown.open .dropdown-toggle {
	color: #34495E;
	background-color: #f5f7fa
}

.nav-item.open a {
	background: 0 0
}

button[disabled], html input[disabled] {
	cursor: default;
	opacity: .4
}

.breadcrumb {
	background-color: transparent;
	margin: 0
}

.breadcrumbs {
	background: #f5f5f5;
	padding: 0
}

.custom-dropdown {
	margin-top: 5px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	border: 1px solid rgba(0, 0, 0, .1);
	max-width: 100%;
	overflow: hidden;
	margin-left: 2px;
	border-radius: 5px
}

.browse-tags .custom-dropdown {
	width: 180px;
	margin-top: 0;
	margin-bottom: 10px
}

.custom-dropdown::before {
	width: 2em;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 3px 3px 0
}

.custom-dropdown::after, .custom-dropdown::before {
	content: "";
	position: absolute;
	pointer-events: none
}

.custom-dropdown--white::before {
	background-color: #fff;
	border-left: 1px solid rgba(0, 0, 0, .1)
}

.custom-dropdown__select {
	font-size: inherit;
	padding: .5em 2.5em .5em .5em;
	margin: 0;
	width: 100%;
	border: 0;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0
}

.custom-dropdown__select--white {
	background-color: #fff;
	color: #444
}

.custom-dropdown::after {
	content: "\25BC";
	height: 1em;
	font-size: .625em;
	line-height: 1;
	right: 1.2em;
	top: 50%;
	margin-top: -.5em
}

.custom-dropdown--white::after {
	color: rgba(0, 0, 0, .9)
}

.btn-detail {
	border: none;
	color: #fff;
	text-align: center !important;
	border-radius: 3px;
	height: 40px;
	line-height: 42px;
	position: relative;
	cursor: pointer;
	transition: all .8s ease-in-out 0s;
	-webkit-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s
}

.btn-detail:after, .btn-detail:before {
	content: "";
	height: 100%;
	position: absolute;
	top: 0
}

.btn-detail:before {
	width: 1px;
	left: 50px
}

.btn-detail:after {
	width: 30px;
	float: left;
	left: 0
}

#checkout, #update-cart {
	float: right
}

.btn-color-add {
	background: #3a3a3c;
	width: 100%;
	margin: 10px 0
}

.btn-color-buy {
	background: #ff822e;
	cursor: pointer;
	width: 100%;
	margin: 10px 0
}

.btn-color-buy.disabled {
	background: #3a3a3c !important
}

table {
	width: 100%;
	border-spacing: 0
}

table tr td {
	border-top: 1px solid #ddd
}

table tr td:first-child, table tr th:first-child {
	padding-left: 5px
}

table tr td:last-child, table tr th:last-child {
	padding-right: 5px
}

#cart .buttons {
	margin: 30px 0 15px 0
}

#cart .extra-checkout-buttons {
	float: right;
	text-align: right;
	padding-top: 15px
}

#cart .extra-checkout-buttons input {
	border: none;
	box-shadow: none;
	height: 42px
}

#cart .qty {
	text-align: center
}

#cart .price, #cart .remove {
	text-align: right;
	font-family: inherit
}

#cart .image, .modal-header {
	text-align: center
}

#checkout {
	margin-left: 15px
}

#cart .image a, #cart .image img {
	margin: 0;
	border: none;
	max-height: 100px;
	max-width: 100%
}

#cart .variant_title {
	display: block;
	color: #d0d0d0
}

#cart a.click-delete {
	color: #208509
}

#cart .item {
	max-width: 400px
}

#cart .item-description {
	font-size: 12px
}

.subtext.success {
	color: #40954a
}

.subtext.error, div.errors {
	font-weight: 700;
	color: red
}

div.errors a {
	color: #53A1CC
}

div.errors {
	margin-bottom: 15px
}

.cart-buttons {
	float: right !important
}

.button-default, .continue {
	background: #208509;
	border: none;
	padding: 0 20px;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	float: right;
	height: 45px;
	line-height: 45px;
	position: relative;
	cursor: pointer;
	margin: 5px;
	font-weight: 400
}

.button-default:before, .continue:before {
	position: absolute;
	content: "";
	height: 100%
}

.button-default:before {
	width: 1px;
	right: 45px
}

.button-default:after {
	content: "";
	background: url(../images/icon-arr.png) center right no-repeat;
	width: 30px;
	height: 100%;
	float: right;
	margin-left: 10px
}

.continue {
	background: #383838
}

.continue:before {
	width: 1px;
	left: 45px
}

.counter-content embed {
	width: 100%
}

.checkout-buttons textarea {
	border-radius: 4px;
	height: 70px;
	border-color: #DDD7D7
}

.form-control, .input-group-addon {
	border-color: #E7E7E7
}

#cartformpage .remove a {
	color: #333;
	margin-right: 20px
}

#cartformpage .remove a.cart:hover {
	color: #53a1cc
}

#cartformpage img {
	max-width: 100px
}

#cartformpage th {
	padding-bottom: 20px
}

#cartformpage td {
	padding: 5px
}

.cart-buttons {
	margin-top: 30px
}

.face-content * {
	max-width: 100%
}

.modal-backdrop {
	position: fixed;
	z-index: 99
}

.input-group-addon {
	color: #DFDEDE;
	background-color: #F8F8F8 !important
}

.input-group {
	margin: 10px 0
}

.ultimate-search {
	margin-top: 0px;
	margin-bottom: 10px;
}

.product-block label.sale-lb {
	margin: 0
}

.inner-left {
	margin-left: 0 !important
}

.inner-right {
	margin-right: 0 !important
}

.clearfix:after, .clearfix:before, .row:after, .row:before {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden
}

@media (min-width:992px) {
	.modal-lg {
		width: 940px !important
	}

	.fixheight .product-img img:not(.gift):last-child {
		vertical-align: middle;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto
	}

}

.modal-header {
	padding: 20px 0;
	position: relative;
	background: #f7f7f7
}

.modal-title {
	color: #fff
}

.modal-title span {
	font-size: 14px
}

.modal-body th {
	font-size: 15px;
	color: #1C1C1C;
	font-weight: 600;
	text-align: left
}

.item-price {
	font-size: 16px
}

.item-delete, .item-image, .item-quantity1 {
	padding-top: 5px;
	padding-bottom: 5px
}

.original {
	display: none
}

#cart-table th {
	padding-bottom: 10px;
	padding-top: 10px
}

#cart-table img {
	max-width: 50px
}

#cart .item-quantity, .line-item input {
	width: 64px;
	text-align: center;
	height: 30px;
	border-radius: 3px;
	font-size: 14px;
	color: grey;
	border: 1px solid #ccc;
	outline: 0;
	padding-left: 15px
}

.modal-footer .buttons input {
	background: #108e45;
	color: #fff;
	width: 150px
}

.total-price-modal {
	text-align: right;
	margin-top: 20px;
	color: grey;
	font-size: 16px
}

.comeback, .modal-note {
	text-align: left
}

.total-price-modal span {
	font-size: 20px;
	color: #303030;
	vertical-align: middle
}

table tr td, table tr th {
	padding: 5px
}

.modal-title-note {
	text-align: left;
	font-size: 16px;
	padding-left: 50px
}

.modal-note textarea {
	outline: 0;
	border: 1px solid #D8D8D8;
	padding-left: 10px;
	height: 70px;
	padding-top: 5px
}

textarea {
	resize: none
}

.comeback {
	margin-top: 30px
}

.comeback a {
	color: #bf1515;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px
}

.comeback a:hover {
	color: #d71e1e
}

.comeback img {
	margin-right: 5px;
	float: left
}

.item-delete {
	position: relative;
	width: 40px
}

.item-delete a {
	color: #000;
	position: absolute;
	top: 0;
	margin: auto;
	height: 19px;
	right: 0;
	left: 0;
	bottom: 0;
	display: block;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.modal-body .close a, .modal-header a {
	color: #333;
	position: absolute;
	text-align: center
}

.modal-body .close a {
	width: 32px;
	height: 32px;
	font-size: 28px;
	line-height: 32px;
	background: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: -10px;
	right: -8px
}

button.close a:before {
	content: "\f057";
	font-family: FontAwesome;
	font-size: 32px;
	background: #fff;
	border-radius: 50%
}

.modal-header a {
	top: 17px;
	padding: 7px 6px;
	right: 7px;
	line-height: 0;
	border-radius: 50%
}

.modal-header span:hover {
	background: #e05543
}

.close, .close:focus, .close:hover {
	opacity: 1 !important
}

@media (max-width:768px) {
	.modal-body th {
		font-size: 10px
	}

	input#quantity1 {
		padding: 0;
		width: 30px;
		font-size: 12px;
		font-weight: 700;
		height: 24px
	}

	.item-price, .item-title {
		font-size: 12px
	}

	.modal-note textarea {
		width: 100%;
		border-radius: 0
	}

	.modal-title-note {
		padding-left: 0;
		font-size: 12px
	}

	.total-price-modal {
		font-size: 14px
	}

	span.item-total {
		font-size: 16px;
		font-weight: 700
	}

	button.button-default {
		font-size: 12px;
		line-height: 30px;
		height: 30px;
		padding: 0 14px
	}

	.button-default:before {
		right: 30px
	}

	.button-default:after {
		width: 15px;
		margin-left: 10px
	}

	.comeback a {
		font-size: 12px
	}

}

.action_bottom .btn:hover, .btn.btn-comment:hover, .buttons .button-default:hover, a.btn.btn-readmore:hover {
	background: #3a3a3c;
	color: #fff
}

#quick-view-modal {
	background: rgba(0, 0, 0, .31);
	z-index: 9999
}

#quick-view-modal .modal-footer {
	border-top: 1px solid #ccc
}

#quick-view-modal .selector-wrapper label {
	width: 25%
}

#quick-view-modal .selector-wrapper {
	width: 100%;
	float: left
}

#quick-view-modal .btn-detail {
	float: left
}

#quick-view-modal .form-input label {
	width: 100%;
	color: #828282
}

#quick-view-modal .form-input {
	float: left;
	width: 300px;
	max-width: 100%;
	padding: 10px 0
}

#quick-view-modal .modal-body {
	padding: 10px 15px
}

#quick-view-modal .form-input input[type=number] {
	max-width: 60px;
	text-align: center;
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #E5E5E5
}

#quick-view-modal .modal-header h2 {
	padding: 10px 0;
	background: #53A1CC;
	color: #fff;
	line-height: 29px;
	text-align: center
}

#quick-view-modal .qv-readmore a {
	color: #E05543;
	font-weight: 700
}

#quick-view-modal .qv-readmore {
	float: left;
	padding: 22px 10px
}

#quick-view-modal .p-price {
	font-size: 25px;
	color: #208509;
	margin-right: 0
}

#quick-view-modal i.fa.fa-plus, #quick-view-modal i.fa.fa-times {
	margin-right: 8px
}

#quick-view-modal .btn, #quick-view-modal .modal-content {
	border-radius: 2px
}

#quick-view-modal del {
	font-size: 18px;
	color: #b0b0b0
}

#quick-view-modal .zoom>img {
	max-width: 100%;
	max-height: 300px
}

#quick-view-modal div#p-sliderproduct {
	width: 300px;
	margin: auto
}

#p-sliderproduct .owl-item .item {
	margin: 0 3px;
	border: 1px solid #ddd;
	padding: 2px
}

#quick-view-modal .zoom {
	text-align: center;
	width: 100%;
	height: 230px;
	padding: 10px
}

#quick-view-modal .item.active, #quick-view-modal .item:hover {
	border: 1px solid #E05544 !important
}

#quick-view-modal .item.active:after, #quick-view-modal .item:hover:after {
	border-top: 5px solid rgba(224, 85, 68, 0) !important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #E05544;
	content: "";
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	margin: auto;
	width: 6px
}

#quick-view-modal li.product-thumb {
	float: left;
	border: 0;
	margin: 0
}

#quick-view-modal li.product-thumb a {
	margin: 5px;
	display: block !important;
	border: 1px solid #eee
}

#quick-view-modal .image-zoom.row {
	text-align: center
}

#quick-view-modal .image-zoom>img {
	max-width: 100%;
	max-height: 300px;
	margin-bottom: 5px
}

#quick-view-modal .btn-soldout {
	width: 100%
}

#quick-view-modal .modal-title.p-title {
	font-weight: 700;
	text-align: left;
	padding-left: 20px;
	font-size: 18px;
	color: #208509
}

#quick-view-modal .btn-color-add {
	//width: 200px
}

#cart-modal .modal-body, #cart-modal .modal-footer {
	padding: 0
}

div#cart-modal {
	background: rgba(0, 0, 0, 0.9);
	z-index: 99999
}

#cart-modal .modal-title, .ajax_cart_product_txt_s {
	font-size: 17px;
	text-align: left;
	font-weight: 600;
	color: #444;
	margin-bottom: 22px;
	text-transform: uppercase
}

#cart-modal .product-image-container {
	max-width: 178px;
	border: 1px solid #d6d4d4;
	padding: 5px;
	float: left;
	margin-right: 30px
}

#cart-modal .item-title {
	display: block;
	padding: 10px 0 5px;
	margin: 20px 0 5px;
	width: 100%
}

.layer_cart_cart {
	padding: 30px;
	position: relative
}

#cart-modal .cart-count {
	color: #d71e1e;
	font-family: Arial;
	font-weight: 700
}

#cart-modal .modal.in .modal-dialog {
	background-color: #fff
}

.buttons.btn-modal-cart {
	float: left;
	display: inline-block;
	margin: 1px
}

.layer_cart_cart.last {
	background-color: #F7F7F7
}

.subTotal em.item-total {
	font-size: 18px;
	font-weight: 600;
	margin: 10px;
	color: #d71e1e
}

.buttons.btn-modal-cart button {
	font-size: 14px;
	background-color: #bf1515;
	height: 39px;
	color: #fff;
	line-height: 25px;
	border: 0
}

.buttons.btn-modal-cart button:hover {
	background-color: #d71e1e
}

.layer_cart_cart.first {
	border-right: 1px solid #d6d4d4
}

.text-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 30px 20px
}

.news-mod .close:before {
	content: "\f057";
	display: block;
	font-family: FontAwesome;
	font-size: 32px;
	line-height: 32px
}

.news-mod .close:focus {
	outline: 0
}

.news-mod .close {
	z-index: 9;
	width: 32px;
	height: 32px;
	font-size: 28px;
	line-height: 32px;
	color: #333;
	text-align: center;
	background: #fff;
	position: absolute;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: -8px;
	right: -8px
}

@media (max-width:480px) {
	.layer_cart_cart.first {
		border-right: none !important;
		border-bottom: 1px solid #ddd
	}

	.layer_cart_cart {
		padding: 10px
	}

}

@media (min-width:992px) and (max-width:1199px) {
	.layer_cart_cart {
		min-height: 318px
	}

}

@media (min-width:1200px) {
	.layer_cart_cart {
		min-height: 318px
	}

}

@media (min-width:768px) and (max-width:991px) {
	.layer_cart_cart {
		min-height: 315px
	}

}

@media (max-width:992px) {
	.modal-dialog {
		margin: 10px auto
	}

	#cart-modal .product-image-container {
		max-width: 100%;
		margin-bottom: 15px
	}

	.text-bottom {
		padding: 0 10px 20px
	}

	.buttons.btn-modal-cart button {
		padding: 9px 5px
	}

	.layer_cart_cart_color {
		background-color: #fff
	}

}

@media (min-width:560px) and (max-width:767px) {
	.text-bottom {
		position: relative !important;
		clear: both;
		padding: 10px 0 !important
	}

	.img-article img {
		margin-bottom: 10px
	}

	.news-mod .close {
		top: 4px;
		right: 6px
	}

	.buttons.btn-modal-cart button#checkout {
		margin-left: 5px
	}

}

@media (max-width:320px) {
	.buttons.btn-modal-cart {
		margin-top: 10px
	}

}

@media (min-width:375px) {
	#checkout {
		margin-left: 10px
	}

}

@media (min-width:300px) and (max-width:559px) {
	.img-article img {
		border: 1px solid #ccc;
		margin-left: -15px;
		margin-right: -15px;
		max-width: calc(100% + 30px);
		margin-bottom: 10px
	}

	.text-bottom {
		position: relative !important;
		clear: both;
		padding: 10px 0 !important
	}

	.buttons.btn-modal-cart button {
		padding: 10px 2px;
		font-size: 12px;
		width: 100%
	}

	.buttons btn-modal-cart {
		width: 100%
	}

	.layer_cart_cart_color {
		padding-bottom: 30px !important
	}

	#cart-modal .modal-title, .ajax_cart_product_txt_s {
		font-size: 15px
	}

	#cart #layout-page {
		padding: 0
	}

	.form-account {
		padding: 14px 0
	}

	.col-md-6.cart-buttons.inner-right.inner-left {
		padding: 0;
		margin-bottom: 25px
	}

	.account-content {
		padding: 0
	}

	.news-mod .close {
		top: 4px;
		right: 8px
	}

}

#search .results .thumbnail a {
	display: block;
	float: none
}

#search .search-border {
	border-bottom: 1px solid #ddd
}

#search .search-field {
	position: relative;
	height: 60px;
	line-height: 60px;
	width: 300px;
	margin-top: 15px
}

#search .search_box {
	height: 34px;
	width: 100%;
	padding: 0 10px 0 26px;
	vertical-align: middle;
	line-height: normal;
	color: #555 !important;
	border: 1px solid #ddd
}

#search #go {
	position: absolute;
	width: 11px;
	background-color: #208509;
	height: 11px;
	border: none;
	margin: 22px 0 0 5px;
	box-shadow: none;
	top: 5px;
	right: 5px
}

//Owl
.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}

}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}

}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

#collection-show .owl-stage-outer {
	background: #fff
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: flat;
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale .1s ease;
	-moz-transition: scale .1s ease;
	-ms-transition: scale .1s ease;
	-o-transition: scale .1s ease;
	transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}

//page contact
#contactFormWrapper small {
	color: #cCC;
	font-size: 85%;
	right: 0
}

#contactFormWrapper {
	padding-left: 15px
}

.col-md-7#col-left {
	padding-left: 0
}

.col-md-5#col-right {
	padding-right: 0
}

#col-left h3 {
	padding-left: 15px;
	font-size: 20px;
	font-weight: 300
}

#contact hr.line-left, #contact hr.line-right {
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #ddd;
	margin-top: 0
}

.contact-form small {
	color: #B5B5B5
}

.contact-form .form-control {
	color: #000;
	border-color: #D9D9D9
}

.contact-form .form-group-lg .form-control, .contact-form .input-lg {
	height: 43px;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 17px;
	border-radius: 4px
}

.content-contact h3 {
	font-size: 22px
}

.contact-form .btn-group-lg>.btn, .contact-form .btn-lg {
	padding: 10px 32px;
	font-size: 16px;
	border-radius: 5px;
	margin-bottom: 35px
}

@media (min-width:960px) {
	.dropdown-menu .has-submenu {
		margin-right: 20px !important;
		white-space: nowrap !important
	}

}

@media (max-width:991px) {
	.product-list .col-xs-6:nth-child(2n+1) {
		clear: both
	}

	.article-content * {
		max-width: 100% !important
	}

	.slide_article * {
		max-width: none !important;
	}

	.article-content table {
		width: 100% !important
	}

	#article .comment_form .text {
		max-width: 100%
	}

	.content-page>div {
		padding-left: 5px;
		padding-right: 5px
	}

}

@media (max-width:768px) {
	#cartform .modal-body, #cartformpage {
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		padding-left: 10px;
		padding-right: 10px;
		overflow-x: auto;
		overflow-y: visible
	}

	.item-delete a {
		position: static
	}

	#cartform table, #cartformpage table {
		overflow: visible;
		white-space: nowrap !important
	}

	.content-product-list .product-list {
		padding: 0
	}

	.content-product-list .pro-loop {
		padding: 0px
	}

	.content-product-list .product-block {
		margin-bottom: 5px !important
	}

	#content {
		padding: 0
	}

	.modal-header h4 {
		width: 90%
	}

	.navbar-main.navbar {
		position: fixed !important;
		width: 100%;
		z-index: 9;
		top: 0
	}

	.wrapper header.container {
		margin-top: 40px
	}

	.search-bar form input {
		width: 250px !important
	}

}

.news-latest .article .col-ld-3 a {
	white-space: normal
}

#cart .item, #cartform table .item-title {
	max-width: 200px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media (min-width:960px) {
	.slide-nav {
		display: none
	}

	.news-latest .article img {
		width: 50px
	}

	.img-article img {
		height: auto;
		max-width: 100% !important
	}

}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0a
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2015 Daniel Eden
 */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounce {
	20%, 53%, 80%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

}

@keyframes bounce {
	20%, 53%, 80%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		animation-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {
	50%, from, to {
		opacity: 1
	}

	25%, 75% {
		opacity: 0
	}

}

@keyframes flash {
	50%, from, to {
		opacity: 1
	}

	25%, 75% {
		opacity: 0
	}

}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	from, to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

}

@keyframes pulse {
	from, to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	from, to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

}

@keyframes rubberBand {
	from, to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {
	from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

}

@keyframes shake {
	from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}

}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}

}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	from, to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

}

@keyframes tada {
	from, to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	from, to {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

}

@keyframes wobble {
	from, to {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes jello {
	11.1%, from, to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}

}

@keyframes jello {
	11.1%, from, to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}

}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes bounceIn {
	20%, 40%, 60%, 80%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

}

@keyframes bounceIn {
	20%, 40%, 60%, 80%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}

}

@keyframes bounceInDown {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}

}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}

}

@keyframes bounceInLeft {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}

}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}

}

@keyframes bounceInRight {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}

}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@keyframes bounceInUp {
	60%, 75%, 90%, from, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}

}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

@keyframes fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@keyframes fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@keyframes fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

@keyframes fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

@keyframes fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

@keyframes fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

.flipInY, .flipOutX {
	-webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

.flipInY {
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}

}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}

}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}

}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}

}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}

}

@keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}

}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}

}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}

}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}

}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}

}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}

}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}

}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}

}

@keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}

}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}

}

@keyframes zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}

}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

//Flex slider
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
	outline: 0
}

.flex-control-nav, .flex-direction-nav, .slides {
	margin: 0;
	padding: 0;
	list-style: none
}

.flexslider {
	padding: 0;
	margin: 0 0 60px;
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	zoom: 1
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden
}

.flex-direction-nav a, .no-js .slides>li:first-child, .slides:after, html[xmlns] .slides {
	display: block
}

.flexslider .slides img {
	text-align: center;
	display: block
}

.flex-pauseplay span {
	text-transform: capitalize
}

.slides:after {
	content: ".";
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

* html .slides {
	height: 1%
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	padding-top: 5px
}

.loading .flex-viewport {
	max-height: 300px
}

.flexslider .slides {
	zoom: 1
}

.carousel li {
	margin-right: 5px
}

.flex-direction-nav a {
	width: 30px;
	height: 30px;
	background: url(bg_direction_nav.png) no-repeat;
	position: absolute;
	top: calc(50% - 15px);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease
}

.flex-direction-nav .flex-next {
	background-position: 100% -8px;
	right: 10px
}

.flex-direction-nav .flex-prev {
	left: 10px;
	background-position: 0 -8px
}

.flexslider:hover .flex-next, .flexslider:hover .flex-prev {
	opacity: .8;
	z-index: 2
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1
}

.flex-direction-nav .disabled {
	opacity: .3 !important;
	filter: alpha(opacity=30);
	cursor: default
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #eee;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
	background: #333;
	background: #208509;
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: #208509;
	cursor: default
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer
}

.flex-control-thumbs img:hover {
	opacity: 1
}

.flex-control-thumbs .active {
	opacity: 1;
	cursor: default
}

@media screen and (max-width:860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 0
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 0
	}

}

@media (max-width:480px) {
	.product-block .product-img img {
		float: left
	}

}

#mota li {
	float: none;
}

.zoomWrapper {
	overflow: hidden
}

@media (min-width:960px) {
	.dropdown-menu .has-submenu {
		margin-right: 20px !important;
		white-space: nowrap !important
	}

}

//combine
@charset "UTF-8";

@font-face {
	font-family: flexslider-icon;
	src: url(fonts/flexslider-icon.eot);
	src: url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(fonts/flexslider-icon.woff) format("woff"), url(fonts/flexslider-icon.ttf) format("truetype"), url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: icons;
	src: url(../fonts/icons.eot#iefix) format(embedded-opentype), url(../fonts/icons.woff) format(woff), url(../fonts/icons.ttf) format(truetype), url(../fonts/icons.svg#timber-icons) format(svg);
	font-weight: 400;
	font-style: normalblockquote strong
}

@font-face {
	font-family: icons;
	src: url(../fonts/icons.eot?v=642);
	src: url(../fonts/icons.eot?v=642?#iefix) format('embedded-opentype'), url(../fonts/icons.woff?v=642) format('woff'), url(../fonts/icons.ttf?v=642) format('truetype'), url(../fonts/icons.svg?v=642) format('svg');
	font-weight: 400;
	font-style: normal
}

.checkbox-group label:hover {
	color: #208509
}

@media screen and (max-width:860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px
	}

}

/*!;Animate.css - http://daneden.me/animate;Licensed under the MIT license - http://opensource.org/licenses/MIT;;Copyright (c) 2015 Daniel Eden;*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounce {
	0%, 100%, 20%, 53%, 80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

}

@keyframes bounce {
	0%, 100%, 20%, 53%, 80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}

}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {
	0%, 100%, 50% {
		opacity: 1
	}

	25%, 75% {
		opacity: 0
	}

}

@keyframes flash {
	0%, 100%, 50% {
		opacity: 1
	}

	25%, 75% {
		opacity: 0
	}

}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

}

@keyframes pulse {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

}

@keyframes rubberBand {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}

}

@-moz-keyframes swing {
	20% {
		-moz-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-moz-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-moz-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-moz-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-moz-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}

}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}

}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

}

@keyframes tada {
	0%, 100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0%, 100% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

}

@keyframes wobble {
	0%, 100% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {
	0%, 100%, 20%, 40%, 60%, 80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

}

@keyframes bounceIn {
	0%, 100%, 20%, 40%, 60%, 80% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}

}

@keyframes bounceInDown {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}

}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}

}

@keyframes bounceInLeft {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}

}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}

}

@keyframes bounceInRight {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}

}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@keyframes bounceInUp {
	0%, 100%, 60%, 75%, 90% {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}

}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}

}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

.flipInY, .flipOutX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

}

.flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}

}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}

}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}

}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}

}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}

}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}

}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}

}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}

}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}

}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}

}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}

}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}

}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}

}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}

}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}

}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}

}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	100% {
		opacity: 0
	}

}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	100% {
		opacity: 0
	}

}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}

}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}

}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}

}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0)
	}

}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0)
	}

}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0)
	}

}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0)
	}

}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%)
	}

}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%)
	}

}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%)
	}

}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%)
	}

}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

.swatch {
	margin: 0
}

.swatch .header {
	margin: .5em 1em .5em 0;
	float: none;
	min-width: inherit;
	font-weight: 700
}

.swatch label {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	min-width: 40px !important;
	height: 40px !important;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 40px;
	white-space: nowrap;
	font-weight: 700
}

.swatch-element label {
	padding: 0 10px
}

.color.swatch-element label {
	padding: 0
}

.crossed-out {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.swatch .swatch-element .crossed-out {
	display: none
}

/*.swatch .swatch-element.soldout .crossed-out{display:block}*/
.swatch .swatch-element.soldout label {
	filter: alpha(opacity=60);
	-khtml-opacity: .6;
	-moz-opacity: .6;
	opacity: .6
}

.swatch .tooltip {
	text-align: center;
	background: gray;
	color: #fff;
	bottom: 100%;
	padding: 10px;
	display: block;
	position: absolute;
	width: 100px;
	left: -28px;
	margin-bottom: 15px;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
	z-index: 10000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.swatch .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%
}

.swatch .tooltip:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid gray 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0
}

.swatch .swatch-element:hover .tooltip {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.swatch.error {
	background-color: #E8D2D2 !important;
	color: #333 !important;
	padding: 1em;
	border-radius: 5px
}

.swatch.error p {
	margin: .7em 0
}

.swatch.error p:first-child {
	margin-top: 0
}

.swatch.error p:last-child {
	margin-bottom: 0
}

.swatch.error code {
	font-family: monospace
}

.swatch input {
	display: none !important
}

.clearfix:after, .wrapper:after {
	content: '';
	clear: both
}

blockquote, em {
	font-style: italic
}

.filter-list, :focus, [tabindex='-1']:focus {
	outline: 0
}

.clearfix:after {
	display: table
}

body, html {
	padding: 0;
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

.wrap-form-login {
	background: #e8eaee;
	padding: 0 5px;
	margin: 0 auto
}

.card.container-fluid {
	padding: 0 1rem;
	margin: 0 auto
}

h2.card-title {
	font-weight: 400;
	font-size: 2.16rem;
	text-transform: uppercase;
	text-align: center;
	color: #333;
	line-height: 1.3333rem;
	margin: 0;
	padding: 2rem 0
}

.wrap-form-login .input-group {
	border-top-left-radius: .4rem;
	border-top-right-radius: .4rem;
	overflow: hidden;
	border: none;
	background: #fff
}

.input-group-addon {
	display: table-cell;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	width: 1%
}

input.input-full {
	border: 1px solid #e5e5e5
}

.grid--full:after, .grid--rev:after, .grid-uniform:after, .grid:after {
	content: '';
	display: table;
	clear: both
}

.grid__item.clear {
	clear: both
}

.grid, .grid--full {
	list-style: none;
	padding: 0
}

.grid__item {
	float: left;
	min-height: 1px;
	vertical-align: top;
	width: 100%;
	position: relative
}

.product-info-left, .product-info-right {
	padding-left: 30px
}

.grid--rev {
	direction: rtl;
	text-align: left
}

.grid--rev>.grid__item {
	direction: ltr;
	text-align: left;
	float: right
}

.grid--full {
	margin-left: 0
}

.grid--full>.grid__item {
	padding-left: 0
}

.one-whole {
	width: 100%
}

.one-half {
	width: 50%
}

.one-third {
	width: 33.333%
}

.two-thirds {
	width: 66.666%
}

.one-quarter {
	width: 25%
}

.two-quarters {
	width: 50%
}

.three-quarters {
	width: 75%
}

.one-fifth {
	width: 20%
}

.two-fifths {
	width: 40%
}

.three-fifths {
	width: 60%
}

.four-fifths {
	width: 80%
}

.one-sixth {
	width: 16.666%
}

.two-sixths {
	width: 33.333%
}

.three-sixths {
	width: 50%
}

.four-sixths {
	width: 66.666%
}

.five-sixths {
	width: 83.333%
}

.one-eighth {
	width: 12.5%
}

.two-eighths {
	width: 25%
}

.three-eighths {
	width: 37.5%
}

.four-eighths {
	width: 50%
}

.five-eighths {
	width: 62.5%
}

.six-eighths {
	width: 75%
}

.seven-eighths {
	width: 87.5%
}

.one-tenth {
	width: 10%
}

.two-tenths {
	width: 20%
}

.three-tenths {
	width: 30%
}

.four-tenths {
	width: 40%
}

.five-tenths {
	width: 50%
}

.six-tenths {
	width: 60%
}

.seven-tenths {
	width: 70%
}

.eight-tenths {
	width: 80%
}

.nine-tenths {
	width: 90%
}

.one-twelfth {
	width: 8.333%
}

.two-twelfths {
	width: 16.666%
}

.three-twelfths {
	width: 25%
}

.four-twelfths {
	width: 33.333%
}

.five-twelfths {
	width: 41.666%
}

.six-twelfths {
	width: 50%
}

.seven-twelfths {
	width: 58.333%
}

.eight-twelfths {
	width: 66.666%
}

.nine-twelfths {
	width: 75%
}

.ten-twelfths {
	width: 83.333%
}

.eleven-twelfths {
	width: 91.666%
}

.show {
	display: block !important
}

.hide {
	display: none !important
}

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

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

.text-center {
	text-align: center !important
}

.left {
	float: left !important
}

.right {
	float: right !important
}

@media only screen and (max-width:480px) {
	.grid, .grid--full {
		margin-right: 5px
	}

	.drawer__title {
		font-size: 14px
	}

	.not-found-box h2 {
		font-size: 13px !important
	}

	.category-full-width .sale_off {
		width: 15%;
		position: absolute;
		top: 0;
		left: 0
	}

	.breadcrumb-wrapper .section-header__title {
		font-size: 12px
	}

	#adv-banner {
		display: none
	}

	header.site-header {
		padding-top: 0 !important;
		padding-bottom: .35rem !important
	}

	.site-header__search {
		border: none !important
	}

	.header.site-header {
		width: 100%;
		line-height: 2.5rem;
		background: #fff;
		text-align: center
	}

	.grid__item.small--one-whole.medium--one-whole.four-eighths.mobile-bottom.t-fix.show-xs {
		background: #fff
	}

	.fa-search:before, .navigation-cart .icon-cart:before, .navigation-icon .grid__item.one-half .icon-hamburger:before {
		color: #208509 !important
	}

	.site-header__search.search-xs {
		margin-top: 2px !important
	}

	.site-header__search form.search-bar {
		background: #e8eaee;
		border-radius: 5px
	}

	.grid-uniform-category>.grid__item {
		float: none;
		display: inline-block;
		padding-top: 5px;
		padding-left: 0
	}

	.title-info {
		padding: 0 1rem;
		text-align: center;
		margin-top: 1rem
	}

	.breadcrumb-wrapper {
		padding: 10px 0 !important
	}

	.breadcrumb a {
		padding: 0;
		margin-right: 0
	}

	.sale_off {
		margin-left: 33px;
		display: block;
		margin-top: 3px;
		position: absolute;
		top: 0
	}

	.grid__item .grid__item_wrapper {
		margin-bottom: 0 !important;
		position: relative
	}

	.grid-xs-2 {
		width: 50%
	}

	.small--one-whole {
		width: 100%
	}

	.small--one-half {
		width: 50%
	}

	.small--one-third {
		width: 33.333%
	}

	.small--two-thirds {
		width: 66.666%
	}

	.small--one-quarter {
		width: 25%
	}

	.small--two-quarters {
		width: 50%
	}

	.small--three-quarters {
		width: 75%
	}

	.small--one-fifth {
		width: 20%
	}

	.small--two-fifths {
		width: 40%
	}

	.small--three-fifths {
		width: 60%
	}

	.small--four-fifths {
		width: 80%
	}

	.small--one-sixth {
		width: 16.666%
	}

	.small--two-sixths {
		width: 33.333%
	}

	.small--three-sixths {
		width: 50%
	}

	.small--four-sixths {
		width: 66.666%
	}

	.small--five-sixths {
		width: 83.333%
	}

	.small--one-eighth {
		width: 12.5%
	}

	.small--two-eighths {
		width: 25%
	}

	.small--three-eighths {
		width: 37.5%
	}

	.small--four-eighths {
		width: 50%
	}

	.small--five-eighths {
		width: 62.5%
	}

	.small--six-eighths {
		width: 75%
	}

	.small--seven-eighths {
		width: 87.5%
	}

	.small--one-tenth {
		width: 10%
	}

	.small--two-tenths {
		width: 20%
	}

	.small--three-tenths {
		width: 30%
	}

	.small--four-tenths {
		width: 40%
	}

	.small--five-tenths {
		width: 50%
	}

	.small--six-tenths {
		width: 60%
	}

	.small--seven-tenths {
		width: 70%
	}

	.small--eight-tenths {
		width: 80%
	}

	.small--nine-tenths {
		width: 90%
	}

	.small--one-twelfth {
		width: 8.333%
	}

	.small--two-twelfths {
		width: 16.666%
	}

	.small--three-twelfths {
		width: 25%
	}

	.small--four-twelfths {
		width: 33.333%
	}

	.small--five-twelfths {
		width: 41.666%
	}

	.small--six-twelfths {
		width: 50%
	}

	.small--seven-twelfths {
		width: 58.333%
	}

	.small--eight-twelfths {
		width: 66.666%
	}

	.small--nine-twelfths {
		width: 75%
	}

	.small--ten-twelfths {
		width: 83.333%
	}

	.small--eleven-twelfths {
		width: 91.666%
	}

	.small--show {
		display: block !important
	}

	.small--hide {
		display: none !important
	}

	.small--text-left {
		text-align: left !important
	}

	.small--text-right {
		text-align: right !important
	}

	.small--text-center {
		text-align: center !important
	}

	.small--left {
		float: left !important
	}

	.small--right {
		float: right !important
	}

	.grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--one-fifth:nth-child(5n+1), .grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--one-quarter:nth-child(4n+1), .grid-uniform .small--one-sixth:nth-child(6n+1), .grid-uniform .small--one-third:nth-child(3n+1), .grid-uniform .small--one-twelfth:nth-child(12n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1) {
		clear: both
	}

}

blockquote a, blockquote strong {
	color: #208509
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.medium--one-whole {
		width: 100%
	}

	.medium--one-half {
		width: 50%
	}

	.medium--one-third {
		width: 33.333%
	}

	.medium--two-thirds {
		width: 66.666%
	}

	.medium--one-quarter {
		width: 25%
	}

	.medium--two-quarters {
		width: 50%
	}

	.medium--three-quarters {
		width: 75%
	}

	.medium--one-fifth {
		width: 20%
	}

	.medium--two-fifths {
		width: 40%
	}

	.medium--three-fifths {
		width: 60%
	}

	.medium--four-fifths {
		width: 80%
	}

	.medium--one-sixth {
		width: 16.666%
	}

	.medium--two-sixths {
		width: 33.333%
	}

	.medium--three-sixths {
		width: 50%
	}

	.medium--four-sixths {
		width: 66.666%
	}

	.medium--five-sixths {
		width: 83.333%
	}

	.medium--one-eighth {
		width: 12.5%
	}

	.medium--two-eighths {
		width: 25%
	}

	.medium--three-eighths {
		width: 37.5%
	}

	.medium--four-eighths {
		width: 50%
	}

	.medium--five-eighths {
		width: 62.5%
	}

	.medium--six-eighths {
		width: 75%
	}

	.medium--seven-eighths {
		width: 87.5%
	}

	.medium--one-tenth {
		width: 10%
	}

	.medium--two-tenths {
		width: 20%
	}

	.medium--three-tenths {
		width: 30%
	}

	.medium--four-tenths {
		width: 40%
	}

	.medium--five-tenths {
		width: 50%
	}

	.medium--six-tenths {
		width: 60%
	}

	.medium--seven-tenths {
		width: 70%
	}

	.medium--eight-tenths {
		width: 80%
	}

	.medium--nine-tenths {
		width: 90%
	}

	.medium--one-twelfth {
		width: 8.333%
	}

	.medium--two-twelfths {
		width: 16.666%
	}

	.medium--three-twelfths {
		width: 25%
	}

	.medium--four-twelfths {
		width: 33.333%
	}

	.medium--five-twelfths {
		width: 41.666%
	}

	.medium--six-twelfths {
		width: 50%
	}

	.medium--seven-twelfths {
		width: 58.333%
	}

	.medium--eight-twelfths {
		width: 66.666%
	}

	.medium--nine-twelfths {
		width: 75%
	}

	.medium--ten-twelfths {
		width: 83.333%
	}

	.medium--eleven-twelfths {
		width: 91.666%
	}

	.medium--show {
		display: block !important
	}

	.medium--hide {
		display: none !important
	}

	.medium--text-left {
		text-align: left !important
	}

	.medium--text-right {
		text-align: right !important
	}

	.medium--text-center {
		text-align: center !important
	}

	.medium--left {
		float: left !important
	}

	.medium--right {
		float: right !important
	}

	.grid-uniform .medium--five-tenths:nth-child(2n+1), .grid-uniform .medium--four-eighths:nth-child(2n+1), .grid-uniform .medium--four-twelfths:nth-child(3n+1), .grid-uniform .medium--one-fifth:nth-child(5n+1), .grid-uniform .medium--one-half:nth-child(2n+1), .grid-uniform .medium--one-quarter:nth-child(4n+1), .grid-uniform .medium--one-sixth:nth-child(6n+1), .grid-uniform .medium--one-third:nth-child(3n+1), .grid-uniform .medium--one-twelfth:nth-child(12n+1), .grid-uniform .medium--six-twelfths:nth-child(2n+1), .grid-uniform .medium--three-sixths:nth-child(2n+1), .grid-uniform .medium--three-twelfths:nth-child(4n+1), .grid-uniform .medium--two-eighths:nth-child(4n+1), .grid-uniform .medium--two-sixths:nth-child(3n+1), .grid-uniform .medium--two-twelfths:nth-child(6n+1) {
		clear: both
	}

}

@media only screen and (max-width:767px) {
	.medium-down--one-whole {
		width: 100%
	}

	.medium-down--one-half {
		width: 50%
	}

	.medium-down--one-third {
		width: 33.333%
	}

	.medium-down--two-thirds {
		width: 66.666%
	}

	.medium-down--one-quarter {
		width: 25%
	}

	.medium-down--two-quarters {
		width: 50%
	}

	.medium-down--three-quarters {
		width: 75%
	}

	.medium-down--one-fifth {
		width: 20%
	}

	.medium-down--two-fifths {
		width: 40%
	}

	.medium-down--three-fifths {
		width: 60%
	}

	.medium-down--four-fifths {
		width: 80%
	}

	.medium-down--one-sixth {
		width: 16.666%
	}

	.medium-down--two-sixths {
		width: 33.333%
	}

	.medium-down--three-sixths {
		width: 50%
	}

	.medium-down--four-sixths {
		width: 66.666%
	}

	.medium-down--five-sixths {
		width: 83.333%
	}

	.medium-down--one-eighth {
		width: 12.5%
	}

	.medium-down--two-eighths {
		width: 25%
	}

	.medium-down--three-eighths {
		width: 37.5%
	}

	.medium-down--four-eighths {
		width: 50%
	}

	.medium-down--five-eighths {
		width: 62.5%
	}

	.medium-down--six-eighths {
		width: 75%
	}

	.medium-down--seven-eighths {
		width: 87.5%
	}

	.medium-down--one-tenth {
		width: 10%
	}

	.medium-down--two-tenths {
		width: 20%
	}

	.medium-down--three-tenths {
		width: 30%
	}

	.medium-down--four-tenths {
		width: 40%
	}

	.medium-down--five-tenths {
		width: 50%
	}

	.medium-down--six-tenths {
		width: 60%
	}

	.medium-down--seven-tenths {
		width: 70%
	}

	.medium-down--eight-tenths {
		width: 80%
	}

	.medium-down--nine-tenths {
		width: 90%
	}

	.medium-down--one-twelfth {
		width: 8.333%
	}

	.medium-down--two-twelfths {
		width: 16.666%
	}

	.medium-down--three-twelfths {
		width: 25%
	}

	.medium-down--four-twelfths {
		width: 33.333%
	}

	.medium-down--five-twelfths {
		width: 41.666%
	}

	.medium-down--six-twelfths {
		width: 50%
	}

	.medium-down--seven-twelfths {
		width: 58.333%
	}

	.medium-down--eight-twelfths {
		width: 66.666%
	}

	.medium-down--nine-twelfths {
		width: 75%
	}

	.medium-down--ten-twelfths {
		width: 83.333%
	}

	.medium-down--eleven-twelfths {
		width: 91.666%
	}

	.medium-down--show {
		display: block !important
	}

	.medium-down--hide {
		display: none !important
	}

	.medium-down--text-left {
		text-align: left !important
	}

	.medium-down--text-right {
		text-align: right !important
	}

	.medium-down--text-center {
		text-align: center !important
	}

	.medium-down--left {
		float: left !important
	}

	.medium-down--right {
		float: right !important
	}

	.grid-uniform .medium-down--five-tenths:nth-child(2n+1), .grid-uniform .medium-down--four-eighths:nth-child(2n+1), .grid-uniform .medium-down--four-twelfths:nth-child(3n+1), .grid-uniform .medium-down--one-fifth:nth-child(5n+1), .grid-uniform .medium-down--one-half:nth-child(2n+1), .grid-uniform .medium-down--one-quarter:nth-child(4n+1), .grid-uniform .medium-down--one-sixth:nth-child(6n+1), .grid-uniform .medium-down--one-third:nth-child(3n+1), .grid-uniform .medium-down--one-twelfth:nth-child(12n+1), .grid-uniform .medium-down--six-twelfths:nth-child(2n+1), .grid-uniform .medium-down--three-sixths:nth-child(2n+1), .grid-uniform .medium-down--three-twelfths:nth-child(4n+1), .grid-uniform .medium-down--two-eighths:nth-child(4n+1), .grid-uniform .medium-down--two-sixths:nth-child(3n+1), .grid-uniform .medium-down--two-twelfths:nth-child(6n+1) {
		clear: both
	}

}

@media only screen and (min-width:768px) {
	.large--one-whole {
		width: 100%
	}

	.large--one-half {
		width: 50%
	}

	.large--one-third {
		width: 33.333%
	}

	.large--two-thirds {
		width: 66.666%
	}

	.large--one-quarter {
		width: 25%
	}

	.large--two-quarters {
		width: 50%
	}

	.large--three-quarters {
		width: 75%
	}

	.large--one-fifth {
		width: 20%
	}

	.large--two-fifths {
		width: 40%
	}

	.large--three-fifths {
		width: 60%
	}

	.large--four-fifths {
		width: 80%
	}

	.large--one-sixth {
		width: 16.666%
	}

	.large--two-sixths {
		width: 33.333%
	}

	.large--three-sixths {
		width: 50%
	}

	.large--four-sixths {
		width: 66.666%
	}

	.large--five-sixths {
		width: 83.333%
	}

	.large--one-eighth {
		width: 12.5%
	}

	.large--two-eighths {
		width: 25%
	}

	.large--three-eighths {
		width: 37.5%
	}

	.large--four-eighths {
		width: 50%
	}

	.large--five-eighths {
		width: 62.5%
	}

	.large--six-eighths {
		width: 75%
	}

	.large--seven-eighths {
		width: 87.5%
	}

	.large--one-tenth {
		width: 10%
	}

	.large--two-tenths {
		width: 20%
	}

	.large--three-tenths {
		width: 30%
	}

	.large--four-tenths {
		width: 40%
	}

	.large--five-tenths {
		width: 50%
	}

	.large--six-tenths {
		width: 60%
	}

	.large--seven-tenths {
		width: 70%
	}

	.large--eight-tenths {
		width: 80%
	}

	.large--nine-tenths {
		width: 90%
	}

	.large--one-twelfth {
		width: 8.333%
	}

	.large--two-twelfths {
		width: 16.666%
	}

	.large--three-twelfths {
		width: 25%
	}

	.large--four-twelfths {
		width: 33.333%
	}

	.large--five-twelfths {
		width: 41.666%
	}

	.large--six-twelfths {
		width: 50%
	}

	.large--seven-twelfths {
		width: 58.333%
	}

	.large--eight-twelfths {
		width: 66.666%
	}

	.large--nine-twelfths {
		width: 75%
	}

	.large--ten-twelfths {
		width: 83.333%
	}

	.large--eleven-twelfths {
		width: 91.666%
	}

	.large--show {
		display: block !important
	}

	.large--text-left {
		text-align: left !important
	}

	.large--text-right {
		text-align: right !important
	}

	.large--text-center {
		text-align: center !important
	}

	.large--left {
		float: left !important
	}

	.large--right {
		float: right !important
	}

	.grid-uniform .large--five-tenths:nth-child(2n+1), .grid-uniform .large--four-eighths:nth-child(2n+1), .grid-uniform .large--four-twelfths:nth-child(3n+1), .grid-uniform .large--one-fifth:nth-child(5n+1), .grid-uniform .large--one-half:nth-child(2n+1), .grid-uniform .large--one-quarter:nth-child(4n+1), .grid-uniform .large--one-sixth:nth-child(6n+1), .grid-uniform .large--one-third:nth-child(3n+1), .grid-uniform .large--one-twelfth:nth-child(12n+1), .grid-uniform .large--six-twelfths:nth-child(2n+1), .grid-uniform .large--three-sixths:nth-child(2n+1), .grid-uniform .large--three-twelfths:nth-child(4n+1), .grid-uniform .large--two-eighths:nth-child(4n+1), .grid-uniform .large--two-sixths:nth-child(3n+1), .grid-uniform .large--two-twelfths:nth-child(6n+1) {
		clear: both
	}

}

[class*=push--] {
	position: relative
}

.push--one-whole {
	left: 100%
}

.push--one-half {
	left: 50%
}

.push--one-third {
	left: 33.333%
}

.push--two-thirds {
	left: 66.666%
}

.push--one-quarter {
	left: 25%
}

.push--two-quarters {
	left: 50%
}

.push--three-quarters {
	left: 75%
}

.push--one-fifth {
	left: 20%
}

.push--two-fifths {
	left: 40%
}

.push--three-fifths {
	left: 60%
}

.push--four-fifths {
	left: 80%
}

.push--one-sixth {
	left: 16.666%
}

.push--two-sixths {
	left: 33.333%
}

.push--three-sixths {
	left: 50%
}

.push--four-sixths {
	left: 66.666%
}

.push--five-sixths {
	left: 83.333%
}

.push--one-eighth {
	left: 12.5%
}

.push--two-eighths {
	left: 25%
}

.push--three-eighths {
	left: 37.5%
}

.push--four-eighths {
	left: 50%
}

.push--five-eighths {
	left: 62.5%
}

.push--six-eighths {
	left: 75%
}

.push--seven-eighths {
	left: 87.5%
}

.push--one-tenth {
	left: 10%
}

.push--two-tenths {
	left: 20%
}

.push--three-tenths {
	left: 30%
}

.push--four-tenths {
	left: 40%
}

.push--five-tenths {
	left: 50%
}

.push--six-tenths {
	left: 60%
}

.push--seven-tenths {
	left: 70%
}

.push--eight-tenths {
	left: 80%
}

.push--nine-tenths {
	left: 90%
}

.push--one-twelfth {
	left: 8.333%
}

.push--two-twelfths {
	left: 16.666%
}

.push--three-twelfths {
	left: 25%
}

.push--four-twelfths {
	left: 33.333%
}

.push--five-twelfths {
	left: 41.666%
}

.push--six-twelfths {
	left: 50%
}

.push--seven-twelfths {
	left: 58.333%
}

.push--eight-twelfths {
	left: 66.666%
}

.push--nine-twelfths {
	left: 75%
}

.push--ten-twelfths {
	left: 83.333%
}

.push--eleven-twelfths {
	left: 91.666%
}

@media only screen and (max-width:768px) {
	#collection>.grid__item {
		width: 100%
	}

}

@media only screen and (min-width:481px) and (max-width:767px) {
	.push--medium--one-whole {
		left: 100%
	}

	.push--medium--one-half {
		left: 50%
	}

	.push--medium--one-third {
		left: 33.333%
	}

	.push--medium--two-thirds {
		left: 66.666%
	}

	.push--medium--one-quarter {
		left: 25%
	}

	.push--medium--two-quarters {
		left: 50%
	}

	.push--medium--three-quarters {
		left: 75%
	}

	.push--medium--one-fifth {
		left: 20%
	}

	.push--medium--two-fifths {
		left: 40%
	}

	.push--medium--three-fifths {
		left: 60%
	}

	.push--medium--four-fifths {
		left: 80%
	}

	.push--medium--one-sixth {
		left: 16.666%
	}

	.push--medium--two-sixths {
		left: 33.333%
	}

	.push--medium--three-sixths {
		left: 50%
	}

	.push--medium--four-sixths {
		left: 66.666%
	}

	.push--medium--five-sixths {
		left: 83.333%
	}

	.push--medium--one-eighth {
		left: 12.5%
	}

	.push--medium--two-eighths {
		left: 25%
	}

	.push--medium--three-eighths {
		left: 37.5%
	}

	.push--medium--four-eighths {
		left: 50%
	}

	.push--medium--five-eighths {
		left: 62.5%
	}

	.push--medium--six-eighths {
		left: 75%
	}

	.push--medium--seven-eighths {
		left: 87.5%
	}

	.push--medium--one-tenth {
		left: 10%
	}

	.push--medium--two-tenths {
		left: 20%
	}

	.push--medium--three-tenths {
		left: 30%
	}

	.push--medium--four-tenths {
		left: 40%
	}

	.push--medium--five-tenths {
		left: 50%
	}

	.push--medium--six-tenths {
		left: 60%
	}

	.push--medium--seven-tenths {
		left: 70%
	}

	.push--medium--eight-tenths {
		left: 80%
	}

	.push--medium--nine-tenths {
		left: 90%
	}

	.push--medium--one-twelfth {
		left: 8.333%
	}

	.push--medium--two-twelfths {
		left: 16.666%
	}

	.push--medium--three-twelfths {
		left: 25%
	}

	.push--medium--four-twelfths {
		left: 33.333%
	}

	.push--medium--five-twelfths {
		left: 41.666%
	}

	.push--medium--six-twelfths {
		left: 50%
	}

	.push--medium--seven-twelfths {
		left: 58.333%
	}

	.push--medium--eight-twelfths {
		left: 66.666%
	}

	.push--medium--nine-twelfths {
		left: 75%
	}

	.push--medium--ten-twelfths {
		left: 83.333%
	}

	.push--medium--eleven-twelfths {
		left: 91.666%
	}

}

@media only screen and (max-width:767px) {
	.push--medium-down--one-whole {
		left: 100%
	}

	.push--medium-down--one-half {
		left: 50%
	}

	.push--medium-down--one-third {
		left: 33.333%
	}

	.push--medium-down--two-thirds {
		left: 66.666%
	}

	.push--medium-down--one-quarter {
		left: 25%
	}

	.push--medium-down--two-quarters {
		left: 50%
	}

	.push--medium-down--three-quarters {
		left: 75%
	}

	.push--medium-down--one-fifth {
		left: 20%
	}

	.push--medium-down--two-fifths {
		left: 40%
	}

	.push--medium-down--three-fifths {
		left: 60%
	}

	.push--medium-down--four-fifths {
		left: 80%
	}

	.push--medium-down--one-sixth {
		left: 16.666%
	}

	.push--medium-down--two-sixths {
		left: 33.333%
	}

	.push--medium-down--three-sixths {
		left: 50%
	}

	.push--medium-down--four-sixths {
		left: 66.666%
	}

	.push--medium-down--five-sixths {
		left: 83.333%
	}

	.push--medium-down--one-eighth {
		left: 12.5%
	}

	.push--medium-down--two-eighths {
		left: 25%
	}

	.push--medium-down--three-eighths {
		left: 37.5%
	}

	.push--medium-down--four-eighths {
		left: 50%
	}

	.push--medium-down--five-eighths {
		left: 62.5%
	}

	.push--medium-down--six-eighths {
		left: 75%
	}

	.push--medium-down--seven-eighths {
		left: 87.5%
	}

	.push--medium-down--one-tenth {
		left: 10%
	}

	.push--medium-down--two-tenths {
		left: 20%
	}

	.push--medium-down--three-tenths {
		left: 30%
	}

	.push--medium-down--four-tenths {
		left: 40%
	}

	.push--medium-down--five-tenths {
		left: 50%
	}

	.push--medium-down--six-tenths {
		left: 60%
	}

	.push--medium-down--seven-tenths {
		left: 70%
	}

	.push--medium-down--eight-tenths {
		left: 80%
	}

	.push--medium-down--nine-tenths {
		left: 90%
	}

	.push--medium-down--one-twelfth {
		left: 8.333%
	}

	.push--medium-down--two-twelfths {
		left: 16.666%
	}

	.push--medium-down--three-twelfths {
		left: 25%
	}

	.push--medium-down--four-twelfths {
		left: 33.333%
	}

	.push--medium-down--five-twelfths {
		left: 41.666%
	}

	.push--medium-down--six-twelfths {
		left: 50%
	}

	.push--medium-down--seven-twelfths {
		left: 58.333%
	}

	.push--medium-down--eight-twelfths {
		left: 66.666%
	}

	.push--medium-down--nine-twelfths {
		left: 75%
	}

	.push--medium-down--ten-twelfths {
		left: 83.333%
	}

	.push--medium-down--eleven-twelfths {
		left: 91.666%
	}

}

@media only screen and (min-width:768px) {
	.push--large--one-whole {
		left: 100%
	}

	.push--large--one-half {
		left: 50%
	}

	.push--large--one-third {
		left: 33.333%
	}

	.push--large--two-thirds {
		left: 66.666%
	}

	.push--large--one-quarter {
		left: 25%
	}

	.push--large--two-quarters {
		left: 50%
	}

	.push--large--three-quarters {
		left: 75%
	}

	.push--large--one-fifth {
		left: 20%
	}

	.push--large--two-fifths {
		left: 40%
	}

	.push--large--three-fifths {
		left: 60%
	}

	.push--large--four-fifths {
		left: 80%
	}

	.push--large--one-sixth {
		left: 16.666%
	}

	.push--large--two-sixths {
		left: 33.333%
	}

	.push--large--three-sixths {
		left: 50%
	}

	.push--large--four-sixths {
		left: 66.666%
	}

	.push--large--five-sixths {
		left: 83.333%
	}

	.push--large--one-eighth {
		left: 12.5%
	}

	.push--large--two-eighths {
		left: 25%
	}

	.push--large--three-eighths {
		left: 37.5%
	}

	.push--large--four-eighths {
		left: 50%
	}

	.push--large--five-eighths {
		left: 62.5%
	}

	.push--large--six-eighths {
		left: 75%
	}

	.push--large--seven-eighths {
		left: 87.5%
	}

	.push--large--one-tenth {
		left: 10%
	}

	.push--large--two-tenths {
		left: 20%
	}

	.push--large--three-tenths {
		left: 30%
	}

	.push--large--four-tenths {
		left: 40%
	}

	.push--large--five-tenths {
		left: 50%
	}

	.push--large--six-tenths {
		left: 60%
	}

	.push--large--seven-tenths {
		left: 70%
	}

	.push--large--eight-tenths {
		left: 80%
	}

	.push--large--nine-tenths {
		left: 90%
	}

	.push--large--one-twelfth {
		left: 8.333%
	}

	.push--large--two-twelfths {
		left: 16.666%
	}

	.push--large--three-twelfths {
		left: 25%
	}

	.push--large--four-twelfths {
		left: 33.333%
	}

	.push--large--five-twelfths {
		left: 41.666%
	}

	.push--large--six-twelfths {
		left: 50%
	}

	.push--large--seven-twelfths {
		left: 58.333%
	}

	.push--large--eight-twelfths {
		left: 66.666%
	}

	.push--large--nine-twelfths {
		left: 75%
	}

	.push--large--ten-twelfths {
		left: 83.333%
	}

	.push--large--eleven-twelfths {
		left: 91.666%
	}

}

body, html {
	background-color: #fff
}

.main-content {
	display: block;
	//margin-top: 15px;
	padding-bottom: 30px
}

.is-transitioning {
	display: block !important;
	visibility: visible !important
}

.display-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
	float: none
}

@media screen and (min-width:768px) {
	.large--display-table {
		display: table;
		table-layout: fixed;
		width: 100%
	}

	.large--display-table-cell {
		display: table-cell;
		vertical-align: middle;
		float: none
	}

}

.supports-fontface .icon-fallback-text .fallback-text, .visually-hidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0
}

blockquote {
	display: block;
	padding: 15px 20px 15px 45px;
	margin: 0 0 20px;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #666;
	border-left: 15px solid #208509;
	border-right: 2px solid #208509;
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc
}

blockquote::before {
	content: "\201C";
	font-size: 60px;
	font-weight: 700;
	color: #999;
	position: absolute;
	left: 10px;
	top: 5px
}

blockquote::after {
	content: ""
}

blockquote a {
	text-decoration: none;
	cursor: pointer;
	padding: 0 3px
}

blockquote a:hover {
	color: #3a3a3c
}

blockquote p:first-child {
	font-style: italic;
	padding-left: 10px;
}

blockquote p:first-child:first-letter {
	font-size: 250%;
	margin: 10px 7px 0;
	float: left
}

blockquote p {
	line-height: 26px;
	margin-bottom: 0
}

blockquote p+cite {
	margin-top: 7.5px
}

blockquote cite {
	display: block;
	font-size: .75em
}

blockquote cite:before {
	content: '\2014 \0020'
}

code, pre {
	background-color: #faf7f5;
	font-family: Consolas, monospace;
	font-size: 1em;
	border: 0;
	padding: 0 2px;
	color: #51ab62
}

pre {
	overflow: auto;
	padding: 7.5px;
	margin: 0 0 15px
}

hr {
	clear: both;
	border-top: solid #e5e5e5;
	border-width: 1px 0 0;
	margin: 15px 0;
	height: 0
}

#page-product .tab-content table hr {
	padding: 0;
	margin: 0;
	border-top: 3px solid #3a3a3c
}

hr.hr--small {
	margin: 7.5px 0
}

hr.hr--clear {
	border-top-color: transparent
}

.section-header {
	margin-bottom: 10px
}

@media screen and (min-width:768px) {
	.section-header {
		display: table;
		width: 100%
	}

	.section-header__title {
		margin-bottom: 6px
	}

	.section-header__left {
		display: table-cell;
		vertical-align: middle;
		margin-bottom: 0
	}

	.section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4, .section-header__left h1, .section-header__left h2, .section-header__left h3, .section-header__left h4 {
		margin-bottom: 0
	}

	.section-header__right {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
		width: 335px
	}

	.collection-view {
		display: inline-block
	}

}

@media screen and (min-width:768px) and (max-width:767px) {
	.section-header__right {
		margin-bottom: 15px
	}

}

.rte, .rte>div {
	margin-bottom: 7.5px
}

.section-header__right .collection-view, .section-header__right .form-horizontal {
	display: inline-block;
	vertical-align: middle
}

@media screen and (min-width:481px) {
	.section-header__right .collection-view, .section-header__right label+select {
		margin-left: 7.5px
	}

}

.collection-view {
	display: inline-block;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 0 5px;
	height: 37px;
	overflow: hidden
}

.change-view {
	display: block;
	background: 0 0;
	border: 0;
	float: left;
	padding: 10px 8px;
	color: #e5e5e5;
	line-height: 1
}

.change-view:focus, .change-view:hover, .text-link, a, a:focus, a:hover {
	color: #208509
}

.change-view--active {
	cursor: default;
	color: #208509
}

.rte a {
	text-decoration: underline
}

.rte .h1, .rte .h2, .rte .h3, .rte .h4, .rte .h5, .rte .h6, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
	margin-top: .5em
}

.rte .h1:first-child, .rte .h2:first-child, .rte .h3:first-child, .rte .h4:first-child, .rte .h5:first-child, .rte .h6:first-child, .rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child {
	margin-top: 0
}

.rte .h1 a, .rte .h2 a, .rte .h3 a, .rte .h4 a, .rte .h5 a, .rte .h6 a, .rte h1 a, .rte h2 a, .rte h3 a, .rte h4 a, .rte h5 a, .rte h6 a {
	text-decoration: none
}

.rte li {
	margin-bottom: .4em
}

.inline-list li, .rte--header, li {
	margin-bottom: 0
}

.text-link, a {
	text-decoration: none;
	background: 0 0
}

button {
	overflow: visible
}

button[disabled], html input[disabled] {
	cursor: default
}

.btn, .btn--secondary, .rte .btn, .rte .btn--secondary {
	display: inline-block;
	padding: 8px 10px;
	width: auto;
	margin: 0;
	line-height: 1.42;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 3px;
	background-color: #269d8a;
	color: #fff
}

.btn--full, input.input-full, select.input-full, table, table.full, textarea.input-full {
	width: 100%
}

.btn--secondary:hover, .btn:hover, .rte .btn--secondary:hover, .rte .btn:hover {
	background-color: #1c7466;
	color: #fff
}

.btn--secondary:active, .btn--secondary:focus, .btn:active, .btn:focus, .rte .btn--secondary:active, .rte .btn--secondary:focus, .rte .btn:active, .rte .btn:focus {
	background-color: #124b42;
	color: #fff
}

.btn.disabled, .btn[disabled], .disabled.btn--secondary, .rte .btn.disabled, .rte .btn[disabled], .rte .disabled.btn--secondary, .rte [disabled].btn--secondary, [disabled].btn--secondary {
	cursor: default;
	color: #b6b6b6;
	background-color: #f6f6f6
}

button, input[type=submit] {
	cursor: pointer
}

.btn--secondary, .rte .btn--secondary {
	background-color: #696969
}

.btn--secondary:hover, .rte .btn--secondary:hover {
	background-color: #4f4f4f;
	color: #fff
}

.btn--secondary:active, .btn--secondary:focus, .rte .btn--secondary:active, .rte .btn--secondary:focus {
	background-color: #363636;
	color: #fff
}

.btn--small {
	padding: 4px 5px;
	font-size: .85714em
}

.btn--large {
	padding: 12px 15px;
	font-size: 1.14286em
}

.btn-red {
	background: #bf2324 !important;
	color: #fff !important
}

.text-link {
	display: inline;
	border: 0;
	background: 0 0;
	padding: 0;
	margin: 0
}

fieldset, input, select, td, textarea, th {
	border: 1px solid #e5e5e5
}

.inline-list, .no-bullets {
	margin-left: 0
}

ul.square {
	list-style: square
}

ul.disc {
	list-style: disc
}

ol.alpha {
	list-style: lower-alpha
}

.no-bullets {
	list-style: none
}

.inline-list li {
	display: inline-block
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

table.full {
	margin-bottom: 1em
}

.table-wrap {
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.hidden-label, .video-wrapper, svg:not(:root) {
	overflow: hidden
}

td, th {
	padding: 7.5px
}

@media screen and (max-width:480px) {
	.last-view-products-wrapper {
		padding: 0 5px
	}

	.pro-info {
		text-align: center
	}

	.table--responsive thead {
		display: none
	}

	.table--responsive tr {
		display: block
	}

	.table--responsive td, .table--responsive tr {
		float: left;
		clear: both;
		width: 100%
	}

	.table--responsive td, .table--responsive th {
		display: block;
		text-align: right;
		padding: 15px
	}

	.table--responsive td:before {
		content: attr(data-label);
		float: left;
		text-align: center;
		font-size: 12px;
		padding-right: 10px
	}

	.table--responsive.cart-table img {
		margin: 0 auto
	}

	.table--responsive.cart-table .ajaxcart__qty, .table--responsive.cart-table .js-qty {
		float: right
	}

	.table--small-hide {
		display: none !important
	}

	.table__section+.table__section {
		position: relative;
		margin-top: 10px;
		padding-top: 15px
	}

	.table__section+.table__section:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 15px;
		right: 15px;
		border-bottom: 1px solid #e5e5e5
	}

}

#hrv-product-reviews fieldset, button {
	border: none
}

img, legend {
	border: 0
}

.media, .media-flex {
	overflow: hidden;
	zoom: 1
}

.media-img {
	float: left;
	margin-right: 15px
}

.media-img-right {
	float: right;
	margin-left: 15px
}

.media-img img, .media-img-right img {
	display: block
}

iframe, img {
	max-width: 100%
}

.video-wrapper {
	position: relative;
	max-width: 100%;
	height: 0;
	height: auto
}

form {
	margin-bottom: 0
}

.form-vertical {
	margin-bottom: 7.5px
}

@media screen and (max-width:767px) {
	input, textarea {
		font-size: 16px
	}

}

button, input, select, textarea {
	padding: 0;
	margin: 0;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

button, input, textarea {
	-webkit-appearance: none;
	-moz-appearance: none
}

button {
	background: 0 0;
	display: inline-block
}

fieldset {
	padding: 7.5px
}

legend {
	padding: 0
}

input, select, textarea {
	max-width: 100%;
	padding: 8px 10px;
	border-radius: 3px
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #ccc
}

input.disabled, input[disabled], select.disabled, select[disabled], textarea.disabled, textarea[disabled] {
	cursor: default;
	background-color: #f6f6f6;
	border-color: #b6b6b6
}

label[for], select {
	cursor: pointer
}

textarea {
	min-height: 100px
}

input[type=checkbox], input[type=radio] {
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
	width: auto
}

input[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox
}

input[type=radio] {
	-webkit-appearance: radio;
	-moz-appearance: radio
}

input[type=image] {
	padding-left: 0;
	padding-right: 0
}

select {
	//-webkit-appearance: none;
	//-moz-appearance: none;
	//appearance: none;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-color: transparent;
	padding: 6px 10px;
	text-indent: .01px;
	text-overflow: ''
}

.ie9 select, .lt-ie9 select {
	padding-right: 10px;
	background-image: none
}

option {
	color: #000;
	background-color: #fff
}

select::-ms-expand {
	display: none
}

.hidden-label {
	position: absolute;
	height: 0;
	width: 0;
	margin-bottom: 0;
	clip: rect(1px, 1px, 1px, 1px)
}

.ie9 .hidden-label, .lt-ie9 .hidden-label {
	position: static;
	height: auto;
	width: auto;
	margin-bottom: 2px;
	overflow: visible;
	clip: initial
}

.form-vertical input, .form-vertical select, .form-vertical textarea {
	display: block;
	margin-bottom: 10px
}

.form-vertical input[type=checkbox], .form-vertical input[type=radio] {
	display: inline-block
}

input.error, select.error, textarea.error {
	border-color: #d02e2e;
	background-color: #fff6f6;
	color: #d02e2e
}

label.error {
	color: #d02e2e
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child>.btn, .input-group .input-group-btn:first-child>.btn--secondary, .input-group .input-group-field:first-child, .input-group input[type=hidden]:first-child+.input-group-btn>.btn, .input-group input[type=hidden]:first-child+.input-group-btn>.btn--secondary, .input-group input[type=hidden]:first-child+.input-group-field {
	border-radius: 3px 0 0 3px
}

.input-group .input-group-btn:last-child>.btn, .input-group .input-group-btn:last-child>.btn--secondary, .input-group .input-group-field:last-child {
	border-radius: 0 3px 3px 0
}

.input-group input::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin-top: -1px;
	margin-bottom: -1px
}

.input-group-btn, .input-group-field {
	display: table-cell;
	vertical-align: middle;
	margin: 0
}

.input-group .btn, .input-group .btn--secondary, .input-group .input-group-field {
	height: 37px
}

.input-group .input-group-field {
	width: 100%
}

.input-group-btn {
	position: relative;
	white-space: nowrap;
	width: 1%;
	padding: 0
}

.icon-fallback-text .icon {
	display: none
}

.supports-fontface .icon-fallback-text .icon {
	display: inline-block
}

.icon:before {
	display: none
}

.supports-fontface .icon:before {
	display: inline;
	font-family: icons;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.mobile-nav__item--active, .site-nav--active>.site-nav__link {
	font-weight: 700
}

.icon-american_express:before {
	content: "\41"
}

.icon-arrow-down:before {
	content: "\e607"
}

.icon-bitcoin:before {
	content: "\42"
}

.icon-cart:before {
	content: "\e600"
}

.icon-cirrus:before {
	content: "\43"
}

.icon-dankort:before {
	content: "\64"
}

.icon-diners_club:before {
	content: "\63"
}

.icon-discover:before {
	content: "\44"
}

.icon-facebook:before {
	content: "\66"
}

.icon-fancy:before {
	content: "\46"
}

.icon-google:before {
	content: "\67"
}

.icon-google_wallet:before {
	content: "\47"
}

.icon-grid-view:before {
	content: "\e603"
}

.filters-col__collapse__title:after, .icon-hamburger:before {
	content: "\e601"
}

.icon-instagram:before {
	content: "\69"
}

.icon-interac:before {
	content: "\49"
}

.icon-jcb:before {
	content: "\4a"
}

.icon-list-view:before {
	content: "\e604"
}

.icon-maestro:before {
	content: "\6d"
}

.icon-master:before {
	content: "\4d"
}

.icon-minus:before {
	content: "\e602"
}

.icon-paypal:before {
	content: "\50"
}

.icon-pinterest:before {
	content: "\70"
}

.icon-plus:before {
	content: "\e605"
}

.icon-rss:before {
	content: "\72"
}

.icon-search:before {
	content: "\73"
}

.icon-stripe:before {
	content: "\53"
}

.icon-tumblr:before {
	content: "\74"
}

.icon-twitter:before {
	content: "\54"
}

.icon-vimeo:before {
	content: "\76"
}

.icon-visa:before {
	content: "\56"
}

.icon-x:before {
	content: "\e606"
}

.icon-youtube:before {
	content: "\79"
}

.payment-icons {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}

.payment-icons li {
	margin: 0 3.75px 3.75px;
	color: #bbb;
	cursor: default
}

.payment-icons .icon {
	font-size: 30px;
	line-height: 30px
}

.payment-icons .fallback-text {
	text-transform: capitalize
}

.social-icons li {
	margin: 0 7.5px 7.5px;
	vertical-align: middle
}

@media screen and (min-width:481px) {
	.social-icons li {
		margin-left: 0
	}

}

.social-icons li .icon {
	font-size: 30px;
	line-height: 26px
}

.social-icons li a {
	color: #bbb
}

.social-icons li a:hover {
	color: #a2a2a2
}

.pagination {
	margin-bottom: 1em;
	text-align: center
}

.pagination>span {
	display: inline-block;
	line-height: 1
}

.pagination a {
	display: block
}

.pagination .page.current, .pagination a {
	padding: 8px
}

.site-header {
	padding: 7.5px 0
}

.site-header .grid--table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.site-header .grid--table>.grid__item {
	float: none;
	display: table-cell;
	vertical-align: middle
}

.site-header__logo {
	text-align: center;
	margin: 0 0 0 53px;
	max-width: 100%
}

@media screen and (min-width:768px) {
	.site-header__logo {
		text-align: left;
		margin: 0
	}

}

.site-header__logo a, .site-header__logo a:focus, .site-header__logo a:hover {
	text-decoration: none
}

.site-header__logo a, .site-header__logo img {
	display: block
}

.site-header__logo img {
	margin: 0 auto
}

.site-header__logo-link {
	max-width: 450px;
	margin: 0 auto
}

.site-header__search {
	max-width: 400px;
	margin-top: .5px;
	width: 100%
}

.search-bar {
	max-width: 100%
}

@media screen and (max-width:767px) {
	.search-bar {
		margin-left: auto;
		margin-right: auto
	}

	.site-header__cart-toggle, .site-header__search {
		display: inline-block
	}

}

.site-nav {
	font-size: 1.14286em;
	cursor: default;
	margin: 0 0 0 .5px
}

.site-nav li, .site-nav--mobile li {
	margin: 0;
	display: block
}

.site-nav--mobile>li, .site-nav>li {
	position: relative;
	display: inline-block
}

.text-right .site-nav--mobile {
	margin: 0 -7.5px 0 0
}

.site-nav__link {
	display: block;
	text-decoration: none;
	padding: 7.5px;
	white-space: nowrap;
	color: #fff
}

.site-nav__link:active, .site-nav__link:focus, .site-nav__link:hover {
	color: #d9d9d9
}

.site-nav__link .icon-arrow-down {
	position: relative;
	top: -2px;
	font-size: 10px;
	padding-left: 3.75px
}

.site-nav--mobile .site-nav__link {
	display: inline-block
}

.site-nav__dropdown {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	z-index: 5
}

.nav-focus+.site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown {
	display: block
}

.site-nav__dropdown a:active, .site-nav__dropdown a:focus, .site-nav__dropdown a:hover {
	background-color: #c71111
}

.nav-search {
	position: relative;
	padding: 10px 0
}

@media screen and (max-width:767px) {
	.nav-search {
		padding: 0 0 7.5px;
		margin: 0 auto;
		text-align: center
	}

}

.mobile-nav {
	//margin: -7.5px -7.5px 0
}

.mobile-nav li, .mobile-nav__search .search-bar {
	margin-bottom: 0
}

.mobile-nav__search {
	padding: 7.5px
}

.mobile-nav__item {
	position: relative;
	display: block
}

.mobile-nav__item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 7.5px;
	right: 7.5px;
	border-bottom: 1px solid #e9e9e9
}

.mobile-nav>.mobile-nav__item:last-child:after {
	display: none
}

.mobile-nav__item a {
	display: block
}

.mobile-nav__item a, .mobile-nav__toggle button {
	color: #333;
	padding: 6.5px 7.5px;
	text-decoration: none
}

.mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__item a:hover, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus, .mobile-nav__toggle button:hover {
	color: #0d0d0d
}

.drawer, .drawer a {
	color: #333
}

.drawer__header .drawer__title.h3 ul {
	margin-left: 10px !important
}

.mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus {
	background-color: #e9e9e9
}

.mobile-nav__has-sublist {
	display: table;
	width: 100%
}

.mobile-nav__has-sublist .mobile-nav__link {
	display: table-cell;
	vertical-align: middle;
	width: 100%
}

.mobile-nav__toggle {
	display: table-cell;
	vertical-align: middle;
	width: 1%
}

.mobile-nav--expanded .mobile-nav__toggle-open, .mobile-nav__toggle-close {
	display: none
}

.mobile-nav--expanded .mobile-nav__toggle-close {
	display: block
}

.mobile-nav__sublist {
	margin: 0;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all .3s cubic-bezier(.57, .06, .05, .95);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.mobile-nav--expanded+.mobile-nav__sublist {
	visibility: visible;
	max-height: 700px;
	transition: all .7s cubic-bezier(.57, .06, .05, .95)
}

.drawer, .is-moved-by-drawer {
	transition: all .4s cubic-bezier(.46, .01, .32, 1)
}

.mobile-nav__sublist .mobile-nav__item:after {
	top: 0;
	bottom: auto
}

.mobile-nav__sublist .mobile-nav__link {
	padding-left: 15px;
	font-weight: 400
}

.filter--active, .list-unstyled .active {
	font-weight: 700
}

.cart-table th, .list-unstyled li.active ul li a {
	font-weight: 400
}

.js-drawer-open {
	overflow: hidden
}

.drawer {
	display: none;
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	top: 0;
	bottom: 0;
	padding: 0;
	max-width: 95%;
	z-index: 10;
	background-color: #f6f6f6
}

.drawer a:focus, .drawer a:hover {
	opacity: .7
}

.drawer input, .drawer textarea {
	border-color: #e9e9e9
}

.drawer--left {
	width: 260px;
	left: -300px;
	border-right: 1px solid #e9e9e9
}

.js-drawer-open-left .drawer--left {
	display: block;
	-ms-transform: translateX(300px);
	-webkit-transform: translateX(300px);
	transform: translateX(300px)
}

.lt-ie9 .js-drawer-open-left .drawer--left {
	left: 0
}

.drawer--right {
	width: 300px;
	right: -300px;
	border-left: 1px solid #e9e9e9
}

.js-drawer-open-right .drawer--right {
	display: block;
	-ms-transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px)
}

.lt-ie9 .js-drawer-open-right .drawer--right {
	right: 0
}

#PageContainer {
	overflow: hidden
}

.js-drawer-open-left .is-moved-by-drawer {
	-ms-transform: translateX(260px);
	-webkit-transform: translateX(260px);
	transform: translateX(260px)
}

.js-drawer-open-right .is-moved-by-drawer {
	-ms-transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px)
}

.drawer__header {
	display: table;
	height: 40px;
	width: 100%;
	margin-bottom: 7.5px;
	border-bottom: 1px solid #e9e9e9;
	background: #208509;
	color: #fff
}

.drawer__close, .drawer__title {
	display: table-cell;
	vertical-align: middle
}

.drawer__title {
	width: 100%
}

.drawer__close {
	width: 1%;
	text-align: center;
	font-size: 1.28571em
}

.drawer__close button {
	position: relative;
	right: -11px;
	height: 100%;
	padding: 0 20px;
	color: inherit
}

.drawer__close button:active, .drawer__close button:focus {
	background-color: #e9e9e9
}

.grid__image {
	display: block;
	margin: 0 auto 7.5px
}

.grid__image img {
	display: block;
	margin: 0 auto
}

@media screen and (max-width:767px) {
	.row {
		margin-right: 0 !important;
		margin-left: 0 !important
	}

}

.breadcrumb, .product-single__photos {
	margin-bottom: 15px
}

.breadcrumb a, .breadcrumb h2, .breadcrumb span {
	display: inline-block;
	padding: 0;
	margin-right: 3px;
	color: #828282
}

.breadcrumb a:first-child, .breadcrumb span:first-child {
	padding-left: 0;
	margin-right: 0
}

.product-single__variants {
	display: none
}

.no-js .product-single__variants {
	display: block
}

.product-single__photos a, .product-single__photos img, .product-single__thumbnails a, .product-single__thumbnails img {
	display: block;
	margin: 0 auto
}

.product-single__photos li, .product-single__thumbnails li {
	margin-bottom: 15px
}

.errors, .note {
	border-radius: 3px;
	padding: 6px 12px;
	margin-bottom: 7.5px;
	border: 1px solid transparent;
	font-size: .9em;
	text-align: left
}

.errors ol, .errors ul, .note ol, .note ul {
	margin-top: 0;
	margin-bottom: 0
}

.errors li:last-child, .errors p, .note li:last-child, .note p {
	margin-bottom: 0
}

.note {
	border-color: #e5e5e5
}

.errors ul {
	list-style: disc;
	margin-left: 20px
}

.form-success {
	color: #56ad6a;
	background-color: #ecfef0;
	border-color: #56ad6a
}

.form-success a {
	color: #56ad6a;
	text-decoration: underline
}

.form-success a:hover {
	text-decoration: none
}

.errors, .form-error {
	color: #d02e2e;
	background-color: #fff6f6;
	border-color: #d02e2e
}

.errors a, .form-error a {
	color: #d02e2e;
	text-decoration: underline
}

.errors a:hover, .form-error a:hover {
	text-decoration: none
}

.cart__row {
	position: relative;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5
}

.cart__row:first-child {
	margin-top: 0;
	padding-top: 0
}

.cart__row .ajaxcart__qty, .cart__row .js-qty {
	margin: 0 auto
}

.cart-table td, .cart-table th {
	border: none
}

@media screen and (min-width:768px) {
	.cart__row--table-large {
		display: table;
		table-layout: fixed;
		width: 100%
	}

	.cart__row--table-large .grid__item {
		display: table-cell;
		vertical-align: middle;
		float: none
	}

}

.cart__image {
	display: block
}

.cart__image img {
	display: block;
	max-width: 100%
}

.cart__subtotal {
	margin: 0 0 0 5px;
	display: inline;
	color: #df0006
}

.cart__mini-labels {
	display: block;
	margin: 5px 0;
	font-size: .85714em
}

@media screen and (min-width:768px) {
	.cart__mini-labels {
		display: none
	}

}

.cart__remove {
	display: block
}

.ajaxcart__inner {
	margin-bottom: 15px
}

.ajaxcart__row>.grid, .ajaxcart__row>.grid--full, .ajaxcart__row>.grid--rev {
	margin-left: -7.5px
}

.ajaxcart__row>.grid--full>.grid__item, .ajaxcart__row>.grid--rev>.grid__item, .ajaxcart__row>.grid>.grid__item {
	padding-left: 7.5px
}

.ajaxcart__product {
	position: relative;
	max-height: 500px
}

.ajaxcart__product.is-removed {
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
	transition: all 450ms cubic-bezier(.57, .06, .05, .95);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ajaxcart__row {
	padding-bottom: 7.5px;
	margin-bottom: 7.5px;
	border-bottom: 1px solid #e9e9e9
}

.ajaxcart__product-image {
	display: block;
	overflow: hidden;
	margin-bottom: 15px
}

.ajaxcart__product-image img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.ajaxcart__product-meta, .ajaxcart__product-name {
	display: block
}

.ajaxcart__product-name+.ajaxcart__product-meta {
	padding-top: 3px
}

.ajaxcart__qty, .js-qty {
	position: relative;
	margin-bottom: 1em;
	max-width: 100px;
	min-width: 75px;
	overflow: visible
}

.ajaxcart__qty input, .js-qty input {
	display: block;
	background: 0 0;
	text-align: center;
	width: 100%;
	padding: 5px 25px;
	margin: 0
}

.ajaxcart__qty-adjust, .js-qty__adjust {
	cursor: pointer;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	border: 0;
	padding: 0 8px;
	background: 0 0;
	text-align: center;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ajaxcart__qty-adjust:focus, .ajaxcart__qty-adjust:hover, .js-qty__adjust:focus, .js-qty__adjust:hover {
	color: #269d8a
}

.ajaxcart__qty-adjust, .ajaxcart__qty-num {
	color: #333
}

.ajaxcart__qty--plus, .js-qty__adjust--plus {
	right: 0;
	border-left: 1px solid #e5e5e5
}

.ajaxcart__qty--minus, .js-qty__adjust--minus {
	left: 0;
	border-right: 1px solid #e5e5e5
}

.ajaxcart__qty--minus, .ajaxcart__qty--plus, .ajaxcart__qty-num {
	border-color: #e9e9e9
}

.ajaxcart__qty {
	margin: 0
}

.is-loading .ajaxcart__qty {
	opacity: .5;
	transition: none
}

.search_bar_mobile {
	display: none
}

.search_btn_mobile a {
	font-size: 28px;
	line-height: 40px;
	color: #fff
}

.search_btn_mobile a:hover {
	color: #fff
}

.fi-about-block, .fi-links {
	padding: 10px
}

.fi-links ul li {
	padding-top: 10px
}

.fi-links ul li:first-child {
	padding-top: 0
}

.fi-block, .fi-tags {
	padding: 10px
}

@media screen and (min-width:768px) {
	.home-products-slider .grid__item, .home-products-slider.t-fix .grid__item {
		width: 20%
	}

	.home-products-slider {
		display: block !important
	}

	.home-products-slider .grid__item:nth-child(5n+1) {
		clear: both
	}

}

.filter-list::-webkit-scrollbar {
	width: 10px;
	background-color: #E4E4E4
}

.filter-list::-webkit-scrollbar-thumb {
	background-color: #828282;
	border-radius: 30px
}

.filter-list::-webkit-scrollbar-thumb:hover {
	background-color: #828282;
	border: 1px solid #333
}

.filter-list::-webkit-scrollbar-thumb:active {
	background-color: #14b74b;
	border: 1px solid #333
}

.filter-list::-webkit-scrollbar-track {
	width: 1px;
	background: #d6d6d6;
	border: 1px solid gray;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 1px gray inset
}

.title_filter_result {
	font-size: 20px
}

.title_filter_result span {
	font-size: 12px;
	color: #ccc
}

.list-unstyled {
	margin-left: 16px;
	margin-top: 16px
}

.list-unstyled li {
	margin: 0 0 5px
}

.filter-box-search {
	position: relative;
	margin-bottom: 10px;
	width: 97%
}

.filter_list {
	margin: 0;
	outline: 0;
	padding: 6px 8px;
	background-color: #fff !important;
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid #efefef;
	line-height: 20px;
	height: 32px;
	width: 100%
}

.btn_filter_search {
	display: inline-block !important;
	background-color: #14b74b !important;
	border-radius: 0 2px 2px 0;
	padding: 5px 0;
	margin: 0;
	height: 32px !important;
	width: 32px !important;
	text-align: center;
	line-height: 20px;
	position: absolute;
	right: 0;
	top: 0
}

.btn_filter_search i {
	color: #fff
}

#custom-preloader {
	position: fixed;
	z-index: 100000;
	top: 50%;
	width: 100%;
	margin-top: -20px
}

#custom-preloader .custom-loader {
	position: absolute;
	left: 50%;
	margin-left: -28px;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 6px;
	height: 56px;
	width: 56px;
	line-height: 56px;
	text-align: center
}

#custom-preloader .custom-loader img {
	opacity: .9;
	vertical-align: middle
}

.btn_filter {
	float: right;
	display: none
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .fb {
	float: left
}

.filters-col {
	max-width: 280px;
	float: left;
	opacity: 0;
	-webkit-transition: opacity .3s ease-out 0s;
	-moz-transition: opacity .3s ease-out 0s;
	-ms-transition: opacity .3s ease-out 0s;
	-o-transition: opacity .3s ease-out 0s;
	transition: opacity .3s ease-out 0s;
	padding: 0 0 4px;
	position: absolute
}

.aside-column .filters-col {
	height: auto !important;
	opacity: 1;
	width: 100%;
	float: none;
	position: relative !important
}

.open .filters-col {
	opacity: 1;
	position: relative;
	max-width: 280px;
	width: 100%
}

.filters-col__close {
	display: none;
	position: absolute;
	top: 10px;
	left: 20px
}

.filters-col__select {
	margin-bottom: 8px
}

.filters-col__select label {
	width: 80px
}

.filters-col__collapse {
	width: 100%;
	background: #f7f7f7;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-color: #e7e7e7;
	border-radius: 3px
}

.filters-col__collapse.type-filter-block.open {
	margin-bottom: 10px
}

.filters-col__collapse__content {
	display: none;
	padding: 13px 7px 16px
}

h5.col-title {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase
}

ul.list-unstyled a {
	font-size: 13px
}

span.collection-count {
	font-size: 12px
}

.open>.filters-col__collapse__content {
	display: block
}

.filters-col__collapse__title {
	cursor: pointer;
	padding: 13px 16px 10px;
	margin-top: 0 !important;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize
}

.filters-col__collapse__title:after {
	position: absolute;
	display: block;
	top: 15px;
	right: 8px;
	font-family: Welldone;
	font-size: 10px;
	line-height: 1em
}

.open>.filters-col__collapse__title:after {
	content: "\e631"
}

.filters-col__collapse:last-child {
	border-bottom: 0
}

.price-slider {
	margin: 25px 0 15px
}

.filter-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 192px;
	overflow: auto
}

.filter-list li {
	margin: 0 0 5px
}

.filter-list li a.icon {
	display: inline-block;
	vertical-align: middle;
	font-size: .8em;
	margin: 0 8px 0 0 !important;
	text-decoration: none
}

#showFilterMobile {
	display: none
}

@media (max-width:768px) {
	.sort_by {
		display: none !important
	}

	.sort_by_mobile {
		display: block !important;
		margin-bottom: 5px
	}

	.sort_by_mobile option {
		color: #000 !important
	}

	.filters-col__close {
		display: block
	}

	#filtersCol a {
		color: #fff
	}

	.icon-clear {
		font-family: Welldone;
		speak: none;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.icon-clear:before {
		content: "\e60f"
	}

	.col-1 {
		float: right;
		margin-right: -15px
	}

	.col-2 {
		float: left;
		margin-left: -15px
	}

	#showFilterMobile {
		display: inline-block
	}

	#showFilter, .filters-row__select {
		display: none
	}

	.outer #filtersCol {
		padding: 35px 20px;
		right: -100%;
		max-width: 80%;
		top: 0;
		margin: 0;
		min-width: 0;
		height: 100%;
		position: fixed;
		z-index: 10001;
		overflow-x: hidden;
		overflow-y: auto;
		opacity: 1
	}

	.outer #filtersCol * {
		color: #383838
	}

	.outer #filtersCol .filters-col__collapse__title {
		text-align: left
	}

	.aside-column .filters-row__select {
		display: inline
	}

	.filters-row__items {
		padding: 0;
		line-height: 32px
	}

}

.coll-items>a img, .line-cart {
	max-width: 100%
}

.filters-by-category ul {
	margin: 0 0 50px;
	padding: 0;
	list-style: none;
	text-align: center
}

.filters-by-category ul li {
	display: inline-block;
	line-height: 1em
}

.filters-by-category ul li a {
	font-size: 1.5385em;
	font-weight: 300;
	line-height: 1em;
	padding: 10px;
	background-color: #fafafa;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px
}

.filters-by-category ul li a .selected, .filters-by-category ul li a:hover {
	background-color: #536dfe;
	color: #fff
}

.checkbox-group input[type=checkbox] {
	display: none
}

.checkbox-group label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	padding-left: 25px;
	cursor: pointer;
	font-size: 12px;
	line-height: 17px
}

.flag.checked~label .check, input[type=checkbox]:checked~label .check {
	opacity: 1;
	-webkit-transform: scale(1) rotate(45deg);
	-moz-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg)
}

.flag.checked~label .box, input[type=checkbox]:checked~label .box {
	background: #536dfe;
	border-color: #536dfe
}

.checkbox-group {
	position: relative
}

.checkbox-group label .check {
	top: 0;
	left: 4px;
	width: 8px;
	height: 11px;
	border-width: 2px;
	border-style: solid;
	border-top: none;
	border-left: none;
	opacity: 0;
	z-index: 10;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	transition-delay: .1s;
	border-color: #fff
}

.checkbox-group label span {
	display: block;
	position: absolute;
	left: 0;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	transition-duration: .1s
}

.checkbox-group label .box {
	border-width: 1px;
	border-style: solid;
	height: 13px;
	width: 13px;
	z-index: 9;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	transition-delay: .1s;
	color: #999;
	border-radius: 2px
}

.coll-items {
	position: relative;
	overflow: hidden
}

.coll-items>a {
	display: block;
	line-height: 0
}

.coll-items .detail {
	position: absolute;
	width: 100%;
	min-height: 70px;
	background: rgba(255, 255, 255, .8);
	text-align: center;
	bottom: 50%;
	left: 0;
	padding: 14px 0 12px;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.coll-items .detail .coll-name a {
	font-size: 16px;
	font-weight: 500
}

.coll-items .detail .coll-number {
	color: #444;
	font-size: 12px
}

.coll-items:hover .detail {
	bottom: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.collection-products-slider .owl-nav div {
	position: absolute;
	top: 20%;
	color: #208509 !important;
	background: 0 0 !important;
	font-size: 0 !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
	opacity: 1 !important
}

.collection-products-slider .owl-nav .owl-next:after, .collection-products-slider .owl-nav .owl-prev:after {
	width: 40px;
	height: 40px;
	background: #fff;
	display: block;
	text-align: center;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
	border-radius: 100%
}

.collection-products-slider .owl-nav .owl-prev {
	left: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.collection-products-slider .owl-nav .owl-prev:after {
	content: "\f104";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: 3px
}

.collection-products-slider .owl-nav .owl-next {
	right: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.collection-products-slider .owl-nav .owl-next:after {
	content: "\f105";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: -7px
}

@media screen and (max-width:768px) {
	.collection-products-slider .owl-nav .owl-next {
		right: 10px
	}

	.collection-products-slider .owl-nav .owl-prev {
		left: 10px
	}

	.btn_filter {
		display: block
	}

	#showFilterMobile {
		line-height: 1em;
		border-radius: 3px;
		vertical-align: top;
		border: 0;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
		-webkit-transition: box-shadow .3s 0s ease;
		-moz-transition: box-shadow .3s 0s ease;
		-ms-transition: box-shadow .3s 0s ease;
		-o-transition: box-shadow .3s 0s ease;
		transition: box-shadow .3s 0s ease;
		padding: 8px 16px;
		height: auto;
		font-size: 13px;
		background: #536dfe;
		color: #fff;
		margin-top: 5px
	}

	#showFilterMobile:hover {
		box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
	}

	.icon-filter {
		font-family: Welldone;
		speak: none;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.icon-filter:before {
		content: "\e656"
	}

	.large--three-quarters {
		width: 100% !important
	}

	.outer #filtersCol {
		padding: 35px 20px;
		right: -100%;
		width: 80%;
		top: 0;
		margin: 0;
		min-width: 0;
		height: 100%;
		position: fixed;
		z-index: 10001;
		overflow-x: hidden;
		overflow-y: auto;
		opacity: 1;
		background: #f1f1f1;
		color: #fff
	}

}

.tab-panel-xs .row {
	margin-left: 0;
	margin-right: 0
}

.last-view-products .col-md-12 {
	padding: 0 5px
}

#owl-attach .owl-buttons div {
	position: absolute;
	top: 20%;
	color: #bfbfbf !important;
	background: 0 0 !important;
	font-size: 0 !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
	opacity: 1 !important;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

#owl-attach .owl-buttons .owl-next:after, #owl-attach .owl-buttons .owl-prev:after {
	width: 40px;
	height: 40px;
	background: #fff;
	display: block;
	text-align: center;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
	border-radius: 100%
}

#owl-attach .owl-buttons div:hover {
	color: #208509 !important
}

#owl-attach .owl-buttons .owl-prev {
	left: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

#owl-attach .owl-buttons .owl-prev:after {
	content: "\f104";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: 3px
}

#owl-attach .owl-buttons .owl-next {
	right: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

#owl-attach .owl-buttons .owl-next:after {
	content: "\f105";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: -7px
}

@media screen and (max-width:991px) {
	#owl-attach .owl-buttons .owl-next {
		right: -25px
	}

	#owl-attach .owl-buttons .owl-prev {
		left: -25px
	}

	.drawer {
		z-index: 1000
	}

}

@media (min-width:992px) {
	.large--hide {
		display: none !important
	}

}

@media screen and (min-width:1200px) {
	#owl-attach .owl-buttons .owl-next {
		right: 0 !important;
		opacity: 0 !important
	}

	#owl-attach .owl-buttons .owl-prev {
		left: 0 !important;
		opacity: 0 !important
	}

	#owl-attach:hover .owl-buttons .owl-next {
		right: -15px !important;
		opacity: 1 !important
	}

	#owl-attach:hover .owl-buttons .owl-prev {
		left: -15px !important;
		opacity: 1 !important
	}

}

@media screen and (max-width:991px) {
	.content-product-list .owl-buttons .owl-next {
		//right: 10px
	}

	.content-product-list .owl-buttons .owl-prev {
		//left: 10px
	}

}

.owl_related .owl-buttons div {
	color: #208509 !important;
	background: 0 0 !important;
	border-radius: 0
}

.owl_related .owl-buttons .owl-next:after, .owl_related .owl-buttons .owl-prev:after {
	width: 40px;
	height: 40px;
	background: #fff;
	display: block;
	text-align: center;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
	border-radius: 100%
}

.owl_related .owl-buttons .owl-prev {
	left: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.owl_related .owl-buttons .owl-prev:after {
	content: "\f104";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: 3px
}

.owl_related .owl-buttons .owl-next {
	right: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.owl_related .owl-buttons .owl-next:after {
	content: "\f105";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: -7px
}

@media screen and (max-width:767px) {
	.owl_related .owl-buttons .owl-next {
		right: -10px
	}

	.owl_related .owl-buttons .owl-prev {
		left: -10px
	}

	.show-xs.tab-scroll-xs {
		clear: both
	}

}

.product-single__thumbnails .owl-buttons div {
	position: absolute;
	top: 20%;
	color: #bfbfbf !important;
	background: 0 0 !important;
	font-size: 0 !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
	opacity: 1 !important;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.product-single__thumbnails .owl-buttons .owl-next:after, .product-single__thumbnails .owl-buttons .owl-prev:after {
	width: 40px;
	height: 40px;
	background: #fff;
	text-align: center;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
	border-radius: 100%;
	display: block
}

.product-single__thumbnails .owl-buttons div:hover {
	color: #208509 !important
}

.product-single__thumbnails .owl-buttons .owl-prev {
	left: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.product-single__thumbnails .owl-buttons .owl-prev:after {
	content: "\f104";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: 3px
}

.product-single__thumbnails .owl-buttons .owl-next {
	right: -15px;
	opacity: 1;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s
}

.product-single__thumbnails .owl-buttons .owl-next:after {
	content: "\f105";
	font: 35px FontAwesome;
	line-height: 38px;
	letter-spacing: -7px
}

@media screen and (max-width:991px) {
	.product-single__thumbnails .owl-buttons .owl-next {
		right: 10px
	}

	.product-single__thumbnails .owl-buttons .owl-prev {
		left: 10px
	}

}

@media screen and (min-width:1200px) {
	.product-single__thumbnails .owl-buttons .owl-next {
		right: 0 !important;
		opacity: 0 !important
	}

	.product-single__thumbnails .owl-buttons .owl-prev {
		left: 0 !important;
		opacity: 0 !important
	}

	.product-single__thumbnails:hover .owl-buttons .owl-next {
		right: -15px !important;
		opacity: 1 !important
	}

	.product-single__thumbnails:hover .owl-buttons .owl-prev {
		left: -15px !important;
		opacity: 1 !important
	}

}

.product-attach {
	//border: 1px solid #eee;
	border-radius: 4px;
	margin-top: 20px;
	padding: 16px
}

.fb {
	margin-right: 10px
}

.fancybox-overlay .qsmodal {
	display: block
}

.st-default-search-input, .st-ui-search-input {
	background: 0 0 !important
}

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

.flex-container a:hover, .flex-slider a:hover {
	outline: 0
}

.flex-control-nav, .flex-direction-nav, .slides, .slides>li {
	margin: 0;
	padding: 0;
	list-style: none
}

.flex-pauseplay span {
	text-transform: capitalize
}

.flexslider {
	padding: 0;
	margin: 0 0 60px;
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 4px;
	-moz-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)
}

.flexslider .slides>li {
	display: block;
	-webkit-backface-visibility: hidden
}

.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.line-cart::before, .product-sku:after {
	content: ""
}

html[xmlns] .flexslider .slides {
	display: block
}

* html .flexslider .slides {
	height: 1%
}

.no-js .flexslider .slides>li:first-child {
	display: block
}

.flexslider .slides {
	zoom: 1
}

.flexslider .slides img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.loading .flex-viewport {
	max-height: 300px
}

.carousel li {
	margin-right: 5px
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}

}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}

}

.products-grid .pro-loop:nth-child(4n+1) {
	clear: both
}

.cart-buttons {
	margin-top: 44px;
	padding-right: 0
}

.line-cart::before {
	display: table;
	border-top: 1px solid #e0e0e0;
	width: calc(100% - 43px);
	position: absolute;
	top: 13px
}

.line-cart {
	text-align: center;
	padding: 0 7px
}

h3.title-coll.title_des_prod {
	text-align: center;
	position: relative;
	z-index: 1;
	background: #f5f5f5;
	color: #757575;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 24px;
	display: inline-block;
	margin-bottom: 16px
}

#owl-hascart.content-product-list .owl-controls {
	right: 6px
}

.product-sku span:first-child, .product-type>b {
	color: #b3b3b3;
	padding-right: 5px;
	font-weight: 300
}

.product-sku span:last-child {
	color: #999;
	font-weight: 500
}

.product-type>b a {
	font-weight: 400
}

.product-sku:after {
	border-right: 1px solid #999;
	display: inline-block;
	height: 10px;
	margin-left: 10px;
	margin-right: 10px
}

.product-price-p20 .product-price {
	display: inline-block;
	color: #208509; /*width:calc(60% - 26px);margin-right:26px;*/
}

.product-price-p20 .product-price del {
	font-size: 20px;
	color: #3a3a3c;
	margin-left: 18px;
	font-weight: 300
}

span#price-tk {
	color: #f00;
	font-weight: 600;
}

.product-price-p20 .pt-sale {
	font-weight: 500;
	width: 100%
}

.btn-color-add.btn-detail, .btn-color-buy.btn-detail {
	height: 35px;
	line-height: 35px
}

#qv-quantity, .quantity-box input#Quantity {
	color: #424242;
	font-size: 15px;
	width: 100%;
	height: 36px;
	min-height: 36px;
	margin: 0;
	text-align: center;
	float: left;
	line-height: normal;
	border: 1px solid #eee !important;
	outline: 0;
	background: #fff
}

div#recommend_sidebar {
	padding-bottom: 15px
}

.title-recommend-sidebar {
	background: #208509
}

.title-recommend-sidebar h3 {
	color: #fff;
	text-transform: uppercase;
	padding: 0px 0 0px 15px;
	font-size: 15px;
	font-weight: 400;
	margin: 0
}

.logo a img {
	padding: 5px 0;
	width: 100%;
	height: auto;
}
.logo-mobile a img {
	padding: 5px 0;
	width: auto;
	height: 80px;
}

.quickview_content button.close {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 9999999;
	right: -15px;
	top: -15px
}

button.close a:before {
	content: "\f057";
	font-family: FontAwesome;
	font-size: 32px;
	background: 0 0;
	border-radius: 100%;
	border: none
}

#like .title-like h2, #promotion .title-promotion h2, #recommend .title-recommend h2, .title-vendor h2 {
	padding: 0 15px !important;
	position: relative;
	z-index: 10;
	background: #f5f5f5;
	display: inline-block
}
.title-vendor h2{
	font-size: 27px !important;
	color: #000 !important;
}
#page-product .tab-content table {
	margin: 0 0 10px
}

//postvagamenu
.pt_vmegamenu div.pt_menu .parentMenu a, .pt_vmegamenu_title h2 {
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pt_vmegamenu .itemMenu.level1 p.itemMenuName.level3 {
	color: #3E3E3E;
	font-weight: 500;
	margin: 0;
	padding-bottom: 4px
}

.row_menu {
	float: left;
	width: 240px;
	margin-right: 15px
}

.pt_vmegamenu div.itemSubMenu {
	margin: 0;
	padding: 0 0 15px 33px
}

.pt_vmegamenu .itemMenu.level1 a.itemMenuName.level3.nochild, .pt_vmegamenu .itemMenu.level1 a.itemMenuName.level4 {
	border: 0;
	background: 0 0;
	text-transform: capitalize;
	line-height: 25px;
	font-size: 13px;
	font-weight: 300
}

.parentMenu {
	position: relative
}

.pt_vmegamenu_title {
	position: relative;
	margin-top: 35px
}

.pt_vmegamenu_title h2 {
	margin: 0;
	color: #fff;
	font: 700 24px/36px Khula, sans-serif;
	text-transform: uppercase;
	padding: 9px 0 0 60px;
	cursor: pointer;
	background: #f981a6;
	border-bottom: 2px solid #f35c9f;
	position: relative;
	overflow: auto
}

.pt_vmegamenu .last .parentMenu, .pt_vmegamenu div.pt_menu.active {
	background: 0 0
}

.pt_vmegamenu {
	width: 100%;
	display: block;
	border-top: 0
}

.pt_vmegamenu div.pt_menu:last-child {
	border-bottom: 0
}

.pt_vmegamenu div.popup {
	padding: 0;
	display: none;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	text-align: left;
	width: auto !important;
	z-index: 3000;
	border: 1px solid #e0e0e0;
	border-left: 0;
	background: #fff;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .18);
	box-shadow: 0 8px 16px rgba(0, 0, 0, .18);
	height: auto;
	min-width: 500px;
	overflow: auto
}

.box-popup {
	padding: 15px 20px;
	float: left
}

.arrow-left-menu {
	background: url(../images/arrow-left-menu.png) 0 18px no-repeat;
	float: left;
	height: 50px;
	margin: -5px 0 0 -15px;
	padding: 0;
	width: 19px;
	position: relative;
	z-index: 1
}

.pt_vmegamenu div.pt_menu .parentMenu a {
	text-decoration: none;
	display: block;
	line-height: 42px;
	font-size: 14px;
	font-weight: 400;
	padding-left: 15px;
	color: #fff;
	text-transform: uppercase;
	overflow: hidden;
	margin-right: 32px
}

.pt_vmegamenu div.pt_menu.active .parentMenu a {
	color: #fff
}

.pt_vmegamenu div.pt_menu .parentMenu a:after {
	font-family: FontAwesome;
	content: "\f105";
	position: absolute;
	color: #fff;
	color: rgba(255, 255, 255, .5);
	right: 20px;
	top: 20px;
	font-size: 20px;
	line-height: 0
}

.pt_vmegamenu div.pt_menu.noSub .parentMenu a:after {
	display: none
}

.custom-menu-right {
	float: left;
	margin: 0
}

.pt_vmegamenu .column.blockright {
	width: 215px
}

.menu-right-title {
	background: url(../images/bg-bottom1-title.png) left bottom repeat-x;
	float: left;
	margin: 0 0 20px;
	width: 100%
}

.menu-right-title h2 {
	background: url(../images/bg-f-title6.png) left bottom no-repeat;
	color: #777;
	font-family: titilliumwebsemibold;
	font-size: 16px;
	margin: 0;
	padding: 0 0 8px;
	text-transform: uppercase
}

.m-images, .menu-right-images {
	float: left
}

.m-images.col1 {
	margin: 20px 0 0
}

.pt_vmegamenu div.pt_menu.last .parentMenu.noSubMenu {
	border: 0
}

.cms-index-index .navleft-container {
	margin: 0 0 50px
}

.pt_vmegamenu div.popup a {
	text-decoration: none;
	display: block;
	color: #000;
}

.pt_vmegamenu .itemMenu h4.level3 {
	display: block;
	background: 0 0;
	position: relative;
	margin-bottom: 0;
	font: 600 16px/36px Khula, serif
}

.pt_vmegamenu .itemMenu a.level3.nochild {
	background: 0 0;
	margin: 0;
	padding: 0;
	font: 400 14px/36px Arial, sans-serif;
	color: #bdbdbd
}

.pt_vmegamenu .itemMenu a.level3.nochild:hover, .pt_vmegamenu .itemMenu h4.level3:hover, .pt_vmegamenu .itemMenu.level1 a.itemMenuName.level3:hover {
	color: #f981a6
}

.pt_vmegamenu .itemMenu h4.level3, .pt_vmegamenu .itemSubMenu h4.level4 span {
	color: #897725
}

.pt_vmegamenu .itemMenu a.level3:hover, .pt_vmegamenu .itemMenu h4.level3:hover {
	color: #f981a6
}

.itemMenu.level1 a.itemMenuName.level4, .pt_vmegamenu .itemMenu a.level4.nochild, .pt_vmegamenu .itemSubMenu a.level3, .pt_vmegamenu .itemSubMenu h4.level3, .pt_vmegamenu .itemSubMenu h4.level4 {
	font: 400 13px/36px Arial, sans-serif;
	color: #bdbdbd;
	text-transform: none;
	text-transform: capitalize
}

.itemMenu.level1 a.itemMenuName.level4:hover, .pt_vmegamenu .itemMenu a.level4.nochild:hover, .pt_vmegamenu .itemSubMenu a.level3:hover, .pt_vmegamenu .itemSubMenu h4.level3:hover, .pt_vmegamenu .itemSubMenu h4.level4:hover {
	color: #3a3a3c
}

.pt_vmegamenu .itemMenu.level1 a.itemMenuName.level3.nochild:after, .pt_vmegamenu .itemMenu.level1 a.itemMenuName.level4:after {
	display: none
}

.pt_vmegamenu div.popup a.act {
	color: #f981a6
}

.pt_vmegamenu div.column {
	float: left;
	width: 215px;
	margin-right: 15px;
	padding-right: 0
}

.pt_vmegamenu div.column.last {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0
}

.pt_vmegamenu .clearBoth {
	clear: both
}

.pt_vmegamenu .block2 {
	margin-top: 10px
}

.pt_vmegamenu #popup_home {
	display: none !important
}

.pt_vmegamenu div.popup .block1 {
	overflow: hidden
}

.pt_vmegamenu div.popup .block1 .column {
	margin-bottom: -99999px;
	padding-bottom: 99999px
}

.pt_vmegamenu div.popup .floatleft {
	float: left
}

.pt_vmegamenu div.popup .blockright img {
	max-width: 100%
}

.pt_vmegamenu .parentMenu .block-title {
	color: #1E7EC8
}

.pt_vmegamenu div.pt_menu .parentMenu p {
	margin: 0;
	padding: 0
}

.pt_vmegamenu #pt_menu_link .parentMenu ul li {
	float: none;
	list-style: none
}

.pt_vmegamenu #pt_menu_link .parentMenu ul li a {
	float: none;
	padding: 5px 10px 6px;
	display: block
}

.pt_vmegamenu #pt_menu_link {
	padding: 0;
	width: 195px
}

.pt_vmegamenu .wrap-popup {
	position: absolute;
	left: 100%;
	top: 0;
	width: 914px
}

.pt_vmegamenu .wrap-popup:after {
	display: block;
	content: ".";
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden
}

.cate-thumb {
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin: 11px 15px 0 0
}

.cate-thumb img {
	margin: 0 auto
}

@media (max-width:1199px) {
	.pt_vmegamenu .wrap-popup {
		left: 140px
	}

	.pt_vmegamenu div.popup {
		left: 27px !important
	}

	.cate-thumb {
		display: none
	}

}

//custom menu
.pt_custommenu #pt_menu_link .parentMenu ul li, .pt_custommenu div.pt_menu {
	list-style: none;
	float: left
}

.mobilemenu, .mobilemenu li {
	list-style-type: none;
	padding: 0
}

.mobilemenu p i {
	padding-right: 7px
}

.mobilemenu p {
	text-decoration: none;
	border-bottom: 1px solid #e0d8d8;
	line-height: 40px;
	font-weight: 400;
	color: #666;
	margin: 0 15px;
	display: block;
	cursor: pointer;
	font-size: 14px;
	text-transform: capitalize;
	padding-left: 25px
}

.pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title {
	position: relative;
	font-size: 18px;
	text-decoration: none;
	display: block;
	line-height: 23px;
	color: #fff;
	text-transform: uppercase;
	font-family: "PT Sans Narrow", sans-serif;
	font-weight: 700;
	padding: 16px 20px;
	border-radius: 3px 3px 0 0;
	margin: 0 2px 0 0;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out
}

#pt_menu_home .parentMenu a {
	font-size: 0 !important
}

#pt_menu_home .parentMenu a:before {
	content: "\f015";
	display: inline-block;
	font-family: FontAwesome;
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	vertical-align: middle
}

.custom-menu .text h1, .pt_custommenu div.popup a.level3 {
	font-family: "PT Sans Narrow", sans-serif
}

#pt_menu_home .parentMenu a:hover:before, #pt_menu_home.act .parentMenu a:before {
	color: #93979d
}

.pt_custommenu div.pt_menu .parentMenu a:after, .pt_custommenu div.pt_menu.act a:after {
	bottom: 7px
}

.pt_custommenu div.pt_menu.active {
	color: #ed4f50
}

.pt_custommenu div.popup {
	position: absolute;
	z-index: 3000;
	background-color: #fff;
	text-align: left;
	padding: 0;
	margin: 0 0 0 -2px;
	border: 2px solid #75bf97;
	border-bottom: 3px solid #75bf97;
	border-top: 0;
	border-radius: 0 0 5px 5px
}

.pt_custommenu div.popup .banner-static {
	margin: 0
}

.pt_custommenu div.popup .banner-static img {
	width: 100%
}

.pt_custommenu div.pt_menu .parentMenu a:hover, .pt_custommenu div.pt_menu .parentMenu span.block-title:hover, .pt_custommenu div.pt_menu.act .parentMenu a, .pt_custommenu div.pt_menu.active .parentMenu a {
	color: #93979d;
	background: #fff
}

.pt_custommenu div.popup a.level3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #303030;
	font-weight: 700;
	position: relative
}

.pt_custommenu div.popup a.level3 span {
	display: inline-block;
	background: #fff;
	z-index: 1;
	position: relative;
	padding-right: 10px
}

.pt_custommenu div.popup a.level3:before {
	position: absolute;
	content: "";
	top: 45%;
	left: 0;
	border-top: 4px double #ebebeb;
	width: 100%;
	z-index: 0
}

.pt_custommenu div.popup a {
	text-transform: capitalize;
	font-weight: 400;
	text-decoration: none;
	display: block;
	line-height: 32px
}

.pt_custommenu div.popup a:hover {
	color: #75bf97 !important
}

.pt_custommenu .itemMenu a.level1, .pt_custommenu .itemMenu h4.level1 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #555
}

.pt_custommenu .itemMenu h4.level1, .pt_custommenu .itemSubMenu h4.level2 span {
	color: #897725
}

.pt_custommenu .itemMenu a.level1.nochild, .pt_custommenu .itemSubMenu a.level2, .pt_custommenu .itemSubMenu a.level3, .pt_custommenu .itemSubMenu h4.level2, .pt_custommenu .itemSubMenu h4.level3 {
	background: url(../images/black-dot.jpg) left center no-repeat;
	color: #555;
	padding-left: 8px;
	text-transform: none;
	font-weight: 400;
	font-size: 14px
}

.pt_custommenu .itemMenu a.level1.nochild:hover, .pt_custommenu .itemSubMenu a.level2:hover {
	color: brown
}

.pt_custommenu div.popup a.actParent {
	color: #4D4D4D
}

.pt_custommenu div.popup a.act {
	color: brown !important
}

.pt_custommenu div.column {
	float: left;
	width: 200px;
	margin-right: 30px
}

.pt_custommenu .banner-static a {
	padding: 0 !important
}

.pt_custommenu div.blockright {
	padding-right: 0;
	width: 200px
}

.pt_custommenu .block2 {
	margin-top: 10px;
	float: left;
	padding: 0 20px 20px
}

.pt_custommenu div.popup .block1 {
	overflow: hidden;
	float: left;
	padding: 20px
}

.pt_custommenu div.popup .block1 .column {
	margin-bottom: -99999px;
	padding-bottom: 99999px
}

.pt_custommenu div.popup .blockright img {
	max-width: 100%
}

.pt_custommenu div.pt_menu .parentMenu p {
	margin: 0;
	padding: 0
}

.pt_custommenu #pt_menu_link {
	padding: 0
}

.pt_custommenu #pt_menu_link .parentMenu ul li a {
	float: left;
	padding: 0 10px;
	display: block
}

.pt_custommenu .clearBoth {
	clear: both
}

.custom-menu .text {
	line-height: 1.5
}

.custom-menu img {
	width: 100%
}

.custom-menu img:hover {
	opacity: .9
}

.custom-menu .text h1 {
	font-size: 25px;
	text-transform: capitalize;
	font-weight: 700;
	margin: 0 0 5px;
	color: #000
}

.custom-menu p {
	margin: 15px 0;
	font-size: 12px;
	color: #7E7E7E
}

.nav-collapse {
	text-align: left
}

#ma-mobilemenu {
	height: auto;
	display: none;
	padding: 3px 0 0;
	border-top: 0;
	float: left;
	width: 100%;
	margin-bottom: 10px
}

.posmegamenu {
	position: relative;
	line-height: 0
}

.navbar-inner {
	border: 0;
	border-radius: 0;
	min-height: 50px
}

.navbar .btn-navbar {
	position: absolute;
	right: 10px;
	top: 8px;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	text-align: center;
	overflow: hidden
}

.navbar .btn-navbar:before {
	content: "\f03a ";
	font-family: FontAwesome;
	font-size: 24px;
	color: #fff;
	margin: 0;
	padding: 0
}

.mobilemenu>li.last a {
	border-bottom: 0
}

.navbar .brand {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	line-height: 50px;
	display: inline-block;
	padding-left: 20px;
	font-family: helvetica
}

.mobilemenu {
	margin: 0
}

.mobilemenu ul {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%
}

.mobilemenu li {
	background: #faf8f8;
	cursor: pointer;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
	position: relative
}

.mobilemenu li.level0.last {
	margin-bottom: 20px
}

.mobilemenu li div {
	padding: 20px;
	background: #aef;
	display: block;
	clear: both;
	float: left;
	width: 360px
}

.mobilemenu a {
	text-decoration: none;
	border-bottom: 1px solid #e0d8d8;
	line-height: 40px;
	font-weight: 400;
	color: #666;
	margin: 0 15px;
	display: block;
	cursor: pointer;
	font-size: 14px;
	text-transform: capitalize
}

.mobilemenu a:hover, .mobilemenu li.active a {
	color: #75BF97
}

.mobilemenu ul li.active ul a, .mobilemenu ul ul a {
	color: #666 !important
}

.mobilemenu ul li.active ul a:hover, .mobilemenu ul ul a:hover, .mobilemenu ul ul li.active a {
	color: #ff9e21 !important
}

.mobilemenu ul ul li.active ul a, .mobilemenu ul ul ul a {
	color: #fff !important
}

.mobilemenu ul ul li.active ul a:hover, .mobilemenu ul ul ul a:hover, .mobilemenu ul ul ul li.active a {
	color: #ff9e21 !important
}

.mobilemenu ul ul ul li.active ul a, .mobilemenu ul ul ul ul a {
	color: #fff !important
}

.mobilemenu ul ul ul li.active ul a:hover, .mobilemenu ul ul ul ul a:hover, .mobilemenu ul ul ul ul li.active a {
	color: #ff9e21 !important
}

.mobilemenu li ul li {
	font-size: .9em
}

.mobilemenu ul a {
	padding-left: 25px
}

.mobilemenu ul ul a {
	padding-left: 40px
}

.mobilemenu ul ul ul a {
	padding-left: 55px
}

.mobilemenu ul ul ul ul a {
	padding-left: 70px
}

.mobilemenu ul ul ul ul ul a {
	padding-left: 85px
}

.mobilemenu span.head {
	position: absolute;
	top: 15px;
	right: 10px
}

.mobilemenu .CLOSE a:before, .mobilemenu .OPEN a:before {
	font-family: FontAwesome;
	line-height: 34px;
	font-size: 14px;
	position: absolute;
	top: -8px;
	right: 17px
}

.mobilemenu .OPEN a:before {
	content: "\f068 "
}

.mobilemenu .CLOSE a:before {
	content: "\f067 "
}

.mobilemenu span.head a {
	display: block;
	height: 15px;
	padding: 0;
	width: 15px;
	border: 0
}

.mobilemenu .grower.OPEN span.head a {
	background: url(../images/menu_up.png?v=331) 50% 50% no-repeat
}

.mobilemenu .grower.CLOSE span.head a {
	background: url(../images/menu_down.png?v=331) 50% 50% no-repeat
}

.mobilemenu li.active>span.head a, .mobilemenu li.selected span.head a {
	background: url(../images/menu_up.png) 50% 50% no-repeat
}

.itemMenu.level1 a.itemMenuName.level3 {
	text-transform: capitalize;
	background: #fff;
	color: #6d6d6d;
	font: 600 16px/36px Khula, serif;
	position: relative
}

.itemMenu.level1 a.itemMenuName.level3:hover {
	color: #f981a6
}

@media (min-width:768px) and (max-width:980px) {
	.megamenu_container .visible-desktop .pt_custommenu div.popup {
		width: 100% !important;
		left: 0 !important
	}

}

@media (min-width:768px) and (max-width:1024px) {
	.megamenu_container .visible-desktop .pt_custommenu div.pt_menu .parentMenu a, .megamenu_container .visible-desktop .pt_custommenu div.pt_menu .parentMenu span.block-title {
		font-size: 15px
	}

}

@media (min-width:992px) and (max-width:1199px) {
	.pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title {
		font-size: 17px;
		padding: 5px 15px 0
	}

}

@media (min-width:768px) and (max-width:991px) {
	.pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title {
		font-size: 15px;
		padding: 5px 10px 0
	}

}

@media (min-width:768px) and (max-width:1199px) {
	.pt_custommenu div.popup {
		max-width: 100% !important;
		left: 0 !important
	}

	.pt_custommenu div.popup .block1 {
		width: 100% !important
	}

	.pt_custommenu div.column, .pt_custommenu div.column.last {
		width: 50%;
		margin: 0;
		padding: 15px 25px 15px 0
	}

}

.itemMenu.level1 a.itemMenuName.level3.nochild, .itemMenu.level1 a.itemMenuName.level4 {
	color: #6d6d6d;
	background: 0 0;
	font: 400 12px/36px Khula, serif;
	text-transform: capitalize
}

.itemMenu.level1 a.itemMenuName.level3.nochild:hover, .itemMenu.level1 a.itemMenuName.level4:hover {
	color: #f981a6;
	background: 0 0
}

.pt_custommenu div.popup .block2 {
	overflow: hidden;
	float: left;
	padding: 15px 30px 0
}

.pt_custommenu div.column.blockright {
	margin-right: 0
}

@media (max-width:800px) {
	.pt_custommenu img {
		margin-bottom: 15px
	}

}

.mobilemenu a i {
	padding-right: 7px
}

//hrv-style
#surround, #surround-qv, .action_bottom .btn, .icon-field {
	text-align: center
}

.tag-wrapper {
	float: left;
	margin: 10px 0;
	width: 100%
}

.tag-wrapper a {
	background: #56A2CD;
	color: #fff;
	padding: 1px 5px;
	font-size: 10px;
	border-left: 3px solid #3F5AA6;
	float: left;
	margin: 0 5px
}

.tag-wrapper label {
	font-size: 16px;
	float: left;
	line-height: 37px
}

.tags li a {
	display: inline-block;
	border-left: 3px solid #3BAFDA;
	color: #fff;
	padding: 4px 9px;
	position: relative;
	margin: 5px
}

.tags li.active a, .tags li.active a:before {
	border-left-color: #8CC152
}

.tag-wrapper .tags li.active a, .tag-wrapper .tags li.active a:before {
	border-left-color: #208509
}

#layout-page {
	background: #fff;
	font-weight: 400
}

#layout-page .content-page ul, #layout-page .content-page ol {
	padding-left: 30px;
	padding-bottom: 10px
}

#layout-page .content-page ul li {
	float: none;
	list-style: outside
}

ul.dropdown-menu.menu3.sm-nowrap {
	margin-top: -43px !important
}

.select-wrapper, .selector-wrapper {
	margin-top: 17px
}

#layout-page .header-page h1:after, #layout-page .header-page h2:after {
	content: "";
	position: absolute;
	width: 20%;
	height: 3px;
	background: #208509;
	bottom: -2px;
	left: 0
}

#layout-page .header-page h1, #layout-page .header-page h2 {
	background: #fff;
	padding: 10px 15px 10px 0;
	border-bottom: 1px solid #e0e0e0;
	content: "";
	text-transform: uppercase;
	color: #3a3a3c;
	font-size: 18px;
	position: relative
}

.userbox {
	max-width: 100%;
	width: 335px;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
	margin: auto auto 20px
}

#customer-login .action_bottom {
	margin-top: 0
}

.icon-field {
	display: inline-block !important;
	background-color: #F8F8F8 !important;
	color: #fff;
	border: 1px solid #E7E7E7;
	height: 37px;
	vertical-align: middle;
	line-height: 33px;
	width: 35px;
	margin-top: 10px;
	margin-bottom: 2px;
	float: left
}

.userbox input[type=email], .userbox input[type=password], .userbox input[type=text], .userbox input[type=tel] {
	max-width: calc(100% - 30px) !important;
	width: 270px !important;
	height: 37px;
	display: inline-block !important;
	background-color: #fff;
	border: 1px solid #E7E7E7;
	margin-left: -5px;
	margin-top: 10px;
	float: left;
	padding-left: 10px;
	outline: 0;
	margin-bottom: 0 !important
}

.icon-login {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	margin-top: 0
}

.icon-envelope:after {
	content: url(../images/email.png)
}

.icon-shield:after {
	content: url(../images/pass.png);
	margin-top: 8px;
	display: block
}

.action_bottom .btn {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 35px;
	background: #208509;
	border: none;
	margin-top: 15px
}

.action_bottom .btn:hover {
	color: #fff;
	background: #ff936a;
	border: 1px solid #ff936a
}

.req_pass {
	margin-top: 10px
}

.icon-user:after {
	content: url(../images/userico.png)
}

a.logout {
	color: #FF6517;
	text-transform: none;
	font-size: 16px;
	margin-left: 10px;
	line-height: 27px;
	float: right;
}

span.default_address.note {
	float: left
}

.note {
	border: 2px dashed #ff936a;
	padding: 9px
}

.address_actions, .view_address {
	float: left;
	width: 100%
}

.address_table {
	display: table;
	border-bottom: 1px solid #ccc
}

.form-control, .input-group-addon {
	border-color: #E7E7E7
}

.input-group {
	margin: 10px 0;
}

.input-group-addon {
	color: #DFDEDE;
	background-color: #F8F8F8 !important
}

#customer_orders, #customer_sidebar, #order_payment, #order_shipping {
	margin-bottom: 30px;
	margin-top: 30px
}

.content-page {
	border-radius: 4px
}

.content-contact p {
	padding: 10px 0
}

.info-address li {
	padding-top: 5px
}

#sliderproduct, #sliderproduct-qv {
	position: relative;
	margin-top: 15px
}

.slide-nav {
	position: absolute;
	top: 40%;
	left: 20px;
	z-index: 99
}

.slide-nav i {
	font-size: 1.6em
}

.slide-nav.slide-next, .slide-nav.slide-next-qv {
	right: 20px;
	left: auto
}

li.product-thumb, li.product-thumb-qv {
	border: 1px solid #eee;
	margin: 5px;
	padding: 1px;
	text-align: center;
	display: inline-block
}

.product-thumb a.zoomGalleryActive {
	border: 1px solid red;
	display: block;
	width: calc(100% - 2px)
}

.product-thumb a.zoomGalleryActive:focus {
	outline: 0
}

.product-thumb, .product-thumb-qv {
	box-sizing: border-box;
}

.product-thumb-qv.active, .product-thumb-qv:hover, .product-thumb.active, .product-thumb:hover .product-thumb-qv.active {

	/*border:1px solid red;*/position: relative
}

.slides .product-thumb img, .slides-qv .product-thumb-qv {
	max-width: 100%;
	height: auto
}

img.product-image-feature, img.product-image-feature-qv {
	max-width: 100%
}

.product-title {
	margin-top: 10px
}

.product-title h1 {
	color: #3a3a3c;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4em
}

.goods-subtitle p {
	color: #616161;
	font-size: 14px;
	line-height: 23px;
	margin: 0;
	font-weight: 300
}

.goods-subtitle {
	margin-top: 7px;
	position: relative;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-khtml-user-select: none !important;
	-webkit-user-select: none !important;
	-webkit-touch-callout: none !important;
}

.goods-subtitle ul {
	list-style: none;
	padding-left: 20px;
	text-align: justify
}

.goods-subtitle ul li:before {
	font-family: FontAwesome;
	content: "\f00c";
	color: #208509;
	position: absolute;
	left: 0;
	display: block;
}

.product-price del {
	font-size: 20px;
	color: #b0b0b0;
	margin-left: 20px
}

.product-price span {
	display: inline-block;
	margin-left: 10px;
	font-weight: 500;
	font-size: 20px
}

.select-wrapper label, .selector-wrapper label {
	font-size: 13px;
	color: #555;
	display: block
}

.selector-wrapper select {
	text-indent: .01px;
	border: 1px solid #eee;
	cursor: pointer;
	padding: 5px 10px;
	max-width: 50%;
	min-width: 100px;
	line-height: 1.42
}

.select-wrapper {
	display: inline-block;
	margin-top: 20px
}

.quantity-box .qtyminus {
	border-top: medium none !important
}

input#Quantity, input#qv-quantity {
	color: #424242;
	font-size: 15px;
	width: 35px;
	height: 36px;
	min-height: 36px;
	margin: 0;
	text-align: center;
	float: left;
	line-height: normal;
	border: 1px solid #eee;
	outline: 0;
	background: #fff;
	border-right: medium none
}

.quantity-selector {
	padding-right: 4px;
	font-weight: 700;
	margin-top: 10px
}

.quantity-box {
	position: relative;
	margin-bottom: 1em;
	max-width: 55px;
	min-width: 55px;
	overflow: visible
}

.quantity {
	margin: 13px 0
}

.quantity-box .qtyminus:hover, .quantity-box .qtyplus:hover {
	background: #e0e0e0
}

.product_button {
	padding: 10px 0;
	margin-left: 0
}

.tags li a {
	background: #757575
}

.border-line {
	margin-top: 30px;
	height: 0;
	border-top: 1px solid #e0e0e0
}

.title-bl {
	position: relative;
	margin-top: 50px;
	margin-bottom: 25px
}

.title-bl h2 {
	margin: -16px 0 0;
	text-align: center;
	position: absolute;
	line-height: 30px;
	font-size: 25px;
	font-weight: 400;
	color: #b0b0b0;
	background-color: #f5f5f5;
	text-transform: uppercase
}

.container-fluid ._491z {
	border-bottom: none !important
}

#surround .product-sale, #surround-qv .product-sale-qv {
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 1
}

#surround .product-sale span, #surround-qv .product-sale-qv span {
	position: absolute;
	right: 2px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 4px 4px 0;
	background: url('bg-saleoff.png');
	width: 48px;
	height: 61px;
	text-align: center;
}

#surround .product-sale span label.sale-lb, #surround-qv .product-sale-qv span label.sale-lb {
	font-size: 60%;
	margin: 0
}

.wrapper-deatil {
	background: #fff;
	font-weight: 400;
	padding: 15px 0;
	margin-bottom: 30px;
}

.adr.box {
	border-left: 7px solid #df0006;
	margin-bottom: 16px;
	margin-top: 15px;
}

.adr.box:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #df0006;
	border: 5px solid #df0006;
	border-left: none;
	border-bottom: none;
	position: absolute;
	left: 17px;
	top: 35px;
	z-index: 2;
	transform: rotate(-314deg)
}

.adr.box.bg-white {
	background: #fff
}

.adr.box.bg-white:before, .bg-white .adr.box:before {
	top: 49px
}

.adr.box .header {
	padding: 16px 16px 0
}

.adr.box .title {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #111;
	line-height: 1.1;
	font-weight: 400
}

.adr.box .header:after, .adr.box .header:before {
	content: "";
	display: table
}

.adr.icon {
	display: inline-block !important;
	width: 24px !important;
	height: 24px !important
}

.adr.box .header:after {
	clear: both
}

.adr.box .body {
	padding: 8px
}

#box_delivery_policies>.body #delivery_policies_list>.item {
	clear: both;
	line-height: 18px;
	margin: 5px 0;
	font-weight: 300;
	border-top: 1px solid #e4e4e4;
	max-width: none !important
}

#box_delivery_policies>.body #delivery_policies_list>.item.frist {
	border-top: none
}

#box_delivery_policies>.body #delivery_policies_list>.item>.icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 2px
}

.adr .icon, .adr.icon {
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0
}

.adr.icon.huge {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important
}

#box_delivery_policies .icon {
	z-index: 1
}

.adr.icon.truck {
	background-image: url('adr-icon-truck-2.png')
}

#box_delivery_policies>.body #delivery_policies_list>.item>.text {
	font-size: 12px;
	width: 185px;
	display: inline-block;
	vertical-align: middle;
	color: #333;
	padding: 10px 0;
	line-height: 22px;
}

.adr.icon.location2 {
	position: relative;
	background-image: url('spritesheett2.png')
}

.adr.icon.box {
	border: none;
	background-image: url('adr-icon-box.png')
}

.content-product-list-sidebar {
	border: 1px solid #ebebeb;
	border-top: none;
	padding: 10px 0
}

.seller-item {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-bottom: 1px dashed #e0e0e0;
	padding: 5px 0;
	max-height: 120px;
	overflow: hidden;
}

.seller-item .sellers-img {
	float: left;
	margin: 0 5px 0 0
}
.seller-item .sellers-img img{
	width: 100px;
	height: auto;
}
.product-content {
	background-color: #fff;
	overflow: hidden;
	text-align: left
}

.bs-title a {
	font-size: 13px;
	color: #3a3a3c;
	font-weight: 400
}

.bs-title a:hover {
	color: #f5a52c
}

.price-box-side .price {
	font-size: 15px;
	color: #208509;
	float: left;
	margin: 0 8px 0 0;
	font-weight: 400
}

.price-box-side .old-price {
	font-size: 13px;
	text-decoration: line-through;
	color: #b0b0b0;
	font-weight: 300;
	float: left
}

#page-product>ul>li>a, .title_possellers {
	text-transform: uppercase;
	font-weight: 400
}

.title_possellers {
	position: relative;
	margin: 0 54px 0 0;
	line-height: 36px;
	padding: 10px 0;
	font-size: 20px;
	color: #3a3a3c
}

.pos-best-sellers.products_block.bestsellers {
	background: #fff;
	padding: 0 12px 0px;
}

.pos-best-sellers .block-title {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 10px
}

#page-product>ul {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 1;
	border: none;
	background-color: transparent
}

#page-product>ul:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #e0e0e0;
	top: 50%;
	left: 0;
	z-index: -1
}

#page-product>ul>li {
	display: block;
	margin: 0;
	float: left;
	background: #fff;
	padding: 0 7px 0 0
}

#page-product>ul>li.active a {
	color: #208509;
	border-color: #208509
}

#page-product>ul>li>a {
	color: #3a3a3c;
	transition: all .2s ease-out;
	font-size: 100%;
	background: 0 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 7px 15px;
	border: 3px solid #e0e0e0;
	border-radius: 0;
	margin: 0
}

.product-comment {
	padding: 0 15px
}

.hides {
	opacity: 0;
	height: 0
}

.margin-describe {
	margin-top: 15px
}

.margin-describe>div:nth-child(2) {
	padding-right: 0
}

.list-recommend {
	margin-top: 30px
}

#like, #promotion, #vendor {
	margin-bottom: 20px
}

#like .title-like, #promotion .title-promotion, #recommend .title-recommend, .title-vendor {
	display: block;
	text-align: center;
	margin-bottom: 0;
	position: relative
}

#promotion .title-promotion:before, #recommend .title-recommend:before, .title-vendor:before {
	display: table;
	content: "";
	border-top: 1px solid #e0e0e0;
	width: 100%;
	position: absolute;
	top: 20px
}

ul.mobile-menu-icon .dropdown-menu {
	left: auto;
	right: 0;
	margin: 0;
	border-radius: 0;
	background-color: #EDEDED
}

.search-bar {
	background: #EDEDED
}

.search-bar form {
	padding-left: 5px;
	padding-right: 5px
}

.btn-group.open button.icon-search {
	background: #208509
}

.mobile-menu-icon li.user, button.icon-search {
	background: #424242
}

.search .btn-group {
	vertical-align: initial
}

button.icon-search {
	font-size: 16px;
	border-radius: 0;
	border: 0;
	height: 40px;
	color: #fff
}

.mobile-menu-icon li.user a {
	color: #fff
}

.mobile-menu-icon li {
	display: initial;
	font-size: 18px;
	width: 40px;
	text-align: center
}

.mobile-menu-icon {
	height: 40px
}

@media (max-width:360px) {
	ul.mobile-menu-icon>li {
		margin-left: 0;
		margin-right: 2px
	}

}

@media (min-width:768px) {
	.mobile-menu-icon-wrapper {
		display: none
	}

}

@media (min-width:300px) and (max-width:559px) {
	.product-price, .pt-sale {
		height: 50px;
		line-height: 50px;
		display: inline-block
	}

	.header-logo img, .product-price, .pt-sale {
		display: inline-block
	}

	#collection .browse-tags {
		float: none
	}

	.header-logo h1 {
		text-align: center
	}

	.product-price {
		color: #208509;
		font-size: 20px
	}

	.pt-sale {
		color: #3a3a3c;
		font-size: 12px
	}

	.product-price del {
		font-size: 16px;
		color: #b0b0b0;
		margin-left: 10px
	}

}

@media (min-width:560px) and (max-width:767px) {
	.product-price, .pt-sale {
		height: 50px;
		line-height: 50px;
		display: inline-block;
		color: #3a3a3c
	}

	.product-price {
		font-size: 20px
	}

	.pt-sale {
		font-size: 12px
	}

	.product-price del {
		font-size: 16px;
		color: #b0b0b0;
		margin-left: 10px
	}

}

@media (max-width:992px) {
	.home-brick-box .col-lg-span3 {

		/*display:none;*/ padding: 0 !important;
		text-align: center;
		margin-bottom: 15px;
	}

	.pro-loop {
		padding: 0 7px
	}

}

@media (min-width:767px) and (max-width:992px) @media (min-width:992px) @media (max-width:768px) {
	.actions.clearfix, .header-search, .home-hero-menu, .taikhoan, .topbar-nav {
		display: none
	}

	.footer-block.col-contact {
		margin-top: 30px
	}

	.payment-footer {
		text-align: center
	}

	.site-footer .list-service {
		text-align: left;
		line-height: 37px;
		font-size: 16px;
		padding: 0 0 0 70px
	}

	.shopping_cart {
		padding: 0 10px
	}

	.site-topbar .topbar-cart {
		margin-left: 0
	}

	.header-logo img {
		margin: auto
	}

	.flex-control-paging {
		bottom: 0
	}

	.article-body>.col-md-3.clearfix {
		padding: 0;
		margin-top: 20px
	}

	.read_more {
		position: initial;
		text-align: center
	}

}

.left {
	float: left
}

.product-thumb-qv.active a, .product-thumb-qv:hover a, .product-thumb.active a, .product-thumb:hover .product-thumb-qv.active a {
	padding: 1px;
	border: 1px solid #f00;
	display: block;
}

.tags ul {
	list-style: none !important;
	padding-left: 0 !important;
	display: inline-block;
}

.tags ul li {
	list-style: none !important;
	display: inline-block;
}

.call_request {
	height: 35px;
	line-height: 35px;
	background: #288ad6;
	display: block;
	border-radius: 3px;
	padding: 0 15px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

.call_request:before {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	transform: scale3d(0, 1, 1);
}

.call_request:after {
	border-left: 1px solid white;
	border-right: 1px solid white;
	transform: scale3d(1, 0, 1);
}

.call_request:before, .call_request:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	height: calc(100% - 8px);
	width: calc(100% - 8px);
	transform-origin: center;
}

.call_request:hover, .call_request:focus {
	color: #fff;
	text-decoration: none;
}

.call_request:hover:before, .call_request:hover:after, .call_request:focus:before, .call_request:focus:after {
	transform: scale3d(1, 1, 1);
	transition: transform 0.5s;
}

@media (max-width:991px) {
	.margin-describe>div:nth-child(2) {
		padding-left: 0;
		margin-top: 20px;
	}

	.left-col-3 .list-banner-1.banner-left {
		display: inline-block;
		width: 50%;
		text-align: center;
	}

	.left-col-3 .list-banner-1 + .list-banner-1 {
		margin-left: -5px;
	}

}

@media (max-width:575px) {
	.left-col-3 .list-banner-1.banner-left {
		width: calc(50% - 5px);
		margin-right: 5px;
	}

	.left-col-3 .list-banner-1 + .list-banner-1 {
		margin-left: 0;
		text-align: right;
		margin-right: 0;
	}

}

* {
	font-family: 'Roboto', sans-serif !important;
	checkout-buttons clearfix
}

.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}

.fa {
	font-family: 'FontAwesome' !important;
}

.drawer__header
html, body {
	border: 0;
	background-color: #fff;
}

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
}

body {
	line-height: 21px;
	font-size: 14px;
	color: #3a3a3c;
	overflow-x: hidden;
	background: #f5f5f5;
	position: relative !important;
}

.clear {
	clear: both;
}

.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33%;
}

.col-5 {
	width: 41.66%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33%;
}

.col-8 {
	width: 66.66%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33%;
}

.col-11 {
	width: 91.66%;
}

.col-12 {
	width: 100%;
}

@keyframes scroll {
	from {
		opacity: 0;
		top: -200px;
	}

	to {
		opacity: 1;
		top: 0px;
	}

}

@media (min-width:1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}

	.container {
		width: 1226px;
	}

}

.modal-content {
	top: 70px
}

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	margin: 0 0 13px 0;
}

h1, h2, h3, h4, h5, h6, .cart-summary, .toolbar {
}

h1 {
	font-weight: 400;
	color: #3a3a3c;
	font-size: 36px;
	line-height: 36px;
}

h2 {
	font-weight: 400;
	color: #3a3a3c;
	font-size: 27px;
}

h3 {
	font-weight: 400;
	color: #3a3a3c;
	font-size: 24px;
	line-height: 36px;
}

h4 {
	font-size: 13px;
	line-height: 18px;
}

h5 {
	font-size: 1.14286em;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 18px;
	text-transform: uppercase;
}

h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note {
	margin-left: 8px;
	font-weight: 400;
	font-size: 12px;
}

h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a {
	color: #ef8742;
}

p {
	margin: 0 0 10px 0;
	line-height: 21px
}

a {
	text-decoration: none;
	outline: none;
	color: #208509;
}

a#view_address {
	color: #fff;
	padding: 10px;
}

a#view_address:hover {
	color: #3a3a3c;
}

a:active {
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #3a3a3c;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #208509;
}

ul {
	padding: 0;
	list-style-type: none;
	margin-bottom: 0px !important;
}

img {
	max-width: 100%;
}

.main-content-wrapper {
	background: #f5f5f5;
	padding-bottom: 0px;
}

.breadcrumb li a, .breadcrumb li span {
	font-weight: 300;
}

.mobile-nav {

	/*margin:-7.5px -7.5px 0;*/
}

.mobile-nav li, .mobile-nav__search .search-bar {
	margin-bottom: 0;
}

.mobile-nav__search {
	padding: 7.5px;
}

.mobile-nav__item {
	position: relative;
	display: block;
}

.mobile-nav__item a span {
	text-transform: uppercase;
}

.mobile-nav>.mobile-nav__item {
	;
}

.mobile-nav__item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 7.5px;
	right: 7.5px;
	border-bottom: 1px solid #e9e9e9;
}

.mobile-nav>.mobile-nav__item:last-child:after {
	display: none;
}

.mobile-nav__item a {
	display: block;
}

.mobile-nav__item a, .mobile-nav__toggle button {
	color: #333;
	padding: 6.5px 7.5px;
	text-decoration: none;
	font-weight: 700;
}

.mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__item a:hover, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus, .mobile-nav__toggle button:hover {
	color: #0d0d0d;
}

.drawer, .drawer a {
	color: #333;
}

.drawer__header .drawer__title.h3 ul {
	margin-left: 10px !important;
}

.mobile-nav__item a:active, .mobile-nav__item a:focus, .mobile-nav__toggle button:active, .mobile-nav__toggle button:focus {
	background-color: #e9e9e9;
}

.mobile-nav__has-sublist {
	display: table;
	width: 100%;
}

.mobile-nav__has-sublist a span {
	text-transform: uppercase;
}

.mobile-nav__has-sublist .mobile-nav__link {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.mobile-nav__toggle {
	display: table-cell;
	vertical-align: middle;
	width: 1%;
}

.mobile-nav--expanded .mobile-nav__toggle-open, .mobile-nav__toggle-close {
	display: none;
}

.mobile-nav--expanded .mobile-nav__toggle-close {
	display: block;
}

.mobile-nav__sublist {
	margin: 0;
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all .3s cubic-bezier(.57, .06, .05, .95);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.mobile-nav--expanded+.mobile-nav__sublist {
	visibility: visible;
	max-height: 700px;
	transition: all .7s cubic-bezier(.57, .06, .05, .95);
}

.drawer, .is-moved-by-drawer {
	transition: all .4s cubic-bezier(.46, .01, .32, 1);
}

.mobile-nav__sublist .mobile-nav__item:after {
	top: 0;
	bottom: auto;
}

.mobile-nav__sublist .mobile-nav__link {
	padding-left: 15px;
	font-weight: 400;
}

.filter--active, .list-unstyled .active {
	font-weight: 700;
}

.js-drawer-open {
	overflow: hidden;
}

body.js-drawer-open-left {
	height: 100%;
	overflow: hidden;
}

.drawer {
	display: none;
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	top: 0;
	bottom: 0;
	padding: 0px;
	max-width: 95%;
	z-index: 10;
	background-color: #f6f6f6;
}

.drawer a:focus, .drawer a:hover {
	opacity: .7;
}

.drawer input, .drawer textarea {
	border-color: #e9e9e9;
}

.drawer--left {
	width: 260px;
	left: -300px;
	border-right: 1px solid #e9e9e9;
}

.js-drawer-open-left .drawer--left {
	display: block;
	-ms-transform: translateX(300px);
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
}

.lt-ie9 .js-drawer-open-left .drawer--left {
	left: 0;
}

.drawer--right {
	width: 300px;
	right: -300px;
	border-left: 1px solid #e9e9e9;
}

.js-drawer-open-right .drawer--right {
	display: block;
	-ms-transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
}

.lt-ie9 .js-drawer-open-right .drawer--right {
	right: 0;
}

#PageContainer {
	overflow: hidden;
}

.js-drawer-open-left .is-moved-by-drawer {
	-ms-transform: translateX(260px);
	-webkit-transform: translateX(260px);
	transform: translateX(260px);
}

.js-drawer-open-right .is-moved-by-drawer {
	-ms-transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
}

.drawer__header {
	display: table;
	height: 40px;
	width: 100%;
	margin-bottom: 7.5px;
	border-bottom: 1px solid #e9e9e9;
	background: #00a651;
	color: #fff;
}

.drawer__close, .drawer__title {
	display: table-cell;
	vertical-align: middle;
}

.drawer__title {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700
}

.drawer__close {
	width: 1%;
	text-align: center;
	font-size: 1.28571em;
}

button.icon-fallback-text {
	background: #208509;
	border: none;
}

.mobile-nav__toggle-open, .mobile-nav__toggle-close {
	background: #f6f6f6 !important;
}

.icon-fallback-text.js-drawer-open-left {
	background: #fff !important;
}

.drawer__close button {
	position: relative;
	right: -4px;
	height: 100%;
	padding: 0 20px;
	color: inherit;
}

.drawer__close button:active, .drawer__close button:focus {
	background-color: #e9e9e9;
}

.site-topbar {
	position: relative;
	z-index: 30;
	height: 40px;
	font-size: 12px;
	color: #ffffff;
	background: #208509;
}

.site-topbar .topbar-nav {
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.site-topbar .topbar-info {
	line-height: 40px;
}

.site-topbar .topbar-cart {
	margin-left: 15px;
}

.site-topbar .topbar-cart, .site-topbar .topbar-info {
	position: relative;
	float: right;
	_display: inline;
	height: 40px;
}

.site-topbar .topbar-info .link {
	padding: 0 5px;
	text-align: center;
}

.site-topbar .topbar-info .link:hover {
	color: #3a3a3c;
}

.site-topbar .topbar-info .link, .site-topbar .topbar-info .user, .site-topbar .topbar-info .sep {
	float: left;
}

.site-topbar .topbar-info .sep {
	margin: 0;
	color: #fff;
}

.topbar-info .taikhoan a {
	color: #ffffff;
}

.account-top {
	float: left;
	line-height: 40px;
}

.shopping_cart {
	position: relative;

	background:none;
	padding: 15px;
}

.shopping_cart > a:first-child i {
	font-size: 16px;
}

.shopping_cart:hover > a:first-child, .header_login:hover > a:first-child {
	color: #3a3a3c;
}

.shopping_cart .text_cart h4 {
	margin-bottom: 0px;
}

.shopping_cart .text_cart h4 a {
	color: #3a3a3c;
	font-weight: 300;
}

.shopping_cart:hover, .header_login:hover {
	background: #fff;
}

.shopping_cart .top-cart {
	margin-left: 5px;
}

.shopping_cart > a:first-child {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	position: relative;

	text-align: center;
	font-size: 12px;
	color: #ffffff;
}

.shopping_cart .cart_content {
	display: none;
	position: absolute;
	top: 100%;
	right: 0px;
	min-width: 300px;
	background: #fff;
	z-index: 9999;
	padding: 10px 0;
	visibility: hidden;
	display: block;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0;
	filter: alpha(opacity=0);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	left: initial;
}

.text h4 {
	margin: 0;
}

.shopping_cart .item-cart {
	padding: 5px 0;
	position: relative;
}

.shopping_cart .item-cart {
	border-bottom: 1px solid #e0e0e0;
}

.shopping_cart:hover .cart_content {
	display: block;
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	top: 40px;
}

figure img {
	width: 100%;
	height: auto;
}

figure.image-cart {
	width: 28%;
	padding: 0;
	margin: 0
}

.cart_block_total {
	float: right;
}

.text_cart {

	font-size: 13px;
	width: 60%;
}

.text_cart a {
	font-size: 14px;
}

.text-mini-cart {
	font-weight: 500;
	padding: 10px;
	color: #3f3f3f;
}

.cart-check-mini {
	border-top: 1px solid #e0e0e0;
	padding: 20px 20px 10px 20px;
	margin: 0;
}

.cart-check-mini a {
	margin-right: 0;
	border: none;
	color: #fff;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.cart-check-mini a span {
	padding: 7px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	border-radius: 3px;
	text-transform: uppercase;
	background: #208509;
}


a.remove-cart {
	color: red;
	font-size: 25px;
}

a.remove-cart:hover {
	color: #9c9b9b;
}

.cart-check-mini i {
	font-size: 12px;
}

.cart-check-mini a i.right {
	margin-right: 0;
	margin-left: 5px;
}

.site-header {
	position: relative;
	z-index: 20;
	background: #ffffff;
}

.site-header .container {
	position: relative;
}

.site-header .header-logo {
	float: left;
	margin-top: 22px;
}

.site-header .nav-item .link {
	display: block;
	color: #3a3a3c;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
}

.site-header .header-nav ul.nav-list {
	float: right;
	padding: 20px 0;
}

.site-header .header-nav ul.nav-list li a:hover {
	background: transparent;
	color: #208509;
}

.site-header .nav-item {
	float: left;
}

.site-header .header-search {
	margin-top: 15px;
}

.search-btn.icon-fallback-text {
	color: #208509
}

.site-header .search-text {
	position: absolute;
	top: 0;
	right: 51px;
	z-index: 1;
	width: calc(100% - 52px);
	height: 48px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 48px;
	outline: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border: 1px solid #e0e0e0;
	border-right: none;
}

.site-header .search-btn {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 2;
	width: 52px;
	height: 48px;
	border: 1px solid #e0e0e0;
	font-size: 24px;
	line-height: 24px;
	background: #fff;
	color: #616161;
	outline: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 20px;
}

.site-header .search-btn:hover {
	background: #3a3a3c;
	color: #fff;
}

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

.header-consulting a {
	text-align: center;
	color: #3a3a3c
}

.header-consulting strong {
	color: red;
}

.button-cart-mb, .button-search-mb {
	padding: 7.5px;
}

.menu-mobile span.icon:before {
	display: inline;
	font-family: icons;
	content: "\f0c9";
	font-size: 25px;
	color: #208509;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'FontAwesome';
}

.search-btn {
	background-color: transparent !important;
}

.home-index-hero {
	background: #fff;
}

.header-mobile.scroll {
	position: fixed;
	top: 0px;
	background: #FFF;
	z-index: 110;
	width: 100%;
	animation-name: scroll;
	animation-duration: 0.9s;
}

.fallback-text {
	display: none;
}

.ovelay-kd {
	width: 100%;
	height: 100%;
	background: #f9f9f9;
	background-color: transparent;
	position: fixed;
	top: 0 !important;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: none;
}

@media (min-width:768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}

}

.logo h1 {
	margin: 0;
}

.header-sticky {
	display: none;
}

.subnav-fixed .header-sticky {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 200;
}

h3.title_sticky {
	margin-bottom: 0;
	height: 41px;
	line-height: 41px;/*margin-top:10px;*/
	color: #fff;
	background: #208509;
	padding-left: 10px;
	font-size: 16px;
}

.category-detail {
	position: absolute;
	background: #000;
	top: 100%;
	left: 15px;
	width: calc(100% - 30px);
	opacity: 0;
	visibility: hidden;/*display:none;height:0;*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 100;
}

.title_sticky.toggle + .category-detail {
	opacity: 1;
	visibility: visible;/*height:auto;display:block;*/
}

@media (min-width:1025px) {
	.category-sticky:hover .category-detail {
		opacity: 1;
		visibility: visible;
	}

}

form.search-bar .st-default-search-input {
	width: calc(100% - 40px);
	width: -moz-calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	display: inline-block;
	height: 40px;
	vertical-align: top;
	border: none;
	border-radius: 0;
	color: dimgrey;
	max-width: 100%;
	padding: 8px 10px;
}

.site-header__search.search-desktop {
	background: #fff;
	max-width: 100%;
	border: 1px solid #e0e0e0;
	position: relative;
	z-index: 7000;
}

.site-header__search.search-desktop form.search-bar {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	display: flex;
	background: #FFF !important;
	margin: 0px;
}

.site-header__search form.search-bar .input-group-btn {
	position: absolute;
	white-space: nowrap;
	width: 40px;
	height: 40px;
	padding: 0;
	right: 0;
	background: #FFF;
	display: inline-block;
	text-align: center;
}

.search-bar:hover .fa-search {
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #df0006;
	-o-transition: transform .3s ease, color .2s ease;
	-moz-transition: transform .3s ease, color .2s ease;
	-webkit-transition: transform .3s ease, color .2s ease;
	transition: transform .3s ease, color .2s ease;
}

.site-header__search.search-desktop *:focus {
	outline: none;
}

.site-header__search form.search-bar .input-group-btn button.btn {
	background: #FFF !important;
	color: #808080;
	border: none;
	height: 37px;
}

.search-mobile form.input-group.search-bar {
	margin: 0px 10px 0px;
}

#ajax-search-auto {
	position: absolute;
	z-index: 1000;
	background: #fff;
	max-width: 480px;
	border: 2px solid #208509;
	border-radius: 5px;
}

.list_auto {
	border-top: 1px dotted #ccc;
	padding: 3px 0;
	align-items: center;
}

#ajax-search-auto .auto_img {
	text-align: center;
}

#ajax-search-auto .auto_img img {
	max-width: 80px;
	display: inline-block;
}

.ajax-view-more {
	padding: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	font-size: 110%;
	border-top-color: #ccc;
}

.ajax-view-more a {
	color: #208509;
	font-weight: bold;
}

.list_auto .auto_detail {
	padding-top: 15px;
}

h5.auto_product-name {
	font-weight: 400;
	font-size: 100%;
	margin-bottom: 0;
}

.auto_detail .content_price {
	text-align: left;
}

.auto_detail .product-price {
	font-size: 14px;
	color: #208509;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
	height: 0px;
	line-height: 1em;
}

.auto_product-name a {
	color: #3a3a3c;
}

.cart-sticky {
	padding-top: 10px;
}

.header-cart.head_des {
	display: inline-block;
	height: 30px;
	line-height: 27px;
	margin-top: 10px;
	position: relative;
}

.cart-sticky .ajax_cart_quantity {
	position: absolute;
	width: 13px;
	height: 13px;
	background: #363636;
	color: #fff;
	border-radius: 100%;
	top: -8px !important;
	right: 21px;
	font-size: 10px;
	line-height: 13px;
	display: inline-block;
}

.site-header__cart-toggle i {
	display: block;
	text-align: center;
}

.nopadding {
	padding-left: 0px;
	padding-right: 5px;
}

.home-hero-container {
	position: relative;
	z-index: 10;
}

.home-hero {
	position: relative;
	margin-bottom: 15px;
}

.home-hero-slider {
	position: relative;
}

.home-hero-slider .flex-control-paging {
	position: absolute;
	bottom: 0;
	z-index: 2000;
}

.container .row.box-span12 {
	margin-top: 10px;
}

.flexslider-container .flexslider {
	border: 0;
	margin: 0;
}

.slider-default .flex-direction-nav li a, .slider-mobile .owl-prev, .slider-mobile .owl-next {
	position: absolute;
	top: 50%;
	z-index: 9;
	width: 41px;
	height: 69px;
	margin-top: -35px;
	text-indent: -9999px;
	overflow: hidden;
	outline: 0;
	-webkit-transition: inherit;
	border-radius: initial;
}

.slider-default .flex-direction-nav li a.flex-prev, .slider-mobile .owl-prev {
	background: url("https://theme.hstatic.net/1000185761/1000362606/14/icon-slides.png?v=893") no-repeat -84px 50%;
}

.slider-default .flex-direction-nav li a.flex-prev:hover, .slider-mobile .owl-prev:hover {
	background-position: 0 50%;
}

.slider-default .flex-direction-nav li a.flex-next, .slider-mobile .owl-next {
	right: 0;
	background: url("https://theme.hstatic.net/1000185761/1000362606/14/icon-slides.png?v=893") no-repeat -125px 50%;
}

.slider-default .flex-direction-nav li a.flex-next:hover, .slider-mobile .owl-next:hover {
	background-position: -42px 50%;
}

.home-hero-menu {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3000;
	width: 330px;
	background: #333;
	background: rgba(0, 0, 0, 0.6);
	padding: 0;
}

#ver_popup12 {
	background: url("dt.png") right bottom no-repeat #fff;
}

#ver_popup13 {
	background: url("mo.png") right bottom no-repeat #fff;
}

#ver_popup14 {
	background: url("bgr-menu3.png") right bottom no-repeat #fff;
}

#ver_popup15 {
	background: url("bgr-menu4.png?v=1171") right bottom no-repeat #fff;
}

#ver_popup16 {
	background: url("bgr-menu5.png") right bottom no-repeat #fff;
}

#ver_popup17 {
	background: url("bgr-menu6.png") right bottom no-repeat #fff;
}

#ver_popup18 {
	background: url("bgr-menu7.png") right bottom no-repeat #fff;
}

.navbar-inner {
	background: #208509;
}

#ma-mobilemenu {
	border: 1px solid #208509;
}

.mobilemenu li:hover a {
	color: #208509;
	background-color: #f9f9f9;
}

.mobilemenu ul a:hover, .mobilemenu ul li.active a {
	color: #208509 !important;
}

.pt_vmegamenu .itemMenu.level1 a.itemMenuName.level4:hover, .pt_vmegamenu .itemMenu.level1 a.itemMenuName.level3.nochild:hover {
	color: #3a3a3c;
}

@media (min-width:1200px) {

	/* Combo */
	#combo-program {
		max-height: 400px;
	}

	#combo-program .name-combo {
		margin: 0 0 0 30px;
	}

	#combo-program .name-combo span {
		display: inline-block;
		color: #fb3d3d;
		font-weight: bold;
	}

	#combo-program .combo-title {
		display: none;
		margin-top: 0;
		font-size: 14px;
		font-weight: bold;
	}

	#combo-program .combo-title b {
		color: #ff0707;
	}

	#combo-program .combo-w {
		margin-bottom: 10px;
		padding: 10px;
		position: relative;
	}

	#combo-program .combo-w:after {
		content: '\2714\fe0e';
		font-size: 16px;
		position: absolute;
		top: 10px;
		left: 11px;
		color: #f00;
		opacity: 0;
	}

	#combo-program .combo-w:before {
		content: '';
		width: 20px;
		height: 20px;
		border: 1px solid #e1e1e1;
		border-radius: 3px;
		position: absolute;
		top: 10px;
		left: 7px;
	}

	#combo-program .combo-w.checked:after {
		opacity: 1;
	}

	#combo-program .combo-w.checked:before {
		border: 1px solid #f00;
	}

	#combo-program table tr {
		margin-bottom: 3px;
	}

	#combo-program table label {
		font-weight: normal;
		font-size: 13px;
		display: block;
		border: none;
		padding: 2px 5px;
		cursor: pointer;
	}

	#combo-program table label:after {
		content: "";
		display: table;
		clear: both;
	}

	#combo-program table label img {
		display: inline-block;
		width: 36px;
		float: left;
	}

	#combo-program table label p {
		display: inline-block;
		width: calc(100% - 50px);
		float: left;
		margin-bottom: 0px;
		padding-left: 10px;
	}

	#combo-program table label .discount-promotion-price b {
		color: #fa0303;
	}

	#combo-program table label .discount-promotion-price del {
		margin-left: 5px;
	}

	#combo-program table input {
		display: block;
	}

	#combo-program table input:checked + label {
		color: #000;
		background: #fff8f8;
	}

	#combo-program .haravan-promotion {
		float: left;
		position: relative;
		min-height: 1px;
		min-width: 200px;
		max-width: 220px;
		text-align: center;
		margin-right: 20px;
	}

	.haravan-promotion > div {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}

	.discount-promotion-title {
		overflow: hidden;
	}

	.combo-list .haravan-promotion:not(:nth-child(1)):before {
		content: "+";
		position: absolute;
		left: -10%;
		top: 32%;
		transform: translateY(-50%);
		font-size: 38px;
		color: #D8D8D8;
	}

	p.discount-promotion-price b {
		color: red;
	}

	p.discount-promotion-price del {
		display: block;
	}

	.combo-footer .combo-price {
		font-size: 17px;
		font-weight: 400;
	}

	.combo-footer {
		display: inline-block;
		margin-right: 25px;
		text-align: left;
		padding-left: 25px;
	}

	.haravan-promotion.clone {
		display: none;
	}

	span.combo-price {
		font-size: 17px;
		font-weight: 400;
	}

	span.money {
		font-size: 26px;
		font-weight: 500;
		color: #f00;
		margin-top: 8px;
	}

	.total-old-price {
		padding: 15px 0;
		font-size: 20px;
	}

	button#discount-promotion-combo-add-btn {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
		touch-action: manipulation;
		cursor: pointer;
		border: 1px solid transparent;
		overflow: hidden;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 7px 12px;
		font-size: 14px;
		height: auto;
		border-radius: 3px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		font-weight: 700;
		background: #ff822e;
		line-height: 1.5em;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	.total-cross-sell {
		float: left;
		display: block;
		margin-left: 25px;
		text-align: left;
		padding: 10px 5px;
		position: relative;
	}

	.total-cross-sell:before {
		content: "=";
		position: absolute;
		left: -40px;
		top: 40%;
		transform: translateY(-50%);
		font-size: 38px;
		color: #D8D8D8;
	}

	.home-hero-menu {
		height: 330px;
	}

	.home-promo-list li {
		width: 32.3%;
		margin-left: 14.2px;
	}

	.home-channel-list a {
		padding-top: 18px;
	}

	.home-channel-list li {
		height: 76px;
	}

	.home-channel-list li:after {
		height: 70px;
	}

	.home-channel-list img {
		margin-bottom: 8px;
	}

}

@media (max-width:1200px) and (min-width:992px) {
	.home-hero-menu {
		height: 352px;
		overflow: auto;
	}

	.home-channel-list a {
		padding-top: 2px;
	}

	.home-channel-list img {
		margin-bottom: 2px;
	}

	.home-channel-list img {
		margin-bottom: 4px;
	}

	.home-channel-list li {
		height: 58px;
	}

	.home-channel-list li:after {
		height: 55px;
	}

	.home-promo-list li {
		margin-left: 5px;
		width: 32.8%;
	}

	.site-header .search-text {
		width: 170px;
	}

	.header-nav.pt_custommenu {
		padding: 0;
	}

	#navbar {
		padding: 0;
	}

}

@media (min-width:768px) and (max-width:992px) {
	.home-promo-list li {
		margin-left: 0.5%;
		width: 33%;
	}

	.site-header .header-search {
		position: absolute;
		right: 0;
	}

}

@media (max-width:992px) {
	.home-channel-list a {
		padding-top: 18px;
	}

	.home-channel-list li {
		height: 80px;
	}

	.home-channel-list li:after {
		height: 70px;
	}

	.home-channel-list img {
		margin-bottom: 8px;
	}

	.home-hero-menu {
		display: none;
	}

	ul.home-promo-list {
		margin-top: 20px;
	}

}

.box-hd-title + .box-bd-content {
	padding-top: 14.2px;
}

.home-channel-list {
	margin: 0;
	padding: 3px;
	list-style-type: none;
	font-size: 12px;
	text-align: center;
	background: #3a3a3c;
}

.home-channel-list li {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0 3px;
}

.home-channel-list a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	_zoom: 1;
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.home-channel-list img {
	display: block;
	margin: 0 auto;
}

.home-channel-list li:after {
	top: 6px;
	left: 0;
	width: 1px;
}

.home-channel-list li:hover img {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

.home-channel-list li.top:before {
	display: none;
}

.home-channel-list li.left:after {
	display: none;
}

.home-channel-list li:before, .home-channel-list li:after {
	position: absolute;
	content: "";
	background: #665e57;
}

.home-channel-list li:before {
	top: -1px;
	left: 6px;
	width: 64px;
	height: 1px;
}

.home-channel-list a:hover {
	color: #208509;
}

.home-promo-list li {
	float: left;
	-webkit-transition: -webkit-box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear;
}

.home-promo-list li:hover {
	z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}

.home-promo-list li {
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.home-promo-list li:first-child {
	margin-left: 0;
}

.itemMenuName img {
	margin-right: 5px;
}

.home-main {
	padding-top: 20px;
}

.page-main {
	background: #f5f5f5;
}

.box-hd-title {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	margin-top: 10px;
	background: #fff;
}

.box-hd-title a:first-child {

	/*float:left;display:inline-block;*/
}

.flash-row {
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
}

.box-hd-title h2.flashsale {
	background: #f00;
}

.deal {
	background: #f00;
	text-align: center;
	padding: 20px;
	height: 100%;
}

.countdown {
	margin-bottom: 30px;
	width: 100%;
}

.countdown .box-count {
	width: 23%;
	display: inline-block;
	color: #fff;
}

.countdown .box-count * {
	display: block;
	text-align: center;
}

.countdown .box-count .text {
	font-weight: 600;
	text-transform: uppercase;
}

.countdown .box-count .number {
	font-size: 16px;
	font-weight: 500;
}

.box-new {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.box-new h2 {
	text-transform: uppercase;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
	margin-bottom: 0;
	position: relative;
	z-index: 100;
	background: #f5f5f5;
	padding: 0 15px;
}

.box-new:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.home-brick-box {
	padding-bottom: 40px;
}

.home-star-goods .box-hd-title {
	margin-right: 79px;
}

.box-hd-title .title {
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 45px;
	color: #fff;
	float: left;
	padding: 0 8px 0 12px;
	height: 45px;
	background: #3a3a3c;
	border-radius: 4px 0 0 4px;
	position: relative;
	text-transform: uppercase;
}

@media (min-width:768px) {
	.article-body h3 {
		font-size: 22px;
		color: #208509;
	}

	.box-hd-title h2.title:after {
		content: " ";
		display: block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-top: 22px solid transparent;
		border-left: 15px solid #3a3a3c;
		border-right: 0 solid transparent;
		border-bottom: 23px solid transparent;
		position: absolute;
		top: 0;
		right: -14px;
	}

	.box-hd-title h2.flashsale:after {
		border-left: 15px solid #f00;
	}

}

.read_more {
	position: absolute;
	top: -44px;
	right: 16px;
}

.read_more .more-link {
	font-size: 16px;
	color: #3a3a3c;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.read_more .more-link i {
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin-left: 8px;
	border-radius: 50%;
	font-size: 15px;
	text-align: center;
	background: #3a3a3c;
	color: #fff;
	padding-left: 2px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	font-weight: bold;
}

.read_more .more-link:hover {
	color: #ff6700;
}

.read_more .more-link:hover i {
	background: #ff6700;
}

.banner-left img:hover {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.banner-left img {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent
}

.content-product-list .product-block {
	float: left;
	width: 100%;
	border: none;
	margin-bottom: 14px;
	background: #fff;
	border-radius: 0px;/*-webkit-transition:all 0.2s linear;transition:all 0.2s linear;*/
}

.product-block .product-img {
	text-align: center;
	position: relative;
}

.product-block .product-detail {
	padding: 10px 0px;
}

h3.pro-name {
	padding: 0 7px;
}

.product-block .product-detail h3.pro-name a {
	color: #3a3a3c;
	
	white-space: normal;
	overflow: hidden;/*text-overflow:ellipsis;*/
	width: 100%;
	float: left;
	text-align: center;
	font-weight: 400;

	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;

	position: relative;
}
.product-block .product-detail h3.pro-name{
	font-size: 14px;
	line-height: 1.7;
	height: 48px;
	    margin-bottom: 8px;
}
.product-block .product-detail h3.pro-name a:hover {
	color: #3a3a3c
}

.pro-price {
	font-size: 15px;
	color: #208509;
	display: inline-block;
	
	font-weight: 400;

}

p.pro-price-del {
	display: inline-block;
	color: #b0b0b0;
	font-weight: 300;
	margin-left: 6px;
}

.pro-price-del .compare-price {
	font-size: 14px;
    color: #7a7777;
    font-style: italic;
}

.product-list .pro-price, #product-recently .pro-price, #owl-hascart .pro-price {
	font-size: 12px;
	margin-bottom: 5px;
}

.product-list .pro-price-del .compare-price, #product-recently .pro-price-del .compare-price, #owl-hascart .compare-price {
	font-size: 12px;
}

.product-list .product-block .product-detail, #product-recently .product-block .product-detail, #owl-hascart .product-block .product-detail {
	padding: 5px 0px;
}

.product-list .pro-name, #product-recently .pro-name {
	margin-bottom: 5px;
}

.content_price {
	text-align: center;
}
.btn-hethang{
	cursor: pointer;
}
.btn-hethang:hover{
	background-color: #ccc !important;
}
.product-block .product-sale {
	position: absolute;
	background: #e53935;
	z-index: 1;
	right: -7px;
	top: -20px;
	font-size: 14px;
	color: #fff;
	padding: 0 10px;
	vertical-align: middle;
	line-height: 25px;
}

.product-block .product-sale:before {
	border-color: #e53935 transparent transparent transparent;
	border-width: 6px 6px 0 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	content: '';
	display: block;
	position: absolute;
	top: 100%;
}

.product-sale span {
}

.product-best {
	bottom: 0px;
	position: absolute;
	right: 0px;
	width: 40px;
	height: 40px;
}

.actions .btn-like {
	left: 15px;
	top: 18px !important;
}

.actions i {
	font-size: 15px;
	line-height: 24px;
	color: #424242;
}

.actions .btn-like span {
	margin-left: 5px;
}

.actions .btn-buy span {
	vertical-align: -3px;
}

.actions span {
	opacity: 0;
	filter: alpha(opacity=0)\9;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.actions .btn-buy i.shoppping-cart img {
	width: initial !important;
	display: inherit;
}

.actions .btn-like, .actions .btn-buy {
	position: absolute;
	bottom: 0px;
	z-index: 3;
	height: auto;
	padding: 3px 4px;
	font-size: 12px;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0)\9;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.actions .btn-buy {
	right: 0px;
}

.product-block {
	padding-top: 20px;
	overflow: hidden

}

.product-block .sold-out {
	position: absolute;
	background: #e53935;
	z-index: 1;
	right: -6px;
	top: -20px;
	font-size: 12px;
	color: #fff;
	padding: 0 12px;
	font-weight: 500;
	line-height: 18px;
}

.product-block .sold-out:before {
	border-color: #e53935 transparent transparent transparent;
	border-width: 6px 6px 0 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	content: '';
	display: block;
	position: absolute;
	top: 100%;
}

.product-block:hover {
	webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.product-block:hover .actions .btn-like, .product-block:hover .actions .btn-buy {
	opacity: 1;
	filter: alpha(opacity=100)\9;
}

.product-block .actions .btn-like:hover, .product-block .actions .btn-buy:hover {
	color: #fff;
}

.product-block:hover .actions .btn-buy.disabled {
	cursor: default;
	opacity: 0.4;
}

.product-block .actions .btn-like:hover span, .product-block .actions .btn-buy:hover span {
	opacity: 1;
	filter: alpha(opacity=100)\9;
}

#rainbow-list .item .product-block .sold-out {
	right: -15px;
	top: -20px;
}

#rainbow-list .item .product-block {
	background: #fafafa;
	padding-left: 15px;
	padding-right: 15px;
}

#rainbow-list .rainbow_0, #rainbow-list .rainbow_5, #rainbow-list .rainbow_10 {
	border-top: 1px solid #ffac13;
}

#rainbow-list .rainbow_1, #rainbow-list .rainbow_6 {
	border-top: 1px solid #83c44e;
}

#rainbow-list .rainbow_2, #rainbow-list .rainbow_7 {
	border-top: 1px solid #2196f3;
}

#rainbow-list .rainbow_3, #rainbow-list .rainbow_8 {
	border-top: 1px solid #ffac13;
}

#rainbow-list .rainbow_4, #rainbow-list .rainbow_9 {
	border-top: 1px solid #00c0a5;
}

#rainbow-list .product-block:hover {
	-webkit-transform: inherit;
	transform: inherit;
}

#rainbow-list .owl-controls .owl-prev, #rainbow-list .owl-controls .owl-next, #plain-list .owl-controls .owl-prev, #plain-list .owl-controls .owl-next, #new-list .owl-controls .owl-prev, #new-list .owl-controls .owl-next, .Topsellers .owl-controls .owl-prev, .Topsellers .owl-controls .owl-next, .content-product-list .owl-controls .owl-prev, .content-product-list .owl-controls .owl-next, .review-list .owl-controls .owl-prev, .review-list .owl-controls .owl-next {
	cursor: pointer;
	text-align: center;
	color: #b0b0b0;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
	padding: 3px 15px;
	border: 1px solid #e0e0e0;
	font-size: 16px;
	line-height: 16px;
	display: inline-block;
}

#rainbow-list .owl-controls .owl-prev:hover, #rainbow-list .owl-controls .owl-next:hover, #plain-list .owl-controls .owl-prev:hover, #plain-list .owl-controls .owl-next:hover, #new-list .owl-controls .owl-prev:hover, #new-list .owl-controls .owl-next:hover, .Topsellers .owl-controls .owl-prev:hover, .Topsellers .owl-controls .owl-next:hover, .content-product-list .owl-controls .owl-prev:hover, .content-product-list .owl-controls .owl-next:hover, .review-list .owl-controls .owl-prev:hover, .review-list .owl-controls .owl-next:hover {
	color: #fff;
	background: #3a3a3c;
}

#rainbow-list .owl-controls, #plain-list .owl-controls, #new-list .owl-controls {
	position: absolute;
	top: -49px;
	right: 15px;
}

#plain-list .owl-controls, #new-list .owl-controls {
	right: 30px;
}

.review-list .owl-controls {
	position: absolute;
	top: -49px;
	right: 15px;
}

#prominent-brand .owl-controls {
	border: none !important;
	padding: 0 !important;
}

#prominent-brand .owl-controls .owl-prev, #prominent-brand .owl-controls .owl-next {
	display: inline-block;
	width: 11px;
	height: 63px;
	overflow: hidden;
	position: absolute;
	top: calc(50% + 0px);
	transform: translateY(-50%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#prominent-brand .owl-controls .owl-prev {
	left: 0;
}

#prominent-brand .owl-controls .owl-next {
	right: 0;
}

#prominent-brand .owl-controls .owl-prev:hover, #prominent-brand .owl-controls .owl-next:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

@media screen and (max-width:767px) {

	.button-cart-mb, .button-search-mb {
		padding: 0 17px;
	}

	.search-mobile form.input-group.search-bar {
		margin-left: 0px;
	}

	.review-item {
		padding: 0px;
	}

	.review-list {
		margin-left: 0px;
	}

}

.content-product-list .owl-controls {
	position: absolute;
	top: -40px;
	right: 0;
	background: #FFF;
}

.Topsellers .owl-controls {
	right: 12px;
	top: 15px;
	position: absolute;
}

.home-star-goods {
}

.product_tabs_slider ul.tabs {
	display: block;
	overflow: hidden;
	position: relative;
	float: right;
	width: auto;
	margin-top: 15px;
}

.product_tabs_slider ul.tabs li {
	display: block;
	float: left;
}

.product_tabs_slider ul.tabs li a {
	color: #000;
	text-decoration: none;
}

div#mota * {
	max-width: 100% !important;
}

div#mota * .row {
	margin: 0 0 30px 0;
}

#mota .btn-color-buy {
	width: 40%;
	margin: 10px 30%;
}

.product-description-wrapper ul {
	padding-left: 30px;
	padding-bottom: 10px;
}

.product-description-wrapper ul ul {
	margin-left: 45px;
}

.product-description-wrapper ul ul li {
	list-style-type: circle;
}

.product-description-wrapper ul li {
	list-style: none;
}

.product-description-wrapper ul li:before {
	font-family: "FontAwesome";
	content: "\f058";
	position: absolute;
	color: #208509;
	margin-left: -20px;
}

.product_tabs_slider ul.tabs li h3 {
	cursor: pointer;
	margin: 0;
	color: #3a3a3c;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 10px;
}

.product_tabs_slider ul.tabs li.active h3 {
	color: #208509;
	border-bottom: 2px solid #208509;
}

.list-banner-1.banner-left {
	margin: 0 0 14px 0;
}

.home-review-box {
	margin-bottom: 22px;
}

.review-list {
	position: relative;
}

.review-itme-col {
	background: #ffffff;
	margin-bottom: 14px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.review-itme-col:hover {
	z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}

.review-item .review {
	font-size: 17px;
	font-weight: 400;
	margin: 0 0 5px 0;
}

.review-item .author {
	font-size: 12px;
	color: #b0b0b0;
	margin: 0;
}

.short_descript {
	margin: 0;
	margin-bottom: 15px;
	    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.review-item .review a {
	color: #3a3a3c;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	float: left;
	font-weight: 500;
	margin-bottom: 15px;
}

.review-item .review a:hover {
	color: #3a3a3c;
}

.review-item .info {
	padding-bottom: 20px;
	margin-top: 5px;
}

.review-item .info a {
	color: #208509;
	font-weight: 300;
}

.blog_deatail {
	padding: 0 12px;
	margin-top: 8px;

}

.info-address li i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 15px;
	padding-left: 3px;
	margin-right: 10px;
	border: 1px solid #e0e0e0;
}

.footer-postions .site-footer {
	background: #ffffff;
}

.site-footer .footer-service {
	padding: 20px 0;
	border-bottom: 1px solid #e0e0e0;
}

.ourservice-block {
	float: left;
	color: #BBB;
}

.list-service {
	border-right: 1px solid #e0e0e0;
	min-height: 70px;
}

.list-service.last {
	border-right: none;
}

.ourservice-block div, .ourservice-block h4 {
	float: left;
	line-height: 24px;
	padding: 0px !important;
	margin: 0;
	color: #757575;
}

.ourservice-block .fa {
	font-size: 23px;
	padding-right: 10px;
	color: #424242;
}

.ourservice-block .ourservice-heading {
	margin-right: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #424242;
	display: block;
}

.ourservice-content {
	font-weight: 300;
	width: 100%;
}

.ourservice-block:hover {
	overflow: visible;
}

.ourservice-content p {
	margin: 0;
}

.ourservice-block:hover div, .ourservice-block:hover h4 {
	color: #3a3a3c;
}

.ourservice-block:hover .fa {
	color: #3a3a3c;
}

.site-footer .footer-links .col-contact .phone {
	margin: 0 0 5px;
	font-size: 24px;
	line-height: 1;
	color: #208509;
	font-weight: 400;
}

.site-footer .footer-links .col-contact span.time-normal {
	font-size: 12px;
}

.site-footer .footer-links .col-contact p {
	margin: 0 0 5px;
	font-size: 14px;
}

.site-footer .footer-links .col-contact p i {
	font-size: 15px;
	margin-right: 5px;
}

.col-contact p.marker-first {
	margin-top: 15px !important;
}

div#icon-footer a {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	padding: 3px 3px;
}

div#icon-footer a i:before {
	width: 34px;
	height: 34px;
	text-align: center;
	background: rgba(218, 218, 218, 0.65);
	color: #222;
	border-radius: 50%;
	line-height: 34px;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
	-o-transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
	transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
}

div#icon-footer a i:hover:before {
	background-color: #3a3a3c;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	color: #fff;
}

div#icon-footer {
	margin-top: 10px;
	text-align: center;
}

.link-copy a {
	font-size: 14px;
	color: #757575;
	font-weight: 300;
}

.link-copy span {
	padding: 5px;
	color: #757575;
}

.payment-footer ul li {
	margin-left: 10px;
}

.payment-footer ul li {
	display: inline-block;
}

.payment-footer ul li a {
	display: inline-block;
	width: 42px;
}

.payment-footer {
	text-align: right;
	margin-right: 20px;
}

.border-left {
	border-left: 1px solid #e0e0e0;
}

.site-footer .footer-links {
	padding: 30px 0;
	border-top: 1px solid #e0e0e0;
}

.site-footer .footer-links .footer-block h4 {
	margin: 0px 0 16px;
	font-size: 19px;
	padding-bottom: 10px;
	line-height: 1.25;
	color: #424242;
	font-weight: 500;
	width: 100%;
	position: relative;
	border-bottom: 1px dashed #e0e0e0;
}

.site-footer .footer-links .block_content li {
	margin: 8px 0 0;
	font-size: 14px;
}

.site-footer .footer-links .block_content a {
	color: #757575;
	font-weight: 300;
	webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	-o-transition: all 200ms;
}

.site-footer .footer-links .block_content a:hover {
	color: #3a3a3c;
	padding-left: 5px;
}

.site-footer .footer-links .col-contact {
	text-align: center;
	color: #757575;
	font-weight: 300;/*border-left:1px solid #e0e0e0;*/
}

.site-info {
	padding: 10px 0;
	font-size: 12px;
	background: #f5f5f5;
}

.site-info .info-text a:hover {
	color: #3a3a3c;
}

.scrollToTop {
	border-radius: 3px;
	width: 30px;
	height: 30px;
	padding: 4px;
	text-align: center;
	background: whiteSmoke;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position: fixed;
	bottom: 2px;
	right: 2px;
	display: none;
	background: #208509;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	z-index: 100;
}

.scrollToTop:hover {
	background: #3a3a3c;
	color: #fff;
}

.copyright p {
	margin: 0;
}

.grid-list li {
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

.grid-list li a {
	font-size: 16px;
	line-height: 38px;
	cursor: pointer;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #fff;
	color: #FF6700;
}

.display li.selected a, .display_m li.selected a {
	cursor: default;
	color: #fff;
	background-color: #FF6700;
}

.filter-content-none {
	background: #fff;
	padding: 20px 0;
}

.list .item-inner .box-image:hover .sm_quickview_handler {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}

.list .item-inner .box-image .sm_quickview_handler:hover {
	opacity: .85;
}

.list .item-inner .box-image .sm_quickview_handler {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.4);
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
}

.sm_quickview_handler {
	display: inline-block;
	width: 50px;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url("quick-view.png");
	background-position: center;
	background-repeat: no-repeat;
}

.list .item-inner .box-image:hover:after {
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	visibility: visible;
}

.list .item-inner .box-image:after {
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	visibility: hidden;
	display: block;
}

.list .item-inner .product-detail h3.pro-name a {
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}

.list .item-inner .content_price {
	text-align: left;
	margin-top: 10px;
}

.list .item-inner .content_price .pro-price {
	font-size: 22px;
	color: #ff6700;
	display: inline-block;
	margin-right: 4px;
	font-weight: 500;
}

.list .item-inner .content_price p.pro-price-del {
	display: inline-block;
	color: #b0b0b0;
	font-size: 16px;
}

.list .item-inner .actions .button.btn-cart {
	float: left;
	padding: 0 20px 0 40px;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.8);
	background-image: url("../images/add-to-cart.png?v=4170");
	background-position: 10px center;
	background-repeat: no-repeat;
	height: 39px;
	color: #fff;
	border: 0px;
}

.list .item-inner .actions .button.btn-cart span {
	opacity: 1;
}

.list .actions-list a.view-product {
	margin-left: 5px;
	line-height: 39px;
}

.list .actions-list a.view-product i {
	line-height: 39px;
	background: #FF6F3D;
	padding: 0 10px;
	color: #fff;
}

.list .product-block.item-inner {
	padding: 20px;
}

.list .item-inner .box-image {
	padding: 0;
	border: 1px solid #ededed;
}

.list .item-inner .product-sale {
	top: 0px;
	z-index: 9;
}

.topLine {
	font-size: 12px;
	overflow: auto;
}

.topLine {
	padding: 15px 0;
	margin-top: 15px;
	background: #fff;
}

.topLine:first-child {
	margin-top: 0;
}

.topLine h2 {
	font-size: 18px;
	margin: 10px 0;
}

.topLine h2 a {
	color: #3a3a3c;
}

.topLine .dd {
	line-height: 16px;
	overflow: auto;
}

.topLine a {
	color: #208509;
}

.dd span {
	border-left: 1px solid #c9c9c9;
	padding: 0 10px;
}

.dd span.first-bor {
	border-left: 0px;
	padding-left: 0;
}

.topLine p {
	margin-top: 15px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 300;
}

.topLine p a {
	font-size: 12px;
	display: block;
	text-align: right;
}

.topLine h2:hover a {
	color: #208509;
}

.topLine span em, .topLine span a, .topLine span {
	color: #aab2bd;
	font-weight: 300;
}

.blog-item-img {
	position: relative;
	overflow: hidden;
}

.blog-item-img:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.blog-item-img:hover:before {
	webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

div#pagination a.page-node, div#pagination span.page-node, #pagination a {
	border: 1px solid #e9e9e9;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 11px;
	color: #909090;
	font-size: 15px;
	text-align: center;
	border-radius: 0;
	-webkit-border-radius: 0;
	margin: 10px 0px;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	background-color: #fff;
	font-weight: 300;
}

span.date {
	font-weight: 300;
	font-size: 12px;
}

div#pagination span.page-node.current {
	background: #208509;
	color: #fff;
}

div#pagination a.page-node:hover {
	background: #3a3a3c;
	color: #fff;
}

#pagination a:hover {
	background: #3a3a3c;
	color: #fff;
}

div#pagination a.next span i {
	margin-left: 4px;
}

div#pagination a.prev span i {
	margin-right: 4px;
}

.pagination-blog {
	margin-top: 26px;
}

.news-menu .list-group-item, .news-latest .list-group-item {
	font-size: 20px;
	text-transform: uppercase;
	padding: 10px 10px 10px 0;
	font-weight: 400;
	border-bottom: 1px solid #e0e0e0 !important;
}

.news-menu .list-group-item.active {
	z-index: 2;
	color: #3a3a3c;
	background-color: #FFFFFF;
	border: 0;
}

.news-menu .list-group-item:after, .news-latest .list-group-item:after {
	content: "";
	position: absolute;
	width: 30%;
	height: 3px;
	background: #208509;
	bottom: -2px;
	left: 0;
}

.news-menu, .news-latest {
	background: #fff;
	padding: 13px 23px 23px 23px;
}

#menu-blog > li {
	border-top: 1px solid #e0e0e0;
}

#menu-blog li a i {
	font-size: 9px;
	margin-right: 10px;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	color: #777;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

#menu-blog li a:hover i {
	color: #208509;
	margin-left: 5px;
	margin-right: 5px;
}

.news-menu .nav > li > a {
	padding: 10px 10px 10px 5px;
	color: #555555;
	font-weight: 300;
}

span.sign {
	right: 0;
	position: absolute;
	padding-right: 10px;
}

.news-menu .sidebar li:hover > a, .news-menu .sidebar li.active >a {
	color: #3a3a3c;
}

#menu-blog > li.item>ul >li> a {
	margin-left: 0;
	padding-left: 30px;
	border-top: 1px solid #eee;
}

#menu-blog ul li a {
	padding-left: 50px;
	border-top: 1px solid #eee;
}

.news-menu .sidebar>li>a:hover, .news-menu .sidebar>li>a:focus {
	background-color: transparent;
	color: #FBAE42;
}

.news-latest .list-group-item.active {
	color: #3a3a3c;
	background-color: #fff;
	border-color: #fff;
}

.news-latest .article {
	border-top: 1px solid #e0e0e0;
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
	margin-bottom: 0;
}

.news-latest .article img {
	max-width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
	border: 1px solid #ccc;
}

.news-latest .article .post-content {
	color: #28303e;
	padding-right: 0px;
}

.news-latest .article a {
	display: block;
	white-space: pre-line;
	color: #3a3a3c;
}

.news-latest .article .time-date {
	background: url(../images/icon-article.png)no-repeat center;
	width: 19px;
	height: 19px;
	display: inline-block;
	margin-right: 5px;
	float: left;
}

.news-latest .article a:hover {
	color: #3a3a3c;
}

.author-date ul {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.date-post {
	background: #28303e;
	width: 90px;
	height: 70px;
}

.author-date .date-post li {
	position: relative;
	display: inline-block;
	color: #fff;
	width: 100%;
}

.author-date .date-post .icon-time {
	background: url('../images/time-big.png') no-repeat center;
}

.icon-time {
	display: inline-block;
	margin: 8px 0px 1px 0;
	min-height: 32px;
	width: 100%;
}

.date-post p {
	text-align: center;
	font-size: 12px;
}

.article-count ul {
	float: left;
	width: 100%;
}

.count-comment {
	background: #f0f0f0;
	width: 90px;
	height: 70px;
}

.article-count .count-comment li {
	position: relative;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-align: center;
}

.article-count .count-comment .icon-comment {
	background: url('../images/comment.png') no-repeat center;
}

.icon-comment {
	display: inline-block;
	margin: 8px 0px 1px 0;
	min-height: 32px;
	width: 100%;
}

.count-comment a {
	color: #53a1cc;
	font-size: 12px;
}

.count-comment span {
	color: #444444;
}

#article .body-content {
	text-align: justify;
	font-size: 16px;
	-moz-user-select: none !important; /* Firefox */
	-ms-user-select: none !important; /* Internet Explorer */
	-khtml-user-select: none !important; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none !important; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none !important; /* Disable Android and iOS callouts*/
}

.pl0 {
	padding-left: 0 !important;
}

.product-comment .visible-lg {
	border-bottom: 1px solid #ddd;
}

.product-comment li:first-child {
	padding-left: 0px
}

.product-comment li a {
	font-size: 16px;
	font-weight: 500;
	color: #757575;
	text-align: center;
}

.product-comment .title-bl {
	display: none;
}

.pl0 .product-comment {
	border-top: none;
}

.pl0 .product-comment .nav li a {
	border-right: none;
}

.product-comment .nav>li>a:hover {
	background-color: transparent;
}

#article .comment_form {
	margin-top: 30px;
	margin-bottom: 30px;
}

#article .comment_form .text {
	margin-bottom: 15px;
	display: block;
}

form#article--comment-form input[type=text], #comment_body {
	border: 1px solid #ccc;
	padding: 10px;
	outline: none;
}

#comments input, #comments textarea {
	border-radius: 4px;
}

#article #comment_body {
	width: 100%;
	height: 200px;
}

textarea {
	resize: none;
}

.btn-primary {
	background: #208509;
	border-color: #208509;
}

.btn-primary:hover {
	background: #ff936a;
	border-color: #ff936a;
}

.title-bl {
	border-bottom: 1px solid #ddd;
	margin-bottom: 23px;
}

.title-bl > h2 {
	color: #757575;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
}

#binhluan, #like {
	margin-top: 20px;
}

#binhluan {
	margin-bottom: 20px;
}

#binhluan .border-bottom:last-child {
	border-bottom: none;
}

#article .comment, #article .comment_form label {
	clear: both;
}

#article .comment {
	margin-bottom: 15px;
}

#article h3.author {
	font-size: 14px;
	font-style: normal;
	text-transform: capitalize;
}

strong {
	font-weight: 700;
}

#binhluan .date {
	float: right;
	color: #aaa;
	font-size: 12px;
}

.comment div {
	margin-bottom: 20px;
	color: #aaa;
}

.home-brick-right .box-hd-title {
	margin-right: 76px;
}

@media (min-width:992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}

	.fixheight .product-img img:not(.gift):last-child {
		vertical-align: middle;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.img-span3-collections {
		padding: 0 7px;
	}

	.pro-loop {
		padding: 0px 7px;
	}

	.col-lg-span3 {
		float: left;
		width: 257px !important;
		padding-right: 7px;
	}

	.col-lg-span9 {
		width: calc(100% - 257px) !important;
		padding-left: 7px;
	}

	.col-lg-span9 .row-span {
		margin-left: -7px;
		margin-right: -7px;
	}

	.review-item {
		padding: 0 7px;
	}

	.review-list.row {
		margin-left: -7px;
		margin-right: -7px;
	}

	.slider-default .flex-direction-nav li a.flex-prev {
		left: 235px;
	}

	.right-col-3 {
		padding-left: 0;
	}

}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.mp-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #208509;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-pusher::after, .mp-level::after, .mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after, .mp-level::after {
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background-color: transparent;
	opacity: 1;
}

.mp-pusher, .mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(101, 101, 101, 0.5);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(101, 101, 101, 0.8);
	text-shadow: 0 0 1px rgba(101, 101, 101, 0.1);
	font-weight: 300;
	font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
	line-height: 21px;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	box-shadow: inset 0 -1px rgba(101, 101, 101, 0.5);
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(101, 101, 101, 0.5), inset 0 1px rgba(101, 101, 101, 0.5);
}

.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover {
	background: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -1px rgba(101, 101, 101, 0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(101, 101, 101, 0);
}

.mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}

.mp-back {
	background: rgba(0, 0, 0, 0.1);
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	font-family: FontAwesome;
	position: absolute;
	content: "\f0d9";
	left: 15px;
	font-size: 1.3em;
	color: rgba(255, 255, 255, 0.5)
}

.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
	padding-left: 300px;
}

li.has-children.icon::before {
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	margin-right: 0.6em;
	-webkit-font-smoothing: antialiased;
	font-size: 22px;
}

li.has-children.icon.icon-arrow-left:before {
	content: "\f105";
}

.mp-menu ul li.has-children.icon::before {
	position: absolute;
	right: 0px;
	z-index: -1;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.9;
}

.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {
	display: block;
}

.mp-menu a {
	color: #fff;
	text-transform: uppercase;
	padding-left: 2.4em;
}

.mp-level > ul.lv1 > li:first-child > a {
	padding-top: 19px;
	padding-right: 20px;
}

html, body, .scroller {
	
}

.scroller {
	overflow-y: auto;
}

.scroller, .scroller-inner {
	position: relative;
}

.container-mp {
	position: relative;
	overflow: hidden;
}

.container-mp .navbar-toggle {
	position: absolute;
	top: 0;
	z-index: 10000;
	background: #424242;
	margin: 0;
	border-radius: 0;
	height: 40px;
	left: 15px;
}

.navbar-toggle .icon-bar {
	background-color: #ffffff;
}

}

@media only screen and (max-width:768px) and (min-width:481px) {
header.container {
	margin-top: 40px;
}

.medium--one-half {
	width: 50%;
}

.product-price {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #3a3a3c;
	font-size: 20px;
}

.pt-sale {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #3a3a3c;
	font-size: 12px;
	margin-left: 10px;
}

.product-price del {
	font-size: 16px;
	color: #b0b0b0;
	margin-left: 10px;
}

}

.responsive-menu.container-mp {
height: 100%;
}

@media (max-width:480px) {

/* Combo Monile*/
#combo-program {
	max-height: 400px;
}

#combo-program .name-combo {
	margin: 0 0 0 30px;
}

#combo-program .name-combo span {
	display: inline-block;
	color: #fb3d3d;
	font-weight: bold;
}

#combo-program .combo-title {
	display: none;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
}

#combo-program .combo-title b {
	color: #ff0707;
}

#combo-program .combo-w {
	margin-bottom: 10px;
	padding: 0px;
	position: relative;
}

#combo-program .combo-w:after {
	content: '\2714\fe0e';
	font-size: 16px;
	position: absolute;
	top: 00px;
	left: 11px;
	color: #fe8dbf;
	opacity: 0;
}

#combo-program .combo-w:before {
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	position: absolute;
	top: 0px;
	left: 7px;
}

#combo-program .combo-w.checked:after {
	opacity: 1;
}

#combo-program .combo-w.checked:before {
	border: 1px solid #fe8dbf;
}

#combo-program table tr {
	margin-bottom: 3px;
}

#combo-program table label {
	font-weight: normal;
	font-size: 13px;
	display: block;
	border: none;
	padding: 2px 5px;
	cursor: pointer;
}

#combo-program table label:after {
	content: "";
	display: table;
	clear: both;
}

#combo-program table label img {
	display: inline-block;
	width: 36px;
	float: left;
}

#combo-program table label p {
	display: inline-block;
	width: calc(100% - 50px);
	float: left;
	margin-bottom: 0px;
	padding-left: 10px;
}

#combo-program table label .discount-promotion-price b {
	color: #fa0303;
}

#combo-program table label .discount-promotion-price del {
	margin-left: 5px;
}

#combo-program table input {
	display: block;
}

#combo-program table input:checked + label {
	color: #000;
	background: #fff8f8;
}

#combo-program .haravan-promotion {
	float: left;
	position: relative;
	min-height: 1px;
	min-width: 180px;
	max-width: 50%;
	text-align: center;
	padding: 0 7px;
}

.haravan-promotion > div {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.discount-promotion-title {
	max-height: 36px;
	overflow: hidden;
	font-size: 13px;
}

.combo-list .haravan-promotion:not(:nth-child(1)):before {
	content: "+";
	position: absolute;
	left: -7%;
	top: 40%;
	transform: translateY(-50%);
	font-size: 38px;
	color: #D8D8D8;
}

p.discount-promotion-price b {
	color: red;
}

p.discount-promotion-price del {
	display: block;
}

.combo-footer .combo-price {
	font-size: 17px;
	font-weight: 400;
}

.combo-footer {
	display: inline-block;
	margin-right: 25px;
	text-align: left;
	padding-left: 25px;
}

.haravan-promotion.clone {
	display: none;
}

span.combo-price {
	font-size: 17px;
	font-weight: 400;
}

span.money {
	font-size: 16px;
	font-weight: 500;
	color: #f00;
	margin-top: 8px;
}

.total-old-price {
	padding: 0 10px;
	font-size: 14px;
}

button#discount-promotion-combo-add-btn {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	overflow: hidden;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 7px 12px;
	font-size: 14px;
	height: auto;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-weight: 700;
	background: #ff822e;
	line-height: 1.5em;
	-webkit-font-smoothing: subpixel-antialiased;
}

.total-cross-sell {
	float: left;
	display: block;
	margin: 0px;
	text-align: center;
	padding: 10px;
	position: relative;
}

.total-cross-sell:before {
	display: none;
}

span.total-combo-price, .total-old-price, .total-combo-price p {
	display: inline-block;
}

/* End Combo Mobile */
ul.home-promo-list {
	margin-top: 0px;
	display: flex;
	justify-content;
	center;
}

ul.home-promo-list li {
	margin: 0px 1px;
}

.container .row.box-span12 {
	margin-top: 0px;
}

h3 {
	font-size: 14px;
}

.main-content {
	padding-bottom: 0px;
}

.article {
	margin-bottom: 0px;
}

.footer_promotion {
	padding: 0px;
}

.container, .page-main {
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

.tab-content .product-description-wrapper h3 {
	font-size: 16px !important;
}

.article-body h3 {
	color: #208509;
	font-size: 20px;
	line-height: 24px;
	height: 44px;
	overflow: hidden;
}

.img-span3-collections .owl-nav {
	top: 30% !important;
}

.flex-control-nav {
	display: block;
}

.flex-direction-nav {
	display: none;
}

.product-block .product-img img {
	float: none;/*max-height:167px;*/
}

.grid-xs-2 {
	width: 50%;
}

.product-price {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #3a3a3c;
	font-size: 20px;
}

.pt-sale {
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: #3a3a3c;
	font-size: 12px;
	margin-left: 10px;
}

.product-price del {
	font-size: 16px;
	color: #b0b0b0;
	margin-left: 10px;
}

}

a.continue:hover {
color: #fff;
}

.reassurances-left span.name-icon:hover {
color: #208509;
}

span.name-icon {
border: 1px solid #e0e0e0;
padding: 20px;
min-width: 84px;
}

.name-icon .fa {
font-size: 30px;
color: #e0e0e0;
}

.footer_promotion {
padding: 30px 0 20px 0;
}

.footer_promotion h4 {
font-size: 14px;
line-height: 1.7em;
font-weight: 700;
}

.description.media-body {
font-size: 13px;
}

.container-fluid .brand img {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
margin-bottom: 30px;
margin-top: 10px;
padding: 10px;
border-radius: 4px;
transition: box-shadow 300ms 0s ease;
}

.container-fluid .brand:hover img {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.product-sku {
float: left;
display: block;
max-width: 300px;/*margin-right:25px;*/
}

.product-vendor {
border-bottom: 1px solid #ebebeb;
padding-bottom: 14px;
text-transform: UPPERCASE;
font-size: 14px;
}

.wrapper-quickview .product-vendor {
margin-bottom: 10px;
}

.product-vendor a {
color: #3a3a3c;
}

.product-block .functional-buttons {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
width: 100%;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
margin-top: 10px;
}

.product-block .functional-buttons .cart {
float: left;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
width: 75%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
}

.product-block .functional-buttons .quickview {
-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
float: left;
width: 25%;
}

.product-block:hover .functional-buttons {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.product-block:hover .functional-buttons .cart, .product-block:hover .functional-buttons .wishlist, .product-block:hover .functional-buttons .quickview {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
}

.product-block .functional-buttons .cart {
float: left;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
width: 75%;
}

.product-block .functional-buttons .btn {
background-color: #3c3c3d;
font-size: 14px;
color: #787878;
padding: 0;
display: block;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 0px;
border: none;
height: 38px;
line-height: 38px;
color: #fff;
width: 100%;
text-transform: uppercase;
border-radius: 0px;
text-align: center !important;
}

.product-block .functional-buttons .quickview .quick-view {
border-left: 1px solid #535353;
}

.product-block .functional-buttons .cart, .product-block .functional-buttons .wishlist, .product-block .functional-buttons .quickview {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
}

.product-block .functional-buttons .cart .btn span {
font-size: 13px;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
color: #0dca00;
background-color: #ffffff;
border-color: #51ed51;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}

.product-block .functional-buttons .btn .fa {
font-size: 14px;
margin: 0 5px;
line-height: 38px;
}

.product-block .functional-buttons .btn:hover {
background-color: #208509;
}

.product-price-p20 {
background: #f4f4f4;
margin: 10px 0;
}

.pt-sale {
height: 66px;
line-height: 75px;
display: inline-block;
color: #3a3a3c;
font-size: 14px;
margin-left: 10px;
}

.iframe, .gg, .fb {
float: left;
display: inline-block;
}

.iframe {
margin: 0px 5px;
height: 20px;
line-height: 20px;
border: 1px solid #ccc;
padding: 0px 5px;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}

.iframe i.fa {
width: 15px;
height: 15px;
display: inline-block;
background: #303030;
border-radius: 50%;
color: #fff;
line-height: 15px;
font-size: 10px;
}

@media (min-width:1025px) {
.btn-cart-products button:hover::before, .btn-cart-products button:hover::after, #mota button:last-child:hover::before, #mota button:last-child:hover::after {
	transform: scale3d(1, 1, 1);
	transition: transform 0.5s;
}

.btn-cart-products button::before, #mota button:last-child::before {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	transform: scale3d(0, 1, 1);
}

.btn-cart-products button::before, .btn-cart-products button::after, #mota button:last-child::before, #mota button:last-child::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	height: calc(100% - 8px);
	width: calc(100% - 8px);
	transform-origin: center;
}

.btn-cart-products button::after, #mota button:last-child::after {
	border-left: 1px solid white;
	border-right: 1px solid white;
	transform: scale3d(1, 0, 1);
}

}

.des-content {
padding: 15px;
margin-bottom: 15px;
text-align: justify;
background: #fff;
}

.collection-des-new ul {
margin-left: 30px;
margin-bottom: 10px;
margin-top: 10px
}

.collection-des-new ul li, ul.des-new li {
line-height: 22px;
list-style-type: none !important;
margin: 10px 0
}

h4.footer-static-title:after {
content: "";
width: 30%;
border-top: 3px solid #208509;
position: absolute;
left: 0;
bottom: -2px;
}

.collection-des-new ul li:before {
font-family: FontAwesome;
content: "\f00c";
font-weight: normal;
font-size: 15px;
color: #208509;
margin-right: 5px;
}

#prominent-brand {
padding: 20px 50px;/*background:#000;*/
overflow: hidden;
position: relative;
}

#prominent-brand a {
opacity: 0.7;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
display: block;
}

#prominent-brand a:hover {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

.content-product-list.in-content .product-list-view {
display: -webkit-flex;
display: flex;
justify-content: center;
}

.content-product-list.in-content .pro-loop {
float: none;
display: inline-block;
}

.content-product-list.in-content .pro-loop .product-block {
float: none !important;
}

.collection-side {
padding-right: 7px;
}

#collection-show {
padding: 0 7px;
margin-bottom: 14px;
}

#collection-show .item {
position: relative;
height: 227px;
}

.collection-info {
position: absolute;/*top:35%;*/
bottom: 50%;
z-index: 10;
padding: 15px 20px 10px;
background: rgba(255, 255, 255, .85);
text-align: center;
width: 100%;
transform: translateY(50%);
-webkit-transform: translateY(50%);
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
}

#collection-show .item:hover .collection-info {
bottom: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}

.collection-info h3 {
font-size: 15px;
margin-bottom: 0px;
font-weight: bold;
}

.collection-info p {
margin-bottom: 0px;
}

#collection-show .owl-item {
margin-right: 0px !important;
}

#collection-show .owl-nav, .img-span3-collections .owl-nav {
position: absolute;
top: 44%;
width: 100%;
}

#collection-show .owl-nav div, .img-span3-collections .owl-nav div {
position: absolute;
width: 30px;
color: #df0006;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
font-size: 20px;
}

.slide_article .owl-nav div {
position: absolute;
width: 30px;
color: #df0006;
text-align: center;
line-height: 30px;
font-size: 20px;
top: 50%;
transform: translateY(-50%);
}

.article {
margin-bottom: 15px;
}

#collection-show .owl-nav .owl-next, .img-span3-collections .owl-nav .owl-next, .slide_article .owl-nav .owl-next {
right: 12px;
}

@media (max-width:991px) {
#collection-show .owl-nav .owl-next, .img-span3-collections .owl-nav .owl-next, .slide_article .owl-nav .owl-next {
	right: 15px;
}

.sidebar_blog {
	padding: 0;
	margin-top: 15px;
}

.header_login:hover .header_login_content {
	position: absolute;
	top: -6px;
	left: -162px;
	z-index: 10000 !important;
}

.deal {
	padding: 20px 0;
}

}

#collection-show .owl-nav .owl-prev, .img-span3-collections .owl-nav .owl-prev, .slide_article .owl-nav .owl-prev {
left: 0px;
}

.slide_article .owl-nav .owl-prev {
font-size: 65px;
left: -50px;
}

.slide_article .owl-nav .owl-next {
font-size: 65px;
right: -50px;
}

.swatch {
margin: 0.5em 0;
}

.select-wrapper .header {
font-weight: bold;
margin-bottom: 8px;
}

.swatch .header {
margin: 0;
font-weight: bold;
margin-bottom: 8px;
display: block;
min-width: 200px;
position: relative;
}

.swatch .header:before {
content: '';
}

.swatch input {
display: none;
}

.swatch label {
float: left;
min-width: 35px !important;
height: 35px !important;
margin: 0;
text-align: center;
line-height: 35px;
white-space: nowrap;
font-size: 12px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
}

.swatch-element label {
padding: 0 10px;
}

.color.swatch-element label {
background-size: contain !important;
padding: 0px 10px 0px 40px;
}

.swatch .swatch-element {

/*float:left;*/-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
margin: 0px;
display: inline-block;
position: relative;
}

/*.swatch-element.soldout {display: none;}*/
.crossed-out {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.swatch .swatch-element .crossed-out {
display: none;
}

.swatch .swatch-element.soldout .crossed-out {
display: block;
}

.swatch .swatch-element.soldout label {
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}

.swatch .img-check {
display: none;
position: absolute;
right: 0;
bottom: 0;
}

.swatch-element label.sd {
border: 1px solid #ffb780;
}

.swatch-element label.sd img.img-check {
display: block;
}

.swatch-element label span {
color: #000;
font-size: 13px;
line-height: normal;
vertical-align: middle;/*display:none;*/
}

label[for="product-select-option-0"] {
display: none;
}

label[for="product-select-option-1"] {
display: none;
}

label[for="product-select-option-2"] {
display: none;
}

#product-select-option-0 {
display: none;
}

#product-select-option-1 {
display: none;
}

#product-select-option-2 {
display: none;
}

#product-select-option-0 + .custom-style-select-box {
display: none !important;
}

#product-select-option-1 + .custom-style-select-box {
display: none !important;
}

#product-select-option-2 + .custom-style-select-box {
display: none !important;
}

.selector-wrapper {

/*display:none;*/
}

.color.swatch-element label.no-thumb {
padding-left: 10px;
}

.select-swap label span img {
width: 24px;
height: 24px;
position: relative;
top: -3px;
}

.home-hero-container {
padding-top: 10px;
}

.breadcrumb {
margin-bottom: 0px;
}

.login-header .link-list {
margin-top: 0;
}

.login-header .link-list li {
display: inline-block;
list-style: none;
border-right: 0px solid #ccc;
text-align: center;
padding: 0 8px;
}

.link-list li a {
position: relative;
color: #000000;
}

.link-list li a:hover {
color: #208509;
}

.login-header .link-list li i {
font-size: 20px;
display: block;
color: #208509;
}

.link-list li span#CartCount {
position: absolute;
width: 13px;
height: 13px;
background: #363636;
color: #fff;
border-radius: 100%;
top: -25px !important;
right: 18px;
font-size: 10px;
line-height: 13px;
}

.menu-header.desktop {
background: #208509;
border-top: 1px solid #208509;
}

.nav-bar .site-nav {
margin: 0;
float: left;
width: 100%;
position: relative;
}

.nav-bar .site-nav>li {
float: left;
position: relative;
display: inline-block;

}

.site-nav__dropdown {
position: absolute;
left: 0;
margin: 0;
z-index: 5;
}

.nav-bar .site-nav>li>a {
font-size: 14px;
color: #fff;
font-weight: 400;
padding: 10px 25px;
background: transparent;
position: relative;
display: block;
}

.nav-bar .site-nav .site-nav--active>a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #df0006;
z-index: 0;
}

.nav-bar .site-nav>li>a span {
position: relative;
text-transform: uppercase;
}

.nav-bar .site-nav .site-nav--active>a {
color: #fff !important;
}

.nav-bar .site-nav>li:hover .site-nav__dropdown {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
opacity: 1;
}

.nav-bar .site-nav>li .site-nav__dropdown {
background: #fff;
border: 1px solid #e5e5e5;
padding: 0;
top: 100%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
display: block;
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
opacity: 0;/*width:100%;*/
z-index: 10000;
width: auto;
white-space: nowrap;
}


.nav-bar .site-nav>li .megamenu_1 > li {
width: 100%;
float: left;
position: relative;
padding-left: 15px !important;
padding-right: 15px !important;
border-bottom: 1px dashed;
}

.nav-bar .site-nav>li .megamenu_1 > li:last-child {
border-bottom: 3px solid #208509;
}

.nav-bar .site-nav>li .megamenu_1 li > a span {
line-height: 20px;
position: absolute;
right: 5px;
top: 6px;
}

.nav-bar .site-nav>li .megamenu_1 li {
font-size: 13px;
padding: 5px;
}

.nav-bar .site-nav>li .megamenu_1 > li ul {
padding: 4px 0 5px 0px;
position: absolute;
top: 0;
left: 100%;
background: #fff;
display: none;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
min-width: 200px;
}

.nav-bar .site-nav>li .megamenu_1 > li:hover ul {
display: block;
}

.nav-bar .site-nav>li .megamenu_1 > li ul li {
padding: 5px 15px;
}

.nav-bar .site-nav>li .site-nav__dropdown li a i {
margin-right: 10px;
}

.nav-bar .site-nav>li .site-nav__dropdown .list-title a {
text-transform: uppercase !important;
font-size: 14px;
font-weight: 700;
color: #3a3a3c !important;
margin-bottom: 10px;
}

.nav-bar .site-nav>li .site-nav__dropdown li a {
background: transparent;
color: #3a3a3c;
font-size: 13px;
padding: 0;
display: block;
}

.nav-bar .site-nav>li>a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #df0006;
z-index: 0;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.nav-bar .site-nav>li>a:hover:before {
height: 100%;
}

.nav-bar .site-nav>li>a .sale_label {
background: url('../images/sale-label.png') no-repeat;
}

.nav-bar .site-nav>li>a .special_label {
position: absolute;
top: -8px;
right: 0;
font-size: 8px;
text-align: center;
color: #fff;
line-height: 16px;
width: 29px;
height: 18px;
}

.nav-bar .site-nav>li>a .new_label {
background: url(../images/new-label.png) no-repeat;
}

.nav-bar .site-nav>li>a .hot_label {
background: url(../images/hot-label.png) no-repeat;
}

.smart-search-wrapper>a.thumbs {
width: 32px;
display: inline-block;
padding: 5px 0px;
}

.smart-search-wrapper>a.thumbs img {
position: absolute;
top: 0px;
width: 32px;
height: 35px;
left: 0px;
}

.smart-search-wrapper {
position: fixed;
background: #fff;
border: 1px solid rgb(215, 215, 215);
border-top: none;
z-index: 999;
width: calc(30% - 13px) !important;
}

.smart-search-wrapper.smart-search-sticky {
width: 37.95% !important;
}

.smart-search-wrapper>a {
width: calc(100% - 32px);
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: pre;
color: #686767;
text-decoration: none;
line-height: 29px;
font-size: 13px;
font-family: sans-serif;
padding: 5px 160px 5px 5px;
position: relative;
height: 35px;
margin-bottom: 5px;
}

.smart-search-wrapper>a.select, .smart-search-wrapper>a:hover {
background: -webkit-linear-gradient(left, #fff, #EAEAEA);
background: -o-linear-gradient(left, #fff, #EAEAEA);
background: -moz-linear-gradient(left, #fff, #EAEAEA);
background: linear-gradient(left, #fff, #EAEAEA);
color: #000;
}

.smart-search-wrapper>a>span.price-search {
position: absolute;
right: 5px;
top: 0px;
}

.col-xs-3.cart-mobile {
font-size: 25px;
text-align: right;
line-height: 60px;
}

span.icon.icon-hamburger {
font-size: 30px;
}

.drawer--left.open {
display: block;
-ms-transform: translateX(300px);
-webkit-transform: translateX(300px);
transform: translateX(300px);
z-index: 100000;
}

.kh-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 120;
background: rgba(0, 0, 0, .2);
display: none;
}

.kh-overlay.show {
display: block !important;
z-index: 99999;
}

.mobile-nav__has-sublist {
display: table;
width: 95% !important;
}

.js-drawer-open-left .filter-overlay-drawer {
display: block !important;
}

.drawer__title > ul > li {
display: inline-block;
font-size: 14px;
text-transform: none;
padding: 2px 10px 2px 0px;
}

.drawer__header {
display: table;
height: 40px;
width: 100%;
margin-bottom: 7.5px;
border-bottom: 1px solid #e9e9e9;
background: #3a3a3c;
color: #fff;
}

.drawer__title li a {
color: #fff;
font-size: 12px !important;
}

.phone-mobile {
background: url(../images/iconweb-hotline.png?v=642) 20px no-repeat #344557;
background-size: contain;
padding-left: 70px !important;
font-size: 14px;
padding-top: 5px !important;
line-height: 2;
color: #fff;
}

.mobile-nav .collection-icon {
display: inline-block;
vertical-align: top;
margin-right: 10px;
background: url(../images/icon-cate.png?v=642) top left no-repeat;
width: 30px;
height: 25px;
}

.quantity, .quantity-selector {
margin: 0px !important;
}

.selector-wrapper {
display: none;
}

.color.swatch-element label {
padding: 0 10px 0px 10px !important;
}

img.image-icon {
width: 24px !important;
}

ul.bullet {
margin-bottom: 15px !important;
}

.supports-fontface .icon-fallback-text .icon {
display: inline-block;
}

.icon:before {
display: none;
}

.supports-fontface .icon:before {
display: inline;
font-family: icons;
text-decoration: none;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.mobile-nav__item--active, .site-nav--active>.site-nav__link {
font-weight: 700;
}

.CartThumb .content {
display: flex;
}

.buttons.btn-modal-cart button i {
line-height: 25px;
height: 39px;
margin-left: 10px;
}

#filter-category, #filter-type, #filter-price, #filter-tl {
max-height: 150px;
overflow-y: auto;
margin-right: 20px;
}

#filter-category::-webkit-scrollbar, #filter-type::-webkit-scrollbar, #filter-price::-webkit-scrollbar, #filter-tl::-webkit-scrollbar {
width: 12px;
}

#filter-category::-webkit-scrollbar-track, #filter-type::-webkit-scrollbar-track, #filter-price::-webkit-scrollbar-track, #filter-tl::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}

#filter-category::-webkit-scrollbar-thumb, #filter-type::-webkit-scrollbar-thumb, #filter-price::-webkit-scrollbar-thumb, #filter-tl::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.filter-collection .field-search {
margin: 5px 0px 15px;
width: 100%;
padding: 0 15px;
}

.filter-collection .field-search input {
border: 1px solid #efefef;
background: #fff;
height: 30px;
border-radius: 4px 0px 0px 4px;
padding: 6px 8px;
width: calc(100% - 35px);
border-right: 0;
}

.filter-collection .field-search button {
width: 30px;
height: 30px;
border: none;
border-radius: 0px 4px 4px 0px;
vertical-align: top;
background: #000;
color: #fff;
}

.product-description-wrapper {
padding-top: 15px;
text-align: justify;
}

.tab-content .product-description-wrapper h3 {
border-left: 3px solid #208509;
padding-left: 5px;
line-height: 1.5em;
font-weight: 700;
font-size: 22px;
text-rendering: optimizeLegibility;
}

.tab-content .product-description-wrapper h4, .article-body h4 {
font-size: 18px;
color: #208509;
text-align: left !important;
}

.tab-content .product-description-wrapper h4.panel-title {
font-size: 15px;
color: #3a3a3c;
}

.tab-content {
-moz-user-select: none !important;
-ms-user-select: none !important;
-khtml-user-select: none !important;
-webkit-user-select: none !important;
-webkit-touch-callout: none !important;
}

.product-price-p20 .product-price, .product-price-p20 .pt-sale {
height: auto;
line-height: 30px;
}

.product-price-p20 .pt-sale, .pt-sale-qv {
font-weight: 400;
font-size: 90%;
padding-top: 5px;
border-right: none;
}

.qty-custom {
margin: 10px 0 0 0 !important;
}

#buyxgety-program {
margin-top: 20px;
}

#buyxgety-title {
position: relative;
}

#buyxgety-title i {
font-size: 20px;
margin-right: 10px;
}

#buyxgety-title div {
background: #fff;
position: relative;
z-index: 10;
display: inline-block;
padding: 0 10px 0 0;
}

/* #buyxgety-title i{font-size:24px;margin-right:10px;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:pulse;animation-name:pulse;backface-visibility:hidden;-webkit-backface-visibility:hidden;} */
#buyxgety-program span.updown {
position: absolute;
top: 20%;
transform: translateY(-50%);
font-size: 20px;
font-weight: normal;
color: #fff;
right: 26px;
}

div#buyxgety-program.check .updown i {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
transition: transform .6s ease;
}

div#buyxgety-program .updown i {
transition: transform .6s ease;
}

#buyxgety-product-list {
background: #f4f4f4;
font-size: 12px;
}

#buyxgety-product-list table {
border-spacing: 0 0 10px 0;
border-collapse: separate;
}

#buyxgety-product-list td {
border: none;
}

#buyxgety-product-list td:first-child {
width: 10%;
text-align: center;
}

#buyxgety-product-list td:first-child input {
margin: 0;
}

#buyxgety-product-list td:nth-child(2) {
width: 20%;
text-align: center;
}

#buyxgety-product-list td:last-child {
width: 70%;
}

#buyxgety-product-list td:last-child a p {
margin: 0;
}

.tags {
font-size: 11px;
}

.tags label {
background-color: #3a3a3c;
padding: 5px 9px;
color: #fff;
display: inline-block;
text-transform: uppercase;
line-height: 10px;
}

.tags li a:hover {
background-color: #009933;
border-color: #009933;
color: #fff;
}

.tags li a {
text-transform: capitalize;
background: transparent;
font-size: 11px;
color: #3a3a3c;
padding: 0 9px !important;
border: 1px solid #ededed;
margin: 0px;
}

.tag-wrapper .tags li.active a, .tag-wrapper .tags li.active a:before {
border-left-color: transparent !important;
}

.product_gift_label {
position: absolute;
top: -20px;
left: 0px;
z-index: 100;
}

.product_gift_label img.gift {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: swing;
animation-name: swing;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}

#myModalLabel {
color: #3a3a3c;
}

#buyXGetx_modal .close {
margin-right: 15px;
}

.tab_parent_desc {
margin-bottom: 30px;
}

.content-cart-left {
margin-top: 30px;
}

.block-content li a {
line-height: inherit;
padding: 0 0 20px 0;
margin-bottom: 0;
border: 0;
background-color: transparent;
color: grey;
text-align: left;
display: block;
text-transform: uppercase;
font-weight: 300;
}

.block-content li a i {
margin: -3px 5px 0 0;
font-size: 18px;
width: 20px;
text-align: center;
}

.sidebar-account .block-content a:hover {
color: #ff822e;
}

.top-left {
border: 1px solid #777;
padding: 25px;
width: 100%;
}

span.cart__subtotal-title {
font-size: 15px;
font-weight: 700;
color: #444;
float: left;
}

.top-left span {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
margin-top: 0;
}

span.h3.cart__subtotal {
float: right;
}

input.btn.update-cart, input.btn.checkout-cart {
width: calc(100% + 0px);
border: 0;
font-weight: 700;
text-align: center;
color: #fff;
fotn-size: 14px;
text-transform: uppercase;
padding: 15px;
position: relative;
text-decoration: none;
margin-top: 10px;
background: #208509;
}

.bottom-left {
padding: 17px;
background: #383838;
color: #fff;
margin-top: 15px;
}

.boder-0 {
border-bottom: none !important;
margin-bottom: 0 !important;
}

#cartformpage table, #cartformpage table thead tr th {
border: none;
}

#cartformpage table thead tr th {
background: #3a3a3c;
color: #fff;
padding-bottom: 0 !Important;
line-height: 40px;
text-align: center !important;
}

.single_price .product-price {
font-size: 14px;
color: #df0006;
font-weight: 700;
display: block;
}

#cartformpage tbody tr {
border-bottom: 1px solid #e0e0e0;
}

#cartformpage td {
border: none;
}

#cartformpage table tbody tr td:not(.item) {
text-align: center;
}

#cartformpage table tbody tr td * {
margin-bottom: 5px;
white-space: initial;
}

#cartformpage .click-delete {
dislay: block !important;
}

.box_add {
margin-top: 20px;
}

#owl-hascart .owl-controls {
top: -40px;
}

#cart .item a {
display: block;
}

#cart .item a:first-child strong {
color: #3a3a3c;
font-weight: normal;
}

.text-additional, .sum_items {
display: none;
}

.tooltip {
position: absolute;
z-index: 9999;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0
}

.custom-5 {
width: 20% !important;
}

@media (min-width:1025px) {
header:not(.subnav-fixed) .header {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 10px 0;
}

}

@media (max-width:1024px) {
.login-header {
	margin-top: 10px;
}

.subnav-fixed .header-search, .subnav-fixed .login-header {
	margin-top: 0px;
}

}

.header .desktop {
margin: 5px 0;
}

.category-sticky {
display: none;
}

header.subnav-fixed {
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
width: 100%;
padding: 5px 0;
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-webkit-backface-visibility: hidden;
background: #fff;
    box-shadow: 0 10px 20px #2832640d;
}

header.subnav-fixed .category-sticky {
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-webkit-backface-visibility: hidden;
display: block;
}

header.subnav-fixed .logo {
display: none;
}

header.subnav-fixed .menu-header {
display: none;
}

.input-group .input-group-field {
height: 37px;
}

#J_searchForm {
height: 48px;
}

.site-header__search form.search-bar .collections-selector {
position: relative;
}

.site-header__search form.search-bar .collections-selector:before {

/*content:"107";position:absolute;font-family:FontAwesome;right:5px;top:10px;*/
}

.kd_search_text {
height: 40px;
text-align: center;
line-height: 40px;
cursor: pointer;
padding: 0px 20px 0px 5px;
width: 100%;
overflow: hidden;
font-size: 14px;
border-right: 1px solid #f6f6f6;
}

.kd_list_search {
display: none;
background: #fff;
border: 1px solid #ccc;
background-color: #fff;
position: absolute;
top: 100%;
min-width: 200px;
width: auto;
z-index: 1000;
font-weight: 400 !important;
font-family: Roboto, sans-serif;
border-radius: 0;
right: auto;
margin-top: 4px;
margin-left: -2px;
font-size: 13px;
padding: 4px 0 0 0;
}

.kd_search_text:before {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
right: 6px;
margin-top: -1px;
}

.kd_list_search .kd_item {
text-align: left;
display: block;
padding-left: 24px;
position: relative;
opacity: 1;
filter: alpha(opacity=100);
filter: none;
height: auto;
min-height: 24px;
line-height: 30px;
padding: 0 20px;
cursor: pointer;
font-size: 12px;
}

.kd_list_search .kd_item:hover {
background-color: #f7f7f7;
}

.kd_list_search .kd_item.active {
background-color: #df0006;
color: #fff !important;
}

.kd_liner_search {
width: 100%;
height: 1px;
background: #efefef;
margin: 1px 0px;
}

.kd_search_text {
height: 40px;
text-align: center;
line-height: 40px;
cursor: pointer;
padding: 0px 20px 0px 5px;
width: 100%;
overflow: hidden;
font-size: 14px;
border-right: 1px solid #f6f6f6;
}

.collections-selector {
display: inline-block;
min-width: 70px;
position: relative;
}

.search-more {
display: block;
}

.search-more a {
text-transform: none;
font-size: 15px;
color: #df0006;
}

#buy-now.disabled {
background: #3a3a3c;
}

.close_filter {
display: none;
}

.list_thumb > div {
padding: 0 !important;
}

.list_thumb .slick-prev, .list_main .slick-prev {
right: initial;
left: -15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
text-align: center;
padding: 0;
height: 24px;
line-height: 24px;
border-radius: 100%;
background: rgba(0, 0, 0, 0.8);
color: #fff;
z-index: 100;
}

.list_thumb .slick-next, .list_main .slick-next {
right: 0px;
left: initial;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 24px;
text-align: center;
padding: 0;
height: 24px;
line-height: 24px;
border-radius: 100%;
background: rgba(0, 0, 0, 0.8);
color: #fff;
}

.list_main .slick-dots li {
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #333;
margin-right: 10px;
border-radius: 100%;
text-indent: -9999em;
}

.list_main .slick-dots li.slick-active {
border-color: #208509;
}

.content-product-list .slick-slide {
margin-right: 5px;
margin-left: 5px;
}

.content-product-list .slick-prev, .content-product-list .slick-next {
position: absolute;
top: -59px;
right: 0;
background: #FFF;
cursor: pointer;
text-align: center;
color: #b0b0b0;
-webkit-transition: color 0.5s;
transition: color 0.5s;
padding: 3px 15px;
border: 1px solid #e0e0e0;
font-size: 16px;
line-height: 16px;
display: inline-block;
}

.content-product-list .slick-prev {
right: 38px;
}

#contact-hethang input {
width: 100%;
margin-bottom: 15px;
}

.list_smell {
padding: 0;
}

@media (min-width:992px) {
.hide_navigate .owl-controls {
	display: none;
}

}

@media (max-width:1024px) {
.shopping_cart .top-cart {
	display: none;
}

.login-header div[class*='col-']:not(.topbar-cart) {
	padding: 0;
}

.functional-buttons, .image-variants {
	display: none !important;
}

.col-lg-span9 {
	padding-left: 0px;
}

.col-lg-span3 {
	padding-right: 5px;
}

.site-header .nav-item .link {
	padding: 10px;
}

.home-hero-menu {
	display: none;
}

.box-bd-content .col-lg-span3 {
	padding-right: 14px;
}

.ourservice-block .ourservice-heading {
	font-size: 18px;
}

.site-footer .footer-service {
	display: flex;
}

}

@media (max-width:991px) {
.home-channel-list li {
	width: 16.666%;
	height: auto;
}

.home-channel-list {
	margin: 0;
	padding: 3px;
	list-style-type: none;
	font-size: 12px;
	text-align: center;
	height: 67px;
	background: #fff;
	width: 100%;
	overflow: hidden;
}

.home-channel-list li:before, .home-channel-list li:after {
	background: #fff;
}

.home-channel-list a {
	color: #3a3a3c;
}

.subnav-fixed .login-header {
	width: 16.66666667%;
}

.subnav-fixed .login-header .account-top {
	font-size: 12px;
}

header.subnav-fixed .category-sticky {
	padding-left: 0px;
}

.subnav-fixed .header-search {
	padding: 0;
}

.header-mobile {
	clear: both;
	background: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.header-fix {
	display: flex;
	align-items: center;
}

.logo-mobile h1 {
	margin: 0;
}

.box-bd-content > div:last-child {
	padding-left: 10px;
	padding-right: 10px;
}

.box-bd-content > div:last-child #plain-list {
	padding: 0 5px;
}

.review-list {
	padding: 0px !important;
}

//.footer-service {
	display: flex;
}

.banner_group_3 {
	padding: 0 15px;
}

.home-brick-box {
	padding-bottom: 20px;
}

.icon_before_group_3 {
	padding-right: 15px;
}

.product_tabs_slider .box-hd-title a {
	display: block;
}

.product_tabs_slider .box-hd-title a:hover {
	color: #fff;
}

.product_tabs_slider .box-hd-title .title {
	width: 100%;
}

.box-hd-title h2.title:after {
	z-index: -1;
	right: 0;
}

.product_tabs_slider ul.tabs {
	text-align: right;
}

.product_tabs_slider ul.tabs li {
	display: inline-block;
}

.product-list .col-xs-6:nth-child(2n+1) {
	clear: inherit;
}

.custom-5 {
	width: 25% !important;
}

.nav-bar .site-nav>li>a {
	padding: 10px 15px;
}

.img-span3-collections {
	padding: 0 7px;
}

.login-header {
	padding: 0;
}

.site-footer .footer-service {
	display: block;
}

.footer-service > div {
	margin-bottom: 15px;
}

.site-footer .list-service:nth-child(2), .site-footer .list-service:nth-child(4) {
	border: none;
}

.site-footer .list-service:nth-child(3) {
	clear: both;
}

.site-footer .footer-links .col-contact {
	border: none;
	border-top: 1px solid #f0f0f0;
	margin-top: 15px;
	padding-top: 15px;
}

.collection-side {
	padding: 35px 20px;
	right: -100%;
	width: 80%;
	top: 0;
	margin: 0;
	min-width: 0;
	height: 100%;
	position: fixed;
	z-index: 999999;
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 1;
	background: #f1f1f1;
	color: #fff;
	min-height: 100%;
	max-height: 100%;
}

.filter-active.collection-side {
	right: 0;
	padding: 35px 20px !important;
}

.close_filter {
	color: #333;
	font-size: 20px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 0px;/*z-index:1002;*/
}

#filter-category label span, #filter-type label span, #filter-price label span, #filter-tl label span, #filter-tt label span, #filter-hop label span, #filter-lon label span, #filter-xuatxu label span {
	color: #333;
}

.close_filter {
	display: block;
}

.open-filter {
	padding: 8px 20px;
	background: #333;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}

.open-filter img {
	margin-right: 10px;
}

ul#filter-color li {
	float: left;
}

ul#filter-color label {
	padding: 0 10px 0 5px !important;
	min-width: 100px;
}

ul#filter-color label span {
	color: #333;
}

.medium--one-half {
	width: 33.33333%;
}

.products-grid .pro-loop:nth-child(4n+1) {
	clear: left !important;
}

.icart_img {
	width: 25%;
	float: left;
	padding-right: 5px;
}

.icart_info {
	width: 75%;
	float: left;
}

#CartDrawer .ajaxcart__qty {
	margin-bottom: 10px;
}

#CartDrawer .ajaxcart__footer .btn {
	margin-bottom: 10px;
	background: #208509;
}

#CartDrawer .cart__shoppingcart {
	background: #e5e5e5 !important;
	border-color: #e5e5e5 !important;
	color: #666;
}

#CartDrawer .ajaxcart__footer .title-total {
	float: left;
	width: auto;
}

#CartDrawer .ajaxcart__footer .price-total {
	float: right;
	width: auto;
}

#CartDrawer .ajaxcart__footer .price-total .product-price {
	font-size: 14px;
	color: #df0006;
	text-align: center;
	font-weight: 700;
	height: auto;
	line-height: inherit;
}

}

@media (max-width:767px) {
.card i, .card h5.card-title {
	text-align: center;
}

.card .card-body p {
	text-align: justify;
}

.tool-neo {
	position: fixed;
	bottom: 65px;
	right: 0;
	z-index: 500;
	width: 50px;
}

.tool-neo li {
	margin-bottom: 10px;
}

.tool-neo li:last-child {
	margin-bottom: 0px;
}

.action_link {
	padding: 10px 15px !important;
}

.address_table {
	margin-bottom: 15px;
}

.add-new-address {
	display: inline-block;
}

#collection-show .owl-nav .owl-next, .img-span3-collections .owl-nav .owl-next {
	right: 0;
}

.custom-5 {
	width: 50% !important;
}

.logo-mobile h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.col-xs-3.cart-mobile {
	line-height: 52px;
}

.product_tabs_slider .box-hd-title .title {
	width: auto;
}

.product_tabs_slider ul.tabs {
	float: none;
	clear: both;
}

.product_tabs_slider ul.tabs li {
	display: block;
	float: none;
	text-align: center;
}

.product_tabs_slider ul.tabs li.active h3 {
	display: inline-block;
}

#like .title-like h2, #vendor .title-vendor h2, #promotion .title-promotion h2, #recommend .title-recommend h2 {
	font-size: 14px !important;
	font-weight: 700;
	text-transform: uppercase;
}

#rainbow-list .owl-controls, #plain-list .owl-controls, .content-product-list .owl-controls {
	position: static !important;
}

.list-like, .list-vendor, .list-least, .list-promotion {
	padding: 0;
}

#rainbow-list .owl-controls .owl-next, #plain-list .owl-controls .owl-next, .content-product-list .owl-controls .owl-next {
	right: 0px;
	left: initial;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	text-align: center;
	padding: 0;
	height: 24px;
	line-height: 24px !important;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 0 !important;
}

#rainbow-list .owl-controls .owl-prev, #plain-list .owl-controls .owl-prev, .content-product-list .owl-controls .owl-prev {
	right: initial;
	left: 0px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	text-align: center;
	padding: 0;
	height: 24px;
	line-height: 24px !important;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 0 !important;
}

.tab_parent_desc, .tab_desc {
	padding: 0;
}

.site-nav__link {
	padding:0;
	border: none;
	background: transparent;
}

.box-hd-title .title {
	font-size: 14px;
}

.toggle-list {
	float: right;
	height: 45px;
	line-height: 45px;
	background: #3a3a3c;
	color: #fff;
	padding: 0 10px;
}

.product_tabs_slider ul.tabs {
	display: none;
}

.box-hd-title.active > ul.tabs {
	display: block;
	background: #fff;
	padding: 10px 0;
}

.box-hd-title:after {
	content: "";
	height: 2px;
	width: 100%;
	background: #3a3a3c;
	position: absolute;
	left: 0;
	top: 43px;
}

.col-lg-span9 {
	padding: 0;
}

.box-bd-content .col-lg-span9 {
	padding: 0 10px;
}

.content-product-list .product-block {
	margin-bottom: 10px !important;
}

.padding-0 {
	padding: 0;
}

.text-additional {
	display: inline-block;
}

.sum_items {
	display: block;
	padding: 0px 15px 10px;
	margin-bottom: 0;
}

.boder-0 {
	padding: 15px 15px 0px !important;
	line-height: 22px;
}

.breadcrumbs {
	padding: 0;
	position: relative;
	height: 36px;
}

.p-0-m {
	padding: 0;
}

#customer_orders {
	padding: 0;
	overflow: auto;
}

.custom-auto {
	overflow: auto;
}

#cartformpage table thead {
	display: none;
}

#cartformpage table tbody tr {
	border-bottom: 1px solid #dddddd;
}

#cartformpage table tbody td {
	display: block;
	border: none;
}

#cartformpage table tbody tr.list-carts td.image {
	width: 30%;
	float: left;
}

#cartformpage .variant_title {
	margin-bottom: 0;
}

#cartformpage table tbody tr.list-carts td.qty {
	width: 70%;
	float: right;
}

#cartformpage table tbody tr.list-carts td.qty label {
	display: inline-block !important;
	padding-right: 10px;
}

.single_price .product-price {
	height: auto;
	line-height: inherit;
	text-align: left;
	display: inline-block;
	margin-right: 5px;
	color: #d75e58;
}

#cartformpage table tbody tr.list-carts td.single_price {
	width: 70%;
	float: right;
	text-align: left;
	padding-top: 0;
}

//#cartformpage table tbody tr.list-carts td.single_price {
	display: none;
}

//#cartformpage table tbody tr.list-carts td.price {
	color: #d75e58;
	width: 70%;
	margin-left: 30%;
	font-weight: bold;
}

#cartformpage table tbody tr.list-carts td.price {
	display: none;
}

#cart a .variant_title {
	display: none;
}

#cartformpage table tbody tr.list-carts td.qty {
	width: 70%;
	float: right;
	text-align: left;
}

.visible-xs.click-delete {
	float: right;
	color: #a1a1a3;
}

.summary, #cart .buttons #checkout {
	display: none;
}

.cart-buttons, #cart .buttons {
	margin-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0;
	display: inline-block;
	text-align: center;
}

.box_add .col-sm-12 {
	padding: 0;
}

#update-cart {
	background: #208509;
	text-align: center;
	border-radius: 0;
	margin-right: 0;
}

.button-default:after {
	background-image: none;
	width: 0;
}

.continue i {
	display: none;
}

.continue {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	padding: 0px 15px;
	border-radius: 0;
}

#cart .item a {
	color: #a1a1a3;
}

#note {
	width: 100%;
}

#cartformpage {
	padding: 0 !important;
}

.grid__item.price_item span:first-child {
	color: #d75e58;
	font-weight: bold;
	margin-right: 10px;
}

.mobile_checkout {
	margin-top: 15px;
}

.mobile_checkout > div {
	padding: 15px;
	border: 1px solid #208509;
}

span#amount_price {
	float: right;
	color: #208509;
	font-weight: bold;
}

#trigger_checkout {
	width: 100%;
	background: #208509;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 700;
}

.onsale {
	padding: 0 15px;
}

.slider-default, .icon_before_group_3, #rainbow-list, .group-pd, .content-collection {
	padding: 0 !important;
}

.home-star-goods .box-hd-title {
	margin-right: 0;
}

.box-hd-title {
	background: #3a3a3c;
}

.box-hd-title.flashsale {
	background: #f00;
}

#rainbow-list .item .product-block {
	padding-left: 0px;
	padding-right: 0px;
}

.pro-price, .pro-price-del .compare-price {
	font-size: 12px;
	margin-bottom: 10px;
}

.pro-name {
	margin-bottom: 0;
}

.product-block .product-detail {
	padding: 5px 0;
}

.scrollToTop {
	display: none !important;
}

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

.list_main .slick-prev {
	left: 0 !important;
}

.content-product-list .slick-prev, .content-product-list .slick-next {
	top: 50%;
	transform: translateX(-50%;
	)
}

.content-product-list .slick-prev {
	right: initial;
	left: 0px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	text-align: center;
	padding: 0;
	height: 24px;
	line-height: 24px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	z-index: 100;
}

.content-product-list .slick-next {
	right: 0px;
	left: initial;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	text-align: center;
	padding: 0;
	height: 24px;
	line-height: 24px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
}

.breadcrumb {
	padding: 8px;
	position: absolute;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	width: calc(100% - 0px);
	left: 0;
}

.breadcrumb::-webkit-scrollbar {
	width: 12px;
}

.breadcrumb::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px transparent;
	border-radius: 10px;
}

.breadcrumb::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px transparent;
}

.block-content > div[class^='col-'] {
	padding: 0 0 20px;
}

#layered_block_left {
	margin-bottom: 15px;
}

.content-collection .main-content {
	margin-top: 0;
}

#collection h1 {
	width: 100%;
	float: none;
}

.open-filter {
	margin-top: 20px;
}

#layered_block_left .navbar-collapse {
	padding: 0 !important;
}

#repontop-bor {
	padding: 13px 10px !important;
}

ul#filter-color li {
	padding: 0 !important;
	padding-right: 10px !important;
}

.content-product-list .pro-loop {
	padding-bottom: 0 !important;
}

.content-product-list .pro-loop:nth-child(2n+1) {
	padding: 0 5px 0 0;
	clear: left;
}

.content-product-list .pro-loop:nth-child(2n) {
	padding: 0 0px 0 5px;
}

.content-collection .content-product-list .product-block {
	margin-bottom: 7px !important;
}

.product-vendor {
	padding-top: 15px;
}

.list_thumb {
	display: none;
}

.slide-nav {
	top: 15% !important;
}

#surround .slide-nav {
	top: 25% !important;
}

#buyxgety-title div {
	display: block;
}

.product-description-wrapper {
	padding: 15px 0;
}

ul#page-product:before {
	background: transparent !important;
}

.sticky_cart {
	position: fixed;
	bottom: 0;
	z-index: 999;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	animation-duration: 1.5s;
	animation-name: fadeIn;
	left: 0;
	margin-bottom: 0;
}

.qty-custom {
	margin: 0 !important;
}

.tab-panel-xs {
	margin-bottom: 30px;
	position: relative;
	text-align: justify;
}

.tab-panel-xs img {
	max-width: 100%;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 10px 0px;
}

.tab-panel-xs .content {
	position: relative;
	height: 180px;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
}

.tab-panel-xs .row {
	margin: 0 0 10px 0;
}

.tab-panel-xs .content h3 {
	border-left: 3px solid #208509;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2em;
	padding-left: 5px;
	text-rendering: optimizelegibility;
	text-shadow: 2px 2px 2px #e7e7e7;
	text-transform: uppercase;
}

.tab-panel-xs .content h4 {
	font-size: 14px;
	color: #208509;
	text-transform: uppercase;
}

.tab-panel-xs .content h4.panel-title {
	font-size: 14px;
	color: #3a3a3c;
	text-transform: capitalize;
}

.tab-panel-xs .content h5 {
	margin: 0px 0 20px 0;
	padding: 3px 10px;
	font-weight: 700;
	color: #fff;
	background: #208509;
}

.view-more-tab {
	display: block;
	color: #ef5350;
	font-size: 16px;
	text-align: center;
	padding: 8rem 0 1.5rem;
	position: absolute;
	bottom: 0;
	left: -1.5rem;
	right: -1.5rem;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.view-more-tab span {
}

.content ul {
	padding-left: 15px;
	margin-bottom: 10px;
}

.content ul li {
	list-style: disc;
}

.content .list_smell ul.nav-tabs li {
	display: block;
	margin: 5px 0 5px 0;
	width: 50%;
	float: left;
	padding: 0px;
}

.tab-panel-xs .content.show-tab-xs {
	height: auto;
	margin-bottom: 40px;
}

.tab-panel-xs .content.show-tab-xs .nav-tabs>li >a {
	padding: 5px 0;
	border: none;
	color: #555;
}

.tab-panel-xs .content.show-tab-xs .nav-tabs>li.active>a {
	color: #208509;
}

.view-more-tab.no-bg {
	background: none;
	padding-top: 1.5rem;
	bottom: -40px;
}

.tab-panel-xs h3.title {
	border-bottom: 5px solid #208509;
	font-size: 22px;
	display: inline-block;
	margin-bottom: -1px;
}

.thanhphan-table {
	transition: max-height 0.5s;
	overflow: hidden;
	max-height: 0;
}

.thanhphan-table table {
	border: 1px solid black;
	border-collapse: collapse;
	table-layout: auto;
	display: table;
}

.thanhphan-table th {
	background-color: transparent;
	padding: 3px;
	border: 0;
	font-family: arial, sans-serif;
	font-size: large;
	font-weight: bolder;
	text-align: center;
}

.thanhphan-table td {
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: small;
	border: 0;
	border-bottom: 1px solid #3a3a3c;
	text-align: left;
}

.tab-panel-xs .content.show-tab-xs section {
	padding-bottom: 15px;
	padding-top: 15px;
}

.drawer--right.open {
	display: block;
	-ms-transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	z-index: 100000;
}

#CartDrawer .drawer__header {
	padding-left: 10px;
}

#CartDrawer .drawer__header .drawer__title {
	text-transform: uppercase;
}

#CartContainer {
	padding: 0 10px;
}

.results {
	padding: 0 !important;
}

.product-list .pro-price, #product-recently .pro-price, .product-list .pro-price-del, #product-recently .pro-price-del {
	margin-bottom: 10px;
}

.articles {
	margin-top: 0 !important;
	margin-bottom: 15px;
	padding: 0;
}

.date-post {
	display: none;
}

#article .body-content {
	white-space: initial;
	padding-left: 0px;
	padding-right: 0px;
}

}

.item-cart span.variant {
color: #a1a1a3;
}

.item-cart .price-line {
color: #208509;
}

div#thanhphan ul {
border: none;
}

div#thanhphan ul {
padding-left: 0;
}

div#thanhphan li a {
font-size: 12px;
padding: 5px 0;
border: none;
margin: 0;
text-align: left;
}

div#thanhphan li.active>a {
color: #208509;
}

div#thanhphan li {
width: 100%;
margin-bottom: 5px;
}

@media screen and (min-width:1200px) {
.hotline-header p {
	font-size: 11px;
}

p.number_phone {
	font-size: 16px;
}

.tab_content .pro-loop:nth-of-type(4n+1) {
	clear: both
}

}

@media only screen (max-width:559px) and (min-width:481px) {
.content-product-list .pro-loop {
	padding: 0;
	padding-right: 5px !important;
}

.content-product-list .pro-loop:nth-child(3n + 2) {
	padding-left: 5px !important;
}

.content-product-list .pro-loop:nth-child(3n) {
	padding: 0 !important;
	padding-left: 5px !important;
}

}

@media (max-width:480px) {
.home-hero-container {
	padding: 0px;
}

.nopadding {
	padding-left: 0px;
	padding-right: 5px;
}

h2 {
	font-weight: 500;
	color: #3a3a3c;
	font-size: 16px;
}

.product-title h1 {
	color: #3a3a3c;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4em;
}

.pro-price, .pro-price-del .compare-price {
	margin-bottom: 0px;
}

#layout-page .header-page h1 {
	font-size: 16px;
	line-height: 22px;
}

.topLine {
	padding: 0;
	margin-top: 0px;
}

.topLine:first-child {
	margin-top: 10px;
}

.home-channel-list {
	margin: 0;
	padding: 3px;
	list-style-type: none;
	font-size: 12px;
	text-align: center;
	height: 67px;
	background: #fff;
	width: 100%;
	overflow: hidden;
}

.home-channel-list li {
	width: 20%;
	height: auto;
}

.home-channel-list a {
	padding-top: 10px;
	color: #3a3a3c;
}

.home-channel-list li:before, .home-channel-list li:after {
	content: none;
}

.product-price-p20 .pt-sale, .product-price-p20 .product-price {
	width: 100%;
}

.products-grid .pro-loop:nth-child(2n+1) {
	padding-right: 5px;
}

.products-grid .pro-loop:nth-child(2n) {
	padding-left: 5px;
}

ul#page-product > li > a {
	padding: 7px 10px !important;
}

.medium--one-half {
	width: 50%;
}

ul.bullet {
	padding-left: 15px;
}

ul.bullet li:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	padding: 0 5px 0 0;
}

}

.header-account {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}

.header-account #customer_orders, .sidebar-account {
margin-top: 15px;
background: #f7f7f7;
padding: 10px;
margin-left: -10px;
}

.wrap_order, .block-content {
background: #fff;
padding: 10px;
}

.title-detail {
padding-bottom: 10px;
font-size: 15px;
margin-bottom: 10px !important;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
color: #ff822e;
}

.header-account #customer_sidebar {
margin-top: 0;
}

.note {
border: 1px solid #f0f0f0;
padding: 9px;
background: #fbfbfb;
}

.mb-50 {
margin-bottom: 50px;
}

.action_link, .add-new-address {
background: #208509;
padding: 10px 25px;
border-radius: 5px;
margin-right: 10px;
color: #fff;
}

.add-new-address:hover {
color: #fff;
}

.action_link a {
color: #fff;
}

.address_table {
padding-bottom: 15px;
margin-bottom: 15px;
}

.userbox input[type=email], .userbox input[type=password], .userbox input[type=text], .userbox input[type=tel] {
margin-left: 0;
width: calc(100% - 35px) !important;
}

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

.action_bottom .btn {
text-transform: uppercase;
width: 100%;
}

.action_bottom .btn:hover {
background: #3a3a3c;
border-color: #3a3a3c;
}

.userbox {
box-shadow: none;
}

.input-group {
width: 100%;
}

.promotion-block {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

#buyxgety-program {
overflow: visible;
}

.promotion-block.promotion-new-block > h3 span {
background: none;
width: auto;
height: auto;
vertical-align: -13px;
position: relative;
margin: 0;
cursor: pointer;
}

.promotion-block.promotion-new-block > h3 {
height: 32px;
line-height: 32px;
background-color: #3a3a3c;
color: #fff;
text-transform: uppercase;
font-size: 13px;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.31);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-weight: 300;
margin-bottom: 0;
}

.promotion-block.promotion-new-block > h3 span.ttl {
float: none;
vertical-align: 0px;
padding: 12px 0 14px 0;
font-weight: 600;
}

.promotion-block.promotion-new-block > h3 span {
background: none;
width: auto;
height: auto;
vertical-align: -12px;
position: relative;
margin: 0;
}

.promotion-block.promotion-new-block.animated > h3 span.ttl::before {
display: inline-block;
}

.promotion-block.promotion-new-block > h3 span.ttl::before {
display: none;
content: "";
width: 40px;
background-image: url('../images/light-blur.png');
background-repeat: no-repeat;
background-size: 40px auto;
top: 0;
bottom: 1px;
position: absolute;
z-index: 2;
-webkit-animation: cssAnimation 3s infinite ease;
-moz-animation: cssAnimation 3s infinite ease;
-o-animation: cssAnimation 3s infinite ease;
}

@-webkit-keyframes sonar_animation {
0% {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

100% {
	-webkit-transform: scale(4);
	transform: scale(4);
	opacity: 0
}

}

@keyframes sonar_animation {
0% {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

100% {
	-webkit-transform: scale(4);
	transform: scale(4);
	opacity: 0
}

}

@keyframes hvr-buzz-out {
10% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg)
}

20% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg)
}

30% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg)
}

40% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg)
}

50% {
	-webkit-transform: translateX(2px) rotate(1deg);
	transform: translateX(2px) rotate(1deg)
}

60% {
	-webkit-transform: translateX(-2px) rotate(-1deg);
	transform: translateX(-2px) rotate(-1deg)
}

70% {
	-webkit-transform: translateX(2px) rotate(1deg);
	transform: translateX(2px) rotate(1deg)
}

80% {
	-webkit-transform: translateX(-2px) rotate(-1deg);
	transform: translateX(-2px) rotate(-1deg)
}

90% {
	-webkit-transform: translateX(1px) rotate(0);
	transform: translateX(1px) rotate(0)
}

100% {
	-webkit-transform: translateX(-1px) rotate(0);
	transform: translateX(-1px) rotate(0)
}

}

@-webkit-keyframes cssAnimation {
from {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(-16px);
}

to {
	-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(330px);
}

}

@-moz-keyframes cssAnimation {
from {
	-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(-16px);
}

to {
	-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(330px);
}

}

@-o-keyframes cssAnimation {
from {
	-o-transform: rotate(0deg) scale(1) skew(1deg) translate(-16px);
}

to {
	-o-transform: rotate(0deg) scale(1) skew(1deg) translate(330px);
}

}

.promotion-block.promotion-new-block > h3 span i.ico-gift {
margin-top: -28px;
margin-right: 5px;
position: relative;
z-index: 10;
display: inline-block;
width: 40px;
height: 49px;
background-size: contain;
background-image: url(https://theme.hstatic.net/1000185761/1000315800/14/ico-gift.png?v=515);
background-repeat: no-repeat;
background-position: center bottom;
margin-left: 3px;
}

.promotion-block.promotion-new-block > h3 span i {
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: 1;
}

.promotion-block > h3 span i {
font-size: 24px;
}

#buyxgety-product-list span {
padding: 0 2px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#layout-page .body-content img {
margin: 0 auto;
display: block;
}

table.noborder tr td {
border: none;
}

.newsletter-skin {
padding: 0 !important;
}

.newsletter-skin #newsletter_popup {
text-align: center;
background: #fff
}

.newsletter-skin #newsletter_popup .top-area {
font-weight: 700;
margin-bottom: 15px;
font-size: 15px;
padding: 20px 20px 0
}

.newsletter-skin #newsletter_popup .bottom-area {
padding: 0 20px 20px
}

.newsletter-skin #newsletter_popup .bottom-area .group_input {
position: relative;
margin-bottom: 15px
}

.newsletter-skin #newsletter_popup .bottom-area .group_input .form-control {
width: 100%;
height: 41px;
}

.newsletter-skin #newsletter_popup .bottom-area .group_input .btn {
position: absolute;
right: 0;
top: -1px;
background: #ccc;
color: #000;
height: 42px;
border: none
}

.newsletter-skin #newsletter_popup .bottom-area .group_input .btn:hover {
background: #208509;
color: #fff
}

.newsletter-skin #newsletter_popup .nl-social {
padding: 10px 0;
text-align: center;
background: #208509;
}

.newsletter-skin #newsletter_popup .nl-social a {
color: #fff;
margin: 0 5px
}

.newsletter-skin #newsletter_popup .nl-social a i {
font-size: 30px
}

.newsletter-skin #newsletter_popup .nl-social a:hover {
-webkit-animation-name: swing;
animation-name: swing;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}

.hotline-header {
padding: 0 0 0 10px;
box-sizing: border-box;
position: relative;
display: table-cell;
}

.hotline-header .icon {
text-align: center;
position: relative;
display: table-cell;
vertical-align: middle;
}

.hotline-header p {
padding: 0 0 0 0;
vertical-align: middle;
font-size: 13px;
font-weight: 500;
display: block;
margin: 0;
}

.hotline-header span {
letter-spacing: -1px;
display: block;
}

p.number_phone {
font-size: 18px;
text-rendering: auto;
}

.hotline-header a {
color: #3a3a3c;
}

.hotline-header a i.fa.fa-phone {
margin-right: 5px;
font-size: 13px;
vertical-align: bottom;
color: #fff;
background: #208509;
padding: 4px 5px;
text-align: center;
border-radius: 100%;
animation: 1s ease-in-out 0s normal none infinite running wobble;
}

.header_login {
padding: 0 15px;
position: relative;
border-right: 1px solid #fff;
float: left;
line-height: 40px;
background: #3a3a3c;
}

a.awemenu-icon {
color: white;
}

ul.header_login_content {
opacity: 0;
z-index: -2;
position: absolute;
min-width: 162px;
background-color: #FFF;
box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
border: 1px solid #EEE;
right: auto;
left: 0;
margin: -10000px 0 0;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

.header_login:hover .header_login_content {
opacity: 1;
z-index: 11;
margin-top: 0;
overflow-x: hidden;
visibility: visible;
}

.header_login .header_login_content {
padding: 5px 0;
}

.account-top {
display: inline-block;
}

.topbar-cart {
display: inline-block;
}

.unstyled {
list-style: none;
}

h3.landing-detail-header {
font-size: 15px !important;
color: #208509;
}

h3.none {
font-size: 15px !important;
border-left: 0px !important;
min-height: 50px;
}

.paddingnone {
padding-left: 0px;
padding-right: 0px;
}

div#mota * section {
padding: 30px 0;
}

h3.landing-detail-header {
font-size: 22px;
font-weight: normal;
margin-bottom: 18px;
margin-top: 30px;
padding-bottom: 12px;
border-left: none !important;
padding-left: 0px !important;
}

.video-reponsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px;
overflow: hidden;
}

.video-reponsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

table.specStyle {
table-layout: fixed;
width: 99%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 2em;
}

table.specStyle .title td {
background: #fff;
color: #000;
border: 1px solid #ddd;
border-width: 0 0 1px 0;
padding: 0;
}

table.specStyle td {
border: 1px solid #cfcfcf;
padding: 8px 10px;
width: 50%;
}

table.specStyle td.yes {
background: url(https://theme.hstatic.net/1000185761/1000362606/14/check.png) 6px center no-repeat;
padding-left: 26px;
}

div#mota * h5 {
margin: 0px 0 20px 0;
padding: 3px 10px;
font-weight: 700;
color: #fff;
background: #208509;
}

h5.spotlight-group-feature-device-header {
display: inline-block;
}

div#mota .content-padding {
padding: 20px
}

.dot:nth-child(2) {
color: #F60;
}

.dot:nth-child(3) {
color: #5E7BA8;
}

.dot:nth-child(4) {
color: #7ECA00;
}

.dot:nth-child(5) {
color: #88429C;
}

td.dot {
font-size: 40px;
}

table.bordernone td {
border: none;
}

.slide_article {
width: 70%;
margin: 0 auto;
white-space: normal;
position: relative;
}

@media (max-width:767px) {
.slide_article {
	width: 100%;
}

.slide_article .owl-nav .owl-prev {
	left: -30px !important;
}

.slide_article .owl-nav .owl-next {
	right: -30px !important;
}

.flash-row {
	display: block;
}

.deal img {
	display: none;
}

.countdown {
	margin-bottom: 0;
}

.flash-row .content-product-list {
	margin-top: 20px;
}

.iframe_custom {
	white-space: normal;
	display: block;
}

.iframe_custom .medium--one-half {
	width: 50%;
}

.list-banner-1.banner-left {
	margin: 0px 0;
}

}

.pt-sale-qv {
width: calc(40% - 10px);
}

.pt-sale-qv {
width: calc(40% - 10px);
}

.blog-category-items h3.category-title {
background: #fff;
padding: 10px 15px 10px 0;
border-bottom: 1px solid #e0e0e0;
content: "";
text-transform: uppercase;
color: #3a3a3c;
font-size: 18px;
position: relative;
border-left: none;
}

.blog-category-items h3.category-title:after {
content: "";
position: absolute;
width: 20%;
height: 3px;
background: #208509;
bottom: -2px;
left: 0;
}

.items-doc h3 {
line-height: 20px;
border: none;
padding-left: 0;
}

.items-doc h3 a {
color: #3a3a3c;
text-transform: none;
font-size: 13px;
}

.blog-category-items .items-doc .item-img {
height: 125px;
}

@media (min-width:992px) {
.col-md-25 {
	width: 25%;
	padding: 0 10px;
}

}

@media (max-width:991px) and (min-width:768px) {
.col-md-25 {
	width: 50%;
	padding: 0 10px;
}

.blog-category-items .items-doc .item-img {
	height: 220px
}

}

@media (max-width:767px) {
.col-xs-5 {
	width: 100%;
	padding: 0;
}

.blog-category-items .items-doc .item-img {
	height: 200px
}

}

div#promotion-bar {
padding: 6px 0;
background: #3a3a3c;
text-align: center;
}

div#promotion-bar a:hover {
color: #fff;
}

.fix-lg, .fix-md {
width: 25%;
float: left;
margin-bottom: 20px;
}

.fix-sm {
width: 33.3333%;
float: left;
margin-bottom: 20px;
}

.iframe_custom {
white-space: normal;
display: -webkit-flex;
display: flex;
justify-content: center;
}

.iframe-box {
width: 180px;
//border: 1px #80c342 solid;
//background-color: #80c342;
color: #333;
font-family: 'Roboto', sans-serif !important;
margin-bottom: 30px;
margin: 0 auto;
max-width: 100%;
margin-bottom: 30px;
}

.iframe-img {
text-align: center;
padding: 10px;
}

.iframe-img img {
border-radius: 5px;
max-width: 100%;
display: inline-block;
margin: 0;
}

.iframe-info-title {
font-size: 18px;
margin: 0px 10px;
font-weight: bold;
height: 55px;
overflow: hidden;
line-height: 1;
text-align: center;
}

.iframe-info-title a {
font-size: 13px;
color: #3a3a3c;
text-decoration: none;
font-weight: normal;
}

.iframe-info-title a:hover {
color: #00a651;
}

.iframe-info-col {
margin: 10px 10px;
}

.iframe-info-col span {
color: #333;
font-weight: bold;
text-decoration: underline;
}

.iframe-info-des {
margin: 0px 10px;
}

.iframe-info-btn {
margin: 20px 0px;
text-align: center;
}

.iframe-info-btn a {

/*border: 1px #80c342 solid;*/
font-family: 'Roboto', sans-serif !important;
padding: 10px;
border-radius: 5px;	/*color: #80C342;*/
text-decoration: none;
background-color: #208509;
color: #FFFFFF;
text-transform: none;
font-size: 15px;
font-weight: bold;
}

.product-price {
text-decoration: none;
margin-top: 5px;
font-size: 32px;
color: #df0006;
}

.product-price del {
color: #ccc;
font-size: 14px;
font-weight: 400;
}

span.fallback-text {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

.list-data-text li.product-title {
text-align: left;
list-style-type: disc;
list-style-position: inside;
padding: 5px 0px;
}

.list-data-text li.product-title a {
text-decoration: none;
font-weight: 400 !important;
font-size: 13px;
color: #3a3a3c;
font-weight: normal;
}

.list-data-text li.product-title a:hover {
color: #00a651;
}

.nav-bar .site-nav>li>a:hover {
text-decoration: none;
}

ul.list-data-text {
margin: 0;
padding: 0;/*margin-top: 20px;*/
}

.data-products .fix-sm {
display: block !important;
}

@media (max-width:483px) {
.fix-xs-small, .fix-xs {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

}

.product_flashsale_label {
background: url(https://theme.hstatic.net/1000185761/1000315800/14/frame-valentine.png?v=743);
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
}

.panel-title {
font-weight: 400;
}

.product_sale2h_label {
position: absolute;
top: 0;
left: 0;
}

.modal-backdrop {
background: transparent;
}

#call_request.in {
background: rgba(0, 0, 0, 0.5);
}

#call_request .modal-header {
background: #208509;
text-align: left;
}

#call_request .modal-header h4 {
font-size: 18px;
}

#call_request .modal-sm {
width: 35%;
}

.call_head a {
color: #000;
font-size: 16px;
text-decoration: none;
}

.call_head a:hover {
text-decoration: none;
}

.info-call {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}

#call_request input.btn {
margin-bottom: 0;
}

#call_request .modal-footer {
text-align: left;
border: none;
padding: 0;
}

.separate {
position: relative;
}

.separate:after {
content: "";
height: 1px;
width: 20%;
background: #000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.separate span {
display: inline-block;
background: #fff;
position: relative;
z-index: 2;
padding: 0 15px;
}

.d-flex {
padding: 20% 0;
}

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

.sep-top {
width: 120px;
border-top: 6px solid #f9690e;
margin: 0 auto;
position: relative;
display: block;
}

.card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.card i {
color: #3399ff;
}

.card-title {
background: #208509;
color: #fff;
}

/*Css trang Blog*/

/* Slider Article Left*/
.slide_article_1, .slide_aitem {
overflow: hidden;
}

.slide_aitem .article_info {
width: 100%;
background: rgba(255, 255, 255, 0.7);
}

.slide_aitem .article_info .blog-category {
background: #3a3a3c;
display: inline-block;
padding: 2px 10px;
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
}

.slide_aitem .article_info h3 {
margin: 0;
line-height: 24px;
padding: 15px 5px;
}

.slide_aitem {
position: relative;
}

/* Watch Many */
.widget {
position: relative;
}

.widget:first-child {
margin-top: 0;
}

.first_news_section .title {
border-bottom: 1px solid #DDDDDD;
}

div#first_news {
margin-top: 10px;
}

div#first_news .owl-dots {
display: none !important;
}

.first_news_section .recent_article .title {
font-weight: 400;
text-align: center;
display: block;
margin-bottom: 20px;
font-size: 16pt;
text-transform: uppercase;
color: #000;
border-bottom: 2px solid #161616;
line-height: 1.5;
}

.list_recent {
position: relative;
padding: 20px 0 0;
}

.list_recent {
padding-top: 0;
}

.rpost, .mpost {
margin-top: 10px;
}

.blog-type-2 .rpost {
margin-top: 10px;
}

.rpost:first-child, .mpost:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}

.recent_article .spost {
padding-top: 0;
border: 0;
}

.post-image {
margin-bottom: 30px;
}

.post-image, .post-image > a, .post-image .slide a, .post-image img {
display: block;
position: relative;
width: 100%;
height: auto;
}

.rpost .post-image, .mpost .entry-image {
float: left;
margin: 0 15px 0 0;
text-align: center;
}

.recent_article .rpost .post-image {
width: 135px;
height: 80px;
overflow: hidden;
}

.post-content {
position: relative;
overflow: hidden;
}

.rpost .post-title h4, .mpost .entry-title h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
}

.rpost .post-title h4, .mpost .entry-title h4 {
font-weight: 300;
}

.recent_article .rpost .post-title h4 {
line-height: 1.5;
font-size: 17px;
}

.rpost .post-title h4 a, .mpost .entry-title h4 a {
color: #333;
}

.post-meta {
margin: 10px -10px -15px 0;
list-style: none;
padding-left: 0;
}

.rpost .post-meta {
margin: 8px -10px 0 0;
}

.post-meta li {
float: left;
font-size: 13px;
line-height: 14px;
margin: 0 10px 5px 0;
color: #999;
font-style: italic;
}

.rpost .post-meta li, .mpost .entry-meta li {
font-size: 13px;
margin: 0 10px 0 0;
}

.post-meta li:last-child:not(:first-child):before {
content: '/';
display: inline-block;
margin-right: 0px;
opacity: 0.5;
}

.slide_article_1 .owl-prev {
position: absolute;
top: 35%;
left: 0;
text-align: center;
line-height: 70px;
font-size: 70px;
color: rgba(255, 255, 255, 0.8);
}

.slide_article_1 .owl-next {
position: absolute;
top: 35%;
right: 0;
text-align: center;
line-height: 70px;
font-size: 70px;
color: rgba(255, 255, 255, 0.8);
}

.slide_aitem h3 a {
color: #000;
font-weight: 300;
text-transform: uppercase;
text-decorate: none;
}

.slide_aitem h3 a:hover {
text-decorate: none;
}

.slide_article_1 .owl-dots {
display: none;
}

.slide_article_1 .owl-dots span {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #000;
}

.slide_article_1 .owl-dots .owl-dot {
display: inline-block;
margin: 0 5px;
width: 20px;
height: 20px;
}

.slide_article_1 .owl-dots .owl-dot.active span {
background: #000;
}

/* Blog Section */
.pd0 {
padding: 0;
}

.link_blog li {
float: left;
}

.link_blog li a {
display: block;
padding: 8px 15px;
}

.link_blog li a:hover {
text-decoration: none;
background: #000;
color: #fff;
}

.link_blog li.active a {
background: #000;
color: #fff;
}

.blog-banner {
margin-top: 30px;
}

.blog-title {
text-transform: uppercase;
display: block;
text-align: center;
position: relative;
margin-bottom: 20px;
}

.blog-title:before {
content: "";
position: absolute;
left: 0;
top: 15px;
width: 100%;
height: 2px;
background: #161616;
}

.blog-title:after {
content: "";
position: absolute;
left: 0;
top: 19px;
width: 100%;
height: 1px;
background: #161616;
}

.blog-title a {
position: relative;
z-index: 1;
background: #f5f5f5;
display: inline-block;
padding: 0 5px;
text-transform: uppercase;
color: #000;
font-weight: 600;
}

.blog_one {
margin-bottom: 10px;
}

.blog-banner .blog_one {
width: 20%;
}

.blog_one .post-image {
margin-bottom: 10px;
}

.blog_one h4 {
font-weight: normal;
overflow: hidden;
font-size: 17px;
white-space: nowrap;
text-overflow: ellipsis;
}

.blog-banner h4 {
font-size: 24px;
line-height: 32px;
font-weight: 300;
margin-bottom: 0;
}

.blog-banner .blog-type-1 h4 {
font-size: 16px;
text-overflow: initial;
white-space: normal;
line-height: 20px;
min-height: 60px;
overflow: hidden;
max-height: 60px;
}

.blog-banner i.blog_meta {
display: block;
margin-bottom: 5px;
font-weight: normal;
}

#page_blog p {
line-height: 1.8;
font-weight: normal;
}

.line, .double-line {
clear: both;
position: relative;
width: calc(100% - 30px);
margin: 20px auto;
border-top: 1px solid #333;
}

.share {
position: relative;
margin-bottom: 10px;
margin-top: 5px;
}

.link-icon a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
margin-right: 8px;
float: left;
text-align: center;
color: #000;
}

.link-icon a.share-icon, .link-icon a.comment-icon {
background: #d9d6d6;
}

.share .content {
margin: 0;
background: #fff;
box-shadow: 1px 1px 1px;
width: 79px;
position: absolute;
top: 100%;
display: none;
z-index: 10;
}

ul.icon-share-share {
list-style: none;
margin: 0;
padding: 5px;
height: 42px;
}

ul.icon-share-share li {
display: inline-block;
width: 32px;
height: 32px;
}

ul.icon-share-share li a {
color: #fff;
display: block;
text-align: center;
height: 100%;
line-height: 32px;
border-radius: 50%;
}

.icon-share-share .facebook a {
background-color: #3b5998;
}

.icon-share-share .google a {
background-color: #f63e28;
}

/* Gallerry Blog */
.magazine_collection {
padding: 20px;
margin-top: 30px;
background-color: #000000;
}

.magazine_collection .content {
font-size: 16px;
background: url(https://file.hstatic.net/1000106318/file/nhay-kep-w.png) no-repeat 0 0;
padding-left: 35px;
color: #ffffff;
}

.magazine_collection_slide .owl-prev {
position: absolute;
left: -10px;
top: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 25px;
}

.magazine_collection_slide .owl-next {
position: absolute;
right: -20px;
top: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 25px;
}

/* Blog Detail */
.a-body a {
font-size: 16px;
margin-top: 10px;
display: block;
line-height: 22px;
padding: 0 15px;
color: #000;
}

@media (min-width:768px) {
.blog_info {
	float: left;
}

.banner-blog > .row
> a {
	float: right;
}

}

@media (max-width:1024px) {
.rpost, .mpost {
	margin-top: 10px;
}

.blog-type-2 .post-content > p {
	display: none;
}

.blog-type-2 .rpost {
	margin-top: 10px;
}

}

@media (max-width:991px) {
.first_news_section .recent_article .title {
	font-size: 16px;
}

#first_news .post-title {
	height: 50px;
	overflow: hidden;
}

.blog-banner .blog_one {
	width: 25%;
}

}

@media (max-width:767px) {
.slide_article {
	height: auto;
	margin-bottom: 20px;
}

.first_news_section .recent_article .title {
	font-size: 16pt;
}

#first_news .post-title {
	height: auto;
}

}

@media (max-width:570px) {
.blog-banner .blog_one {
	width: 100%;
}

.pd0 {
	margin-bottom: 15px;
}

.blog_info {
	padding: 0;
}

}

article.blog__item {
-webkit-box-shadow: 1px 2px 10px #eee;
-moz-box-shadow: 1px 2px 10px #eee;
box-shadow: 1px 2px 10px #eee;
background-color: #fff;
}

.blog__info {
padding: 15px 20px;
}

.blog__info h2 a {
color: #3a3a3c;
}

a.blog__readmore__btn {
background: #ccc;
width: 100%;
}

a.blog__readmore__btn:hover {
background: #3a3a3c;
}

div#pagination a.page-node, div#pagination span.page-node, #pagination a {
border: 1px solid #e9e9e9;
display: inline-block;
height: 30px;
line-height: 28px;
padding: 0 11px;
color: #909090;
font-size: 15px;
text-align: center;
border-radius: 0;
-webkit-border-radius: 0;
margin: 10px 0px;
-moz-border-radius: 0;
-o-border-radius: 0;
background-color: #fff;
font-weight: 300;
}

span.date {
font-weight: 300;
font-size: 12px;
}

div#pagination span.page-node.current {
background: #208509;
color: #fff;
}

div#pagination a.page-node:hover {
background: #3a3a3c;
color: #fff;
}

#pagination a:hover {
background: #3a3a3c;
color: #fff;
}

div#pagination a.next span i {
margin-left: 4px;
}

div#pagination a.prev span i {
margin-right: 4px;
}

.pagination-blog {
margin-top: 26px;
}

.news-menu .list-group-item, .news-latest .list-group-item {
font-size: 20px;
text-transform: uppercase;
padding: 10px 10px 10px 0;
font-weight: 400;
border-bottom: 1px solid #e0e0e0 !important;
}

.news-menu .list-group-item.active {
z-index: 2;
color: #3a3a3c;
background-color: #FFFFFF;
border: 0;
}

.news-menu .list-group-item:after, .news-latest .list-group-item:after {
content: "";
position: absolute;
width: 30%;
height: 3px;
background: #208509;
bottom: -2px;
left: 0;
}

.news-menu, .news-latest {
background: #fff;
padding: 13px 23px 23px 23px;
}

#menu-blog > li {
border-top: 1px solid #e0e0e0;
}

#menu-blog  li a i {
font-size: 9px;
margin-right: 10px;
font-weight: normal;
font-style: normal;
display: inline-block;
color: #777;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}

#menu-blog li a:hover i {
color: #208509;
margin-left: 5px;
margin-right: 5px;
}

.news-menu .nav > li > a {
padding: 10px 10px 10px 5px;
color: #555555;
font-weight: 300;
}

span.sign {
right: 0;
position: absolute;
padding-right: 10px;
}

.news-menu .sidebar li:hover > a, .news-menu .sidebar li.active >a {
color: #3a3a3c;
}

#menu-blog > li.item>ul >li> a {
margin-left: 0;
padding-left: 30px;
border-top: 1px solid #eee;
}

#menu-blog ul li a {
padding-left: 50px;
border-top: 1px solid #eee;
}

.news-menu .sidebar>li>a:hover, .news-menu .sidebar>li>a:focus {
background-color: transparent;
color: #FBAE42;
}

.news-latest .list-group-item.active {
color: #3a3a3c;
background-color: #fff;
border-color: #fff;
}

.news-latest .article {
border-top: 1px solid #e0e0e0;
display: inline-block;
width: 100%;
padding: 10px 0px;
margin-bottom: 0;
}

.news-latest .article img {
max-width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
border: 1px solid #ccc;
}

.news-latest .article .post-content {
color: #28303e;
padding-right: 0px;
}

.news-latest .article a {
display: block;
white-space: pre-line;
color: #3a3a3c;
}

.news-latest .article .time-date {
background: url(../images/icon-article.png)no-repeat center;
width: 19px;
height: 19px;
display: inline-block;
margin-right: 5px;
float: left;
}

.news-latest .article a:hover {
color: #3a3a3c;
}

.san-col-head {
margin-top: 20px;
}

#flexslider-blog {
padding: 0;
border: none;
background: #f5f5f5;
box-shadow: none;
margin-bottom: 30px;
}

#flexslider-blog ul.slides li > a {
display: block;
width: 65%;
float: left;
}

#flexslider-blog .flex-caption {
width: 35%;
float: left;
background: #f5f5f5;
padding: 15px 20px;
text-align: center;
height: 381px;
position: relative;
}

#flexslider-blog .flex-caption > a {
display: inline-block;
background: #208509;
padding: 5px 10px 3px 10px;
color: #fff;
text-transform: uppercase;
font-family: 'SFU', Arial, sans-serif;
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}

#flexslider-blog .flex-caption h3 {
text-align: left;
}

#flexslider-blog .flex-caption h3 a {
text-transform: uppercase;
font-family: 'SFU', Arial, sans-serif;
font-size: 24px;
color: #000;
line-height: 1.4;
max-height: 95px;
overflow: hidden;
}

#flexslider-blog .flex-caption p {
font-family: Arial, sans-serif;
font-size: 15px;
color: #666;
max-height: 84px;
overflow: hidden;
text-shadow: none;
text-align: left;
}

#flexslider-blog ol.flex-control-nav.flex-control-thumbs {
position: absolute;
width: 35%;
right: 0;
padding: 0 20px 0 20px;
bottom: 20px;
height: 68px;
overflow: hidden;
}

#flexslider-blog .flex-control-thumbs li {
width: 30%;
padding: 1px;
height: 68px;
overflow: hidden;
float: none !important;
}

#flexslider-blog .flex-control-thumbs img {
opacity: 1;
width: auto;
height: 100%;
}

#flexslider-blog .flex-control-thumbs li img.flex-active {
border: 1px solid #000;
}

@media (min-width:992px) {
.blog-banner .blog-type-1:nth-child(5n+1) {

	/*	clear: left; */
}

}

@media (max-width:1024px) {
#flexslider-blog .flex-caption h3 {
	line-height: 26px;
}

#flexslider-blog .flex-caption h3 a {
	font-size: 17px;
	max-height: 95px;
}

#flexslider-blog .flex-caption {
	height: 340px;
}

}

@media (max-width:991px) {
.site-header__search.search-desktop {
	margin-top: 0px;
}

#flexslider-blog ol.flex-control-nav.flex-control-thumbs {
	display: none;
}

#flexslider-blog .flex-caption {
	height: auto;
}

.blog-banner .blog-type-1:nth-child(4n+1) {
	clear: left;
}

}

@media (max-width:767px) {
#flexslider-blog ul.slides li > a {
	width: 100%;
}

#flexslider-blog .flex-caption {
	width: 100%;
}

}

/*End Css Trang Blog*/

/* ADS popup */
.popupAds {
position: fixed;
left: -375px;
bottom: 0;
z-index: 119;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.popupAds.open {
left: 0;
}

.itemAdsPd .wrapAds {
width: 375px;
position: relative;
}

.colseAds {
position: absolute;
top: -20px;
left: 0px;
background: #db2c2c;
padding: 2px 4px;
color: #FFF !important;
font-size: 16px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
}

.popupAds.open .colseAds {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}

.openAds {
position: absolute;
right: -76px;
top: 44px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background: #db2c2c;
padding: 2px 10px;
color: #FFF !important;
font-size: 16px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
border-radius: 10px 10px 0 0 !important;
-moz-border-radius: 10px 10px 0 0 !important;
-webkit-border-radius: 10px 10px 0 0 !important;
}

.popupAds.open .openAds {
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
}

.popupAds .adsContent > div {
padding: 0px 5px 0 0;
}

.itemAdsPd .adsImg img {
display: block;
max-height: 251px;
margin: 0 auto;
}

/* END ADS popup */
.slider-mobile img {
max-width: 100%;
width: auto !important;
}

.promo .dot {
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 100%;
left: 10px;
top: 50%;
margin-right: 10px;
display: inline-block;
}

.promo .dot .ping {
border: 1px solid #fff;
width: 10px;
height: 10px;
opacity: 1;
background-color: rgba(238, 46, 36, 0.2);
border-radius: 100%;
-moz-animation: sonar_animation 1.25s linear infinite;
-o-animation: sonar_animation 1.25s linear infinite;
-webkit-animation: sonar_animation 1.25s linear infinite;
animation: sonar_animation 1.25s linear infinite;
display: block;
margin: 0;
}

.promo span {
color: #fff;
font-size: 11px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}

.promo {
position: absolute;
bottom: 0;
left: 0px;
display: -moz-box;
display: -ms-flexbox;
pointer-events: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
padding: 0 5px;
background: rgba(251, 174, 64, 0.8);
}

span.chinhhang {
background: linear-gradient(to bottom, #fd9604 0px, #208509 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 14px;
margin-bottom: 3px;
padding: 4px 10px;
margin-right: -4px;
}

.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}

.hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

#quick-view-modal .total-cross-sell {
float: none;
clear: left;
}

#quick-view-modal .total-old-price {
padding: 0 0 5px;
display: inline-block;
margin-left: 10px;
}

#quick-view-modal .total-old-price + p {
display: inline-block;
margin-left: 10px;
}

#quick-view-modal span.money {
font-size: 22px;
}

#quick-view-modal #discount-promotion-combo-add-btn {
margin-left: 10px;
position: relative;
width: 43px;
height: 43px;
padding: 5px 8px;
top: -5px;
float: none;
}

#quick-view-modal #discount-promotion-combo-add-btn span {
display: inline-block;
font-size: 20px;
line-height: 30px;
position: relative;
overflow: hidden;
}

#quick-view-modal #discount-promotion-combo-add-btn span:before {
content: "\f07a";
font-family: 'FontAwesome' !important;
color: #fff;
display: inline-block;
font-size: 20px;
width: 20px;
height: 20px;
text-indent: 0 !important;
margin-right: 15px;
margin-left: 2px;
}

.zalo-share-button {
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

.zalo-follow-only-button {
float: left;
margin-right: -10px;
height: 20px;
}

div#list-group-l {
background: #fff;
padding: 13px 23px 23px 23px;
margin-bottom: 14px
}

.mega-left-title {
color: #3a3a3c;
font-size: 17px;
font-weight: bold;
padding: 10px 0;
text-transform: uppercase;
border-bottom: 1px solid#e0e0e0;
position: relative
}

.mega-left-title:after {
content: "";
position: absolute;
width: 30%;
height: 3px;
background: #208509;
bottom: -2px;
left: 0
}

.mega-left-title strong {
font-weight: 400
}

#cssmenu>li {
border-bottom: 1px solid #f5f5f5
}

#cssmenu li a {
color: #3a3a3c;
font-weight: 300;
padding: 10px 10px 10px 5px
}

#cssmenu li a:hover {
color: #208509;
background: transparent
}

.news-menu #cssmenu li.active a, #cssmenu>li.current a {
color: #208509
}

#cssmenu > li.item>ul >li> a {
margin-left: 0;
padding-left: 30px;
border-top: 1px solid #c9c9c9
}

#cssmenu ul li a {
padding-left: 50px;
border-top: 1px solid #c9c9c9
}

#cssmenu li a i {
font-size: 9px;
margin-right: 10px;
font-weight: normal;
font-style: normal;
display: inline-block;
color: #777;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s
}

#cssmenu li a:hover i {
color: #208509;
margin-left: 5px;
margin-right: 5px
}

.block {
background: #fff;
margin-bottom: 30px
}

#collection h1 {
float: left;
font-size: 20px;
color: #3a3a3c;
text-transform: uppercase;
font-weight: 300
}

#collection .browse-tags {
float: right;
padding-bottom: 10px;
padding-left: 15px;
font-weight: 300
}

#filter-size span {
font-weight: 300
}

//#top-nav-collec {
margin-top: 30px
}

#layered_block_left .navbar-collapse {
padding: 15px
}

#top-nav-collec .title_block {
display: none
}

.slider-inner .title_block {
margin-left: 15px !important
}

.layered_subtitle {
position: relative;
display: block;
font-size: 17px;
border-bottom: 1px solid#e0e0e0;
padding: 0 0 10px;
color: #3a3a3c;
text-transform: uppercase;
font-weight: 400;
margin: 0 0 15px
}

.layered_subtitle:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 30%;
height: 3px;
background: #208509
}

@media (min-width:768) {
.le-checkbox::before {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	content: "";
	position: absolute;
	left: 0;
	z-index: 1;
	width: 13px;
	height: 13px;
	border: 1px solid #D6D4D4;
	background-color: #FBFBFB
}

.le-checkbox::after {
	content: "";
	position: absolute;
	top: -0.125rem;
	left: 0;
	width: 15px;
	height: 15px;
	background: #fff;
	cursor: pointer
}

.le-checkbox {
	position: relative;
	top: 0px;
	margin: 0 1rem 0 0;
	cursor: pointer;
	margin-right: 10px !important
}

.le-checkbox:checked:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: .5rem;
	border-color: #f09042;
	border-top-style: none;
	border-right-style: none
}

}

#filter-price label span {
color: #3a3a3c;
font-size: 13px
}

#filter-category label span, #filter-type label span, #filter-price label span, #filter-tl label span, #filter-tt label span, #filter-hop label span, #filter-lon label span, #filter-xuatxu label span {
font-weight: normal
}

.widget_product_price_slide {
margin-top: 35px;
text-align: center
}

#slider-container {
height: 8px !important;
border: none;
background: #eaeaea;
color: #222222;
border-radius: 0 !important
}

.widget_product_price_slide input {
font-size: 14px;
text-align: center;
padding: 10px 15px;
margin: 20px 0;
color: #303030;
border: 1px solid #f5f5f5;
display: inline-block;
width: 86%;
opacity: 0.9 !important;
font-weight: 300
}

#slider-container {
margin: 0 auto;
width: 85%
}

.ui-slider {
position: relative;
text-align: left
}

.ui-slider-horizontal {
height: .8em
}

.ui-slider-range.ui-widget-header.ui-corner-all {
top: 0;
background: #208509
}

.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}

.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
border-radius: 100%;
cursor: pointer;
background: #208509
}

.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}

span.ui-slider-handle.ui-state-default.ui-corner-all:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
display: block;
background: #fff;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 100%
}

ul#filter-color li {
font-weight: 300;
font-size: 14px;
line-height: 30px;
padding-right: 0px;
padding-left: 3px
}

ul#filter-color label span {
font-weight: 300;
font-size: 12px
}

.filter-collection.layered_filter.clearfix {
padding-bottom: 10px
}

div#repontop-bor {
padding: 13px 23px 23px 23px
}

ul#filter-color label {
width: 100%;
border: 1px solid #f5f5f5;
padding: 0 0 0 5px;
min-height: 40px;
max-height: 40px;
line-height: 3em
}

#filter-color .colour {
margin-left: 0;
width: 24px;
height: 24px;
padding: 0;
display: inline-block;
margin-right: 1px;
margin-bottom: -6px
}

#filter-color .active label, ul#filter-color label:hover {
border: 1px solid #208509
}

@media (max-width:767px) {
.block .title_block, .block h4 {
	position: relative
}

.block .title_block:after, .block h4:after {
	display: block;
	font-family: "FontAwesome";
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	height: 36px;
	width: 36px;
	font-size: 26px;
	font-weight: normal;
	color: #208509;
	font-size: 20px
}

.block .title_block.active:after, .block h4.active:after {
	content: ""
}

#layered_block_left .title_block {
	display: block !important;
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #208509;
	text-transform: uppercase;
	margin: 0px;
	background: none repeat scroll 0% 0% #FFF;
	padding: 0px 10px 0px 0px;
	position: relative
}

#layered_block_left {
	padding: 15px 0px;
	border: 1px solid#208509
}

.breadcrumbs {
	padding: 0;
	position: relative;
	height: 36px
}

#top-nav-collec {
	margin-top: 0
}

}



.header-search select {
height: 40px;
line-height: 40px;
border: none;
border-right: 1px solid #ddd;
border-radius: 0
}
.collections-selector select{
	overflow: auto;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.box-apreassurances h4{
	text-transform: uppercase;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #208509;
    border-color: #208509;
    cursor: default;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    background: #3a3a3c;
    color: #fff;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span{
	margin: 0 3px;
	color: #000;
}
.breadcrumbs-wrap {
	position: relative;
	padding: 10px 0;
}
.breadcrumbs-wrap .display {
	overflow: hidden;
}
.breadcrumbs {
	display: inline-block;
}
.breadcrumbs li {
	float: left;
	margin: 0 .5em 0 1em;
	position: relative;
}
.breadcrumbs li:first-child{
	margin-left: 0
}
.breadcrumbs a, .show-subs-breadcrumbs {
	float: left;
    text-decoration: none;
    color: #828282;
    font-weight: 300;
    position: relative;
}
.breadcrumbs a:hover, .show-subs-breadcrumbs:hover {
}
.breadcrumbs a:hover:before {
}
.breadcrumbs li:after, .show-subs-breadcrumbs:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: -1em;
}
.breadcrumbs li:last-child:after {
	content: "";
}
.breadcrumbs a:hover:after, .show-subs-breadcrumbs:hover:after {
}
.subs-breadcrumbs {
	margin: 0;
	padding: 0;
	background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 40px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1);
	border-top: none;
	box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
	display: none;
	z-index: 999999;
}
.subs-breadcrumbs.open {
	display: block;
}
.subs-breadcrumbs li:last-child, .subs-breadcrumbs li:last-child a, .subs-breadcrumbs {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.subs-breadcrumbs li, .subs-breadcrumbs a {
	display: block;
	float: none;
}
.subs-breadcrumbs a {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	padding: 0 10px;
}
.subs-breadcrumbs li:not(:last-child) a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.1);
}
.subs-breadcrumbs a:hover {
	background-color: rgba(0, 0, 0, 0.1)
}
.subs-breadcrumbs a em {
	display: inline-block;
	margin-right: 5px;
	color: #707070;
}
.show-subs-breadcrumbs {
	padding-right: 5px;
	margin-right: 7px;
	width: 30px;
	text-align: center;
}
.background-white{
	background: #fff;
	margin-bottom: 30px;
}
.page-header{
	padding: 0 !important
}
.page-header img{
	margin-bottom: 15px;
}
.page-header h1{
	text-transform: uppercase;
	font-weight: 700
}
.detail-social{
	line-height: 20px;
}
.tab-content{
	background: #fff;
	text-align: justify;
	padding: 20px;
	border:1px solid #ddd;
}
.item-gift{
	background: #f4f4f4;
    font-size: 12px;
    padding: 10px;
}
.filter-price{
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	margin-bottom: 20px;
}
.filter-price .list-group-item{
	margin-bottom: 20px
}
.page-header{
	margin: 10px 20px;
	    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 10px 10px 0;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0 !important;
	position: relative;
	margin-bottom: 30px !important;
}
.page-header h2{
	margin-bottom: 0
}
.page-header:after{
	content: "";
    position: absolute;
    width: 30%;
    height: 3px;
    background: #208509;
    bottom: -2px;
    left: 0;
	
}
.block-box{
	margin-bottom: 30px;
}
.img-square{
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	display: block
}
.img-square img, .img-16-9 img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover
}
.img-16-9{
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	display: block
}
.call-mobile1 {
    position: fixed;
    bottom: 65px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 40px;
    color: #fff;
    left: 20px;
    z-index: 99999;
}
.chat-zalo {
    border-radius: 99px;
    background: #0595ff;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
}
.fix_tel {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    bottom: 15px;
	position: fixed;
    left: 5px;
	    z-index: 999;
}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
	    right: 150px;
    bottom: -12px;
}

.ring-alo-phone.ring-alo-show {
    visibility: visible
}

.ring-alo-phone.ring-alo-hover,
.ring-alo-phone:hover {
    opacity: 1
}

.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, .4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: .1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: red;
    opacity: .5
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: .5
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: red;
    opacity: .5
}

.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75 !important
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, .5);
    opacity: .75 !important
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75 !important
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: red
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: red
}

@keyframes ring-alo-circle-anim {
    0% {
        opacity: .1;
        transform: rotate(0) scale(.5) skew(1deg)
    }

    30% {
        opacity: .5;
        transform: rotate(0) scale(.7) skew(1deg)
    }

    100% {
        opacity: .6;
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-alo-circle-fill-anim {
    0% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }

    50% {
        opacity: .2;
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }
}

.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 30px;
    position: relative;
    top: -1px
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    background-color: red
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: red
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #baf5a7
}
.tel {
    background: #eee;
    width: 205px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px #ccc
}
.fone {
    font-size: 22px;
    color: red;
    line-height: 40px;
    font-weight: 700;
    padding-left: 45px;
    margin: 0 0;
}
.item-cart{
	display: flex;
	align-items: center;
	gap:10px;
}

.product-detail .product-image-gallery {
    margin-bottom: 10px;
}

.product-detail .product-image-gallery .gallery-view {
    margin-bottom: 10px;
}

.product-detail .product-image-gallery .gallery-view .owl-stage,
.product-detail .product-image-gallery .gallery-nav .owl-stage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.product-detail .product-image-gallery .gallery-view .item-inner img {
    margin: 0;
}

.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev,
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px #ddd solid;
    opacity: 0.6;
    color: #ddd;
    transform: translate3d(0px, -50%, 0px);
    z-index: 10;
}

.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev:focus,
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-next:focus {
    outline: 0;
}

.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev {
    left: 10px;
}

.product-detail .product-image-gallery .gallery-view .owl-nav .owl-next {
    right: 10px;
}

.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev span,
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-next span {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.product-detail .product-image-gallery .gallery-view .owl-nav .owl-prev span .fa,
.product-detail .product-image-gallery .gallery-view .owl-nav .owl-next span .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
}

.product-detail .product-image-gallery .gallery-nav .item {
    border: 1px #ddd solid;
    border-radius: 2px;
}

.product-detail .product-image-gallery .gallery-nav .item.active {
    border-color: #208509;
}

.product-detail .product-image-gallery .gallery-nav .item-inner {
    padding: 3px;
}
.product-detail .product-image-gallery .gallery-nav .item-inner a:hover, .product-detail .product-image-gallery .gallery-nav .item-inner a:focus, .product-detail .product-image-gallery .gallery-nav .item-inner a:active{
	outline: none
}
.shopping_cart a{
	position: relative;
}
.shopping_cart a .num{
position: absolute;
    top: -5px;
    right: -3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shopping_cart .fa-shopping-basket{
	color: #000;
	font-size: 30px !important;
}
#category{
	padding: 20px;
}
#product-image-gallery-view .item-inner.img-square {
    overflow: hidden;
    position: relative;
}
#product-image-gallery-view .item-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#product-image-gallery-view .item-inner .zoom-lens-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 270%; /* mức zoom, tăng/giảm tùy ý */
    cursor: zoom-in;
    z-index: 2;
}
#product-image-gallery-view .item-inner .zoom-lens-bg.active {
    display: block;
}