@font-face {
  font-display: swap;
  font-family: 'fontello';
  src: url(../fonts/fontello.eot?60124471);
  src: url(../fonts/fontello.eot?60124471#iefix) format("embedded-opentype"), url(../fonts/fontello.woff?60124471) format("woff"), url(../fonts/fontello.ttf?60124471) format("truetype"), url(../fonts/fontello.svg?60124471#fontello) format("svg");
  font-weight: 400;
  font-style: normal
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local(OpenSans-Light), url(../fonts/open-sans-light.woff) format("woff")
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat'), local(OpenSans), url(../fonts/open-sans-regular.woff) format("woff")
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat Semibold'), local(OpenSans-Semibold), url(../fonts/open-sans-semibold.woff) format("woff")
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local(OpenSans-Bold), url(../fonts/open-sans-bold.woff) format("woff")
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat Extrabold'), local(OpenSans-Extrabold), url(../fonts/open-sans-extrabold.woff) format("woff")
}
@font-face {
  font-family: AbakuTLSymSansRegular;
  src: url(../fonts/abakutlsymsans-regular-AbakuTLSymSans.eot);
  src: url(../fonts/abakutlsymsans-regular-AbakuTLSymSansd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/abakutlsymsans-regular-AbakuTLSymSans.ttf) format("truetype"), url(../fonts/abakutlsymsans-regular-AbakuTLSymSans.svg#AbakuTLSymSansRegular) format("svg");
  font-weight: 400;
  font-style: normal
}
:hover, :focus, :visited, :active {
  outline: none
}
a:hover, a:focus, a:visited, a:active {
  outline: none
}
html {
  margin: 0;
  padding: 0
}
body {
  text-align: left;
  position: relative;
  font-size: 14px;
  line-height: normal;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  background: #fff;
  background-position: top center;
  background-attachment: fixed
}
img {
  border: 0;
}
ul {
  margin: 0;
  padding: 0
}
ul li {
  list-style: none
}
a:hover {
  text-decoration: none
}
a.forgotten {
  margin-left: 10px;
}
button {
  border: 0px;
  background: transparent;
}
.owl-item .rating {
  right: 11px !important;
}
#tawkchat-minified-box {
  display: none !important;
}
.pagination {
  width: 100%;
  margin-top: 6px
}
.so-option-container label img {
  margin-right: 7px;
  width: 18px;
  margin-top: -4px;
}
.pagination a, .pagination b {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #3d3d3d;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  margin-left: 5px;
  margin-bottom: 5px;
  border-radius: 20px
}
.pagination a:hover, .pagination a:focus, .pagination b:hover, .pagination b:focus {
  color: #fff;
  background-color: #80af92
}
.pagination:first-child > a, .pagination:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}
.pagination:last-child > a, .pagination:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}
.pagination b {
  background-color: #92d6ad;
  z-index: 2;
  color: #fff;
  background-color: #92d6ad;
  border-color: transparent;
  cursor: default;
  border-radius: 20px;
}
.pagination .results {
  float: right;
  color: #9c9c9c
}
.rtl .pagination .results {
  float: left
}
.pagination .links {
  float: left
}
.rtl .pagination .links {
  float: right
}
.breadcrumb {
  margin-bottom: 0px !important;
  background: transparent;
  padding: 3px 1px;
}
.breadcrumb li a {
  color: #000;
  font-size: 11px;
}
.breadcrumb li a:hover {
  color: #000
}
.breadcrumb li:last-child a {
  color: #000
}
.htabs a {
  font-size: 16px;
  font-weight: 600
}
ul.links {
  margin: 0;
  padding: 0
}
ul.links li {
  display: inline;
  line-height: normal
}
ul.links li a {
  margin: 0 6px
}
ul.links li a:hover {
  color: #555
}
ul.links li .fa, ul.links li .icon {
  margin-right: 10px
}
.rtl ul.links li .fa, .rtl ul.links li .icon {
  margin-left: 10px;
  margin-right: inherit
}
ul.list li {
  list-style: none;
  padding: 6px 0
}
ul.list li .fa {
  background-color: #656D78;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding-left: 5px;
  text-align: center
}
.rtl ul.list li .fa {
  margin-left: 10px;
  margin-right: inherit;
  padding-right: 5px;
  padding-left: inherit
}
ul.my-account li {
  padding: 6px 0;
  list-style: disc;
  margin-left: 14px
}
.rtl ul.my-account li {
  margin-right: 14px;
  margin-left: inherit
}
ul.inline li {
  float: left
}
.tree-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px
}
.tree-menu > ul > li {
  width: 100%;
  height: auto;
  position: relative
}
.tree-menu > ul > li .caret, .tree-menu > ul > li .head a {
  position: absolute;
  right: 18px;
  left: auto;
  top: 13px;
  padding: 0 6px;
  margin-right: -20px;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -ms-border-radius: 10%;
  -o-border-radius: 10%;
  border-radius: 10%
}
.rtl .tree-menu > ul > li .caret, .rtl .tree-menu > ul > li .head a {
  left: 18px;
  right: auto
}
.tree-menu > ul > li:last-child a {
  border: none
}
.tree-menu > ul > li > a {
  display: block;
  color: #3f3f3f;
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0
}
.tree-menu > ul > li > a:hover, .tree-menu > ul > li > a:focus {
  color: #555
}
.tree-menu > ul > li a.active {
  font-weight: 700;
  color: #555
}
.tree-menu > ul > li a.active + ul {
  display: block;
  padding: 0 0 10px 10px
}
.tree-menu > ul > li ul > li {
  padding-left: 30px
}
.tree-menu > ul > li ul > li > a {
  text-decoration: none;
  display: block;
  padding: 8px 0;
  color: #000
}
.tree-menu > ul > li ul > li > a.active {
  font-weight: 700;
  color: #80af92
}
.panel-line:before, .panel-line:after {
  content: " ";
  display: table
}
.panel-line:after {
  clear: both
}
.panel-line .plabel {
  width: 150px;
  float: left;
  font-weight: 400
}
.panel-line .plabel label {
  font-weight: 400
}
.panel-line .pcontent {
  width: 70%;
  float: left
}
.hasline {
  border-bottom: solid 1px #dbdbdb;
  margin: 10px 0
}
table.form tr td:first-child {
  width: 125px
}
table.form > * > * > td {
  color: #000
}
table.form td {
  padding: 7px
}
table.list {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 3px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #e5e5e5;
  margin-bottom: 25px;
  color: #777
}
table.list.last {
  border-radius: 3px 3px 0 0;
  margin-bottom: 0
}
table.list td {
  padding: 15px 19px;
  vertical-align: top;
  border: 1px solid #eaeaea
}
table.list thead td {
  background: #f8f8f8;
  white-space: nowrap;
  padding: 15px 19px;
  font-weight: 600
}
table.list .left {
  text-align: left
}
table.list .right {
  text-align: right
}
table.list .center {
  text-align: center
}
table.radio {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  display: table
}
table.radio td {
  padding: 5px
}
table.radio td label {
  display: block
}
table.radio td input[type="radio"] {
  margin: 0
}
table.radio tr td:first-child {
  width: 1px
}
table.radio tr td:first-child input {
  margin-top: 1px
}
table.radio tr.highlight:hover td {
  background: #e8e8e8;
  cursor: pointer
}
input.large-field, select.large-field {}
#colorbox {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box
}
.no-padding {
  padding: 0
}
.required {
  color: red;
  font-weight: 400;
  font-size: 13px
}
.success, .warning, .attention, .information {
  border-radius: 0;
  border-width: 0 0 0 5px;
  color: #000;
  margin-bottom: 20px;
  margin-top: 0;
  padding: 10px;
  padding-left: 35px
}
.success > a, .warning > a, .attention > a, .information > a {
  color: #c00000 !important;
  text-decoration: none
}
.success > a:hover, .warning > a:hover, .attention > a:hover, .information > a:hover {
  color: #ff000a !important;
  text-decoration: underline
}
.success .close, .warning .close, .attention .close, .information .close {
  float: right;
  padding-top: 4px;
  padding-right: 4px;
  cursor: pointer;
  margin: 4px;
  color: #444
}
.attention {
  background: #fff5cc url(../image/attention.png) 10px center no-repeat;
  border: 1px solid #F2DD8C
}
.warning {
  background: #ffd1d1 url(../image/warning.png) 10px center no-repeat;
  border: 1px solid #F8ACAC
}
.success {
  background: #a0d468 none repeat scroll 0 0;
  border-color: #8cc474;
  background: #a0d468 url(../image/success.png) 10px center no-repeat;
  border: 1px solid #8cc474
}
.help {
  color: #999;
  font-size: 10px;
  font-weight: 400;
  display: block
}
.error {
  display: block;
  color: red;
  margin-top: 6px
}
.welcome {
  color: #636E75;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 400;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.01)
}
.buttons {
  padding: 20px 0
}
.buttons:before, .buttons:after {
  content: " ";
  display: table
}
.buttons:after {
  clear: both
}
.buttons .left {
  float: left
}
.buttons .right {
  float: right
}
.btn-outline-inverse {
  color: #fff;
  background-color: #80af92;
  border-color: transparent
}
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active, .btn-outline-inverse.active {
  color: #fff;
  background-color: #e31517;
  border-color: transparent
}
.open .btn-outline-inverse.dropdown-toggle {
  color: #fff;
  background-color: #80af92;
  border-color: transparent
}
.btn-outline-inverse:active, .btn-outline-inverse.active {
  background-image: none
}
.open .btn-outline-inverse.dropdown-toggle {
  background-image: none
}
.btn-outline-inverse.disabled, .btn-outline-inverse.disabled:hover, .btn-outline-inverse.disabled:focus, .btn-outline-inverse.disabled:active, .btn-outline-inverse.disabled.active, .btn-outline-inverse[disabled], .btn-outline-inverse[disabled]:hover, .btn-outline-inverse[disabled]:focus, .btn-outline-inverse[disabled]:active, .btn-outline-inverse[disabled].active, fieldset[disabled] .btn-outline-inverse, fieldset[disabled] .btn-outline-inverse:hover, fieldset[disabled] .btn-outline-inverse:focus, fieldset[disabled] .btn-outline-inverse:active, fieldset[disabled] .btn-outline-inverse.active {
  background-color: #3f3f3f;
  border-color: transparent
}
.btn-outline-inverse .badge {
  color: #3f3f3f;
  background-color: #fff
}
.btn-outline {
  color: #fff !important;
  background-color: #555;
  border-color: transparent
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: #fff;
  background-color: #80af92;
  border-color: transparent
}
.open .btn-outline.dropdown-toggle {
  color: #fff;
  background-color: #80af92;
  border-color: transparent
}
.btn-outline:active, .btn-outline.active {
  background-image: none
}
.open .btn-outline.dropdown-toggle {
  background-image: none
}
.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline.disabled:focus, .btn-outline.disabled:active, .btn-outline.disabled.active, .btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled]:active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline, fieldset[disabled] .btn-outline:hover, fieldset[disabled] .btn-outline:focus, fieldset[disabled] .btn-outline:active, fieldset[disabled] .btn-outline.active {
  background-color: #555;
  border-color: transparent
}
.btn-outline .badge {
  color: #555;
  background-color: #fff
}
body.layout-boxed-lg {
  background: url(../image/pattern/pattern18.png)
}
body.layout-boxed-lg #page {
  max-width: 1208px;
  -webkit-box-shadow: 0 0 5px #d5d5d5;
  -moz-box-shadow: 0 0 5px #d5d5d5;
  box-shadow: 0 0 5px #d5d5d5;
  margin: 0 auto;
  background: #fff
}
#topbar {
  padding: 8px 0 5px;
  min-height: 37px;
  font-weight: 300;
  border-bottom: 1px solid #f6f5f5;
  font-size: 13px;
  background: #f5f8fa;
  color: #9c9c9c
}
#topbar a {
  color: #9c9c9c
}
#topbar a:hover {
  color: #80af92
}
#topbar a {
  font-size: 13px
}
#topbar .links {
  float: left
}
.rtl #topbar .links {
  float: right
}
#topbar .btn-theme-normal {
  border: 1px solid #dbdbdb;
  margin-top: -3px;
  padding: 3px 10px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}
#topbar .quick-setting {
  border-top: 4px solid #3f3f3f;
  padding: 10px
}
#topbar .quick-setting .language li:hover {
  color: #80af92;
  cursor: pointer
}
#topbar .quick-setting .currency a {
  cursor: pointer;
  padding: 0 5px;
  border: 1px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}
#topbar .quick-setting .currency a b {
  color: #80af92
}
#topbar .quick-setting .currency a:hover {
  color: #80af92
}
#topbar .quick-setting.dropdown-menu {
  right: 0;
  left: auto
}
.rtl #topbar .quick-setting.dropdown-menu {
  left: 0;
  right: auto
}
#header-main {
  height: 85px;
  color: #333;
  background-color: #fff
}
#header-main .header-wrap {
  min-height: 89px;
  margin: 0
}
#header-main .inner {
  text-align: right;
  margin-top: 9px;
  margin-bottom: 9px
}
.rtl #header-main .inner {
  text-align: left
}
#header-main .inner > * {
  vertical-align: middle
}
#header-main .cart-top {
  margin-top: 10px
}
#top-container-bg {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  height: 39px;
  width: 100%
}
.categories-content-title {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e9e9e9;
  color: #333;
  height: 39px;
  line-height: 38px;
  padding-left: 18px !important
}
.channel-entrance {
  font-size: 14px;
  font-weight: 700;
  height: 39px;
  line-height: 39px;
  overflow: hidden;
  padding-left: 20px !important
}
.channel-entrance a {
  color: #333;
  float: left;
  margin-right: 20px;
  font-size: 16px
}
.channel-entrance a:hover, .channel-entrance .trn {
  color: #f60;
  text-decoration: none
}
.channel-entrance .trn:hover {
  color: #000 !important;
  text-decoration: none
}
.logo-store {
  display: block
}
#header .show-mobile {
  text-align: right
}
#header .show-mobile:before, #header .show-mobile:after {
  content: " ";
  display: table
}
#header .show-mobile:after {
  clear: both
}
#header .show-mobile > div {
  margin: 0;
  padding: 0;
  position: relative;
  float: none !important;
  display: inline-block
}
#header .show-mobile > div:hover .inner-toggle {
  display: block
}
#header .show-mobile .quickaccess-toggle {
  width: 30px;
  height: 30px;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #dcdcdc
}
#header .show-mobile .quickaccess-toggle .fa {
  margin: 0;
  font-size: 14px
}
#header .show-mobile .quickaccess-toggle:hover, #header .show-mobile .quickaccess-toggle:focus, #header .show-mobile .quickaccess-toggle:active {
  background-color: #fff
}
#header .show-mobile .inner-toggle {
  color: #8c8c8c;
  display: none;
  position: absolute;
  right: 0;
  left: auto;
  min-width: 160px;
  display: none;
  z-index: 99999;
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 15px;
  text-align: left
}
#column-left {
  margin-top: 15px;
}
#pav-masshead .inner {
  background: transparent;
  color: #3f3f3f
}
#pav-masshead .inner a {
  color: #3f3f3f
}
#pav-masshead .inner a:hover {
  color: #4c4c4c
}
#pav-mainnav .inner {
  background-color: #0e1b64
}
#content {
  min-height: 100px;
  margin-bottom: 25px;
  margin-top: 15px;
}
#footer {
  background: #80af92;
  min-height: 100px;
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
}
#footer:before, #footer:after {
  content: " ";
  display: table
}
#footer:after {
  clear: both
}
#footer .icon {
  height: 35px;
}
.footer-top {
  background: transparent
}
.footer-top .inner {
  background: #fff;
  color: #999;
  padding: 25px 20px
}
.footer-top .inner a {
  color: #999
}
.footer-top .inner a:hover {
  color: #f90
}
.footer-center {
  background: transparent
}
.footer-center .inner {
  background: #282828;
  color: #949595;
  padding: 25px 20px
}
.footer-center .inner a {
  color: #949595
}
.footer-center .inner a:hover {
  color: #a1a2a2
}
.footer-bottom {
  padding: 10px 0px 10px 0px;
  color: #fff;
}
.footer-bottom .inner {
  padding: 5px
}
.footer-bottom .inner a {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  font-stretch: normal;
}
.footer-bottom .inner a:hover {
  color: #fff;
  text-decoration: underline
}
.footer-bottom .box-heading, .footer-bottom .box-content, .footer-bottom li {
  padding: 1px !important;
  margin-bottom: 5px;
  line-height: 1.46;
}
#powered {
  border-top: solid 1px rgba(255, 255, 255, .15);
  background: #000
}
.footer-bottom .container {
  margin: 0 auto;
}
#powered .container {
  margin: 0 auto;
  padding: 10px 10px;
}
#powered .inner {
  background: #000;
  color: #fff;
  padding: 10px
}
#powered .inner a {
  color: #80af92
}
#powered .inner a:hover {
  color: #80af92
}
.box {
  margin-bottom: 18px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}
.box .box-heading {
  color: #fff;
  position: relative;
  text-transform: none;
  font-family: "Montserrat", Arial, sans-serif;
  padding: 10px 15px;
  font-size: 15px;
  letter-spacing: 0;
  background: #f5f5f5;
  margin: 0;
  font-weight: 700
}
.box.products h3 {
  color: #484848;
  font-size: 22px;
  font-weight: normal;
  line-height: 18px;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 13px 0 12px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 2px solid #484848;
}
.box .box-content {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px
}
.box .box-content:before, .box .box-content:after {
  content: " ";
  display: table
}
.box .box-content:after {
  clear: both;
  margin-bottom: 10px
}
.box.nopadding .box-content {
  padding: 0;
  margin: 0
}
.box .lnk {
  padding-top: 15px
}
.box-default {
  border-color: #dbdbdb
}
.box-default .box-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #dbdbdb
}
.box-default .box-heading + .box-collapse .box-content {
  border-top-color: #dbdbdb
}
.box-default > .box-footer + .box-collapse .box-body {
  border-bottom-color: #dbdbdb
}
.box-primary {
  border-color: #dbdbdb
}
.box-primary .box-heading {
  color: #fff;
  background-color: #80af92;
  border-color: #dbdbdb
}
.box-primary .box-heading + .box-collapse .box-content {
  border-top-color: #dbdbdb
}
.box-primary > .box-footer + .box-collapse .box-body {
  border-bottom-color: #dbdbdb
}
.box-success {
  border-color: #dbdbdb
}
.box-success .box-heading {
  color: #fff;
  background-color: #80af92;
  border-color: #dbdbdb
}
.box-success .box-heading + .box-collapse .box-content {
  border-top-color: #dbdbdb
}
.box-success > .box-footer + .box-collapse .box-body {
  border-bottom-color: #dbdbdb
}
.box-info {
  border-color: #3a3c3c
}
.box-info .box-heading {
  color: #fff;
  background-color: #3a3c3c;
  border-color: #3a3c3c
}
.box-info .box-heading + .box-collapse .box-content {
  border-top-color: #3a3c3c
}
.box-info > .box-footer + .box-collapse .box-body {
  border-bottom-color: #3a3c3c
}
.box-warning {
  border-color: #e86d13
}
.box-warning .box-heading {
  color: #fff;
  background-color: #ed9c28;
  border-color: #e86d13
}
.box-warning .box-heading + .box-collapse .box-content {
  border-top-color: #e86d13
}
.box-warning > .box-footer + .box-collapse .box-body {
  border-bottom-color: #e86d13
}
.box-danger {
  border-color: #dbdbdb
}
.box-danger .box-heading {
  color: #fff;
  background-color: #ed5565;
  border-color: #dbdbdb
}
.box-danger .box-heading + .box-collapse .box-content {
  border-top-color: #dbdbdb
}
.box-danger > .box-footer + .box-collapse .box-body {
  border-bottom-color: #dbdbdb
}
.box-highlighted {
  border-color: #555
}
.box-highlighted .box-heading {
  color: #fff;
  background-color: #555;
  border-color: #80af92
}
.box-highlighted .box-heading + .box-collapse .box-content {
  border-top-color: #555
}
.box-highlighted > .box-footer + .box-collapse .box-body {
  border-bottom-color: #555
}
.box-highlighted .box-content {
  border-color: #555;
  border-width: 2px
}
.box-content {
  position: relative
}
.box-content .carousel-control {
  left: auto;
  bottom: auto;
  z-index: 10;
  top: -33px;
  background: none
}
.rtl .box-content .carousel-control {
  right: auto;
  left: auto
}
.box-content .carousel-control.left {
  right: 40px;
  left: auto
}
.rtl .box-content .carousel-control.left {
  left: 40px;
  right: auto
}
.box-content .carousel-control.right {
  right: 10px;
  left: auto
}
.rtl .box-content .carousel-control.right {
  left: 10px;
  right: auto
}
.box-inline .icon {
  font-size: 35px
}
.box-inline .explain {
  font-size: 11px
}
.box-inline .box-content {
  color: #fff;
  position: relative;
  text-transform: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px
}
.box-inline .input-group {
  width: 98%
}
.sidebar .pav-custom {
  border: none
}
.sidebar .pav-custom .box-heading {
  border: none;
  background: none;
  color: #fff
}
.sidebar .pav-custom .box-content {
  border: none;
  padding-left: 0;
  padding-right: 0
}
#content .pav-custom .box-content {
  border: none;
  background: none;
  color: #fff;
  border: none
}
.mass-bottom .pav-custom {
  margin-bottom: 0;
  border: none
}
.mass-bottom .pav-custom .box-content {
  border: none;
  background: none;
  padding: 0;
}
#footer .box {
  margin-bottom: 0;
  border: none
}
#footer .box .box-heading {
  border: none;
  background: none;
  color: #fff;
  padding-left: 0;
  margin: 0 0 10px
}
.rtl #footer .box .box-heading {
  padding-right: 0;
  padding-left: inherit
}
#footer .box .box-content {
  border: none;
  padding: 0
}
#footer .pav-custom .box-content {
  border: none;
  background: none;
  color: #fff;
  border: none
}
.box-inline .box-heading {
  color: #fff;
  position: relative;
  text-transform: none;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px
}
.products-block:hover {
  overflow: visible
}
.gallery-carousel {
  position: relative
}
.discount {
  background-color: #fff;
  color: #ed6b6a;
  font-weight: 700;
  display: table-cell;
  line-height: 13px;
  padding: 3px 5px;
  right: 15px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.2;
  font-family: Helvetica, sans-serif;
  letter-spacing: 0 !important;
  border-radius: 4px;
  border: solid 2px #ed6b6a;
}
.discountempty {
  background-color: #fff;
  width: 55px;
  display: table-cell
}
.pricetxt {
  display: table-cell;
  margin-left: 10px;
  padding-left: 10px
}
.products-row {
  position: relative
}
.products-row .product-col {
  margin-bottom: 20px
}
@media (min-width:992px) {
  .products-row .product-col:nth-child(4n) {
    border-right: 1px solid transparent
  }
  .products-row .product-col:nth-child(4n+1) {
    clear: both
  }
  .carousel.product-grid.category-slide {
    width: 66.6%;
    margin-left: 33.4%
  }
}
@media (min-width:480px) and (max-width:991px) {
  .products-row .product-col:nth-child(2n) {
    border-right: 1px solid transparent
  }
}
.product-block {
  background-color: #fff;
  padding: 18px;
  margin: 0;
  position: relative;
  border-right: 1px dotted #e3e3e3
}
.product-block:first-child {
  border-left: 1px dotted #e3e3e3
}
.product-block .price {
  font-weight: 700
}
.product-block .action {
  position: absolute;
  right: 0;
  width: 100%;
  padding: 0 20px 20px;
  z-index: 99999
}
.product-block .action:before, .product-block .action:after {
  content: " ";
  display: table
}
.product-block .action:after {
  clear: both
}
.product-block .cart {
  float: left
}
.rtl .product-block .cart {
  float: right
}
.product-block .cart .fa {
  display: none
}
.product-block .wishlist {
  float: right
}
.rtl .product-block .wishlist {
  float: left
}
.product-block .compare {
  float: right;
  margin-right: 5px
}
.rtl .product-block .compare {
  float: left;
  margin-left: 5px;
  margin-right: inherit
}
.product-block .description {
  display: none;
  font-size: 15px
}
.product-block .rating, .product-block .norating {
  line-height: 25px;
  height: 25px
}
.product-block .text-review {
  line-height: normal;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle
}
.product-block .name {
  text-transform: none;
  margin-top: 10px;
  min-height: 36px;
  height: 36px;
  max-height: 36px;
  line-height: 18px
}
.product-block .name a {
  color: #545454;
  font-size: 13px;
  font-family: "Montserrat", Arial, sans-serif;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  *display: inline;
  zoom: 1
}
.product-block .name a:hover {
  color: #80af92
}
.product-block .image-gallery {
  border: solid 4px #a8a8a8;
  position: absolute;
  top: 0;
  left: -80px;
  display: none
}
.product-block .image-gallery .product-image {
  width: 75px;
  overflow: hidden;
  cursor: hand;
  cursor: pointer
}
.product-block .image-gallery .arrow {
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid #a8a8a8;
  border-top: 5px solid rgba(0, 0, 0, 0);
  margin: -5px 0;
  position: absolute;
  right: -9px;
  top: 50%
}
.product-block .image {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 0;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}
.product-block .image img {
  display: inline-block
}
.image_wrap .image .hover-image, .image_wrap .image .hover-image {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 100% !important;
  transition: .5s ease;
}
.image_wrap .image:hover .hover-image, .image_wrap .image:hover .hover-image {
  width: 100%;
  left: 0;
}
.product-block .product-zoom, .product-block .pav-colorbox {
  width: 30px;
  height: 30px;
  padding: 5px 7px;
  font-size: 13px;
  -webkit-transition: all .3s ease 0;
  transition: all .3s ease 0
}
.product-block .product-zoom {
  right: 50%
}
.product-block .pav-colorbox {
  left: 50%
}
.product-block .pav-colorbox span {
  display: none
}
.product-block:hover {
  -webkit-box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.26);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}
.product-block:hover .image-gallery {
  display: block;
  z-index: 9999
}
.product-block:hover .action {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.26)
}
.product-block .availability {
  opacity: 0;
  filter: alpha(opacity=0)
}
.product-block .availability span {
  padding: 7px 15px
}
.product-block .availability span.available-now {
  background: red;
  border: 1px solid #c00;
  color: #fff
}
.product-block .availability span.out-of-stock {
  background: blue;
  border: 1px solid #00c;
  color: #fff
}
.product-block .product-flags {
  opacity: 0;
  filter: alpha(opacity=0)
}
.availability .out-of-stock {
  font-size: 11px;
  background: #507cbe;
  color: #fff
}
.availability .available-now {
  font-size: 11px;
  background: #58cbf2;
  color: #fff
}
.product-label-lt {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99
}
.product-label-lt .product-label-wapper {
  text-transform: none;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  padding: 5px 0;
  left: -28px;
  top: 15px;
  width: 120px;
  background-color: #80af92;
  color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}
.product-label {
  max-width: 88px;
  max-height: 88px;
  overflow: hidden;
  position: absolute;
  z-index: 99
}
.product-label.label1 {
  top: 0px;
  left: 0px;
  right: auto
}
.product-label.label2 {
  top: 0;
  right: 0;
  left: auto
}
.product-label.label3 {
  bottom: 0px;
  left: 0;
  right: auto
}
.product-label.label4 {
  bottom: 0px;
  right: 0;
  left: auto
}
.rtl .product-label {
  left: 0;
  right: auto
}
.product-label .product-label-wapper {
  text-transform: none;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  padding: 5px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #80af92;
  color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}
.rtl .product-label-wapper {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.search-inline {
  padding: 10px;
  position: relative;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0
}
.search-key-box {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-radius: 3px 0 0 3px;
  border: 1px solid #cbcbcb;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  height: 40px;
  overflow: hidden;
  padding: 0 0 0 15px;
  position: relative;
  width: auto
}
.search-key-box input {
  border: 0 none;
  display: block;
  font-family: arial;
  font-size: 13px;
  height: 100%;
  line-height: 18px;
  padding: 11px 10px 11px 0;
  position: relative;
  width: 100%;
  outline: none
}
.search-key-box input:focus, .search-key-box input:active, .search-key-box input:hover {
  outline: 0 !important;
  -webkit-appearance: none
}
.searchbar-operate-box {
  float: right;
  cursor: pointer;
  background: #e62e04;
  border-radius: 0 3px 3px 0;
  height: 40px
}
.pt14 {
  padding-top: 14px !important
}
.rtl .search-inline:before {
  border-right: 23px dashed transparent;
  border-left: 0 dashed transparent;
  right: -22px;
  left: auto
}
.search-inline input {
  border-color: transparent;
  background-color: #fff
}
.search-inline input:hover {
  background-color: #fff
}
.search-inline .input-group-addon {
  background-color: #fff;
  border: none;
  color: #000;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer
}
.rtl .search-inline .input-group-addon {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit
}
.search-inline .form-control {
  height: 30px;
  box-shadow: none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px
}
.rtl .search-inline .form-control {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topleft: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit
}
.search-inline .form-control:active, .search-inline .form-control:focus, .search-inline .form-control:hover {
  box-shadow: none;
  border: 1px solid transparent;
  outline: none
}
.menuhead-abs {
  position: relative;
  border: none
}
.menuhead-abs .box {
  border: none
}
.menuhead-abs .box-heading {
  background: #8cc152;
  border: none;
  margin-bottom: 0;
  padding: 6px 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}
.menuhead-abs .box-heading .box-title {
  line-height: 34px
}
.menuhead-abs .box-content {
  position: absolute;
  top: 43px;
  right: 0;
  left: auto;
  z-index: 9999;
  border: solid 2px #555;
  background: #FFF;
  display: none
}
.rtl .menuhead-abs .box-content {
  left: 0;
  right: auto
}
.menuhead-abs.align-left {
  right: auto;
  left: auto;
  left: 0
}
.rtl .menuhead-abs.align-left {
  left: auto;
  right: auto;
  right: 0;
  left: auto
}
.menuhead-abs .icon-menu {
  float: right;
  line-height: 34px
}
.rtl .menuhead-abs .icon-menu {
  float: left
}
.menuhead-abs:hover .box-content {
  display: block
}
.sidebar .latest_blog .blog-title a:hover {
  color: #000
}
.sidebar .box-content {
  background-color: #fff
}
.sidebar .products-block {
  border: medium none
}
.sidebar .products-row {
  margin: 0
}
.sidebar .products-row .product-col {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid transparent;
  padding: 0
}
.sidebar .products-row .product-col:nth-child(1) {
  border-right: none
}
.sidebar .product-block {
  text-align: left
}
.sidebar .product-block:before, .sidebar .product-block:after {
  content: " ";
  display: table
}
.sidebar .product-block:after {
  clear: both
}
.rtl .sidebar .product-block {
  text-align: right
}
.sidebar .product-block .image {
  float: left;
  width: 40%
}
.rtl .sidebar .product-block .image {
  float: right
}
.sidebar .product-block .action, .sidebar .product-block .pav-colorbox, .sidebar .product-block .colorbox, .sidebar .product-block .image-gallery {
  display: none
}
.sidebar .product-block:hover .product-meta {
  background-color: #fff
}
.sidebar .product-block .rating, .sidebar .product-block .norating {
  display: none
}
.sidebar .product-meta {
  width: 59.5%;
  float: left
}
.sidebar .product-label {
  display: none
}
.sidebar .box-content {
  padding: 10px
}
.sidebar .product-block {
  padding: 0;
  box-shadow: none;
  border-bottom: 1px solid #f0f2f5
}
.sidebar .product-block:hover {
  box-shadow: none
}
.sidebar .products-row .product-col:last-child .product-block {
  border-bottom: none
}
.social {
  margin-top: 0px;
  text-align: left
}
.social li {
  float: left;
  margin-top: -45px;
}
.social span {
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 10px 20px 0 0
}
.social a {
  cursor: pointer;
  text-align: center;
  margin-left: 5px;
  padding-left: 5px;
  line-height: 40px;
  color: #fff !important;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%
}
.social .fa {
  text-align: left;
  font-size: 16px;
  padding: 3px;
  width: 24px;
  height: 20px;
  color: #80af92;
  float: left;
}
.box.info.contact .fa {
  font-size: 18px;
  padding: 7px;
  width: 30px;
  height: 30px;
  margin-right: 2px;
  margin-bottom: 10px;
}
.social a:hover {
  opacity: .9;
  filter: alpha(opacity=90)
}
.social .fa-facebook {}
.social .fa-twitter {}
.social .fa-rss {}
.social .fa-google-plus {}
.social .fa-pinterest {}
.scrollup {
  background: #92d6ad;
  bottom: 82px;
  display: none;
  position: fixed;
  right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 13px;
  color: #fff !important;
  font-weight: 600;
  padding: 2px;
  z-index: 9999
}
.scrollup .fa {
  display: block
}
.about-img {
  height: 80px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
  background-image: url(../image/about-us.gif);
  background-repeat: no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}
.box.box-primary.products-featured {
  margin-bottom: -10px
}
.pavcarousel {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
  background-color: #fff
}
.pavcarousel .item {
  margin: 15px 55px
}
.pavcarousel .box-content {
  padding: 0
}
.pavcarousel .carousel-control {
  border: none;
  width: 55px;
  display: block;
  top: 50%;
  margin-top: -13px;
  z-index: 999
}
.pavcarousel:before, .pavcarousel:after {
  width: 55px;
  position: absolute;
  top: 0;
  content: "";
  background-color: #fff;
  height: 100%;
  z-index: 99
}
.pavcarousel:before {
  left: 0
}
.pavcarousel:after {
  right: 0
}
#tabs-0 {
  margin-top: 40px;
  margin-bottom: 15px;
}
.slideshow {}
.slideshow .row {
  padding-left: 9px;
  padding-right: 9px
}
.slideshow .inner:hover .tp-leftarrow, .slideshow .inner:hover .tp-rightarrow {
  opacity: 1
}
.slideshow .tp-leftarrow {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0
}
.slideshow .tp-leftarrow:hover {
  background-color: #80af92
}
.slideshow .tp-rightarrow {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px
}
.slideshow .tp-rightarrow:hover {
  background-color: #80af92
}
.category .box-content {
  background-color: #fff;
  padding: 0
}
.category .tree-menu > ul > li {
  border-bottom: 1px solid #505050
}
.category .tree-menu > ul > li:last-child {
  border-bottom: none
}
.category .tree-menu > ul > li > a {
  padding-left: 23px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  border: none
}
.rtl .category .tree-menu > ul > li > a {
  padding-right: 23px;
  padding-left: inherit
}
.category .tree-menu > ul > li a {
  color: #333
}
.category .tree-menu > ul > li a:hover {
  color: #80af92
}
.category .tree-menu > ul > li .head a {
  background-color: #505050;
  top: 18px;
  margin-right: 0;
  cursor: pointer;
  height: 18px;
  line-height: 18px;
  border-radius: 50%
}
.box-customer {
  padding: 10px
}
.box-customer .box-style {
  padding-left: 50px;
  float: left;
  text-align: left;
  cursor: pointer
}
.box-customer .box-style h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  color: #9c9c9c
}
.box-customer .box-style h4:hover {
  color: #80af92
}
.box-customer .box-style p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #9c9c9c
}
.box-customer .box-style:nth-child(2) {
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
  margin-left: 30px;
  padding-left: 60px;
  padding-right: 30px;
  margin-right: 10px
}
.box-customer .service-1 {
  background-image: url(../image/service/service-1.png);
  background-repeat: no-repeat;
  background-position: 10px center
}
.box-customer .service-2 {
  background-image: url(../image/service/service-2.png);
  background-repeat: no-repeat;
  background-position: 20px center
}
.box-customer .service-3 {
  background-image: url(../image/service/service-3.png);
  background-repeat: no-repeat;
  background-position: 10px center
}
.pav-mainnav .search-box, .pav-masshead .search-box {
  margin-right: -20px;
  border: none;
  background: #3f3f3f;
  padding: 7px 22px 7px 7px
}
.rtl .pav-mainnav .search-box, .rtl .pav-masshead .search-box {
  margin-left: -20px;
  margin-right: inherit;
  padding: 7px 7px 7px 22px
}
body[class*="-home"] .success, body[class*="-home"] .warning, body[class*="-home"] .attention, body[class*="-home"] .information {
  margin-top: 0
}
#pav-mainnav {
  margin-bottom: 18px
}
#pav-mainnav .inner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}
#content h1 {
  margin-top: 0
}
.page-category #content h1, .page-product-search #content h1 {
  background: #fff none repeat scroll 0 0;
  color: #000;
  margin-top: 0;
  padding: 5px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
#content h2 {
  font-size: 24px
}
.category-info {
  padding: 0
}
.category-info .image {
  padding: 0;
  margin-bottom: 19px
}
.category-description {
  display: block
}
.refine-search ul, .refine-search ol {
  list-style: none
}
.refine-search ul li, .refine-search ol li {
  padding: 6px 0;
  padding-left: 10px;
  margin-right: 10px;
  line-height: normal;
  position: relative;
  float: left
}
.rtl .refine-search ul li, .rtl .refine-search ol li {
  float: right
}
.refine-search ul li:before, .refine-search ol li:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  top: 50%;
  left: 0;
  background-color: #555
}
.refine-search .box-content {
  background-color: #fff
}
.refine-search .category-list {
  padding: 10px
}
.cart-total {
  border-top: 1px solid #ddd;
  overflow: auto;
  padding-top: 8px;
  margin-top: 10px;
  margin-bottom: 15px
}
.cart-total td {
  padding: 3px;
  text-align: right
}
.cart-total table {
  float: right
}
.cart-total .left b {
  padding-right: 60px
}
.cart-total .right.last {
  font-size: 30px
}
.cart-inner a::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -100px -50px;
  content: "";
  height: 28px;
  left: -32px;
  overflow: hidden;
  position: absolute;
  top: 3px;
  width: 28px
}
.cart-inner:hover a::before {
  background-position: -100px 0
}
.manufacturer-heading {
  font-size: 15px;
  font-weight: 700;
  padding: 5px 8px;
  margin-bottom: 6px;
  color: #000;
  background-color: #ebebeb
}
.manufacturer-list {
  border: 0;
  padding: 6px
}
.manufacturer-list ul {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px
}
.rtl .manufacturer-list ul {
  float: right
}
.manufacturer-content {
  padding: 8px;
  overflow: auto
}
.product-list .col-fullwidth {
  width: 100%;
  float: none;
  margin: 0
}
.product-list .products-row {
  border: none
}
.product-list .products-row .product-col {
  border: none;
  margin-bottom: 10px
}
.product-list .product-block {
  padding: 20px;
  text-align: left;
  box-shadow: none
}
.rtl .product-list .product-block {
  text-align: right
}
.product-list .product-block:hover .product-meta {
  background-color: #fff
}
.product-list .product-meta {
  padding: 0;
  overflow: hidden;
  min-height: inherit
}
.product-list .description {
  display: block
}
.product-list .price-tax {
  display: block
}
.product-list .name {
  min-height: 20px
}
.product-list .image {
  width: auto;
  float: left;
  margin-right: 20px;
  text-align: center
}
.rtl .product-list .image {
  float: right;
  margin-left: 20px;
  margin-right: inherit
}
.product-list .image img {
  padding: 0;
  border: 0
}
.product-list .image:hover .info-view {
  opacity: 1;
  filter: alpha(opacity=100)
}
.product-list .cart {
  float: left
}
.product-list .wishlist, .product-list .compare {
  float: right
}
.product-list .product-icon {
  padding: 9px 17px;
  line-height: 1;
  border-left: 1px solid #fff;
  text-align: center
}
.product-list .product-icon span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-family: 'Montserrat', sans-serif, sans-serif
}
.product-list .action {
  padding: 0;
  clear: both;
  margin-top: 20px;
  opacity: 1 !important;
  visibility: visible !important;
  position: inherit
}
.product-grid {
  position: relative
}
.product-grid.last {
  border: 0
}
.product-grid .description, .product-grid .price-tax {
  display: none
}
.product-container {
  background: #fff;
}
.product-info {
  display: block;
  margin-bottom: 30px;
  background: #fff;
  padding: 10px 0px;
  position: relative;
}
.owl-item .product-info {
  border: none;
}
.owl-item h2 {
  margin-bottom: 4px;
}
.owl-item .product-info .description {
  padding-bottom: 4px;
  margin-bottom: 0px;
}
.product-info.quickview {
  padding-right: 20px;
  margin-bottom: 10px
}
.product-info > .left {
  float: left;
  background: #fff;
}
.product-info > .right {}
.owl-item .product-info {
  background: #fff;
}
.owl-item .product-info > .left {
  float: none;
  background: #fff;
  padding: 0px !important;
}
.owl-item .product-info > .right {
  padding: 0px 10px;
}
.deals_module .product-info > .left {
  margin-bottom: 0
}
.product-info.quickview > .left, .product-info.quickview .image-additional {
  width: 360px
}
.product-info.quickview .right, .deals_module .product-info .right {
  padding-bottom: 0
}
.product-info .image {
  position: relative;
  z-index: 3;
  border: 0px solid #ebebeb;
  border-radius: 0px;
}
.product-info .image, .mousetrap {
  height: auto
}
.cloud-zoom-big {
  overflow: hidden
}
.product-info .image img {
  max-width: 100%
}
#zoom-btn {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 38px;
  height: 38px;
  line-height: 40px;
  text-align: center;
  font-size: 25px;
  z-index: 10000;
  border-radius: 3px;
  color: #92d6ad;
}
#zoom-btn:hover {
  background: #80af92;
  color: #fff
}
.product-info .image-additional {
  padding: 0px 0px;
  display: block;
  position: relative;
  margin-bottom: 5px;
  margin-top: 10px;
}
.product-info .image-additional .owl-controls {
  top: 30%;
  left: 0;
  right: 0
}
.product-info .image-additional .slide_arrow_next, .product-info .image-additional .slide_arrow_prev {
  width: 30px;
  height: 30px;
  line-height: 26px;
  border-radius: 3px;
  z-index: 2
}
.image-additional .slide_arrow_next {
  right: 0px
}
.image-additional .slide_arrow_prev {
  left: 0px
}
.product-info .image-additional ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  float: left
}
.product-info .image-additional li {
  text-align: left;
  padding: 0;
  margin: 0 5px;
  display: block;
  border: 0px solid #ebebeb;
  border-radius: 0px;
}
.product-info .image-additional img {
  width: 100%;
  display: block
}
.product-info .share_buttons {
  padding-top: 10px
}
.product-info h1, .deals_module .product-info h2 {
  font-size: 24px;
  line-height: normal;
  margin-bottom: 10px;
  position: relative;
  font-weight: 600;
  color: #80af92;
}
.deals_module .product-info {
  padding: 20px 19px 15px;
  margin-bottom: 0
}
.deals_module .list_countdown {
  margin-bottom: 0
}
.deals_module .btn-holder {
  margin-top: 22px
}
.next_prev_links {
  float: right
}
.next_prev_links a {
  width: 30px;
  height: 30px;
  line-height: 26px;
  font-size: 20px;
  text-align: center;
  display: inline-block
}
.next_prev_links [data-tooltip]:before {
  bottom: 40px
}
.next_prev_links [data-tooltip]:after {
  bottom: 36px
}
.product-info .review {
  color: #4D4D4D;
  font-size: 13px;
  top: 17px;
  right: 0;
}
.review-block {
  float: right;
}
.deals_module .product-info .review {
  padding-top: 3px
}
.product-info .review .rating {
  display: inline-block;
  float: left;
}
.product-info .review a {
  line-height: 12px;
  display: inline-block;
  padding: 0 4px 0 7px
}
.product-info .review a + a {
  border-left: 1px solid #ccc
}
.product-info .review a u {
  text-decoration: none
}
.product-info .description {
  line-height: 24px;
  color: #777;
}
.product-info .description span {
  display: inline-block
}
.product-info .description span.in_stock {
  color: #92d6ad
}
.product-info .fa-check {
  border-radius: 100%;
  color: white;
  float: left;
  font-size: 11px;
  margin-right: 4px;
  padding: 3px;
  text-align: center;
}
.product-info .short_description {
  display: block;
  padding-bottom: 15px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eaeaea
}
.offer_wrapper {
  margin-bottom: 10px;
  display: block;
}
.product-info .options {
  margin-bottom: 10px;
  display: table-cell;
}
.extended_offer {
  background: #fff;
  display: block;
  table-layout: auto;
  float: left;
}
.extended_offer_hvl {
  background: #fff;
  display: block;
  table-layout: auto;
  float: left;
}
.quickview .extended_offer {
  background: #f8f8f8
}
.extended_offer .price-old, .extended_offer .price-save, .extended_offer .price-regular {
  padding: 13px 18px;
  display: table-cell;
  font-weight: 400
}
.extended_offer .price-new {
  padding-top: 40px;
  padding-bottom: 10px;
  display: block;
}
.extended_offer .price-new-hvl {
  float: left;
  padding-bottom: 10px;
  display: block;
  margin-right: 10px;
  text-align: left;
  font-weight: 700;
}
.quickview .extended_offer .price-new, .quickview .extended_offer .price-old, .quickview .extended_offer .price-save, .quickview .extended_offer .price-regular {}
.deals_module .extended_offer .price-new, .deals_module .extended_offer .price-old, .deals_module .extended_offer .price-save, .deals_module .extended_offer .price-regular {
  border-color: #fff;
  background: #f8f8f8;
  padding: 14px 18px 10px
}
.extended_offer .price-old {
  text-decoration: none;
  font-weight: inherit
}
.extended_offer .price-old .amount {
  text-decoration: line-through !important
}
.extended_offer .price-save {
  color: #ff4557
}
.extended_offer .amount {
  display: block;
  font-size: 20px;
  font-weight: 600
}
.product-info .hasCountdown {
  background-color: #fff;
  padding: 6px 10px 7px;
  display: table;
  width: 100%;
  font-size: 13px;
  color: #ff4557
}
.product-info.quickview .hasCountdown {
  border-top: 2px solid #fff;
  background-color: #f8f8f8
}
.deals_module .product-info .hasCountdown {
  border-top: 5px solid #fff;
  font-size: 0;
  padding-bottom: 0
}
.hasCountdown span {
  color: #777
}
.hasCountdown i {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  margin: 0 -2px 0 5px
}
.product-info .hurry {
  display: inline-block;
  padding: 9px 0 5px;
  font-size: 13px;
  font-weight: 600
}
.deals_module .product-info .hurry {
  padding-top: 6px
}
.product-info .hurry .items_left {
  color: #ff4557
}
.product-info .price {
  font-size: 22px;
  line-height: 15px;
  margin-bottom: -3px;
  padding: 0px;
}
.product-info .pricehvl {
  font-size: 20px;
  line-height: 15px;
  margin-bottom: -3px;
  padding: 0px;
}
.product-info .options .form-group {
  margin-bottom: 10px;
  display: block;
}
.product-info .options .form-group.clean_thumbs {
  margin-bottom: 8px
}
.product-info .options .form-group .control-label {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  min-width: 40px;
  padding: 9px 10px 5px 0
}
.product-info .options .form-group .holder {
  display: block;
  vertical-align: top;
  width: 100%;
  font-size: 20px;
}
.holder li a {
  background: #fff none repeat scroll 0 0;
  border: solid 1px #ddd;
  color: #666;
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin-right: 6px;
  padding: 14px;
  text-align: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.holder li.disabled a {
  background: #f1eeee linear-gradient(to left top, transparent 47.75%, currentcolor 49.5%, currentcolor 50.5%, transparent 52.25%) repeat scroll 0 0;
  opacity: 0.4;
  pointer-events: none;
}
.prddty {
  background-color: #fefefe;
  padding: 10px 0px;
  border-top: 1px dotted #e1e1e1;
}
.holder li a:hover {
  background-color: #80af92;
  color: #fff;
  border: 3px solid orangered;
}
.holder .optli.active, .holder .optli.active a {
  background-color: #80af92;
  color: #fff;
}
.holder .optli.active a {
  border: 3px solid orangered;
}
.product-info .options .form-group .holder .buton-cart {
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  width: calc(100%);
  padding: 12px;
  background-color: #92d6ad;
  color: #fff;
  margin-bottom: 10px;
  justify-content: center;
  border-radius: 5px !important;
}
.product-info .options .form-group .holder #button-cart.active {
  background: #92d6ad;
  text-align: center;
  color: #fff;
}
.product-info .options .form-group .holder #button-cart:hover {
  background-color: #80af92;
  color: #fff;
}
.product-info .options .checkbox, .product-info .options .radio {
  margin-top: 8px;
  margin-bottom: 5px
}
.product-info .clean-option-image {
  font-size: 0;
  padding-top: 5px
}
.product-info .clean-option-image input[type="radio"] {
  display: none
}
.product-info .clean-option-image .single-option {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 5px 0
}
.product-info .clean-option-image .single-option label img {
  border: 1px solid #ddd;
  background: #fff;
  padding: 3px;
  border-radius: 3px;
  max-height: 28px;
  cursor: pointer
}
.product-info .clean-option-image .single-option label img:hover, .product-info .clean-option-image .single-option input[type="radio"]:checked + label img {
  border: 1px solid #666
}
.product-info .clean-option-image [data-tooltip]:after {
  bottom: 40px
}
.product-info .clean-option-image [data-tooltip]:before {
  bottom: 44px
}
.product-info input.quantity {
  color: #80af92;
  text-align: center;
  width: 35px;
  vertical-align: top;
  border-radius: 0;
  height: 35px !important;
  border-width: 2px 0;
  border-color: #EEE;
  font-weight: bold;
  font-size: 18px;
}
.product-info .quantity_button {
  background: #EEE;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  color: #80af92;
  font-size: 24px;
  text-align: center;
  font-family: Tahoma, Geneva, sans-serif;
 
}
.product-info .quantity_button.arrow_icon:hover {
  border-color: transparent;
  color: #fff !important;
}
.product-info .quantity_button.arrow_icon.minus {
  color: #80af92;
  border-right: none;
  border-radius: 3px 0 0 3px;
  font-size: 28px;
}
.product-info .quantity_button.arrow_icon.plus {
  color: #80af92;
  border-left: none;
  border-radius: 0 3px 3px 0;
  font-size: 25px;
}
.product-info .cart {
  padding: 20px 0 10px
}
.product-info .share {
  white-space: nowrap;
  overflow: auto
}
.product-info .share .addthis_toolbox {
  float: left
}
.product-info .price-tax {
  color: #999;
  display: block;
  font-size: 12px
}
.product-info .minimum, .product-info .reward, .product-info .discount {
  background: #fff;
  padding: 10px 20px;
  font-size: 13px;
  color: #ed6b6a;
  border: solid 2px #ed6b6a;
}
.discounthvl {
  background: #fff;
  padding: 10px 5px;
  font-size: 20px;
  color: #ed6b6a;
  border: solid 2px #ed6b6a;
  font-weight: 900;
  float: left;
  margin-top: -3px;
  margin-right: 10px;
  border: 2px solid rgb(237, 107, 106);
  border-radius: 4px;
}
.product-info.quickview .minimum, .product-info.quickview .reward, .product-info.quickview .discount {
  background: #f8f8f8;
  border-top: 2px solid #fff
}
.product-info .discount span {
  display: block
}
.tum-markalar-txt {
  font-size: 13px;
  text-align: left;
  clear: both;
}
.tags {
  display: block;
  margin-top: 20px
}
#tab-description h2, #tab-description h3, #tab-description h4 {
  margin-top: 20px
}
.well.question {
  border-radius: 0;
  box-shadow: none;
  border-color: #F0F0F2;
  background: #F5F5F5
}
.manufacturer_brand {
  padding: 15px 0 30px
}
.manufacturer_brand .bordered_content {
  padding: 10px
}
.tabs-group .nav-pills > li > a.selected {
  color: #fff;
  background-color: #80af92
}
.nav-pills {
  background-color: #fff;
  background-repeat: repeat-x;
  border: 1px solid #dbdde1;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 0
}
.nav-pills > li > a {
  border-radius: 0
}
.tabs-group .tab-content {
  padding: 0 9px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
  background-color: #f1f1f1
}
.tab-nav {
  width: 32.3%
}
.review-list {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #EEE
}
.review-list .rating {
  float: right;
  margin-bottom: 20px
}
.review-list .author {
  float: left;
  margin-bottom: 20px
}
.review-list .text {
  clear: both
}
.attribute thead td, .attribute thead tr td:first-child {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  background: #ebebeb;
  text-align: left
}
.attribute {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-bottom: 20px
}
.attribute td {
  padding: 7px;
  color: #4D4D4D;
  text-align: center;
  vertical-align: top;
  border-right: 1px solid #ddd;
  border-left: 0;
  border-bottom: 1px solid #ddd
}
.attribute tr td:first-child {
  color: #000;
  font-weight: 700;
  text-align: right;
  width: 20%
}
.compare-info .price-old {
  text-decoration: line-through
}
.compare-info .price-new {}
.compare-info .name a {}
.compare-info td {
  text-align: center;
  vertical-align: top
}
.compare-info tr td:first-child {
  font-weight: 700;
  text-align: left;
  width: 16%
}
.compare-info thead td, .compare-info thead tr td:first-child {
  color: #000;
  font-weight: 700;
  font-size: 19px;
  background: #e2e2e2;
  text-align: left;
  border: 0
}
.wishlist-info table tr td, .cart-info table tr td {
  text-align: center;
  vertical-align: middle
}
.wishlist-info table tr td img, .wishlist-info table tr td input, .cart-info table tr td img, .cart-info table tr td input {
  display: inline-block;
  vertical-align: middle
}
.order-list {
  margin-bottom: 10px
}
.order-list .order-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 24px
}
.order-list .order-content {
  padding: 10px 0
}
.order-list .order-info {
  text-align: right
}
.order-list .order-id {
  width: 49%;
  float: left;
  margin-bottom: 24px
}
.order-list .list-content {
  margin-bottom: 12px
}
.order-detail {
  background: #dbdbdb;
  font-weight: 700
}
.return-list {
  margin-bottom: 10px
}
.return-list .return-content {
  padding: 10px 0
}
.return-list .return-id {
  width: 49%;
  float: left;
  margin-bottom: 24px
}
.return-list .return-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 24px
}
.return-list .return-info {
  text-align: right
}
.return-list .list-content {
  margin-bottom: 12px
}
.return-opened textarea {
  vertical-align: top
}
.return-captcha {
  float: left
}
.download-list {
  margin-bottom: 10px
}
.download-list .download-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 24px
}
.download-list .download-id {
  width: 49%;
  float: left;
  margin-bottom: 24px
}
.download-list .download-content {
  padding: 10px 0
}
.download-list .download-info {
  text-align: right
}
.download-list .list-content {
  margin-bottom: 24px
}
.checkout-heading {
  background: #fff;
  border: 1px solid #f2f2f0;
  padding: 8px;
  font-size: 17px;
  color: #000;
  margin-bottom: 15px;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 0px 2px 4px #7b7b7b;
}
.checkout-heading.completed {
  background: #e0e0e0 none repeat scroll 0 0;
  border: 1px solid #e0e0e0;
}
.checkout-heading a {
  float: right;
  margin-top: 1px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  color: #000;
  font-size: 14px;
}
.checkout-heading.completed a {
  color: #fff;
}
.checkout-heading.completed i {
  margin-right: 6px;
}
.checkout-content {
  padding: 0 0 15px;
  display: none
}
.checkout-content .buttons {
  clear: both
}
.checkout-product tbody .name, .checkout-product tbody .model {
  text-align: left
}
.checkout-product thead .name, .checkout-product thead .model {
  text-align: left
}
.checkout-product table tr {
  border: 1px solid #EEE;
  min-height: 31px;
}
.checkout-product thead td {
  color: #80af92;
  font-weight: 400;
  font-size: 12px;
  background-color: #EEE;
  height: 31px;
}
.checkout-product tfoot td {
  text-align: right;
}
.checkout-product tbody td {
  vertical-align: top;
}
.checkout-product td {
  padding: 4px !important;
  border: none !important;
}
.checkout-product table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  margin-bottom: 20px
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
  text-align: right
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
  text-align: right
}
.small-text {
  font-size: 13px;
  font-weight: normal;
  padding: 20px;
  background: #fff;
}
.small-text .title, .small-text .title a {
  font-size: 18px !important;
  text-align: left;
  color: #000;
   !important;
  margin-bottom: 20px;
}
.small-text p {
  line-height: normal;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 600;
}
.small-text .underline {
  border-bottom: 1px solid #000;
  font-weight: bold;
}
.small-text a {
  float: none !important;
  margin-bottom: 6px;
  cursor: pointer;
  color: #000 !important;
}
.small-text .last {
  border-top: 1px dotted #999;
  font-size: 19px;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  padding-top: 10px;
}
.sepet.btn-primary {
  background-color: #000;
  -webkit-box-shadow: 2px 3px 2px 0px rgba(194, 194, 194, 1);
  -moz-box-shadow: 2px 3px 2px 0px rgba(194, 194, 194, 1);
  box-shadow: 2px 3px 2px 0px rgba(194, 194, 194, 1);
  color: #fff;
  width: 100%;
}
.cart-option {
  display: block;
  clear: both;
}
.mb18 {
  margin-bottom: 18px;
}
.inner-align {
  background: #e63a30 !important;
  position: relative;
  margin: auto;
  padding: 0 6%;
}
i.fa-s {
  font-size: 14px !important;
}
.small-buttons {
  padding-right: 2px;
}
.small-buttons button {
  width: 20px;
  height: 20px;
  border: 1px solid #e1e1e1;
  float: left;
  margin: -1px -1px;
  padding: 0px;
  border-radius: 0px;
  background: #e1e1e1;
}
.sitemap-info {
  margin-bottom: 36px
}
.sitemap-info ul > li {
  line-height: 1.92857;
  font-weight: 700;
  list-style: disc inside none
}
.sitemap-info ul > li > ul {
  margin-left: 24px
}
.sitemap-info ul > li > ul li {
  font-weight: 400;
  list-style: circle inside none
}
.sitemap-info ul > li > ul li li {
  list-style: square inside none
}
.page-not-found {
  text-align: center
}
.page-not-found h2 {
  font-size: 230%;
  color: #3b3b3b;
  margin: 120px 0 12px
}
.page-not-found span {
  margin-right: 12px
}
.contact-location {
  margin-bottom: 12px
}
.contact-location img {
  max-width: none
}
.contact-content {
  background-color: #fff;
  padding: 20px;
  border: 0
}
.contact-content2 {
  background-color: #fff;
  border: 0 none;
  padding: 20px
}
.contact-content .buttons {
  border: 0;
  padding: 0;
  margin-top: 20px
}
.contact-content .contact-customhtml {
  border: 0;
  padding: 0;
  margin-top: 20px
}
.contact-content .contact-customhtml .content {
  min-height: 338px
}
.contact-content .fa {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #92d6ad;
  font-size: 19px;
  margin-bottom: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}
.contact-content .fa:hover {
  background-color: #80af92
}
.pav-megamenu {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-family: "Montserrat", Arial, sans-serif
}
.pav-megamenu .pav-colorbox {
  display: none !important
}
.pav-megamenu .home a {
  padding-left: 25px !important;
  margin-left: 10px
}
.pav-megamenu .home a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
  background-image: url(../image/home.png);
  background-repeat: no-repeat;
  background-position: center center
}
.rtl .pav-megamenu .home a:before {
  right: 0;
  left: auto
}
.pav-megamenu .navbar {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}
.pav-megamenu .navbar-nav > li > .dropdown-menu {
  border-top: 4px solid #3f3f3f
}
.pav-megamenu .navbar-nav > li:hover {
  background-color: #3f3f3f
}
.pav-megamenu .navbar-nav > li:hover:before {
  background-color: #80af92;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  content: "";
  height: 4px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  top: 0;
  width: 100%
}
.pav-megamenu .navbar-nav > li:first-child:hover:before {
  background-color: #0e1b64;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  content: "";
  height: 4px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  top: 0;
  width: 100%
}
.pav-megamenu .navbar-nav > li:first-child:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 4px solid #80af92
}
.pav-megamenu .navbar-nav > li:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 4px solid #80af92
}
.pav-megamenu .navbar-nav > li.aligned-fullwidth {
  position: static
}
.pav-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu {
  width: 100% !important
}
.pav-megamenu .navbar-nav > li.aligned-right .dropdown-menu {
  right: 0;
  left: auto;
  left: auto
}
.rtl .pav-megamenu .navbar-nav > li.aligned-right .dropdown-menu {
  left: 0;
  right: auto;
  right: auto;
  left: auto
}
.pav-megamenu .navbar-nav > li.aligned-left .dropdown-menu {
  left: 0;
  right: auto;
  left: auto
}
.rtl .pav-megamenu .navbar-nav > li.aligned-left .dropdown-menu {
  right: 0;
  left: auto;
  left: auto;
  right: auto
}
.pav-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
  left: 50%;
  transform: translate(-50%)
}
.rtl .pav-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
  right: 50%;
  left: auto
}
.pav-megamenu .navbar-nav > li > a {
  padding: 15px 20px;
  font-size: 14px;
  color: #000;
  background-color: transparent !important;
  font-weight: 700;
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out
}
.pav-megamenu .navbar-nav > li > a:hover, .pav-megamenu .navbar-nav > li > a:focus, .pav-megamenu .navbar-nav > li > a:active {
  color: #fff !important
}
.pav-megamenu .navbar-nav > li > a:after {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0 solid #fff;
  width: 0;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: border 300ms ease-out 0;
  transition: border 300ms ease-out 0
}
.pav-megamenu .navbar-nav > li > a .caret {
  position: relative
}
.pav-megamenu .navbar-nav > li > a .caret:before {
  font-family: 'FontAwesome';
  position: absolute;
  right: -10px;
  top: 0;
  color: #fff
}
.pav-megamenu .navbar-nav > li:hover > a .caret:before, .pav-megamenu .navbar-nav > li:active > a .caret:before {
  color: #fff !important;
}
.pav-megamenu .dropdown-menu {
  text-align: left;
  top: 100%;
  left: -9999px;
  height: auto;
  font-weight: 300;
  color: #3f3f3f;
  border: 0;
  min-width: 200px;
  padding: 20px;
  background-color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: opacity .3s linear 0;
  transition: opacity .3s linear 0
}
.rtl .pav-megamenu .dropdown-menu {
  text-align: right;
  right: -9999px;
  left: auto
}
.pav-megamenu .dropdown-menu li {
  line-height: 30px
}
.pav-megamenu .dropdown-menu li a {
  color: #000;
  padding: 0;
  font-weight: 300;
  font-size: 13px;
  line-height: 30px
}
.pav-megamenu .dropdown-menu li a:hover {
  background-color: transparent;
  color: #80af92
}
.pav-megamenu .dropdown-menu li a:hover .fa {
  color: #80af92
}
.pav-megamenu .dropdown-menu .menu-title {
  margin-bottom: 25px;
  font-size: 14px
}
.pav-megamenu .dropdown:hover > .dropdown-menu {
  display: block;
  left: 0
}
.rtl .pav-megamenu .dropdown:hover > .dropdown-menu {
  right: 0;
  left: auto
}
.pav-megamenu .dropdown-submenu {
  position: relative
}
.pav-megamenu .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100% !important;
  right: auto !important;
  left: auto;
  position: absolute
}
.rtl .pav-megamenu .dropdown-submenu .dropdown-menu {
  right: 100% !important;
  left: auto;
  left: auto !important;
  right: auto
}
.pav-megamenu .dropdown-submenu:hover > .dropdown-menu {
  display: block
}
.pav-megamenu .mega-group > .dropdown-toggle {
  border: 0;
  display: block;
  letter-spacing: 3px;
  font-family: "Source Sans Pro";
  color: #fff
}
.pav-megamenu .mega-group > .dropdown-toggle .fa {
  color: #fff
}
.pav-megamenu .widget-title {
  color: #000
}
.pav-megamenu .megamenu .cols1 {
  min-width: 200px
}
.pav-megamenu .megamenu .cols2 {
  min-width: 500px
}
.pav-megamenu .megamenu .cols3 {
  min-width: 740px
}
div.verticalmenu {
  z-index: 100
}
div.verticalmenu .hide-title .widget-title {
  display: none
}
div.verticalmenu .navbar-collapse, div.verticalmenu .navbar-vertical {
  margin: 0;
  padding: 0;
  border: none
}
div.verticalmenu .navbar-nav {
  position: static;
  float: none;
  width: 100%
}
div.verticalmenu .navbar-nav > li {
  width: 100%;
  height: auto;
  position: static;
  text-align: left
}
.rtl div.verticalmenu .navbar-nav > li {
  text-align: right
}
div.verticalmenu .navbar-nav > li > a {
  display: block;
  color: #3f3f3f;
  font-size: 14px;
  padding: 14px 10px 15px 20px;
  border-bottom: 1px solid #dbdbdb
}
div.verticalmenu .navbar-nav > li > a .menu-icon {
  display: block;
  height: 20px
}
div.verticalmenu .navbar-nav > li > a .menu-icon span {
  display: block;
  margin-left: 35px;
  line-height: normal;
  font-size: 14px
}
div.verticalmenu .navbar-nav > li > a .menu-icon .menu-desc {
  display: none
}
div.verticalmenu .navbar-nav > li > a:hover, div.verticalmenu .navbar-nav > li > a:focus {
  color: #555
}
div.verticalmenu .navbar-nav > li > a .caret {
  display: none
}
div.verticalmenu .navbar-nav > li.last a, div.verticalmenu .navbar-nav > li:last-child a {
  border: 0
}
div.verticalmenu .navbar-nav > li:hover {
  color: #555
}
div.verticalmenu .navbar-nav > li:hover > a {
  color: #80af92 !important
}
div.verticalmenu .navbar-nav > li:hover > a .menu-icon {
  background-position: left bottom !important
}
div.verticalmenu .navbar-nav > li:hover > a .caret {
  border-left-color: #555
}
div.verticalmenu .navbar-nav > li:hover > .dropdown-menu {
  right: 100%;
  left: auto;
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100)
}
.rtl div.verticalmenu .navbar-nav > li:hover > .dropdown-menu {
  left: 100%;
  right: auto
}
div.verticalmenu .navbar-nav > li .parent {
  position: relative
}
div.verticalmenu .navbar-nav > li .parent > .dropdown-toggle {
  text-transform: none;
  font-weight: 400;
  color: #3f3f3f
}
div.verticalmenu .navbar-nav > li .parent > .dropdown-toggle:hover {
  color: #555
}
div.verticalmenu .navbar-nav > li .parent > .dropdown-menu {
  min-height: 100px;
  height: 100px;
  height: auto !important;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.13)
}
div.verticalmenu .navbar-nav > li .parent:hover > .dropdown-menu {
  right: 100%;
  left: auto;
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100)
}
.rtl div.verticalmenu .navbar-nav > li .parent:hover > .dropdown-menu {
  left: 100%;
  right: auto
}
div.verticalmenu .navbar-nav > li.parent:hover > a:after {
  position: absolute;
  content: "";
  left: -5px;
  top: 0;
  width: 0;
  height: 100%;
  border: 7px solid #fff;
  z-index: 9999
}
.rtl div.verticalmenu .navbar-nav > li.parent:hover > a:after {
  right: -5px;
  left: auto
}
div.verticalmenu .verticalmenu li a:hover {
  color: #80af92 !important
}
div.verticalmenu .verticalmenu li a:hover .caret {
  border-right-color: #fff
}
div.verticalmenu .dropdown-menu {
  right: -9999px;
  left: auto;
  left: auto;
  top: -9999px;
  border: 0;
  display: block;
  height: 100%;
  height: auto !important;
  min-width: 230px;
  padding: 20px 28px;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45)
}
.rtl div.verticalmenu .dropdown-menu {
  left: -9999px;
  right: auto;
  right: auto;
  left: auto
}
div.verticalmenu .dropdown-menu ul li {
  border: 0;
  padding: 4px 0;
  line-height: normal;
  list-style: none
}
div.verticalmenu .dropdown-menu ul li a {
  color: #3f3f3f;
  font-size: 14px;
  font-weight: 400;
  padding: 0
}
div.verticalmenu .dropdown-menu p {
  line-height: 18px;
  font-size: 14px;
  color: #3f3f3f
}
div.verticalmenu .dropdown-menu .pav-menu-video {
  width: 100%
}
div.verticalmenu .dropdown-menu .pav-menu-video iframe {
  margin-bottom: 10px
}
div.verticalmenu .dropdown-menu .dropdown-toggle:hover {
  color: #000
}
div.verticalmenu .dropdown-menu .dropdown-toggle {
  font-weight: 700;
  line-height: normal;
  color: #000;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px
}
div.verticalmenu .dropdown-menu .action {
  display: none
}
.pavo-widget .widget-title {
  font-size: 16px;
  font-weight: 700;
  color: #3f3f3f
}
.pavo-widget .products-row {
  margin: 0
}
.pavo-widget .products-row .product-col {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid transparent;
  padding: 0
}
.pavo-widget .product-block:before, .pavo-widget .product-block:after {
  content: " ";
  display: table
}
.pavo-widget .product-block:after {
  clear: both
}
.pavo-widget .product-block .image {
  float: left;
  overflow: inherit;
  width: 40%
}
.pavo-widget .product-block .action, .pavo-widget .product-block .pav-colorbox, .pavo-widget .product-block .colorbox, .pavo-widget .product-block .image-gallery {
  display: none
}
.pavo-widget .product-meta {
  width: 59.5%;
  float: left
}
#mainmenutop .navbar-toggle {
  float: left
}
#menu-offcanvas .menu-offcanvas-inner {
  background-color: #555
}
#menu-offcanvas .dropdown .dropdown-menu {
  border: medium none;
  box-shadow: none;
  display: block;
  float: none;
  position: relative;
  top: 0;
  width: 100% !important;
  min-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner {
  padding: 0 20px
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner ul > li {
  list-style: none
}
#menu-offcanvas .dropdown .dropdown-menu .dropdown-menu-inner .menu-title {
  font-size: 14px
}
#menu-offcanvas .product-block .image {
  text-align: left
}
.content, mod-content {
  padding: 15px;
}
html, body, .offcanvas-container, .offcanvas-pusher, .offcanvas-content {
  min-height: 100%
}
.offcanvas-content {
  overflow-y: scroll;
  background: #f3efe0
}
.offcanvas-pusher {
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s
}
.offcanvas-pusher::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width .1s 0.5s, height .1s .5s;
  transition: opacity 0.5s, width .1s 0.5s, height .1s .5s;
  z-index: 9999
}
.offcanvas-menu-open .offcanvas-pusher::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
.offcanvas-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999;
  visibility: hidden;
  width: 300px;
  height: 100%;
  -webkit-transition: all .5s;
  transition: all .5s
}
.offcanvas-menu::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
.offcanvas-menu-open .offcanvas-menu::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width .1s 0.5s, height .1s .5s;
  transition: opacity 0.5s, width .1s 0.5s, height .1s .5s
}
.offcanvas-menu ul {
  margin: 0;
  padding: 0;
  lioffcanvas-style: none
}
.offcanvas-menu h2 {
  margin: 0;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 2em
}
.offcanvas-menu ul.megamenu > li > a {
  display: block;
  padding: 1em 1em 1em 1.2em;
  outline: none;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #f3efe0;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-weight: 400;
  -webkit-transition: all .3s;
  transition: all .3s
}
.offcanvas-menu ul.verticalmenu > li > a {
  display: block;
  padding: 1em 1em 1em 1.2em;
  outline: none;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #f3efe0;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-weight: 400;
  -webkit-transition: all .3s;
  transition: all .3s
}
.offcanvas-menu ul.verticalmenu .menu-desc {
  display: none
}
.offcanvas-menu ul.verticalmenu .menu-icon {
  background: none !important
}
.offcanvas-effect-1.offcanvas-menu {
  visibility: visible;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}
.offcanvas-effect-1.offcanvas-menu-open .offcanvas-effect-1.offcanvas-menu {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.offcanvas-effect-1.offcanvas-menu::after {
  display: none
}
.offcanvas-effect-2.offcanvas-menu-open .offcanvas-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0)
}
.offcanvas-effect-2.offcanvas-menu {
  z-index: 1
}
.offcanvas-effect-2.offcanvas-menu-open .offcanvas-effect-2.offcanvas-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  -o-transition: -o-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.offcanvas-effect-3.offcanvas-menu-open .offcanvas-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0)
}
.offcanvas-effect-3.offcanvas-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 1
}
.offcanvas-effect-3.offcanvas-menu-open .offcanvas-effect-3.offcanvas-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  -o-transition: -o-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.offcanvas-effect-5.offcanvas-menu-open .offcanvas-pusher {
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0)
}
.offcanvas-effect-5.offcanvas-menu {
  z-index: 1;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0)
}
.offcanvas-effect-5.offcanvas-menu-open .offcanvas-effect-5.offcanvas-menu {
  visibility: visible;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  -o-transition: -o-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media (max-width:768px) {
  .search_wrapper.active {
    top: 42px;
  }
  #mainmenutop .navbar-nav {
    display: none
  }
  .channel-entrance a {
    font-size: 12px
  }
  .quantity-adder, .product-info .product-extra .cart .btn {
    font-size: 11px !important
  }
  .product-info .product-extra .cart {
    margin-left: 5px !important
  }
  .offcanvas-siderbars {
    position: relative
  }
  .offcanvas-siderbars .offcanvas-sidebar {
    display: none;
    width: 100%
  }
  .offcanvas-siderbars.column-left-active #oc-column-left {
    display: block
  }
  .offcanvas-siderbars.column-right-active #oc-column-right {
    display: block
  }
  .offcanvas-siderbars.column-left-active .main-column {
    display: none
  }
  .offcanvas-siderbars.column-right-active .main-column {
    display: none
  }
}
.offcanvas-sidebars-buttons {
  margin: 10px;
  overflow: hidden
}
#menu-offcanvas .pavo-widget .widget-inner iframe {
  width: 250px !important
}
.button-close-menu {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
  outline: 0
}
#page {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 37px
}
#topbar {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  height: 36px
}
#footer .footer-top .inner {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-color: #e2e2e2;
  border-width: 1px 1px 0;
  border-style: solid;
  max-width: 1134px;
  margin: 0 auto;
}
#footer .footer-bottom .inner {
  position: relative
}
#footer .footer-bottom .inner:before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0
}
#footer .paypal p {
  padding: 0;
  margin: 0
}
#poweredhedef {
  border-top: solid 1px rgba(255, 255, 255, .15);
  background: #fff;
  padding: 5px;
  height: 70px;
}
#powered .inner {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}
#poweredhedef .inner a {
  color: #000;
}
.hedef span {
  color: #000;
}
.no-padding .box-content {
  padding: 0 !important
}
.margin-botton {
  margin-bottom: 18px
}
.custom-relative {
  position: relative
}
.ImageWrapper {
  position: relative;
  cursor: pointer
}
.ImageWrapper:hover img {
  opacity: .5;
  z-index: 99
}
.ImageWrapper:hover .WhiteRounded {
  visibility: visible;
  opacity: 1;
  top: 50%;
  margin-top: -20px
}
.ImageWrapper .WhiteRounded {
  position: absolute;
  left: 50%;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #80af92;
  z-index: 999;
  margin: 0;
  opacity: 0;
  text-align: center;
  top: 0;
  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0;
  visibility: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  display: table;
  margin-left: -20px
}
.ImageWrapper .WhiteRounded a {
  display: table-cell;
  vertical-align: middle;
  color: #fff
}
.ImageWrapper .WhiteRounded:hover {
  background-color: #000
}
.wrapper {}
.bg-content {
  background-color: #fff;
  padding: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}
.footer-top .footer-top-custom {
  cursor: pointer;
  position: relative;
  padding-left: 73px
}
.rtl .footer-top .footer-top-custom {
  padding-right: 73px;
  padding-left: inherit
}
.footer-top .footer-top-custom img {
  left: 10px;
  position: absolute;
  top: 8px;
  overflow: hidden;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: transform;
  transition-property: transform
}
.rtl .footer-top .footer-top-custom img {
  right: 10px;
  left: auto
}
.footer-top .footer-top-custom:hover img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg)
}
.footer-top .footer-top-custom h3 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px
}
.footer-top .footer-top-custom p {
  color: #969696;
  font-size: 14px
}
.footer-top .footer-top-custom:nth-child(1) h3 {
  color: #ed5565
}
.footer-top .footer-top-custom:nth-child(2) h3 {
  color: #80af92
}
.footer-top .footer-top-custom:nth-child(3) h3 {
  color: #8cc152
}
.footer-top .footer-top-custom:nth-child(4) h3 {
  color: #1abc9c
}
.contact-us li a {
  color: #fff !important
}
.contact-us li a:hover {
  color: #80af92 !important
}
.contact-us li:hover {
  color: #80af92 !important;
  cursor: pointer
}
.modal-dialog .modal-header {
  color: #000
}
.modal-dialog .modal-body {
  color: #000
}
@media (min-width:992px) and (max-width:1199px) {
  .social > span {
    display: block;
    margin: 0 0 10px;
    width: 100%
  }
}
@media (min-width:768px) and (max-width:991px) {
  .products-row .product-col {
    border-bottom: 1px solid #dbdbdb
  } /*  .zoomContainer, .pav-colorbox, .product-zoom {    display: none !important  }*/ .child-menu .dropdown-menu {
    width: 493px !important
  }
}
@media (max-width:767px) {
  .quick-access {
    margin-right: 10px
  }
  .quick-access .links li {
    float: left;
    width: 100%
  }
  .search-inline:before {
    border: none
  }
  #search-auto {
    margin-right: 0 !important
  }
  .products-row .product-col {
    border-bottom: 1px solid #dbdbdb
  } /*        .zoomContainer, .pav-colorbox, .product-zoom {            display: none !important        }    */ .product-info .image-container {
    padding-right: 9px
  }
  .pavcol2 {
    width: 100% !important
  }
  .pav-colorbox.btn.btn-outline-inverse-hb.cboxElement {
    width: 85px
  }
}
@media (max-width:480px) {
  #pavo-slideshow { /*display:none*/
  }
  #pavo-showcase {
    display: none
  }
  #header-main .inner {
    width: 100%;
    text-align: center
  }
  #header-main .inner > * {
    float: none !important
  }
  #header-main .inner:last-child {
    display: none
  }
  #search-auto .category_filter {
    width: 40% !important
  }
  #search-auto .search-input-wrapper {
    width: 60% !important
  }
  .product-info .action > div {
    margin-bottom: 10px
  }
  .box-inline .box-left, .box-inline .box-right {
    width: 100%
  }
  .social > span {
    width: 100%
  }
  .product-list .image {
    clear: both;
    float: inherit
  }
	.wishlist.btn.btn-outline{
	padding: 8px 5px 9px;
	font-size: 12px;
	-webkit-appearance: none;
	border: none;
	line-height: 1.3;
	white-space: normal;
	border-radius: 0px;
	}
}
.product-block .img {
  -webkit-transition: left .7s cubic-bezier(0.75, 0, 0.175, 1);
  transition: left .7s cubic-bezier(0.75, 0, 0.175, 1)
}
.product-block .pav-colorbox, .product-block .product-zoom {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  position: absolute;
  top: 50%;
  bottom: 50%;
  -webkit-transition: all .3s ease 0;
  transition: all .3s ease 0
}
.product-block .pav-colorbox {
  margin: -10px 0 0 -60px
}
.product-block .product-zoom {
  margin: -10px -70px 0 0
}
.product-block .action {
  top: 80%;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: all .4s ease 0;
  transition: all .4s ease 0
}
.product-block:hover .action {
  top: 96%;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible
}
.product-block .image:hover .product-zoom, .product-block .image:hover .pav-colorbox {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible
}
.product-block .image:hover .product-zoom {
  margin: -10px -40px 0 0
}
.product-block .image:hover .pav-colorbox {
  margin: -10px 0 0 -25px
}
.product-block .product-meta {
  min-height: 94px
}
.text-fill li a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  line-height: 19px;
  overflow: hidden
}
.text-fill li a:before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  content: attr(data-hover);
  max-width: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #80af92
}
.text-fill li a:hover:before, .text-fill li a:hover:focus {
  max-width: 100%
}
.box-products {
  position: relative
}
.productcarousel .carousel-control {
  z-index: 10
}
.productcarousel .nav {
  padding: 0;
  margin: 0
}
.productcarousel .tab-content, .producttabs .box-product {
  overflow: inherit
}
.productcarousel .carousel-control.left {
  left: -19px
}
.productcarousel .carousel-control.right {
  right: 19px
}
.filter_group {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: -1px;
  color: #777;
  max-height: 403px;
  overflow: auto;
}
.filter_group .checkbox {
  padding-left: 30px;
  margin-bottom: 15px;
  color: #333;
  position: relative;
  cursor: pointer
}
.filter_group .checkbox:last-child {
  margin-bottom: 0
}
.filter_group input {
  display: none
}
.filter_group [type=checkbox] + span:before {
  content: "\f00c";
  font-family: FontAwesome;
  width: 22px;
  padding-left: 4px;
  line-height: 18px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 12px;
  color: #fff
}
.filter_group [type=checkbox]:checked + span:before {
  color: #333
}
#content .filter_group_holder {
  font-size: 0
}
#content .filter_group_holder .filter_group {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 25%
}
#content .filter_group_holder .filter_group + .filter_group {
  border-left: 1px solid #eaeaea
}
.filter_group .checkboxli {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #333;
  position: relative;
  cursor: pointer
}
.filter_checkbox {
  cursor: default;
  background-color: #fff;
  border: 1px solid rgba(155, 155, 155, 0.57);
  border-radius: 1px 1px 1px 1px;
  font-size: 1px;
  height: 18px;
  margin: 0 4px 0 1px;
  outline: 0 none;
  vertical-align: text-bottom;
  width: 18px;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.filter_checkbox .checked {
  height: 22px;
  left: -1px;
  outline: 0 none;
  position: relative;
  top: -4px;
  width: 22px;
  background: url(../image/checkmark.png) no-repeat scroll 1px 1px transparent
}
.filter_price {
  padding: 8px 15px
}
a.button {
  cursor: pointer
}
.cart-module .cart-heading {
  padding: 8px 8px 8px 22px;
  font-weight: 700;
  font-size: 13px;
  color: #555;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
  background: #F8F8F8 url(../image/arrow-right.png) 10px 50% no-repeat
}
.cart-module .active {
  background: #F8F8F8 url(../image/arrow-down.png) 7px 50% no-repeat
}
.cart-module .cart-content {
  padding: 0 0 15px;
  display: none;
  overflow: auto
}
#taksittablosu {
  background: #F7F7F7;
  border: 1px solid #DDD;
  padding: 5px;
  margin: 5px
}
#taksit_secenekleri > td:first-child {
  width: 141px
}
.labelkart {}
.textinput {}
#banka {
  padding: 0;
  font-size: 14px;
  color: #484848;
  max-width: 290px;
  background: #fff
}
.bankaust > th {
  text-align: center;
  color: #f28b00
}
.bankalogo {
  padding: 0 !important
}
#payment-content #banka {
  width: 48%;
  float: left;
  border: 1px solid #DDD;
  background: #fff;
  padding: 2px;
  margin: 2px
}
#banka .bankaheader {
  height: 64px;
  border: 1px solid #DDD;
  background: #fff;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 700
}
#banka h2 {
  font-size: 14px !important;
  text-align: center !important
}
#banka .ust {
  height: 26px;
  border: 1px solid #DDD;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #f28b00
}
#banka #sira > .s1 {
  background: #faf9f9;
  border: #ccc 1px solid
}
#banka #sira > .s2 {
  background: #fff;
  border: #ccc 1px solid
}
#banka #siraalt {
  height: 26px;
  border: 1px solid #fff;
  background: #d5ff92;
  font-weight: 700
}
#banka #siraalt:hover {
  height: 26px;
  border: 1px solid #fff;
  font-weight: 700;
  font-size: 14px
}
#banka #siraust {
  height: 26px;
  border: 1px solid #fff;
  background: #ddd
}
#banka #siraust:hover {
  height: 26px;
  border: 1px solid #fff;
  font-weight: 700;
  font-size: 14px
}
#banka .siraic {
  width: 33%;
  height: 26px;
  float: left;
  border-left: 1px solid #fff;
  padding-right: 2px;
  font-size: 14px
}
#banka td {
  padding: 4px !important
}
.boxfirsat {
  background: #fff;
  margin-top: 4px
}
.boxfirsat .box-heading {
  background-color: #80af92;
  height: 42px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 8px;
  padding-left: 27px;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #fff;
  text-align: left
}
.boxfirsat .box-heading:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(192, 0, 0, 1);
  top: 42px;
  content: "";
  display: inline-block;
  left: 29px;
  position: absolute;
  color: #80af92
}
.boxfirsat .box-content {
  border-bottom: 1px solid #dbdee1;
  border-left: 1px solid #dbdee1;
  border-right: 1px solid #dbdee1;
  height: 296px;
  max-height: 296px;
  overflow: hidden
}
.firsatleft, .firsatright {
  position: absolute;
  top: 150px
}
.firsat_urunleri {
  text-align: center;
  border: 1px solid #80af92;
}
h3.todays_deals {
  color: #fff;
  height: 58px;
  text-align: left;
  padding: 17px 15px 22px 15px;
  background: #80af92
}
.firsat_urunleri .box {
  margin-bottom: 0px !important
}
.firsat_urunleri .tab-content {
  border-radius: 0px !important;
}
.boxfirsat .item {
  margin-top: 10px
}
.firsat_urunleri .tab_content {
  background: #fff !important;
}
.firsat_urunleri .carousel-inner.box-content {
  padding: 0 !important
}
.firsat_urunleri .image {
  display: block;
  margin-bottom: 0;
  text-align: center
}
.firsat_urunleri .image img {
  text-align: center;
  padding-left: 43px
}
.firsat_urunleri .discountrel {
  position: relative
}
.firsat_urunleri .discount {
  background: url(../image/findirimbg.png) no-repeat scroll left center rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  height: 29px;
  right: 2px;
  top: 2px;
  z-index: 10;
  width: 100%;
  color: #fff
}
.firsat_urunleri .name {
  text-align: center
}
.firsat_urunleri .description {
  color: #80af92;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  margin-top: 24px;
}
.firsat_urunleri .discount span {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  padding-top: 4px;
  padding-left: 5px
}
.firsat_urunleri .satir1 {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 700;
  height: 18px;
  margin-bottom: 4px
}
.firsat_urunleri .satir2 {
  color: #BBBBBB;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 13px;
  margin-bottom: 4px
}
.firsat_urunleri h2 {
  margin-bottom: 4px;
  font-size: 16px !important;
}
.firsat_urunleri span {
  font-size: 16px;
}
.firsat_urunleri .price {
  text-align: left;
  color: #92d6ad;
  display: block;
  font-size: 20px !important;
  font-weight: 700;
  height: 30px;
}
.firsat_urunleri .price-old {
  color: #000;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px;
  padding-top: 6px;
  text-decoration: line-through;
  text-align: left;
}
.firsat_urunleri .price-new {
  color: #92d6ad;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 700;
  padding-left: 37px;
  text-align: left;
}
.firsat_urunleri .slide_arrow_next, .firsat_urunleri .slide_arrow_prev {
  width: 14px !important;
}
.login.links.links-outline > a:first-child {
  margin-right: 16px
}
.login.links.links-outline > a:first-child::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll 0 -96px
}
.dropdown-toggle .fa.fa-bars {
  margin-left: 68px
}
.ui-widget-header {
  background: url(../../../javascript/jquery/ui/themes/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) repeat-x scroll 50% 50% #f6a828 !important;
  border: 1px solid #80af92;
  color: #fff;
  font-weight: 700
}
.menu-offcanvas-content {
  background: #fff
}
.barmenu {
  color: #fff;
  margin-left: 10px
}
.discount {
  margin-top: 5px
}
.discount .trn {
  color: #fff;
  font-size: 16px;
  padding: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.product-info .bundlehead {
  color: #4D4D4D;
  border-top: 1px solid #dfe1e4;
  padding: 3px;
  font-weight: 700;
  background-color: #fcc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px
}
.product-info .bundle {
  color: #4D4D4D;
  border-top: 1px solid #dfe1e4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 10px
}
.product-info .bundle .bundleleft {
  font-weight: 700;
  float: left;
  min-height: 80px;
  vertical-align: middle;
  width: 95px
}
.product-info .bundle .bundlecheckbox {
  font-weight: 700;
  float: left;
  vertical-align: middle
}
.product-info .bundle .bundleright {
  font-weight: 700;
  float: left;
  vertical-align: middle;
  width: 285px
}
.product-info .bundle .bundleimage {
  font-weight: 700;
  float: left;
  vertical-align: middle
}
.product-info .bundle .bundletitle {
  font-weight: 700;
  float: left;
  vertical-align: middle;
  width: 275px;
  padding-top: 15px
}
.product-info .bundle .bundleprice {
  font-weight: 700;
  vertical-align: middle;
  width: 275px;
  color: #F65423
}
.product-info .bundle .bundleprice span {
  font-weight: 700;
  vertical-align: middle;
  color: #F65423
}
.product-info .bundle .bundleprice .productprice {
  font-weight: 700;
  vertical-align: middle;
  color: #4D4D4D;
  text-decoration: line-through;
  padding-right: 10px
}
.sidebartext {
  left: 0;
  overflow: inherit !important;
  top: 0;
  width: 100%;
  z-index: 50
}
#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: "Montserrat", Arial, Helvetica, sans-senif;
  font-size: 13px;
  background: transparent
}
#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left
}
#nav li {
  margin: 0 5px;
  height: 44px;
  padding-top: 6px
}
#nav li:hover .subcat, #nav li div.subcat:hover {
  display: block
}
#nav li .subcat {
  background: #f7fbfe none repeat scroll 0 0;
  border: 1px dotted #e8e8e8;
  border-left: 0;
  left: 100%;
  margin-left: -1px;
  min-height: 100%;
  padding-left: 5px;
  position: absolute;
  top: 0;
  width: 674px;
  z-index: 1001;
  display: none
}
#nav li li {
  height: 26px
}
#nav li a img {
  display: block;
  clear: both;
  position: relative;
  left: 25px;
  padding-bottom: 10px
}
* html#nav li li {
  float: left
}
#nav li a {
  color: #000;
  display: inline-block;
  font-size: 13px;
  padding: 5px 0;
  position: relative;
  text-decoration: none;
  width: 100%
}
#nav li li a {
  font-weight: 400;
  overflow: hidden;
  line-height: 13px;
  font-weight: bold;
  color: #333;
  font-size: 13px !important
}
#nav li li a:hover {
  color: #f60
}
* html#nav ul {
  width: 0
}
#nav li:hover li:hover > ul {
  left: -5px;
  margin-left: 100%;
  top: -1px;
  z-index: 500;
  border: 1px dotted #e8e8e8;
  display: none
}
#nav li:hover > ul ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: auto
}
#nav li:hover > a {
  color: #073065
}
#nav li li:hover > a {
  text-decoration: none;
  border: 0
}
.sidebartext.sb1 {
  margin-left: 240px
}
.sidebartext.sb1 > #nav:before {
  display: none
}
.sidebartext .sb2 {
  display: none !important
}
.mainimg {
  float: right
}
.maincat {
  width: 100%
}
.maincat::before {
  content: "";
  height: 28px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  width: 28px
}
.maincat:hover {
  border-top: 1px dotted #e8e8e8;
  border-bottom: 1px dotted #e8e8e8;
  background: #f7fbfe
}
.maincat:nth-child(1)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -106px -96px
}
.maincat:nth-child(1):hover::before {
  background-position: -106px -134px
}
.maincat:nth-child(2)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -258px -96px
}
.maincat:nth-child(2):hover::before {
  background-position: -258px -134px
}
.maincat:nth-child(3)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -301px -96px
}
.maincat:nth-child(3):hover::before {
  background-position: -301px -134px
}
.maincat:nth-child(4)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -386px -96px
}
.maincat:nth-child(4):hover::before {
  background-position: -386px -134px
}
.maincat:nth-child(5)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -342px -96px
}
.maincat:nth-child(5):hover::before {
  background-position: -342px -134px
}
.maincat:nth-child(6)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll 0 -96px
}
.maincat:nth-child(6):hover::before {
  background-position: 0 -134px
}
.maincat:nth-child(7)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -53px -96px
}
.maincat:nth-child(7):hover::before {
  background-position: -53px -134px
}
.maincat:nth-child(8)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -216px -96px
}
.maincat:nth-child(8):hover::before {
  background-position: -216px -134px
}
.maincat:nth-child(9)::before {
  background: rgba(0, 0, 0, 0) url(../image/ikonlar.png) no-repeat scroll -155px -96px
}
.maincat:nth-child(9):hover::before {
  background-position: -155px -134px
}
.sidebartext .amaincat {
  margin-left: 30px
}
#nav li li {
  background: none
}
#nav li:hover > ul {
  display: block
}
.box-category.list > li {
  padding: 2px 0 !important
}
.category .box-heading {
  padding: 5px 15px 4px;
  border-radius: 0
}
.category .box-content {
  border-radius: 0
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative
}
.products-block .col-lg-4, .carousel-inner .col-lg-4 {
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  margin-bottom: 0
}
.tp-bullets.tp-thumbs.round {
  margin-top: 20px !important;
  position: relative
}
.tp-mask {
  margin-top: -3px;
  margin-left: -2px
}
.sipariskart {
  display: block;
  width: 162px;
  height: 219px;
  background: url(../image/sipariskart.png);
  margin-bottom: 20px;
  float: right;
  margin-top: 20px
}
.havale {
  width: 100%;
  display: block;
  float: left;
  text-align: left;
  background: #fff none repeat scroll 0 0;
  padding: 6px 0px;
  font-size: 13px;
}
.hvlprc {}
.btn-cart {
  color: #8a8888;
  background-color: #f0ecec;
  border-color: transparent;
  text-transform: uppercase;
  border-radius: 0
}
.btn-cart:hover, .btn-cart:focus, .btn-cart:active, .btn-cart.active {
  color: #fff;
  background-color: #80af92;
  border-color: transparent
}
.product-info .price, .product-info .price .price-new {
  color: #92d6ad;
  font-size: 20px;
}
.product-info .price-new .oldprice {
  font-size: 14px;
  color: #ed6b6a;
  text-align: center;
  font-weight: 700;
}
#search_mobile {
  width: 100%
}
@media (min-width:768px) and (max-width:1024px) {
  #nav li {
    margin: 0 5px;
    height: 27px !important;
    padding-top: 6px;
    font-size: 12px !important
  }
  #nav li a {
    font-size: 11px !important
  }
  .categories-list-box {
    background: #fff none repeat scroll 0 0;
    height: 319px !important;
    min-height: 319px !important;
    max-height: 319px !important
  }
  .page-home .slideshow .col-lg-2 {
    width: 20%;
    padding: 0
  }
  .page-home .slideshow .col-lg-7 {
    width: 56.1%;
    padding: 0
  }
  .page-home .slideshow .col-lg-3 {
    width: 23.9%;
    padding: 0
  }
}
@media (min-width:640px) and (max-width:768px) {
  .categories-list-box {
    background: #fff none repeat scroll 0 0;
    height: 245px !important;
    min-height: 245px !important;
    max-height: 245px !important
  }
}
.header_wrapper {
  background: #fff;
  font-size: 13px;
  border-bottom: solid 1px #e5e5e5;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.common-home .header_wrapper {
  margin-bottom: 41px
}
.header_wrapper .icon-down-dir {
  font-size: 10px;
  margin-left: 6px
}
.header_top_line_wrapper {
  position: relative;
  z-index: 130;
  display: block;
  border-bottom: 1px solid;
  border-color: #eaeaea;
  padding: 8px 0
}
.header3 .header_top_line_wrapper {
  background: #F8F8F8;
  border-color: #eaeaea
}
.mini_menu {
  line-height: 12px
}
.mini_menu.settings .icon-down-dir {
  margin-left: 8px
}
.mini_menu.settings > ul {
  display: inline-block;
  margin-left: 10px
}
.header2 .mini_menu, .header4 .mini_menu.settings {
  min-height: 26px
}
.header2 .mini_menu {
  margin-bottom: 5px
}
.header4 .mini_menu.settings {
  margin-bottom: 4px
}
.header4 .mini_menu.links {
  margin-bottom: 2px
}
.header5 .mini_menu.settings {
  margin-top: 5px
}
.mini_menu_trigger {
  font-size: 24px;
  color: #999;
}
.mini_menu_trigger:hover, .mini_menu_trigger.active {
  background: #80af92;
  border-color: transparent !important;
  color: #fff
}
.header_top_line_wrapper .mini_menu_trigger {
  margin-top: 10px
}
.menu_wrapper .mini_menu_trigger {
  text-align: center;
  height: 40px;
  border-top: none;
  border-bottom: none
}
.mini_menu > ul > li {
  display: inline-block;
  padding-left: 7px;
  margin: 5px 0;
  position: relative
}
.mini_menu.settings > ul > li {
  padding-left: 10px
}
.mini_menu.settings > ul > li img {
  vertical-align: top;
  margin: 1px 6px 0 0
}
.mini_menu.links > ul > li .icon-down-dir {
  opacity: .5
}
.mini_menu.links > ul > li:hover .icon-down-dir {
  opacity: 1
}
.mini_menu ul > li:first-child {
  padding-left: 0
}
.mini_menu.links > ul > li + li {
  margin-left: 5px;
  border-left: 1px solid;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2)
}
.mini_menu ul li ul {
  position: absolute;
  z-index: 9;
  left: 0;
  text-align: left;
  opacity: 0;
  margin-top: 20px;
  visibility: hidden;
  transition: all 350ms;
  padding: 0;
  border-top: 8px solid transparent
}
.mini_menu.settings ul li ul {
  left: auto;
  right: 0
}
.mini_menu ul li:hover > ul, .mini_menu ul li:active > ul {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
  transition: all 350ms
}
.mini_menu ul li ul li a {
  display: block;
  min-width: 165px;
  padding: 8px 9px;
  border: 1px solid;
  border-color: #eaeaea;
  background: #fff;
  margin-bottom: -1px;
  color: #333 !important
}
.mini_menu.settings ul li ul li a {
  min-width: 120px
}
.mini_menu ul li ul li a:hover, .mini_menu ul li ul li a.current {
  color: #fff !important;
  border-color: transparent;
  background: #80af92
}
.mini_menu ul li ul li a.current {
  cursor: default
}
.mini_menu ul li ul li:first-child a {
  border-radius: 3px 3px 0 0
}
.mini_menu ul li ul li:last-child a {
  border-radius: 0 0 3px 3px
}
.header {
  padding: 0;
  position: relative;
  min-height: 30px;
  display: block
}
.header1 .header {
  min-height: 150px
}
.header2 .header, .header5 .header {
  min-height: 145px
}
.header3 .header {
  min-height: 135px
}
.header4 .header {
  padding: 20px 0 23px;
  min-height: 117px
}
@media only screen and (min-width:992px) {
  .header_table {
    display: table;
    width: 100%
  }
  .header_table > * { /*float:none;*/ display: table-cell
  }
  .header3 .promo_message, .header4 .promo_message {
    display: inline-block;
    padding-top: 15px
  }
  .header_wrapper {
    background: #fff;
    font-size: 15px;
    padding: 0px 0px 25px 0px;
    height: 84px;
    border-bottom: solid 1px #eee;
    text-align: center;
    margin: 0 auto;
  }
}
.header .logo {
  max-height: 70px;
  line-height: 34px;
  transition: max-height 200ms
}
.header .logo img {
  max-height: 75px;
  transition: max-height 200ms
}
@media only screen and (min-width:1025px) {
  .sticky_menu.header2 .header_wrapper {
    min-height: 84px
  }
  .header_wrapper .header_sticky.active {
    position: fixed;
    z-index: 199;
    background: #fff;
    border-bottom: 1px solid #80af92;
    width: 100%;
    top: 0px;
    height: 84px;
  }
  .sticky_menu.header6 .header_wrapper {
    min-height: 189px
  }
  .sticky_menu .header_sticky.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
  }
  .sticky_menu .header_sticky.active .header {
    padding: 10px 0;
    min-height: 0
  }
  .sticky_menu .header_sticky.active .mini_menu, .sticky_menu .header_sticky.active .promo_message, .sticky_menu.header6 .header_sticky.active .wishlist_compare {
    display: none
  }
  .sticky_menu.header6 .header_sticky.active .search_wrapper {
    margin-top: 5px
  }
  .sticky_menu .header_sticky.active .header .logo {
    line-height: 55px
  }
  .sticky_menu .header_sticky.active .header .logo img {
    max-height: 55px;
    transition: max-height 200ms
  }
}
.sticky_wrapper .outer_container {
  background: #fff;
}
.sticky_wrapper.sticky .logo {
  max-height: 60px;
}
.sticky_wrapper.sticky .logo img {
  height: 40px !important;
  margin-top: 10px;
}
.sticky_wrapper.sticky.active .logo {
  line-height: 60px;
  display: block
}
.sticky_wrapper.sticky.active .logo img {
  max-height: 55px;
  transition: max-height 200ms
}
.menu_wrapper {
  background: #fff;
  position: relative;
  z-index: 126;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.header2 .menu_wrapper, .header6 .menu_wrapper {
  display: none
}
.menu_wrapper .outer_container, .header_wrapper .outer_container {
  rgba(0, 0, 0, 0) linear-gradient(to bottom, #f4f4f4 0%, #e8e8e8 100%) repeat scroll 0 0;
  position: relative;
}
.menu_wrapper .outer_container:before, .menu_wrapper .outer_container:after {
  position: absolute;
  left: 0;
  width: 100%
}
.menu_wrapper .outer_container:before {
  top: 0
}
.menu_wrapper .outer_container:after {
  bottom: 0;
  border-bottom: 1px solid;
  border-color: inherit
}
@media only screen and (min-width:1025px) {
  .header4 .menu_wrapper {
    min-height: 66px
  }
  .sticky_menu .sticky.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
  }
  .has-sub { /*max-width:11%;*/
  }
  .col-lg-20 {
    width: 20%;
  }
}
.menu_table {
  width: 100%;
  display: table;
  position: relative
}
.menu_table .menu_cell {
  display: table-cell;
  vertical-align: middle
}
.menu_table .menu_cell.menu_holder {
  position: relative;
  z-index: 455;
}
.menu_table .menu_cell.fill {
  width: 100%
}
.menu_table .menu_cell.search_holder {
  padding: 10px 21px 10px 20px
}
.menu_table > .menu_cell.nowrap {
  white-space: nowrap
}
.main_menu ul > li {
  display: inline-block;
  text-align: left;
  float: none;
}
.main_menu > ul.horizontal > li > a {
  font-size: 13px;
  font-weight: 600;
  padding: 19px 8px;
  display: block;
  margin-left: -1px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  color: #262626;
}
.main_menu > ul.horizontal > li > a > img {
  display: block;
  width: 60px;
  border-radius: 100%;
  border: 1px solid #e8e8e8;
  margin: 0 auto 10px;
}
.main_menu > ul.horizontal > li:first-child > a {}
.main_menu > ul > li:hover > a, .main_menu > ul.horizontal > li.current > a, .main_menu .active, .main_menu ul.links_holder li ul li a:hover, ul.vertical > li:hover > a {
  color: #80af92 !important;
}
.main_menu > ul > li:hover > a:after {
  padding-bottom: 2px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width .2s cubic-bezier(.45, .05, .5, .1);
  border-bottom: 4px solid #92d6ad;
  width: 100%;
}
.dark_bg_color_hover:hover span {
  color: #fff !important
}
ul.categories > li:hover > a, ul.categories a.active, ul.categories li.current > a {
  position: relative;
  z-index: 3
}
ul.categories > li .icon-down-dir {
  font-size: 11px;
  margin-left: 10px;
  vertical-align: middle;
  opacity: .4
}
ul.categories.vertical > li .icon-down-dir {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  top: 14px;
  right: 18px
}
ul.categories > li:hover .icon-down-dir {
  opacity: 1
}
.main_menu ul li.home.disabled {
  display: none
}
ul.categories.vertical > li.has_sub_down .icon-down-dir {
  -ms-transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 16px
}
.categories .child > a {
  padding-left: 6px !important
}
.categories .child.active {
  background: #80af92
}
.categories .child.active a {
  font-size: 12px
}
.categories .child.active h1 {
  font-size: 12px;
  font-weight: bold;
}
.categories .child.active a span {
  font-size: 12px;
  color: #777
}
.categories .has_sub_down.active a {
  color: #80af92
}
.categories .has_sub_down.active h1 {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: bold;
  margin-bottom: 6px !important;
}
ul.categories, .main_menu ul.links_holder {
  background: #fff;
  text-align: center;
  margin-top: 0px;
}
#column-left ul.categories {
  background: #0c0a0a;
  color: #fff;
}
ul.categories li .wrapper, .main_menu ul.links_holder li ul {
  position: absolute;
  z-index: 2;
  top: 60px;
  background: #fff;
  border: 1px solid #0e253a;
  padding: 0px 5px;
  margin-top: 15px;
  display: table;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: margin-top 300ms, opacity 200ms, visibility 200ms;
  white-space: normal;
  max-width: 1255px !important;
  left: 0px;
  right: 0px;
  margin: auto;
}
ul.categories li .wrapperall {
  left: 116px;
}
@media only screen and (max-width: 991px) {
  ul.categories li .wrapperall {
    left: 0px;
  }
  .formblok {
    margin-top: 0px;
  }
  .formselect {
    text-align: center !important;
  }
}
@media only screen and (max-width: 767px) {
  ul.categories li .wrapperall {
    left: 0px;
  }
  .formblok {
    margin-top: 60px;
  }
  .formselect {
    text-align: center !important;
  }
}
#column-left ul.categories li .wrapper {
  max-width: 879px !important
} /*ul.categories li:hover .wrapper,.main_menu ul.links_holder li:hover ul{margin-top:0;opacity:1;visibility:visible;height:auto;transition:margin-top 400ms,opacity 300ms}*/ ul.categories li.hovered .wrapper, .main_menu ul.links_holder li.hovered ul {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  height: auto;
  transition: margin-top 400ms, opacity 300ms;
}
.main_menu ul.links_holder li:hover ul, .header1 ul.categories li:hover .wrapper {
  margin-top: -1px
}
ul.categories.vertical li .wrapper, ul.vertical.active li .wrapper {
  position: absolute;
  left: 100%;
  margin-left: -1px;
  top: 0;
  z-index: 9
}
.main_menu ul.links_holder li ul {
  border: none;
  padding: 0
}
.main_menu ul li .wrapper ul {
  width: 246px;
  float: left;
  display: table-cell;
  vertical-align: top;
  padding: 3px
}
.main_menu ul li .wrapper ul li {
  width: 100%
}
.main_menu ul.links_holder li ul li {
  width: 246px
}
ul.categories li ul li a {
  padding: 5px 5px;
  font-size: 14px;
  display: block;
  font-weight: 400;
}
.main_menu ul.links_holder li ul li a, ul.categories.vertical > li > a {
  padding: 6px 4px;
  font-size: 15px;
  display: block
}
.sub_trigger {
  color: #000;
}
ul.categories li ul li a span:hover {
  transition: transition: all 350ms ease 0s;
  border-bottom: 4px solid #e31517;
}
.main_menu > ul > li > a.v_menu_trigger.light_bg_color {
  border-color: transparent;
  color: #000;
  position: relative;
  z-index: 3;
  display: block;
  padding: 11px 6px 17px;
  font-size: 16px;
  height: 40px
}
.main_menu > ul > li > a.search_trigger.light_bg_color {
  border-color: transparent;
  color: #000;
  position: relative;
  z-index: 3;
  display: block;
  padding: 11px 6px 17px;
  font-size: 16px;
  height: 40px
}
.search_wrapper.active {
  position: absolute;
  opacity: 1;
  transition: all 350ms ease 0s;
  visibility: visible;
  display: block !important;
  margin-top: 0px !important;
  z-index: 1000;
  top: 10px;
  right: 136px;
  width: 270px;
}
.main_menu > ul > li > a.v_menu_trigger.plain {
  font-size: 32px;
  padding: 7px 18px 9px 17px;
  color: #aaa;
  text-align: center;
  height: 40px;
  display: inline-block;
  border-left: 1px solid;
  border-color: #eaeaea;
  position: relative;
  z-index: 2
}
.header4 .main_menu > ul > li > a.v_menu_trigger.plain {
  padding: 12px 22px 13px;
  height: 66px;
  border-right: 1px solid;
  border-color: #eaeaea
}
.main_menu > ul > li > a.v_menu_trigger.light_bg_color .icon-menu {
  font-size: 21px;
  line-height: 21px;
  vertical-align: top;
  display: inline-block;
  margin: 0 6px 0 3px
}
.main_menu > ul > li > a.v_menu_trigger.light_bg_color .icon-down-dir {
  opacity: 1;
  margin: 0 3px 0 8px
}
.main_menu > ul.vertical {
  visibility: hidden;
  position: absolute;
  z-index: 999;
  top: 54px;
  width: 262px;
  background: #fff;
  opacity: 0;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all 350ms
}
.header4 .main_menu > ul.vertical {
  top: 65px
}
.main_menu > ul.vertical.active {
  opacity: 1;
  visibility: visible;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 350ms
}
ul.vertical > li {
  position: relative;
  float: none;
  display: block;
  border-top: 1px dotted;
}
ul.megamenu li .wrapper {
  padding: 13px 15px 5px
}
ul.megamenu li .wrapper ul li {
  width: 100%
}
ul.megamenu li .wrapper .with-submenu {
  font-weight: 700
}
ul.megamenu li .wrapper ul {
  background: none
}
ul.megamenu li .wrapper ul li ul {
  padding: 0
}
ul.megamenu li .wrapper .product {
  padding: 8px 0
}
ul.megamenu li .wrapper .html {
  color: #80af92;
  padding: 8px 0
}
ul.megamenu li .wrapper .row {
  margin-left: -8px;
  margin-right: -8px
}
ul.megamenu li .wrapper [class*="col-"] {
  padding: 0 8px;
  margin-bottom: 5px
}
ul.megamenu li .wrapper .product {
  font-size: 14px
}
ul.megamenu li .wrapper .product .image {
  position: relative;
  margin-bottom: 8px
}
ul.megamenu li .wrapper .product .price {
  font-size: 16px;
  margin-top: 4px
}
.search_wrapper {
  border: 1px solid rgba(16, 38, 58, 0.20);
  background: #fff;
  border-radius: 51px;
  top: 23px;
}
.search_wrapper input {
  border-radius: 7px !important;
}
.header2 .search_wrapper {
  margin-top: 5px
}
.search_wrapper .button-search {
  position: absolute;
  right: 7px;
  top: 1px;
  bottom: 0px;
  color: #92d6ad;
  font-size: 17px;
  cursor: pointer;
  transition: all 400ms;
  width: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 0 17px 17px 0;
}
#search {
  width: 96%;
  display: table;
  margin-left: 10px;
}
#search input {
  display: table-cell;
  border: none;
  padding: 5px 5px;
  font-size: 13px;
  width: 100%;
  height: 36px
}
#search .categories {
  display: table-cell;
  width: 186px
}
#search select {
  border: none;
  color: #80af92;
  padding: 10px 8px;
  cursor: pointer;
  height: 40px;
  border-left: 1px solid;
  border-color: #80af92;
  border-radius: 0;
  background-image: url(../image/arrow-down-sm.png) !important
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
  float: left;
  padding: 4px;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.grabbing {
  cursor: move
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden
}
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left
}
#cboxContent {
  position: relative
}
#cboxLoadedContent {
  overflow: auto
}
#cboxTitle {
  margin: 0
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0
}
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box
}
#cboxOverlay {
  background: #333
}
#cboxContent {
  background: #fff;
  overflow: hidden;
  border: none;
  padding: 20px;
  border-radius: 3px
}
.quickview #cboxContent {
  padding-right: 7px;
  padding-top: 35px
}
.login #cboxContent {
  padding: 0
}
.cboxIframe {
  background: #fff
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}
#cboxTitle {
  display: none !important
}
#cboxCurrent {
  display: none !important
}
#cboxSlideshow {
  display: none
}
#cboxPrevious, #cboxNext {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  display: none;
  text-indent: -9999px
}
#cboxPrevious {
  left: 40px
}
#cboxNext {
  right: 90px
}
#cboxPrevious:after, #cboxNext:after {
  font-family: fontAwesome;
  font-size: 28px;
  line-height: 48px;
  text-align: center;
  background: #666;
  background: rgba(51, 51, 51, 0.5);
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  text-indent: 0;
  color: #fff;
  transition: all 300ms;
  border-radius: 3px
}
#cboxPrevious:hover:after, #cboxNext:hover:after {
  background: #333
}
#cboxPrevious:after {
  content: "\f104"
}
#cboxNext:after {
  content: "\f105"
}
#cboxClose {
  position: absolute;
  font-size: 0;
  top: 2px;
  right: 32px;
  text-indent: -9999px
}
#cboxClose:hover:after {
  color: #666;
  transition: all 300ms
}
#cboxClose:after {
  content: "\f105 \f104";
  font-family: fontAwesome;
  letter-spacing: -2px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 0;
  color: #999;
  transition: all 300ms
}
.icon-basket:before {
  content: '\e800'
}
.icon-search:before {
  content: '\e801'
}
.icon-down-dir:before {
  content: '\e802'
}
.icon-resize-small:before {
  content: '\e803'
}
.icon-note:before {
  content: '\e804'
}
.icon-cog:before {
  content: '\e805'
}
.icon-params:before {
  content: '\e806'
}
.icon-calendar:before {
  content: '\e807'
}
.icon-sound:before {
  content: '\e808'
}
.icon-clock:before {
  content: '\e809'
}
.icon-lightbulb:before {
  content: '\e80a'
}
.icon-tv:before {
  content: '\e80b'
}
.icon-beaker:before {
  content: '\e80c'
}
.icon-truck:before {
  content: '\e80d'
}
.icon-money:before {
  content: '\e80e'
}
.icon-food:before {
  content: '\e80f'
}
.icon-shop:before {
  content: '\e810'
}
.icon-diamond:before {
  content: '\e811'
}
.icon-t-shirt:before {
  content: '\e812'
}
.icon-wallet:before {
  content: '\e813'
}
.icon-music:before {
  content: '\e814'
}
.icon-search-1:before {
  content: '\e815'
}
.icon-mail:before {
  content: '\e816'
}
.icon-heart:before {
  content: '\e817'
}
.icon-star:before {
  content: '\e818'
}
.icon-user:before {
  content: '\e819'
}
.icon-videocam:before {
  content: '\e81a'
}
.icon-camera:before {
  content: '\e81b'
}
.icon-photo:before {
  content: '\e81c'
}
.icon-attach:before {
  content: '\e81d'
}
.icon-lock:before {
  content: '\e81e'
}
.icon-eye:before {
  content: '\e81f'
}
.icon-desktop:before {
  content: '\e820'
}
.icon-mobile:before {
  content: '\e821'
}
.icon-cd:before {
  content: '\e822'
}
.icon-inbox:before {
  content: '\e823'
}
.icon-globe:before {
  content: '\e824'
}
.icon-tag:before {
  content: '\e825'
}
.icon-thumbs-up:before {
  content: '\e826'
}
.icon-cloud:before {
  content: '\e827'
}
.icon-paper-plane:before {
  content: '\e828'
}
.icon-pencil:before {
  content: '\e829'
}
.icon-comment:before {
  content: '\e82a'
}
.icon-location:before {
  content: '\e82b'
}
.icon-cup:before {
  content: '\e82c'
}
.icon-trash:before {
  content: '\e82d'
}
.icon-doc:before {
  content: '\e82e'
}
.icon-key:before {
  content: '\e82f'
}
.icon-database:before {
  content: '\e830'
}
.icon-megaphone:before {
  content: '\e831'
}
.icon-graduation-cap:before {
  content: '\e832'
}
.icon-fire:before {
  content: '\e833'
}
.icon-menu:before {
  content: '\e834'
}
.outer_container {
  margin: 0 auto;
}
.boxed .outer_container {
  width: 1200px
}
.light_color {
  color: #80af92
}
.light_bg_color, .light_bg_color_hover:hover {
  background-color: #80af92 !important
}
.dark_color, .promo_message span, #list_view_icon, #grid_view_icon, .action.boxed .btn {
  color: #80af92
}
.dark_bg_color, .dark_bg_color_hover:hover, #list_view_icon.active, #list_view_icon:hover, #grid_view_icon.active, #grid_view_icon:hover, .custom.info2 .single:hover .btn {
  background-color: #80af92
}
.bordered_content {
  border-radius: 3px;
  border: 1px solid #eaeaea;
  background: #fff
}
.padded {
  padding: 10px 10px
}
.checkboxli > a {
  font-size: 12px;
}
.padded_ex_bottom {
  padding: 20px 19px 0
}
.padded.tagcloud {
  padding: 17px 16px;
  font-size: 0
}
.space-right {
  padding-right: 70px
}
.tagcloud {
  font-size: 0
}
.mobile_menu_search i {
  font-size: 25px;
  color: #000;
  margin-right: 15px;
  margin-top: 9px;
}
.search_trigger.hidden-sm {
  top: 14px;
  display: inline-block;
  position: relative;
  color: #000;
  font-size: 25px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.dark_hover:hover, .icons .hover_icon:hover .count, .icons .hover_icon:hover, .button-search:hover, #cart:hover .mini_cart.hover_icon, #cart:hover .mini_cart.hover_icon .count {
  color: #80af92 !important;
  border-color: transparent !important;
}
.icons .hover_icon:hover > *, #cart:hover .mini_cart.hover_icon > * > * {
  color: #000
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: #333
}
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-weight: inherit;
  line-height: 1em;
  margin-bottom: 14px;
  margin-top: 0
}
h1 {
  font-size: 24px;
  color: #80af92
}
h1.tall {
  margin-bottom: 27px
}
h2 {
  font-size: 24px
}
h3 {
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
}
column h3 {
  margin-top: 8px
}
p {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 21px;
  color: #000
}
p:last-child {
  margin-bottom: 0
}
a, a.active, a.selected a:hover, .hover_icon, .count, .hover_icon > *, input[type=submit], input[type=submit]:hover, input[type=button]:hover, input[type=button], .panel-heading .btn-default, .panel-heading:hover .btn-default, span.btn, span.btn:hover, button, button:hover {
  transition: color 200ms, border-color 200ms ease-in-out, background-color 200ms ease-in-out;
  -moz-transition: color 200ms, border-color 200ms ease-in-out, background-color 200ms ease-in-out;
  -webkit-transition: color 200ms, border-color 200ms ease-in-out, background-color 200ms ease-in-out;
  -o-transition: color 200ms, border-color 200ms ease-in-out, background-color 200ms ease-in-out
}
a, a b {
  cursor: pointer;
  color: #000
}
a:hover, .button:hover, a:focus, a.active, a.selected {
  color: #80af92;
  text-decoration: none
}
a, a:hover, a:active, a:focus {
  outline: 0
}
a img, img {
  border: none;
  max-width: 100%;
  height: auto !important;
  transition: border 300ms;
  -moz-transition: border 300ms;
  -webkit-transition: border 300ms;
  -o-transition: border 300ms
}
ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.user-info-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: -1px;
  border: 1px solid #e1e7ec;
  overflow: hidden;
  text-align: left;
  color: #80af92;
}
.user-info-wrapper .user-cover {
  background-image: url(../image/user-cover-img.jpg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-position: center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
}
.user-info-wrapper .user-info {
  display: table;
  position: relative;
  width: 100%;
  padding: 0 18px;
  z-index: 5;
}
.user-info-wrapper .user-info .user-data {
  padding-top: 12px;
  padding-left: 12px;
  float: left;
}
.user-info-wrapper .user-info .user-data span {
  margin-top: 10px;
  font-weight: 600;
  display: block;
}
.list-group-item {
  padding: 12px 30px 11px 19px
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #80af92;
  border-color: #80af92;
}
.list-group-item:first-child {
  border-radius: 3px 3px 0 0
}
.list-group-item:last-child {
  border-radius: 0 0 3px 3px
}
a.list-group-item {
  padding-top: .87rem;
  padding-bottom: .87rem;
}
.with-badge {
  position: relative;
  padding-right: 3.3rem;
}
.list-group-item {
  border-color: #e1e7ec;
  background-color: #fff;
  text-decoration: none;
}
.list-group-item i {
  margin-top: -4px;
  margin-right: 8px;
  font-size: 1.1em;
}
a.list-group-item, .list-group-item-action {
  transition: all .25s;
  color: #606975;
  font-weight: 500;
}
a.list-group-item:hover {
  z-index: 2
}
.clearfix.footer_margin {
  margin-bottom: 30px
}
.mobile_clear {
  display: none
}
.up_to_tablet, .up_to_mobile {
  display: none !important
}
.clearfix.footer_margin {
  margin-bottom: 30px
}
.mobile_clear {
  display: none
}
.up_to_tablet, .up_to_mobile {
  display: none !important
}
.v_bottom {
  vertical-align: bottom
}
.v_middle {
  vertical-align: middle
}
.tooltip {
  pointer-events: none
}
.tooltip-inner {
  padding: 5px 10px;
  background-color: #666;
  border-radius: 3px
}
.tooltip.top .tooltip-arrow {
  border-top-color: #666
}
.tooltip.left .tooltip-arrow {
  border-left-color: #666
}
.tooltip.right .tooltip-arrow {
  border-right-color: #666
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #666
}
.tooltip.in {
  animation: .3s ease 0 normal none 1 running jump
}
fieldset {
  margin-bottom: 10px
}
fieldset + fieldset {
  margin-top: 5px
}
form {
  padding: 0;
  margin: 0;
  display: inline
}
label {
  font-weight: inherit;
  margin-bottom: 0;
  color: #777;
  margin-right: 10px;
}
.form-control {
  border: 2px solid #dbe2e8;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  font-family: 'Montserrat', sans-serif, Helvetica, Arial, sans-serif;
  font-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
select {
  padding-left: 10px;
  padding-right: 38px !important;
  background-position: center right 17px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiM2MDY5NzUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important;
  background-repeat: no-repeat;
  border: 2px solid #dbe2e8;
  border-radius: 22px;
  background-color: white;
}
textarea.focus, input:focus, select:focus, textarea:focus, .form-control:focus {
  box-shadow: none;
  border-color: #ff5c00
}
input[type='text'], input[type='password'], input[type='email'], input[type='tel'], select.form-control, select {
  height: 30px;
  width: 100%;
  border: 1px solid #CED4D5;
  border-radius: 4px;
  padding: 7px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
  cursor: pointer;
}
select::-ms-expand {
  display: none
}
.form-group {
  margin-bottom: 12px
}
.form-group.no_b_margin {
  margin-bottom: 0
}
.control-label {
  margin-bottom: 5px
}
div.required .control-label:after {
  content: " *";
  color: #ff456f;
  font-weight: 400
}
.form-horizontal .control-label {
  margin-bottom: 5px
}
.input-group {
  width: 100%;
  height: 44px;
}
.input-group-addon.captcha_wrap {
  background: #fff;
  border-color: #eaeaea;
  position: relative;
  width: 78px
}
.input-group-addon.captcha_wrap img {
  position: absolute;
  width: 58px;
  height: 22px;
  top: 7px;
  left: 10px
}
.margin-b, p.margin-b {
  margin-bottom: 25px
}
.margin-b-md, p.margin-b-md {
  margin-bottom: 15px
}
.margin-b-sm, p.margin-b-sm {
  margin-bottom: 5px
}
.margin-t {
  margin-top: 25px
}
.v_top {
  vertical-align: top
}
.row.no_margin {
  margin: 0
}
.row.no_margin [class*="col-"] {
  padding: 0
}
.col-20 {
  padding: 0 15px;
  width: 20%;
  position: relative;
  min-height: 1px;
  float: left
}
ul.list-unstyled {
  line-height: 24px
}
.bar {
  position: absolute;
  width: 100%;
  z-index: 132;
  min-height: 46px;
  padding: 3px 0;
  color: #fff;
  background: rgba(51, 51, 51, 0.8)
}
.bar .message {
  display: inline-block;
  padding: 9px 0
}
.bar .bar_buttons {
  float: right;
  padding: 4px 0
}
.bar.ie {
  background: #952c2c
}
.zoom_image_container {
  -webkit-backface-visibility: hidden;
  overflow: hidden
}
.zoom_image {
  transition: all 400ms
}
.zoom_image_container:hover .zoom_image {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  transition: all 400ms
}
.rating {
  color: #ffd818;
  font-size: 13px;
  line-height: 1em;
  letter-spacing: 1px;
  display: inline-block
}
.rating .fa.fa-star-o {
  padding: 1px;
  color: #ccc;
  margin-right: 3px;
}
.rating_stars.r1:before, .rating_stars.r2:before, .rating_stars.r3:before, .rating_stars.r4:before, .rating_stars.r5:before {
  font-family: FontAwesome;
  position: absolute;
  padding: 1px;
  letter-spacing: 6px;
}
.rating_stars.r1:before {
  content: "\f005"
}
.rating_stars.r2:before {
  content: "\f005\f005"
}
.rating_stars.r3:before {
  content: "\f005\f005\f005"
}
.rating_stars.r4:before {
  content: "\f005\f005\f005\f005"
}
.rating_stars.r5:before {
  content: "\f005\f005\f005\f005\f005"
}
.price, .price-new {
  color: #80af92;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
.price-block {
  vertical-align: bottom;
  display: flow-root;
  clear: both;
}
.price-old {
  color: red;
  text-decoration: line-through;
  font-weight: 400 !important;
  font-size: 12px;
  margin-right: 7px;
}
.oldprice {
  color: #ed6b6a;
  text-decoration: line-through;
  font-size: 15px;
  margin-top: 10px;
}
.hvltitle {
  color: #444;
  font-size: 15px;
  margin-top: 10px;
}
.sale_badge {
  z-index: 2;
  top: 5px;
  right: 5px;
  color: #fff;
  background-color: #ff8a65;
  font-weight: 700;
  font-size: 12px;
  padding: 4px 7px 5px;
  border-radius: 2px;
  text-align: center;
  float: left;
}
.owl-item .sale_badge {
  position: absolute;
}
.sale_badge.lg {
  z-index: 10000;
  font-size: 13px;
  padding: 5px 12px 6px 12px;
  margin-right: 10px;
}
.arrow_icon {
  border: 1px solid;
  border-color: #eaeaea;
  background-color: #fff;
  border-radius: 3px;
  color: #333
}
.arrow_icon:hover, .pagination > .active > span, .pagination > li > a:hover, .pagination > li.active:hover > span {
  background-color: #92d6ad;
  color: #fff;
  border-color: transparent
}
.slide_arrow_next, .slide_arrow_prev {
  position: absolute;
  z-index: 2;
  height: 40px;
  width: 40px;
  text-align: center;
  font-size: 25px;
  color: #fff;
  right: 0;
  background: #92d6ad;
  transition: border 300ms, background 300ms;
  padding: 4px
}
.slide_arrow_prev {
  position: absolute;
  left: 0px;
  top: 37%;
}
.slide_arrow_next {
  position: absolute;
  right: 0px;
  top: 37%;
}
.slide_arrow_next:hover, .slide_arrow_prev:hover {
  border-color: transparent;
  background: #80af92;
  color: #fff;
  transition: border 300ms, background 300ms
}
.product-info .slide_arrow_next, .product-info .slide_arrow_prev {
  position: absolute;
  z-index: 2;
  height: 48px;
  width: 48px;
  text-align: center;
  font-size: 45px;
  color: #606975;
  right: 0;
  background: transparent;
  transition: border 300ms, background 300ms;
  opacity: 0.7
}
.product-info .slide_arrow_prev {
  position: absolute;
  left: 6px;
  top: 95px;
}
.product-info .slide_arrow_next {
  position: absolute;
  right: 6px;
  top: 95px;
}
a.menuheadera {
  color: #000;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (min-width:992px) {
  .header_table {
    display: table;
    width: 100%
  }
  .header_table > * { /*float:none;*/ display: table-cell
  }
  .main_menu ul > li {
    vertical-align: top;
  }
  .main_menu > ul.horizontal > li > a {
    height: 60px;
    text-transform: none;
    font-weight: 600;
  }
  .maincategoryname {
    color: #80af92;
    font-weight: 400;
    font-size: 14px;
    height: 18px;
  }
  .maincategoryname.topname {
    color: #0c0a0a;
    font-weight: 600;
    font-size: 14px;
    height: 18px;
  }
  .sub_trigger .maincategoryname {
    font-size: 14px;
    height: 24px;
  }
  .header_sticky.sticky.active .menu_wrapper {
    display: none;
  }
  .header_sticky.sticky.active .header .logo {
    margin-top: 2px !important;
  }
}
#colorbox.login #cboxContent .top {
  padding: 40px 19px 20px
}
#colorbox.login #cboxContent .cart_notification .product {
  padding: 19px 20px;
  display: table;
  width: 100%
}
#colorbox.login #cboxContent .product img {
  float: left;
  margin-right: 20px;
  max-width: 80px;
}
#colorbox.login #cboxContent .product span {
  padding-top: 10px;
  display: block
}
#colorbox.login #cboxContent .heading {
  display: block;
  margin-bottom: 25px
}
#colorbox.login #cboxContent h2 {
  margin: 0;
  line-height: 34px
}
#colorbox.login #cboxContent .forgotten {
  display: inline;
  margin-left: 10px
}
#colorbox.login #cboxContent .bottom {
  padding: 20px 19px;
  border-top: 1px solid #eaeaea
}
#colorbox.login #cboxContent .bottom #social_login_content_holder #d_social_login {
  margin-bottom: 0 !important
}
#colorbox.login #cboxContent .cart_notification .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0
}
.btn-action-round {
  background-color: #0e263b;
  border: 1px solid #0e263b;
  color: #fff;
  border-radius: 26px;
  min-width: 170px;
}
.btn-action-round:hover {
  background-color: #ff5c00;
  box-shadow: 0 -2px 0 0 #dd5406 inset;
  color: #fff !important;
}
.buton-cart {
  background-color: #80af92;
  color: #fff;
}
.buton-cart:hover {
  background: #80af92;
  color: #fff;
}
.buton-cart .icon-basket {
  border-right: 1px solid;
  padding-right: 10px;
}
#ajax_search_results {
  margin: 0;
  text-align: left;
  position: absolute;
  left: -1px;
  top: 36px;
  list-style-type: none;
  z-index: 1000;
  width: 100%;
  background-color: #fff;
  display: table;
  font-size: 14px;
}
#ajax_search_results .highlighted {
  color: #000;
  background-color: #ededed;
  opacity: 0.6
}
#ajax_search_results .live_row {
  position: relative;
  z-index: 1005;
  display: block;
  border-bottom: 1px solid #eaeaea !important;
  padding: 10px
}
#ajax_search_results .live_row.category {
  background: #fff;
  display: block;
  width: 100%;
  border-bottom: 1px solid #eaeaea !important;
}
#ajax_search_results .live_image, #ajax_search_results .live_name, #ajax_search_results .live_price {
  display: table-cell;
  padding: 3px;
  vertical-align: middle;
}
#ajax_search_results .live_image {
  width: 46px;
  display: inline-block;
  float: left;
  margin-right: 10px
}
#ajax_search_results .live_image img {
  min-width: 40px;
  white-space: nowrap
}
#ajax_search_results .live_name {
  display: inline-block;
  text-align: left;
  color: #80af92;
}
#ajax_search_results .live_name b {
  color: #ff4557
}
#ajax_search_results .live_price, .live_price .price {
  text-align: left !important;
  display: block;
}
#ajax_search_results .live_price p {
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #80af924D;
  width: 100%;
  ;
  max-width: 420px
}
#ajax_search_results .live_row.category .live_name {
  display: table;
}
#cart {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: 33px;
  color: #80af92;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  margin-left: 5px;
  text-decoration: none;
}
.cart_holder i {
  font-size: 24px;
}
.mini_account {
  width: auto;
  padding: 0 16px;
  border-radius: 22px;
}
.mini_account:hover {
  border: #80af92
}
.mini_cart {
  width: auto;
}
.mini_cart:hover {
  border: #80af92
}
.mini_cart .cart_holder {
  width: auto;
}
.mini_cart .icon-basket {
  font-size: 14px;
  display: inline-block;
  left: 7px;
  color: #fff
}
.mini_cart .icon-basket:before {
  line-height: 40px;
  vertical-align: middle;
}
.wishlist_compare.icons .count {
  position: absolute;
  font-weight: 400;
  line-height: normal;
  width: 20px;
  height: 20px;
  background: #fff;
  color: #333;
  display: block;
  text-align: center;
  border-radius: 100%
}
.mini_cart .count {
  display: inline-block;
  font-size: 8px;
  vertical-align: middle;
  color: #fff;
  margin-left: 0px;
  top: -8px;
  right: -15px;
  background-color: #FF0000;
  border-radius: 24px;
  padding: 2px 6px;
  position: absolute;
}
.mini_cart .total {
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 11px;
  padding: 1px 0 1px 12px;
  border-left: 1px solid #e1e7ec;
}
.mini_cart .icon-down-dir {
  margin-left: 2px
}
.menu_wrapper .outer_container {
  border-bottom: none;
}
.menu_wrapper .mini_cart {
  border-top: none;
  border-bottom: none;
  border-color: #eaeaea;
  margin-left: -1px;
  border-radius: 0;
  padding: 6px 22px 6px 9px;
  height: 55px
}
.header4 .menu_wrapper .cart_holder {
  padding-left: 54px
}
.header4 .menu_wrapper .mini_cart {
  padding: 11px 35px 11px 10px;
  height: 66px
}
.with-border-b {
  border-bottom: 1px dotted #ccc;
}
.with-border-t {
  border-top: 1px dotted #ccc
}
#user_account {
  top: 33px;
  display: inline-block;
  position: relative;
  margin-left: 17px;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.user_account_trigger {
  display: block;
  float: left;
}
#user_account a {
  font-size: 12px;
}
#user_account i {
  font-size: 25px;
}
#user_account .content {
  position: absolute;
  text-align: left;
  left: auto;
  margin-top: -1px;
  border-radius: 3px;
  background: #fff;
  width: 200px;
  color: #777;
  font-size: 14px;
  clear: both;
  min-height: 40px;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  transition: margin-top 300ms, opacity 200ms, visibility 200ms;
  white-space: normal;
  z-index: 9999;
  top: 100%;
  width: 150px;
  padding: 10px !important;
  border: 1px solid #e1e7ec;
  line-height: 1.5;
  box-shadow: 0 7px 22px -5px rgba(47, 56, 68, 0.2);
}
#user_account li a {
  padding: 3px 6px 1px 4px !important;
  font-weight: 400;
  font-size: 13px;
  line-height: 25px
}
.user_wishlist {
  top: 33px;
  display: inline-block;
  position: relative;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  margin-right: 12px;
}
.user_wishlist .fa {
  font-size: 21px;
}
.mini_account .icon-user:before {
  line-height: 40px
}
.mini_account {
  width: auto;
  padding: 0 10px;
  border-radius: 22px;
}
.menu_wrapper #user_account .content {
  border-radius: 0
}
#user_account:hover .content {
  margin-top: 1px;
  opacity: 1;
  visibility: visible;
  transition: mrgin-top 400ms, opacity 300ms
}
.hover_div {
  z-index: 1000;
  background: #fff;
  width: 306px;
  height: auto;
  overflow: auto;
  padding: 20px;
  position: absolute;
  top: 45px;
  right: -76px;
}
.cartcontent .hover_div {
  right: -43px;
}
.hover_div .title {
  color: #80af92;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}
.hover_div .title .close-x {
  float: right;
}
.btn-green {
  background-color: #92d6ad;
  color: #fff;
  width: 100%;
  height: 40px;
  margin-top: 5px;
}
.hover_div .forgotten {
  text-align: center;
  color: #80af92;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  display: block;
}
.hover_div .form-group {
  height: 40px;
  margin-top: 5px;
  margin-bottom: 13px;
  width: 100%;
  display: inline-block;
}
.hover_div .form-control {
  height: 31px;
}
.hover_div .control-label {
  color: #3C3E3E;
  font-size: 12px;
  font-weight: 400;
  line-height: 125%
}
.hover_div .btn-primary {
  width: 100%;
  height: 40px;
}
.line {
  width: 112px;
  height: 2px;
  background-color: #92d6ad;
  position: relative;
  top: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.triangle-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #F20018;
  position: relative;
  top: -22px;
  left: calc(50% - 5px);
}
.ua_register_container .line {
  left: 36px;
}
.ua_register_container .triangle-up {
  left: 30px;
}
.cartcontent .line {
  left: 230px;
}
.cartcontent .triangle-up {
  left: 224px;
}
#cart .content {
  padding: 0px !important;
}
.menu_wrapper #cart .content {
  border-radius: 0
}
#cart:hover .content {}
.menu_wrapper #cart:hover .content {
  margin-top: -1px
}
#cart table {
  border-collapse: collapse
}
#cart table .fa-times {
  color: #777
}
#cart table .fa-times:hover {
  color: #333
}
#cart td {
  vertical-align: top;
  padding: 10px 0px;
  font-size: 12px;
  color: #80af92;
  font-weight: 600
}
#cart td.border {
  border-bottom: 1px solid #eaeaea
}
#cart td a {
  display: block;
  margin-bottom: 3px
}
#cart .image {
  text-align: left;
  width: 45px;
  padding: 10px 10px 10px 0px;
}
#cart .image img {
  margin: 0;
  display: block;
  max-width: 60px
}
#cart .name {
  padding: 10px 0px;
  width: 100%
}
#cart .name small {
  color: #80af92
}
#cart .name span {
  color: #80af924D;
  margin-top: 4px;
}
#cart .voucher {
  text-align: left;
  padding: 1px 15px
}
.mini-cart-info {
  overflow: auto;
  max-height: 300px;
}
#cart .mini-cart-total {
  padding: 0px
}
.mini-cart-total table {
  text-align: left;
  display: table;
  width: 100%;
}
#cart .mini-cart-total td {
  padding: 4px;
  font-size: 12px;
  color: #80af92;
  width: 50%
}
#cart .mini-cart-total .sums {
  white-space: nowrap
}
#cart .mini-cart-total tr:last-child td {
  font-size: 16px;
  color: #333;
  font-weight: 700
}
#cart .checkoutbuttons {
  text-align: center;
}
#cart .empty {
  height: 70px;
  padding-top: 25px;
  text-align: center;
  font-size: 13px
}
.btn-holder {
  font-size: 0;
  display: inline-block;
  margin-top: 18px;
  width: 100%;
  padding: 0px;
  height: 40px;
}
.btn-holder .btn {
  margin: 0 5px 5px 0
} /*.btn-holder .btn:last-child{margin-right:0; width: 120px;}.carousel .btn-holder{text-align: center;display:block; margin: 10px auto;width: 100%;}.carousel .btn-holder .btn:last-child{margin-right:0; width: 34px;padding-left: 9px;}*/ .btn {
  padding: 8px 20px 9px;
  font-size: 16px;
  -webkit-appearance: none;
  border: none;
  line-height: 1.3;
  white-space: normal;
  border-radius: 0px;
}
.btn.btn-sm {
  padding: 6px 15px 7px;
  font-size: 14px
}
.btn.btn-tag {
  padding: 5px 10px;
  font-size: 14px;
  margin: 2px
}
.btn.btn-lg {
  font-size: 24px !important;
  font-weight: 600;
  padding: 10px 20px
}
.btn.btn-icon {
  padding: 0;
  text-align: center;
  color: #fff;
  width: 38px;
  height: 38px
}
.btn.btn-icon i {
  line-height: 38px
}
.btn.btn-icon-sm {
  padding: 0;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  width: 30px
}
.btn.btn-icon, .btn.btn-dark {
  background: transparent;
  color: #e31517
}
.btn.btn-icon:hover, .btn.btn-dark:hover {
  background: transparent
}
.btn-default {
  background-color: #92d6ad;
  color: #fff
}
.btn-default:hover, .btn-default:focus, .panel-heading:hover .btn-default {
  background-color: #80af92;
  color: #fff
}
.btn-primary, .btn-icon.btn-primary, .btn-action {
  background-color: #92d6ad;
  color: #fff
}
.btn-primary:hover, .btn-primary:focus, .btn.btn-icon.btn-primary:hover, .btn.btn-icon.btn-primary:focus, .btn-action:hover {
  background-color: #80af92;
  color: #fff
}
.checkout-content .btn-primary {
  background-color: #92d6ad;
  color: #fff;
  border-radius: 4px
}
.checkout-content .btn-primary:hover {
  background: #80af92;
}
a.button.remove, .button.remove {
  background-color: #fff;
  color: #292f38;
  border: 1px solid;
  border-color: #e5e5e5
}
a.button.remove:hover, .button.remove:hover {
  border-color: #92d6ad;
  background-color: #fff;
  color: #292f38
}
.buttons {
  overflow: auto;
  margin-bottom: 30px
}
.buttons .center {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}
.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li {
  float: none !important;
  display: inline-block !important;
  margin-bottom: 0px !important;
}
.nav-tabs > li > a {
  font-size: 14px;
  background-color: #fff;
  margin-right: 4px;
  transition: all 300ms;
  padding: 9px 18px;
  border: 0px;
  border-radius: 0px !important;
  color: #333;
}
@media only screen and (min-width:992px) {
  .nav-tabs.md > li > a {
    padding: 10px 12px
  }
  .nav-tabs.lg > li > a {
    padding: 9px 17px 10px;
    font-size: 22px
  }
}
.nav-tabs > li.active > a, .nav-tabs > li.active:hover > a, .nav-tabs > li:hover > a, .nav-tabs > li.active > a:focus {
  transition: all 300ms;
  text-decoration: none;
  background-color: #fff;
  border-radius: 0px;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 1px solid #80af92;
  color: #000;
}
.tab-content {
  padding: 10px;
  background: #fff;
  margin-bottom: 40px;
}
.tab-content.single {
  border-radius: 3px
}
.tab-content.single.firsat .product-info {
  margin-bottom: 10px !important
}
.tab-content.single.firsat .extended_offer .price-new, .tab-content.single.firsat .extended_offer .price-old, .tab-content.single.firsat .extended_offer .price-save, .tab-content.single.firsat .extended_offer .price-regular {
  border-right: 2px solid #f8f8f8;
  padding: 5px !important;
  display: table-cell;
  font-weight: 400;
  font-size: 12px !important
}
.tab-content.single.firsat .extended_offer .amount {
  font-size: 16px !important
}
.box .tab-content {
  padding: 0;
  min-height: 0;
  margin-bottom: 0
}
.product-layout {
  padding: 4px !important;
}
.product-layout .item {
  vertical-align: top;
  font-size: 12px;
  overflow: hidden;
  position: relative;
  margin: 0 0 24px;
  background: #fff;
  z-index: 1;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #EEE;
  color: #80af92;
  font-weight: 600;
  line-height: normal;
  -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, .05);
  box-shadow: 0 0 13px 3px rgba(0, 0, 0, .05)
}
.product-layout .item .left {
  background: #fff;
  position: relative;
  height: auto;
  display: table;
  width: 100%;
}
.additionalimg-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0px;
}
.additionalimg {
  border-bottom: 5px solid rgba(238, 238, 238, .63);
  width: 100%
}
.additionalimg:hover {
  border-bottom: 5px solid #92d6ad;
  transition: .3s
} /*.product-grid .item .image a:before{display: inline-block;    content: '';    background: rgba(34, 34, 34, 0.6);    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    border-radius: 3px;    opacity: 0;    visibility: hidden;    z-index: 1;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}.product-grid .item .image a:hover:before{opacity: 0.8;visibility: visible;}    */ .product-grid.carousel .item {
  position: relative;
  border: none;
  overflow: hidden;
  overflow: hidden;
  position: relative;
  margin: 0 0 24px;
  background: #fff;
  z-index: 2;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #EEE;
  color: #80af92;
  font-weight: 600;
  line-height: normal;
}
.product-grid.carousel .item.last:after {
  right: 0
}
.product-grid.carousel .first .item:before {
  display: none
}
.grid1 .product-grid .item, .product-list .item, .gridz .product-grid .item, #column-left .product-grid .item, #column-right .product-grid .item {
  width: 100%
}
.grid2 .product-grid .item {
  width: 50%
}
.grid3 .product-grid .item {
  width: 33.334%;
}
.grid4 .product-grid .item {
  width: 25%;
  padding: 10px;
}
.grid5 .product-grid .item {
  width: 20%
}
.grid6 .product-grid .item {
  width: 16.667%
}
.grid10 .product-grid .item {
  width: 10%
}
.grid12 .product-grid .item {
  width: 8.3334%
}
.product-grid.carousel .item, .col-sm-8.grid3 .product-grid.carousel .item, .col-sm-8 .grid3 .product-grid.carousel .item {
  width: 100% !important
}
.product-grid .image_wrap, .product-list .image_wrap {
  padding: 0px;
  text-align: center;
  position: relative;
  overflow: hidden;
  max-height: 435px;
}
.page-product .product-list .image_wrap {
  padding: 5px;
}
.page-category .product-list .image_wrap {
  padding: 5px;
}
.product-grid .details_wrap {
  padding: 0px;
}
.product-grid .image, .product-list .image {
  width: 100%;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  background: #fff; /*background: #f3f3f3;*/ margin: 0 auto;
  width: 100%;
}
.product-grid .image img, .product-grid .image_hover img {
  display: block;
  border-radius: 3px;
  mix-blend-mode: multiply;
  margin: 0 auto;
  width: 100%;
  max-width: 90%;
}
.product-grid .image_hover, .product-list .image_hover {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  display: none
}
.product-grid .item .image:hover { /*-webkit-transform: rotateY(360deg);    -moz-transform: rotateY(360deg);    -ms-transform: rotateY(360deg);    transform: rotateY(360deg);    transform:scale(1.10);*/ -webkit-transition: all 0.6s ease .2s;
  transition: all 0.6s ease .2s
}
.image_hover img {
  box-shadow: #fff 0 0 0
}
.product-grid .btn-holder.top, .product-list .btn-holder.top {
  width: 100%;
  text-align: left;
  padding: 5px 19px 10px;
  position: absolute;
  background: #f3f3f3;
  bottom: -60px;
  left: 0;
  right: 0;
  transition: bottom 750ms
}
.product-grid .btn-holder.top .btn, .product-list .btn-holder.top .btn {
  position: relative;
  z-index: 2
}
.product-grid .btn-holder.top, .style-3 .product-grid .btn-holder.top, .product-list .btn-holder.top {
  top: 0;
  text-align: right
}
.product-grid .btn-holder.top .quickview, .style-3 .product-grid .btn-holder.top .quickview, .product-list .btn-holder.top .quickview {
  margin: -19px 0 0;
  opacity: 0;
  transition: all 300ms
}
.product-grid .item:hover .btn-holder.top .quickview, .style-3 .product-grid .item:hover .btn-holder.top .quickview, .product-list .item:hover .btn-holder.top .quickview {
  opacity: 1
}
.product-grid .btn-holder.top .quickview span, .style-3 .product-grid .btn-holder.top .quickview span, .product-list .btn-holder.top .quickview span {
  display: block
}
.product-grid .btn-holder.top .centered, .product-grid .btn-holder.top .centered_cell, .product-list .btn-holder.top .centered_cell {
  display: inline
}
.product-grid .btn-holder.top .btn span {
  display: none
}
.product-grid .btn-holder.top .btn.cart {
  float: right
}
.style-3 .product-grid .btn-holder.bottom .btn {
  margin-right: 0
}
.product-grid .btn-holder.top .btn-icon, .product-grid .btn-holder.top .cart, .product-grid .btn-holder.top .quickview i, .product-list .btn-holder.top .btn-icon, .product-list .btn-holder.top .cart, .product-list .btn-holder.top .quickview i, .style-3 .product-grid .btn-holder .btn-icon, .style-3 .product-grid .btn-holder.top .cart, .style-3 .product-grid .btn-holder.top .quickview i {
  display: block;
  float: left;
}
.product-grid .information_wrapper {
  margin-bottom: 5px;
  height: auto;
  margin-top: 10px;
}
.information_wrapper h4, .information_wrapper .product_name {
  padding: 0 10px;
  overflow: hidden;
  text-align: center;
  height: 55px;
  display: flex;
  width: 100%;
}
.product_name a {
  width: 100%;
  text-align: center;
}
.information_wrapper h4 a {
  font-size: 12px;
  color: #000;
}
.product-grid .name {
  display: block;
  margin: 0 0 5px;
  min-height: 36px;
  max-height: 36px;
  overflow: hidden;
  font-size: 13px;
  font-weight: 600
}
.product-grid .name a {
  font-weight: normal !important;
  color: #000;
  font-size: 14px;
}
.price-left {
  float: left;
  width: 70%;
}
.price-right {
  float: left;
  width: 30%;
  text-align: right
}
.price-right .discount {
  background: #FFF;
  color: #ed6b6a;
  font-weight: bold;
  display: inline-block;
  font-size: 16px;
  width: 40px;
  height: 40px;
  padding: 3px 0;
  text-align: center;
  border-radius: 5px;
  line-height: 17px;
  position: relative;
  top: -2px;
  border: solid 2px #ed6b6a;
}
.price-right .discount::before {
  content: "";
  position: absolute;
  top: 13px;
  bottom: auto;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid #ed6b6a;
  right: auto;
  left: -7px;
}
.price-right .discount strong {
  display: block;
  font-size: 10px;
}
.product-grid .description {
  display: none
}
.product-grid .price_rating_table {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  height: 40px;
}
.product-grid .price {
  font-size: 16px;
  float: left;
  width: 100%;
  text-align: center;
  padding-left: 16px;
}
.product-grid .rating {
  white-space: nowrap;
  text-align: left;
  position: relative;
  left: 0px;
  top: 4px;
  float: left;
  display: flex;
  width: 100%;
  margin-bottom: 8px;
  height: 20px;
}
.product-grid .plain_links {
  text-align: center;
  line-height: 11px;
  margin-bottom: 12px;
  display: none
}
.product-grid .plain_links a {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px
}
.product-grid .plain_links a + a {
  border-left: 1px solid #ddd;
  padding-left: 6px;
  margin-left: 5px
}
.product-grid .btn-icon, .product-grid .btn-dark {
  transition: opacity 300ms, color 200ms, background-color 200ms
}
.btn.btn-icon.wishlist {
  position: absolute !important;
  right: 0; /*    top: -8px;*/ width: 16px;
  height: 16px;
}
.svgheart {
  background: url("../image/heart.svg");
  width: 16px;
  height: 16px;
  display: block;
}
.svgheart.active {
  background: url("../image/heartactive.svg");
  width: 16px;
  height: 16px;
  display: block;
}
.product-grid .item:hover .btn-icon, .product-grid .item:hover .btn-dark {
  opacity: 1;
  transition: opacity 100ms, color 200ms, background-color 200ms
}
.grid5 .product-grid .icons_wrapper .plain_link {
  display: block;
  float: none
}
.product-grid .price .price-tax {
  display: none
}
.price .price-tax {
  display: none
}
.list_countdown {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  color: #FF4557;
  font-size: 0
}
.list_countdown .countdown div {
  display: inline-block;
  border-radius: 3px;
  padding-bottom: 2px;
  background: #f8f8f8;
  font-size: 10px;
  margin-right: 2px;
  width: 100%;
}
.list_countdown .countdown div p {
  font-size: 14px;
  line-height: 16px;
  min-width: 36px;
  font-weight: 600;
  color: #FF4557;
  padding: 3px 0;
  margin-bottom: 1px;
  border-bottom: 1px solid #fff
}
.bottom_buttons {
  padding: 15px 20px;
  position: absolute;
  bottom: 20px;
  left: 47px;
}
.bottom_buttons .btn-default {
  background-color: #92d6ad
}
.bottom_buttons.top {
  border-bottom: 1px solid #eaeaea;
  border-top: none
}
.footer_modules .bottom_buttons {
  padding: 15px 0
}
.filter-container {
  vertical-align: top;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  padding: 20px 0px 20px 0px;
  background: #fff;
  z-index: 1;
}
.product-filter .left_side {
  vertical-align: middle
}
.product-filter .sort, .product-filter .limit {
  margin-left: 20px;
  display: inline;
  white-space: nowrap
}
.product-filter select {
  color: #777;
  margin-left: 10px;
  max-width: 227px;
}
.product-filter .right_side {
  float: right;
  vertical-align: middle;
  text-align: right
}
#list_view_icon, #grid_view_icon {
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  background: #f8f8f8;
  border-radius: 3px;
  margin-left: 5px;
  display: none;
}
#list_view_icon.active, #list_view_icon:hover, #grid_view_icon.active, #grid_view_icon:hover {
  color: #fff !important
}
.categories_holder.brands {
  margin-top: 15px
}
.categories_holder.brands .product-grid .item {
  padding: 19px 19px 0
}
.categories_holder.brands .product-grid .item .name {
  margin-top: 10px
}
.style-2 .product-grid .item:hover .btn-holder.top {
  bottom: 0;
  z-index: 2;
  transition: bottom 150ms
}
.style-2 .product-grid .item .btn-holder.top .btn {
  width: 38px;
  padding-left: 0;
  padding-right: 0
}
.style-2 .product-grid .item .btn-holder.top .cart {
  margin-right: 0
}
.style-2 .product-grid .btn-holder.bottom {
  display: none
}
.style-3 .product-grid .item, .style-3 .product-grid .price, .style-3 .product-grid .rating {
  text-align: center
}
.style-3 .product-grid .hasrating .rating, .style-3 .product-grid .hasrating .price {
  width: 50%
}
.style-3 .product-grid .plain_links {
  display: block
}
.style-4 .btn-holder.bottom {
  display: none
}
.style-4 .product-grid .btn-holder.top {
  top: 0;
  bottom: 0;
  text-align: center
}
.style-4 .product-grid .btn-holder.top .centered {
  display: table;
  height: 100%;
  width: 100%
}
.style-4 .product-grid .btn-holder.top .centered_cell {
  display: table-cell;
  vertical-align: middle
}
.style-4 .product-grid .btn-holder.top .style-4-break {
  display: block
}
.style-4 .product-grid .btn-holder.top .centered .btn {
  float: none;
  min-width: 125px;
  margin-left: 0;
  margin-right: 0
}
.style-4 .product-grid .btn-holder.top .centered .btn i {
  display: none
}
.style-4 .product-grid .btn-holder.top .centered .btn span {
  display: block
}
.style-4 .product-grid .btn-holder.top .btn-icon.wishlist, .style-4 .product-grid .btn-holder.top .btn-icon.compare {
  position: absolute;
  bottom: 14px;
  left: 22px
}
.style-4 .product-grid .btn-holder.top .btn-icon.compare {
  right: 18px;
  left: auto
}
.style-4 .product-grid .btn {
  opacity: 0;
  transition: all 200ms
}
.style-4 .product-grid .item:hover .btn {
  opacity: 1;
  transition: all 200ms
}
.block_module .item {
  overflow: hidden;
  position: relative;
  margin: 0 0 24px;
  background: #fff;
  z-index: 1;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #EEE;
  color: #80af92;
  font-weight: 600;
  line-height: normal;
}
#column-left .block_module .item, #column-right .block_module .item {
  margin: 15px 0 10px;
  height: auto !important;
  padding: 0 10px;
  display: inline-block;
  width: 100% !important;
}
#column-left .block_module .item .left, #column-right .block_module .item .left {
  vertical-align: top;
  display: table-cell;
  padding-right: 10px;
  float: left;
}
#column-left .block_module .item .details_wrap, #column-right .block_module .item .details_wrap {
  vertical-align: top;
  display: table-cell;
  overflow: hidden;
}
#column-left .block_module .item .details_wrap h4, #column-right .block_module .item .details_wrap h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  border-bottom: none;
  margin: 0px;
  min-height: 52px;
  max-height: 52px;
  padding-bottom: 2px;
}
#column-left .block_module .item .details_wrap a, #column-right .block_module .item .details_wrap a {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}
#column-left .block_module .item .details_wrap .price_rating_table, #column-right .block_module .item .details_wrap .price_rating_table {
  width: 100%
}
.product-list .product-layout {
  display: table;
  height: auto !important;
  width: 100% !important;
}
.product-list .item {
  display: table;
  border-bottom: 1px solid #eaeaea;
  height: auto !important
}
.product-list .item:last-child {
  border-bottom: none
}
.product-list .item .left {
  display: table-cell;
  width: 270px
}
.page-product .product-list .item .left {
  width: 190px;
  display: table-cell;
}
.page-category .product-list .item .left {
  width: 190px;
  display: table-cell;
}
.product-list .image, .product-list .image_hover {
  max-width: 243px
}
.product-list .list_countdown {
  margin-bottom: 20px
}
.product-list .item .details_wrap {
  display: table-cell;
  vertical-align: top;
  padding: 20px 20px 20px 2px
}
.page-product .product-list .item .details_wrap {
  padding: 5px 0 0 0;
}
.page-product .product-list .item .information_wrapper {
  padding: 12px 0 0 0;
}
.page-product .product-list .item .details_wrap {
  display: table-cell;
  width: auto;
  text-align: left;
}
.page-category .product-list .item .details_wrap {
  padding: 5px 0 0 0;
}
.page-category .product-list .item .information_wrapper {
  padding: 12px 0 0 0;
}
.page-category .product-list .item .details_wrap {
  display: table-cell;
  width: auto;
  text-align: left;
}
.product-list .item .name {
  font-size: 18px;
  margin-bottom: 2px
}
.product-list .item .price {
  font-size: 17px;
  margin-bottom: 25px
}
.product-list .item .rating {
  margin-bottom: 10px
}
.product-list .item .description {
  margin-bottom: 30px;
  color: #777
}
.product-list .plain_links {
  display: none
}
.gridz .product-grid .item, #column-left .product-grid .item, #column-right .product-grid .item {
  display: table;
  width: 100%;
  text-align: left
}
.gridz .product-grid .image_wrap, #column-left .product-grid .image_wrap, #column-right .product-grid .image_wrap {
  padding: 6px
}
.gridz .product-grid .image_wrap img, #column-left .product-grid .image_wrap img, #column-right .product-grid .image_wrap img {
  min-width: 84px
}
.gridz .product-grid .details_wrap, #column-left .product-grid .details_wrap, #column-right .product-grid .details_wrap {
  width: 100%;
  vertical-align: top;
  padding: 21px 10px 10px 0
}
.gridz .product-grid .information_wrapper, #column-left .product-grid .information_wrapper, #column-right .product-grid .information_wrapper {
  height: auto !important;
  margin-bottom: 0
}
.gridz .product-grid .information_wrapper .price, .gridz .product-grid .information_wrapper .rating, #column-left .product-grid .information_wrapper .price, #column-left .product-grid .information_wrapper .rating, #column-right .product-grid .information_wrapper .price, #column-right .product-grid .information_wrapper .rating {
  display: block;
  text-align: left;
  margin-bottom: 6px
}
.gridz .product-grid .btn-holder, .gridz .product-grid .plain_links, .gridz .product-grid .list_countdown, #column-left .product-grid .btn-holder, #column-left .product-grid .plain_links, #column-left .product-grid .list_countdown, #column-right .product-grid .btn-holder, #column-right .product-grid .plain_links, #column-right .product-grid .list_countdown {
  display: none
}
.footer_modules .tab-content {
  border: none
}
.footer_modules .product-grid .item {
  border-right: none
}
.footer_modules .product-grid .item:last-child {
  border-bottom: none
}
.footer_modules .product-grid .image_wrap, .footer_modules .product-grid .details_wrap {
  padding-left: 0
}
.footer_modules .product-grid .item:first-child .image_wrap, .footer_modules .product-grid .item:first-child .details_wrap {
  padding-top: 0
}
.style-1 .col-sm-8 .grid5 .details_wrap, .style-1 .grid6 .details_wrap {
  padding-left: 10px !important;
  padding-right: 10px !important
}
.style-1 .col-sm-8 .grid4 .btn-primary, .style-1 .grid5 .btn-primary, .style-1 .grid6 .btn-primary {
  padding-left: 7px !important;
  padding-right: 7px !important
}
.style-1 .col-sm-8 .grid4 .btn-icon, .style-1 .grid6 .btn-icon, .style-1 .grid5 .btn-icon {
  width: 30px !important
}
.style-2 .col-sm-8 .grid5 .top .btn, .style-2 .grid6 .top .btn, .style-4 .col-sm-8 .grid5 .top .btn, .style-4 .grid6 .top .btn {
  width: 28px !important;
  height: 28px !important;
  font-size: 16px !important;
  padding-top: 4px !important
}
.style-2 .col-sm-8 .grid5 .top .btn i, .style-2 .grid6 .top .btn i, .style-4 .col-sm-8 .grid5 .top .btn i, .style-4 .grid6 .top .btn i {
  line-height: 16px !important
}
@media only screen and (min-width:768px) {
  .mobileBasketButton {
    display: block;
  }
  .menu_wrapper {
    float: none;
  }
  .header .logo {
    margin-top: 4px;
    text-align: center
  }
  .sticky_wrapper .outer_container {
    background: #fff;
    border-bottom: #fff;
  }
  .box.products.vertical {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px
  }
  .box.products.vertical .nav-tabs {
    float: left;
    padding-right: 0;
    width: 226px
  }
  .box.products.vertical .nav-tabs > li {
    float: none
  }
  .box.products.vertical .nav-tabs > li > a {
    margin: 0 -1px;
    border-radius: 0;
    padding: 10px 19px 12px !important;
    font-size: 14px
  }
  .box.products.vertical .nav-tabs > li > a:after {
    content: "\f04b";
    font-family: FontAwesome;
    float: right;
    font-size: 7px;
    line-height: 22px;
    opacity: .4
  }
  .box.products.vertical .nav-tabs > li > a:hover:after, .box.products.vertical .nav-tabs > li.active > a:after {
    opacity: 1
  }
  .box.products.vertical .nav-tabs > li:first-child > a {
    border-radius: 3px 0 0;
    border-top: none !important
  }
  .box.products.vertical .tab-content {
    margin: 0 0 0 226px;
    border: none;
    background: none;
    position: relative
  }
  .box.products.vertical .tab-content .carousel {
    margin-bottom: 1px
  }
  .box.products.vertical .tab-content:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    z-index: 22;
    background: #eaeaea
  }
}
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important
}
.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute;
  display: block;
  top: 0
}
.irs-line-left {
  left: 0;
  width: 11%
}
.irs-line-mid {
  left: 9%;
  width: 82%
}
.irs-line-right {
  right: 0;
  width: 11%
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0
}
.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}
.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1
}
.irs-slider.type_last {
  z-index: 2
}
.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default
}
.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default
}
.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}
.irs-with-grid .irs-grid {
  display: block
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}
.irs-grid-pol.small {
  height: 4px
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0.0);
  z-index: 2
}
.irs-disabled {
  opacity: .4
}
.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40)
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important
}
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {}
.irs {
  height: 40px
}
.irs-with-grid {
  height: 60px
}
.irs-line {
  height: 12px;
  top: 25px
}
.irs-line-left {
  height: 12px;
  background-position: 0 -30px
}
.irs-line-mid {
  height: 12px;
  background-position: 0 0
}
.irs-line-right {
  height: 12px;
  background-position: 100% -30px
}
.irs-bar {
  height: 12px;
  top: 25px;
  background-position: 0 -60px
}
.irs-bar-edge {
  top: 25px;
  height: 12px;
  width: 9px;
  background-position: 0 -90px
}
.irs-shadow {
  height: 3px;
  top: 34px;
  background: #000;
  opacity: .25
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=25)
}
.irs-slider {
  width: 16px;
  height: 18px;
  top: 22px;
  background-position: 0 -120px
}
.irs-slider.state_hover, .irs-slider:hover {
  background-position: 0 -150px
}
.irs-min, .irs-max {
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: #e1e4e9;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.irs-from, .irs-to, .irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #92d6ad;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.irs-from:after, .irs-to:after, .irs-single:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #92d6ad
}
.irs-grid-pol {
  background: #e1e4e9
}
.irs-grid-text {
  color: #999
}
.event-info {
  background-color: rgba(21, 193, 215, 0.8);
  bottom: 30px;
  color: #fff;
  font-size: 18px;
  left: 5%;
  overflow: hidden;
  padding: 15px 0;
  position: absolute;
  text-align: center;
  width: 90%
}
.event-info .main-title {
  color: #fff;
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  margin: 0 20px;
  max-height: 52px;
  overflow: hidden
}
.event-info .sub-title {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 13px;
  line-height: 18px;
  margin: 10px 20px 0;
  max-height: 46px;
  overflow: hidden;
  padding-top: 10px
}
.margintop18 {
  margin-top: 18px
}
.nivoSlider {
  position: relative
}
.nivoSlider img {
  position: absolute;
  top: 0;
  left: 0
}
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none
}
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%
}
.nivo-box {
  display: block;
  position: absolute;
  z-index: 5
}
.nivo-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  opacity: .8;
  width: 100%;
  z-index: 8
}
.nivo-caption p {
  padding: 5px;
  margin: 0
}
.nivo-caption a {
  display: inline !important
}
.nivo-html-caption {
  display: none
}
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer
}
.nivo-prevNav {
  left: 0
}
.nivo-nextNav {
  right: 0
}
.nivo-controlNav a {
  position: relative;
  z-index: 9;
  cursor: pointer
}
.nivo-controlNav a.active {
  font-weight: 700
}
.slideshow .nivoSlider {
  position: relative;
  background: #fff url(../image/loading.gif) no-repeat 50% 50%;
  margin-bottom: 20px
}
.slideshow .nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  display: none
}
.slideshow .nivoSlider a {
  border: 0;
  display: block
}
.slideshow .nivo-controlNav {
  position: absolute;
  right: 10px;
  bottom: 5px;
  text-align: center;
  height: 22px;
  z-index: 99
}
.slideshow .nivo-controlNav a {
  vertical-align: top;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../image/bullets.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin-right: 3px;
  float: left
}
.slideshow .nivo-controlNav a.active {
  background-position: 0 -22px
}
.slideshow .nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../image/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0
}
.slideshow a.nivo-nextNav {
  background-position: -30px 0;
  right: 15px
}
.slideshow a.nivo-prevNav {
  left: 15px
}
.slideshow .nivo-caption {
  text-shadow: none;
  font-family: Helvetica, Arial, sans-serif
}
.slideshow .nivo-caption a {
  color: #efe9d1;
  text-decoration: underline
} /*Animation*/ @charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.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: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
.fadeInBigBig {
  animation-name: fadeInBig;
  -webkit-animation-name: fadeInBig;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes fadeInBig {
  0% {
    transform: scale(0);
    opacity: 0.0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInBig {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
} /*Animation*/ /*Font Awesome*/ @font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3&display=swap');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none
}
.fa-ul > li {
  position: relative
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: .14285714285714285em;
  text-align: center
}
.fa-li.fa-lg {
  left: -1.8571428571428572em
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}
.pull-right {
  float: right
}
.pull-left {
  float: left
}
.fa.pull-left {
  margin-right: .3em
}
.fa.pull-right {
  margin-left: .3em
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(359deg)
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1)
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}
.fa-stack-1x {
  line-height: inherit
}
.fa-stack-2x {
  font-size: 2em
}
.fa-inverse {
  color: #fff
}
.fa-glass:before {
  content: "\f000"
}
.fa-music:before {
  content: "\f001"
}
.fa-search:before {
  content: "\f002"
}
.fa-envelope-o:before {
  content: "\f003"
}
.fa-heart:before {
  content: "\f004"
}
.fa-star:before {
  content: "\f005"
}
.fa-star-o:before {
  content: "\f006"
}
.fa-user:before {
  content: "\f007"
}
.fa-film:before {
  content: "\f008"
}
.fa-th-large:before {
  content: "\f009"
}
.fa-th:before {
  content: "\f00a"
}
.fa-th-list:before {
  content: "\f00b"
}
.fa-check:before {
  content: "\f00c"
}
.fa-times:before {
  content: "\f00d"
}
.fa-search-plus:before {
  content: "\f00e"
}
.fa-search-minus:before {
  content: "\f010"
}
.fa-power-off:before {
  content: "\f011"
}
.fa-signal:before {
  content: "\f012"
}
.fa-gear:before, .fa-cog:before {
  content: "\f013"
}
.fa-trash-o:before {
  content: "\f014"
}
.fa-home:before {
  content: "\f015"
}
.fa-file-o:before {
  content: "\f016"
}
.fa-clock-o:before {
  content: "\f017"
}
.fa-road:before {
  content: "\f018"
}
.fa-download:before {
  content: "\f019"
}
.fa-arrow-circle-o-down:before {
  content: "\f01a"
}
.fa-arrow-circle-o-up:before {
  content: "\f01b"
}
.fa-inbox:before {
  content: "\f01c"
}
.fa-play-circle-o:before {
  content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"
}
.fa-refresh:before {
  content: "\f021"
}
.fa-list-alt:before {
  content: "\f022"
}
.fa-lock:before {
  content: "\f023"
}
.fa-flag:before {
  content: "\f024"
}
.fa-headphones:before {
  content: "\f025"
}
.fa-volume-off:before {
  content: "\f026"
}
.fa-volume-down:before {
  content: "\f027"
}
.fa-volume-up:before {
  content: "\f028"
}
.fa-qrcode:before {
  content: "\f029"
}
.fa-barcode:before {
  content: "\f02a"
}
.fa-tag:before {
  content: "\f02b"
}
.fa-tags:before {
  content: "\f02c"
}
.fa-book:before {
  content: "\f02d"
}
.fa-bookmark:before {
  content: "\f02e"
}
.fa-print:before {
  content: "\f02f"
}
.fa-camera:before {
  content: "\f030"
}
.fa-font:before {
  content: "\f031"
}
.fa-bold:before {
  content: "\f032"
}
.fa-italic:before {
  content: "\f033"
}
.fa-text-height:before {
  content: "\f034"
}
.fa-text-width:before {
  content: "\f035"
}
.fa-align-left:before {
  content: "\f036"
}
.fa-align-center:before {
  content: "\f037"
}
.fa-align-right:before {
  content: "\f038"
}
.fa-align-justify:before {
  content: "\f039"
}
.fa-list:before {
  content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}
.fa-indent:before {
  content: "\f03c"
}
.fa-video-camera:before {
  content: "\f03d"
}
.fa-picture-o:before {
  content: "\f03e"
}
.fa-pencil:before {
  content: "\f040"
}
.fa-map-marker:before {
  content: "\f041"
}
.fa-adjust:before {
  content: "\f042"
}
.fa-tint:before {
  content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}
.fa-share-square-o:before {
  content: "\f045"
}
.fa-check-square-o:before {
  content: "\f046"
}
.fa-arrows:before {
  content: "\f047"
}
.fa-step-backward:before {
  content: "\f048"
}
.fa-fast-backward:before {
  content: "\f049"
}
.fa-backward:before {
  content: "\f04a"
}
.fa-play:before {
  content: "\f04b"
}
.fa-pause:before {
  content: "\f04c"
}
.fa-stop:before {
  content: "\f04d"
}
.fa-forward:before {
  content: "\f04e"
}
.fa-fast-forward:before {
  content: "\f050"
}
.fa-step-forward:before {
  content: "\f051"
}
.fa-eject:before {
  content: "\f052"
}
.fa-chevron-left:before {
  content: "\f053"
}
.fa-chevron-right:before {
  content: "\f054"
}
.fa-plus-circle:before {
  content: "\f055"
}
.fa-minus-circle:before {
  content: "\f056"
}
.fa-times-circle:before {
  content: "\f057"
}
.fa-check-circle:before {
  content: "\f058"
}
.fa-question-circle:before {
  content: "\f059"
}
.fa-info-circle:before {
  content: "\f05a"
}
.fa-crosshairs:before {
  content: "\f05b"
}
.fa-times-circle-o:before {
  content: "\f05c"
}
.fa-check-circle-o:before {
  content: "\f05d"
}
.fa-ban:before {
  content: "\f05e"
}
.fa-arrow-left:before {
  content: "\f060"
}
.fa-arrow-right:before {
  content: "\f061"
}
.fa-arrow-up:before {
  content: "\f062"
}
.fa-arrow-down:before {
  content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}
.fa-expand:before {
  content: "\f065"
}
.fa-compress:before {
  content: "\f066"
}
.fa-plus:before {
  content: "\f067"
}
.fa-minus:before {
  content: "\f068"
}
.fa-asterisk:before {
  content: "\f069"
}
.fa-exclamation-circle:before {
  content: "\f06a"
}
.fa-gift:before {
  content: "\f06b"
}
.fa-leaf:before {
  content: "\f06c"
}
.fa-fire:before {
  content: "\f06d"
}
.fa-eye:before {
  content: "\f06e"
}
.fa-eye-slash:before {
  content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"
}
.fa-plane:before {
  content: "\f072"
}
.fa-calendar:before {
  content: "\f073"
}
.fa-random:before {
  content: "\f074"
}
.fa-comment:before {
  content: "\f075"
}
.fa-magnet:before {
  content: "\f076"
}
.fa-chevron-up:before {
  content: "\f077"
}
.fa-chevron-down:before {
  content: "\f078"
}
.fa-retweet:before {
  content: "\f079"
}
.fa-shopping-cart:before {
  content: "\f07a"
}
.fa-folder:before {
  content: "\f07b"
}
.fa-folder-open:before {
  content: "\f07c"
}
.fa-arrows-v:before {
  content: "\f07d"
}
.fa-arrows-h:before {
  content: "\f07e"
}
.fa-bar-chart-o:before {
  content: "\f080"
}
.fa-twitter-square:before {
  content: "\f081"
}
.fa-facebook-square:before {
  content: "\f082"
}
.fa-camera-retro:before {
  content: "\f083"
}
.fa-key:before {
  content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
  content: "\f085"
}
.fa-comments:before {
  content: "\f086"
}
.fa-thumbs-o-up:before {
  content: "\f087"
}
.fa-thumbs-o-down:before {
  content: "\f088"
}
.fa-star-half:before {
  content: "\f089"
}
.fa-heart-o:before {
  content: "\f08a"
}
.fa-sign-out:before {
  content: "\f08b"
}
.fa-linkedin-square:before {
  content: "\f08c"
}
.fa-thumb-tack:before {
  content: "\f08d"
}
.fa-external-link:before {
  content: "\f08e"
}
.fa-sign-in:before {
  content: "\f090"
}
.fa-trophy:before {
  content: "\f091"
}
.fa-github-square:before {
  content: "\f092"
}
.fa-upload:before {
  content: "\f093"
}
.fa-lemon-o:before {
  content: "\f094"
}
.fa-phone:before {
  content: "\f095"
}
.fa-square-o:before {
  content: "\f096"
}
.fa-bookmark-o:before {
  content: "\f097"
}
.fa-phone-square:before {
  content: "\f098"
}
.fa-twitter:before {
  content: "\f099"
}
.fa-facebook:before {
  content: "\f09a"
}
.fa-github:before {
  content: "\f09b"
}
.fa-unlock:before {
  content: "\f09c"
}
.fa-credit-card:before {
  content: "\f09d"
}
.fa-rss:before {
  content: "\f09e"
}
.fa-hdd-o:before {
  content: "\f0a0"
}
.fa-bullhorn:before {
  content: "\f0a1"
}
.fa-bell:before {
  content: "\f0f3"
}
.fa-certificate:before {
  content: "\f0a3"
}
.fa-hand-o-right:before {
  content: "\f0a4"
}
.fa-hand-o-left:before {
  content: "\f0a5"
}
.fa-hand-o-up:before {
  content: "\f0a6"
}
.fa-hand-o-down:before {
  content: "\f0a7"
}
.fa-arrow-circle-left:before {
  content: "\f0a8"
}
.fa-arrow-circle-right:before {
  content: "\f0a9"
}
.fa-arrow-circle-up:before {
  content: "\f0aa"
}
.fa-arrow-circle-down:before {
  content: "\f0ab"
}
.fa-globe:before {
  content: "\f0ac"
}
.fa-wrench:before {
  content: "\f0ad"
}
.fa-tasks:before {
  content: "\f0ae"
}
.fa-filter:before {
  content: "\f0b0"
}
.fa-briefcase:before {
  content: "\f0b1"
}
.fa-arrows-alt:before {
  content: "\f0b2"
}
.fa-group:before, .fa-users:before {
  content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}
.fa-cloud:before {
  content: "\f0c2"
}
.fa-flask:before {
  content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}
.fa-paperclip:before {
  content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"
}
.fa-square:before {
  content: "\f0c8"
}
.fa-bars:before {
  content: "\f0c9"
}
.fa-list-ul:before {
  content: "\f0ca"
}
.fa-list-ol:before {
  content: "\f0cb"
}
.fa-strikethrough:before {
  content: "\f0cc"
}
.fa-underline:before {
  content: "\f0cd"
}
.fa-table:before {
  content: "\f0ce"
}
.fa-magic:before {
  content: "\f0d0"
}
.fa-truck:before {
  content: "\f0d1"
}
.fa-pinterest:before {
  content: "\f0d2"
}
.fa-pinterest-square:before {
  content: "\f0d3"
}
.fa-google-plus-square:before {
  content: "\f0d4"
}
.fa-google-plus:before {
  content: "\f0d5"
}
.fa-money:before {
  content: "\f0d6"
}
.fa-caret-down:before {
  content: "\f0d7"
}
.fa-caret-up:before {
  content: "\f0d8"
}
.fa-caret-left:before {
  content: "\f0d9"
}
.fa-caret-right:before {
  content: "\f0da"
}
.fa-columns:before {
  content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-asc:before {
  content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-desc:before {
  content: "\f0de"
}
.fa-envelope:before {
  content: "\f0e0"
}
.fa-linkedin:before {
  content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}
.fa-comment-o:before {
  content: "\f0e5"
}
.fa-comments-o:before {
  content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"
}
.fa-sitemap:before {
  content: "\f0e8"
}
.fa-umbrella:before {
  content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"
}
.fa-lightbulb-o:before {
  content: "\f0eb"
}
.fa-exchange:before {
  content: "\f0ec"
}
.fa-cloud-download:before {
  content: "\f0ed"
}
.fa-cloud-upload:before {
  content: "\f0ee"
}
.fa-user-md:before {
  content: "\f0f0"
}
.fa-stethoscope:before {
  content: "\f0f1"
}
.fa-suitcase:before {
  content: "\f0f2"
}
.fa-bell-o:before {
  content: "\f0a2"
}
.fa-coffee:before {
  content: "\f0f4"
}
.fa-cutlery:before {
  content: "\f0f5"
}
.fa-file-text-o:before {
  content: "\f0f6"
}
.fa-building-o:before {
  content: "\f0f7"
}
.fa-hospital-o:before {
  content: "\f0f8"
}
.fa-ambulance:before {
  content: "\f0f9"
}
.fa-medkit:before {
  content: "\f0fa"
}
.fa-fighter-jet:before {
  content: "\f0fb"
}
.fa-beer:before {
  content: "\f0fc"
}
.fa-h-square:before {
  content: "\f0fd"
}
.fa-plus-square:before {
  content: "\f0fe"
}
.fa-angle-double-left:before {
  content: "\f100"
}
.fa-angle-double-right:before {
  content: "\f101"
}
.fa-angle-double-up:before {
  content: "\f102"
}
.fa-angle-double-down:before {
  content: "\f103"
}
.fa-angle-left:before {
  content: "\f104"
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-angle-up:before {
  content: "\f106"
}
.fa-angle-down:before {
  content: "\f107"
}
.fa-desktop:before {
  content: "\f108"
}
.fa-laptop:before {
  content: "\f109"
}
.fa-tablet:before {
  content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}
.fa-circle-o:before {
  content: "\f10c"
}
.fa-quote-left:before {
  content: "\f10d"
}
.fa-quote-right:before {
  content: "\f10e"
}
.fa-spinner:before {
  content: "\f110"
}
.fa-circle:before {
  content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}
.fa-github-alt:before {
  content: "\f113"
}
.fa-folder-o:before {
  content: "\f114"
}
.fa-folder-open-o:before {
  content: "\f115"
}
.fa-smile-o:before {
  content: "\f118"
}
.fa-frown-o:before {
  content: "\f119"
}
.fa-meh-o:before {
  content: "\f11a"
}
.fa-gamepad:before {
  content: "\f11b"
}
.fa-keyboard-o:before {
  content: "\f11c"
}
.fa-flag-o:before {
  content: "\f11d"
}
.fa-flag-checkered:before {
  content: "\f11e"
}
.fa-terminal:before {
  content: "\f120"
}
.fa-code:before {
  content: "\f121"
}
.fa-reply-all:before {
  content: "\f122"
}
.fa-mail-reply-all:before {
  content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}
.fa-location-arrow:before {
  content: "\f124"
}
.fa-crop:before {
  content: "\f125"
}
.fa-code-fork:before {
  content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"
}
.fa-question:before {
  content: "\f128"
}
.fa-info:before {
  content: "\f129"
}
.fa-exclamation:before {
  content: "\f12a"
}
.fa-superscript:before {
  content: "\f12b"
}
.fa-subscript:before {
  content: "\f12c"
}
.fa-eraser:before {
  content: "\f12d"
}
.fa-puzzle-piece:before {
  content: "\f12e"
}
.fa-microphone:before {
  content: "\f130"
}
.fa-microphone-slash:before {
  content: "\f131"
}
.fa-shield:before {
  content: "\f132"
}
.fa-calendar-o:before {
  content: "\f133"
}
.fa-fire-extinguisher:before {
  content: "\f134"
}
.fa-rocket:before {
  content: "\f135"
}
.fa-maxcdn:before {
  content: "\f136"
}
.fa-chevron-circle-left:before {
  content: "\f137"
}
.fa-chevron-circle-right:before {
  content: "\f138"
}
.fa-chevron-circle-up:before {
  content: "\f139"
}
.fa-chevron-circle-down:before {
  content: "\f13a"
}
.fa-html5:before {
  content: "\f13b"
}
.fa-css3:before {
  content: "\f13c"
}
.fa-anchor:before {
  content: "\f13d"
}
.fa-unlock-alt:before {
  content: "\f13e"
}
.fa-bullseye:before {
  content: "\f140"
}
.fa-ellipsis-h:before {
  content: "\f141"
}
.fa-ellipsis-v:before {
  content: "\f142"
}
.fa-rss-square:before {
  content: "\f143"
}
.fa-play-circle:before {
  content: "\f144"
}
.fa-ticket:before {
  content: "\f145"
}
.fa-minus-square:before {
  content: "\f146"
}
.fa-minus-square-o:before {
  content: "\f147"
}
.fa-level-up:before {
  content: "\f148"
}
.fa-level-down:before {
  content: "\f149"
}
.fa-check-square:before {
  content: "\f14a"
}
.fa-pencil-square:before {
  content: "\f14b"
}
.fa-external-link-square:before {
  content: "\f14c"
}
.fa-share-square:before {
  content: "\f14d"
}
.fa-compass:before {
  content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"
}
.fa-euro:before, .fa-eur:before {
  content: "\f153"
}
.fa-gbp:before {
  content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
  content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"
}
.fa-won:before, .fa-krw:before {
  content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}
.fa-file:before {
  content: "\f15b"
}
.fa-file-text:before {
  content: "\f15c"
}
.fa-sort-alpha-asc:before {
  content: "\f15d"
}
.fa-sort-alpha-desc:before {
  content: "\f15e"
}
.fa-sort-amount-asc:before {
  content: "\f160"
}
.fa-sort-amount-desc:before {
  content: "\f161"
}
.fa-sort-numeric-asc:before {
  content: "\f162"
}
.fa-sort-numeric-desc:before {
  content: "\f163"
}
.fa-thumbs-up:before {
  content: "\f164"
}
.fa-thumbs-down:before {
  content: "\f165"
}
.fa-youtube-square:before {
  content: "\f166"
}
.fa-youtube:before {
  content: "\f167"
}
.fa-xing:before {
  content: "\f168"
}
.fa-xing-square:before {
  content: "\f169"
}
.fa-youtube-play:before {
  content: "\f16a"
}
.fa-dropbox:before {
  content: "\f16b"
}
.fa-stack-overflow:before {
  content: "\f16c"
}
.fa-instagram:before {
  content: "\f16d"
}
.fa-flickr:before {
  content: "\f16e"
}
.fa-adn:before {
  content: "\f170"
}
.fa-bitbucket:before {
  content: "\f171"
}
.fa-bitbucket-square:before {
  content: "\f172"
}
.fa-tumblr:before {
  content: "\f173"
}
.fa-tumblr-square:before {
  content: "\f174"
}
.fa-long-arrow-down:before {
  content: "\f175"
}
.fa-long-arrow-up:before {
  content: "\f176"
}
.fa-long-arrow-left:before {
  content: "\f177"
}
.fa-long-arrow-right:before {
  content: "\f178"
}
.fa-apple:before {
  content: "\f179"
}
.fa-windows:before {
  content: "\f17a"
}
.fa-android:before {
  content: "\f17b"
}
.fa-linux:before {
  content: "\f17c"
}
.fa-dribbble:before {
  content: "\f17d"
}
.fa-skype:before {
  content: "\f17e"
}
.fa-foursquare:before {
  content: "\f180"
}
.fa-trello:before {
  content: "\f181"
}
.fa-female:before {
  content: "\f182"
}
.fa-male:before {
  content: "\f183"
}
.fa-gittip:before {
  content: "\f184"
}
.fa-sun-o:before {
  content: "\f185"
}
.fa-moon-o:before {
  content: "\f186"
}
.fa-archive:before {
  content: "\f187"
}
.fa-bug:before {
  content: "\f188"
}
.fa-vk:before {
  content: "\f189"
}
.fa-weibo:before {
  content: "\f18a"
}
.fa-renren:before {
  content: "\f18b"
}
.fa-pagelines:before {
  content: "\f18c"
}
.fa-stack-exchange:before {
  content: "\f18d"
}
.fa-arrow-circle-o-right:before {
  content: "\f18e"
}
.fa-arrow-circle-o-left:before {
  content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"
}
.fa-dot-circle-o:before {
  content: "\f192"
}
.fa-wheelchair:before {
  content: "\f193"
}
.fa-vimeo-square:before {
  content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"
}
.fa-plus-square-o:before {
  content: "\f196"
} /*Font Awesome*/ .container-1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.wishlisttext {
  width: 200px !important;
  margin-bottom: 15px;
}
.wishlisttext i {
  float: left;
}
.wishlisttext span {
  color: #80af92;
  font-size: 12px;
  font-weight: 400;
  float: left;
  padding-left: 10px;
  float: left;
}
.kargo-text {
  background: #fff;
  width: 100%;
  display: block;
  padding: 10px;
  color: #303539;
  font-size: 14px,
} /*Responsive*/ @media only screen and (min-width:1400px) {
  .container {
    width: 1400px;
  }
  .col-sm-8 .grid4 .product-grid .item:nth-child(4n) {
    border-right: none;
  }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .container {
    width: 1240px;
  }
  .col-sm-8 .grid4 .product-grid .item:nth-child(4n) {
    border-right: none;
  }
}
@media only screen and (min-width:1200px) and (max-width:1230px) {
  .boxed .outer_container {
    width: 100%;
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  ul.categories li .wrapper {
    max-width: 939px !important;
  }
  #column-left ul.categories li .wrapper {
    max-width: 729px !important;
  }
  .header_wrapper ul.categories.vertical li .wrapper {
    max-width: 680px !important;
  }
  .main_menu > ul.horizontal > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
  .main_menu ul > li .icon-down-dir {
    margin-left: 5px;
  }
  .boxed .outer_container {
    width: 1000px;
  } /*.product-info .image, .mousetrap, .image-additional{max-width:300px !important;}*/ .product-list .image, .product-list .image_hover {
    max-width: 230px;
  }
}
@media only screen and (max-width:1200px) {
  body {
    min-width: 300px;
  }
  .up_to_tablet {
    display: inline-block !important;
  }
  .only_desktop {
    display: none !important;
  }
  .tablet_hide {
    display: none !important
  }
  .product-list .image, .product-list .image_hover {
    max-width: 250px;
  }
  .product-grid .icons_wrapper .plain_link {
    display: block !important;
    float: none !important;
  }
  .product-grid .btn-icon, .product-grid .btn-dark {
    opacity: 1;
  }
  .product-grid .btn-primary {
    display: block;
  }
  .box.custom.action1 .box-content .box-single, .box.custom.action2 .box-content .box-single {
    text-align: center;
  }
  .box.custom.action1 .box-content .button, .box.custom.action2 .box-content .button {
    float: none;
    margin: 20px auto 0;
  }
  .box.custom.action1 .box-content .left, .box.custom.action2 .box-content .left {
    float: none;
  }
  .extended_offer .amount {
    font-size: 14px;
  }
  .bar {
    position: relative;
    text-align: center;
  }
  .bar .bar_buttons {
    float: none;
    display: block;
    text-align: center;
  }
  .bottom #social_login_content_holder #d_social_login {
    float: none;
    margin-bottom: 20px;
  }
  .custom.info3 .col-lg-2:nth-child(3n) .single {
    margin-right: 0px;
  }
}
@media only screen and (min-width:992px) {
  .menu_wrapper .links_holder {
    display: inline !important;
  }
}
@media only screen and (min-width:992px) and (max-width:1022px) {
  .boxed .outer_container {
    width: 100%;
  }
}
@media only screen and (max-width:991px) {
  #checkout {
    margin-top: 48px
  }
  #columns .outer_container .container {
    margin-top: 44px;
  }
  #content {
    margin-top: 0px !important;
  }
  .slideshow {
    margin-top: 55px;
  }
  .header_wrapper {
    position: fixed;
  }
  .main_menu > ul.horizontal > li > a > img {
    display: none;
  }
  .header {
    padding: 0;
    position: relative;
    z-index: 128;
    min-height: 50px;
  }
  .btn-holder .btn:last-child {
    margin-right: 0;
  }
  .bottom_buttons {
    padding: 15px 20px;
    position: absolute;
    top: -11px;
    right: -1px;
    left: unset;
  }
  .bottom_buttons .btn-default {
    border: 1px solid #fff;
    border-radius: 10px !important;
    font-size: 10px !important;
    ;
  }
  .product-info h1, .deals_module .product-info h2 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
    position: relative;
    font-weight: 600;
    color: #000;
  }
  .product-info .price, .product-info .price .price-new {
    color: #92d6ad;
    font-size: 20px;
  }
  .product-info .image-additional .owl-controls {
    top: -86px !important;
    left: 0;
    right: 0;
    position: absolute;
  }
  .main_menu ul li .wrapper ul {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding: 3px;
  }
  .menu_table {
    width: 100%;
    display: table;
    position: fixed;
    left: 0;
  }
  .search_wrapper.active { /*position: fixed;*/ opacity: 1;
    transition: all 350ms ease 0s;
    visibility: visible;
    display: block !important;
    margin-top: 0px !important;
    z-index: 1000;
    top: 56px;
    left: 0px;
    width: 100%;
    padding: 0px 10px;
    background: #fff;
  }
  #search .categories {
    width: 140px;
  }
  .mobile_menu_search i {
    margin-top: 13px;
    margin-left: 5px;
    margin-right: 13px;
  }
  #user_account {
    margin-left: 5px !important;
  }
  #cart { /*margin-right: 7px !important;*/
  }
  .tablet_center {
    text-align: center
  }
  .tablet_margin_b {
    margin-bottom: 20px;
  }
  .tablet_margin_t {
    margin-top: 20px;
  } /*#cart .content{display:none;}*/ .header1 .header {
    padding-bottom: 15px;
  }
  .header1 .logo, .header2 .logo, .header3 .logo, .header4 .logo {
    margin-bottom: 20px;
  }
  .header4 .main_menu ul.categories {
    top: 64px;
  }
  .main_menu ul.links_holder {
    top: 40px;
  }
  .header1 .main_menu > ul.categories {
    visibility: hidden;
    position: absolute;
    z-index: 999;
    background: #ffffff;
    opacity: 0;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 350ms;
    width: 100%;
  }
  .header1 .main_menu > ul.categories.active {
    opacity: 1;
    visibility: visible;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 350ms;
  }
  .main_menu ul.categories {
    display: inline;
  }
  .main_menu ul.vertical {
    width: 100%;
  }
  .main_menu ul li .wrapper ul {
    display: block;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #bdb8bd;
    margin-bottom: 20px;
  }
  .main_menu ul li .wrapper ul li {
    width: 100%;
  }
  .main_menu ul.links_holder li .wrapper ul li {
    padding: 2px 10px 2px 20px;
  }
  .main_menu > ul > li > a.v_menu_trigger.light_bg_color {
    margin-left: 0;
    display: inline-block;
  }
  .main_menu ul > li, .main_menu ul.vertical > li {
    display: block;
    float: none;
    width: 100%;
  }
  .main_menu ul.visible-xs > li.trigger {
    text-align: center;
  }
  .header1 .main_menu > ul.horizontal > li > a, .header3 .main_menu > ul.horizontal > li > a, .header5 .main_menu > ul.horizontal > li > a {
    height: auto;
    border-color: #eaeaea;
    color: #333333;
  }
  .main_menu.links > ul > li > a, .main_menu > ul.categories > li > a {
    padding: 12px 20px 11px;
    font-size: 14px;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    margin-left: 0;
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .boxed .outer_container {
    width: 780px;
  }
  .col-20 {
    width: 33.33%
  }
  .header3 .promo_message {
    min-height: 0;
  }
  .menu_wrapper .wishlist_compare.icons.lg .hover_icon, .menu_table .menu_cell.search_holder {
    padding-left: 8px;
    padding-right: 8px;
  }
  .header4 .menu_holder {
    display: table-caption;
    border-bottom: 1px solid;
    border-color: inherit;
  }
  .header4 a.v_menu_trigger.plain {
    width: 720px;
    text-align: center;
  }
  .header4 .menu_wrapper .mini_cart, .menu_wrapper .welcome_message.square {
    padding-left: 5px;
    padding-right: 10px;
  }
  .menu_table .menu_cell.search_holder {
    border-left: 1px solid #eaeaea;
  }
  .header4 .main_menu ul > li {
    float: none;
  }
  #column-left ul.categories li .wrapper {
    max-width: 510px !important;
  }
  ul.categories.vertical li .wrapper .col-sm-12 img {
    max-width: 475px !important;
  }
  #column-left .gridz .product-grid .image_wrap, #column-right .gridz .product-grid .image_wrap, .list .item.blog_post .image {
    display: block;
    width: 100%;
    float: none;
  }
  #column-left .gridz .product-grid .details_wrap, #column-right .gridz .product-grid .details_wrap {
    display: block;
    padding: 0 20px 20px 20px;
  }
  .category-grid.grid6 .item, .category-grid.grid5 .item {
    width: 33.33%;
  }
  .product-info {
    display: block;
  }
  .product-info .image, .mousetrap {
    width: 262px;
  }
  .image-additional {
    width: 262px !important;
  }
  .cart-info td, .cart-info thead td {
    padding: 10px;
  }
  .col-sm-8 .deals_module .left {
    float: none;
    margin-bottom: 30px;
  }
  .col-sm-8 .deals_module .image {
    width: 100% !important;
    text-align: center;
  }
  .col-sm-8 .deals_module .right {
    margin-left: 0px !important;
  }
  .nav-tabs > li {
    width: 100%;
    float: none;
  }
  .nav-tabs > li > a {
    margin-right: 0;
  }
  .nav-tabs > li:not(:first-child) > a {
    border-radius: 0px;
  }
  #column-left + .grid3 .product-grid .item, #column-left + #content .grid3 .product-grid .item {
    width: 50%;
  }
  .grid4 .product-grid .item {
    width: 33.33%;
  }
  #column-left + .grid4 .product-grid .item, #column-left + #content .grid4 .product-grid .item {
    width: 50%;
  }
  .grid5 .product-grid .item, .grid6 .product-grid .item {
    width: 33.33%;
  }
  #column-left + .grid5 .product-grid .item, #column-right + .grid5 .product-grid .item, #column-left + .grid6 .product-grid .item, #column-right + .grid6 .product-grid .item, #column-left + #content.grid5 .product-grid .item, #column-right + #content .grid5 .product-grid .item, #column-left + #content.grid6 .product-grid .item, #column-right + #content .grid6 .product-grid .item {
    width: 50%;
  }
}
@media only screen and (min-width:768px) {
  .header .links_holder, .header_top_line_wrapper .links_holder {
    display: inline !important;
  }
}
@media only screen and (max-width:800px) {
  .boxed .outer_container {
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .slide_arrow_next, .slide_arrow_prev {
    width: 18px !important;
  }
  .mobileBasketButton .col-xs-3 .btn:active, .btn.active {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  }
  .mobileBasketButton .col-xs-3, .mobileBasketButton .col-xs-5 {
    padding: 0;
  }
  .right-sale-menu {
    display: none !important;
  }
  .mobileBasketButton button {
    font-size: 14px !important;
    width: 100%;
    height: 52px;
    padding: 8px 8px 9px !important;
    border-radius: 0;
  }
  .mobileBasketButton button.dropdown-toggle {
    background-color: #f1f1f1;
    color: #92d6ad;
  }
  .mobileBasketButton button.dropdown-toggle:hover {
    color: #92d6ad;
  }
  .up_to_mobile {
    display: block !important;
  }
  .owl-item .price-old, .item .price .price-old {
    display: block;
  }
  .headerindirim {
    display: none;
  }
  .mobile_hide {
    display: none !important
  }
  .mobile_clear {
    display: block;
  }
  .mobile_center {
    text-align: center
  }
  .mobile_margin_b {
    margin-bottom: 20px;
  }
  .mobile_margin_t {
    margin-top: 20px;
  }
  .col-20 {
    width: 100%
  }
  .header2 .search_wrapper {
    margin-bottom: 15px;
  }
  .quickview {
    display: none !important;
  }
  .side_widgets {
    display: none;
  }
  #column-left {
    display: block !important;
  }
  #column-left > * {
    display: none;
  }
  #column-left h3, #column-right h3 {
    margin-top: 0px;
  }
  #column-left .categories, #column-left .categories_heading, #column-left .category_module {
    display: block;
  }
  #column-left .categories, #column-left .category_module {
    margin-bottom: 40px;
  }
  #column-left ul.vertical li .wrapper {
    display: none;
    opacity: 1;
    position: relative;
    height: auto;
    visibility: visible;
  }
  #column-left ul.vertical li .wrapper {
    top: auto;
    left: 0;
    margin: -1px -1px -1px 0 !important;
    padding: 20px;
    width: 100% !important;
    background-image: none !important;
  }
  #column-left ul.vertical li .icon-down-dir {
    transform: rotate(0);
  }
  #social_login_content_holder #d_social_login {
    float: none;
    margin-bottom: 20px;
  }
  .header3 .main_menu > ul > li > a.v_menu_trigger.plain {
    border-right: 1px solid;
    border-color: #eaeaea;
  }
  .header4 .menu_wrapper .welcome_message.square, .menu_wrapper .wishlist_compare.icons .hover_icon:last-child {
    border-right: 1px solid;
    border-color: #eaeaea;
  }
  .menu_table .menu_cell {
    display: table;
    width: 100%;
    position: relative;
    text-align: center;
  }
  .menu_table .menu_cell.right {
    border: 1px solid;
    border-color: #eaeaea;
    border-top: none;
  }
  .menu_wrapper .mini_cart {
    border-top: none;
    border-bottom: none;
    margin-top: -1px;
  }
  .menu_table .menu_cell.search_holder {
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid;
    border-color: #eaeaea;
    margin-bottom: -1px;
  }
  .menu_wrapper .mini_menu_trigger {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
  }
  .main_menu > ul > li.trigger {
    width: 50%;
    text-align: center;
  }
  .main_menu > ul > li > a.v_menu_trigger.plain {
    width: 100%;
  }
  .main_menu ul.links_holder, .main_menu ul.categories {
    margin-top: 0px;
  }
  .main_menu ul.links_holder a {
    margin-right: 0px;
  }
  ul.megamenu li .wrapper .product .image {
    width: 100%;
    text-align: center;
  }
  .mini_menu.links {
    margin-bottom: 15px;
  }
  .header4 .mini_menu.links {
    margin-top: 13px;
  }
  .header .mini_menu_trigger, .header_top_line_wrapper .mini_menu_trigger {
    display: inline-block !important;
  }
  .mini_menu.links > ul {
    display: none;
  }
  .mini_menu.links > ul > li {
    display: block;
    padding-left: 0;
    margin: 10px 0;
    border-left: none !important;
  }
  .mini_menu.links ul li ul {
    position: relative;
    text-align: center;
    display: none;
    opacity: 1;
    margin-top: 0px;
    visibility: visible;
    margin: 0px;
    padding: 0px;
    transition: none;
  }
  .mini_menu.settings ul li ul {
    right: -30px;
  }
  .mini_menu.links ul li:hover > ul {
    transition: none;
  }
  .welcome_message {
    margin-bottom: 12px;
  }
  .header5 .search_wrapper, .header1 .search_wrapper, .header6 .search_wrapper {
    margin: 8px 0;
  }
  .contact_details iframe {
    margin-bottom: 20px;
  }
  .nav-tabs > li {
    width: 100%;
    float: none;
  }
  .nav-tabs > li > a {
    margin-right: 0;
  }
  .nav-tabs > li:not(:first-child) > a {
    border-radius: 0px;
  }
  .footer_modules .module {
    margin-bottom: 40px;
  }
  .promo_message, .wishlist_compare {
    min-height: 0;
  }
  .header2 .header_top_line .drop_downs_wrapper, .header3 .header_top_line .drop_downs_wrapper {
    margin-bottom: -5px;
  }
  .header2 .header_top_line .top_header_drop_down {
    left: -45px;
    right: auto;
  }
  .header2 .header_main #search {
    float: none;
    margin-top: 0;
  }
  .search-holder {
    height: auto;
    margin-bottom: 5px;
  }
  .header2 .shortcuts_wrapper {
    float: none;
  }
  .header3 .search-holder {
    width: 250px;
    display: block;
    clear: both;
  }
  .header3 .header_main #search input, .header3 .header_main #search.active input {
    width: 250px;
    border-width: 1px;
    color: #888888;
    margin-right: 0;
  }
  .header3 .shortcut .shortcut_heading i {
    border-left: none;
  }
  .header3 #menu #cart.shortcut:hover .shortcut_heading {
    color: #80af92222 !important;
    background: #ffffff;
  }
  .header3 .header_main #search, .header3 .header_main #search:hover, .header3 .header_main #search.active {
    width: 100%;
    position: static;
  }
  .header3 .shortcuts_wrapper {
    margin-left: 0;
  }
  .header3 #menu .mobile_menu_trigger {
    float: right;
    display: inline-block;
    clear: both;
    width: 100%;
  }
  .home_top_wrapper {
    display: inline;
  }
  .product-info-wrapper, .product-info {
    box-shadow: none;
  }
  .product-info {
    display: block;
  }
  .product-info .left {
    width: 100%;
    max-width: 400px;
    clear: both;
    margin: 0px auto 10px auto;
    float: none;
  }
  .product-info .image, .product-info .image img {
    width: 100% !important;
    clear: both;
  }
  .image-additional {
    width: 100% !important;
  }
  .cloud-zoom-lens, .cloud-zoom-big, #zoom-btn {
    cursor: default;
  }
  .category-grid.grid4 .item {
    width: 25%;
  }
  .category-grid.grid5 .item {
    width: 20%;
  }
  .category-grid.grid-6 .item {
    width: 16.66%;
  }
  .custom.info3 .col-lg-2 .single {
    margin-right: 0px;
  }
  .custom .call-to-action .left_side, .custom .call-to-action .right_side {
    display: block;
    width: 100%;
    text-align: center;
  }
  .custom .call-to-action .right_side {
    padding-top: 20px;
  }
  #content .filter_group_holder .filter_group {
    border-left: none !important;
    width: 100%;
  }
  .box {
    margin-bottom: 20px !important;
  }
  .mobile-cart-div {
    position: absolute;
    right: 0px;
    top: 28px;
  }
  .mobile-mini-menu-div {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 128;
    background: #fff;
  }
  .mini_menu.links > ul {
    width: 100%
  } /*  .extended_offer .price-new {    padding: 30px 0 !important;*/
}
.product-info .price, .product-info .price .price-new {}
.cart-info.table-responsive {
  font-size: 10px !important;
}
.cart-info.table-responsive image {
  max-width: 45px;
}
#havaleformu {
  font-size: 10px;
}
}
@media only screen and (min-width:630px) and (max-width:777px) {
  .grid6 .product-grid .item, .grid5 .product-grid .item, .grid4 .product-grid .item, .grid3 .product-grid .item {
    width: 33.33%;
  }
  #input-sort {
    max-width: 115px;
    margin-right: 5px;
    margin-left: 10px;
  }
}
@media only screen and (min-width:450px) and (max-width:629px) {
  .grid6 .product-grid .item, .grid5 .product-grid .item, .grid4 .product-grid .item, .grid3 .product-grid .item, .category-grid.grid3 .item {
    width: 50%;
  }
  .category-grid.grid4 .item, .category-grid.grid5 .item, .category-grid.grid6 .item {
    width: 33.33%;
  }
  #input-sort {
    max-width: 115px;
    margin-right: 5px;
    margin-left: 10px;
  }
}
@media only screen and (max-width:449px) {
  .grid6 .product-grid .item, .grid5 .product-grid .item, .grid4 .product-grid .item, .grid3 .product-grid .item, .category-grid.grid3 .item {
    width: 50%;
  }
  .category-grid.grid4 .item, .category-grid.grid5 .item, .category-grid.grid6 .item {
    width: 50%;
  }
  .product-grid .item .image {
    display: inline-block;
    max-width: 100%;
  }
  .style-1 .product-grid .btn-primary {
    display: inline-block;
  }
  #input-sort {
    max-width: 115px;
    margin-right: 5px;
    margin-left: 10px;
  } /*        .product-filter .display {            display: none;        }    */
}
@media only screen and (max-width:475px) {
  .product-list .item {
    text-align: center;
    display: inline-block;
    padding-bottom: 15px;
  }
  .product-list .item .image, .product-list .item .details_wrap {
    display: block;
    padding: 0;
    width: 100%;
  }
  .page-product .product-list .item .image, .product-list .item .details_wrap {
    width: auto;
  }
  .page-category .product-list .item .image, .product-list .item .details_wrap {
    width: auto;
  }
  .product-list .item .left {
    display: block;
    width: 100%;
  }
  .product-list .image, .product-list .image_hover {
    max-width: 100%;
    display: inline-block !important;
    text-align: center;
  }
  .product-list .image img, .product-list .image_hover img {
    display: inline-block;
  }
  .product-list .description {
    display: none;
  }
  #input-sort {
    max-width: 115px;
    margin-right: 5px;
    margin-left: 10px;
  }
}
@media only screen and (max-width:420px) {
  .category-grid.grid3 .item, .category-grid.grid4 .item, .category-grid.grid5 .item, .category-grid.grid6 .item {
    width: 50%;
  }
  .nav-tabs.product-page > li {
    margin: 0px 0px 5px;
    width: 100%;
  }
} /*Responsive*/ .lazy {
  height: 100%;
  width: 100%;
}
#tab-description .lazy {
  height: auto;
  width: auto;
  display: block !important;
  margin: 0 auto;
}
.socialize {
  background-color: transparent;
  box-shadow: 0 0 0 #cccccc;
  float: left;
  padding: 0 10px 0 0; /*position: fixed;    right: -10px;    top: 180px;    z-index: 9999;*/
}
.socialize ul {
  margin: 0;
  padding: 0;
}
.socialize ul li {
  display: block;
  float: left;
  list-style: outside none none;
  margin-bottom: 2px;
  margin-right: 3px;
}
.socialize ul li a {
  display: block;
  float: left;
  height: 32px;
  width: 32px;
}
.socialize ul li a img:hover {
  background-position: right 0;
  position: relative;
  top: 1px;
}
.widget-header {
  border: 1px solid #eaeaea;
  display: block;
  font-size: 14px;
  margin: 0 0 -1px;
  padding: 6px 10px 6px 20px;
  background: #80af92;
  color: #fff;
  text-align: right;
}
.widget-caption {
  float: left;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-align: left;
}
.widget-buttons label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  line-height: 6px
}
.widget-buttons > a {
  font-size: 14px;
  margin: 0 1px;
  display: inline-block;
  padding: 0;
  line-height: 24px;
  min-width: 20px;
  text-align: center
}
.widget-buttons > a:hover {
  text-decoration: none
}
.widget-buttons > a, .widget-buttons > a i {
  vertical-align: middle;
  color: #fff !important;
}
.widget-buttons > [data-toggle] > .fa {
  margin-right: 0
}
.widget-buttons > [data-toggle]:hover {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5
}
.widget-buttons > [data-toggle]:focus {
  text-decoration: none
}
.widget-buttons > [data-toggle="dispose"] {
  color: #777;
  font-size: 14px
}
.widget-buttons > [data-toggle="maximize"] {
  color: #777;
  font-size: 14px
}
.widget-buttons > [data-toggle="collapse"] {
  color: #777;
  font-size: 14px
}
.widget-buttons > [data-toggle="refresh"] {
  color: #777;
  font-size: 14px
}
.widget-buttons > [data-toggle="config"] {
  color: #777;
  font-size: 14px
}
.widget-buttons .progress {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  min-width: 100px;
  margin-top: -3px
}
.widget-buttons .btn-group {
  margin-top: -2px
}
.widget-buttons .btn-group .dropdown-menu {
  right: 0;
  left: auto
}
.widget-buttons .badge {
  margin-top: -2px
}
.widget-buttons .label {
  padding: 5px 6px 5px 6px
}
.widget-buttons .pagination, .widget-buttons .pager {
  float: right;
  margin: 5px 2px 1px
}
.widget-buttons .btn {
  margin-top: -2px
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
} /* FlexSlider Necessary Styles*********************************/ .flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
} /* Clearfix for the .slides element */ .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {
  display: block;
} /* FlexSlider Default Theme*********************************/ .flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
} /* Direction Nav */ .flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: 'FontAwesome';
  font-size: 40px;
  display: inline-block;
  content: "\f053";
  line-height: 40px;
}
.flex-direction-nav a.flex-next:before {
  content: '\f054';
} /* Pause/Play */ .flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: 'FontAwesome';
  font-size: 20px;
  display: inline-block;
  content: '\f054';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
} /* Control Nav */ .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: red;
  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 .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
  .flexslider .slides img {
    width: inherit;
  }
  .flexslider.carousel .slides img {
    width: auto;
  }
  .slides {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .slides li {
    text-align: center;
  }
  .slides li img {
    text-align: center;
  }
  .flex-direction-nav a:before {
    line-height: 40px;
  }
}
.flexslider .img-responsive {
  padding-top: 0px !important;
}
.numbercontainer {
  position: absolute;
  background: #63c54c;
  left: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 7;
  border-radius: 50%;
  line-height: 24px;
}
.numbercontainer::before {
  content: "";
  border-right: 7px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 12px solid #63c54c;
  position: absolute;
  top: -2px;
  left: -6px;
  transform: rotate(-45deg);
}
.numbercircle {}
#member {
  display: inline-block;
  position: relative;
  top: 10px;
  vertical-align: middle;
}
.member {
  display: block;
  background: url("../image/member.png");
  height: 47px;
  width: 132px;
  float: left;
}
.member:hover {
  background-position: 0 47px
}
.circlenumber {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  font-size: 50px;
  text-align: center;
  border: 1px solid #e1e1e1;
}
.circlenumber span {
  position: relative;
  top: 22px;
}
.box-heading h1 {
  text-align: center;
  font-size: 20px;
}
a.fancybox.cboxElement {
  color: #4381C1;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.checkout-short-heading {
  cursor: pointer;
}
.checkout-short-heading .circlenumber {
  float: left;
  margin-right: 12px;
}
.checkout-short-heading .text {
  float: left;
  height: 60px;
  vertical-align: middle;
  padding-top: 8px;
}
.checkout-short-heading .text .header {
  font-size: 16px;
}
.shipping .header {
  font-size: 16px;
}
.cart .header {
  font-size: 16px;
}
.payment-tab > li {
  border: 1px solid transparent;
  border-radius: 0px;
  line-height: 1.42857;
  display: block;
  padding: 10px 0px;
  position: relative;
  cursor: pointer;
  float: left;
  margin-bottom: 5px;
  width: 25%;
  text-align: center;
}
.payment-tab > li.active {
  background: #80af92 !important;
  border: 0 none !important;
  color: #fff !important;
}
.wizard {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px -1px 0px 0px #E0E0E0 inset;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.wizard.wizard-tabbed {
  background: none repeat scroll 0 0 #fbfbfb;
}
.wizard.wizard-tabbed ul li {
  background-color: #fbfbfb;
  padding: 0 30px;
}
.wizard.wizard-tabbed ul li .chevron {
  display: none;
}
.wizard.wizard-tabbed ul li .chevron:before {
  display: none;
}
.wizard.wizard-tabbed ul li.complete {
  background-color: #fbfbfb;
}
.wizard.wizard-tabbed ul li.active {
  background: none repeat scroll 0 0 #fff;
}
.wizard.wizard-wired {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #eee;
  box-shadow: none;
  display: block;
  padding-top: 10px;
  text-align: center;
}
.wizard.wizard-wired ul {
  display: table;
  position: relative;
  width: 100%;
}
.wizard.wizard-wired ul li {
  background-color: #fff;
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  transition: all 1s ease 0s;
  width: 20%;
}
.wizard.wizard-wired ul li .chevron {
  display: none;
}
.wizard.wizard-wired ul li .chevron:before {
  display: none;
}
.wizard.wizard-wired ul li.complete {
  background-color: #fff;
}
.wizard.wizard-wired ul li.complete .step:before {
  font-size: 22px;
  line-height: 36px;
}
.wizard.wizard-wired ul li.complete:hover {
  background-color: #fff;
}
.wizard.wizard-wired ul li.active {
  background-color: #fff;
}
.wizard.wizard-wired ul li .step {
  background-color: #fff;
  border-width: 2px;
  font-size: 15px;
  height: 40px;
  line-height: 34px;
  width: 40px;
  z-index: 2;
}
.wizard.wizard-wired ul li .title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 6px;
  margin-top: 4px;
  max-width: 100%;
  table-layout: fixed;
  text-align: center;
  word-wrap: break-word;
  z-index: 104;
}
.wizard.wizard-wired ul li:before {
  background-color: #e5e5e5;
  content: "";
  display: block;
  font-size: 0;
  height: 2px !important;
  overflow: hidden;
  position: relative !important;
  top: 25px;
  width: 100%;
  z-index: 1 !important;
}
.wizard.wizard-wired ul li:first-child:before {
  left: 50%;
  max-width: 51%;
}
.wizard.wizard-wired ul li:last-child:before {
  max-width: 50%;
  width: 50%;
}
.wizard ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%
}
.wizard ul.previous-disabled li.complete {
  cursor: default;
}
.wizard ul.previous-disabled li.complete:hover {
  background: none repeat scroll 0 0 #f3f3f3;
  cursor: default;
}
.wizard ul.previous-disabled li.complete:hover .chevron:before {
  border-left-color: #f3f3f3;
}
.wizard ul li {
  color: #B3B3B3;
  cursor: default;
  float: left;
  font-size: 14px;
  line-height: 46px;
  margin: 0;
  padding: 0 20px 0 30px;
  position: relative;
  transition: all 0.218s ease 0s;
  width: 50%;
  text-align: center;
}
.wizard ul li .step {
  background: #B3B3B3;
  border-radius: 100%;
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: 24px;
  z-index: 2;
}
.wizard ul li.active .step {
  background: #80af92;
}
.wizard ul li .chevron {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent -moz-use-text-color transparent #d4d4d4;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 24px 0 24px 14px;
  display: block;
  position: absolute;
  right: -14px;
  top: 0;
  z-index: 1;
}
.wizard ul li .chevron:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent -moz-use-text-color transparent #f5f5f5;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 24px 0 24px 14px;
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: -24px;
  transition: all 0.218s ease 0s;
}
.wizard ul li.complete {
  background: #fff;
  color: #444;
}
.wizard ul li.complete:before {
  background-color: #a0d468;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  max-height: 2px;
  overflow: hidden;
  position: absolute;
  right: -1px;
  z-index: 10;
}
.wizard ul li.complete:hover {
  background: none repeat scroll 0 0 #eee;
  cursor: pointer;
}
.wizard ul li.complete:hover .chevron:before {
  border-left: 14px solid #eee;
}
.wizard ul li.complete .chevron:before {
  border-left: 14px solid #f5f5f5;
}
.wizard ul li.complete .step {
  border-color: #a0d468;
  color: #a0d468;
}
.wizard ul li.complete .step:before {
  background-color: #fff;
  border-radius: 100%;
  bottom: 0;
  color: #a0d468;
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 12px;
  left: 0;
  line-height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 3;
}
.wizard ul li.active {
  background: none repeat scroll 0 0 #fff;
  color: #80af92;
}
.wizard ul li.active .step {
  border-color: #80af92;
  color: #80af92;
  box-shadow: 0px -1px 0px 0px #80af92 inset;
}
.wizard ul li.active:before {
  background-color: #80af92;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  max-height: 2px;
  overflow: hidden;
  position: absolute;
  right: -1px;
  z-index: 10;
}
.wizard ul li.active .chevron:before {
  border-left: 14px solid #fff;
}
.wizard ul li .badge {
  margin-right: 8px;
}
.wizard ul li:first-child {
  background-clip: padding-box;
  border-radius: 2px 0 0;
  padding-left: 20px;
}
.ucretsizkargo {
  z-index: 10000;
  top: 5px;
  right: 5px;
  color: #fff;
  background-color: #aaa;
  font-weight: 700;
  font-size: 13px;
  padding: 5px 12px 6px 12px;
  border-radius: 2px;
  text-align: center;
  float: left;
  margin-right: 10px;
}
.hizlikargo {
  z-index: 10000;
  top: 5px;
  right: 5px;
  color: #fff;
  background-color: #aaa;
  font-weight: 700;
  font-size: 13px;
  padding: 5px 12px 6px 12px;
  border-radius: 2px;
  text-align: center;
  float: left;
  height: 61px;
  margin-right: 10px;
  width: 68px;
}
.random-border {
  border: 1px solid #000;
  background: #fff;
}
#tab-description {
  font-size: 14px !important;
  color: #000 !important;
}
.price_rating_table {
  float: left;
  width: 100%;
  text-align: center
}
.hintcolor {
  color: #fb8c00
}
.topproductbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 150;
  border-bottom: 1px solid #d0d0d0;
  display: none;
}
.topproductbar.sticky_wrapper.sticky.active {
  display: block;
  background: #fff;
  padding: 10px;
}
.border-btm {
  border-bottom: 2px solid #484848;
  margin-bottom: 8px;
}
.address-block {
  height: 220px;
  border-radius: 6px;
  padding: 16px;
  border: 1px solid #EEEEEE;
  color: #80af92;
}
.address-text {
  height: 210px;
  overflow: hidden;
}
.address-button {
  bottom: 15px;
  font-size: 12px;
  color: #80af92;
  font-weight: 400;
}
.address-button .link {
  color: #4381C1;
}
.order-block {
  min-height: 220px;
  border: 1px solid #b3b1b1;
  width: 100%;
  margin: 0.5%;
}
.order-summary {
  background: #EEE;
  height: 100%;
  padding: 10px;
  display: table;
}
.order-detail {
  padding: 10px;
  background: #fff;
}
.order-status {
  border-bottom: 1px solid #b3b1b1;
  margin-bottom: 10px;
}
.order-status span {
  font-size: 14px;
  color: #ff7200;
}
.block_module {
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
  padding: 0 10px;
}
.filtertitle.modtitle {
  width: 100%;
}
.block_module h3.modtitle, .block_module .filtertitle.modtitle {
  padding: 20px 0 10px 0px;
  margin-bottom: 0;
  background: #fff;
  font-size: 18px;
  color: #80af92;
  font-weight: 600;
  text-align: left;
}
.block_module h3.modtitle span, .block_module .filtertitle.modtitle {
  text-transform: none;
  display: inline-block;
  color: #80af92;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.category-style {
  border: 1px solid #ebebeb;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  border-top: 2px solid #80af92;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.box-category ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.box-category > ul > li {
  padding: 0px;
  position: relative;
  margin: 0;
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid #ebebeb;
}
.box-category > ul > li:last-child {
  border: none;
}
.box-category ul li a {
  padding: 5px 0px;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  opacity: 1;
  cursor: pointer;
  transition: opacity .2s ease-in-out;
  color: #29272B;
}
.box-category ul li a.active {
  color: #80af92;
}
.box-category ul li .head a:before, .block_module h3 .head a:before, .block_module .filtertitle .head a:before {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 14px/1 'FontAwesome';
  font-size: 18px;
  margin-top: 3px;
}
.box-category ul li .head .collapsed:before {
  content: "\f105";
}
.box-category ul li .head {
  display: block;
  position: absolute;
  top: 5px;
  line-height: 20px;
  right: 10px;
  text-align: center;
}
.block_module h3 .head, .block_module .filtertitle .head {
  display: block;
  line-height: 20px;
  text-align: center;
  float: right;
  margin-right: 0px;
}
.box-category ul li .head a {
  padding: 9px 20px;
  background: #555;
  color: #fff;
  border-radius: 3px;
  border: none;
  background: #999;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 3px;
  margin-top: 0px;
}
.block_module h3 .head a, .block_module .filtertitle .head a {
  padding: 9px 20px;
  background: #555;
  color: #fff;
  border-radius: 3px;
  border: none;
  background: #000;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 3px;
  margin-top: -5px;
}
.box-category ul li .head a:hover, .block_module h3 .head a:hover, .block_module .filtertitle .head a:hover {
  background: #80af92;
  border-color: #fff;
  color: #fff;
}
.box-category ul li .head a:hover, .block_module h3 .head a:hover {
  background: #80af92;
}
.box-category ul li ul li {
  margin-bottom: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  opacity: 1;
  cursor: pointer;
  transition: opacity .2s ease-in-out;
  color: #29272B;
}
.box-category ul ul {
  margin-bottom: 20px;
}
.box-category ul ul li a {
  padding: 3px 0;
}
.box-category ul ul li.active a, a.activea {
  color: #80af92;
  font-weight: bold !important;
}
.box-category ul ul li.active a:before {
  color: #80af92;
} /*.box-category ul li ul li a:before {    font-family: 'FontAwesome';    transition: all 0.3s ease;    content: "\f105";    margin: 0 5px 0; }.box-category ul li ul li a:hover:before {    margin-right: 10px; }    */ /*============MODULE FILTER ==================*/ .so-filter-heading {
  min-height: 15px;
  display: block;
  height: 30px;
}
.so-filter-heading .so-filter-heading-text {
  float: left;
  padding: 11px 0 10px;
  color: #fff;
  font-weight: 600;
}
.so-filter-heading i {
  padding: 10px 0 0;
  color: #333;
  float: right
}
.so-filter-option.so-filter-price .content_scroll {
  margin: 30px 15px 20px;
}
.block_module.so_filter_wrap {
  overflow: hidden;
}
.block_module.so_filter_wrap .modcontent {
  border: none;
  background: #fff;
  border-radius: 0;
  margin: 0px;
}
.block_module.so_filter_wrap .modcontent .so-filter-heading .so-filter-heading-text {
  float: left;
  font-size: 13px;
  color: #80af92;
}
.block_module.so_filter_wrap .modcontent .so-filter-heading i {
  float: right;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container label {
  font-weight: normal;
  color: #80af92;
  font-size: 13px;
  margin: 0;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-count {
  float: right;
}
.block_module.so_filter_wrap .modcontent .so-filter-heading {
  padding: 0 12px;
  background: #92d6ad;
  margin-bottom: 2px;
}
.so_filter_wrap .modcontent .so-filter-heading {
  background: #92d6ad;
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.block_module.so_filter_wrap .modcontent .so-filter-heading i {
  padding: 10px 0 0;
  color: #333;
}
.block_module.so_filter_wrap .modcontent .so-filter-heading .so-filter-heading-text {
  float: left;
  padding: 8px 0 10px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts {
  border: none;
  max-height: 161px;
  overflow-y: auto;
  padding: 0 10px;
  height: 120px;
}
.block_module.so_filter_wrap .modcontent #text_search {
  height: 30px;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container {
  padding: 0;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option label {
  font-size: 12px;
  color: #80af92;
  text-transform: capitalize;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option label:hover {
  color: #ff5c00;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .opt-select {
  padding: 10px 0px 10px 0px;
  border: none;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .opt-select:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .noUi-horizontal .noUi-handle {
  border-radius: 100%; /*  &.noUi-handle-lower{left: 0;}     &.noUi-handle-upper{right: 15px; left: initial;}*/
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .noUi-horizontal .noUi-handle:before, .block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .noUi-horizontal .noUi-handle:after {
  display: none;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max {
  display: inline-block;
  background: #fff;
  border: 1px solid #ddd;
  width: 49%;
  padding: 0 5px;
  float: left;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max.put-min {
  margin-right: 2%;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max input {
  background: transparent;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-input img {
  display: none;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-input .fa-check-square-o, .block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-input .fa-square-o {
  display: none;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .option-count.opt_close {
  background: #ff5c00;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group {
  border: 1px solid #ddd;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .form-control {
  background: transparent;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .btn.btn-default {
  padding: 7px;
  color: #555;
  background: transparent;
  border-radius: 0;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .input-group .btn.btn-default:hover {
  background: #92d6ad;
  color: #fff;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option:hover .option-input:before {
  background-color: transparent;
  border: 2px solid #999;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input:before {
  margin-top: -7px !important;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option.opt_active .option-input:before {
  background-color: transparent;
  border: 2px solid #999;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input, .block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option-sub {
  position: relative;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option .option-input .fa-circle, .block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option-sub .fa-circle {
  display: none;
}
.block_module.so_filter_wrap .modcontent .noUi-horizontal .noUi-handle {
  top: -5px;
}
.block_module.so_filter_wrap .modcontent li.so-filter-options {
  margin-bottom: 10px;
}
.block_module.so_filter_wrap .modcontent li.so-filter-options .so-option-container .input-group {
  margin: 11px 0px;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price {
  text-align: left;
  padding: 20px 0;
  overflow-x: hidden;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_scroll {
  margin: 30px 15px 20px;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container ul li {
  float: left;
  width: 100%;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max {
  display: block;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby {
  min-width: 60px;
  width: 49%;
  padding: 0 5px;
  display: inline-block;
  float: left;
  border: 1px solid #ddd;
  display: inline-block;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby.txt-price-shopby-fisrt {
  margin-right: 2%;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby span {
  display: table-cell;
  vertical-align: middle;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .txt-price-shopby span.text-current {
  position: relative;
  top: 1px;
}
.block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .input_max, .block_module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .input_min {
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  width: 80px;
  max-width: 100px;
  min-width: 80px;
}
.block_module.so_filter_wrap .modcontent .noUi-handle {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  width: 15px;
  height: 15px;
  left: -10px;
}
.block_module.so_filter_wrap .modcontent .noUi-connect {
  box-shadow: none;
  background-color: #555;
  height: 8px;
  border-radius: 5px;
}
.block_module.so_filter_wrap .modcontent .noUi-background {
  background: #ff5c00;
  box-shadow: none;
  height: 8px;
}
.block_module.so_filter_wrap .modcontent .noUi-horizontal .noUi-handle-upper {
  right: 15px;
}
.block_module.so_filter_wrap .modcontent .noUi-target {
  border: none;
}
.block_module.so_filter_wrap .modcontent .noUi-background {
  background: #ddd;
}
.block_module.so_filter_wrap .modcontent #btn_resetAll {
  padding: 8px 15px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.block_module.so_filter_wrap .modcontent #btn_resetAll .fa.fa-times {
  color: #ff5c00;
}
.block_module.so_filter_wrap .clear_filter {
  padding: 20px 0;
}
.so-filter-content-opts-container .option-count {
  background: transparent;
  min-width: 24px;
  text-align: center;
}
.so-filter-content-opts-container .option-count:not(.opt_close):after {
  border-right-color: #999;
  display: none;
}
#content .filter-horizontal .so-filter-heading {
  padding: 0 15px;
}
#content .filter-horizontal .so-filter-content-opts-container {
  padding: 15px;
}
#content .filter-horizontal ul {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#content .filter-horizontal li.so-filter-options {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  border-right: 1px solid #eaeaea;
  margin: 0;
}
#content .filter-horizontal li.so-filter-options:last-child {
  border-right: none;
}
#content .filter-horizontal .clear_filter {
  border-top: 1px solid #eaeaea;
}
.total-block .mod-content {
  font-size: 16px;
  padding: 10px;
}
.total-block .mod-content p {
  font-size: 16px;
  line-height: 13px;
  color: #000;
}
.total-block .mod-content p.last {
  border-top: 1px solid;
  padding-top: 8px;
  font-weight: bold;
}
.sepet-price {
  float: left;
  height: 44px;
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  padding-left: 9px;
  color: #92d6ad;
}
body > .alert, .container > .alert {
  position: fixed;
  z-index: 10004;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  -moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
  animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
}
body > .alert .alert, .container > .alert .alert {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
body > .alert .alert.fadeOut, .container > .alert .alert.fadeOut {
  top: -100%;
}
.sepeteeklendi {
  position: fixed;
  right: 0px;
  top: 46px;
  font-size: 13px !important;
  float: left;
}
.alert {
  position: relative;
  padding: 12px 22px 12px 72px;
  z-index: 30;
  color: #fff;
  border-radius: 0;
  min-height: 23px;
  box-sizing: border-box;
  border: none;
  font-weight: 600;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
  text-align: left;
  font-size: 12px !important;
}
.alert i {
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
  width: 60px;
  font-size: 24px;
  -webkit-animation: alert-icon-anim 1s;
  -moz-animation: alert-icon-anim 1s;
  -ms-animation: alert-icon-anim 1s;
  -o-animation: alert-icon-anim 1s;
  animation: alert-icon-anim 1s;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
  left: 0;
}
.alert i:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  line-height: 0;
}
.alert a:hover {
  text-decoration: underline;
}
.alert button.close {
  position: absolute;
  top: 50%;
  line-height: 1;
  color: #fff;
  opacity: 0.7;
  background: none;
  border: none;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 15px;
}
.alert button.close:hover, .alert button.close:focus {
  opacity: 1;
  color: #fff;
}
.alert.fadeOut {
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.alert.fadeOut .alert {
  top: 100%;
}
@media (max-width: 479px) {
  .alert {
    padding-right: 30px;
  }
  .alert button.close {
    right: 5px;
  }
}
.alert-success {
  background-color: #4caf50;
}
.alert-success i {
  background: #388e3c;
}
.alert-success a, .alert-success a:visited, .alert-success a:focus, .alert-success a:hover {
  color: #c8e6c9;
}
.alert-danger {
  background-color: #f44336;
}
.alert-danger i {
  background: #d32f2f;
}
.alert-danger a, .alert-danger a:visited, .alert-danger a:focus, .alert-danger a:hover {
  color: #ffcdd2;
}
.alert-info {
  background-color: #03a9f4;
}
.alert-info i {
  background: #0288d1;
}
.alert-info a, .alert-info a:visited, .alert-info a:focus, .alert-info a:hover {
  color: #b3e5fc;
}
.alert-warning {
  background-color: #ff5722;
}
.alert-warning i {
  background: #e64a19;
}
.alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover {
  color: #ffccbc;
}
@-webkit-keyframes alert-anim {
  0% {
    top: -100%;
  }
  60% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes alert-anim {
  0% {
    top: -100%;
  }
  60% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@keyframes alert-anim {
  0% {
    top: -100%;
  }
  60% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes alert-anim2 {
  0% {
    top: -100%;
  }
  60% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}
@-moz-keyframes alert-anim2 {
  0% {
    top: -100%;
  }
  60% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}
@keyframes alert-anim2 {
  0% {
    top: -100%;
  }
  60% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes alert-icon-anim {
  0% {
    font-size: 0;
  }
  60% {
    font-size: 0;
  }
}
@-moz-keyframes alert-icon-anim {
  0% {
    font-size: 0;
  }
  60% {
    font-size: 0;
  }
}
@keyframes alert-icon-anim {
  0% {
    font-size: 0;
  }
  60% {
    font-size: 0;
  }
}
#bankataksitler .modtitle {
  border-bottom: 1px solid #DDDDDD;
  padding: 4px;
}
div.installment-header {
  border-bottom: 1px solid #DDDDDD;
}
div.installment, div.installment-header {
  font-size: 12px;
  cursor: pointer;
  margin: 0;
  padding: 5px;
  padding-bottom: 5px;
  padding-bottom: 0px;
  font-weight: bold;
  text-align: left;
}
.product-variants {
  display: inline-block;
  min-height: 40px;
}
.product-variants a {
  float: left;
}
.modtitle {
  text-align: center;
}
.modtitlesub {
  text-align: center;
}
#instagramfeed-bg {
  background: #efefef;
  margin: 0;
  padding: 60px 0;
}
.instagramfeed {
  width: 1000px;
  margin: 0 auto;
}
.instagramfeed ul li {
  display: inline-block;
  margin: 0 15px;
  background: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.instagramfeed ul li a {
  display: block;
  width: 175px;
  height: 175px;
}
.instagramfeed ul li a img {
  max-width: 100%;
}
.instagramfeed ul {
  margin: 0 -15px;
  clear: both;
}
.instagramfeed > h1 {
  float: left;
  margin-bottom: 20px;
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
.instagramfeed > a {
  float: right;
  color: #3d95f6;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 18px;
  border: 1px solid #3d95f6;
  border-radius: 5px;
}
.instagramfeed > h1 strong {
  color: #44719D;
  font-weight: bold;
} /*.instagramfeed>h1:before {content: '';background: url('/images/uygulama/instagram.png')no-repeat;width: 32px;height: 32px;display: block;float: left;margin-right: 10px;}*/ .instagramfeed > a:hover {
  background: #3d95f6;
  color: #fff;
}
.instagramfeed ul li > span {
  font-size: 13px;
  color: #A7ACB0;
  font-family: hind-regular;
  padding: 14px 0;
  display: block;
  float: left;
}
.instagramfeed ul li > span:before {
  content: '\e972';
  font-family: 'default' !important;
  margin-right: 5px;
  display: block;
  float: left;
  margin-top: 1px;
  font-size: 15px;
  color: #A7ACB0;
}
.instagramfeed ul li > .like:before {
  content: '\e96a';
}
.instagramfeed ul li > .like {
  margin: 0 20px;
}
.instagramfeed ul li:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.30);
  transform: scale(1.05);
}
.page-category #column-left {
  margin-top: 0px !important;
}
.minicart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  cursor: pointer;
  transition-duration: .3s;
  transition-property: visibility, opacity;
  z-index: 5000;
  display: none;
}
.engage-toolbar {
  position: fixed;
  display: flex !important;
  top: 50% !important;
  right: 0 !important;
  transform: rotate(90deg);
  transform-origin: right top;
}
.engage-toolbar .btn {
  background: #f4b72a !important;
  border-radius: 0px 0px 6px 6px;
  border: 0px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.engage-toolbar .btn:hover {
  background: #f4552a !important;
  color: #fff;
}
.drawer {
  display: none;
  overflow: auto;
  z-index: 10000;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #fff;
  transition: transform .3s ease-in-out
}
.drawer.drawer-start {
  left: 0;
  transform: translateX(-100%)
}
.drawer.drawer-end {
  right: 0;
  transform: translateX(100%)
}
.drawer.drawer-on {
  transform: none;
  transition: transform .3s ease-in-out
}
.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 109;
  animation: animation-drawer-fade-in .3s ease-in-out 1
}
[data-kt-drawer=true] {
  display: none
}
@keyframes animation-drawer-fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@media (max-width:991.98px) {
  body[data-kt-drawer=on] {
    overflow: hidden
  }
}
.card {
  border: 0;
  box-shadow: none;
  background-color: #fff
}
.card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  min-height: 30px;
  padding: 0 2.25rem;
  color: rgb(24, 28, 50);
  background-color: transparent;
  border-bottom: 1px solid #eff2f5
}
.card .card-header .card-title {
  display: block;
  align-items: center;
  margin: .5rem;
  margin-left: 0;
  color: #5e6278;
  font-weight: 600;
  font-size: 22px;
  justify-content: center;
  width: 100%;
}
.card .card-header .card-title .card-icon .svg-icon svg {
  height: 24px;
  width: 24px
}
.card .card-header .card-toolbar {
  display: flex;
  align-items: center;
  margin: .5rem 0;
  flex-wrap: wrap
}
.card .card-body {
  padding: 2rem 2.25rem;
  color: #5e6278
}
.duyurutitle {
  font-size: 19px;
  font-weight: 600;
  color: #181c32;
}
.duyurudescription {
  font-size: 14px;
  font-weight: 400;
  color: #a1a5b7;
}
.mb-30 {
  margin-bottom: 30px;
}
.card-p {
  padding: 2rem 2.25rem !important
}
.card-px {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important
}
.product-right-sticky {
  position: sticky;
  top: 100px;
  z-index: 90;
}
.btn-action {
  background-color: #92d6ad;
  color: #fff;
}
.small-text .underline {
  border-bottom: 1px solid #000;
  font-weight: bold;
}
.small-text a {
  float: none !important;
  cursor: pointer;
  color: #000 !important;
}
.small-text .last {
  border-top: 1px solid #80af921A;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 28px;
}
.sepet.btn-primary {
  background-color: #e83235;
  -webkit-box-shadow: 2px 3px 2px 0px rgba(194, 194, 194, 1);
  -moz-box-shadow: 2px 3px 2px 0px rgba(194, 194, 194, 1);
  box-shadow: 2px 3px 2px 0px rgba(194, 194, 194, 1);
  color: #fff;
  width: 100%;
}
.cart-option {
  display: block;
  clear: both;
}
.mb18 {
  margin-bottom: 18px;
}
.inner-align {
  background: #e63a30 !important;
  position: relative;
  margin: auto;
  padding: 0 6%;
}
.iyzbanka {
  float: left;
  width: 30%;
  margin-right: 1%;
  margin-bottom: 50px;
}
.sss-tabs .sss-tabs-nav {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 3px;
  border-top: 1px solid #e5e5e5;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.sss-tabs .sss-tabs-nav > li {
  background: #f5f5f5 url("../bundles/brcncommon/sssv3/img/sss-tabs-bg.jpg") repeat-x scroll 0 0;
  border-left: 3px solid #dedede;
  cursor: pointer;
  font-family: "Heading", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: 73px;
  line-height: 73px;
  text-transform: uppercase;
}
.sss-tabs .sss-tabs-nav > li > a {
  color: #7d7d7d;
  display: inline-block;
  height: 73px;
  padding-left: 30px;
  text-decoration: none !important;
  width: 100%;
}
.sss-tabs .sss-tabs-nav > li.active, .sss-tabs .sss-tabs-nav > li:hover {
  border-left: 3px solid #eb7203;
}
.sss-tabs .sss-tabs-nav > li.active a, .sss-tabs .sss-tabs-nav > li:hover a {
  color: #424242;
}
.sss-tabs .sss-tabs-container .sss-tab {
  background: #e5e5e5 none repeat scroll 0 0;
  border-radius: 14px;
  display: none;
  padding: 8px;
}
.sss-tabs .sss-tabs-container .sss-tab.active {
  display: block;
}
.sss-tabs .sss-tabs-container .sss-tab .sss-tab-content {
  background: #fff none repeat scroll 0 0;
  border-radius: 6px;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
  min-height: 100px;
}
.questions .question {
  border-bottom: 1px solid #f5f5f5;
}
.questions .question:last-child {
  border-bottom-width: 0;
}
.questions .question header {
  cursor: pointer;
  padding: 0 20px;
  position: relative;
}
.questions .question header .h6 {
  color: #747474;
  font-size: 17px;
  line-height: 1;
  margin: 0;
  padding: 20px 40px 20px 0;
}
.questions .question header .toggle-question {
  display: inline-block;
  height: 30px;
  margin-top: -15px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 30px;
}
.questions .question header .toggle-question i {
  background: rgba(0, 0, 0, 0) url("../image/payment-plus-minus.png") repeat scroll -11px -26px;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.questions .question.open header .toggle-question i {
  background-position: -11px -1px;
}
.questions .question section {
  display: none;
  margin: -15px 0 0;
  padding: 0 20px;
}
.questions .question section p {
  color: #474747;
  font-size: 13px;
}
.snowflake {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
@-moz-keyframesspin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframesspin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframesspin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.header-alt-buttons {
  width: 100%;
  display: inline-block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.header-alt-buttons li {
  width: 20%;
  height: 100%;
  float: left;
  display: block;
}
.header-alt-buttons li a {
  width: 100%;
  height: 100%;
  display: block;
}
.jcarousel-item img {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  padding: 10px;
}
.jcarousel-item .slide_arrow_prev {
  position: absolute;
  left: -12px;
  top: 37%;
}
.jcarousel-item .slide_arrow_next {
  position: absolute;
  right: -12px;
  top: 37%;
}
#accordionproduct {
  background: #fff;
  padding: 10px;
}
#accordion-product li {
  background: #e7e7e7 !important;
  color: #000 !important;
  padding: 15px;
  width: 100%;
}
.accordion .card-header {
  background-color: #e7e7e7 !important;
  border-bottom: 1px solid #000;
}
.accordion .card-header a {
  color: #000;
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 27px;
}
.accordion .card-body {
  padding: 21px;
  background: #fff;
  border-bottom: 1px solid #000;
}
.accordion .card-header i.fa-plus {
  float: right;
  line-height: 27px;
}
.accordion .card-body p {
  margin-bottom: 12px;
}
.accordion .card-header a[aria-expanded="true"] i.fa-plus::before {
  content: "\f068";
}
.accordion .panel {
  margin-bottom: 0px;
  border: 0px solid transparent;
}
.btn-holder input.quantity {
  color: #80af92;
  text-align: center;
  width: 26px;
  vertical-align: top;
  border-radius: 0;
  height: 30px !important;
  border-width: 0px border:0px;
  font-weight: 700;
  font-size: 14px;
}
.btn-holder .quantity_button {
  background: #EEE;
  padding: 8px;
  width: 24px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  color: #777;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  padding-top: 3px;
}
.btn-holder .quantity_button.arrow_icon:hover {
  background: #f4552a !important;
  color: #ffff !important;
}
.btn-holder .quantity_button.arrow_icon.minus {
  color: #80af92;
  border-right: none;
  border-radius: 0px;
}
.btn-holder .quantity_button.arrow_icon.plus {
  color: #80af92;
  border-left: none;
  border-radius: 0px;
  padding-left: 6px;
}
.quantity-container {
  display: table-cell;
  width: 85px;
  float: left;
}
.btn-add-to-cart {
  height: 40px;
  background: #DB6006;
  border-radius: 0px;
  display: table-cell;
  width: calc(100% - 85px);
  margin: 0px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  padding: 3px;
  margin: 0px !important;
}
.btn-add-to-cart.active {
  background: #0b952d;
  text-align: center;
  color: #fff;
}
.cart-notification-container {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #fff;
  padding: 12px 20px;
  border-radius: 10px;
}
.cart-notification {
  display: block;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  max-width: 200px;
  animation: flyEffect 2s;
}
.cart-notification.hide {
  animation: hideEffect 0.5s;
}
.cart-notification .product-image {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  margin-bottom: 5px;
}
.cart-notification .product-name {
  font-weight: bold;
  margin-bottom: 5px;
}
.fly-effect {
  background-color: #ff5c5c;
  color: #fff;
  padding: 10px;
  position: absolute;
  z-index: 9999;
}
.animated-fly {
  animation: flyEffect 3s;
}
@keyframes flyEffect {
  0% {
    left: 50%;
    top: 50%;
    opacity: 1;
  }
  100% {
    left: 95%;
    top: 10%;
    opacity: 0;
  }
}
@keyframes hideEffect {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.attgroupdiv {
  padding: 10px;
  max-width: 800px;
}
.attgroupdivcontainer {
  background: #f2f2f2;
  height: 40px;
  border-radius: 20px;
  color: #000;
}
.attgroupname {
  text-align: left;
  font-weight: 600;
  width: 50%;
  display: block;
  padding: 10px;
  float: left;
  max-width: 200px;
}
.attname {
  text-align: left;
  font-weight: 500; /*    width: 15%;*/ display: block;
  padding: 10px 5px;
  float: left;
}
.sepetprice {
  display: table;
  padding: 0px;
  color: #92d6ad;
  font-size: 20px;
  margin-top: 3px;
  font-weight: 700;
}
.hvlprice {
  display: table;
  padding: 0px;
  color: #92d6ad;
  font-size: 20px;
  margin-top: 3px;
  font-weight: 700;
}
.sepet-btn {
  background: #92d6ad;
  width: 100%;
  color: #fff;
  font-weight: normal !important;
  border-radius: 4px;
}
.cart-module .block_module {
  padding: 0px;
}
.mt-24 {
  margin-top: 24px;
}
.success-page {
  text-align: center
}
.success-page p {
  color: #80af92;
}
.success-page a {
  font-weight: 600;
  color: #80af92;
  text-decoration: underline
}
.success-page i {
  background: #92d6ad;
  color: #fff;
  border-radius: 100%;
  padding: 17px;
  font-size: 28px;
}
.success-page .title {
  font-weight: 700;
  color: #92d6ad;
  line-height: 50px;
  font-size: 48px;
}
.success-page .msg {
  font-weight: 700;
  color: #92d6ad;
  font-size: 34px;
  padding-bottom: 18px;
  line-height: 44px;
}
.table-bordered {
  color: #000;
}
.table-bordered td {
  vertical-align: middle !important;
}
.table-bordered thead {
  background: #EEEEEE;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: 600;
}
.table-bordered .name {
  font-weight: 600
}
.tdpart {
  float: left;
  min-width: 150px;
}
.tdpart label {
  font-size: 12px;
  color: #8C8C8C;
  font-weight: 600
}
.tdpart p {
  font-size: 12px;
  color: #80af92;
  font-weight: 600;
  margin-top: 8px;
}
.tdpart .link {
  margin-top: 15px;
  display: block;
  text-decoration: underline;
  color: #4381C1
}
.altbanner {
  margin-bottom: 24px;
  margin-left: 0px;
  margin-right: 0px;
}
.categorytabs {
  padding: 50px 72px 60px 72px
}
.categorytabs.lacivert {
  background: #80af92
}
.categorytabs.black {
  background: #000
}
.categorytabs.silver {
  background: #c0c0c0
}
.categorytabs.gray {
  background: #808080
}
.categorytabs.white {
  background: #fff
}
.categorytabs.maroon {
  background: #800000
}
.categorytabs.red {
  background: #ff0000
}
.categorytabs.purple {
  background: #800080
}
.categorytabs.fuchsia {
  background: #ff00ff
}
.categorytabs.green {
  background: #008000
}
.categorytabs.lime {
  background: #00ff00
}
.categorytabs.olive {
  background: #808000
}
.categorytabs.yellow {
  background: #ffff00
}
.categorytabs.navy {
  background: #000080
}
.categorytabs.blue {
  background: #0000ff
}
.categorytabs.teal {
  background: #008080
}
.categorytabs.aqua {
  background: #00ffff
}
.categorytabs .module-desc {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 50px;
}
.loader-ellips {
  font-size: 20px; /* change size here */ position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}
.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */ position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) {
  left: 1.5em;
}
.loader-ellips__dot:nth-child(4) {
  left: 3em;
}
@keyframes reveal {
  from {
    transform: scale(0.001);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slide {
  to {
    transform: translateX(1.5em)
  }
}
.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}
.loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}
.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}
.infinite-scroll-last {
  text-align: center;
  font-size: 20px;
}
.kategoriustgorsel {
  top: 42px !important;
  right: 10% !important;
  max-width: 600px !important;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #92d6ad #f1f1f1;
} /* Scrollbar overall background color */ ::-webkit-scrollbar {
  width: 6px;
} /* Scrollbar handle */ ::-webkit-scrollbar-thumb {
  background: #92d6ad;
  border-radius: 6px;
} /* Scrollbar handle on hover */ ::-webkit-scrollbar-thumb:hover {
  background: #92d6ad;
} /* Scrollbar track */ ::-webkit-scrollbar-track {
  background: #92d6ad;
  border-radius: 6px;
}
.homeText {
  box-shadow: 0 0 13px 3px rgba(0, 0, 0, .05);
  margin-bottom: 20px;
  padding: 12px;
}
.category-questions {
  position: relative;
  display: table;
  width: 100%;
}
.category-questions .question {
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.category-questions header {
  background-color: #e3ffe8;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.category-questions .toggle-question {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.category-questions .answer {
  display: none;
  padding: 10px;
  background-color: #fff;
}
.category-questions .arrow {
  font-size: 16px;
  transition: transform 0.3s;
}
.category-questions .toggle-question.expanded .arrow {
  transform: rotate(180deg);
}
.prd_wishlist {
  background: #92d6ad;
  color: #fff;
  max-width: 37px;
  float: left;
  margin-right: 4px;
  border-radius: 5px;
  height: 48px;
}
.prd_whatsapp {
  background: #92d6ad;
  color: #fff;
  padding: 10px;
  max-width: 36px;
  float: left;
  border-radius: 5px;
}
.hediyenotu {
  border-radius: 4px;
  border: 1px solid #bebdbd;
  font-size: 11px;
  padding: 5px;
  margin-top: 20px;
  color: #b5b5b5;
  text-align: center;
  width: 100%;
}
.sepeturun {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px #7b7b7b;
}
.adresblok {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px #7b7b7b;
  float: left;
} /*paylaş butonu*/ .view-modal, .popupshare {
  position: absolute;
}
button {
  outline: none;
  cursor: pointer;
  font-weight: 500;
  border-radius: 4px;
  border: 2px solid transparent;
  transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
}
.view-modal {
  color: #fff;
  font-size: 18px;
  background: #92d6ad;
  width: 37px;
  float: left;
  border-radius: 5px;
  height: 47px;
}
.popupshare {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  top: -150%;
  max-width: 450px;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%) scale(1.2);
  transition: top 0s 0.2s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
  left: -150%;
}
@media (max-width: 999px) {
  .popupshare.show {
    top: 50%;
    left: 50%;
    opacity: 1;
    pointer-events: auto;
    z-index: 5;
    width: 350px;
    transform: translate(-87%, -50%) scale(1);
    transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
  }
  .field button {
    font-size: 16px;
    padding: 8px 0;
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .popupshare.show {
    top: 50%;
    left: 50%;
    opacity: 1;
    pointer-events: auto;
    z-index: 5;
    width: 450px;
    transform: translate(-190%, -50%) scale(1);
    transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
  }
}
.popupshare :is(header, .popicons, .field) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popupshare header {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebedf9;
}
header span {
  font-size: 21px;
  font-weight: 600;
}
header .close, .popicons a {
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
header .close {
  color: #878787;
  font-size: 17px;
  background: #f2f3fb;
  height: 33px;
  width: 33px;
  cursor: pointer;
}
header .close:hover {
  background: #ebedf9;
}
.popupshare .popshare {
  margin: 20px 0;
}
.popupshare .popicons {
  margin: 15px 0 20px 0;
}
.popshare p {
  font-size: 16px;
  text-align: left;
}
.popshare .popicons a {
  height: 50px;
  width: 50px;
  font-size: 20px;
  text-decoration: none;
  border: 1px solid transparent;
}
.popicons a i {
  transition: transform 0.3s ease-in-out;
}
.popshare .field {
  margin: 12px 0 -5px 0;
  height: 45px;
  border-radius: 4px;
  padding: 0 5px;
  border: 1px solid #e1e1e1;
}
.field.active {
  border-color: #92d6ad;
}
.field i {
  width: 50px;
  font-size: 18px;
  text-align: center;
}
.field.active i {
  color: #92d6ad;
}
.field input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  background: transparent;
  text-align: left;
}
.field button {
  color: #fff;
  padding: 5px 18px;
  background: #92d6ad;
}
.field button:hover {
  background: #8d39fa;
} /*paylaş butonu sonu*/ /*checkbox tasarımı başı*/ /**,*:after,*:before {	box-sizing: border-box;}*/ .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  user-select: none;
  & > * {
    margin: .5rem 0.5rem;
    margin-top: 0px;
  }
}
.checkbox-group-legend {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
  text-align: center;
  line-height: 1.125;
  margin-bottom: 1.25rem;
  font-size: 18px;
}
.checkbox + .checkbox, .radio + .radio {
  margin-top: 0px;
}
.checkbox-input {
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  &:checked + .checkbox-tile {
    border-color: #92d6ad;
    border: 5px solid #92d6ad;
    box-shadow: 0 5px 10px rgba(#000, 0.1);
    color: #92d6ad;
    &:before {
      transform: scale(1);
      opacity: 1;
      background-color: #92d6ad;
      border-color: #92d6ad;
    }
    .checkbox-icon, .checkbox-label {
      color: #92d6ad;
    }
  }
  &:focus + .checkbox-tile {
    border-color: #92d6ad;
    box-shadow: 0 5px 10px rgba(#000, 0.1), 0 0 0 4px #b5c9fc;
    &:before {
      transform: scale(1);
      opacity: 1;
    }
  }
}
.checkbox-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 7rem;
  min-height: 7rem;
  border-radius: 0.5rem;
  border: 2px solid #B5D9B5;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(#000, 0.1);
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  &:before {
    content: "";
    position: absolute;
    display: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #B5D9B5;
    background-color: #fff;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0;
    -webkit-transform: scale(0);
    -webkit-transition: 0.25s ease;
    -moz-transform: scale(0);
    -moz-transition: 0.25s ease;
    -o-transform: scale(0);
    -o-transition: 0.25s ease;
    transform: scale(0);
    transition: 0.25s ease;
  }
  &:hover {
    border-color: #92d6ad;
    &:before {
      transform: scale(1);
      opacity: 1;
    }
  }
}
.checkbox-tile.active {
  border-color: #92d6ad;
  border: 5px solid #92d6ad;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #92d6ad;
}
.checkbox-icon {
  transition: .375s ease;
  -webkit-transition: 375s ease;
  -moz-transition: 375s ease;
  -o-transition: 375s ease;
  color: #494949;
  svg {
    width: 3rem;
    height: 3rem;
  }
}
.checkbox-label {
  color: #707070;
  transition: .375s ease;
  -webkit-transition: 375s ease;
  -moz-transition: 375s ease;
  -o-transition: 375s ease;
  text-align: center;
}
.filter-section {
  margin-bottom: 20px;
}
.filter-section h4 {
  margin-top: 0;
}
.filter-checkbox {
  margin-bottom: 10px;
}
.diamond-filter .row {
  text-align: center;
  margin-bottom: 10px;
}
.diamond-filter .col-xs-12.boxes {
  display: inline-block;
  text-align: center;
}
.diamond-filter .col-md-12.boxes {
  display: inline-block;
  text-align: center;
}
.diamond-filter .col-md-6.boxes {
  display: inline-block;
  text-align: center;
}
.diamond-filter h6 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  color: #333;
  border-bottom: 2px solid #ccc;
  display: inline-block;
  padding-bottom: 5px;
}
.diamond-filter ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  background-color: transparent;
  grid-template-columns: repeat(5, 1fr);
  align-content: center;
}
.diamond-filter ul label {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 5px 0px;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.3s ease;
  cursor: pointer;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
}
.btn.btn-primary {
  border-radius: 4px;
}
.diamond-filter ul label:hover {
  background-color: #ff0044;
}
.diamond-filter ul input[type="checkbox"] {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.diamond-filter ul input[type="checkbox"]:checked {
  accent-color: #92d6ad;
}
.diamond-filter span {
  font-size: 14px;
  color: #555;
}
.diamond-filter span:hover {
  color: #000;
}
.diamond-maker-info {
  margin-top: 25px;
}
.diamond-maker-info .info-con {
  display: flex;
  justify-content: space-between;
  border: 1px solid #dede;
  border-radius: 0;
  font-size: 16px;
  background: #dedede;
  width: 100%;
}
.info-item:not(:first-child):before {
  width: 0px;
  height: 0px;
  border-top: 40px solid #ffffff;
  border-bottom: 40px solid #ffffff;
  border-left: 15px solid transparent;
  position: absolute;
  content: '';
  top: 0px;
  left: 0;
  transform: translate(-100%, 0);
}
.info-item:not(:last-child):after {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 15px solid #ffffff;
  position: absolute;
  content: '';
  top: 0px;
  right: 0;
  transform: translate(100%, 0);
}
.info-item:last-child:after {
  background: #ffff;
  position: absolute;
  content: '';
  top: 0px;
  right: 4px;
  transform: translate(100%, 0);
  width: 20px;
  height: 80px;
}
.info-item {
  display: flex;
  align-items: center;
  background-color: #ffff;
  height: 75px;
  position: relative;
}
.info-item {
  width: auto;
  height: 80px;
  margin-right: 16px;
  background: #ffffff;
  text-decoration: none;
  width: 33%;
}
.info-item .num {
  font-size: 30px;
  margin-right: 20px;
}
.svg-cus {
  padding: 5px
}
.diamond-maker-info .text-area {
  margin: 10px;
}
.info-icon-tooltip {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 100;
}

.info-icon-item:hover .info-icon-tooltip {
    visibility: visible;
    opacity: 1;
}

@media (min-width:778px) {
  .info-item {
    padding-left: 40px;
    padding-right: 20px;
  }
  .diamond-maker-info .text-area {
    max-width: 900px;
    margin: auto;
    text-align: center;
    padding: 20px 0;
  }
}
@media (max-width:778px) {
  .info-item .num {
    font-size: 15px;
  }
  .diamond-maker-info {
    margin-top: 100px;
  }
  .info-con {
    overflow: auto;
    margin: 5px 10px;
  }
  .info-item {
    min-width: 200px;
    font-size: 13px;
    padding: 10px;
  }
} /* Responsive tasarım */ @media (max-width: 968px) {
  .diamond-filter span {
    flex-direction: column;
    align-items: center;
  }
  .diamond-filter ul label {
    width: 100%;
    max-width: 300px;
  }
} /*checkbox tasarım sonu*/ .urun-table {
  margin-bottom: 8px;
  font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
  border: solid 1px #000;
}
.urun-table tbody {
  border-bottom: solid 1px #CACACA;
}
.urun-table td {
  font-weight: normal;
  border: solid 1px #CACACA;
  text-align-last: center;
}
.urun-table .table-header td {
  font-weight: bold
}
.whatsAppBubble {
  position: fixed;
  left: 15px;
  bottom: 55px;
  z-index: 3;
}
@media only screen and (max-width:767px) {
  .whatsAppBubble {
    position: fixed;
    left: 15px !important;
    bottom: 65px !important;
    right: unset;
    top: unset;
    z-index: 3;
  }
}
.wsk-float a, .wsk-float a img {
  display: block;
}
.pulse-button {
  display: flex;
  position: relative;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(41, 167, 26, .7);
  background-color: #29a71a;
  background-image: url("/image/data/icons//wp-footer-icon.png");
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}
@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);
  }
}
@media only screen and (min-width: 600px) {
  .wsk-float {
    display: none;
  }
}
.pav-colorbox.btn.btn-outline-inverse-hb.cboxElement {
  display: block;
  background: #92d6ad;
  color: #fff;
  border-radius: 4px;
  padding: 5px 0px;
  width: 95px;
  text-align: center;
  margin: auto;
  margin-bottom: 5px;
  font-size: 12px;
}
@media (max-width:400px) {
  .pav-colorbox.btn.btn-outline-inverse-hb.cboxElement {
    display: block;
    background: #92d6ad;
    color: #fff;
    border-radius: 4px;
    padding: 5px 0px;
    width: 85px;
    text-align: center;
    margin: auto;
    margin-bottom: 5px;
    font-size: 11px;
  }
}
@media(max-width: 480px) {
  .col-md-12.text-center iframe {
    width: 350px;
    height: 350px;
  }
}
@media(min-width: 481px) {
  .col-md-12.text-center iframe {
    width: 450px;
    height: 450px;
  }
} /* Yüzük Ölçümü Bilmiyorum */ .yuzuk-dropdown {
  display: none;
  position: absolute;
  top: -150px;
  right: 150px;
  border: 1px solid #ccc;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 99;
  width: 550px;
  max-height: 500px;
  overflow: scroll;
}
.yuzuk-dropdown-btn {
  cursor: pointer;
}
.yuzuk-close-btn {
  cursor: pointer;
  float: right;
}
@media(max-width: 600px) {
  .yuzuk-dropdown {
    display: none;
    position: absolute;
    top: -150px;
    right: 0px;
    border: 1px solid #ccc;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 99;
    width: 350px;
    max-height: 500px;
    overflow: scroll;
  }
  .home-category-container {
    width: 350px;
  }
  .yuzukvideo.iframe {
    width: 350px;
    height: 200px;
  }
}
.category-list {
  display: flex;
  gap: 25px;
  justify-content: flex-start;
  overflow-x: auto;
  padding-bottom: 15px;
}
.category-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: all 0.3s ease;
}
.category-item:hover {
  transform: translateY(-3px);
}
.category-icon-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.54);
  border: 2px solid #fff;
  transition: all 0.3s ease;
}
.category-item:hover .category-icon-wrapper {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.74);
}
.category-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-name {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  max-width: 80px;
  overflow-wrap: break-word;
}
.nav-button.prev {
  left: 10px;
}
.nav-button.next {
  right: 10px;
}
@media (min-width: 768px) {
  .category-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.formblok {
  display: none;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  margin-right: 20px;
  box-shadow: 0px 2px 4px #7b7b7b;
}
.formselect {
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px #7b7b7b;
  float: left;
  height: 40px;
  text-align: left;
  align-content: center;
  padding: 0 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-weight: 700;
  font-size: 14px;
}
.map-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 4px;
}
.container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #f2f2f2;
}
.wrap-login100 {
  width: 390px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 55px 33px 55px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
} /*------------------------------------------------------------------[ Form ]*/ .login100-form {
  width: 100%;
}
.login100-form-title {
  display: block;
  font-size: 30px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
}
.login100-form-title i {
  font-size: 60px;
} /*------------------------------------------------------------------[ Input ]*/ .wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #adadad;
  margin-bottom: 37px;
}
.input100 {
  font-size: 15px;
  color: #555555;
  line-height: 1.2;
  border: 0px !important;
  display: block;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 0 5px;
} /*---------------------------------------------*/ .focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: #6a7dfe;
  background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  background: -o-linear-gradient(left, #21d4fd, #b721ff);
  background: -moz-linear-gradient(left, #21d4fd, #b721ff);
  background: linear-gradient(left, #21d4fd, #b721ff);
}
.focus-input100::after {
  font-size: 15px;
  color: #999999;
  line-height: 1.2;
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0px;
  padding-left: 5px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.input100:focus + .focus-input100::after {
  top: -15px;
}
.input100:focus + .focus-input100::before {
  width: 100%;
}
.has-val.input100 + .focus-input100::after {
  top: -15px;
}
.has-val.input100 + .focus-input100::before {
  width: 100%;
} /*---------------------------------------------*/ .btn-show-pass {
  font-size: 15px;
  color: #999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  padding-right: 5px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.btn-show-pass:hover {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}
.btn-show-pass.active {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
} /*------------------------------------------------------------------[ Button ]*/ .container-login100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 13px;
}
.wrap-login100-form-btn {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 25px;
  overflow: hidden;
  margin: 0 auto;
}
.login100-form-bgbtn {
  position: absolute;
  z-index: -1;
  width: 300%;
  height: 100%;
  background: #a64bf4;
  background: -webkit-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  background: -o-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  background: -moz-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  background: linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  top: 0;
  left: -100%;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.login100-form-btn {
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
}
.wrap-login100-form-btn:hover .login100-form-bgbtn {
  left: 0;
}
.margint10 {
  margin-top: 10px;
} /*------------------------------------------------------------------[ Responsive ]*/ @media (max-width: 576px) {
  .wrap-login100 {
    padding: 77px 15px 33px 15px;
  }
}
.hedefsag {
  background: url('../image/hedefsag.jpg') no-repeat;
  background-size: cover;
  z-index: 100;
  height: 100%;
}
.select2-container .select2-selection--single {
  height: 60px !important;
  font-weight: bold;
  padding-top: 14px;
}
.bayi-toggle {
  font-size: 11px;
  text-align: center;
  margin: 0 auto;
  margin-top: 7px;
}
.bayi-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 4px;
  background: #da411f;
}
.categoryname {
  text-align: center;
  display: block;
  width: 100%;
}
.cloud-zoom-lens {
  ;
  margin: -4px;
  background-color: #fff;
  cursor: move;
}
.cloud-zoom-title {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute !important;
  background-color: #000;
  color: #fff;
  padding: 3px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  top: 0px;
}
.cloud-zoom-big {
  border: 4px solid #ccc;
  overflow: hidden;
}
.cloud-zoom-loading {
  color: white;
  background: #222;
  padding: 3px;
  border: 1px solid #000;
}

.category-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

.aris-container {
    display: flex;
    height: 100vh;
}

.left-column-mag {
    width: 30%;
    height: 100vh;
    overflow-y: auto;
    padding-right: 10px;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
}

.right-column-mag {
    width: 70%;
    padding-left: 10px;
    position: relative;
}

.accordion-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.accordion {
    background-color: #92d6ad;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position: relative;
    z-index: 1;
}

.accordion:after {
    content: '\002B';
    color: #3e8e41;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

/*
.active:after {
    content: "\2212";
}
*/

.panel {
    padding: 0 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel.show {
    overflow-y: auto;
}

.panel-content {
    height: auto;
    padding: 10px 0;
}

.store-list, .dealer-list {
    overflow-y: auto;
}

.containerTab {
    padding: 20px;
    color: black;
    height: 100%;
}

#myInput {
    width: 100%;
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}

/* Kaydırma çubuğu stilleri */
.panel::-webkit-scrollbar {
    width: 8px;
}

.panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.panel::-webkit-scrollbar-thumb {
    background: #92d6ad;
    border-radius: 4px;
}

.panel::-webkit-scrollbar-thumb:hover {
    background: #75b990;
}

/* Tabopen hover efekti */
.tabopen {
    padding: 8px;
    margin: 4px 0;
    cursor: pointer;
    transition: background-color 0.2s;
}
.tabopen:hover {
    background-color: #f5f5f5;
    border-radius: 4px;
}
.coupon-login{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 4px;
	width: 30%;
	height: 40%;
	text-align: center;
}
.coupon-forgotten{
	color: #622020 !important;
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
}