@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,700;0,800;1,700;1,800&family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&display=swap');



body { 
    padding: 0 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px; line-height: 1.2;
    /*font-weight: 300; color: #363636; letter-spacing: 0.05em;*/ 
    font-weight: 400; color: #464646; letter-spacing: 0.035em;
}
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 700; letter-spacing: 0; line-height: 1.2; color: #363636;
}
dl, ol, ul { line-height: 1.3; }
p { line-height: 1.3; }
p:last-child { margin-bottom: 0; }
a { color: #61b28e; }
a:hover,
a:focus { color: #008851; }
a[href*=mailto],
a[href*=http] { word-break: break-word; }
sup { font-size: 50%; vertical-align: super; top: 0; }
.nilpadding { padding: 0; }
.relative { position: relative; }
.none { display: none; }
.clearfix.column { float: none; }
.scrollfade { opacity: 0; }
/*.row { max-width: 90rem; }*/

html.is-reveal-open.zf-has-scroll { overflow-y: hidden; }
html.is-reveal-open body { position: fixed; width: 100%; overflow-y: scroll; }
.reveal-overlay { overflow-y: scroll; }

@media screen and (max-width: 639px) {
    body { font-size: 14px; letter-spacing: 0.035em; }
}
@media screen and (max-width: 500px) {
    body { padding: 0 25px; }
}



/*=============================================*/
/*========= CONTENT =========*/
.content-wrap { padding: 90px 0; }
/*-----*/
h3.titlehead { position: relative; margin-bottom: 1.5em; padding-right: 31px; font-size: 36px; font-weight: 800; }
h3.titlehead:after { content: ''; position: absolute; bottom: 0.2em; width: 6px; height: 6px; background: #ec165b; margin-left: 25px; }
h3.titlehead span { font-size: 1.335em; line-height: 1; }
/*-----*/
.icon-carrow { position: relative; display: inline-block; line-height: 1; }
.icon-carrow:before { content: ''; display: inline-block; width: 45px; height: 2px; background: #363636; }
.icon-carrow:after {
    content: ''; display: inline-block; width: 10px; height: 2px; background: #363636;
    position: absolute; right: 0; bottom: 2px;
    -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg);
    -ms-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0;
}
/*-----*/
.bordertext { padding: 0.5em 1.2em; border: 1px solid; }
/*-----*/
ul.csdot { list-style: none; margin: 0; }
ul.csdot li { position: relative; margin-bottom: 0.8em; padding-left: 20px; }
ul.csdot li:last-child { margin-bottom: 0; }
ul.csdot li:before {
    content: ''; width: 0.48em; height: 0.48em; background: #008851;
    position: absolute; top: 7px; left: 0;
}
/*-------- Preloader --------*/
.preloader {
    position: fixed; left: 0; top: 0;
    height: 100%; width: 100%; background: #fff; z-index: 20;
}
.preloader .preloadeco {
    position: absolute; top: 50%; left: 50%; text-align: center;
    -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.preloader img { max-width: 300px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.preloader .count { margin-top: 10px; font-size: 12px; letter-spacing: 0.5em; text-indent: 0.5em;}
/*-----*/
.spinner {
   position: absolute; top: 50%; left: 50%; width: 50px; height: 50px;
   -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.double-bounce1,
.double-bounce2 {
    width: 100%; height: 100%; border-radius: 50%; background-color: #007f3d; opacity: 0.3;
    position: absolute; top: 0; left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out; 
            animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
    0%,
    100% { -webkit-transform: scale(0.0); }
    50% { -webkit-transform: scale(1.0); }
}
@keyframes sk-bounce {
    0%,
    100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
    50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
/*-------- dintableone --------*/
.dintableone { display: inline-table; width: 100%; height: 100%; overflow: hidden; }
.dintableone:before { content: ""; display: inline-table; width: 0; height: 100%; }
.dintableone > * { display: inline-table; }

.dintableone.vc { text-align: center; }
.dintableone.vc:before,
.dintableone.vc > * { vertical-align: middle; }
.dintableone.vb:before,
.dintableone.vb > * { vertical-align: bottom; }
/*-------- dtable --------*/
.dtable_wrap { width: 100%; display: table; }
.dtable_wrap > div { display: table-cell; vertical-align: middle; }
.dtable_wrap.vb > div { vertical-align: bottom; }
.dtable_wrap.vt > div { vertical-align: top; }
/*-------- Button --------*/
.btn-line { position: relative; outline: 0; }
.btn-line:before { 
    content: ''; display: block; width: 100%; border-bottom: 1px solid;
    position: absolute; bottom: 0; left: 0;
    visibility: hidden; opacity: 0; /*z-index: -1;*/
    -webkit-transition: all .35s; transition: all .35s;
    -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0);
}
.btn-line:hover::before { 
    opacity: 1; visibility: visible;
    -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1);
}
/*-----*/
.btn-viewall { 
    display: inline-block; 
    font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; 
}
.btn-viewall span { display: inline-block; vertical-align: middle; }
.btn-viewall span i { 
    font-size: 1.3em; vertical-align: sub; 
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; 
}
.btn-viewall:hover span i { -webkit-transform: translateX(8px); transform: translateX(8px); }
/*-----*/
.btn-viewall-solidbg { 
    display: inline-block; background: #b6d1c6; border-radius: 5px; margin-top: 3em; padding: 10px 25px; position: relative; z-index: 1;
    font-size: 14px; font-weight: bold; color: #363636 !important; text-transform: uppercase; letter-spacing: 0.2em; 
}
.btn-viewall-solidbg span { display: inline-block; vertical-align: middle; }
.btn-viewall-solidbg span:last-child { margin-left: 10px; margin-right: -60px; }
.btn-viewall-solidbg span i.icon-carrow:before { width: 73px; }
.btn-viewall-solidbg span i { 
    font-size: 1.2em; vertical-align: super; 
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; 
}
.btn-viewall-solidbg:hover span i { -webkit-transform: translateX(8px); transform: translateX(8px); }
/*-----*/
[target="_blank"] { position: relative; }
[target="_blank"]:before {
    content: '\f08e'; background: rgba(255, 255, 255, 0.25); z-index: 1; 
    width: 3em; height: 3em; border-radius: 50%;
    font-family:fontawesome; font-size: 10px; color: #363636; text-align: center; line-height: 3;
    position: absolute; right: -2em; bottom: -1em; opacity: 0; visibility: hidden;
    -webkit-transition: 0.3s; transition: 0.3s;
}
[target="_blank"]:hover::before { opacity: 1; visibility: visible; }
/*-------- Reveal --------*/
.reveal { 
    margin: 0px auto 30px; padding: 4em 1.5em 2.5em; overflow: visible; 
    border: none; border-radius: 10px; outline: 0; box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.10); 
}
.reveal .close-btn {
    cursor: pointer;
    font-size: 3em; font-weight: 300; color: #ccc; 
    position: absolute; right: 20px; top: 8px;
    -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transition: 0.3s; transition: 0.3s;
}
.reveal .close-btn:hover { -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
/*-------- Form --------*/
form .space { margin-bottom: 10px; }
form .space_submit { margin-top: 5.5em; }
.input-wrap { position: relative; }
/*-----*/
label.label-tag { 
    position: absolute; top: 0px; left: 0; width: 100px; height: 45px; padding: 15px 0;
    font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #363636; line-height: 1; letter-spacing: 0.025em; word-break: break-word;
}
.radio-con { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 15px 28px; padding-left: 110px; }
/*-----*/
select,
textarea,
input[type]:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]) {
    font-size: 14px; font-weight: 300; color: #363636; letter-spacing: 0.05em; line-height: 1.2;
    background-color: transparent; height: 45px; margin:0; padding: 15px 28px; padding-left: 110px;
    box-shadow: none; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); border-radius: 0px;
}
select:focus,
textarea:focus,
input[type]:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]):focus { 
    border: none; border-bottom: 1px solid rgba(0,0,0,0.3); box-shadow: none; background-color: transparent; 
}

select { padding-right: 30px; cursor: pointer; }

textarea { height: 10em; }
/*-----*/
/* ----------
 * autocomplete color (https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/)
 * ---------- */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
/*-----*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { font-weight: 300; color: #9c9c9c; }
input:-moz-placeholder,
textarea:-moz-placeholder { font-weight: 300; color: #9c9c9c; opacity:1; }
input::-moz-placeholder,
textarea::-moz-placeholder { font-weight: 300; color: #9c9c9c; opacity:1; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { font-weight: 300; color: #9c9c9c; }
/*-----*/
.radio-wrap { position: relative; display: inline-block; margin-bottom: 5px; }
.radio-wrap label { 
    font-size: 14px; color: #363636; line-height: 1; letter-spacing: 0.05em;
    position: relative; display: inline-block; margin-left: 0; margin-right: 2em; padding-left: 25px; cursor: pointer;
}
.radio-wrap input[type=radio] { position: absolute; left: -9999px; }
.radio-wrap input[type=radio] + label:before {
    content: ""; position: absolute; left: 0; top: 0px;
    width: 1em; height: 1em; border: 1px solid #008851; border-radius: 100%; background: transparent;
}
.radio-wrap input[type=radio] + label:after {
    content: ""; width: 8px; height: 8px; background: #008851; opacity: 0;
    position: absolute; top: 3px; left: 3px; border-radius: 100%;
    -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
    -webkit-transform: scale(0); transform: scale(0);
}
.radio-wrap input[type="radio"]:checked + label:after { opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
/*-----*/
[type="submit"],
input[type="button"] {
    font-weight: 700; color: #363636; text-align: center; text-transform: uppercase; letter-spacing: 0.2em;
    background: #b6d1c6; max-width: 200px; width: 100%; border: none; margin: 0; padding: 1.8em 1em 1.65em; outline:0; border: 5px solid transparent; cursor: pointer;
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
[type="submit"]:hover,
[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus { border: 5px solid #b6d1c6; background: transparent; }
/*-----*/
label.error { 
    font-size: 11px; color: #ee5151; line-height: 1.2; letter-spacing: 0.05em;
    padding: 5px 10px; background: #eae0e0;
}
label.error:empty { display: none; }

@media screen and (min-width: 1024px) and (max-width: 1300px), (min-width: 640px) and (max-width: 750px), (max-width: 499px) {
    label.label-tag { position: static; width: inherit; height: inherit; padding: 15px 0 0; }
    .radio-con,
    textarea,
    input[type]:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]) { padding: 15px 0; }
}
@media screen and (max-width: 1023px) {
    h3.titlehead { font-size: 30px; } 
    /*-----*/
    .dtable_wrap.medium-block > div { display: block; }
}
@media screen and (max-width: 639px) {
    .content-wrap { padding: 35px 0; }

    h3.titlehead { font-size: 26px; }
    /*-----*/
    .dtable_wrap.small-block > div { display: block; }
    /*-----*/
    .btn-viewall-solidbg { padding: 8px 20px; font-size: 12px; }
    .btn-viewall-solidbg span:last-child { margin-right: -45px; }
    .btn-viewall-solidbg span i.icon-carrow:before { width: 53px; }
    /*-----*/
    .reveal { width: 85%; max-width: inherit; height: inherit; min-height: inherit; }
    /*-----*/
    [type="submit"], 
    input[type="button"] { max-width: 150px; padding: 1.5em 1em 1.35em; }
}



/*=============================================*/
/*========= HEADER =========*/
header { 
    background: #fff; z-index: 5; position: relative; margin-bottom: 10px; 
    font-size: 14px; letter-spacing: 0.075em;
}
header > div.topnav { padding: 15px 0px 5px; }
header > div.mainnav { padding: 10px 0px; }
header a { color: #363636; outline: 0; }
a.logo { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/*-------- . . . --------*/
.navi.menu > li { margin: 2px 15px; vertical-align: middle; }
.navi.menu > li:first-child { margin-left: 0; }
.navi.menu > li:last-child { margin-right: 0; }

.navi.menu > li > a { padding: 0; }
.navi.menu > li > a:focus,
.navi.menu > li > a:hover { color: #363636; }
.navi.menu > li.is-active > a,
.navi.menu > li.active > a { background: none; color: #363636; }
/*-----*/
.navi.menu > li > a { position: relative; }
.navi.menu > li > a:before { 
    content: ''; display: block; width: 0; height: 50%; background: #b6d1c6; 
    position: absolute; top: 75%; left: 50%;
    visibility: hidden; opacity: 0; z-index: -1;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transition: all .35s; transition: all .35s;
    -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.navi.menu > li > a:hover::before,
.navi.menu > li.active > a:before,
.navi.menu > li.is-active > a:before { opacity: 1; visibility: visible; width: 100%; }
/*-----*/
.navi.menu.dropdown > li.is-dropdown-submenu-parent > a { padding-right: 0; }
.navi.menu.dropdown > li.is-dropdown-submenu-parent > a:after { 
    width: inherit; height: inherit; border: none; margin: 0; 
    top: inherit; right: inherit; bottom: -20px; left: 50%;
    -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
    content: '\f107'; font-family: fontawesome; font-weight: 400; 
}
/*-----*/
li.navi-klirich a img { max-width: 95px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/*-------- Preventing FOUC --------*/
.no-js #responsive-menu { display:none; }

@media screen and (min-width: 640px) {
	#responsive-menu { display: block; }
	.no-js .menuham-wrap { display: none; }
	/*-------- . . . --------*/
    header > div.mainnav { display: -ms-flexbox; display: flex; }
    .logo-wrap { display: inline-block; float: left; margin: auto 0; }
    .navi-wrap { display: inline-block; float: right; margin: auto 0; margin-left: auto; }
    /*-------- . . . --------*/
    .responsive-menu > .menu > li > a { font-weight: 900; text-transform: uppercase; }
    /*-------- . . . --------*/
    .navi.menu > li.opens-right > ul.is-dropdown-submenu { right: 0; left: inherit; }

    .navi.menu ul.is-dropdown-submenu { 
        border: none; margin-top: 9px; padding: 10px; max-width: 250px; min-width: 150px; z-index: 2;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05); filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.15)); 
    }
    .navi.menu ul.is-dropdown-submenu > li:not(:last-child) { border-bottom: 1px solid #e5e5e5; }
    .navi.menu ul.is-dropdown-submenu a { text-transform: none; padding: 8px 5px; }

    .navi.menu ul.is-dropdown-submenu > li > a { position: relative; }
    .navi.menu ul.is-dropdown-submenu > li > a:before { 
        content: '' !important; display: block; width: 0; height: 50%; background: #b6d1c6; 
        position: absolute; top: 50%; left: 50%;
        visibility: hidden; opacity: 0; z-index: -1;
        -webkit-backface-visibility: hidden; backface-visibility: hidden;
        -webkit-transition: all .35s; transition: all .35s;
        -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
    }
    .navi.menu ul.is-dropdown-submenu > li.active > a { background: none; color: #363636; }
    .navi.menu ul.is-dropdown-submenu > li.active > a:before,
    .navi.menu ul.is-dropdown-submenu > li.is-active > a:before { opacity: 1; visibility: visible; width: 100%; }
}
@media screen and (max-width: 800px) {
    a.logo { max-width: 300px; }
}
@media screen and (max-width: 639px) {
    .logo-wrap { display: -ms-flexbox; display: flex; justify-content: space-between; }
    a.logo { 
        float: left; margin: auto 0; 
        max-width: 220px;
    }
	.menuham-wrap { 
        display: inline-block; float: right; margin: auto 0; margin-left: 20px; 
        cursor: pointer; text-align: right;
    }
	.responsive-menu { position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; }
    .menuham { vertical-align: middle; }	
    /*-------- Hamburger --------*/
	.menuham { cursor: pointer; outline: 0; }
	.menuham div {
	    display: block; width: 25px; height: 2px; margin-bottom: 4px; background: #363636; border-radius: 2px;
	    -ms-transform-origin: 4px 1px; -webkit-transform-origin: 4px 1px; transform-origin: 4px 1px;
	    -webkit-transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
	    transition: transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.3s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
	}
	.menuham div:nth-child(3) { margin: 0; }
	.menuham.change div:first-child { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.menuham.change div:nth-child(2) { opacity: 0; -ms-transform: rotate(0deg) scale(0.2, 0.2); -webkit-transform:rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); }
	.menuham.change div:nth-child(3) { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	/*-------- . . . --------*/
	.responsive-menu { display: block !important; }
    .responsive-menu.none { display: none !important; }
    /*-----*/
    .responsive-menu .menu li { 
        opacity: 0; margin: 0;
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
    }
    .responsive-menu .menu li { 
        background: rgba(255, 255, 255, 1);
        opacity: 0;  width: 100%; 
        -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
    }
    .responsive-menu .menu li a {
        opacity: 0; padding: 0 20px; width: 100%;
         -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .responsive-menu > .menu a:hover { 
        padding-left: 2.3em;
        -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
    }
    .responsive-menu .menu li.active > a { color: #e59a71; }
    /*-----*/
    .responsive-menu.change .menu li { opacity: 1; display: block; }
    .responsive-menu.change .menu,
    .responsive-menu.change .menu li:not(:last-child) { border-bottom: 1px solid #e5e5e5; }
    .responsive-menu.change .menu li a { opacity: 1; padding-top: 0.8em; padding-bottom: 0.8em; }
    /*-----*/
    .responsive-menu .menu ul.is-dropdown-submenu { display: block; position: static; border: none; }
    .responsive-menu .menu ul.is-dropdown-submenu > li.active > a { background: #b6d1c6; color: #363636; }
    /*-----*/
    .topnav .menu > li { margin: 2px 10px; }
    li.navi-klirich a img { max-width: 130px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
}
@media screen and (max-width: 380px) {
    header { font-size: 13px; font-weight: 400; letter-spacing: 0.035em; }
    a.logo { max-width: 150px; }
}



/*=============================================*/
/*========= FOOTER =========*/
ul.contact_info-wrap { 
    margin: 0; list-style: none; 
    font-family: 'Open Sans', sans-serif; font-weight: bold; 
}
ul.contact_info-wrap li.dtable_wrap { width: auto; line-height: 1.4; }
ul.contact_info-wrap li.dtable_wrap > div:last-child { padding-left: 10px; }
ul.contact_info-wrap li + li { margin-top: 10px; }
ul.contact_info-wrap i { 
    display: inline-block; border: 2px solid; border-radius: 3px; padding: 0.5em 0.75em; 
    font-size: 0.85em; line-height: 0.5em; 
}
/*-------- . . . --------*/
ul.contact_info-wrap.stickcta {
    -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
    -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;
    position: fixed; bottom: 23%; left: 15px; z-index: 5;
    font-size: 14px; letter-spacing: 0.025em;
}
ul.contact_info-wrap.stickcta a { color: #363636; }
ul.contact_info-wrap.stickcta i { color: #008851; }
/*-------- . . . --------*/
#scroll {
    -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
    -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;
    position: fixed; right: 15px; bottom: 50%; display: none; z-index: 1; cursor: pointer;
    font-family: 'Open Sans', sans-serif; font-weight: bold; color: #363636; text-transform: uppercase;
}
#scroll span { display: table-cell; padding: 0 7px; }
#scroll i.icon-carrow:before,
#scroll i.icon-carrow:after { background: #008851; }
#scroll i { -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
#scroll:hover i { transform: translateX(5px); }
/*-------- . . . --------*/
footer { font-size: 14px; font-weight: 400; }
footer ul { margin: 0; list-style: none; }
.footleft { 
    background-repeat: no-repeat; background-position: center; 
    padding: 6em 5em; position: relative; color: #fff;
}
.footleft:before {
    content: ''; width: 100%; height: 100%; background: #000; opacity: 0.6;
    position: absolute; top: 0; left: 0;
}
.footright { background: #ebebeb; padding: 6em 4em; }
/*-------- . . . --------*/
.footleft h3.titlehead { color: #def2ea; }
.footleft p { letter-spacing: 0.05em; }
.footleft ul.contact_info-wrap a { color: #fff; }
/*-----*/
ul.socialicon { margin-top: 15px; }
ul.socialicon li { display: inline-block; }
ul.socialicon li + li { margin-left: 10px; }
ul.socialicon li a { 
    display: block; font-size: 3em; color: #fff;
    -webkit-transition: 0.3s; transition: 0.3s; 
}
ul.socialicon li a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
/*-------- . . . --------*/
.footer-bottom { padding: 20px 0; }
.footer-bottom > div:first-child { padding-left: 0; }
.footer-bottom > div:last-child { padding-right: 0; }
/*-----*/
footer .navi li { display: inline-block; }
footer .navi li + li { margin-left: 10px; }
footer .navi li a { font-weight: 900; color: #363636; text-transform: uppercase; letter-spacing: 0.075em; }

@media screen and (max-height: 720px) {
    ul.contact_info-wrap.stickcta { bottom: 15%; }
}
@media screen and (max-height: 380px) {
    ul.contact_info-wrap.stickcta { display: none; }
}
@media screen and (max-width: 1023px) {
    .footleft { padding: 4em 40px; }
    .footright { padding: 4em 25px; }
    /*-----*/
    .footleft h3.titlehead { font-size: 26px; }
}
@media screen and (max-width: 639px) {
    .footleft { padding: 3em 25px; }
    .footright { padding: 3em 15px; }
}
@media screen and (max-width: 500px) {
    ul.contact_info-wrap.stickcta { font-size: 10px; left: 4px; display: none; }
    #scroll { font-size: 10px; right: 7px; }
}



/*=============================================*/
/*========= HOME =========*/
/*-------- Home slider --------*/
.homeslider { background: #f3f3f3 url(../js/slick/ajax-loader.gif) no-repeat center; position:relative; height: 550px; }
.homeslider.slick-initialized { background: inherit; height: auto; }
.homeslider .home_slide { display: none; }
.homeslider.slick-initialized .home_slide { display: block; }
.home_slide { 
    position: relative; outline: 0; padding-bottom: 70px;
    background-position: center; background-repeat: no-repeat;  
}
.home_slide .dtable_wrap { position: relative; z-index: 1; height: 480px; }
.home_slide .dtable_wrap > div { padding: 15px; }
/*-----*/
.homeslide-desc { max-width: 500px; padding: 0 20px; }
.homeslide-desc h1, .homeslide-desc h2, .homeslide-desc h3,
.homeslide-desc h4, .homeslide-desc h5, .homeslide-desc h6 { font-weight: bold; margin-bottom: 5px; }
/* ----------
 * Google font to SVG path (https://danmarshall.github.io/google-font-to-svg-path/)
 * ---------- */
.homeslide-deco {
    font-size: 500px; font-weight: bold; text-transform: uppercase; 
    color: transparent; -webkit-text-stroke: 1px #fff;
    position: absolute; top: 50%; right: -2px; 
    max-width: 742px; max-height: 345px; width: 100%; opacity: 0.3;
    -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
/*-----*/
.homeslider .slick-arrow { 
    background: #fff; width: 88px; height: 88px; top: inherit; bottom: 0; z-index:1; 
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transform: inherit; -webkit-transform: inherit; transform: inherit;
}
.homeslider .slick-arrow:before { 
    content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; opacity: 1;
    background-repeat: no-repeat; background-size: 20%; background-position: center left 25%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg preserveAspectRatio='none' viewBox='0 0 16 19' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='rgb(54, 54, 54)' %3e%3cpath d='M-0.000,-0.000 L16.000,9.000 L-0.000,19.000 L-0.000,6.000 L2.714,7.758 L2.714,14.545 L11.000,9.000 L-0.000,3.000 L-0.000,-0.000 Z'/%3e%3c/svg%3e");
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.homeslider .slick-prev { 
    left: inherit; right: 88px;
    -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); 
}
.homeslider .slick-next { right: 0px; }
.homeslider .slick-prev:not(.slick-disabled):hover::before,
.homeslider .slick-next:not(.slick-disabled):hover::before { right: -5px; }
.homeslider .slick-prev:not(.slick-disabled):active::before,
.homeslider .slick-next:not(.slick-disabled):active::before { right: -10px; }
.homeslider .slick-disabled { cursor: auto; }
.homeslider .slick-disabled:before { opacity: 0.5; }
/*-------- Home Intro --------*/
.homeintro-wrap .dtable_wrap > div { padding: 0 15px; }
.homeintro-wrap h5 { margin-top: 1em; line-height: 1.5; }
.homeintro-wrap h3 { margin-bottom: 0.5em; }
/*-------- Home Desc Parts --------*/
.imgdeco { 
    min-height: 300px; height: 100%; 
    background-color: #ebebeb; background-repeat: no-repeat; background-position: top center; background-size: cover;
}
.numdeco {
    font-size: 300px; font-weight: bold; text-transform: uppercase; line-height: 1; position: relative; z-index: 1;
    color: transparent; -webkit-text-stroke: 1px #b6d1c6;  
}
.homepart-wrap { position: relative; }
.homepart-wrap .leftb  { position: relative; }
.homepart-wrap .mediumb { position: relative; z-index: 2; }
.homepart-wrap .desc-wrap { position: relative; padding: 70px 15px 70px 50px; }
/*-----*/
.homepart-wrap.part1 { background-color: #ebebeb; z-index: 1; }
.homepart-wrap.part1 .imgdeco:after {
    content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);
    position: absolute; top: 0; left: 0;
}
.homepart-wrap.part1 .numdeco { position: absolute; top: 30px; right: 0; }
.homepart-wrap.part1 .bordertext { display: inline-block; border-color: #ccc; color: #008851; }

.homepart-wrap.part2 { background: url(../images/deco-tooth.png) no-repeat; background-position: right 30px top 70px; background-size: 35%; }

.part3_content .desc-wrap { padding-top: 200px; }
.part3_content .desc-wrap h3.titlehead { margin-bottom: 0; }
.part3_content .numdeco { position: absolute; top: 0; }
.part3_content2 { background: #ebebeb; padding: 0px 0px 70px; margin-top: -150px; }
.part3_content2 .leftb .text-small { font-size: 10px; text-align: center; padding: 5px 25px; }
.part3_content2 .desc-wrap,
.part3_content3 .desc-wrap { padding-bottom: 0; padding-top: 0; }
.part3_content2 .dtable_wrap > div:first-child { padding-right: 30px; padding-bottom: 15px; }
.part3_content2 .dtable_wrap img { max-width: 120px; }
.part3_content3 { padding: 30px 0px 50px; margin-top: -95px; }
/*-------- Home Products --------*/
.homecat-con ul { margin-bottom: 0; padding: 0 12px; list-style: none; }
.homecat-con ul li { padding: 0 3px; margin-bottom: 6px; }
.homecatitle { /*text-align: right;*/ padding-bottom: 15px; }
.homecatitle h3.titlehead { text-align: left; margin-bottom: 0; }
/*-----*/
.homecat-wrap { height: 300px; position: relative; display: block; padding: 35px 40px; overflow: hidden; }
.homecat-wrap:not(.homecatitle):after {
    content: ''; display: block; width: 100%; height: 100%; background: #005952; 
    position: absolute; top: 0; left: 0; opacity: 0.5;
}
/*-----*/
.homecat-wrap .img {
    background-repeat: no-repeat; background-position: center; background-size: cover;
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    -webkit-transition: 0.6s ease-out; transition: 0.6s ease-out;
}
.homecat-wrap .img img { 
    max-width: 300px; padding: 0 20px; 
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
/*-----*/
.homecat-wrap[target="_blank"]:before { font-size: 12px; right: 5px; top: 5px; }
.homecat-wrap .desc { width: 100%; height: 100%; position: relative; z-index: 1; color: #fff; }
.homecat-wrap .name_cat { 
    position: absolute; top: 0; left: 0; width: 100%; 
    font-size: 24px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); color: #fff;
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.homecat-wrap .btn-viewall { 
    position: absolute; bottom: 0; right: 0; font-size: 10px; 
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
.homecat-wrap .btn-viewall i.icon-carrow:before { width: 32px; background: #fff; }
.homecat-wrap .btn-viewall i.icon-carrow:after { background: #fff; }
/*-----*/
.homecat-wrap:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.homecat-wrap:hover .name_cat { -webkit-transform:translateX(10px); transform:translateX(10px); }
.homecat-wrap:hover .btn-viewall span i { -webkit-transform: translateX(5px); transform: translateX(5px); }


@media screen and (min-width: 1720px), (max-width: 1023px) {
    .home_slide { background-size: cover; }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
    .part3_content2 .leftb img {
        max-width: 350px;
        -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
        -ms-transform-origin: 20% 100%; -webkit-transform-origin: 20% 100%; transform-origin: 20% 100%;
    }
    .part3_content2 .leftb .text-small { position: absolute; top: 420%; }
}
@media screen and (min-width: 640px) {
    .homeintro-wrap .dtable_wrap > div:last-child { padding-left: 50px; }
    /*-----*/
    .imgdeco { position: absolute; top: 0; right: 0; padding-right: 100%; }
    .imgdeco:before { content: ''; display: block; width: calc((100vw - 115px - 75rem)/2); }

    .homepart-wrap.part1 .btn-viewall-solidbg { position: absolute; bottom: -20px; }
    .homepart-wrap.part2 .leftb { padding-top: 90px; }
    .homepart-wrap.part2 .desc-wrap { padding-top: 130px; }
    /*-----*/
}
@media screen and (max-width: 1200px) {
    .numdeco { font-size: 20vw; }

    .part3_content .desc-wrap { padding-top: 13vw; }
}
@media screen and (max-width: 1023px) {
    .homeslide-deco {
        font-size: 300px; top: 50px; width: 65%; opacity: 0.5;
        -ms-transform: none; -webkit-transform: none; transform: none;
    }
    /*-----*/
    .homepart-wrap.part2 { background-position: right 0px top 0px; background-size: 300px; }
}
@media screen and (max-width: 639px) {
    .home_slide { padding-bottom: 50px; }
    .home_slide .dtable_wrap { height: auto; }
    .home_slide .dtable_wrap > div { display: block; }
    .home_slide .dtable_wrap > div:only-child { padding-top: 30%; }
    
    .homeslide-desc { padding: 0 10px; }
    
    .homeslider .slick-arrow { width: 58px; height: 58px; }
    .homeslider .slick-prev { right: 58px; }
    /*-----*/
    .homeintro-wrap .dtable_wrap > div { padding: 10px; }
    /*.homeintro-wrap .dtable_wrap > div:first-child { padding: 10px 10px 50px; text-align: center; }*/
    .homeintro-wrap img { max-width: 150px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    /*-----*/
    .numdeco { font-size: 200px; }
    .homepart-wrap .leftb { padding: 0; }
    .homepart-wrap .desc-wrap { padding: 130px 25px 35px; }

    .homepart-wrap.part1 { background-color: transparent; }
    .homepart-wrap.part1 .numdeco { top: 0; }

    .homepart-wrap.part2 { background-position: right 0px bottom 0px; background-size: 200px; }
    .homepart-wrap.part2 .desc-wrap { padding-bottom: 120px; }
    .homepart-wrap.part2 .imgdeco { display: none; }
    .homepart-wrap.part2 .numdeco { position: absolute; top: 0; right: 0; }

    .homepart-wrap.part3 .imgdeco { display: none; }
    .part3_content2 { padding: 0px; margin-top: 0px; }
    .part3_content2 .leftb { padding: 50px 25px 0; }
    .part3_content2 .desc-wrap { padding: 50px 25px 35px; }
    .part3_content3 { padding: 0px 30px 50px; margin-top: 0; }
    .part3_content3 .desc-wrap { margin-top: -55px; padding: 0; }
    /*-----*/
    .homecat-con ul { padding: 0 7px; }
    .homecat-wrap.homecatitle { height: auto; padding: 0; text-align: left; }
    .homecat-wrap.homecatitle h3.titlehead { margin-bottom: 0.5em; }
    .homecat-wrap { height: 150px; padding: 15px 20px; }
    .homecat-wrap .img img { max-width: 150px; width: 100%; }
    .homecat-wrap .desc .name_cat { font-size: 20px; }
}



/*=============================================*/
/*========= KLIRICH =========*/
html.klirich-page.is-reveal-open { position: static; }
html.klirich-page.is-reveal-open.zf-has-scroll { overflow-y: auto; }
html.klirich-page.is-reveal-open body { position: static; overflow-y: auto; }
html.klirich-page .reveal-overlay { overflow-y: auto; }
/*-------- . . . --------*/
.klirichcontent-wrap { margin-top: 25px; }
.klirichcontent-wrap h3.titlehead { padding: 0.5em 31px 0.5em 1em; background: #ebebeb; }
.klirichcontent-wrap h3.titlehead:after { bottom: 0.75em; }
/*-------- . . . --------*/
.leftnavcon-wrap { background: #f3f3f3; }
.leftnavcontent .menu li:not(:last-child) { border-bottom: 1px solid #e8e8e8; }
.leftnavcontent .menu li a { color: #363636; line-height: 1.2; padding: 20px 30px; }
.leftnavcontent .menu li a:hover { background: #b6d1c6; }
.leftnavcontent .menu li a.is-active,
.leftnavcontent .menu li a.active { background: #b6d1c6; font-weight: 700; }
/*-----*/
.mobiletab_text {
    display: none;
    font-size: 16px; font-weight: 700; text-align: center; letter-spacing: 0.075em;
    background: #b6d1c6; border: 1px solid #e8e8e8; padding: 1em 2em; cursor: pointer;
}
/*-----*/
.logo_itena-wrap { padding: 20px 30px; }
.logo_itena { max-width: 115px; width: 100%; }
/*-------- . . . --------*/
.rightcontent > div:not(:last-child):not(.dllink-wrap) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; }
/*-----*/
.dllink { 
    display: inline-block; background: #e2e2e2; border-radius: 3px; padding: 10px 10px;
    color: #363636; text-align: center; 
}
/*-------- About --------*/
#about_klirich .img_feature { margin-top: 30px; margin-bottom: 80px; text-align: center; }
#about_klirich .img_feature h5 { margin-top: 26px; line-height: 1.3; }
#about_klirich .img_prove { max-width: 285px; width: 100%;margin: 30px 0; }
/*-------- Ingredients --------*/
#composition h3.titlehead { margin-bottom: 0.5em; }
#composition h5.bordertext { border-color: #ccc; color: #008851; text-align: center; }
#composition ul { list-style: none; margin: 0; text-align: center; }
#composition li { margin-bottom: 40px; }
#composition li a { color: #363636; cursor: pointer; outline: 0; }
#composition li .img { 
    max-width: 200px; max-height: 200px; width: 15em; height: 15em; 
    border-radius: 50%; margin: auto; overflow: hidden; font-size: 11px; 
    transform: translateZ(0); /* for safari */
}
#composition li .img img { 
    object-fit: cover; width: 100%; height: 100%; 
    -webkit-transition: all .35s; transition: all .35s; 
}
#composition li .desc { margin-top: 15px; }
#composition li .desc .btn-viewall { font-size: 12px; color: #008851; }

#composition li a:hover .img img { transform: scale(1.1); }
#composition li a:hover .btn-viewall i { -webkit-transform: translateX(8px); transform: translateX(8px); }
/*-----*/
.reveal.popingredient { width: 100%; max-width: 1000px; }
.popingredient h3 { font-size: 36px; font-weight: 800; color: #008851; margin-top: 60px; }
.ingredientslider .img { text-align: center; }
.ingredientslider .img img { display: inline-block; }
/*-----*/
.ingredientslider { background: #fff url(../js/slick/ajax-loader.gif) no-repeat center; position:relative; height: 300px; }
.ingredientslider.slick-initialized { background: inherit; height: auto; }
.ingredientslider .ingredient_slide { display: none; }
.ingredientslider.slick-initialized .ingredient_slide { display: block; }
.ingredient_slide { position: relative; outline: 0; }
/*-----*/
.ingredientslider .slick-arrow { 
    background: #f3f3f3; width: 40px; height: 40px; top: 0; z-index:1; 
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transform: inherit; -webkit-transform: inherit; transform: inherit;
}
.ingredientslider .slick-arrow:before { 
    content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; opacity: 1;
    background-repeat: no-repeat; background-size: 30%; background-position: center left 40%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg preserveAspectRatio='none' viewBox='0 0 16 19' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='rgb(54, 54, 54)' %3e%3cpath d='M-0.000,-0.000 L16.000,9.000 L-0.000,19.000 L-0.000,6.000 L2.714,7.758 L2.714,14.545 L11.000,9.000 L-0.000,3.000 L-0.000,-0.000 Z'/%3e%3c/svg%3e");
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.ingredientslider .slick-prev { 
    left: 20px; right: 88px;
    -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); 
}
.ingredientslider .slick-next { right: inherit; left: 62px; }
.ingredientslider .slick-prev:not(.slick-disabled):hover::before,
.ingredientslider .slick-next:not(.slick-disabled):hover::before { right: -5px; }
.ingredientslider .slick-prev:not(.slick-disabled):active::before,
.ingredientslider .slick-next:not(.slick-disabled):active::before { right: -10px; }
.ingredientslider .slick-disabled { cursor: auto; }
.ingredientslider .slick-disabled:before { opacity: 0.5; }
/*-------- Treatable --------*/
#treatable .column-block { text-align: center; }
#treatable h5.bordertext { border: none; margin-bottom: 15px; color: #fff; }
#treatable .desc { margin-top: 15px; padding: 10px; }
#treatable .desc p { line-height: 1.3; }
/*-----*/
.treatable-part1 h5.bordertext { background: #806eb8; }
.treatable-part2 h5.bordertext { background: #fa5f31; }
.treatable-part3 h5.bordertext { background: #6bb163; }
/*-------- Clinical Test --------*/
#clinical_test .left h4 { margin-bottom: 2em; }
#clinical_test .left h4 b { font-size: 1.5em; color: #ed145b; }

.reference ol li { font-size: 12px; line-height: 1.3; margin-bottom: 10px; }

@media screen and (min-width: 640px) and (max-width: 800px), (max-width: 499px) {
    #composition .small-up-2 > .column { width: 100%; }
    /*-----*/
    #treatable .column-block { width: 100%; }
}
@media screen and (min-height: 520px) and (min-width: 640px) {
    .logo_itena-wrap { position: absolute; bottom: 0; }
    .leftnavcontent { position: relative; height: calc(100vh - 140px); }
}
@media screen and (min-width: 640px) {
    .klirichcontent-wrap { display: table; width: 100%;  border-collapse: collapse; }
    /*-----*/
    .leftnavcon-wrap { display: table-cell; vertical-align: top; width: 200px; border: 1px solid #e8e8e8; }
    /*-----*/
    .rightcontentcon { display: table-cell; vertical-align: top; border: 1px solid #e8e8e8; }
    .rightcontent { position: relative; padding: 50px 50px; }

    .dllink-wrap { position: absolute; top: 15px; right: 15px; }
    /*-----*/
    #treatable > div.clearfix { margin: 0 -15px; }
}
@media screen and (min-width: 1024px) {
    .leftnavcon-wrap { width: 300px; }
}
@media screen and (min-width: 1201px) {
    .rightcontent { padding: 100px; }
}
@media screen and (min-width: 1551px) {
    #treatable > div.clearfix { width: 80%; margin: 0 auto; }
}
@media screen and (max-width: 1023px) {
    .popingredient h3 { font-size: 30px; }
    /*-----*/
    #clinical_test .left h4 { text-align: center; }
}
@media screen and (max-width: 800px) {
    #composition li .img { font-size: 8px; }
    #composition li .desc .btn-viewall { font-size: 10px; }
}
@media screen and (max-width: 639px) {
    .leftnavcon-wrap { z-index: 1; }
    .leftnavcontent ul { 
        display: none; 
        position: absolute; top: 50px; left: 0; width: 100%; background: #fff; max-height: 400px; overflow-y: auto; text-align: center;
    }
    .leftnavcontent ul.active { display: block; }
    .mobiletab_text { display: block; }
    .logo_itena-wrap { display: none; }
    /*-----*/
    .rightcontent { padding: 20px; padding-bottom: 50px; border: 1px solid #e8e8e8; } 
    /*-----*/
    #about_klirich .img_feature { margin-bottom: 30px; }
    /*-----*/
    .reveal.popingredient { width: 85%; max-width: inherit; }
    .popingredient h3 { font-size: 26px; }
    .ingredientslider .desc { margin-bottom: 15px; }
    /*-----*/
    #treatable > div.clearfix { margin: 0 -10px; }
}



/*=============================================*/
/*========= ABOUT US =========*/
.abouthero-wrap {
    position: relative; height: 550px;
    background-repeat: no-repeat; background-size: cover; background-position: center;
}
.abouthero-wrap:before {
    content: ''; background: #000; width: 100%; height: 100%; opacity: 0.1;
    position: absolute; top: 0; left: 0;
}
.abouthero-deco {
    position: absolute; top: 50%; right: -2px; 
    max-width: 742px; max-height: 345px; width: 100%; opacity: 0.6;
    -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
ul.award-wrap { margin: 100px 0; list-style: none; text-align: center; }
ul.award-wrap h6.desc { margin-top: 15px; line-height: 1.5; }

@media screen and (min-width: 640px) {
    ul.award-wrap .img { height: 300px; }
    ul.award-wrap .img img { width: 100%; height: 100%; object-fit: contain; }
}
@media screen and (max-width: 639px) {
    .abouthero-wrap { height: 250px; }
    .abouthero-deco { width: 65%; }
    ul.award-wrap { margin: 50px 0; }
}



/*=====================================================================*/
/* STERIPOWER */
/*=====================================================================*/
html.steripower-page.is-reveal-open { position: static; }
html.steripower-page.is-reveal-open.zf-has-scroll { overflow-y: auto; }
html.steripower-page.is-reveal-open body { position: static; overflow-y: auto; }
html.steripower-page .reveal-overlay { overflow-y: auto; }
.stericontent-wrap { border: 1px solid #e8e8e8; padding: 50px 0; position: relative; }
/*=================*/
/*====== ... ======*/
.sterifeature-con { padding: 3em 20px; }
.sterifeature-con .title-wrap { max-width: 500px; margin: 0 auto 3em; text-align: center; }
.sterifeature-con .title-wrap .logo-title { display: inline-block; max-width: 400px; width: 100%; text-align: right; }
.sterifeature-con .title-wrap h3.titlehead { margin-bottom: 15px; margin-top: 0.8em; }
/*--*/
ul.sterifeature_point { margin: 0; margin-top: 80px; list-style: none; max-width: 80%; display: inline-block; text-align: left; }
ul.sterifeature_point li { margin-bottom: 2em; }
ul.sterifeature_point .img { float: left; }
ul.sterifeature_point .img img { max-width: 50px; width: 100%; }
ul.sterifeature_point .desc { overflow: hidden; padding-left: 20px; }
/*=================*/
/*====== ... ======*/
.steriuseat-con { padding: 3em 0; }
ul.useitat_point { margin: 0; list-style: none; }
ul.useitat_point li { padding: 2px; }
ul.useitat_point li a { 
    display: block; height: 165px; border-radius: 5px; position: relative; overflow: hidden; color: #363636; 
}
ul.useitat_point .img { 
    width: 100%; height: 100%; position: absolute; top: 50%; left: 50%;
    background-repeat: no-repeat; background-size: cover; background-position: center;
    -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
    -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;
    -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out;
}
ul.useitat_point .desc {
    background: rgba(255,255,255,0.8); width: 100%; padding: 12px 30px 12px 55px; margin-bottom: 0;
    position: absolute; bottom: 0; left: 0;
}
ul.useitat_point .desc:before { content: url(../images/logo-steripower-icon-black.svg); position: absolute; left: 15px; max-width: 10%; width: 100%; }
ul.useitat_point .desc:after { content: '+'; position: absolute; right: 15px; top: 12px; }
/*--*/
ul.useitat_point li a:hover .img { transform: scale(1.1) rotate(-2deg) translate(-50%,-50%); }
/*--*/
.popuseat .img { margin-bottom: 15px; }
/*=================*/
/*====== ... ======*/
.sterivideo-con { padding: 3em 20px; }
/*=================*/
/*====== ... ======*/
.steriproduct-con { padding: 3em 20px; }
/*--*/
.steriproduct_type + .steriproduct_type { margin-top: 3em; }
.steriproduct_type .titlecon { margin-top: 2em; margin-bottom: 2em; }
.steriproduct_type .titlecon h4 { font-size: 28px; color: #00aaad; }
/*--*/
.slick-no-slide .slick-track { transform: inherit !important; margin-left: 0; }
/*.slick-no-slide .slick-slide { float: none; display: inline-block !important; }*/
.productslider { background: #ffffff url(../js/slick/ajax-loader.gif) no-repeat center; position:relative; height: 450px; }
.productslider.slick-initialized { background: inherit; height: auto; }
.productslider .productslide { display: none; }
.productslider.slick-initialized .productslide { display: block; }
.productslide { 
    position: relative; outline: 0; 
    border: 1px solid #ebebeb; border-radius: 15px; margin: 0 5px; padding: 15px; text-align: center;
}
/*--*/
.productslider .slick-arrow { 
    width: 2em; height: 2em; background: #ebebeb; border: 1px solid transparent; border-radius: 50%; overflow: hidden;
    font-size: 20px; text-align: center; z-index:1;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.productslider .slick-arrow:before {
    content: ''; font-size: 0.25em; width: 4em; height: 2px; background: #00aaad; 
    position: absolute; top: 50%; left: 50%; opacity: 1; 
    -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.productslider .slick-arrow:after { 
    content: ''; font-size: 0.25em; width: 2em; height: 2em; margin-top: 0.5em;
    border-style: solid; border-color: #00aaad; border-width: 2px 2px 0 0;
    position: absolute; top: 50%; left: calc(50% + 2em);
    -ms-transform: rotate(45deg) translate(-50%, -50%); -webkit-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%);
    -webkit-transform-origin: 0 calc(-100% + 2px); transform-origin: 0 calc(-100% + 2px);
}
.productslider .slick-prev { 
    right: inherit; left: -0.8em; top: 45%; 
    -ms-transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg);
}
.productslider .slick-next { left: -0.8em; top: calc(45% + 45px); }
.productslider .slick-arrow:not(.slick-disabled):before,
.productslider .slick-arrow:not(.slick-disabled):after { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.productslider .slick-arrow:not(.slick-disabled):hover::before { left: calc(50% + 0.8em) }
.productslider .slick-arrow:not(.slick-disabled):hover::after { left: calc(50% + 2.8em) }
.productslider .slick-arrow:not(.slick-disabled):active::before { left: calc(50% + 1.3em) }
.productslider .slick-arrow:not(.slick-disabled):active::after { left: calc(50% + 3.3em) }
.productslider .slick-disabled { cursor: auto; }
.productslider .slick-disabled:before { opacity: 0.5; background: #888; }
.productslider .slick-disabled:after { opacity: 0.5; border-color: #888; }
/*--*/
.productslide .desc { padding: 10px 10px; }
.productslide .desc .sku { color: #00aaad; }
.productslide .desc .detail { margin-top: 1.3em; }
/*--*/
.product_galleryslider { background: #ffffff url(../js/slick/ajax-loader.gif) no-repeat center; position:relative; height: 300px; }
.product_galleryslider.slick-initialized { background: inherit; height: auto; padding: 0 50px; }
.product_galleryslider .inslide { display: none; }
.product_galleryslider.slick-initialized .inslide { display: block; }
.product_galleryslider .inslide { position: relative; outline: 0; padding: 0 10px; font-size: 13px; }
.product_galleryslider .inslide img { border-radius: 5px; margin-bottom: 5px; }
/*--*/
.product_galleryslider .slick-arrow { 
    width: auto; height: auto; z-index:1; 
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.product_galleryslider .slick-arrow:before {
    content: ''; width: 8em; height: 2px; display: inline-block; background: #58595b;
    vertical-align: middle; font-size: 6px; opacity: 1;  
}
.product_galleryslider .slick-arrow:after { 
    content: ''; width: 2.35em; height: 2.35em; display: inline-block; margin-top: 2px;
    vertical-align: middle; font-size: 6px;
    border-style: solid; border-color: #58595b; border-width: 0.35em 0.35em 0 0;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transform-origin: 0 calc(-100% + 2px); transform-origin: 0 calc(-100% + 2px);
}
.product_galleryslider .slick-prev { left: -20px; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); }
.product_galleryslider .slick-next { right: -20px; }
.product_galleryslider .slick-arrow:not(.slick-disabled):before,
.product_galleryslider .slick-arrow:not(.slick-disabled):after { position: relative; left: 0; transition: all 0.3s ease-out; }
.product_galleryslider .slick-arrow:not(.slick-disabled):hover::before,
.product_galleryslider .slick-arrow:not(.slick-disabled):hover::after { left: 5px; }
.product_galleryslider .slick-arrow:not(.slick-disabled):active::before,
.product_galleryslider .slick-arrow:not(.slick-disabled):active::after { left: 10px; }
.product_galleryslider .slick-disabled { cursor: auto; }
.product_galleryslider .slick-disabled:before { opacity: 0.5; }
/*=================*/
/*====== ... ======*/
.steriabout-con { background: #f3f3f3; margin-top: 3em; padding: 5em 20px; }
.steriabout-con .img, 
.steriabout-con .desc { padding: 0 3em; }
.steriabout-con .desc p { text-align: justify; }
.steriabout-con .desc img.logo-img { max-width: 350px; margin-bottom: 1em; }


@media screen and (min-width: 1024px) {
    .sterifeature-con .middle-wrap { padding: 0; }
    .sterifeature-con .right-wrap { text-align: right; }
    /*--*/
    .steriabout-con { margin-bottom: -50px; }
}
@media screen and (max-width: 1023px) {
    .sterifeature-con .left-wrap,
    .sterifeature-con .right-wrap { text-align: center; }
    /*--*/
    ul.sterifeature_point { margin-top: 30px; }
    .sterifeature-con .right-wrap ul.sterifeature_point { margin-top: 0; }
    /*--*/
    .steriproduct_type .titlecon h4 { font-size: 22px; }
    /*--*/
    .steriabout-con .img, 
    .steriabout-con .desc { padding: 0 2em; }
}
@media screen and (max-width: 639px) {
    .stericontent-wrap { padding: 20px; }
    /*--*/
    .sterifeature-con { padding: 1em 0; }
    .sterifeature-con .title-wrap .logo-title { max-width: 300px; }
    .sterifeature-con .left-wrap,
    .sterifeature-con .right-wrap { text-align: left; }
    ul.sterifeature_point { max-width: 100%; }
    /*--*/
    .steriuseat-con { padding: 1em 0px; }
    /*--*/
    .sterivideo-con { padding: 3em 0px 0em; }
    /*--*/
    .steriproduct-con { padding: 3em 0px; }
    .steriproduct_type .titlecon { margin-top: 0; }
    .productslide .img { max-width: 200px; margin: 0 auto; }
    /*--*/
    .product_galleryslider.slick-initialized { padding: 0 20px; }
    .product_galleryslider .inslide { padding: 0 10px; }
    .product_galleryslider .slick-arrow:before { width: 4em; }
    .product_galleryslider .slick-arrow:after { width: 1.55em; height: 1.55em; }
    /*--*/
    .steriabout-con { margin-top: 1em; padding: 3em 20px; }
    .steriabout-con .img, 
    .steriabout-con .desc { padding: 0; }
    .steriabout-con .desc { margin-top: 20px; }
    .steriabout-con .desc img.logo-img { max-width: 250px; }
}
@media screen and (max-width: 420px) {
    ul.sterifeature_point .img img { max-width: 32px; }
    /*--*/
    ul.useitat_point.small-up-2 > .column { float: left; width: 100%; margin-bottom: 4px; }
}