@import url("fonts.css");

/***

=============================================

   GENERAL SETTINGS

=============================================

***/

html, body {
    height: 100%;
}

a {
    color: inherit;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

.clearfix:after {
    font-size: 0px;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}

body {
    background: #FFF;
    padding: 0px;
    margin: 0px;
    font-family: 'Museo Sans', sans-serif !important;
    font-weight: 500;
    font-size: 13px;
    color: #2c3e50;
    font-weight: normal !important;
    background: #F4F3F0;
}

p {
    font-family: 'Museo Sans', sans-serif !important;
    font-weight: 500;
}

a {
    text-decoration: none !important;
    outline: none !important;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

a img {
    display: block;
    /* transition: opacity 0.3s ease 0s; */
    opacity: 1;
    max-width: 100%;
    height: auto;
}

a:hover img {
    /* opacity: 0.8; */
}

p a, table a {
    color: #418878;
    /*font-weight: 600;*/
}

blockquote {
    text-align: center;
    font-family: 'Museo Sans', sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    color: #444;
    line-height: 26px;
}

blockquote:before {
    display: block;
    font-size: 48px;
    color: #F4BC16;
    text-align: left;
    margin-bottom: 10px;
}

pre {
    font-family: 'Courier new';
    font-size: 14px;
    line-height: 170%;
    text-shadow: 0 1px 0 #FFF;
    zoom: 1;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
    padding: 0 5px;
    margin: 0;
    overflow: auto;
}

label {
    color: #25282A;
    font-family: 'Museo Sans', sans-serif !important;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Museo Sans', sans-serif !important;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #2c3e50;
    /*font-weight: 600;*/
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    opacity: 1;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    opacity: 0.6;
    text-decoration: none;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 15px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 15px;
    /*font-weight: 700;*/
}

h6 {
    font-size: 15px;
    /*font-weight: 500;*/
}

h2.box-header {
    text-align: center;
}

h2.box-header.align-left {
    text-align: left;
}

.box-header:after {
    display: block;
    content: "";
    background: #F4BC16;
    width: 40px;
    height: 2px;
    margin-top: 13px;
}

h2.box-header:after {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

h2.box-header.align-left:after {
    margin-left: 0;
}

h6.box-header {
    border-bottom: 1px solid #E2E6E7;
}

h6.box-header:after {
    margin-bottom: -1px;
}

.radius {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

img.radius {
    max-width: 100%;
}

.image-wrapper img.radius {
    box-shadow: -8px 8px 35px -5px #545454;
}

#wrapper {
    position: relative;
    display: block;
    /* background: #FFF; */
    /* float:left; */
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 0;
    min-height: 100%;
    padding-bottom: 535px;
}

#main {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    /* overflow: hidden; */
    z-index: 9;
}

.section-heading {
    float: left;
    display: block;
    width: 100%;
    margin: 40px 0;
    margin-top: 0;
    position: relative;
    text-align: center;
}

.section-heading h2 {
    position: relative;
    display: table;
    margin: 0 auto;
    /* border-bottom: 4px solid #8d8d8d; */
    position: relative;
    font-size: 28px;
    /*font-weight: 600;*/
    color: #2c3e50;
    text-align: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    z-index: 1;
    margin-bottom: 20px;
    margin-bottom: 0;
}

.section-heading.left h2 {
    margin: auto 0 0 0;
    padding-left: 0;
}

.section-heading h2:before {
    content: '';
    position: absolute;
    /* top:0; */
    left: 0;
    right: 0;
    bottom: -12px;
    height: 4px;
    background: #5a9e55;
    width: 50px;
    display: table;
    margin: 00 auto;
    display: none;
}

.section-heading p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    /*font-weight: 400;*/
    color: #000000;
}

.section-page {
    padding: 40px 0;
    float: left;
    width: 100%;
}

.section-page.p0 {
    padding: 0;
}

.text-content {
    float: left;
    width: 100%;
    display: block;
    clear: both;
}

.text-content p {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    color: #a1b1bc;
    font-size: 14px;
    /*font-weight: 400;*/
    width: 100%;
}

.map-holder {
    overflow: hidden;
    /* margin-bottom: 30px; */
}

.map-holder .map {
    width: 100%;
    height: 450px;
}

.sub-page {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    top: 104px;
    margin-bottom: 104px;
}

.close {
    opacity: 1 !important;
}

.back-link {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding: 0 15px;
}

.back-link i {
    font-size: 40px;
    font-weight: 100;
    color: #999896;
    padding-left: 55px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.back-link i:hover {
    color: #84C35D;
}

.show-mobile {
    display: none !important;
}

/***

=============================================

   FORM SETTINGS

=============================================

***/

.form-control {
    background-color: #ffffff;
    border-color: #bcbcbc;
    box-shadow: none;
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: none !important;
}

input.form-control {
    height: 55px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input:focus, select:focus, textarea:focus {
    border-color: #3c3c3c !important;
}

.success, .error {
    height: 55px !important;
    line-height: 50px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    overflow: hidden;
    font-size: 16px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    margin-top: 10px !important;
}

select {
    height: 50px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

input[type=checkbox]:not(old), input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    /* float: left; */
    height: 1px;
}

input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label {
    display: inline-block;
    padding-left: 22px;
    background: url('../images/checks.png') no-repeat 0 0;
    -webkit-filter: contrast(0%);
    -moz-filter: contrast(0%);
    -ms-filter: contrast(0%);
    -o-filter: contrast(0%);
    filter: contrast(0%);
    line-height: 15px;
    cursor: pointer;
    /* color: #fff; */
    /* font-size: 12px; */
    padding: 0px 0px 0px 20px;
}

input[type=checkbox]:not(old):checked + label {
    background-position: 0 -15px;
}

input[type=radio]:not(old):checked + label {
    background-position: 0 -15px;
}

input[type=checkbox]:not(old):checked + label, input[type=radio]:not(old):checked + label {
    background-position: 0 -15px !important;
}

#form, #result, .uploadfile {
    position: relative
}

#result {
    text-align: center;
    padding: 0;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    border: none;
    max-height: 50px;
    height: 0px;
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    clear: both;
    /* margin-top: 10px; */
    font-size: 14px;
}

#result.loading {
    display: table;
    margin-top: 10px;
    /* width: 50px; */
}

#result.loading img {
    width: 50px;
}

.success {
    color: #468847;
    background-color: #dfffd2;
    border: 1px solid rgba(27, 64, 18, .3) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.error {
    color: #b94a48;
    background-color: #ffe2e2;
    border: 1px solid rgba(185, 74, 72, .3) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-send {
    width: 100%;
    background: #418878;
    color: #fff !important;
    height: 55px;
    margin-bottom: 0px !important;
    font-size: 15px;
    /*font-weight: 500;*/
    border-radius: 3px;
    outline: none !important;
    box-shadow: none !important;
}

.btn-send:hover {
    background: #3c3c3c;
    color: #fff;
}

.uploadfile {
    width: 100%;
    height: 150px;
    border: 2px dashed #bcbcbc;
    border-radius: 5px;
    margin-bottom: 15px;
}

.uploadfile:hover {
    border-color: #000;
}

.uploadfile input {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.uploadfile span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 18px;
    /*font-weight: 700;*/
}

.uploadfile:active, .uploadfile:enabled {
    background: rgba(0, 0, 0, .1);
}

/***

=============================================

   HEADER

=============================================

***/

#header {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 36px;
    right: 36px;
    /* background: #fff; */
    width: calc(100% + -72px);
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    position: fixed;
    left: 0;
    right: 0;
    /*     max-width: none; */
    width: auto;
    /* padding: 0; */
}

#header.fixed-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    -webkit-transition: all ease-out 2s;
    -moz-transition: all ease-out 2s;
    -ms-transition: all ease-out 2s;
    -o-transition: all ease-out 2s;
    transition: all ease-out 2s;
}

#header.fixed-scroll > .navbar {
    width: 100%;
    max-width: 100%;
}

#header > .navbar {
    padding: 0;
    background: #fff;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    max-width: 100%;
}

#header .mobile-logo {
    display: none;
}

#header .mobile-language {
    display: none;
}

#header .mobile-search {
    display: none;
}

#header #menu {
    position: relative;
    /* z-index: 9999999; */
}

#header #menu ul {
    display: table;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    height: 104px;
    /*padding-left: 49px;*/
}

#header #menu ul li {
    vertical-align: middle;
    padding: 0;
    display: inline-table;
    /* width: 125px; */
    text-align: center;
    position: relative;
    /* margin-right: 5px; */
    float: left;
    /* padding: 58px 0; */
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    margin-right: 64px;
}

#header #menu ul li:last-child {
    margin-right: 0;
}

#header #menu ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: #ba1729;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    opacity: 0;
}

#header #menu ul li:hover:before, #header #menu ul li.active:before {
    opacity: 1;
}

#header #menu ul li a {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: table;
    margin: auto;
    /* padding: 47px 0; */
    color: #004d72;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

#header #menu ul li a .txt {
    display: block;
    vertical-align: middle;
    font-size: 17px;
    text-align: center;
    color: #5F5F5F;
}

#header #menu ul li.menu-logo {
    width: 200px;
    /* top: 5px; */
    /* margin: auto 10px; */
    display: block;
    text-align: center;
}

#header #menu ul li.menu-logo:before {
    display: none;
}

#header #menu ul li.menu-logo a {
    float: left;
    width: 100%;
    display: block;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*top: -10px;*/
}

#header #menu ul li.menu-logo a:hover img {
    opacity: 1 !important;
    background: none !important;
}

#header #menu ul li.menu-logo a img {
    width: 150px;
    margin: 0 auto;
}

#header #menu ul li.menu-logo a img.global {
}

#header #menu ul li.language-item:before {
    display: none;
}

#header #menu ul li .language {
    /* padding:47px 0; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

#header #menu ul li .language:hover a {
    display: block;
}

#header #menu ul li .language a {
    display: none;
    background: #ECE8E1;
    padding: 0;
    width: 37px;
    height: 28px;
    border-radius: 5px;
    line-height: 28px;
    color: #5F5F5F;
    font-size: 17px;
    font-weight: 500;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#header #menu ul li .language a:hover {
    background: #5F5F5F;
    color: #ECE8E1;
}

.mobile-search .nav-search, #header #menu ul .nav-search {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 42px;
    padding-right: 42px;
}

.mobile-search .nav-search:before, #header #menu ul .nav-search:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 72px;
    width: 1px;
    background: #829389;
    display: flex;
    margin: auto 0;
}

.mobile-search .nav-search a, #header #menu ul .nav-search a {
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    width: 20px;
    height: 20px;
    display: block;
}

.mobile-search .nav-search a.open, #header #menu ul .nav-search a.open {
    background-image: url('../images/icons/search.png');
}

.mobile-search .nav-search a.close, #header #menu ul .nav-search a.close {
    background-image: url('../images/icons/close-red.svg');
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F7F7F7;
    z-index: 999;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    position: fixed;
}

#search.open {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

#search .content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 186px;
    padding-left: 93px;
    padding-right: 93px;
    min-height: 400px;
}

#search .content .search-input {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

#search .content .search-input input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ECE8E1;
    outline: none;
    height: 72px;
    line-height: 72px;
    font-family: 'Museo Sans', serif !important;
    font-weight: 300;
    font-size: 37px;
    color: #707070;
    background-size: 49px;
    background: url('../images/icons/search.png') no-repeat 0 50%;
    padding-left: 71px;
    padding-right: 33px;
}

#search .content .search-input input:focus, #search .content .search-input input:active {
    border-bottom-color: #707070;
}

#search .content .search-input .clear-input {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 78px;
    width: 32px;
    height: 32px;
    background-image: url('../images/icons/clear.png');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
}

#search .content .search-input .clear-input.show {
    opacity: 1;
    visibility: visible;
}

#search .content .search-input .clear-input:hover {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#search .content .search-input span {
    float: left;
    margin-top: 26px;
    font-weight: 500;
    font-size: 13px;
    color: #707070;
    display: none;
}

#search .content .search-input span:last-child {
    margin-left: 5px;
}

#search .content .results {
    float: left;
    width: 100%;
    display: block;
    margin-top: 44px;
    height: 100%;
    overflow: overlay;
    margin-bottom: 50px;
    /* padding-bottom: 50px; */
    max-height: 300px;
}

#search .content .results ul {
    display: block;
    width: 100%;
}

#search .content .results ul li {
    margin-bottom: 5px;
}

#search .content .results ul li:last-child {
    margin-bottom: 0;
}

#search .content .results ul li.no-result {
    font-weight: 300;
    font-size: 30px;
    line-height: 45px;
    color: #707070;
    text-align: center;
}

#search .content .results ul li.loader {
    text-align: center;
}

#search .content .results ul li.loader img {
    width: 100px;
}

#search .content .results ul li a {
    font-weight: 300;
    font-size: 30px;
    line-height: 45px;
    color: #707070;
    display: block;
}

#search .content .results ul li a:hover {
    color: #E2E6E7;
}

#search .see-all-result {
    height: 50px;
    width: 100%;
    float: left;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

#search .see-all-result a {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
    line-height: 50px;
    padding-left: 84px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    background-color: #8E8E93;
    background-image: url('../images/icons/search-right-arrow.png');
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: calc(100% + -24px) 50%;
}

#search .see-all-result a:hover {
    background-color: #5E5E5E;
    color: #8E8E93;
}

/***

=============================================

   FOOTER

=============================================

***/

#footer {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /* background: #F9F9F8; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 11;
}

#main-footer {
    position: relative;
    display: block;
    /* border-top: 2px solid #e5e5e5; */
    padding-top: 0;
    padding-bottom: 40px;
    background: #fff;
    padding-left: 175px;
    padding-right: 200px;
    padding-left: 80px;
    padding-right: 80px;
}

#footer.white-bg {
    background: #FFFFFF;
}

#main-footer .content {
    display: flex;
    margin: 0 auto;
}

#main-footer .content .col-footer-logos {
    float: left;
    display: flex;
}

#main-footer .content .col-footer-menu {
    float: left;
    display: flex;
}

#main-footer .content .col-footer-contact {
    float: left;
    display: flex;
}

.footer-contact {
    float: left;
    width: 100%;
    display: block;
    /* border-right: 1px solid #829389; */
    /* padding-right:  56px; */
}

.footer-contact h6 {
    font-weight: 900;
    font-size: 14px;
    color: #3D3A37;
    border-bottom: 1px solid #707070;
    display: inline-block;
    padding-right: 24px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    letter-spacing: 0.09em;
}

.footer-contact ul {
    float: left;
    width: 100%;
    display: block;
}

.footer-contact ul li {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #313131;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    border-bottom: 1px solid #212b38;
}

.footer-contact ul li:last-child {
    border-bottom: 0;
}

.footer-contact ul li span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    display: block;
}

.footer-contact p {
    color: #3D3A37 !important;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 35px;
    letter-spacing: 0.09em;
}

.footer-contact p:last-child {
    color: #5C5C5C !important;
}

.footer-contact ul li a {
    display: block;
    color: #a1b1bc;
}

.footer-contact ul li a strong {
    font-weight: 400;
    color: #a1b1bc;
}

.footer-contact ul li a:hover {
    color: #5a9e55 !important;
}

.footer-contact ul li i {
    margin-right: 5px;
}

.footer-archives {
    position: relative;
    display: block;
}

.footer-archives ul {
    padding: 0;
    margin: 0;
}

.footer-archives ul li {
    display: block;
    list-style: none;
    float: left;
    width: 100%;
}

.footer-archives ul li a {
    display: block;
    text-decoration: none;
    color: #a1b1bc;
    font-size: 13px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    padding: 15px 0;
    border-bottom: 1px solid #243240;
}

.footer-archives ul li:first-child a {
    padding-top: 0;
}

.footer-archives ul li:last-child a {
    border-bottom: 0;
}

.footer-archives ul li a:hover {
    color: #5a9e55;
}

.footer-logo {
    float: right;
    margin: 0;
    display: block;
    width: 100%;
    /* text-align:center; */
}

.footer-logo img {
    width: 160px;
    float: right;
}

.footer-heading {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-top: 79px;
    margin-bottom: 31px;
}

.footer-heading h6 {
    position: relative;
    display: inline-block;
    color: #1A3D34;
    font-family: 'Museo Slab' !important;
    font-size: 48px;
    font-weight: 500;
}

.footer-heading h6:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    display: inline-block;
    background: #c4c4c4;
    width: 80%;
    height: 5px;
    display: none;
}

.footer-about-us {
    position: relative;
    display: block;
}

.footer-about-us p {
    font-family: 'Avenir Medium', sans-serif !important;
    font-size: 13px;
    padding: 0;
    color: #a1b1bc;
}

.footer-menu {
    /* border-left: 2px dashed #b70d20; */
    padding-left: 37px;
    /* padding-right: 89px; */
    display: flex;
    height: 100%;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-top: 44px;
    position: relative;
    bottom: 44px;
}

.footer-menu h6 {
    font-family: 'Avenir Light', sans-serif !important;
    font-size: 25px;
    color: #696969;
}

.footer-menu ul {
    /* margin-top: 44px; */
}

.footer-menu ul li {
}

.footer-menu ul li a {
    display: block;
    color: #516A63;
    font-weight: 300;
    font-size: 15px;
    padding: 8.3px 0;
    letter-spacing: 0.09em;
}

.footer-menu ul li a:hover {
    color: #ECE8E1;
}

.footer-logos {
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.footer-logos:before {
    display: none !important;
}

.footer-logos ul {
    display: block;
    float: left;
    width: 100%;
}

.footer-logos ul li {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-bottom: 38px;
}

.footer-logos ul li:last-child {
    margin-bottom: 0;
}

.footer-logos ul li img {
    float: right;
    max-width: 100%;
    height: 100% !important;
    margin: auto auto;
    justify-content: center;
    margin: 0;
}

.footer-logos ul li:nth-child(1) img {
    width: 179px;
    max-height: 99px;
}

.footer-logos ul li:nth-child(2) img {
    width: 157px;
    max-height: 60px;
}

.footer-logos ul li:nth-child(3) img {
    width: 88px;
    max-height: 93px;
}

#copyright-footer {
    position: relative;
    display: block;
    /* padding: 20px 0; */
    text-align: right;
    float: left;
    width: 100%;
    /* color: #acbac0; */
}

#copyright-footer .row > .col-md-12 {
    padding: 0;
    padding-right: 2px;
}

#copyright-footer .copyright {
    display: table;
    /* height: 100%; */
    float: right;
}

#copyright-footer .copyright .txt {
    display: table-cell;
    vertical-align: middle;
    color: #868686;
    font-size: 12px;
    font-weight: 300;
}

#copyright-footer .copyright .txt b {
    font-weight: 400;
    color: #007dc5;
}

.footer-quick-links {
    padding-left: 31px;
    padding-right: 31px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
    /* border-right: 2px dashed #b70d20; */
    /* border-left: 2px dashed #b70d20; */
    margin-top: 44px;
    position: relative;
    bottom: 44px;
}

.footer-quick-links:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    border-right: 2px dashed #b50112;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto 0;
    width: auto;
}

.footer-item {
    position: relative;
}

.footer-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 60%;
    border-left: 2px dashed #b50112;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto 0;
    width: auto;
}

.footer-quick-links ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: 9.5px 0;
}

.footer-quick-links ul li {
    display: block;
    float: left;
    /* max-width: 221px; */
    height: 46px;
    margin-bottom: 9px;
    width: 100%;
}

.footer-quick-links ul li:last-child {
    margin-bottom: 0;
}

.footer-quick-links ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #284840;
    border-radius: 7px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    letter-spacing: 0.09em;
}

.footer-quick-links ul li:nth-child(1) a {
    background: #F7F7F7;
    background: #FFD2AC;
}

.footer-quick-links ul li:nth-child(2) a {
    background: #ECE8E1;
}

.footer-quick-links ul li:nth-child(3) a {
    background: #FFB7B7;
}

.footer-quick-links ul li:nth-child(4) a {
    background: #F5D897;
}

.footer-quick-links ul li a:hover {
    background: #5E5E5E;
    color: #ffffff;
}

/**** GENERAL INQUIRY ****/

#footer #general-inquiry {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ECE8E1;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

#footer #general-inquiry.open {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

#footer #general-inquiry .content {
    display: block;
    float: left;
    width: 100%;
    /*padding-top: 91px;*/
    /* padding-left:176px; */
    padding-top: 61px;
}

#footer #general-inquiry .close {
    position: absolute;
    float: right;
    display: block;
    border-left: 1px solid #829389;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #5F5F5F;
    line-height: 72px;
    /* padding: 0 42px; */
    right: 0;
    height: 72px;
    width: 96px;
    margin-top: 2px;
    background-image: url('../images/icons/general-inquiry-close.svg');
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    background-position: center !important;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

#footer #general-inquiry .close:hover {
    background-image: url('../images/icons/general-inquiry-close-hover.svg');
}

#footer #general-inquiry .left {
    padding-left: 40px;
}

#footer #general-inquiry .left h4 {
    font-family: 'Museo Slab' !important;
    font-weight: 400;
    font-size: 30px;
    color: #1A3D34;
    text-align: center;
}

#footer #general-inquiry .left p {
    font-weight: 800;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.09em;
}

#footer #general-inquiry .right {
    padding-right: 88px;
}

#footer #general-inquiry .right label {
    font-size: 14px;
    margin-bottom: 11px;
    letter-spacing: 0.09em;
}

#footer #general-inquiry .right input {
    height: 35px !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 35px !important;
    border: 1px solid #707070;
    border-radius: 0;
    width: calc(100% + -15px);
    margin-bottom: 20px;
    letter-spacing: 0.15em;
}

#footer #general-inquiry .right textarea {
    min-height: 103px !important;
    min-height: 53px !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 14px !important;
    padding: 0;
    padding-left: 20px;
    line-height: 20px !important;
    border: 1px solid #707070;
    border-radius: 0;
    width: calc(100% + -15px);
    margin-bottom: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 20px;
    letter-spacing: 0.15em;
}

#footer #general-inquiry .right button {
    background: #F4F3F0;
    color: #3D3A37;
    border: none;
    margin-left: 15px;
    max-width: 273px;
    max-width: 100%;
    margin-right: 30px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Museo Sans' !important;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    cursor: pointer;
}

#footer #general-inquiry .right button:hover {
    background: #3D3A37;
    color: #F4F3F0;
}

#footer #general-inquiry #captcha-wrapper img {
    height: 40px !important;
}

/***

==========================================================================================

                                        HOME

==========================================================================================

***/

/***

=============================================

   SLIDER

=============================================

***/

.slider {
    position: relative;
    display: block;
    width: calc(100% + -1px);
}

.slider-loader {
    position: absolute;
    top: 0;
    /* left: 0; */
    right: 0;
    bottom: 0;
    background: #ECE8E1;
    z-index: 1;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    width: 100%;
}

.slider-loader.loaded {
    width: 0%;
}

.slider-arrow-down {
    position: absolute;
    right: 30px;
    bottom: 200px;
    z-index: 999;
    -webkit-transition: all ease-out .6s;
    -moz-transition: all ease-out .6s;
    -ms-transition: all ease-out .6s;
    -o-transition: all ease-out .6s;
    transition: all ease-out .6s;
    line-height: inherit;
    display: flex;
    display: none;
}

.slider-arrow-down.loaded {
    bottom: 30px;
}

.slider-arrow-down i {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
}

.slider-arrow-down i:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* bottom:0; */
    width: 4px;
    height: 27px;
    background: #5F5F5F;
    margin: 0 auto;
}

.slider-arrow-down i:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 45px;
    color: #5F5F5F;
    line-height: 1;
}

ul.tp-revslider-mainul {
    /* width: 90% !important; */
}

.tp-carousel-wrapper {
    width: 100% !important;
    left: 0 !important;
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
    /* width: 90% !important; */
    overflow: visible !important;
    visibility: visible !important;
    /* left: 90% !important; */
    z-index: 105 !important;
    opacity: 1 !important;
}

.custom-slider-layer {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

li.tp-revslider-slidesli.active-revslide .custom-slider-layer {
    opacity: 1;
    visibility: visible;
}

.custom-slider-layer .overlay-layer {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    background: linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.03) 16%, rgba(0, 0, 0, 0.11) 28%, rgba(0, 0, 0, 0.18) 34%, rgba(0, 0, 0, 0.22) 38%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.26) 41%, rgba(0, 0, 0, 0.29) 42%, rgba(0, 0, 0, 0.32) 44%, rgba(0, 0, 0, 0.33) 46%, rgba(0, 0, 0, 0.36) 47%, rgba(0, 0, 0, 0.43) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.51) 57%, rgba(0, 0, 0, 0.55) 58%, rgba(0, 0, 0, 0.55) 59%, rgba(0, 0, 0, 0.59) 61%, rgba(0, 0, 0, 0.59) 62%, rgba(0, 0, 0, 0.62) 63%, rgba(0, 0, 0, 0.62) 64%, rgba(0, 0, 0, 0.67) 67%, rgba(0, 0, 0, 0.74) 73%, rgba(0, 0, 0, 0.79) 81%, rgba(0, 0, 0, 0.83) 87%, rgba(0, 0, 0, 0.87) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.03) 16%, rgba(0, 0, 0, 0.11) 28%, rgba(0, 0, 0, 0.18) 34%, rgba(0, 0, 0, 0.22) 38%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.26) 41%, rgba(0, 0, 0, 0.29) 42%, rgba(0, 0, 0, 0.32) 44%, rgba(0, 0, 0, 0.33) 46%, rgba(0, 0, 0, 0.36) 47%, rgba(0, 0, 0, 0.43) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.51) 57%, rgba(0, 0, 0, 0.55) 58%, rgba(0, 0, 0, 0.55) 59%, rgba(0, 0, 0, 0.59) 61%, rgba(0, 0, 0, 0.59) 62%, rgba(0, 0, 0, 0.62) 63%, rgba(0, 0, 0, 0.62) 64%, rgba(0, 0, 0, 0.67) 67%, rgba(0, 0, 0, 0.74) 73%, rgba(0, 0, 0, 0.79) 81%, rgba(0, 0, 0, 0.83) 87%, rgba(0, 0, 0, 0.87) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.03) 16%, rgba(0, 0, 0, 0.11) 28%, rgba(0, 0, 0, 0.18) 34%, rgba(0, 0, 0, 0.22) 38%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.26) 41%, rgba(0, 0, 0, 0.29) 42%, rgba(0, 0, 0, 0.32) 44%, rgba(0, 0, 0, 0.33) 46%, rgba(0, 0, 0, 0.36) 47%, rgba(0, 0, 0, 0.43) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.51) 57%, rgba(0, 0, 0, 0.55) 58%, rgba(0, 0, 0, 0.55) 59%, rgba(0, 0, 0, 0.59) 61%, rgba(0, 0, 0, 0.59) 62%, rgba(0, 0, 0, 0.62) 63%, rgba(0, 0, 0, 0.62) 64%, rgba(0, 0, 0, 0.67) 67%, rgba(0, 0, 0, 0.74) 73%, rgba(0, 0, 0, 0.79) 81%, rgba(0, 0, 0, 0.83) 87%, rgba(0, 0, 0, 0.87) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.03) 16%, rgba(0, 0, 0, 0.11) 28%, rgba(0, 0, 0, 0.18) 34%, rgba(0, 0, 0, 0.22) 38%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.26) 41%, rgba(0, 0, 0, 0.29) 42%, rgba(0, 0, 0, 0.32) 44%, rgba(0, 0, 0, 0.33) 46%, rgba(0, 0, 0, 0.36) 47%, rgba(0, 0, 0, 0.43) 52%, rgba(0, 0, 0, 0.46) 53%, rgba(0, 0, 0, 0.51) 57%, rgba(0, 0, 0, 0.55) 58%, rgba(0, 0, 0, 0.55) 59%, rgba(0, 0, 0, 0.59) 61%, rgba(0, 0, 0, 0.59) 62%, rgba(0, 0, 0, 0.62) 63%, rgba(0, 0, 0, 0.62) 64%, rgba(0, 0, 0, 0.67) 67%, rgba(0, 0, 0, 0.74) 73%, rgba(0, 0, 0, 0.79) 81%, rgba(0, 0, 0, 0.83) 87%, rgba(0, 0, 0, 0.87) 100%);
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-image: url(../images/overlay-pattern3.png);
}

.custom-slider-layer .overlay-layer-black {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    background-color: rgba(0, 0, 0, 0.5);
}

.custom-slider-layer .layer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: flex-end;
    position: relative;
    z-index: 99;
    /* margin-bottom: 49px; */
}

.custom-slider-layer .layer .content {
    float: left;
    display: block;
    width: 100%;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    visibility: visible;
}

.custom-slider-layer .layer .content.show {
    display: block;
    opacity: 1;
    visibility: visible;
}

.custom-slider-layer .layer .content.hide {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.custom-slider-layer .layer .content .small-heading {
    float: left;
    width: 100%;
    text-align: left !important;
    display: block;
}

.custom-slider-layer .layer .content .small-heading h5 {
    font-size: 18px !important;
    /*font-weight: 400 !important;*/
    color: #fff !important;
}

.custom-slider-layer .layer .content .middle-heading {
    float: left;
    width: 100%;
    text-align: center !important;
    display: block;
}

.custom-slider-layer .layer .content .middle-heading h3 {
    font-size: 34px !important;
    /*font-weight: 400 !important;*/
    color: #fff !important;
}

.custom-slider-layer .layer .content .big-heading {
    float: left;
    width: 100%;
}

.custom-slider-layer .layer .content .big-heading h1 {
    font-size: 73px !important;
    color: #fff;
}

.custom-slider-layer .layer .content .medium-heading {
    float: left;
    width: 100%;
}

.custom-slider-layer .layer .content .medium-heading h3 {
    font-size: 35px !important;
    color: #fff;
    text-align: center;
}

.custom-slider-layer .layer .content .text-content {
    display: block;
    /*float: center;*/
    text-align: center;
    width: 100%;
    text-align: left !important;
    line-height: normal !important;
    margin-left: 77px;
    margin-bottom: 49px;
}

.custom-slider-layer .layer .content .text-content p {
    word-wrap: break-word !important;
    /* word-break: break-all !important; */
    color: #1A3D34 !important;
    white-space: initial !important;
    font-family: 'Museo Slab' !important;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    margin: 0;
}

.custom-slider-layer .layer .content .text-content p dfn {
    font-weight: bold;
    font-family: 'Copernicus Bold Italic', sans-serif !important;
}

.custom-slider-layer .layer .content .text-content a {
    float: left;
    min-width: 200px;
    height: 54px;
    line-height: 54px;
    font-family: 'Museo Sans';
    font-weight: 300;
    font-size: 20px;
    background: #3E9DEF;
    margin-top: 13px;
    text-align: center;
    color: #ffffff;
}

.custom-slider-layer .layer .content .text-content a:hover {
    background: #1A3D34;
}

.custom-slider-layer .layer .buttons {
    /*display: none;*/
    margin: 0 auto;
    margin-top: 20px;
    -webkit-transition: all ease-out .3s !important;
    -moz-transition: all ease-out .3s !important;
    -ms-transition: all ease-out .3s !important;
    -o-transition: all ease-out .3s !important;
    transition: all ease-out .3s !important;
    /* height:  0%; */
    /* max-height: 43px; */
    overflow: hidden;
}

.custom-slider-layer .layer .buttons.show {
    display: table;
}

.custom-slider-layer .layer .buttons a {
    float: left;
    /* width:  100%; */
    display: block;
    padding: 10px 25px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    border-radius: 5px;
    -webkit-transition: all ease-out .3s !important;
    -moz-transition: all ease-out .3s !important;
    -ms-transition: all ease-out .3s !important;
    -o-transition: all ease-out .3s !important;
    transition: all ease-out .3s !important;
    margin-right: 5px;
}

.custom-slider-layer .layer .buttons a.fancybox:before, .custom-slider-layer .layer .buttons a.fancybox:after {
    display: none;
}

.custom-slider-layer .layer .buttons a:hover {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.15);
}

.custom-slider-layer .layer .buttons a:last-child {
    /* margin-right:0; */
}

.custom-slider-layer .layer .buttons.btn-stopvideo {
    /* position: absolute; */
    /* bottom: 0; */
    /* left:  0; */
    /* right:  0; */
    /* width: 100%; */
    /* display: block !important; */
    /* text-align:  center; */
}

.custom-slider-layer .layer .buttons.btn-stopvideo a {
    opacity: .5;
}

.custom-slider-layer .layer .buttons.btn-stopvideo a:hover {
    opacity: 1;
}

.custom-slider-layer .layer .buttons .btn-green {
    background-color: #418878 !important;
    border-color: #418878 !important;
}

.custom-slider-layer .layer .buttons .btn-navyblue {
    background-color: #1a1c27 !important;
    border-color: #1a1c27 !important;
}

.custom-slider-layer .layer .buttons .btn-green:hover, .custom-slider-layer .layer .buttons .btn-navyblue:hover {
    border-color: #ffffff !important;
}

.custom-slider-layer .layer .buttons .button-alignment {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    text-align: center;
    justify-content: center;
}

.custom-slider-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}

.custom-slider-nav .prev, .custom-slider-nav .next {
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: calc(50% + 44px);
}

.custom-slider-nav .prev {
    left: -44px;
    cursor: url('../images/cursor-prev.svg'), auto;
}

.custom-slider-nav .next {
    right: -44px;
    cursor: url('../images/cursor-next.svg'), auto;
}

.custom-slider-nav .prev .cursor {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background: url('../images/cursor-prev.svg');
    z-index: 999999;
    background-size: contain;
    margin-top: -30px;
    margin-left: -30px;
    cursor: none;
    display: none !important;
}

.custom-slider-nav .next .cursor {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background: url('../images/cursor-next.svg');
    top: 121px;
    left: 200px;
    z-index: 999999;
    background-size: contain;
    margin-top: -30px;
    margin-left: -30px;
    cursor: none;
    display: none !important;
}

.custom-slider-nav .prev:hover .cursor {
    display: block !important;
}

.custom-slider-nav .next:hover .cursor {
    display: block !important;
}

/***

=============================================

   SLIDER BOTTOM PATTERN

=============================================

***/

#slider-bottom-pattern {
    float: left;
    width: 100%;
    display: block;
    margin-top: 51px;
    /* margin-bottom: 60px; */
}

#slider-bottom-pattern .pattern {
    float: left;
    width: 100%;
    display: block;
    overflow: hidden;
    background: url("../images/icons/home-slider-bottom-pattern.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 88px;
    height: 144px;
}

#slider-bottom-pattern .pattern img {
    width: 100%;
}

/***

=============================================

   ABOUT

=============================================

***/

#about {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 153px;
    padding-top: 60px;
}

#about .left {
    float: left;
    width: 100%;
    display: block;
}

#about .left h5 {
    float: left;
    width: 100%;
    display: block;
    color: #1A3D34;
    border-bottom: 1px solid #D9D6CF;
    font-weight: 300;
    font-size: 31px;
}

#about .right {
    float: right;
    width: 100%;
    display: block;
}

#about .right h4 {
    float: left;
    width: 100%;
    display: block;
    font-family: 'Museo Slab' !important;
    font-weight: 100;
    font-size: 50px;
    color: #1A3D34;
    /* margin-bottom: 69px; */
    letter-spacing: 0.05em;
}

#about .right p {
    float: left;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.02em;
}

/***

==========================================================================================

                                        PRODUCTS

==========================================================================================

***/

.products {
    margin-top: 34px;
}

.products .product-wrap {
    float: left;
    width: 100%;
    display: block;
}

.products .product-wrap .filters {
    float: left;
    width: 100%;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.products .product-wrap .filters .head-wrap {
    float: left;
    width: 100%;
    display: block;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.products .product-wrap .filters h4 {
    float: left;
    display: block;
    font-weight: 500;
    font-size: 30px;
    font-size: 14px;
    padding-left: 15px;
    /* line-height: 50px; */
}

.products .product-wrap .filters ul {
    /* margin-left: 43px; */
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.products .product-wrap .filters ul li {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 45px;
    /* height: 100%; */
    margin-right: 15px;
}

.products .product-wrap .filters ul li:last-child {
    margin-right: 0;
}

.products .product-wrap .filters ul li a {
    font-weight: 300;
    font-size: 18px;
    color: #707070;
    /* padding: 0 8px; */
    padding-right: 10px;
    padding-left: 11px;
    height: 50px;
    line-height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex: 1;
    /* height: 100%; */
    border-radius: 9px;
}

.products .product-wrap .filters ul li a .crossed {
    margin-left: 7px;
    /* margin-left: 12px; */
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    /* display: none; */
    background: url('../images/icons/product-filter-clear.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 19px;
    height: 100%;
    position: relative;
    z-index: 9999;
    cursor: crosshair;
}

.products .product-wrap .filters ul li a .count {
    padding-left: 4px;
    opacity: 0;
    /* color: #641212; */
    font-family: 'Museo Sans';
    /* font-size: 25px; */
}

.products .product-wrap .filters ul li a:hover, .products .product-wrap .filters ul li a.active {
    background: #F73737;
    color: #ffffff;
}

.products .product-wrap .filters ul li:first-child a:hover, .products .product-wrap .filters ul li:first-child a.active {
    background: rgb(186 24 42) !important;
}

.products .product-wrap .filters ul li a:hover .crossed, .products .product-wrap .filters ul li a:hover .count, .products .product-wrap .filters ul li a.active .crossed, .products .product-wrap .filters ul li a.active .count {
    opacity: 1;
}

.products .product-wrap .filters ul li a span {
}

.products .product-wrap .filters .clear-filter {
    float: right;
    margin-right: 20px;
    margin-right: 8px;
    margin-top: 15px;
    margin-top: 3px;
    width: 15px;
    height: 15px;
    background-image: url('../images/icons/product-close.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    opacity: 0;
    visibility: hidden;
}

.products .product-wrap .filters .clear-filter.show {
    opacity: 1;
    visibility: visible;
}

.products .product-wrap .filters .clear-filter:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.products .product-wrap .product-list {
    float: left;
    width: calc(100% + 40px);
    display: block;
    position: relative;
    margin-left: -20px;
    /* margin-top: 41px; */
    /* padding-bottom: 36px; */
    /* border-bottom: 1px solid #707070; */
    margin-top: 85px;
    padding-bottom: 31px;
    padding-bottom: 7px;
    /*border-bottom: 1px solid #707070;*/
    margin-bottom: 150px;
    /* margin-bottom: 312px; */
    margin-top: 37px;
}

.products .product-wrap .product-list .product-item {
    display: none;
    margin-bottom: 30px;
}

.products .product-wrap .product-list .product-item.show {
    display: block;
}

.products .product-wrap .product-list .product {
    float: left;
    width: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.products .product-wrap .product-list .product a {
}

.products .product-wrap .product-list .product .image {
    float: left;
    width: 100%;
    display: block;
    padding: 13px;
    padding: 0;
    padding-bottom: 0;
    background: #fff;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.products .product-wrap .product-list .product .image img {
    width: 100%;
}

.products .product-wrap .product-list .product .name {
    float: left;
    width: 100%;
    display: block;
    min-height: 41px;
    height: 100%;
    background: #FFF;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.products .product-wrap .product-list .product:hover .image, .products .product-wrap .product-list .product:hover .name {
    background: #F7F7F7;
}

.products .product-wrap .product-list .product .name h5 {
    float: left;
    display: block;
    width: 100%;
    padding-left: 13px;
    line-height: 41px;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
}

.products .product-packages {
    float: left;
    width: 100%;
    display: block;
    /* margin-top: 85px; */
    /* padding-bottom: 31px; */
    /* border-bottom: 1px solid #707070; */
    /* margin-bottom: 150px; */
    margin-top: 41px;
    margin-top: 20px;
    /* padding-bottom: 36px; */
    /* border-bottom: 1px solid #707070; */
    /* background: #5B5B5B; */
    /* height: 33px; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    width: 100%;
}

.products .product-packages .head-wrap {
    float: left;
    width: 100%;
    display: block;
    background: #ba1729;
    height: 33px;
    line-height: 33px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    border-radius: 4px;
}

.products .product-packages h4 {
    font-weight: 500;
    font-size: 30px;
    font-size: 14px;
    float: left;
    display: block;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: white;
    letter-spacing: 0.15em;
    padding-left: 10px;
    width: calc(100% + -30px);
}

.products .product-packages .show-packages {
    float: right;
    margin-right: 8px;
    margin-top: 8px;
    width: 18px;
    height: 18px;
    background-image: url('../images/icons/close-white.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.products .product-packages .show-packages.close {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-image: url('../images/icons/close-red.svg');
}

.products .product-packages .packages {
    float: left;
    width: 100%;
    display: block;
    /* padding-left: 100px; */
    margin-top: 55px;
    margin-top: 24px;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: center; */
    display: none;
    overflow: hidden;
    /* transition: all ease-out .3s; */
    border-bottom: 1px solid #707070;
    padding-bottom: 28px;
    margin: 0;
    padding: 0;
}

.products .product-packages .packages-wrap {
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 24px;
    padding-bottom: 28px;
    border-bottom: 3px solid #b6081b;
}

.products .product-packages .packages.hide {
    visibility: hidden;
}

.products .product-packages .packages .package {
    float: left;
    display: block;
    /* margin-right: 70px; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    justify-content: center;
    text-align: center;
    /* border-right: 1.5px dashed #707070; */
    /*margin-right: 16px;

    padding-right: 16px;*/
    padding-left: 11px;
    padding-right: 11px;
    justify-content: flex-end;
}

.products .product-packages .packages-wrap .package-group .package:last-child {
    /* margin-right: 0; */
    /* padding-right: 0; */
    /* border-right: 0 !important; */
}

.products .product-packages .packages.hide .package a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.products .product-packages .packages .package a {
    display: block;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-position: center;
    /* width: 160px !important; */
    /* height: 152px !important; */
    width: auto !important;
    height: auto !important;
    background-image: none !important;
}

.products .product-packages .packages .package a.active, .products .product-packages .packages .package a:hover {
    background-color: #ffffff;
}

/*.products .product-packages .packages-wrap .package-group:nth-child(1) .package-items .package:nth-child(1) a {*/
/*    width: 130px;*/
/*    height: 120px;*/
/*    background-image: url('../images/icons/packages/750GR.svg');*/
/*    background-size: 95px;*/
/*}*/

/*.products .product-packages .packages-wrap .package-group:nth-child(1) .package-items .package:nth-child(2) a {*/
/*    width: 130px;*/
/*    height: 120px;*/
/*    background-image: url('../images/icons/packages/1KG.svg');*/
/*    background-size: 95px;*/
/*}*/

/*.products .product-packages .packages-wrap .package-group:nth-child(2) .package-items .package:nth-child(1) a {*/
/*    width: 140px;*/
/*    height: 130px;*/
/*    background-image: url('../images/icons/packages/750GR-W.svg');*/
/*    background-size: 110px;*/
/*}*/

/*.products .product-packages .packages-wrap .package-group:nth-child(2) .package-items .package:nth-child(2) a {*/
/*    width: 140px;*/
/*    height: 130px;*/
/*    background-image: url('../images/icons/packages/1KG-W.svg');*/
/*    background-size: 110px;*/
/*}*/

/*.products .product-packages .packages-wrap .package-group:nth-child(3) .package-items .package:nth-child(1) a {*/
/*    width: 128px;*/
/*    height: 181px;*/
/*    background-image: url('../images/icons/packages/2KG.svg');*/
/*    background-size: 86px;*/
/*}*/

/*.products .product-packages .packages-wrap .package-group:nth-child(3) .package-items .package:nth-child(2) a {*/
/*    width: 128px;*/
/*    height: 181px;*/
/*    background-image: url('../images/icons/packages/3KG.svg');*/
/*    background-size: 92px;*/
/*}*/

/*.products .product-packages .packages-wrap .package-group:nth-child(4) .package-items .package:nth-child(1) a {*/
/*    width: 162px;*/
/*    height: 131px;*/
/*    background-image: url('../images/icons/packages/4-5KG.svg');*/
/*    background-size: 125px;*/
/*}*/

.products .product-packages .packages .package .count {
    font-weight: 300;
    font-size: 30px;
    color: #1A3D34;
    display: block;
    margin-top: 20px;
    display: none;
}

/***

==========================================================================================

                                    PRODUCT DETAIL

==========================================================================================

***/

body.product-detail-bg {
    background: #F3EFE9 !important;
}

.product-detail {
    margin-top: 53px;
}

.product-detail .detail-wrap {
}

.product-detail .detail-wrap .left {
    float: left;
    display: block;
    max-width: 449px;
    padding-left: 72px;
}

.product-detail .detail-wrap .left .image, .product-detail .detail-wrap .right .image {
    float: left;
    width: 100%;
    display: block;
    /* padding: 17px 14px; */
    border-top: 17px solid #fff;
    border-left: 14px solid #fff;
    border-right: 14px solid #fff;
    border-bottom: 17px solid #fff;
    background: #fff;
    background: #ECE8E1;
    max-width: 467px;
    max-width: 333px;
}

.product-detail .detail-wrap .left .image img {
    width: 100%;
}

.product-detail .detail-wrap .left .product-values {
    margin-top: 20px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #707070;
    margin-bottom: 30px;
}

.product-detail .detail-wrap .left .product-values .heading {
    float: left;
    width: 100%;
    margin-bottom: 13px;
}

.product-detail .detail-wrap .left .product-values .heading h5 {
    font-size: 14px;
    color: #F73737;
    float: left;
    letter-spacing: 0.15em;
    cursor: pointer;
}

.product-detail .detail-wrap .left .product-values .heading .show-values {
    float: right;
    width: 20px;
    height: 20px;
    background-image: url(../images/icons/product-detail-close.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.product-detail .detail-wrap .left .product-values .heading .show-values.show {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.product-detail .detail-wrap .left .product-values .content-wrap {
    float: left;
    width: 100%;
    display: none;
    background: #EBE9E5;
    /* border-bottom: 1px solid #707070; */
    overflow: hidden;
    /* height: 0; */
}

.product-detail .detail-wrap .left .product-values .content-wrap.hide {
    visibility: hidden;
}

.product-detail .detail-wrap .left .nutrition-facts {
    margin-top: 47px;
}

.product-detail .detail-wrap .left .nutrition-facts .content-wrap .properties {
    padding: 31px 64px 28px 56px;
}

.product-detail .detail-wrap .left .nutrition-facts .properties {
    float: left;
    width: 100%;
    display: block;
}

.product-detail .detail-wrap .left .nutrition-facts .properties h6 {
    font-size: 14px;
    font-weight: 700;
    color: #3D3A37;
    margin-bottom: 35px;
    text-align: center;
    letter-spacing: 0.15em;
}

.product-detail .detail-wrap .left .nutrition-facts .properties ul {
}

.product-detail .detail-wrap .left .nutrition-facts .properties ul li {
    float: left;
    width: 100%;
}

.product-detail .detail-wrap .left .nutrition-facts .properties ul li .text {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: #3D3A37;
    float: left;
    letter-spacing: 0.05em;
}

.product-detail .detail-wrap .left .nutrition-facts .properties ul li .value {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: #3D3A37;
    float: right;
    letter-spacing: 0.05em;
}

.product-detail .detail-wrap .left .ratio-of-use {
}

.product-detail .detail-wrap .left .ratio-of-use .content-wrap .properties {
    padding: 21px 21px 0 21px;
}

.product-detail .detail-wrap .left .ratio-of-use .content-wrap .values {
    padding: 0 21px 31px 21px;
}

.product-detail .detail-wrap .left .ratio-of-use .properties {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.product-detail .detail-wrap .left .ratio-of-use .nodes {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-right: 20px;
    text-align: center;
}

.product-detail .detail-wrap .left .ratio-of-use .nodes:last-child {
    margin-right: 0;
}

.product-detail .detail-wrap .left .ratio-of-use .nodes .node {
    display: flex;
    flex-direction: column;
}

.product-detail .detail-wrap .left .ratio-of-use .nodes .node .text {
    font-size: 14px;
    font-weight: 500;
    color: #3D3A37;
    letter-spacing: 0.05em;
}

.product-detail .detail-wrap .left .ratio-of-use .nodes .node .value {
    font-size: 14px;
    font-weight: 500;
    color: #3D3A37;
    letter-spacing: 0.05em;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .parent {
    text-align: center;
    margin-bottom: 8px;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .parent h6 {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #3D3A37;
    border-bottom: 1px solid #707070;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    letter-spacing: 0.05em;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .parent h6:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 1px;
    height: 5px;
    background: #707070;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .parent h6:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 1px;
    height: 4px;
    background: #707070;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .child-nodes {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .child-node {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-right: 20px;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .child-node:last-child {
    margin-right: 0 !important;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .child-node .text {
    font-size: 14px;
    font-weight: 500;
    color: #3D3A37;
}

.product-detail .detail-wrap .left .ratio-of-use .parent-node .child-node .value {
    font-size: 14px;
    font-weight: 500;
    color: #3D3A37;
}

.product-detail .detail-wrap .left .ratio-of-use .values {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}

.product-detail .detail-wrap .left .ratio-of-use .value-row {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.product-detail .detail-wrap .left .ratio-of-use .value-row span {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    color: #3D3A37;
    letter-spacing: 0.05em;
}

.product-detail .detail-wrap .left .preparation-steps {
}

.product-detail .detail-wrap .left .preparation-steps .content-wrap .values {
    padding: 31px 54px 31px 54px;
}

.product-detail .detail-wrap .left .preparation-steps .values {
    float: left;
    width: 100%;
}

.product-detail .detail-wrap .left .preparation-steps .value {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

.product-detail .detail-wrap .left .preparation-steps .value:last-child {
    margin-bottom: 0;
}

.product-detail .detail-wrap .left .preparation-steps .value .index {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #3D3A37;
}

.product-detail .detail-wrap .left .preparation-steps .value .text {
    font-size: 15px;
    font-weight: 500;
    font-weight: 300;
    line-height: 20px;
    color: #3D3A37;
    letter-spacing: 0.10em;
}

.product-detail .detail-wrap .right {
    float: left;
    display: block;
    max-width: 691px;
    padding-left: 60px;
}

.product-detail .detail-wrap .right .breadcumb {
    float: left;
    width: 100%;
    display: block;
    /*padding-left: 10px;*/
    padding-bottom: 5px;
}

.product-detail .detail-wrap .right .breadcumb a {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: #656565;
    padding-right: 6px;
    letter-spacing: 0.15em;
    padding-left: 8px;
}

.product-detail .detail-wrap .right .breadcumb a:first-child {
    padding-left: 0;
}

.product-detail .detail-wrap .right .breadcumb a:before {
    content: '/';
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    display: table;
    margin: auto 0;
}

.product-detail .detail-wrap .right .breadcumb a:last-child:before {
    display: none;
}

.product-detail .detail-wrap .right .breadcumb a.active {
    color: #F73737;
    text-transform: uppercase;
}

.product-detail .detail-wrap .right .heading {
    float: left;
    width: 100%;
    display: block;
}

.product-detail .detail-wrap .right .heading h5 {
    position: relative;
    float: left;
    display: inline-block;
    font-size: 20px;
    font-weight: 100;
    color: #ffffff;
    margin-bottom: 14px;
    /*width: 14em;*/
    line-height: 2;
}

.product-detail .detail-wrap .right .heading h5 > span {
    /*padding: 2px 40px 7px 10px;*/
    padding: 10px;
    background: #E49126;
}

.product-detail .detail-wrap .right .properties:before {
    content: '';
    position: absolute;
    left: 10px;
    right: 0;
    top: -14px;
    width: 67px;
    height: 1px;
    background: #707070;
    float: left;
    display: block;
}

.product-detail .detail-wrap .right .properties {
    float: left;
    width: 100%;
    display: block;
    margin-top: 23px;
    position: relative;
}

.product-detail .detail-wrap .right .properties ul {
    float: left;
    width: 100%;
    display: block;
}

.product-detail .detail-wrap .right .properties ul li {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 100;
    color: #1A3D34;
    line-height: 28px;
    padding-left: 74px;
    padding-left: 30px;
}

.product-detail .detail-wrap .right .properties ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #1A3D34;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    display: block;
    margin: auto 0;
}

.product-detail .detail-wrap .right .ingredients {
    float: left;
    width: 100%;
    display: block;
    margin-top: 27px;
    padding-right: 47px;
}

.product-detail .detail-wrap .right .ingredients h5 {
    position: relative;
    font-size: 14px;
    padding-bottom: 12px;
    display: inline-block;
    float: left;
    color: #3D3A37;
    letter-spacing: 0.15em;
}

.product-detail .detail-wrap .right .ingredients h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #707070;
    width: calc(100% + 6px);
    height: 1px;
    display: block;
}

.product-detail .detail-wrap .right .ingredients p {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 0;
    letter-spacing: 0.01em;
}

.product-detail .detail-wrap .right .available-in {
    float: left;
    width: 100%;
    display: block;
    margin-top: 34px;
}

.product-detail .detail-wrap .right .available-in h5 {
    position: relative;
    font-size: 14px;
    padding-bottom: 12px;
    display: inline-block;
    float: left;
    color: #3D3A37;
    letter-spacing: 0.15em;
}

.product-detail .detail-wrap .right .available-in h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #707070;
    width: calc(100% + 6px);
    height: 1px;
    display: block;
}

.product-detail .detail-wrap .right .available-in .packages {
    float: left;
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    /* background: #ffffff; */
    border-radius: 14px;
    /* height: 130px; */
    text-align: center;
    margin-bottom: 30px;
}

.product-detail .detail-wrap .right .available-in .package {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-right: 1px dashed #707070;
    /* width: 100%; */
    padding-left: 11px;
    padding-right: 11px;
}

.product-detail .detail-wrap .right .available-in .package:last-child {
    border-right: 0;
}

.product-detail .detail-wrap .right .available-in .package img {
    /* max-width:  100%; */
    /* width: 80%; */
    display: block;
    /* margin: 0 auto; */
    /* max-height: 100%; */
    transition: all ease-out .3s;
    border-radius: 20px;
    height: 65%;
    padding: 15px;
    /* width: 76%; */
}

.product-detail .detail-wrap .right .available-in .package img:hover {
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package .package-weight-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
}

/*

.product-detail .detail-wrap .right .available-in .package:nth-child(1) img {

    width: 102px;

}



.product-detail .detail-wrap .right .available-in .package:nth-child(2) img {

    width: 162px;

}



.product-detail .detail-wrap .right .available-in .package:nth-child(3) img {

    width:74px;

}



.product-detail .detail-wrap .right .available-in .package:nth-child(4) img {

    width:101px;

}

*/

.product-detail .detail-wrap .right .available-in .package img.kutular_750gr_1 {
    /*width: 100px;

    height: 84px;*/
    width: 116px;
    height: 101px;
    padding: 16px;
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package img.kutular_750gr_2 {
    /*width: 125px;

    height: 100px;*/
    width: 135px;
    height: 125px;
    padding: 16px;
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package img.kutular_1kg_1 {
    /*width: 100px;

    height: 84px;*/
    width: 116px;
    height: 101px;
    padding: 16px;
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package img.kutular_1kg_2 {
    /*width: 125px;

    height: 100px;*/
    width: 135px;
    height: 125px;
    padding: 16px;
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package img.kutular_2kg {
    /*width: 174px;

    height: 174px;*/
    width: 153px;
    height: 174px;
    padding: 16px;
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package img.kutular_3kg {
    /*width: 174px;

    height: 174px;*/
    width: 153px;
    height: 174px;
    padding: 16px;
    background: #fff;
}

.product-detail .detail-wrap .right .available-in .package img.kutular_5kg {
    /*width: 131px;

    height: 113px;*/
    width: 162px;
    height: 131px;
    padding: 16px;
    background: #fff;
}

.product-detail .other-products {
    float: left;
    width: 100%;
    display: block;
    margin-top: 109px;
    margin-bottom: 155px;
    display: flex;
    flex-direction: column;
    margin-top: 55px;
    padding-top: 54px;
    border-top: 1px solid #707070;
}

.product-detail .other-products .heading {
    float: left;
    width: 100%;
    padding-left: 35px;
    position: relative;
    margin-bottom: 30px;
}

.product-detail .other-products .heading h5 {
    font-size: 30px;
    font-weight: 500;
    font-family: 'Museo Slab' !important;
    line-height: 45px;
    color: #1A3D34;
}

.product-detail .other-products #similar-products-slider {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-left: -30px;
    margin-right: -15px;
    width: calc(100% + 60px);
}

.product-detail .other-products .product-item {
    float: left;
    width: 100%;
    display: block;
}

.product-detail .other-products .product {
    float: left;
    width: 100%;
    display: block;
}

.product-detail .other-products .product .image {
    float: left;
    width: 100%;
    display: block;
    padding: 13px;
    padding-bottom: 0;
    background: #fff;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.product-detail .other-products .product .image img {
    width: 100%;
}

.product-detail .other-products .product .name {
    float: left;
    width: 100%;
    display: block;
    min-height: 41px;
    height: 100%;
    background: #fff;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.product-detail .other-products .product .name h5 {
    float: left;
    display: block;
    width: 100%;
    padding-left: 13px;
    line-height: 41px;
    font-weight: 500;
    font-size: 17px;
}

.product-detail .other-products .product:hover .image, .product-detail .other-products .product:hover .name {
    background: #F7F7F7;
}

/***

==========================================================================================

                                    SALES

==========================================================================================

***/

.sub-page.sales {
    margin-top: 59px;
    margin-bottom: 154px;
}

.sales .dealers-area {
    /* margin-left: 151px; */
    /* margin-right: 107px; */
    float: left;
    width: 100%;
    display: block;
}

.sales .dealers-area .map {
    float: left;
    width: 100%;
    display: block;
    margin-top: 54px;
}

.sales .map #map {
    width: 100%;
    height: 430px;
    position: relative;
    margin: auto;
    padding: 0 96px;
}

.sales .map #map svg {
    position: relative;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.sales .map #map svg > a {
    cursor: pointer;
    display: block;
}

.sales .map #sehir {
    font-size: 30px;
    text-align: center;
    margin-top: 25px;
    color: #666;
    margin: 0;
    height: 50px;
    line-height: 50px;
}

.sales .dealers-area .information {
    float: left;
    /* width: 100%; */
    display: block;
    margin-top: 54px;
    /* border-bottom: 2px dashed #b6091c; */
    /* padding-bottom: 20px; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-right: 70px;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.sales .dealers-area .information .heading {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    border-bottom: 2px dashed #b6091c;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.sales .dealers-area .information .heading .icon {
    float: left;
    width: 38px;
    height: 53px;
    display: block;
    background: url('../images/icons/sales-flower-icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
}

.sales .dealers-area .information .heading .icon img {
}

.sales .dealers-area .information .heading h5 {
    float: left;
    display: block;
    margin-left: 23px;
    font-size: 35px;
    font-weight: 700;
    color: #5D8DBF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
}

.sales .dealers-area .information p {
    float: left;
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 31px;
    color: #b6091c;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
}

.sales .dealers-area .dealer-list {
    float: left;
    width: 100%;
    display: block;
    margin-top: 27px;
    padding-bottom: 32px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #707070;
    display: none;
}

.sales .dealers-area .dealer-list .heading {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 42px;
}

.sales .dealers-area .dealer-list.hide .heading {
    margin-bottom: 0;
}

.sales .dealers-area .dealer-list .heading h5 {
    float: left;
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #868B86;
    cursor: pointer;
}

.sales .dealers-area .dealer-list .heading .show-list {
    float: right;
    width: 18px;
    height: 18px;
    background-image: url('../images/icons/sales-close.png');
    background-repeat: no-repeat;
    background-size: 18px;
    margin-top: 5px;
    margin-right: 7px;
    background: url(../images/icons/sales-close.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.sales .dealers-area .dealer-list .heading .show-list.show {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sales .dealers-area .dealer-list .list {
    float: left;
    width: 100%;
    display: block;
    /* margin-top: 42px; */
    /* padding-right: 15px; */
    display: flex;
    flex-direction: column;
    /* margin-bottom: 32px; */
    display: none;
}

.sales .dealers-area .dealer-list .list .dealer {
    float: left;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background: #fff;
    padding-left: 58px;
    margin-bottom: 32px;
    cursor: pointer;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.sales .dealers-area .dealer-list .list .dealer.active a, .sales .dealers-area .dealer-list .list .dealer:hover a {
    color: #ffffff;
}

.sales .dealers-area .dealer-list .list .dealer:last-child {
    margin-bottom: 0;
}

.sales .dealers-area .dealer-list .list .dealer .color {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sales .dealers-area .dealer-list .list .dealer span {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #84C35D;
    border-radius: 100%;
}

.sales .dealers-area .dealer-list .list .dealer a {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 19px;
    font-size: 25px;
    font-weight: 500;
    color: #868B86;
}

.sales .dealers-area .dealer-list .list.hide .dealer a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.sales .dealers-area .dealer-list .list.hide {
    visibility: hidden;
}

.sales .dealers-area .dealer-list .list .dealer .color {
}

.sales .dealers-area .dealer-list .list .dealer span {
}

.sales .dealers-area .dealer-list .list.hide .dealer, .sales .dealers-area .dealer-list .list.hide .dealer a {
    display: block !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    visibility: hidden !important;
}

.sales .want-to-become-a-dealer {
    float: left;
    width: 100%;
    /* height: 402px; */
    /* height: 100%; */
    display: flex;
    margin-top: 117px;
    margin-bottom: 117px;
    /*padding: 0 86px;*/
}

.sales .want-to-become-a-dealer .left {
    float: left;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #EBE9E5;
}

.sales .want-to-become-a-dealer .left .alignment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    /* padding-top: 20px; */
    padding-left: 70px;
}

.sales .want-to-become-a-dealer .left .alignment h2 {
    float: left;
    width: 100%;
    display: block;
    font-family: 'Museo Slab' !important;
    font-size: 70px;
    font-weight: 500;
    line-height: 75px;
    color: #1A3D34;
    font-weight: 300;
}

.sales .want-to-become-a-dealer .left .alignment .contact-us-now {
    float: left;
    width: 100%;
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #868B86;
}

.sales .want-to-become-a-dealer .right {
    float: left;
    width: 50%;
    display: block;
}

.sales .want-to-become-a-dealer .right .image {
    float: left;
    width: 100%;
    background: #ECE8E1;
}

.sales .want-to-become-a-dealer .right .image img {
    float: left;
    width: 100%;
}

.sales path:hover {
    fill: #76BC21;
    fill: #84C35D;
}

.sales-galleries {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sales-galleries .gallery-item {
    margin-bottom: 30px;
}

.sales-galleries .gallery-item:last-child {
    margin-bottom: 0;
}

.sales-galleries .gallery-item .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ba1729'/%3E%3C/svg%3E");
}

.sales-galleries .gallery-item .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ba1729'/%3E%3C/svg%3E");
}

.sales-galleries .gallery-item .swiper-pagination-bullet-active {
    background-color: #ba1729;
}


/***

==========================================================================================

                                    GALLERY V2

==========================================================================================

***/


.galleries {
    float: left;
    width: 100%;
    display: block
}
.galleries .gallery {
    position: relative;
    display: block;
    /* height: 180px; */
    overflow: hidden;
    margin-bottom: 30px;
    height: 376px;
}

.galleries .gallery.single-gallery .right {
    width: 100% !important;
    margin-left: 0;
}

.galleries .gallery.single-gallery .left {
    display: none;
}

.galleries .gallery .left {
    width: 33px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}
.galleries .gallery .right {
    width: calc(100% + -32px);
    margin-left: 33px;
    height: calc(460px + -82px);
    height: 24vw;
    height: 100%;
}
.galleries .gallery .custom-gallery-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999
}
.galleries .gallery .custom-gallery-nav .prev,
.galleries .gallery .custom-gallery-nav .next {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 10px;
    background: #d7858d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.galleries .gallery .custom-gallery-nav .prev i,
.galleries .gallery .custom-gallery-nav .next i {
    color: #f4f3f0;
}
.galleries .gallery .custom-gallery-nav .prev {
}
.galleries .gallery .custom-gallery-nav .next {
    top: 25px;
}
.galleries .gallery .custom-gallery-nav .prev:hover,
.galleries .gallery .custom-gallery-nav .next:hover {
    background: #b6081b;
}
.galleries .gallery .custom-gallery-text {
    float: left;
    display: flex;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: initial;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 6px;
    right: auto
}
.galleries .gallery .custom-gallery-text .text {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -7px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.galleries .gallery .custom-gallery-text .text.active {
    visibility: visible;
    opacity: 1
}
.galleries .gallery .custom-gallery-text .text h5 {
    font-family: 'HKGrotesk Bold' !important;
    font-size: 13px;
    letter-spacing: 1.95px;
    line-height: 16px;
    color: #000;
    margin-top: 9px;
    white-space: nowrap
}
.galleries .gallery .swiper-container {
    height: 100%;
    width: 100%
}


/***

==========================================================================================

                                    BLOG

==========================================================================================

***/

.sub-page.blog {
    margin-top: 54px;
    overflow: hidden;
}

.blog #blog-preloader {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F4F3F0;
    z-index: 2;
}

.blog #blog-preloader .alignment {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog #blog-preloader .alignment img {
    width: 120px;
}

.blog-pagination {
    display: flex;
    flex-direction: column;
    margin-left: 25px;
    border-top: 1px solid #eae9e7;
    padding-top: 34px;
}

.blog-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.blog .blog-list {
    position: relative;
    width: 100%;
    display: block;
    /* border-right:1px solid #e4e3e2; */
    margin-bottom: 54px;
    margin-bottom: 34px;
}

.blog .blog-list .blog-column-division {
    position: fixed;
    width: 1px;
    height: 100vh;
    left: 305px;
    top: 0;
    background: #ccc;
}

.blog .blog-list .blog-item {
    display: inline-block;
    margin: 0 0 4em;
    padding: 0 25px 0 50px;
    /* width: calc(100% / 3 + -3px); */
    display: inline-block;
}

.blog .blog-list .blog-item .blog-item-inner {
    position: relative;
}

.blog .blog-list .blog-item .blog-item-inner .btn-blog-plus {
    display: block;
    width: 20px;
    height: 20px;
    background: #8BC34A;
    color: #fff;
    position: absolute;
    left: -26px;
    top: 0px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.blog .blog-list .blog-item .blog-item-inner .btn-blog-plus .plus-icon {
    background: #fff;
    display: block;
    width: 8px;
    height: 2px;
    position: relative;
}

.blog .blog-list .blog-item .blog-item-inner .btn-blog-plus .plus-icon span {
    background: #fff;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.blog .blog-list .blog-item .blog-item-inner .date {
    margin: 0;
    font-size: 13px;
    font-style: italic;
    line-height: 100%;
}

.blog .blog-list .blog-item .blog-item-inner .name {
    margin-bottom: 5px;
}

.blog .blog-list .blog-item .blog-item-inner .name a {
    font-weight: bold;
    color: #3D3A37;
}

.blog .blog-list .blog-item .blog-item-inner .tags {
    color: #3D3A37;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 10px;
}

.blog .blog-list .blog-item .blog-item-inner .tags a {
    color: #3D3A37;
    font-weight: bold;
}

.blog .blog-list .blog-item .blog-item-inner .thumbnail {
    position: relative;
    display: block;
    /* padding-top: 5px; */
    /* padding-right: 24px; */
    background: #ECE8E1;
    margin-top: 15px;
    margin-right: 24px;
}

.blog .blog-list .blog-item .blog-item-inner .thumbnail img {
    /*-webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-transition: filter .5s;

    -moz-transition: filter .5s;

    -ms-transition: filter .5s;

    -o-transition: filter .5s;

    transition: filter .5s;*/
}

.blog .blog-list .btn-load-more {
    width: 100% !important;
    background: #fff;
    text-align: center;
    margin: 50px auto;
    padding: 30px;
    cursor: pointer;
    color: #3D3A37;
    font-size: 18px;
    /* opacity: 0 !important; */
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.blog .blog-list .btn-load-more.disable-load {
    display: none;
}

/***

==========================================================================================

                                    BLOG DETAIL

==========================================================================================

***/

.sub-page.blog-detail {
    margin-top: 54px;
}

.sub-page.blog-detail .details {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 54px;
}

.blog-detail .left {
    float: left;
    /* width: 50%; */
    display: block;
    padding: 0 4%;
    clear: left;
}

.blog-detail .left .content time {
    margin: 0;
    font-size: 13px;
    font-style: italic;
    line-height: 100%;
    display: block;
}

.blog-detail .left .content h1 {
    float: left;
    width: 100%;
    color: #3D3A37;
    font-family: 'Museo Slab' !important;
    font-size: 60px;
    font-size: 50px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 25px;
    word-wrap: break-word;
    padding-top: 15px;
}

.blog-detail .left .content .tags {
    float: left;
    width: 100%;
    display: block;
}

.blog-detail .left .content .tags a {
    font-family: 'Museo Slab' !important;
    font-size: 22px;
    font-weight: bold;
    color: #666666;
}

.blog-detail .left .content .tags .slash {
    font-family: 'Museo Slab' !important;
    font-size: 22px;
    font-weight: bold;
    color: #666666;
    margin: 0 5px;
}

.blog-detail .left .content .description {
    float: left;
    width: 100%;
    padding: 4rem 0;
}

.blog-detail .left .content .description p {
    float: left;
    font-size: 14px;
    color: #000000;
}

.blog-detail .left .content .share {
    float: left;
    width: 100%;
    display: block;
}

.blog-detail .left .content .share a {
    float: left;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    color: #9A9A9A;
}

.blog-detail .left .content .share a:last-child {
    margin-right: 0;
}

.blog-detail .left .content .share a:hover {
    color: #000000;
}

.blog-detail .right {
    float: right;
    /* width: 50%; */
    display: block;
    padding-right: 4%;
    clear: left;
}

.blog-detail .right .image {
    float: left;
    width: 100%;
    display: block;
    background: #ECE8E1;
}

.blog-detail .right .image img {
}

#ajax-loader {
    position: fixed;
    top: 0;
    left: -5%;
    right: 0;
    bottom: 0;
    background: #f4f3f0;
    z-index: 10;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    opacity: 0;
    visibility: hidden;
}

#ajax-loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center center;
}

#ajax-loader.show {
    opacity: 1;
    visibility: visible;
}

.value p {
    font-size: 14px;
}

.kvkk {
    margin-bottom: 55px;
}

.kvkk > div > a {
    float: left;
    margin-bottom: 15px;
}

.kvkk > div > span {
    float: left;
    margin-left: 30px;
    line-height: 50px;
}

.privacy-content {
    display: block;
}

.privacy-policy {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 999;
    display: none;
    flex-direction: row;
    margin: 0 auto;
    width: auto;
    justify-content: center;
}

.privacy-policy p {
    color: #fff;
    font-family: 'Museo Sans', sans-serif !important;
    font-size: 14px;
}

.privacy-policy a {
    color: #fff !important;
    /* font-family: 'Museo Sans', sans-serif !important; */
    font-size: 14px;
    text-decoration: underline !important;
    cursor: pointer;
    margin-bottom: 10px;
}

.privacy-policy a:hover {
    color: #f9a11a;
}

.privacy-policy .text {
    display: flex;
    flex: 3;
    justify-content: center;
    flex-direction: column;
}

.privacy-policy .text p {margin: 0;}

.privacy-policy .actions {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.privacy-policy .privacy-container {
    display: flex;
    flex-direction: row;
    background: #b50112;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    width: 75%;
}

.privacy-policy a:last-child {
    margin: 0;
}

.logo-information {
    float: left;
    /* width: 100%; */
    display: block;
    border-bottom: 2px dashed #b6091c;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-right: 70px;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
}

.logo-information img {
    width: 40px;
}

.logo-information p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #b6091c;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
}


.product .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    background: #ba182a;
    -webkit-transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
    -moz-transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
    -ms-transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
    -o-transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
    transition: all cubic-bezier(0.65, 0.05, 0.36, 1) .3s;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 30px;
    -webkit-transform: translateY(101%);
    -moz-transform: translateY(101%);
    -ms-transform: translateY(101%);
    -o-transform: translateY(101%);
    transform: translateY(101%);
}

.product:hover .hover-overlay {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.product .hover-overlay .heading {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0 15px;
    height: 20%;
}

.product .hover-overlay .heading .title {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    font-size: 14px;
}

.product .hover-overlay .heading .package-count {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    letter-spacing: 1.1px;
    font-weight: 500;
}

.product .hover-overlay .package-weights {
    display: flex;
    flex-direction: row;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    margin-top: 30px;
    height: 80%;
    justify-content: center;
}

.product .hover-overlay .package-weights .package-item[data-weight="750GR"] {

}

.product .hover-overlay .package-weights .package-item[data-weight="4-5KG"] {

}

.products .product-packages .packages-wrap .package-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* flex: 1; */
    text-align: center;
    border-right: 2px dashed #ba182a;
    padding: 15px;
}

.products .product-packages .packages-wrap .package-group:last-child {
    border-right: none;
}

.products .product-packages .packages-wrap .package-group .package-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.products .product-packages .packages-wrap .package-group .group-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
}

.products .product-packages .packages-wrap .package-group .package-items .package .package-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}


.products .product-packages.open .head-wrap {
    background: #fff;
}

.products .product-packages.open .head-wrap h4 {
    color: #b6091c;
}


.product .hover-overlay .package-weights .package-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
    /* flex: 1; */
    align-items: center;
    height: 100%;
}

.product .hover-overlay .package-weights .package-item:last-child {
    padding-right: 0;
    margin-right: 0;
}

.product .hover-overlay .package-weights .package-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: -6px;
    bottom: 0;
    background: url('../images/icons/package-delimiter-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    height: 100%;
    display: block;
    margin: auto 0;
    opacity: 0;
}

.product .hover-overlay .package-weights .package-item:last-child:after {
    display: none;
}

.product .hover-overlay .package-weights .package-item img {
    filter: brightness(100);
    width: auto;
    padding: 10px;
    display: block;
}


/*
* GLOBAL
*/

.global .products .product-packages {
    border-top: 3px solid #b6081b;
}


li.nav-item.locale-item {
    font-size: 12px;
    background: rgb(186 24 42 / 50%);
    transition: all ease-out .1s;
}

li.nav-item.locale-item:hover {
    background: rgb(186 24 42 / 100%);
}

li.nav-item.locale-item div {
    padding: 0 10px !important;
}

li.nav-item.locale-item * {
    color: #b6081b;
    color: #FFF;
}


div#locale-selector-picker {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9999999;
    width: auto;
}

#locale-selector-picker .current {
    display: flex;
    /* display: none; */
    position: relative;
    flex-direction: row;
    justify-content: flex-end;
    transition: all ease-out .3s;
    transform: translateX(0);
}

#locale-selector-picker .current a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    /* border: 1px solid #ba182a; */
    border-right: 0;
    border-radius: 10px 0px 0px 10px;
    padding: 10px;
    background: rgb(186 24 42 / 50%);
    color: #fff;
}

#locale-selector-picker .current a:hover {
    background: rgb(186 24 42);
}

#locale-selector-picker .current span {
    display: block;
    line-height: 1.1;
}

#locale-selector-picker .current i {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 26px;
    color: white;
}

#locale-selector-picker .selector {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#locale-selector-picker .selector select {
    margin: 0;
    border-radius: 0;
    height: auto;
    padding: 0px 30px;
    margin-bottom: 15px;
}


#locale-selector-picker .locale-wrapper {
    display: flex;
}


#locale-selector-picker .current .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    margin-left: 5px;
}

#locale-selector-picker .current span.title {
    font-weight: 700;
}

#locale-selector-picker .current span.locale {
    font-weight: 100;
}

#locale-selector-picker.open .current {
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
}

#locale-selector-picker .selector-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FFF;
    padding: 15px;
    box-shadow: 0 0 10px -5px black;
    transform: translateX(110%);
    transition: all ease-out .3s;
    position: absolute;
    top: auto;
    left: auto;
    bottom: auto;
    right: 0;
    width: 250px;
}

#locale-selector-picker.open .selector-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    transition: all ease-out .3s .2s;
}

#locale-selector-picker .selector-wrapper a.visit-trigger {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: auto !important;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    border-radius: 7px;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    letter-spacing: 0.09em;
    background: #b50112;
    border: none;
    margin-top: 15px;
}

#locale-selector-picker .selector-wrapper a.visit-trigger:hover,
#locale-selector-picker .selector-wrapper a.visit-trigger:focus {
    background: rgb(181 1 18 / .5);
}

#locale-selector-picker .selector-wrapper .heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
}

#locale-selector-picker .selector-wrapper .heading .current-location {
    display: flex;
    flex-direction: column;
}

#locale-selector-picker .selector-wrapper .heading .current-location p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

#locale-selector-picker .selector-wrapper .heading .current-location span {
    font-weight: 300;
}

#locale-selector-picker .selector-wrapper .heading a.close-trigger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    padding: 5px;
    line-height: 1; /* background: #ece8e1; */
    border-radius: 100px;
    color: #b50112;
    text-decoration: none;
}

#locale-selector-picker .selector-wrapper .heading a.close-trigger:hover {
    /* background: #b50112; */
    color: #ece8e1;
}

#locale-selector-picker .selector-wrapper .selectors {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#locale-selector-picker .selector-wrapper .selectors .selector-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

#locale-selector-picker .selector-wrapper .selectors .selector-item label {
}

#locale-selector-picker .selector-wrapper .selectors .selector-item select {
    margin: 0;
}

.products .product-packages .packages .package a img {
    padding: 20px;
    max-height: 120px;
    max-width: 100px;
}

.products .product-packages .packages-wrap:last-child {
    border-bottom: none;
}

/* BLOG */

.blog-archive {
    display:flex;
    flex-direction:column;
}

.blog-archive h6 {font-size: 16px;font-weight: bold;display: flex;flex-direction: column;}

.blog-archive ul {display: flex;flex-direction: column;margin-top: 30px;}

.blog-archive ul li {display: flex;flex-direction: column;}

.blog-archive ul li a {display: flex;flex-direction: column;flex: 1;padding: 15px 0;border-bottom: 1px solid #d6d6d6;color: #929292;transition: all ease-out .3s;}

.blog-archive ul li a:hover {
    border-bottom-color:#b6081b;
    color:#b6081b;
}

.blog-pagination {
    display: flex;
    flex-direction: column;
    margin-left: 25px;
    /* border-top: 1px solid #eae9e7; */
    padding-top: 34px;
    display: none;
}

.blog-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.page-item.active .page-link {
    background-color: #b50112;
    border-color: #b50112;
}

.page-link {
    color: #b50112;
    background-color: #f4f3f0;
}

.page-link:hover {
    color: #b50112;
    background-color: #dddddd;
}

.page-item.disabled .page-link {
    background-color: #f4f3f0;
}

/** VISUAL EFFECT **/


.visualefect_loader_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 0
}
body > .visualefect_loader_container {
    background: #eb4c49;
    position: fixed;
    z-index: 1000;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
body > .visualefect_loader_container .container {
    position: relative;
    top: 40px;
    padding: 0 40px;
    -webkit-transition: top 1.2s cubic-bezier(.7, 0, .3, 1);
    transition: top 1.2s cubic-bezier(.7, 0, .3, 1)
}
@media screen and (min-width:768px) {
    body > .visualefect_loader_container .container {
        padding: 0;
        top: 80px
    }
}
body > .visualefect_loader_container .brand svg {
    display: block
}
@media screen and (max-width:767px) {
    body > .visualefect_loader_container .brand svg {
        width: 138px;
        height: 30px
    }
}
body > .visualefect_loader_container .brand svg > * {
    fill: #fff
}
body.showMenu > .visualefect_loader_container .container {
    top: 40px
}
@media screen and (min-width:768px) {
    body.showMenu > .visualefect_loader_container .container {
        top: 80px
    }
}
@media screen and (min-width:1200px) {
    body.showMenu > .visualefect_loader_container .container {
        top: 15vh
    }
}
.visualefect_loader_container.loading .loader > * {
    -webkit-animation: loaderBounce .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
    animation: loaderBounce .8s cubic-bezier(.7, 0, .3, 1) infinite alternate
}
.visualefect_loader_container .loader .dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #fff;
    z-index: 2
}
.visualefect_loader_container .loader .dot.dot--shadow {
    opacity: .3;
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms;
    z-index: 1
}
@-webkit-keyframes loaderBounce {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}
@keyframes loaderBounce {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}
.visual-constant .placeholder {
    background: #f9a11a !important;
    padding-top: calc(100% + -41px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.visualefect_container {
    position: relative;
    display: block;
    height: 100%
}
.visualefect_container .visual-slide {
    position: relative;
    overflow: hidden;
    height: 100%
}
.visualefect_container .visual-slide > div:not(.placeholder) {
    position: absolute;
    top: -80px;
    bottom: -80px;
    width: 100%;
    z-index: 10
}
.visualefect_container .visual-slide > div:not(.placeholder) > .holder {
    position: relative;
    height: 100%;
    width: auto
}
.visualefect_container .visual-slide img,
.visualefect_container .visual-slide video {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .8s cubic-bezier(.7, 0, .3, 1);
    transition: all .8s cubic-bezier(.7, 0, .3, 1);
    z-index: 1;
    max-width: none
}
.visualefect_container .visual-slide img.lazyload,
.visualefect_container .visual-slide video.lazyload {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}
.visualefect_container .visual-slide img.lazyloaded,
.visualefect_container .visual-slide video.lazyloaded {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.02);
    transform: translate(-50%, -50%) scale(1.02);
    height: inherit !important
}
.visualefect_container .visual-slide video {
    height: 100%;
    width: auto;
    max-width: none
}
span.visualefect_gallerytitle {
    display: block;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .3em;
    margin-top: 15px;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    text-transform: uppercase;
    pointer-events: none;
    white-space: nowrap
}
@media screen and (min-width:768px) {
    span.visualefect_gallerytitle {
        position: absolute;
        top: 100%;
        left: 0
    }
}
@media screen and (min-width:1200px) {
    span.visualefect_gallerytitle {
        font-size: .9rem
    }
}
@media screen and (min-width:768px) {
    .left span.visualefect_gallerytitle {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-top: 0;
        left: -15px;
        top: initial;
        bottom: 0
    }
}
@media screen and (min-width:768px) {
    .right span.visualefect_gallerytitle {
        left: initial;
        bottom: -10px;
        left: 100%;
        margin-top: 0;
        margin-left: 15px;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}
.video .placeholder,
.visual .placeholder {
    background: #efefef
}
.visualefect_slider {
    position: relative;
    display: block;
    height: 100%
}
.visualefect_slider .holder {
    overflow: hidden;
    width: 100%;
    height: 100%
}
.visualefect_slider .swiper-container {
    background: #efefef;
    width: 100%;
    height: 100%
}
.visualefect_slider .swiper-slide {
    position: absolute;
    overflow: hidden;
    width: 100% !important;
    opacity: 1 !important
}
[data-prllx] {
    will-change: transform
}
.visualefect_slider .swiper-slide div[data-prllx] {
    position: absolute;
    width: 100%;
    top: -80px;
    left: 0;
    bottom: -80px
}
.visualefect_slider .swiper-slide .visual-slide {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block
}
.visualefect_slider .swiper-slide img,
.visualefect_slider .swiper-slide video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* height: 100%; */
    /* width: auto; */
}
.visualefect_slider .swiper-slide.swiper-slide-active {
    z-index: 1000;
    position: relative
}
.visualefect_slider .swiper-slide.swiper-slide-active .visual-slide {
    -webkit-animation: swiperFormLeft 1.2s cubic-bezier(.215, .61, .355, 1);
    animation: swiperFormLeft 1.2s cubic-bezier(.215, .61, .355, 1)
}
.visualefect_slider .swiper-slide.swiper-slide-active .visual-slide img {
    -webkit-animation: swiperFormLeftImg 1.2s cubic-bezier(.215, .61, .355, 1);
    animation: swiperFormLeftImg 1.2s cubic-bezier(.215, .61, .355, 1)
}
.visualefect_slider .swiper-buttons {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 25px;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}
@media screen and (min-width:768px) {
    .visualefect_slider .swiper-buttons {
        top: 0;
        right: 100%;
        margin-right: 10px;
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important
    }
}
.visualefect_slider .swiper-buttons .swiper-button-next,
.visualefect_slider .swiper-buttons .swiper-button-prev {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    float: none;
    margin: 0;
    width: 20px;
    height: 20px;
    background: 0 0;
    background: #e6e6e6;
    border-radius: 20px
}
.visualefect_slider .swiper-buttons .swiper-button-next:hover,
.visualefect_slider .swiper-buttons .swiper-button-prev:hover {
    background: #121212
}
.visualefect_slider .swiper-buttons .swiper-button-next:hover svg > *,
.visualefect_slider .swiper-buttons .swiper-button-prev:hover svg > * {
    stroke: #fff
}
.visualefect_slider .swiper-buttons .swiper-button-next .arrow,
.visualefect_slider .swiper-buttons .swiper-button-prev .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.visualefect_slider .swiper-buttons .swiper-button-next svg,
.visualefect_slider .swiper-buttons .swiper-button-prev svg {
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -1px
}
.visualefect_slider .swiper-buttons .swiper-button-next svg > *,
.visualefect_slider .swiper-buttons .swiper-button-prev svg > * {
    fill: none;
    stroke: #121212;
    stroke-width: 4px
}
.visualefect_slider .swiper-buttons .swiper-button-next {
    margin-top: 5px
}
.visualefect_slider .swiper-buttons .swiper-button-next .arrow svg {
    margin-top: 1px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
@media screen and (min-width:768px) {
    .visualefect_slider:not(.right):not(.bottom) span.visualefect_gallerytitle {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-top: 0;
        left: -15px;
        top: initial;
        bottom: 0
    }
}
@media screen and (min-width:768px) {
    .visualefect_slider.right .swiper-buttons {
        right: initial;
        left: 100%;
        margin-left: 10px
    }
}
@-webkit-keyframes arrowBounceLeft {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}
@keyframes arrowBounceLeft {
    0% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}
@-webkit-keyframes arrowBounceRight {
    0% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}
@keyframes arrowBounceRight {
    0% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}
@-webkit-keyframes swiperFormLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes swiperFormLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes swiperFormLeftImg {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}
@keyframes swiperFormLeftImg {
    0% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}
.visualefect_title > div,
.visualefect_subtitle > div,
.visualefect_subtitle_footer > div {
    display: block;
    white-space: nowrap;
    overflow: hidden
}
#bgvideo-slider-main li.tp-revslider-slidesli.active-revslide .custom-slider-layer,
#bgvideo-slider-main-m li.tp-revslider-slidesli.active-revslide .custom-slider-layer {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999999 !important
}
.responsive-img > img {
    max-width: 100% !important
}
@media (max-width:991.2px) {
    .visualefect_container .visual-slide img {
        height: auto !important;
        max-width: none !important;
        width: auto !important
    }
    .visualefect_slider .swiper-slide img {
        max-width: 100% !important;
        height: auto !important;
        width: auto !important
    }
}
@media (min-width:992px) {
    .visualefect_slider .swiper-slide img,
    .visualefect_container .visual-slide img {
        /* height: 125% !important; */
        /* width: auto !important; */
        /* max-width: none !important; */
    }
}

.product .package-item[data-package="package_1"] img,
.product .package-item[data-package="package_2"] img {
    max-height: 90px !important;
}

.product .package-item[data-package="package_3"] img,
.product .package-item[data-package="package_4"] img {
    max-height: 90px !important;
}

.product .package-item[data-package="package_14"] img {
    max-height: 115px !important;
}

.product .package-item[data-package="package_5"] img,
.product .package-item[data-package="package_6"] img {
    max-width: 100px !important;
}

.product .package-item[data-package="package_7"] img {
    max-height: 130px !important;
    max-width: 125px !important;
}

.product .package-item[data-package="package_8"] img,
.product .package-item[data-package="package_9"] img,
.product .package-item[data-package="package_10"] img {
    max-height: 160px !important;
}

.product .package-item[data-package="package_11"] img {
    max-height: 80px !important;
}

.product .package-item[data-package="package_12"] img {
    max-height: 90px !important;
}

.product .package-item[data-package="package_13"] img {
    max-height: 120px !important;
}