@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: #6e977f
}
.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;
    margin: 0 40px 0 0;
}
.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: #6e977f
}
.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: 5px;
    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: #6e977f;
    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: #6e977f;
    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: #6e977f;
    border-color: transparent
}
.open .btn-outline.dropdown-toggle {
    color: #fff;
    background-color: #6e977f;
    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: #6e977f
}
#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: #6e977f;
    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: #6e977f
}
#topbar .quick-setting .currency a:hover {
    color: #6e977f
}
#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: #6e977f;
    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: #6e977f
}
#powered .inner a:hover {
    color: #6e977f
}
.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: #6e977f;
    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: #6e977f;
    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: #6e977f
}
.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: #6e977f
}
.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: #6e977f;
    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: 5px;
    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: #6e977f;
    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: #6e977f;
    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: #6e977f
}
.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: #6e977f
}
.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: #6e977f
}
.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: #6e977f
}
.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: #6e977f;
    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: #000;
}
.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;
    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: #6e977f;
    color: #fff;
    border: 3px solid orangered;
}
.holder .optli.active, .holder .optli.active a {
    background-color: #6e977f;
    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: #6e977f;
    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: #6e977f;
    text-align: center;
    width: 46px;
    vertical-align: top;
    border-radius: 0;
    height: 46px !important;
    border-width: 2px 0;
    border-color: #EEE;
    font-weight: bold;
    font-size: 18px;
}
.product-info .quantity_button {
    background: #EEE;
    padding: 4px;
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: top;
    color: #6e977f;
    font-size: 24px;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    padding-top: 4px;
}
.product-info .quantity_button.arrow_icon:hover {
    border-color: transparent;
    color: #fff !important;
}
.product-info .quantity_button.arrow_icon.minus {
    color: #6e977f;
    border-right: none;
    border-radius: 3px 0 0 3px;
    font-size: 28px;
}
.product-info .quantity_button.arrow_icon.plus {
    color: #6e977f;
    border-left: none;
    border-radius: 0 3px 3px 0;
    padding-left: 6px;
    font-size: 28px;
}
.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: #6e977f
}
.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: #6e977f;
    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: #6e977f
}
.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: #6e977f;
    -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 #6e977f
}
.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 #6e977f
}
.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: #6e977f
}
.pav-megamenu .dropdown-menu li a:hover .fa {
    color: #6e977f
}
.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: #6e977f !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: #6e977f !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: #6e977f;
    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: #6e977f
}
.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: #6e977f !important
}
.contact-us li:hover {
    color: #6e977f !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: #6e977f
}
.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: #6e977f;
    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: #6e977f
}
.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 #6e977f;
}
h3.todays_deals {
    color: #fff;
    height: 58px;
    text-align: left;
    padding: 17px 15px 22px 15px;
    background: #6e977f
}
.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: #6e977f;
    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 #6e977f;
    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: #6e977f;
    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: #6e977f;
    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: #6e977f
}
.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 #6e977f;
        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: #6e977f !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: #92d6ad
}
.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: #92d6ad
}
.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: #6e977f;
    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: #6e977f;
    padding: 10px 8px;
    cursor: pointer;
    height: 40px;
    border-left: 1px solid;
    border-color: #6e977f;
    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: #6e977f
}
.light_bg_color, .light_bg_color_hover:hover {
    background-color: #6e977f !important
}
.dark_color, .promo_message span, #list_view_icon, #grid_view_icon, .action.boxed .btn {
    color: #6e977f
}
.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: #6e977f
}
.bordered_content {
    border-radius: 3px;
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 0 10px;
}
.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: #6e977f !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: #6e977f
}
h1.tall {
    margin-bottom: 27px
}
h2 {
    font-size: 24px
}
h3 {
    font-size: 20px;
    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: #92d6ad;
    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: #6e977f;
}
.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: #6e977f;
    border-color: #6e977f;
}
.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: #92d6ad
}
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: #6e977f;
    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: #6e977f;
    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: #6e977f;
        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: #92d6ad;
    border: 1px solid #92d6ad;
    color: #fff;
    border-radius: 26px;
    min-width: 170px;
}
.btn-action-round:hover {
    background-color: #6e977f;
    box-shadow: 0 -2px 0 0 #6e977f inset;
    color: #fff !important;
}
.buton-cart {
    background-color: #6e977f;
    color: #fff;
}
.buton-cart:hover {
    background: #6e977f;
    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: #6e977f;
}
#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: #6e977f4D;
    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: #6e977f;
    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: #6e977f
}
.mini_cart {
    width: auto;
}
.mini_cart:hover {
    border: #6e977f
}
.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: -5px;
    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: #6e977f;
    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: #6e977f;
    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: #6e977f;
    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: #6e977f
}
#cart .name span {
    color: #6e977f4D;
    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: #6e977f;
    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: 4px;
                                                                                                                                                                                                                                             }
.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: #6e977f;
    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: #6e977f;
    color: #fff
}
.checkout-content .btn-primary {
    background-color: #92d6ad;
    color: #fff;
    border-radius: 4px
}
.checkout-content .btn-primary:hover {
    background: #6e977f;
}
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 #6e977f;
    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: #6e977f;
    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: #6e977f;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   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%;
    padding-top: 10px;
}
.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: #6e977f;
    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: #6e977f;
    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: 99%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .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) {
    .container {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #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: #6e977f222 !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: #6e977f;
    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: #6e977f !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: #6e977f;
}
.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: #6e977f;
}
.wizard ul li.active .step {
    border-color: #6e977f;
    color: #6e977f;
    box-shadow: 0px -1px 0px 0px #6e977f inset;
}
.wizard ul li.active:before {
    background-color: #6e977f;
    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;
}
.hizlikargo2 {
    color: #000;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    float: left;
}
.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: #6e977f;
}
.address-text {
    height: 210px;
    overflow: hidden;
}
.address-button {
    bottom: 15px;
    font-size: 12px;
    color: #6e977f;
    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: #92d6ad;
}
.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: #6e977f;
    font-weight: 600;
    text-align: left;
}
.block_module h3.modtitle span, .block_module .filtertitle.modtitle {
    text-transform: none;
    display: inline-block;
    color: #6e977f;
    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 #6e977f;
    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: #6e977f;
}
.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: #6e977f;
    border-color: #fff;
    color: #fff;
}
.box-category ul li .head a:hover, .block_module h3 .head a:hover {
    background: #6e977f;
}
.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: #6e977f;
    font-weight: bold !important;
}
.box-category ul ul li.active a:before {
    color: #6e977f;
} /*.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: #6e977f;
}
.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: #6e977f;
    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: #6e977f;
    text-transform: capitalize;
}
.block_module.so_filter_wrap .modcontent .so-filter-content-opts-container .so-filter-option label:hover {
    color: #92d6ad;
}
.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: #92d6ad;
}
.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: #92d6ad;
    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: #92d6ad;
}
.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: #fff !important;
}
.small-text .last {
    border-top: 1px solid #6e977f1A;
    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: #6e977f;
    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: #6e977f;
    border-right: none;
    border-radius: 0px;
}
.btn-holder .quantity_button.arrow_icon.plus {
    color: #6e977f;
    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: #6e977f;
}
.success-page a {
    font-weight: 600;
    color: #6e977f;
    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: #6e977f;
    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: #6e977f
}
.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;
                    }

.blog-post {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 4px #7b7b7b;
    float: left;
    text-align: center;
}
.product-grid.latest_blogs.eq_height{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap:20px;
}

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 #92d6ad;
    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 #92d6ad;
        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;
}
@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: 75px;
    z-index: 999;
}
@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:440px) {
    .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;
    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;
    display: block;
}
.nav-button.prev {
    left: 10px;
}
.nav-button.next {
    right: 10px;
}
@media (min-width: 768px) {
    .category-list {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.aris-container {
    display: flex;
    height: 100vh;
}
.aris-container .left-column-mag {
    width: 30%;
    overflow-y: auto;
    padding-right: 10px;
}
.aris-container .right-column-mag {
    width: 70%;
    overflow-y: auto;
    padding-left: 10px;
}
.aris-container .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;
}
.aris-container .accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.aris-container .active:after {
    content: "\2212";
}
.aris-container .panel {
    padding: 0 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.aris-container .containerTab {
    padding: 20px;
    color: black;
}
.aris-container .tabopen {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 650;
}
.containerTab h2 {
    font-weight: bolder;
}
.containerTab p {
    font-family: Philosopher !important;
    width: 400px;
    padding-bottom: 5px;
}
.containerTab p a {
    text-decoration-line: none !important;
}
.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;
}
a.category-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}
.btn.iptaltalep_btn {
    background: #92d6ad;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
}
.btn.iptaltalep_btn:hover {
    background: #6e977f;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
}
.btn.siparis_btn {
    background: #92d6ad;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
}
.btn.siparis_btn:hover {
    background: #6e977f;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
}
.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: #6e977f !important;
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}
.videoWrapper{ text-align: center !important;}
.videoWrapper iframe {max-width: 350px !important;}