@charset "UTF-8";
  #top {
position: fixed;
z-index: 99;
background: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
top: 0;
left: 0;
width: 100%;
}
body.unstick-header #top {
position: relative;
}
.topbar {
padding: 16px 0;
position: relative;
z-index: 4;
}
.topbar .rowflex {
justify-content: space-between;
align-items: center;
}
.topbar .lang {
flex: 30%;
position: relative;
}
.topbar .lang b {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 0 30px 0 0;
font-size: 12px;
text-transform: uppercase;
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #192F28;
}
.topbar .lang b:after {
display: block;
position: absolute;
width: 20px;
height: 20px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-lang.svg);
right: 0;
top: -4px;
transition: transform 0.2s ease-in;
transform: rotate(0deg);
}
.topbar .lang.active b:after {
transform: rotate(180deg);
}
.topbar .lang ul {
display: block;
position: absolute;
width: 100px;
background: #fff;
margin: 8px 0 0;
border-radius: 2px;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
padding: 12px;
left: -12px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in;
}
.topbar .lang.active ul {
opacity: 1;
visibility: visible;
margin: 5px 0 0;
}
.topbar .lang ul li {
display: block;
margin: 12px 0 0;
padding: 12px 0 0;
border-top: 1px solid #E9E8E6;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.28px;
}
.topbar .lang ul li a {
color: #757D80;
transition: color 0.2s ease-in;
}
.topbar .lang ul li a:hover {
color: #192F28;
}
.topbar .lang ul li span {
color: #192F28;
font-weight: 700;
}
.topbar .lang ul li:first-child {
margin: 0;
padding: 0;
border: none;
}
.topbar .logo {
flex: 40%;
text-align: center;
}
.topbar .util {
flex: 30%;
text-align: right;
}
.topbar .util>* {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.topbar .util>*:last-child {
margin-right: 0;
}
.topbar .util>*>a {
display: block;
width: 20px;
height: 20px;
position: relative;
}
.topbar .util>*>a em {
display: block;
position: absolute;
width: 17px;
height: 17px;
border-radius: 50%;
background: #FF4802;
text-align: center;
line-height: 17px;
color: #fff;
font-size: 11px;
font-weight: 700;
right: -6px;
bottom: -6px;
}
.topbar .util .sch a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/search.svg);
}
.white-head .topbar .util .sch a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/search-white.svg);
}
.topbar .util .wsh a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/heart.svg);
}
.white-head .topbar .util .wsh a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/heart-white.svg);
}
.topbar .util .bag a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/bag.svg);
}
.white-head .topbar .util .bag a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/bag-white.svg);
}
.topbar .util .prf a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/user.svg);
}
.white-head .topbar .util .prf a {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/user-white.svg);
}
.midbar {
padding: 0 0 20px;
position: relative;
z-index: 3;
}
.mainmenu {
text-align: center;
}
.mainmenu li {
display: inline-block;
vertical-align: middle;
margin: 0 38px;
position: relative;
}
.mainmenu li a {
color: #757D80;
font-size: 14px;
transition: color 0.2s ease-in;
}
.mainmenu li.current-menu-item>a,
.mainmenu li a:hover {
color: #192F28;
}
.mainmenu li.current-menu-item>a {
font-weight: 700;
}
.mainmenu li ul {
display: block;
position: absolute;
border-radius: 2px;
border: 1px solid #E9E8E6;
background: #fff;
box-shadow: 0px 2px 6px 0px rgba(116, 38, 115, 0.08);
left: 0;
width: 160px;
text-align: left;
margin: 25px 0 0;
padding: 12px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in;
}
.mainmenu li:hover ul {
opacity: 1;
visibility: visible;
margin: 20px 0 0;
}
.mainmenu li ul:before {
display: block;
position: absolute;
left: 0;
top: -20px;
height: 30px;
width: 100%;
content: '';
}
.mainmenu li ul li {
margin: 12px 0 0;
padding: 12px 0 0;
display: block;
border-top: 1px solid #E9E8E6;
}
.mainmenu li ul li:first-child {
margin: 0;
padding: 0;
border: none;
}
.mainmenu li ul li a {
color: #192F28;
transition: color 0.2s ease-in;
display: inline-block;
}
.mainmenu li ul li a:hover {
color: #CDA55C;
}
.mainmenu li.menu-item-has-children>b {
display: none;
}
.botbar {
position: relative;
background: #0E211B;
text-align: center;
padding: 12px 0;
}
.botbar .format-text {
color: #fff;
font-size: 14px;
}
.inner-search .hentry form i,
.botbar .cls {
display: block;
position: absolute;
right: 16px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/cls.svg);
}
#body {
padding-top: 126px;
}
body.has-botbar #body {
padding-top: 172px;
}
body.unstick-header #body {
padding: 0 !important;
} #bottom {
background: #192F28;
position: relative;
color: #fff;
font-size: 14px;
overflow: hidden;
}
#bottom .orn {
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: .6;
}
#bottom .subs {
background: #3E5646;
padding: 50px 0;
}
#bottom .subs .rowflex {
justify-content: space-between;
align-items: center;
position: relative;
z-index: 3;
}
#bottom .subs .caption {
flex: 46.4%;
max-width: 46.4%;
}
#bottom .subs .submis {
flex: 45.7%;
max-width: 45.7%;
}
#bottom .subs h2 {
color: #CDA55C;
font-family: 'TAN - Angleton';
font-size: 32px;
line-height: 130%;
margin: 0 0 20px;
}
#bottom .subs .txt {
line-height: 170%;
}
.subs input {
float: left;
width: calc(100% - 145px) !important;
height: 48px !important;
}
.subs .button {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
float: right;
padding: 0 27px;
}
.subs .form-basic form>* {
margin: 0;
}
.footer-widget {
padding: 60px 0 50px;
}
.footer-widget .rowflex {
justify-content: space-between;
position: relative;
z-index: 3;
}
.footer-widget .widget {
flex: 18%;
max-width: 18%;
}
.footer-widget .widget.widget-about {
flex: 35%;
max-width: 35%;
}
.widget-about .txt {
color: #8C9793;
line-height: 170%;
max-width: 350px;
margin: 25px 0 0;
}
.footer-widget h3 {
color: #CDA55C;
font-size: 16px;
font-family: 'TAN - Angleton';
line-height: 130%;
margin: 0 0 20px;
}
.widget li {
display: block;
line-height: 150%;
margin: 12px 0 0;
}
.widget li:first-child {
margin: 0;
}
.widget li a {
color: #fff;
opacity: .5;
transition: all 0.2s ease-in;
}
.widget li a:hover {
color: #CDA55C;
opacity: 1;
}
.social a,
.widget-social a {
display: inline-block;
vertical-align: middle;
margin: 0 12px 10px 0;
opacity: 1;
transition: opacity 0.2s ease-in;
width: 38px;
height: 38px;
}
.widget-social a:hover {
opacity: .7;
}
.social a.fb,
.widget-social a.fb {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/fb.svg);
}
.social a.tw,
.widget-social a.tw {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/tw.svg);
}
.social a.ig,
.widget-social a.ig {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/ig.svg);
}
.social a.yb,
.widget-social a.yb {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/yb.svg);
}
.social a {
filter: brightness(0%);
opacity: .8;
}
.social a:hover {
opacity: .5;
}
.tribute {
padding: 0 0 40px;
}
.tribute .wrapper {
position: relative;
z-index: 3;
font-size: 12px;
}
.tribute .border {
background: #85766B;
opacity: .2;
width: 100%;
height: 1px;
margin: 0 0 40px;
}
.tribute ul {
float: right;
}
.tribute ul li {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 45px;
}
.tribute ul li a {
color: rgba(255, 255, 255, .5);
}
.tribute .copy {
float: left;
color: rgba(255, 255, 255, .5);
letter-spacing: 0.012px;
}
.tribute .copy a {
color: #fff;
}
.tribute ul li a:hover,
.tribute .copy a:hover {
text-decoration: underline;
} .inner-page {
padding: 0 0 120px;
}
.inner-page .content .wrapper {
max-width: 800px;
} .inner-contact {
padding: 80px 0 120px;
}
.inner-contact .hentry {
text-align: center;
margin: 0 0 80px;
}
.inner-contact .insta h2,
.inner-contact .hentry h2 {
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 160%;
}
.inner-contact .hentry .format-text {
font-size: 14px;
margin: 15px 0 0;
line-height: 180%;
}
.inner-contact .appr .rowflex {
justify-content: space-between;
align-items: flex-start;
}
.inner-contact .appr .info {
flex: 48.8%;
max-width: 48.8%;
color: #565F62;
font-size: 18px;
line-height: 155%;
}
.inner-contact .appr .info>*:not(:first-child) {
margin: 30px 0 0;
}
.inner-contact .appr .info>p:not(:first-child) {
padding-bottom: 25px;
border-bottom: 1px solid #E9E8E6;
margin: 15px 0 0;
}
.inner-contact .appr .info>p a {
color: #565F62;
}
.inner-contact .appr .info>p a:hover {
text-decoration: underline;
}
.inner-contact .appr .info h3 {
font-weight: 700;
color: #CDA55C;
font-size: 20px;
}
.inner-contact .appr .submis {
flex: 45.7%;
max-width: 45.7%;
position: relative;
padding: 0 60px 60px 0;
}
.inner-contact .appr .submis:before {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: calc(100% - 60px);
height: calc(100% - 60px);
z-index: 1;
content: '';
background: #3E5646;
}
.inner-contact .submis .layer {
background: #fff;
position: relative;
z-index: 2;
border: 1px solid #E9E8E6;
padding: 45px;
}
.inner-contact .submis h2 {
color: #3E5646;
font-size: 24px;
line-height: 130%;
margin: 0 0 40px;
font-family: 'TAN - Angleton';
text-align: center;
}
.inner-contact .submis input {
height: 48px !important;
}
.inner-contact .submis .wa:before {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
position: relative;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/wa.svg);
margin-right: 14px;
top: -1px;
}
.inner-contact .insta {
margin: 75px 0 0;
}
.inner-contact .insta h2 {
margin: 0 0 45px;
font-size: 32px;
text-align: center;
}
.inner-contact .insta .rowflex {
margin: 0 -7px;
}
.inner-contact .insta a {
position: relative;
flex: calc(20% - 14px);
max-width: calc(20% - 14px);
display: block;
overflow: hidden;
margin: 0 7px;
}
.inner-contact .insta a:before {
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 100%;
z-index: 2;
content: '';
background: #0F1A1E;
opacity: .4;
transition: top 0.4s ease;
}
.inner-contact .insta a:hover:before {
top: 0;
}
.inner-contact .insta a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-contact .insta a span {
display: block;
position: absolute;
left: 0;
top: 60%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
text-align: center;
z-index: 3;
transition: all 0.4s ease;
opacity: 0;
}
.inner-contact .insta a span i {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/ig-hollow.svg);
}
.inner-contact .insta a:hover span {
opacity: 1;
top: 50%;
} .inner-promo,
.inner-news {
padding: 80px 0 120px;
}
.inner-shop .hentry,
.inner-search .hentry,
.inner-promo .hentry,
.inner-news .hentry {
text-align: center;
margin: 0 0 60px;
}
.inner-shop .hentry h2,
.inner-search .hentry h2,
.inner-promo .hentry h2,
.inner-news .hentry h2 {
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 160%;
margin: 0 0 15px;
}
.inner-shop .hentry .format-text,
.inner-search .hentry .format-text,
.inner-promo .hentry .format-text,
.inner-news .hentry .format-text {
font-size: 14px;
}
.inner-shop .hentry .form-basic,
.inner-search .hentry .form-basic,
.inner-news .hentry .form-basic {
max-width: 800px;
margin: 50px auto 0;
}
.inner-shop .hentry .form-basic form>*,
.inner-search .hentry .form-basic form>*,
.inner-news .hentry .form-basic form>* {
display: inline-block;
vertical-align: middle;
margin: 0 !important;
}
.inner-shop .hentry .form-basic input,
.inner-search .hentry .form-basic input,
.inner-news .hentry .form-basic input {
height: 48px;
float: left;
width: calc(100% - 113px);
}
.inner-shop .hentry .form-basic .button,
.inner-search .hentry .form-basic .button,
.inner-news .hentry .form-basic .button {
float: right;
width: 105px;
}
.inner-promo .filter,
.inner-news .filter {
margin: 0 0 25px;
}
.inner-news .filter h2 {
float: left;
font-weight: 700;
font-size: 24px;
position: relative;
top: 10px;
}
.inner-news .filter .dropselect {
float: right;
width: 200px;
}
.inner-shop .filter .sort .dropselect strong,
.inner-promo .filter .dropselect strong,
.inner-news .filter .dropselect strong {
height: 48px;
line-height: 48px;
}
.detail-news .related .rowflex,
.inner-news .list .rowflex {
margin: 0 -12px;
}
.detail-news .related .news-item,
.inner-news .list .news-item {
flex: calc(33.3333333333333333333% - 24px);
max-width: calc(33.3333333333333333333% - 24px);
margin: 0 12px 50px;
}
.detail-news {
padding: 40px 0 120px;
}
.detail-news .content .hentry {
margin: 0 0 50px;
text-align: center;
}
.detail-news .content .hentry span {
display: block;
text-align: center;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
margin: 0 0 30px;
color: rgba(25, 47, 40, .7);
}
.detail-news .related h2,
.detail-news .content .hentry h1 {
font-family: 'TAN - Angleton';
font-size: 24px;
line-height: 130%;
}
.detail-news .content .hentry figure {
display: block;
margin: 50px 0 0;
}
.detail-news .content .hentry figure img {
width: 100%;
}
.detail-news .content .format-text {
font-family: 'Roboto';
max-width: 730px;
margin: 0 auto;
}
.detail-news .content .share {
margin: 55px 0 0;
padding: 55px 0;
border-top: 1px solid #EBEDEE;
border-bottom: 1px solid #EBEDEE;
text-align: center;
}
.detail-news .content .share a {
display: inline-block;
vertical-align: middle;
width: 22px;
height: 22px;
opacity: 1;
transition: opacity 0.2s ease-in;
margin: 0 15px;
position: relative;
}
.detail-news .content .share a:hover {
opacity: .7;
}
.detail-news .content .share a.mr {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/sh-more.svg);
width: 17px;
height: 17px;
}
.detail-news .content .share a.fb {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/sh-fb.svg);
}
.detail-news .content .share a.in {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/sh-in.svg);
}
.detail-news .content .share a.ig {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/sh-ig.svg);
top: 2px;
}
.detail-news .related {
margin: 60px 0 0;
}
.detail-news .related h2 {
font-size: 32px;
margin: 0 0 30px;
} .inner-about {
padding: 80px 0 120px;
}
.inner-about .intro {
text-align: center;
}
.inner-about .intro:not(:first-child) {
margin-top: 80px;
}
.inner-about .intro h2 {
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 120%;
}
.inner-about .intro .format-text {
font-size: 14px;
margin: 20px 0 0;
}
.inner-about .intro .video {
margin: 50px 0 0;
}
.inner-home .about .video a,
.inner-about .intro .video a {
display: block;
position: relative;
}
.inner-home .about .video a:after,
.inner-about .intro .video a:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
content: ''; background: linear-gradient(to bottom, rgba(30, 30, 30, 0.4) 0%, rgba(30, 30, 30, 0) 100%); }
.inner-home .about .video b,
.inner-about .intro .video b {
display: block;
position: absolute;
left: 0;
top: 30px;
text-align: center;
width: 100%;
z-index: 3;
}
.inner-home .about .video span,
.inner-about .intro .video span {
display: block;
position: absolute;
left: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
width: 100%;
z-index: 3;
}
.inner-home .about .video i,
.inner-about .intro .video i {
display: inline-block;
width: 81px;
height: 54px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/play.svg);
}
.inner-about .copy {
margin: 100px 0 0;
}
.inner-about .copy .rowflex {
justify-content: space-between;
align-items: center;
}
.inner-about .copy .slider {
flex: 46.6%;
max-width: 46.6%;
padding: 0 60px 60px 0;
position: relative;
}
.inner-about .copy .slider:after {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: calc(100% - 60px);
height: calc(100% - 60px);
content: '';
background: #3E5646;
z-index: 1;
}
.inner-about .copy .slider>* {
position: relative;
z-index: 2;
}
.inner-about .copy .caption {
flex: 46.1%;
max-width: 46.1%;
}
.inner-about .sink h2,
.inner-home .list h2,
.inner-about .market .hentry h2,
.inner-about .vismis h2,
.inner-about .list h2,
.inner-about .copy h2 {
font-family: 'TAN - Angleton';
font-size: 32px;
line-height: 130%;
margin: 0 0 20px;
}
.inner-about .copy .format-text {
color: #606165;
font-size: 14px;
line-height: 200%;
max-width: 465px;
}
.inner-about .copy .format-text>*:not(:first-child) {
margin: 20px 0 0;
}
.inner-about .copy .format-text ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.inner-about .copy .format-text ul li {
position: relative;
flex: 50%;
max-width: 50%;
padding: 0 0 10px 28px;
color: #3E5646;
font-size: 18px;
font-family: 'TAN - Angleton';
}
.inner-about .copy .format-text ul li:before {
display: block;
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 17px;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/check-about.svg);
content: '';
}
.inner-scen .about .format-text blockquote,
.inner-about .copy .format-text blockquote {
padding: 0;
background: none;
color: #3E5646;
font-style: italic;
font-size: 24px;
text-align: left;
position: relative;
}
.inner-scen .proc .quote .txt:after,
.inner-scen .about .format-text blockquote:after,
.inner-about .copy .format-text blockquote:after {
display: inline-block;
position: absolute;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 88px;
height: 88px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/quote.svg);
content: '';
top: 70%;
-ms-transform: translateY(-70%);
-webkit-transform: translateY(-70%);
transform: translateY(-70%);
z-index: -1;
margin-left: -10px;
}
.inner-about .sink,
.inner-home .list .item,
.inner-about .list .item {
margin: 100px 0 0;
}
.inner-about .sink,
.inner-home .list .item:nth-child(even),
.inner-about .list .item:nth-child(even) {
background: #3E5646;
position: relative;
overflow: hidden;
}
.inner-about .sink>img,
.inner-home .list .item:nth-child(even)>img,
.inner-about .list .item:nth-child(even)>img {
position: absolute;
right: 0;
top: 0;
width: auto;
height: 100%;
z-index: 1;
opacity: .1;
}
.inner-home .list .item:nth-child(even)>img {
right: auto;
left: 0;
opacity: 1;
}
.inner-about .sink .rowflex,
.inner-home .list .rowflex,
.inner-about .list .rowflex {
justify-content: space-between;
align-items: center;
position: relative;
z-index: 2;
}
.inner-about .sink .wrapper,
.inner-home .list .item:nth-child(even) .wrapper,
.inner-about .list .item:nth-child(even) .wrapper {
max-width: none;
}
.inner-about .sink figure,
.inner-home .list figure,
.inner-about .list figure {
flex: 50%;
max-width: 50%;
order: 2;
}
.inner-about .sink figure img,
.inner-home .list figure img,
.inner-about .list figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-about .sink figure,
.inner-home .list .item:nth-child(even) figure,
.inner-about .list .item:nth-child(even) figure {
order: 1;
flex: 50%;
max-width: 50%;
}
.inner-home .list .item:nth-child(even) figure {
order: 2;
}
.inner-about .sink .caption,
.inner-about .list .caption {
flex: 41.1%;
max-width: 41.1%;
order: 1;
}
.inner-home .list .caption {
flex: 45%;
max-width: 45%;
order: 2;
}
.inner-about .sink .caption,
.inner-home .list .item:nth-child(even) .caption,
.inner-about .list .item:nth-child(even) .caption {
order: 2;
flex: 50%;
max-width: 50%;
padding: 20px 0 20px 90px;
}
.inner-home .list .item:nth-child(even) .caption {
order: 1;
padding: 20px 90px 20px 0;
text-align: right;
}
.inner-home .list .item:nth-child(even) .caption .pusher {
text-align: left;
display: inline-block;
}
.inner-about .sink .pusher {
max-width: 520px;
}
.inner-home .list .item:nth-child(even) .pusher,
.inner-about .list .item:nth-child(even) .pusher {
max-width: 470px;
}
.inner-about .sink .caption img {
display: inline-block;
margin: 0 0 25px;
}
.inner-about .sink h2,
.inner-home .list .item h2,
.inner-about .list .item h2 {
line-height: 185%;
}
.inner-about .sink h2 {
color: #fff;
}
.inner-home .list .item:nth-child(even) h2,
.inner-about .list .item:nth-child(even) h2 {
color: #CDA55C;
}
.inner-about .sink .format-text,
.inner-home .list .format-text,
.inner-about .list .format-text {
color: #62686A;
font-size: 14px;
line-height: 185%;
max-width: 465px;
}
.inner-about .sink .format-text,
.inner-home .list .item:nth-child(even) .format-text,
.inner-about .list .item:nth-child(even) .format-text {
color: #fff;
}
.inner-about .sink .button,
.inner-home .list .button,
.inner-about .list .button {
width: 140px;
margin: 30px 0 0;
}
.inner-about .vismis {
margin: 70px 0 0;
}
.inner-about .vismis .rowflex {
justify-content: space-between;
}
.inner-about .vismis h2 {
margin: 0;
flex: 30%;
max-width: 30%;
}
.inner-about .vismis .caption {
flex: 67%;
max-width: 67%;
}
.inner-about .vismis .format-text {
color: #565F62;
line-height: 175%;
}
.inner-about .vismis .format-text h3 {
color: #CDA55C;
font-weight: 700;
font-size: 14px;
letter-spacing: 1.68px;
text-transform: uppercase;
position: relative;
}
.inner-about .vismis .format-text h3:before {
display: block;
position: absolute;
left: -12px;
top: 1px;
content: '';
width: 1px;
background: #CDA55C;
height: 16px;
}
.inner-about .vismis .format-text ul {
list-style: none;
padding: 0;
}
.inner-about .vismis .format-text ul li {
display: block;
position: relative;
padding: 0 0 10px 32px;
}
.inner-about .vismis .format-text ul li:before {
display: block;
position: absolute;
left: 0;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #889D8F;
background: #889D8F;
box-shadow: inset 0px 0 0 2px #fff;
content: '';
}
.inner-about .market {
margin: 100px 0 0;
padding: 70px 0 0;
background: linear-gradient(to bottom, rgba(25, 47, 40, 0.08) 0%, rgba(25, 47, 40, 0) 100%); }
.inner-about .market .hentry {
text-align: center;
margin: 0 0 90px;
}
.inner-about .market .hentry .format-text {
font-size: 14px;
color: #62686A;
}
.inner-about .market .map {
margin: 0 0 40px;
}
.inner-about .market .loc {
margin: 0 -16px;
}
.inner-about .market .loc .item {
flex: calc(33.33333333333333333% - 32px);
max-width: calc(33.33333333333333333% - 32px);
margin: 0 16px 32px;
border-radius: 8px;
background: #fff;
border: 1px solid #E9E8E6;
box-shadow: 0px 2px 12px 0px rgba(15, 26, 30, 0.06);
padding: 24px;
}
.inner-about .market .loc h3 {
color: #CDA55C;
letter-spacing: 1.92px;
text-transform: uppercase;
font-weight: 700;
margin: 0 0 12px;
}
.inner-about .market .loc span {
display: block;
color: #3E5646;
font-weight: 700;
line-height: 130%;
margin: 0 0 16px;
}
.inner-about .market .loc .txt {
color: #565F62;
font-size: 14px;
line-height: 170%;
}
.inner-about .market .loc .txt a {
color: #565F62;
}
.inner-about .market .loc .txt a:hover {
text-decoration: underline;
}
.inner-about .market .loc .txt a b {
color: #889D8F;
font-weight: 700;
}
.inner-about .cert {
margin: 90px 0 0;
}
.detail-product .related-product .hentry,
.inner-home .prods .hentry,
.inner-about .prods .hentry,
.inner-about .cert .hentry {
margin: 0 0 40px;
}
.detail-product .related-product .hentry h2,
.inner-home .prods .hentry h2,
.inner-about .prods .hentry h2,
.inner-about .cert .hentry h2 {
float: left;
font-family: 'TAN - Angleton';
font-size: 32px;
}
.detail-product .related-product .hentry .txt,
.inner-home .prods .hentry .txt,
.inner-about .prods .hentry .txt,
.inner-about .cert .hentry .txt {
float: right;
color: #62686A;
font-size: 14px;
line-height: 170%;
max-width: 375px;
text-align: right;
}
.detail-product .related-product .slider,
.inner-home .prods .slider,
.inner-scen .aroma .slider,
.inner-about .prods .slider,
.inner-about .cert .slider {
position: relative;
}
.detail-product .related-product .product-item,
.inner-home .prods .product-item,
.inner-about .prods .product-item,
.inner-about .cert .item {
margin: 0 16px;
}
.inner-about .cert .item h3 {
margin: 16px 0 8px;
color: #0F1A1E;
font-weight: 700;
font-size: 14px;
}
.inner-about .cert .item span {
display: block;
line-height: 100%;
color: #848E91;
font-size: 14px;
}
.detail-product .related-product .slick-list,
.inner-home .prods .slick-list,
.inner-about .prods .slick-list,
.inner-about .cert .slick-list {
margin: 0 -16px;
}
.detail-product .related-product .slick-track,
.inner-home .prods .slick-track,
.inner-about .prods .slick-track,
.inner-about .cert .slick-track {
min-width: 100%;
}
.detail-product .related-product .slidenav,
.inner-home .prods .slidenav,
.inner-home .collect .slidenav,
.inner-scen .aroma .slidenav,
.inner-about .prods .slidenav,
.inner-about .cert .slidenav {
position: absolute;
left: -50px;
top: 40%;
-ms-transform: translateY(-40%);
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
height: 0;
width: calc(100% + 100px);
}
.inner-home .collect .slidenav {
top: 35%;
-ms-transform: translateY(-35%);
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
}
.inner-scen .aroma .slidenav {
width: 100%;
padding: 0 30px;
left: 0;
top: 45%;
-ms-transform: translateY(-45%);
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
}
.detail-product .related-product .slidenav a,
.inner-home .prods .slidenav a,
.inner-home .collect .slidenav a,
.inner-scen .aroma .slidenav a,
.inner-about .prods .slidenav a,
.inner-about .cert .slidenav a {
display: block;
width: 40px;
height: 40px;
opacity: 1;
transition: all 0.2s ease-in;
background-color: rgba(205, 165, 92, 0);
filter: brightness(0);
}
.detail-product .related-product .slidenav a:hover,
.inner-home .prods .slidenav a:hover,
.inner-home .collect .slidenav a:hover,
.inner-scen .aroma .slidenav a:hover,
.inner-about .prods .slidenav a:hover,
.inner-about .cert .slidenav a:hover {
background-color: rgba(205, 165, 92, 1);
filter: none;
}
.detail-product .related-product .slidenav a.prev,
.inner-home .prods .slidenav a.prev,
.inner-home .collect .slidenav a.prev,
.inner-scen .aroma .slidenav a.prev,
.inner-about .prods .slidenav a.prev,
.inner-about .cert .slidenav a.prev {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-caro-left.svg);
float: left;
}
.detail-product .related-product .slidenav a.next,
.inner-home .prods .slidenav a.next,
.inner-home .collect .slidenav a.next,
.inner-scen .aroma .slidenav a.next,
.inner-about .prods .slidenav a.next,
.inner-about .cert .slidenav a.next {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-caro-right.svg);
float: right;
}
.inner-home .prods,
.inner-about .prods {
margin: 100px 0 0;
}
.inner-home .prods .slick-dots,
.inner-about .prods .slick-dots {
margin: 50px 0 0;
}
.inner-promo .filter .dropselect {
width: 200px;
display: inline-block;
vertical-align: middle;
text-align: left;
}
.inner-promo .filter {
text-align: right;
}
.inner-promo .filter b {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin: 0 15px 0 0;
}
.inner-shop .list .rowflex,
.inner-promo .list .rowflex {
margin: 0 -16px;
}
.inner-shop .list .product-item,
.inner-promo .list .product-item {
flex: calc(25% - 32px);
max-width: calc(25% - 32px);
margin: 0 16px 44px;
} .inner-scen {
padding: 80px 0 120px;
}
.inner-scen .intro {
text-align: center;
}
.inner-scen .intro h2 {
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 140%;
}
.inner-scen .intro .format-text {
font-size: 14px;
margin: 15px 0 0;
}
.inner-scen .about {
margin: 90px 0 0;
}
.inner-scen .about .rowflex {
justify-content: space-between;
align-items: center;
}
.inner-scen .about figure {
order: 2;
flex: 46.6%;
max-width: 46.6%;
position: relative;
padding: 0 60px 60px 0;
}
.inner-scen .about figure:before {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: calc(100% - 80px);
height: calc(100% - 80px);
content: '';
background: #3E5646;
}
.inner-scen .about figure img {
position: relative;
z-index: 2;
display: block;
width: 100%;
}
.inner-scen .about .caption {
flex: 39.2%;
max-width: 39.2%;
order: 1;
}
.inner-scen .reason .hentry h2,
.inner-scen .about h2 {
font-family: 'TAN - Angleton';
font-size: 32px;
line-height: 130%;
}
.inner-scen .about .format-text {
color: #606165;
font-size: 14px;
line-height: 200%;
margin: 20px 0 0;
}
.inner-scen .reason {
margin: 90px 0 0;
}
.inner-scen .reason .border {
height: 1px;
background: #D5DADC;
width: 100%;
margin: 0 0 80px;
}
.inner-scen .reason .hentry {
margin: 0 0 60px;
}
.inner-scen .reason .hentry h2 {
float: left;
position: relative;
top: 10px;
}
.inner-scen .reason .hentry .txt {
float: right;
width: 100%;
max-width: 560px;
background: #3E5646;
border-radius: 110px 0;
padding: 11px 50px 10px;
color: #fff;
font-size: 14px;
line-height: 140%;
}
.inner-scen .reason .rowflex {
margin: 0 -22px;
}
.inner-scen .reason .item {
flex: calc(20% - 44px);
max-width: calc(20% - 44px);
margin: 0 22px 70px;
}
.inner-scen .reason .item figure {
margin: 0 0 20px;
}
.inner-scen .reason .item h3 {
color: #565F62;
font-size: 14px;
font-weight: 700;
line-height: 130%;
margin: 0 0 15px;
}
.inner-scen .reason .item .format-text {
font-size: 14px;
color: #565F62;
line-height: 175%;
}
.inner-scen .reason .quote .txt {
float: left;
width: 51%;
color: #3E5646;
font-size: 18px;
font-style: italic;
line-height: 180%;
}
.inner-scen .reason .quote strong {
float: right;
color: #606165;
font-weight: 700;
font-style: italic;
font-size: 16px;
position: relative;
top: 10px;
}
.inner-scen .reason .caption {
margin: 55px 0 0;
}
.inner-scen .reason .caption .format-text {
font-size: 14px;
line-height: 200%;
color: #606165;
}
.inner-scen .aroma {
padding: 90px 0;
margin: 90px 0 0;
background: rgba(25, 47, 40, 0.05);
}
.inner-home .partner .hentry,
.inner-scen .partner .hentry,
.inner-scen .prods .hentry,
.inner-scen .aroma .hentry {
text-align: center;
margin: 0 0 50px;
}
.inner-home .partner .hentry h2,
.inner-scen .partner .hentry h2,
.inner-scen .prods .hentry h2,
.inner-scen .aroma .hentry h2 {
font-size: 32px;
line-height: 130%;
font-family: 'TAN - Angleton';
}
.inner-home .partner .hentry .format-text,
.inner-scen .partner .hentry .format-text,
.inner-scen .prods .hentry .format-text,
.inner-scen .aroma .hentry .format-text {
color: #62686A;
font-size: 14px;
line-height: 170%;
margin: 15px 0 0;
}
.inner-scen .aroma .item .rowflex {
justify-content: space-between;
max-width: 960px;
margin: 0 auto;
}
.inner-scen .aroma .item figure {
flex: 26%;
max-width: 26%;
}
.inner-scen .aroma .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-scen .aroma .item .caption {
flex: 72.9%;
max-width: 72.9%;
padding: 40px 32px;
background: #3E5646;
color: #fff;
}
.inner-scen .aroma .item .format-text h3 {
color: #fff;
font-size: 16px;
}
.inner-scen .aroma .item .format-text hr {
border-color: #889D8F;
}
.inner-scen .aroma .item .format-text {
font-size: 14px;
}
.inner-scen .aroma .item .format-text ul {
list-style: none;
padding: 0;
}
.inner-scen .aroma .item .format-text ul li {
display: flex;
flex-wrap: wrap;
}
.inner-scen .aroma .item .format-text ul em {
flex: 120px;
max-width: 120px;
font-style: normal;
}
.inner-scen .aroma .item li>i {
flex: 2px;
max-width: 2px;
margin: 0 25px;
font-style: normal;
}
.inner-scen .aroma .item .format-text ul strong {
font-weight: 400;
flex: calc(100% - 180px);
max-width: calc(100% - 180px);
}
.inner-scen .work {
margin: 100px 0 0;
}
.inner-scen .work .rowflex {
justify-content: space-between;
}
.inner-scen .work figure {
flex: 26.5%;
max-width: 26.5%;
}
.inner-scen .work .caption {
flex: 73%;
max-width: 73%;
}
.inner-scen .work .caption .format-text {
max-width: 770px;
}
.inner-scen .work h2 {
font-family: 'TAN - Angleton';
font-size: 32px;
line-height: 190%;
margin: 0 0 55px;
}
.inner-scen .work .item {
position: relative;
padding: 0 0 0 60px;
margin: 30px 0 0;
}
.inner-scen .work .item:first-child {
margin: 0;
}
.inner-scen .work .item b {
display: block;
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
border-radius: 50%;
box-shadow: inset 0px 0 0 5px #fff;
border: 1px solid red;
}
.inner-scen .proc .list ul li b:after,
.inner-scen .work .item b i {
display: block;
position: absolute;
width: 14px;
height: 14px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/check.svg);
left: 8px;
top: 8px;
}
.inner-scen .work .item h3 {
color: #565F62;
font-weight: 700;
font-size: 14px;
line-height: 175%;
margin: 0 0 10px;
}
.inner-scen .work .item .format-text {
color: #565F62;
font-size: 14px;
max-width: 770px;
line-height: 180%;
}
.inner-scen .loc {
margin: 100px 0 0;
padding: 100px 0 120px;
background: rgba(25, 47, 40, 0.05);
overflow: hidden;
}
.inner-scen .loc h2 {
text-align: center;
font-family: 'TAN - Angleton';
font-size: 32px;
line-height: 180%;
margin: 0 0 45px;
}
.inner-scen .loc .rowflex {
margin: 0 -5px;
}
.inner-scen .loc .item {
flex: calc(25% - 10px);
max-width: calc(25% - 10px);
margin: 0 5px 10px;
}
.inner-scen .loc .item figure a {
position: relative;
display: block;
position: relative;
}
.inner-scen .loc .item figure a:after {
z-index: 1;
height: 40%;
bottom: 0;
left: 0;
width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); content: '';
display: block;
position: absolute;
}
.inner-scen .loc .item figure figcaption {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
color: #fff;
padding: 0 24px 24px;
font-weight: 700;
font-size: 14px;
}
.inner-scen .proc {
margin: 100px 0 0;
}
.inner-scen .proc .hentry {
margin: 0 0 45px;
}
.inner-scen .proc h2 {
float: left;
font-family: 'TAN - Angleton';
font-size: 32px;
}
.inner-scen .proc .hentry .txt {
float: right;
color: #62686A;
font-size: 14px;
text-align: right;
width: 50%;
line-height: 170%;
position: relative;
top: 10px;
}
.inner-scen .proc .quote .txt:after {
right: -40px;
top: -40px;
-ms-transform: translateY(00%);
-webkit-transform: translateY(00%);
transform: translateY(00%);
}
.inner-scen .proc .list ul {
display: flex;
flex-wrap: wrap;
}
.inner-scen .proc .list ul li {
position: relative;
flex: 16.66666666666667%;
max-width: 16.66666666666667%;
color: #565F62;
font-weight: 700;
font-size: 14px;
}
.inner-scen .proc .list ul li:after {
display: block;
position: absolute;
right: 12px;
top: 15px;
width: calc(100% - 55px);
height: 1px;
border-top: 1px dashed #3E5646;
content: '';
}
.inner-scen .proc .list ul li:last-child:after {
display: none;
}
.inner-scen .proc .list ul li b {
display: block;
position: relative;
width: 32px;
height: 32px;
border-radius: 50%;
background: #889D8F;
border: 1px solid #889D8F;
box-shadow: inset 0 0 0 5px #fff;
margin: 0 0 20px;
}
.inner-scen .proc .list ul li b:after {
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: '';
left: 8px;
top: 8px;
}
.inner-scen .proc .quote {
margin: 50px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.inner-scen .proc .quote .caption {
flex: calc(100% - 150px);
max-width: calc(100% - 150px);
}
.inner-scen .proc .quote h3 {
color: #565F62;
font-weight: 700;
font-size: 14px;
}
.inner-scen .proc .quote .txt {
color: #3E5646;
font-size: 18px;
font-style: italic;
line-height: 170%;
max-width: 540px;
margin: 10px 0 0;
position: relative;
display: inline-block;
}
.inner-scen .proc .quote .button {
flex: 140px;
max-width: 140px;
padding: 0 5px;
}
.inner-scen .prods {
margin: 75px 0 0;
padding: 80px 0 100px;
background: rgba(25, 47, 40, 0.05);
}
.inner-scen .prods .hentry .format-text {
margin: 30px 0 0;
}
.inner-home .partner .nav,
.inner-scen .partner .nav,
.inner-scen .prods .nav {
text-align: center;
margin: 0 0 60px;
}
.inner-home .partner .nav a,
.inner-scen .partner .nav a,
.inner-scen .prods .nav a {
display: inline-block;
vertical-align: middle;
margin: 0 20px;
padding: 0 0 18px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
transition: all 0.2s ease-in;
color: #565F62;
font-size: 12px;
}
.inner-home .partner .nav a:hover,
.inner-scen .partner .nav a:hover,
.inner-scen .prods .nav a:hover {
color: #192F28;
}
.inner-home .partner .nav a.current,
.inner-scen .partner .nav a.current,
.inner-scen .prods .nav a.current {
border-color: #192F28;
font-weight: 700;
color: #192F28;
}
.inner-scen .prods .item {
display: none;
flex-wrap: wrap;
justify-content: space-between;
}
.inner-scen .prods .item.current {
display: flex;
}
.inner-scen .prods .item .slider {
flex: 53.7%;
max-width: 53.7%;
}
.inner-scen .prods .item .caption {
flex: calc(46.3% - 40px);
max-width: calc(46.3% - 40px);
}
.inner-scen .prods .item .pusher {
max-width: 415px;
}
.inner-scen .prods .item h2 {
font-family: 'TAN - Angleton';
font-size: 24px;
margin: 0 0 10px;
}
.inner-scen .prods .item .format-text {
color: #62686A;
font-size: 14px;
line-height: 175%;
}
.inner-scen .prods .item .format-text ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.inner-scen .prods .item .format-text ul li {
flex: 33.333333333%;
max-width: 33.33333333333%;
margin: 0 0 20px;
}
.inner-scen .prods .item .format-text ul li em {
display: block;
font-style: normal;
margin: 0 0 5px;
line-height: 130%;
}
.inner-scen .prods .item .format-text ul li strong {
color: #0F1A1E;
font-weight: 700;
display: block;
}
.inner-scen .prods .item .format-text sup {
color: #0F1A1E;
font-size: 8px;
position: relative;
top: -8px;
display: inline-block;
right: -1px;
}
.inner-scen .prods .item figure {
height: 260px;
margin-right: 10px;
}
.inner-scen .prods .item figure img {
height: 100%;
width: auto;
object-fit: cover;
}
.inner-home .partner {
margin: 80px 0 0;
}
.inner-scen .partner {
margin: 100px 0 0;
}
.inner-home .partner .item,
.inner-scen .partner .item {
height: 0;
overflow-y: hidden;
text-align: center;
max-width: 960px;
margin: 0 auto;
}
.inner-home .partner .item.current,
.inner-scen .partner .item.current {
height: auto;
}
.inner-home .partner .item img,
.inner-scen .partner .item img {
display: inline-block;
}
.inner-home .partner .slick-dots,
.inner-scen .partner .slick-dots {
margin: 30px 0 0;
}
.inner-scen a.wa {
position: fixed;
z-index: 99;
bottom: 30px;
right: 30px;
}
.contact-scen {
padding: 40px 0 170px;
}
.contact-scen .crumb {
margin: 0 0 60px;
}
.contact-scen .submis .wrapper {
max-width: 920px;
}
.contact-scen .submis h2 {
text-align: center;
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 130%;
margin: 0 0 60px;
}
.contact-scen .submis .layer {
position: relative;
}
.contact-scen .submis .layer:after {
display: block;
position: absolute;
left: 65px;
top: 65px;
z-index: 1;
content: '';
width: 100%;
height: 100%;
background: #3E5646;
}
.contact-scen .submis .layer form {
position: relative;
background: #fff;
z-index: 2;
border: 1px solid #E9E8E6;
padding: 48px;
}
.contact-scen .submis .button {
max-width: 380px;
width: 100%;
margin: 30px 0 0;
}
.inner-partner {
padding: 80px 0 120px;
}
.inner-partner .intro {
text-align: center;
}
.inner-partner .list h2,
.inner-partner .intro h2 {
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 150%;
}
.inner-partner .intro .format-text {
font-size: 14px;
line-height: 200%;
margin: 15px 0 0;
}
.inner-partner .list h2 {
font-size: 20px;
margin: 0 0 30px;
}
.inner-partner .list .wrapper {
max-width: 960px;
text-align: center;
}
.inner-partner .list .item {
margin: 60px 0 0;
}
.inner-partner .list .rowflex {
align-items: center;
justify-content: center;
}
.inner-partner .list .rowflex figure {
flex: 33.3333333333333%;
max-width: 33.3333333333333%;
text-align: center;
}
.inner-partner .list img {
display: inline-block;
} .inner-search {
padding: 60px 0 120px;
}
.inner-search .wrapper {
max-width: 940px;
}
.inner-search .hentry {
margin: 0 0 60px;
}
.inner-search .hentry h2 {
text-align: center;
margin: 0 0 25px;
}
.inner-search .hentry form {
margin: 0 auto;
position: relative;
}
.inner-search .hentry form i {
right: 125px;
cursor: pointer;
filter: brightness(0%);
opacity: .3;
display: none !important;
}
.inner-search .hentry form input:valid+i {
display: block !important;
}
.inner-search .hentry form input {
padding-right: 40px;
}
.inner-search .list h2 {
position: relative;
font-size: 14px;
font-weight: 700;
margin: 40px 0 24px;
}
.inner-search .list h2:first-child {
margin: 0 0 24px;
}
.inner-search .item {
margin: 24px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.inner-search .item figure {
max-width: 120px;
flex: 120px;
}
.inner-search .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-search .item .caption {
position: relative;
}
.inner-search .item figure+.caption {
max-width: calc(100% - 144px);
flex: calc(100% - 144px);
}
.inner-search .item h3 {
color: #0F1A1E;
font-size: 16px;
line-height: 160%;
margin: 0 0 10px;
font-family: 'TAN - Angleton';
}
.inner-search .item h3 a {
color: #0F1A1E;
transition: color 0.2s ease-in;
}
.inner-search .item h3 a:hover {
color: #CDA55C;
}
.inner-search .item em {
display: block;
line-height: 100%;
color: #B2B0B4;
margin: 0 0 10px;
font-size: 12px;
text-transform: uppercase;
}
.inner-search .item .pricing {
text-align: left;
margin: 20px 0 0;
}
.inner-search .item .disc {
display: inline-block;
color: #fff;
font-size: 12px;
background: #E05151;
border-radius: 2px;
height: 26px;
line-height: 26px;
padding: 0 8px;
margin: 5px 0 0;
}
.inner-search .item .txt {
font-size: 14px;
line-height: 170%;
color: #0F1A1E;
margin: 0 0 15px;
} .inner-home .hero .slider {
position: relative;
}
.inner-home .hero .slider .dots {
position: absolute;
left: 0;
bottom: 60px;
z-index: 4;
width: 100%;
text-align: left;
}
.inner-home .hero .slider .dots .slick-dots {
text-align: left;
}
.inner-home .hero .slider .dots .slick-dots li button {
background: rgba(255, 255, 255, .3);
}
.inner-home .hero .slider .dots .slick-dots li.slick-active button {
background: #fff;
}
.inner-home .hero .slider .item {
position: relative;
padding: 120px 0 130px;
color: #fff;
}
.inner-home .hero .slider .item:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
content: '';
background: linear-gradient(180deg, rgba(25, 47, 40, 0.00) 44.44%, #192F28 100%);
}
.inner-home .hero .slider .item>img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.inner-home .hero .slider .rowflex {
justify-content: space-between;
align-items: flex-end;
position: relative;
z-index: 3;
}
.inner-home .hero .slider .copy {
flex: 58%;
max-width: 58%;
}
.inner-home .hero .slider .copy h2 {
font-family: 'TAN - Angleton';
font-size: 44px;
line-height: 150%;
}
.inner-home .hero .slider .copy .format-text {
color: #FEF7F2;
font-size: 14px;
line-height: 200%;
margin: 15px 0 0;
}
.inner-home .hero .slider .prod-slide {
flex: 23%;
max-width: 23%;
background: #fff;
padding: 0 0 25px;
}
.inner-home .hero .slider .prod-slide .slick-dots {
margin: 25px 0 0;
}
.inner-home .hero .slider .product-item h3 {
padding: 0 15px;
}
.inner-home .product-item .pricing {
color: #877669;
}
.inner-home .collect {
margin: 80px 0 0;
}
.inner-home .testi .hentry {
margin: 0 0 60px;
}
.inner-home .collect .hentry {
margin: 0 0 40px;
}
.inner-home .testi .hentry h2,
.inner-home .collect .hentry h2 {
float: left;
font-family: 'TAN - Angleton';
font-size: 32px;
}
.inner-home .testi .hentry .txt,
.inner-home .collect .hentry .txt {
float: right;
text-align: right;
max-width: 400px;
color: #62686A;
font-size: 14px;
line-height: 170%;
position: relative;
top: 5px;
}
.inner-home .collect .slider {
position: relative;
}
.inner-home .collect .slick-list {
margin: 0 -10px;
}
.inner-home .collect .item {
margin: 0 10px;
}
.inner-home .collect .item figure {
overflow: hidden;
}
.inner-home .collect .item figure img {
width: 100%;
height: 100%;
transform: scale(1);
transition: transform 0.5s ease;
}
.inner-home .collect .item:hover figure img {
transform: scale(1.2);
}
.inner-home .collect .item span {
display: block;
letter-spacing: 2.4px;
font-size: 12px;
text-transform: uppercase;
margin: 25px 0 15px;
color: #0E1A1E;
opacity: .7;
}
.inner-home .collect .item b {
display: block;
line-height: 130%;
color: #0E1A1E;
font-family: 'TAN - Angleton';
font-size: 16px;
}
.inner-home .about {
background: #192F28;
position: relative;
margin: 100px 0 0;
padding: 115px 0 125px;
color: #fff;
}
.inner-home .about>img {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: auto;
height: 100%;
}
.inner-home .about .video {
display: block;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: 3;
height: 100%;
}
.inner-home .about .video a {
display: block;
height: 100%;
width: 100%;
}
.inner-home .about .video a>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inner-home .about .wrapper {
position: relative;
z-index: 2;
}
.inner-home .about .caption {
max-width: 495px;
padding-left: 25px;
width: 100%;
}
.inner-home .about h2 {
color: #CDA55C;
font-size: 32px;
line-height: 130%;
font-family: 'TAN - Angleton';
}
.inner-home .about .format-text {
font-size: 14px;
line-height: 180%;
margin: 20px 0 0;
}
.inner-home .about .button {
margin: 30px 0 0;
}
.inner-home .partner .button {
width: 140px;
margin: 40px 0 0;
}
.inner-home .testi {
background: rgba(25, 47, 40, 0.05);
margin: 80px 0 0;
padding: 80px 0;
}
.inner-home .testi .slider {
position: relative;
padding-left: 80px;
}
.inner-home .testi .slider:before {
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/testi.svg);
width: 73px;
height: 55px;
content: '';
left: 0;
top: -30px;
}
.inner-home .testi .slider .txt {
color: #525252;
font-size: 20px;
font-weight: 700;
font-style: italic;
line-height: 150%;
max-width: 1080px;
}
.inner-home .testi .auth {
margin: 28px 0 0;
}
.inner-home .testi .auth h3 {
color: #121114;
font-weight: 700;
font-size: 14px;
line-height: 130%;
}
.inner-home .testi .auth span {
color: #121114;
font-style: italic;
display: block;
font-size: 14px;
margin: 10px 0 0;
}
.inner-home .testi .slick-dots {
margin: 35px 0 0;
}
.searchbar {
position: absolute;
left: 0;
top: -100%;
width: 100%;
background: #fff;
z-index: 9;
height: 100%;
display: flex;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
body.show-search .searchbar {
top: 0;
opacity: 1;
visibility: visible;
}
.searchbar .holder {
flex: 1;
}
.searchbar form .cls {
display: inline-block;
position: absolute;
z-index: 3;
right: 12px;
top: 12px;
width: 18px;
height: 18px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/cls2.svg);
}
.searchbar form .cls {
top: -20px;
right: -10px;
}
.searchbar form {
max-width: 800px;
position: relative;
margin: 0 auto;
}
.searchbar form input {
height: 48px;
width: calc(100% - 118px);
}
.searchbar form .button {
position: absolute;
right: 0;
top: 0;
width: 110px;
padding: 0 5px;
}
.popcred {
padding: 0;
max-width: 960px;
width: 100%;
}
.popcred.noimg {
max-width: 480px;
padding: 48px;
}
.popcred .rowflex>* {
flex: 50%;
max-width: 50%;
}
.popcred figure {
position: relative;
}
.popcred figure:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
content: '';
background: linear-gradient(180deg, rgba(30, 30, 30, 0.40) 0%, rgba(30, 30, 30, 0.00) 100%);
}
.popcred figure>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.popcred figure span {
display: block;
position: absolute;
left: 0;
top: 40px;
left: 0;
width: 100%;
text-align: center;
z-index: 3;
}
.popcred .caption {
padding: 45px;
}
.popcred h2 {
color: #192F28;
font-size: 18px;
font-family: 'TAN - Angleton';
line-height: 130%;
margin: 0 0 25px;
}
.popcred h2 .cvr-bg {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-back.svg);
margin-right: 20px;
position: relative;
top: -2px;
}
.popcred .format-text {
color: #565F62;
font-size: 14px;
margin: 0 0 40px;
line-height: 170%;
}
.popcred .rmb+a:hover,
.popcred .info a:hover {
text-decoration: underline;
}
.popcred .rmb {
float: left;
}
.popcred .rmb label {
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.popcred .rmb label input {
display: none;
}
.popcred .rmb label span {
display: inline-block;
color: #0F1A1E;
font-size: 12px;
}
.popcred .rmb label span:before {
display: inline-block;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 14px;
height: 14px;
content: '';
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/cred-check.svg);
margin-right: 11px;
position: relative;
top: 2px;
}
.popcred .rmb label input:checked+span:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/cred-checked.svg);
}
.popcred .rmb+a {
float: right;
color: #CDA55C;
font-size: 12px;
position: relative;
top: 3px;
}
.popcred .form-basic .fgroup>label {
color: #565F62;
font-size: 12px;
font-weight: 700;
}
.popcred .form-basic .fgroup input[type='text'],
.popcred .form-basic .fgroup input[type='email'],
.popcred .form-basic .fgroup input[type='password'] {
height: 44px;
}
.popcred .form-basic form>* {
margin-top: 20px;
}
.popcred .form-basic .pass-field b {
top: 12px;
}
.popcred .button {
height: 44px;
line-height: 44px;
}
.popcred .centered {
padding: 20px 0 0;
}
#popforgot.popcred .centered,
#popregis.popcred .centered {
padding: 0;
}
.popcred .centered>*+* {
margin: 16px 0 0;
}
.popcred .form-basic .gap>* {
flex: calc(50% - 8px);
max-width: calc(50% - 8px);
}
.popcred .centered .bck {
display: inline-block;
color: #192F28;
font-size: 14px;
height: 44px;
line-height: 44px;
}
.inner-respass {
padding: 70px 0 120px;
}
.inner-respass .wrapper {
max-width: 520px;
}
.inner-respass .form-basic {
max-width: 390px;
margin: 0 auto;
}
.inner-respass .hentry {
margin: 0 0 40px;
text-align: center;
}
.inner-respass .hentry h2 {
color: #192F28;
font-size: 32px;
line-height: 130%;
font-family: 'TAN - Angleton';
}
.inner-respass .hentry .format-text {
color: #565F62;
font-size: 14px;
line-height: 200%;
margin: 16px 0 0;
}
.inner-shop {
padding: 80px 0 200px;
}
.inner-shop .filter {
margin: 0 0 40px;
}
.inner-shop .filter .cats {
float: left;
}
.inner-shop .filter .cats a {
display: inline-block;
position: relative;
color: #192F28;
font-size: 14px;
height: 48px;
line-height: 48px;
border: 1px solid #192F28;
padding: 0 30px 0 25px;
}
.inner-shop .filter .cats a:before {
display: inline-block;
vertical-align: middle;
position: relative;
width: 16px;
height: 16px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/filter.svg);
margin-right: 8px;
top: -1px;
}
.inner-shop .filter .sort {
float: right;
}
.inner-shop .filter .sort>* {
display: inline-block;
vertical-align: middle;
}
.inner-shop .filter .sort>b {
color: #192F28;
font-size: 14px;
margin-right: 15px;
}
.inner-shop .filter .sort .dropselect {
width: 200px;
}
.popshop #popshop {
width: 100%;
max-width: 480px;
float: right;
padding: 30px;
height: 100vh;
font-size: 14px;
}
.popshop .fancybox-slide--html {
padding: 0;
}
.popshop h2 {
font-size: 16px;
font-weight: 700;
margin: 0 0 20px;
}
.popshop .fancybox-close-small {
opacity: 1;
right: 17px;
top: 19px;
}
.popshop .item {
margin: 0 0 16px;
border-bottom: 1px solid #E9E8E6;
}
.popshop .item.active {
padding-bottom: 16px;
}
.popshop .scrollbar-inner.scroll-content {
max-height: calc(100vh - 200px) !important;
}
.popshop .item h3 {
font-weight: 700;
line-height: 130%;
margin: 0 0 16px;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.popshop .item h3.cvr-bg-af {
cursor: pointer;
position: relative;
}
.popshop .item h3.cvr-bg-af:after {
display: block;
position: absolute;
right: 5px;
top: 5px;
width: 12px;
height: 8px;
content: '';
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-shop.svg);
}
.popshop .item.active h3.cvr-bg-af:after {
transform: rotate(-180deg);
}
.popshop ul {
padding-left: 18px;
display: none;
}
.popshop .item.active ul {
display: block;
}
.popshop li {
line-height: 150%;
margin: 0 0 14px;
}
.popshop li:last-child {
margin: 0;
}
.popshop li label {
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.popshop li label input {
display: none;
}
.popshop li label b {
display: block;
position: relative;
}
.popshop li label input:checked+b {
color: #CDA55C;
}
.popshop li label b:after {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/drop-checked2.svg);
content: '';
display: none;
}
.popshop li label input:checked+b:after {
display: block;
}
.popshop .pricing {
border: none;
}
.popshop .pricing .pfield {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.popshop .pricing i {
flex: 12px;
max-width: 12px;
background: #000;
display: block;
height: 2px;
}
.popshop .pricing input {
flex: calc(50% - 16px);
max-width: calc(50% - 16px);
}
.popshop .act {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0 30px 30px;
z-index: 3;
}
.popshop .act .button {
flex: calc(50% - 7px);
max-width: calc(50% - 7px);
padding: 0 5px;
border-radius: 2px;
} .detail-product {
padding: 50px 0 120px;
}
.detail-product .crumb {
margin: 0 0 50px;
}
.detail-product .main {
justify-content: space-between;
max-width: 1010px;
margin: 0 auto;
}
.detail-product .main .gallery {
flex: 45%;
max-width: 45%;
overflow: hidden;
}
.detail-product .main .gallery .small {
margin: 8px 0 0;
position: relative;
}
.detail-product .main .gallery .small .item {
margin: 0 8px 0 0;
cursor: pointer;
width: 114px;
}
.detail-product .main .gallery .small .item img {
border: none;
}
.detail-product .main .gallery .small .item.slick-current img {
border: 1px solid #192F28;
}
.detail-product .gallery .small .slidenav {
display: block;
position: absolute;
left: 0;
top: 35%;
-ms-transform: translateY(-35%);
-webkit-transform: translateY(-35%);
transform: translateY(-35%);
width: 100%;
height: 0;
}
.detail-product .gallery .small .slidenav a {
float: left;
display: block;
width: 32px;
height: 32px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-caro.svg);
transform: rotate(-180deg);
position: relative;
left: 10px;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.detail-product .gallery .small .slidenav a:hover {
opacity: .8;
}
.detail-product .gallery .small .slidenav a.next {
float: right;
left: auto;
right: 10px;
transform: rotate(0deg);
}
.detail-product .main .gallery .share {
margin: 35px 0 0;
text-align: center;
}
.detail-product .main .gallery .share i {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 19px;
background: #E9E8E6;
margin: 0 25px;
}
.detail-product .main .gallery .share a {
display: inline-block;
vertical-align: middle;
color: #192F28;
font-size: 14px;
transition: opacity 0.2s ease-in;
opacity: 1;
}
.detail-product .main .gallery .share a:hover {
opacity: .8;
}
.detail-product .main .gallery .share a:before {
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 8px;
width: 24px;
height: 24px;
top: -1px;
}
.detail-product .main .gallery .share a.fb:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/fb-share.svg);
}
.detail-product .main .gallery .share a.tw:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/tw-share.svg);
}
.detail-product .main .caption {
max-width: 50%;
flex: 50%;
}
.detail-product .main h1 {
font-weight: 400;
font-family: 'TAN - Angleton';
font-size: 24px;
line-height: 180%;
margin: 0 0 15px;
}
.detail-product .main .rated>span {
top: 1px;
font-size: 14px;
}
.detail-product .main .rated {
margin-bottom: 25px;
}
.detail-product .main .wcvar .varitem {
margin: 0 0 15px;
}
.detail-product .main .qty-holder h3,
.detail-product .main .wcvar .varitem h3 {
font-weight: 700;
font-size: 14px;
margin: 0 0 12px;
}
.detail-product .main .wcvar label {
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0 10px 10px 0;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.detail-product .main .wcvar label input {
display: none;
}
.detail-product .main .wcvar label b {
display: block;
border: 1px solid #BEC2C4;
height: 36px;
line-height: 35px;
font-size: 14px;
padding: 0 15px;
border-radius: 2px;
color: #0F1A1E;
background: #fff;
}
.detail-product .main .wcvar label input:checked+b {
background: #F6F6F6;
border: 1px solid #192F28;
color: #192F28;
}
.detail-product .main .wcvar label input:disabled+b {
background: #cfced0;
border: 1px solid #cfced0;
color: #fff;
cursor: default;
}
.detail-product .main .wcvar label em {
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 2px solid #E9E7EC;
box-shadow: inset 0px 0 0 4px #fff;
}
.detail-product .main .wcvar label input:checked+em {
border-color: #CDA55C;
}
.detail-product .main .wcvar label input:disabled+em {
box-shadow: inset 0px 0 0 5px #e0dfe1;
border: 2px solid #e0dfe1;
cursor: default;
opacity: .6;
}
.detail-product .main .qty-holder span {
color: #565F62;
font-size: 14px;
margin: 0 0 0 15px;
}
.detail-product .main .qty-holder span b {
color: #0F1A1E;
}
.detail-product .main .act {
padding: 24px 0 0;
margin: 24px 0 0;
border-top: 1px dashed #BEC2C4;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.detail-product .main .act .button:not(:first-child) {
flex: calc(50% - 40px);
max-width: calc(50% - 40px);
font-weight: 700;
padding: 0 5px;
}
.detail-product .main .act .add-to-wish {
max-width: 48px;
flex: 48px;
width: 48px;
height: 48px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/add-to-wish-detail.svg);
}
.detail-product .main .act .add-to-wish.wished {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/wished.svg);
}
.detail-product .main .woocommerce-variation-add-to-cart-disabled {
display: none;
}
.detail-product .main .woocommerce-variation-add-to-cart-disabled+.empty {
display: block !important;
}
.detail-product .main .act span.button:not(:first-child) {
flex: calc(100% - 63px) !important;
max-width: calc(100% - 63px) !important;
}
.detail-product .main .qty-holder div.quantity {
display: inline-block;
vertical-align: middle;
}
.detail-product .taby {
margin: 50px 0 0;
}
.detail-product .taby .format-text {
line-height: 170%;
font-size: 14px;
color: #565F62;
}
.detail-product .taby .format-text>*:not(:first-child) {
margin-top: 20px;
}
.detail-product .taby .thead {
margin: 0 0 25px;
border-bottom: 1px solid #E9E8E6;
}
.detail-product .taby .thead a {
transition: color 0.2s ease-in;
color: #565F62;
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 50px;
border-bottom: 2px solid #fff;
padding: 0 25px 20px 0;
}
.detail-product .taby .thead a:last-child {
margin-right: 0;
}
.detail-product .taby .thead a:hover {
color: #0F1A1E
}
.detail-product .taby .thead a.active {
border-bottom: 2px solid #192F28;
color: #0F1A1E;
font-weight: 700;
}
.detail-product .taby .format-text a {
color: #0F1A1E;
font-weight: 700;
}
.detail-product .taby .titem {
display: none;
}
.detail-product .taby .titem.active {
display: block;
}
.detail-product .review .avg {
float: left;
}
.detail-product .review .avg>* {
display: inline-block;
vertical-align: middle;
}
.detail-product .review .avg>strong {
color: #0F1A1E;
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
margin: 0 0 20px;
display: block;
}
.detail-product .review .avg .rate i {
width: 32px;
height: 32px;
}
.detail-product .review .avg .rated {
position: relative;
top: -2px;
}
.detail-product .review .avg .rated>span {
font-size: 16px;
font-weight: 700;
}
.detail-product .review .avg .rated>b {
font-weight: 400;
font-size: 14px;
color: #0F1A1E;
margin-left: 13px;
top: -1px;
}
.detail-product .review .sort {
float: right;
position: relative;
top: 33px;
}
.detail-product .review .sort>* {
display: inline-block;
vertical-align: middle;
}
.detail-product .review .dropsort {
width: 170px;
}
.detail-product .review .sort>b {
margin-right: 15px;
color: #0F1A1E;
font-size: 14px;
}
.detail-product .review .dropsort span {
height: 40px;
line-height: 38px;
border: 1px solid #E9E7EC;
}
.detail-product .review .dropsort span:after {
top: 17px;
right: 9px;
}
.detail-product .review .hentry {
margin: 0 0 50px;
}
.detail-product .review .item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 35px;
padding: 0 0 30px;
border-bottom: 1px solid #E9E8E6;
}
.detail-product .review .item:last-child {
border: none;
padding: 0;
}
.detail-product .review .item .person {
flex: 16%;
max-width: 16%;
}
.detail-product .review .item figure {
display: inline-block;
vertical-align: middle;
width: 48px;
}
.detail-product .review .item figure img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
.detail-product .review .item .info {
display: inline-block;
vertical-align: middle;
width: calc(100% - 48px);
padding: 0 0 0 16px;
}
.detail-product .review .item .info h3 {
color: #000;
font-size: 14px;
line-height: 130%;
margin: 0 0 10px;
}
.detail-product .review .item .info span {
color: #848E91;
font-size: 12px;
display: block;
line-height: 100%;
}
.detail-product .review .item .caption {
flex: 75%;
max-width: 75%;
}
.detail-product .review .item .rate {
margin: 0 0 10px;
position: relative;
left: -5px;
}
.detail-product .review .item .rate i {
width: 24px;
height: 24px;
}
.detail-product .review .item .txt {
color: #0F1A1E;
line-height: 170%;
font-size: 14px;
}
.detail-product .review .item .regal {
margin: 16px 0 0;
}
.detail-product .review .item .regal a {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 64px;
margin: 0 8px 8px 0;
}
.detail-product .review .item .regal a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.detail-product .review .page-pagination {
margin: 0;
padding: 0;
}
.detail-product .mpc {
margin: 27px 0 0;
}
.detail-product .mpc span {
display: block;
margin: 0 0 24px;
color: #000;
font-size: 14px;
text-align: center;
}
.detail-product .mpc .flx {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.detail-product .mpc a {
flex: calc(50% - 8px);
max-width: calc(50% - 8px);
height: 48px;
line-height: 46px;
padding: 0 5px;
text-align: center;
border: 1px solid #EE4D2D;
opacity: 1;
transition: opacity 0.2s ease-in;
}
.detail-product .mpc a:hover {
opacity: .7;
}
.detail-product .mpc a:before {
display: inline-block;
vertical-align: middle;
width: 69px;
height: 22px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/shp.svg);
}
.detail-product .mpc a.tkp {
border: 1px solid #42B649;
}
.detail-product .mpc a.tkp:before {
width: 90px;
height: 29px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/tkp.svg);
}
.detail-product .review {
margin: 40px 0 0;
padding: 40px 0 0;
border-top: 1px solid #E9E8E6;
}
.detail-product .related-product {
margin: 100px 0 0;
} .inner-cart {
padding: 45px 0 120px;
}
.inner-cart .wrapper .rowflex {
justify-content: space-between;
}
.inner-cart .wrapper>h2 {
font-weight: 400;
font-family: 'TAN - Angleton';
margin: 0 0 25px;
font-size: 16px;
}
.inner-cart .content {
flex: 64%;
max-width: 64%;
}
.inner-cart .clearing {
padding-bottom: 18px;
margin-bottom: 16px;
border-bottom: 1px solid #E9E8E6;
}
.inner-cart .clearing label {
float: left;
cursor: pointer;
user-select: none; }
.inner-cart .list .item label input,
.inner-cart .clearing label input {
display: none;
}
.inner-cart .list .item label span:before,
.inner-cart .clearing label span:before {
display: inline-block;
position: relative;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 20px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/cred-check.svg);
top: -2px;
}
.inner-cart .list .item label span:before {
margin: 0;
}
.inner-cart .list .item label input:checked+span:before,
.inner-cart .clearing label input:checked+span:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/cred-checked.svg);
}
.inner-cart .clearing a {
float: right;
color: #EB5757;
display: inline-block;
vertical-align: middle;
}
.inner-cart .list .item .dprod,
.inner-cart .clearing a:before {
display: inline-block;
vertical-align: middle;
position: relative;
width: 14px;
height: 18px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/trash.svg);
margin-right: 15px;
top: -2px;
}
.inner-cart .action {
flex: 33%;
max-width: 33%;
}
.inner-cart .list .item {
padding-bottom: 22px;
margin-bottom: 20px;
border-bottom: 1px solid #E9E8E6;
}
.inner-cart .list .item .pwrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.inner-cart .list .item label {
flex: 20px;
max-width: 20px;
cursor: pointer;
}
.inner-cart .clearing label span,
.inner-cart .list .item label.chk span {
padding: 0;
font-size: 16px;
}
.inner-cart .list .item .prod {
flex: calc(100% - 160px);
max-width: calc(100% - 160px);
}
.inner-cart .list .item .product-remove {
display: inline-block;
position: absolute;
right: 0;
top: 0;
}
.acc-odetail .cprod .prod>*,
.inner-cart .list .item .prod>* {
display: inline-block;
vertical-align: top;
}
.acc-odetail .cprod .prod figure,
.inner-cart .list .item .prod figure {
width: 80px;
}
.acc-odetail .cprod .prod figure img,
.inner-cart .list .item .prod figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.acc-odetail .cprod .prod .caption,
.inner-cart .list .item .prod .caption {
width: calc(100% - 110px);
margin-left: 15px;
}
.acc-odetail .crev .rprod h3,
.acc-odetail .cprod .prod h3,
.inner-cart .list .item h3 {
color: #0F1A1E;
font-size: 14px;
margin: 0 0 5px;
line-height: 130%;
}
.acc-odetail .crev .rprod h3 a,
.acc-odetail .cprod .prod h3 a,
.inner-cart .list .item h3 a {
color: #0F1A1E;
transition: color 0.2s ease-in;
}
.acc-odetail .crev .rprod h3 a:hover,
.acc-odetail .cprod .prod h3 a:hover,
.acc-odetail .cprod .prod p.anote a,
.inner-cart .list .item p.anote a,
.inner-cart .list .item h3 a:hover {
color: #192F28;
}
.acc-odetail .cprod .prod .pinfo,
.inner-cart .list .item .pinfo {
margin: 0 0 13px;
}
.acc-odetail .crev .rprod .pinfo>*,
.acc-odetail .cprod .prod .pinfo>*,
.inner-cart .list .item .pinfo>* {
display: inline-block;
vertical-align: middle;
color: #565F62;
font-size: 12px;
}
.acc-odetail .crev .rprod .pinfo>b,
.acc-odetail .cprod .prod .pinfo b,
.inner-cart .list .item .pinfo b {
background: #E9E7EC;
width: 1px;
height: 11px;
margin: 0 8px;
}
.acc-odetail .crev .rprod .pinfo>i,
.acc-odetail .cprod .prod .pinfo i,
.inner-cart .list .item .pinfo i {
background: #817F85;
width: 4px;
height: 4px;
border-radius: 2px;
margin: 0 5px;
}
.inner-cart .list .item .pinfo>a {
color: #CDA55C;
}
.inner-cart .list .item .pinfo>a:hover {
text-decoration: underline;
}
.acc-odetail .cprod .prod .pamount>*,
.inner-cart .list .item .pamount>* {
display: inline-block;
vertical-align: middle;
}
.acc-odetail .cprod .prod .pamount>b,
.inner-cart .list .item .pamount>b {
font-size: 14px;
}
.acc-odetail .cprod .prod .pamount span.disc,
.inner-cart .list .item .pamount span.disc {
background: #E05151;
height: 20px;
line-height: 22px;
font-size: 10px;
padding: 0 4px;
color: #fff;
margin-right: 5px;
border-radius: 2px;
}
.acc-odetail .cprod .prod .pamount del,
.inner-cart .list .item .pamount del {
color: #848E91;
font-weight: 400;
font-size: 10px;
margin-right: 10px;
position: relative;
top: -1px;
}
.acc-odetail .cprod .prod .pamount ins,
.acc-odetail .cprod .prod .pamount .pricing>span,
.inner-cart .list .item .pamount .pricing>span,
.inner-cart .list .item .pamount ins {
color: #CDA55C;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.acc-odetail .citem .prod .pricing>strong,
.inner-cart .list .item .pamount .pricing>strong {
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
position: relative;
top: -1px;
}
.inner-cart .list .item .util {
flex: 95px;
max-width: 95px;
text-align: right;
position: relative;
top: 55px;
}
.inner-cart .list .item .util .pqty {
position: relative;
right: -5px;
}
.inner-cart .list .item .util .pqty a {
width: 27px;
height: 27px;
}
.inner-cart .list .item .dprod {
margin: 0;
top: 0;
right: 0;
position: absolute;
filter: brightness(0%);
opacity: .2;
}
.inner-cart .list .item p.anote {
font-size: 14px;
position: relative;
margin: 20px 0 0;
left: 42px;
width: calc(100% - 42px);
}
.inner-cart.inner-checkout .list .item p.anote {
width: 100%;
left: auto;
}
.inner-cart .list .item p.anote a:hover {
text-decoration: underline;
}
.inner-cart .action .wrap {
padding: 20px 20px 15px;
border: 1px solid #E9E8E6;
border-radius: 4px;
font-size: 14px;
}
.acc-odetail .csums table,
.inner-cart .action .sums table {
width: 100%;
margin: 0 0 20px;
}
.acc-odetail .csums table td,
.inner-cart .action .sums table td {
text-align: right;
color: #0F1A1E;
}
.acc-odetail .csums table tbody td,
.inner-cart .action .sums table tbody td {
padding-bottom: 18px;
}
.acc-odetail .csums table tfoot td,
.inner-cart .action .sums table tfoot td {
padding-top: 15px;
border-top: 1px solid #E9E8E6;
}
.acc-odetail .csums table td:first-child,
.inner-cart .action .sums table td:first-child {
text-align: left;
color: #565F62;
font-weight: 400;
}
.acc-odetail .csums table tfoot td:first-child {
color: #1E1E1E;
}
.acc-odetail .csums table tfoot td b,
.inner-cart .action .sums table tfoot td b {
font-size: 16px;
color: #192F28;
font-weight: 700;
}
.acc-odetail .csums table tfoot td b {
font-weight: 700;
}
.inner-cart .action .sums>p {
line-height: 160%;
margin: 0 0 15px;
}
.inner-cart .action .sums>p a {
color: #CDA55C;
margin-left: 15px;
}
.inner-cart .action .sums>p a:hover {
text-decoration: underline;
}
.inner-cart .cart-coupon a {
width: 15px;
height: 15px;
color: rgba(0, 0, 0, 0);
overflow: hidden;
display: inline-block;
vertical-align: middle;
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/close-circle.svg);
top: -1px;
}
#popnote.popgen {
width: 400px;
max-width: calc(100% - 30px);
}
.fcoupon {
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px solid #E9E8E6;
}
.fcoupon fieldset {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fcoupon input[type='text'] {
width: calc(100% - 110px);
height: 48px;
}
.fcoupon .button {
width: 100px;
font-size: 14px;
height: 48px;
line-height: 48px;
padding: 0 5px;
}
.popgen .fancybox-close-small {
opacity: 1;
right: 5px;
top: 13px;
}
.pop-address,
.popgen {
width: 95%;
max-width: 700px;
padding: 30px;
border-radius: 5px;
}
.pop-address .fancybox-close-small,
.popgen .fancybox-close-small {
opacity: 1;
right: 5px;
top: 13px;
}
.pop-address h2,
.popgen h2 {
line-height: 130%;
margin: 0 0 25px;
font-size: 16px;
font-weight: 700;
}
.pop-address .fpin {
border-radius: 4px;
border: 1px solid #E9E8E6;
position: relative;
color: #192F28;
font-size: 14px;
height: 50px;
line-height: 48px;
padding: 0 16px;
}
.pop-address .fpin a {
position: absolute;
right: 16px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #192F28;
display: inline-block;
line-height: 100%;
font-weight: 400;
}
.pop-address .fpin a:hover {
text-decoration: underline;
}
.rdot {
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.rdot input {
display: none;
}
.rdot span {
display: inline-block;
position: relative;
color: #192F28;
font-size: 14px;
}
.rdot span:before {
display: inline-block;
position: relative;
vertical-align: middle;
width: 20px;
height: 20px;
border: 2px solid #606165;
background: #192F28;
content: '';
border-radius: 50%;
margin-right: 15px;
top: -1px;
box-shadow: inset 0px 0 0 10px #fff;
}
.rdot input:checked+span:before {
box-shadow: inset 0px 0 0 3px #fff;
border-color: #192F28;
}
.popgen .btn-address {
display: block;
text-align: center;
border: 1px solid #606165;
text-align: center;
height: 56px;
line-height: 54px;
color: #565F62;
font-size: 14px;
margin: 0 0 20px;
transition: all 0.2s ease-in;
}
.popgen .btn-address:hover {
color: #192F28;
border-color: #192F28;
}
.popconf {
padding: 45px;
width: 430px;
max-width: calc(100% - 30px);
border-radius: 4px;
text-align: center;
}
.popconf .fancybox-close-small {
display: none;
}
.popconf h2 {
text-align: center;
font-weight: 700;
font-size: 18px;
line-height: 170%;
margin: 0 0 25px;
}
.popconf .act {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.popconf .act a {
flex: calc(50% - 8px);
max-width: calc(50% - 8px);
}
.inner-checkout .fitem h3 {
font-weight: 700;
line-height: 140%;
margin: 0 0 12px;
font-size: 14px;
}
.inner-checkout .fitem.addr-guest .button {
min-width: 325px;
text-align: center;
}
.inner-checkout .floc {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 24px 0;
margin: 24px 0;
border-top: 1px solid #E9E8E6;
border-bottom: 1px solid #E9E8E6;
}
.inner-checkout .floc>* {
flex: calc(50% - 25px);
max-width: calc(50% - 25px);
}
.inner-checkout .floc>.fitem-full {
flex: 100%;
max-width: 100%;
}
.inner-checkout .floc em {
display: block;
height: 50px;
line-height: 48px;
border-radius: 4px;
background: #F4F4F4;
border: 1px solid #E9E8E6;
position: relative;
color: #606165;
padding: 0 15px;
font-size: 14px;
}
.inner-checkout .floc em:before {
display: block;
position: absolute;
height: calc(100% - 6px);
top: 3px;
width: 1px;
left: 0;
content: '';
background: #192F28;
}
.pop-address .button.btn-hollow {
border-color: #E9E8E6;
}
.pop-payment {
width: 95%;
max-width: 460px;
padding: 30px 20px;
}
.pop-payment .item {
margin-top: 30px;
}
.pop-payment .item li {
display: block;
margin-bottom: 17px;
padding-bottom: 17px;
border-bottom: 1px solid #E9E8E6;
}
.pop-payment .item li:last-child {
margin: 0;
}
.pop-payment .item li a {
display: block;
position: relative;
color: #0F1A1E;
font-size: 14px;
}
.pop-payment .item li a:after {
display: block;
position: absolute;
right: 5px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
height: 14px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-pay.svg);
transition: right 0.2s ease-in;
}
.pop-payment .item li a:hover:after {
right: 0;
}
.pop-payment .item li a>* {
display: inline-block;
vertical-align: middle;
}
.pop-payment .item li a span {
margin-left: 10px;
}
#popwith .fancybox-close-small,
#poppayment .fancybox-close-small {
display: none;
}
.pop-payment h2 a {
color: #192F28;
}
.pop-payment h2 a:before {
display: inline-block;
width: 18px;
height: 18px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-back2.svg);
position: relative;
margin-right: 15px;
left: 0;
top: -1px;
transition: left 0.2s ease-in;
}
.pop-payment h2 a:hover:before {
left: -5px;
}
.pop-payment table {
width: 100%;
font-size: 14px;
}
.pop-payment table td {
padding: 0 0 15px;
text-align: right;
line-height: 160%;
}
.pop-payment table td:first-child {
text-align: left;
color: #565F62;
}
.pop-payment table tfoot td:first-child {
color: #0F1A1E;
}
.pop-payment table tfoot tr:first-child td {
padding-top: 20px;
border-top: 1px solid #E9E8E6;
}
.pop-payment table td b {
color: #192F28;
font-size: 16px;
font-weight: 700;
}
.pop-payment em {
display: block;
line-height: 100%;
font-size: 14px;
margin: 0 0 20px;
}
.inner-checkout .faddr .hentry h3 {
float: left;
margin: 0;
}
.inner-checkout .faddr .hentry {
margin: 0 0 20px;
}
.inner-checkout .faddr .hentry a {
float: right;
color: #192F28;
font-size: 14px;
font-weight: 700;
}
.inner-checkout .faddr .hentry a:hover {
text-decoration: underline;
}
.addrtxt b {
display: block;
line-height: 100%;
font-size: 14px;
margin: 0 0 10px;
}
.addrtxt p {
line-height: 160%;
font-size: 14px;
}
.acc-addr .addrtxt p {
color: #565F62;
}
.inner-checkout .fcourier .drops {
max-width: 100%;
position: relative;
}
.inner-checkout .fcourier .drops.active {
z-index: 99;
}
.inner-checkout .fcourier .drops strong {
display: block;
position: relative;
cursor: pointer;
border: 1px solid #E9E8E6;
border-radius: 4px;
height: 50px;
line-height: 48px;
padding: 0 15px;
color: #606165;
font-size: 14px;
}
.inner-checkout .fcourier .drops strong:after {
display: block;
position: absolute;
right: 16px;
top: 20px;
width: 12px;
height: 8px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-drops.svg);
transform: rotate(0deg);
}
.inner-checkout .fcourier .drops.active strong:after {
transform: rotate(180deg);
}
.inner-checkout .fcourier .drops strong i {
color: #192F28;
}
.inner-checkout .fcourier .drops strong small {
display: inline-block;
position: absolute;
right: 45px;
top: 17px;
line-height: 100%;
color: #192F28;
font-size: 14px;
}
.inner-checkout .fcourier input[type='text'] {
height: 40px;
}
.inner-checkout .fcourier .drops .dropholder {
position: absolute;
left: 0;
width: 100%;
background: #fff;
border-radius: 2px;
border: 1px solid #E9E8E6;
opacity: 0;
visibility: hidden;
margin-top: 10px;
transition: all 0.2s ease-in;
}
.inner-checkout .fcourier .drops.active .dropholder {
margin-top: 5px;
opacity: 1;
visibility: visible;
}
.inner-checkout .fcourier .drops .dropholder>input {
margin: 20px 16px 15px;
width: calc(100% - 32px);
}
.inner-checkout .fcourier .drops .dropholder>input+.scrollbar-inner {
padding-top: 0;
}
.inner-checkout .fcourier .drops .rdot span {
display: block;
font-size: 14px;
font-weight: 700;
}
.inner-checkout .fcourier .drops .rdot span:before {
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.inner-checkout .fcourier .drops .scrollbar-inner {
padding: 20px 16px;
max-height: 250px !important;
}
.inner-checkout .fcourier .drops li {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #E9E8E6;
}
.inner-checkout .fcourier .drops li:first-child {
padding: 0;
margin: 0;
border: none;
}
.inner-checkout .fcourier .drops b {
display: block;
color: #0F1A1E;
font-weight: 700;
line-height: 100%;
margin: 0 0 10px;
}
.inner-checkout .fcourier .drops span small,
.inner-checkout .fcourier .drops span a {
color: #192F28;
font-size: 14px;
font-weight: 400;
}
.inner-checkout .fcourier .drops span a:hover {
text-decoration: underline;
}
#popaddrselect {
max-width: 600px;
}
#popaddrselect .item {
display: block;
position: relative;
margin-top: 10px;
}
#popaddrselect .item:first-child {
margin-top: 0;
}
#popaddrselect .item input {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: red;
cursor: pointer;
opacity: 0;
z-index: 5;
}
#popaddrselect .item .panel {
border: 1px solid #E9E8E6;
padding: 20px 20px 15px;
}
#popaddrselect .item input:checked+.panel {
border-color: #192F28;
}
#popaddrselect .item .panel:before {
display: block;
position: absolute;
right: 20px;
top: 20px;
border: 2px solid #606165;
background: #192F28;
box-shadow: inset 0 0 0 15px #fff;
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
}
#popaddrselect .item input:checked+.panel:before {
border-color: #192F28;
box-shadow: inset 0 0 0 4px #fff;
}
#popaddrselect .scrollbar-inner.scroll-content {
max-height: 375px !important;
}
#popaddrselect .scrollbar-inner {
margin-right: -10px;
padding-right: 5px !important;
}
#popaddrselect .item .eaddr {
padding: 15px 0 0;
margin: 17px 0 0;
border-top: 1px solid #E9E8E6;
position: relative;
z-index: 6;
}
#popaddrselect .item .eaddr a {
color: #192F28;
font-size: 14px;
}
#popaddrselect .item .eaddr a:hover {
text-decoration: underline;
}
#popaddrselect .addrtxt p {
color: #565F62;
} .inner-thank {
padding: 90px 0;
font-size: 14px;
}
.inner-thank .layer {
max-width: 485px;
margin: 0 auto;
width: 100%;
border: 1px solid #E9E8E6;
border-radius: 6px;
padding: 30px;
border-radius: 6px;
box-shadow: 0px 2px 8px 0px rgba(23, 82, 130, 0.08);
}
.inner-thank h2 {
font-family: 'TAN - Angleton';
font-size: 16px;
}
.acc-odetail .cpay .expired,
.inner-thank h2,
.inner-thank .expired {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #E9E8E6;
}
.acc-odetail .cpay h4,
.inner-thank h4 {
color: #565F62;
line-height: 130%;
margin: 0 0 10px;
}
.acc-odetail .cpay .expired b,
.inner-thank .expired b {
color: #192F28;
font-weight: 700;
}
.acc-odetail .cpay .expired b {
font-style: italic;
color: #F2901B;
}
.acc-odetail .cpay .method span,
.inner-thank .method span {
display: block;
line-height: 100%;
color: #1E1E1E;
}
.acc-odetail .cpay .total,
.acc-odetail .cpay .norek,
.acc-odetail .cpay .method,
.inner-thank .total,
.inner-thank .norek,
.inner-thank .method {
margin: 0 0 20px;
}
.acc-odetail .cpay .clearfix .hascopy,
.inner-thank .clearfix .hascopy {
float: right;
}
.acc-odetail .cpay .clearfix .hascopy a,
.inner-thank .clearfix .hascopy a {
color: #192F28;
}
.acc-odetail .cpay .clearfix .hascopy a:hover,
.inner-thank .clearfix .hascopy a:hover {
text-decoration: underline;
}
.acc-odetail .cpay .clearfix b,
.inner-thank .clearfix b {
float: left;
color: #192F28;
font-weight: 700;
}
.acc-odetail .cpay .clearfix b {
color: #1E1E1E;
}
.inner-thank .action {
padding: 10px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.inner-thank .action a {
flex: calc(50% - 8px);
max-width: calc(50% - 8px);
padding: 0 5px;
} .inner-acc {
padding: 60px 0 120px;
}
.inner-acc .rowflex {
justify-content: space-between;
}
.inner-acc .sidebar {
flex: 21.5%;
max-width: 21.5%;
}
.inner-acc .profile {
overflow: hidden;
position: relative;
text-align: center;
padding: 16px;
}
.inner-acc .profile figure {
margin: 0 auto 12px;
width: 48px;
display: block;
position: relative;
z-index: 2;
}
.inner-acc .profile figure img {
border-radius: 50%;
}
.inner-acc .profile h2 {
font-family: 'TAN - Angleton';
font-size: 16px;
font-weight: 400;
line-height: 125%;
margin: 0 0 5px;
color: #192F28;
}
.inner-acc .profile span {
display: block;
text-align: center;
opacity: .4;
font-size: 12px;
}
.inner-acc .nav {
padding: 16px;
margin: 5px 0 0;
}
.inner-acc .nav li {
display: block;
margin: 8px 0 0;
}
.inner-acc .nav li:first-child {
margin: 0;
}
.inner-acc .nav li a {
display: block;
position: relative;
color: #848E91;
transition: all 0.2s ease-in;
padding: 15px;
font-size: 14px;
}
.inner-acc .nav li:not(.current) a:hover {
color: #CDA55C;
}
.inner-acc .nav li.current a {
background: #3E5646;
color: #fff;
font-weight: 700;
}
.inner-acc .nav li a.cvr-bg-bf:before {
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 12px;
top: -2px;
width: 18px;
height: 18px;
}
.inner-acc .nav li.current a.cvr-bg-bf:before {
filter: brightness(0) invert(1);
}
.inner-acc .nav li a.ic-odr:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/ic-odr.svg);
top: -1px;
}
.inner-acc .nav li a.ic-wish:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/ic-wish.svg);
}
.inner-acc .nav li a.ic-stg:before {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/ic-stg.svg);
}
.inner-acc .main {
flex: 76%;
max-width: 76%;
}
.inner-acc .main .search {
margin: 0 0 20px;
}
.inner-acc .main .search form {
position: relative;
}
.inner-acc .main .search form:before {
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 20px;
height: 20px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/search.svg);
content: '';
left: 12px;
top: 10px;
opacity: .3;
}
.inner-acc .main .search input {
height: 40px;
padding: 0 100px 0 40px;
font-size: 12px;
}
.inner-acc .main .search button {
position: absolute;
height: 32px;
line-height: 32px;
right: 4px;
top: 4px;
font-size: 12px;
padding: 0 20px;
}
.inner-awith .taby,
.inner-aprofile .main .taby,
.inner-acc .taby {
margin: 0 0 25px;
border-bottom: 1px solid #E9E7EC;
}
.inner-awith .taby {
padding: 15px 0 0;
margin: 0;
}
.inner-aprofile .main .taby {
padding: 15px 15px 0;
}
.inner-awith .taby a,
.inner-aprofile .main .taby a,
.inner-acc .taby a {
display: inline-block;
vertical-align: middle;
color: #606165;
font-size: 12px;
border-bottom: 3px solid rgba(255, 255, 255, 0);
padding: 0 0 15px;
margin: 0 40px 0 0;
transition: color 0.2s ease-in;
position: relative;
bottom: -1px;
}
.inner-aprofile .main .taby a {
font-size: 13px;
border-width: 1px;
padding: 0 5px 12px;
}
.inner-awith .taby a {
font-size: 16px;
color: #212529;
border-width: 2px;
padding: 0 25px 12px;
margin: 0;
}
.inner-awith .taby a:hover,
.inner-aprofile .main .taby a:hover,
.inner-acc .taby a:hover {
color: #3E5646;
}
.inner-awith .taby a.current,
.inner-aprofile .main .taby a.current,
.inner-acc .taby a.current {
color: #3E5646;
border-bottom: 3px solid #3E5646;
font-weight: 700;
}
.inner-awith .taby a.current {
border-width: 2px;
}
.inner-aprofile .main .taby a.current {
border-width: 1px;
}
.acc-order .oitem {
border-radius: 4px;
border: 1px solid #F4F4F4;
background: #FFF;
margin: 0 0 16px;
position: relative;
padding: 16px 16px 12px;
}
.acc-order .oitem .odata {
position: absolute;
right: 16px;
top: 16px;
color: #565F62;
font-size: 10px;
}
.acc-order .oitem .act>*,
.acc-order .oitem .qty>*,
.acc-order .oitem .odata>* {
display: inline-block;
vertical-align: middle;
line-height: 100%;
}
.acc-order .oitem .qty i,
.acc-order .oitem .odata i {
width: 1px;
height: 9px;
background: #BEC2C4;
margin: 0 8px;
position: relative;
top: -1px;
}
.acc-order .oitem .qty i {
height: 12px;
background: #E9E8E6;
}
.acc-order .oitem .oprod figure {
display: inline-block;
position: relative;
width: 45px;
}
.acc-order .oitem .oprod figure img {
border-radius: 4px;
width: 100%;
height: 100%;
object-fit: cover;
}
.acc-order .oitem .oprod .capt {
display: inline-block;
vertical-align: top;
width: calc(100% - 50px);
padding-left: 10px;
}
.acc-order .oitem .capt span {
display: inline-block;
height: 19px;
line-height: 20px;
font-size: 10px;
border-radius: 4px;
padding: 0 8px;
margin: 0 0 8px;
}
.acc-order .oitem .capt h3 {
color: #0F1A1E;
font-size: 12px;
line-height: 130%;
}
.acc-order .oitem .capt h3 a {
color: #0F1A1E;
transition: color 0.2s ease-in;
}
.acc-order .oitem .capt h3 a:hover {
color: #3E5646;
}
.acc-order .oitem .oinfo {
padding: 16px 0 0;
margin: 12px 0 0;
border-top: 1px solid #E9E8E6;
}
.acc-order .oitem .qty {
float: left;
color: #848E91;
font-size: 12px;
position: relative;
top: 3px;
}
.acc-order .oitem .act {
float: right;
}
.acc-order .oitem .act>.button {
height: 30px;
line-height: 30px;
font-size: 12px;
padding: 0 10px;
margin: 0 0 0 10px;
}
.acc-order .oitem .act>.button.btn-hollow {
line-height: 28px;
margin: 0 -5px 0 12px;
}
.acc-order .oitem .act>span {
color: #606165;
font-size: 10px;
}
.acc-order .oitem .act>b {
font-size: 12px;
font-weight: 700;
color: #CDA55C;
}
.acc-order .empty {
padding: 90px 0;
text-align: center;
}
.acc-order .empty .txt {
position: relative;
margin: 0 0 20px;
top: -10px;
line-height: 160%;
color: #565F62;
font-size: 14px;
}
.inner-404 h2,
.acc-order .empty h2 {
color: #192F28;
font-family: 'TAN - Angleton';
font-size: 24px;
line-height: 130%;
margin: 25px 0;
font-weight: 400;
}
.inner-404 {
padding: 180px 0 220px;
text-align: center;
}
.inner-404 figure {
margin: 0 0 50px;
}
.inner-404 .txt {
color: #565F62;
position: relative;
top: -5px;
font-size: 14px;
}
.acc-odetail .gate {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.acc-odetail .gate .col {
flex: calc(50% - 8px);
max-width: calc(50% - 8px);
}
#popmap a.bck,
.acc-balance a.bck,
.acc-odetail a.bck {
color: #0F1A1E;
font-size: 14px;
font-weight: 700;
margin: 0 0 15px;
display: inline-block;
vertical-align: middle;
}
#popmap a.bck {
color: #313238;
font-size: 16px;
font-weight: 700;
}
#popmap a.bck:before,
.acc-balance a.bck:before,
.acc-odetail a.bck:before {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-back2.svg);
margin-right: 15px;
position: relative;
top: -1px;
left: 0;
transition: left 0.2s ease-in;
}
.acc-balance a.bck:hover:before,
.acc-odetail a.bck:hover:before {
left: -3px;
}
.acc-odetail .citem {
margin: 15px 0 0;
padding: 16px 18px;
border: 1px solid #E8E8E8;
border-radius: 4px;
background: #fff;
font-size: 14px;
}
.acc-odetail .citem.border-alt,
.acc-odetail .col:last-child>.citem {
border-color: #192F28;
border-radius: 0;
}
.acc-odetail .citem:first-child {
margin: 0;
}
.acc-odetail .cstat {
text-align: right;
}
.acc-odetail .cstat>* {
display: inline-block;
vertical-align: middle;
}
.acc-odetail .cstat>span {
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 8px;
border-radius: 4px;
float: left;
position: relative;
}
.acc-odetail .cstat>b {
font-size: 12px;
color: #565F62;
}
.acc-odetail .cstat>i {
width: 1px;
height: 10px;
background: #E9E7EC;
margin: 0 4px 0 5px;
}
.acc-odetail h3.ctrigger {
position: relative;
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700;
font-size: 14px;
line-height: 130%;
color: #0F1A1E;
}
.acc-odetail h3.ctrigger:after {
width: 18px;
height: 18px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/arrow-down2.svg);
right: 0;
top: 0;
position: absolute;
}
.acc-odetail h3.ctrigger.expanded:after {
transform: rotate(-180deg);
}
.acc-odetail h3.ctrigger+.cwrap {
margin: 15px 0 0;
display: none;
}
.acc-odetail h3.ctrigger.expanded+.cwrap {
display: block;
}
.acc-odetail .csums table {
margin: 0;
}
.acc-odetail .cship span {
display: block;
line-height: 100%;
margin: 0 0 15px;
color: #565F62;
font-size: 14px;
font-weight: 400;
}
.acc-odetail .cship .border {
margin: 16px 0;
border-bottom: 1px dashed #E9E8E6;
}
.acc-odetail .cprod .prod:not(:first-child) {
margin: 16px 0 0;
}
.acc-odetail .cprod .prod .caption {
position: relative;
}
.acc-odetail .cprod .prod .caption em {
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
font-size: 14px;
color: #1E1E1E;
}
.acc-odetail .cprod .prod p.anote {
margin: 10px 0 0;
font-size: 14px;
display: block;
}
.acc-odetail .cprod .prod .orev {
margin: 8px 0 0;
}
.acc-odetail .cprod .prod p.anote+.orev {
margin: 5px 0 0;
display: block;
}
.acc-odetail .cprod .prod .orev .rate {
position: relative;
left: -2px;
}
.acc-odetail .cprod .prod .orev p {
font-size: 12px;
margin: 5px 0 0;
}
.acc-odetail .cpay .layer {
background: #fff;
border: 1px solid #192F28;
border-radius: 0px;
padding: 16px;
font-size: 14px;
}
.acc-odetail .cpay .instruct h2 {
font-weight: 700;
font-size: 14px;
padding: 16px 0 0;
margin: 16px 0 0;
border-top: 1px solid #E8E8E8;
}
.acc-odetail .cpay .instruct .format-text {
color: #565F62;
font-size: 12px;
}
.acc-odetail .cpay .instruct .format-text ul,
.acc-odetail .cpay .instruct .format-text ol {
padding-left: 20px;
}
.acc-odetail .cdelv table {
width: 100%;
}
.acc-odetail .cdelv table td {
padding: 0 0 15px;
font-size: 14px;
color: #606165;
text-align: right;
}
.acc-odetail .cdelv table td:first-child {
text-align: left;
}
.acc-odetail .cdelv table tr:first-child td:first-child {
color: #313238;
}
.acc-odetail .cdelv table tr:last-child td {
padding: 0;
}
.acc-odetail .cdelv table tr td b {
color: #313238;
font-weight: 700;
}
.acc-odetail .cdelv table td small {
color: #606165;
}
.acc-odetail .cdelv table td strong {
color: #877669;
font-weight: 700;
}
.acc-odetail .citem .prod {
margin: 16px 0 0;
padding: 16px 0 0;
border-top: 1px solid #E9E8E6;
}
.acc-odetail .citem .prod:first-child {
margin: 0;
padding: 0;
border: none;
}
.acc-odetail .cusage .format-text {
font-size: 14px;
}
.acc-odetail .crev .rprod figure {
display: inline-block;
vertical-align: middle;
width: 40px;
}
.acc-odetail .crev .rprod figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.acc-odetail .crev .rprod .caption {
width: calc(100% - 40px);
padding-left: 12px;
display: inline-block;
vertical-align: middle;
}
.acc-odetail .crev .form-basic {
margin: 18px 0 0;
}
.acc-odetail .crev .form-basic>b {
display: block;
color: #565F62;
font-size: 12px;
margin: 0 0 5px;
}
.acc-odetail .crev .rate-wrap {
margin: 0 0 10px;
}
.acc-odetail .crev .upfield {
position: relative;
margin: 12px 0 0;
}
.acc-odetail .crev .upfield input[type='file'] {
display: block;
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background: red;
top: 0;
left: 0;
opacity: 0;
}
.acc-odetail .crev .upfield .aimg {
position: relative;
z-index: 1;
color: #192F28;
font-size: 12px;
}
.acc-odetail .crev .upfield .aimg:before {
width: 20px;
height: 20px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/aimg.svg);
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 8px;
top: -1px;
}
.acc-odetail .crev .upfield figure {
display: inline-block;
position: relative;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 6px;
z-index: 3;
}
.acc-odetail .crev .upfield figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.acc-odetail .crev .upfield figure .cvr-bg {
width: 8px;
height: 8px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/xrev.svg);
position: absolute;
display: inline-block;
right: 3px;
top: 4px;
}
.acc-odetail .crev .upfield .oimg {
display: inline-block;
vertical-align: middle;
position: relative;
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #F4F4F4;
border-radius: 4px;
}
.acc-odetail .crev .upfield .oimg em {
display: inline-block;
width: 15px;
height: 15px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/oimg.svg);
margin: 7px 0 0;
}
.acc-odetail .crev .upfield .oimg b {
display: block;
line-height: 100%;
font-size: 8px;
}
.acc-odetail .crev .upfield figure+figure+figure+.oimg+input,
.acc-odetail .crev .upfield figure+figure+figure+.oimg {
display: none;
}
.acc-wishlist .list {
display: flex;
flex-wrap: wrap;
margin: 0 -22px;
}
.acc-wishlist .list .product-item {
flex: calc(33.33333333333333333333333% - 44px);
max-width: calc(33.33333333333333333333333% - 44px);
margin: 0 22px 44px;
background: #fff;
}
.acc-profile .depe {
margin: 0 0 45px;
}
.acc-profile .depe>*:not(h2) {
display: inline-block;
vertical-align: middle;
}
.acc-profile .depe figure {
width: 108px;
margin: 0 30px 0 0;
}
.acc-profile .depe figure img {
border-radius: 50%;
}
.acc-profile .depe .upfield {
position: relative;
margin-right: 15px;
}
.acc-profile .depe .upfield input {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: red;
opacity: 0;
}
.acc-profile .depe small {
font-size: 12px;
color: #565F62;
}
.acc-profile .depe .button {
height: 40px;
line-height: 40px;
width: 120px;
padding: 0 5px;
font-size: 14px;
border-radius: 4px;
}
.acc-setting h2 {
font-family: 'TAN - Angleton';
margin: 0 0 20px;
}
.acc-setting .form-basic .fgroup>label {
font-weight: 400;
color: #0F1A1E;
margin: 0 0 5px;
}
.inner-acc .acc-addr .rowflex {
margin: 0 -24px;
justify-content: flex-start;
}
.acc-addr .item {
flex: calc(50% - 48px);
max-width: calc(50% - 48px);
margin: 0 24px 24px;
border: 1px solid #BEC2C4;
padding: 20px 20px 15px;
font-size: 14px;
background: #fff;
}
.acc-addr .item.current {
border: 1px solid #192F28;
}
.acc-addr .item h3 {
color: #0F1A1E;
font-weight: 700;
line-height: 130%;
margin: 0 0 15px;
font-size: 14px;
}
.acc-addr .item .addrtxt {
line-height: 180%;
margin: 0 0 15px;
color: #606165;
}
.acc-addr .item .addrtxt b {
color: #313238;
}
.acc-addr .item .action {
padding-top: 15px;
border-top: 1px solid #E9E7EC;
}
.acc-addr .item a:hover {
text-decoration: underline;
}
.acc-addr .item .action>a {
float: left;
color: #192F28;
}
.acc-addr .item.current .action>a {
cursor: default;
color: #192F28;
}
.acc-addr .item .action .mod {
float: right;
}
.acc-addr .item .mod a {
color: #192F28;
display: inline-block;
vertical-align: middle;
}
.acc-addr .item .mod a:first-child {
color: #606165;
margin-right: 25px;
}
.acc-addr .item.current .mod a:first-child {
display: none;
}
.acc-addr .centered {
padding: 20px 0 0;
}
.biteship-search {
position: relative;
z-index: 9;
}
.biteship-search .holder {
position: absolute;
left: 0;
width: 100%;
background: #fff;
background: #fff;
border-radius: 4px;
border: 1px solid #E9E7EC;
padding: 5px 10px;
opacity: 0;
visibility: hidden;
opacity: 0;
margin: 10px 0 0;
transition: all 0.2s ease-in;
}
.biteship-search input:focus+.holder {
opacity: 1;
visibility: visible;
margin: 5px 0 0;
}
.biteship-search .holder>.scrollbar-inner {
max-height: 150px !important;
padding: 2px 15px;
}
.biteship-search:after {
display: block;
width: 20px;
height: 20px;
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/icon/search.svg);
opacity: 1;
transition: opacity 0.2s ease-in;
position: absolute;
right: 15px;
top: 15px;
}
.biteship-search.fetching:after {
background-image: url(//www.selensia.biz/wp-content/themes/selensia/assets/img/loading.gif);
}
#popmethodpay .scrollbar-inner.scroll-content {
max-height: 330px !important;
}
.guest-wrap {
position: relative;
font-size: 14px;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #E9E8E6;
}
.guest-wrap label {
display: block;
margin: 0 0 20px;
line-height: 100%;
font-weight: 600;
}
.guest-wrap a {
display: inline-block;
position: absolute;
right: 0;
top: -5px;
color: #CDA55C;
font-weight: 600;
}
.guest-wrap a:hover {
text-decoration: underline;
}
.guest-wrap input {
float: left;
width: 43.5% !important;
}
.guest-wrap small {
float: right;
color: #606165;
font-size: 12px;
font-style: italic;
line-height: 150%;
width: 53%;
position: relative;
top: 5px;
} #popmap {
width: 95%;
max-width: 700px;
padding: 30px;
border-radius: 5px;
}
#popmap .fancybox-close-small {
display: none;
}
#popmap .iframe-holder {
padding: 0;
height: 320px;
}
#popmap .map-holder {
position: relative;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
#popmap .form-basic {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9;
padding: 10px 10px 0;
}
#popmap .caption {
padding: 16px;
color: #606165;
font-size: 14px;
line-height: 160%;
border: 1px solid #ECECEC;
border-top: 0;
border-radius: 0 0 10px 10px;
margin: 0 0 25px;
}
#popmap .caption h3 {
font-weight: 600;
line-height: 130%;
margin: 0 0 5px;
}
#popmap .choose-location {
cursor: pointer;
}
.pac-container {
z-index: 99999 !important;
}
#pop-promo {
width: 100%;
max-width: 960px;
padding: 0;
}
#pop-promo .rowflex>* {
flex: 50%;
max-width: 50%;
position: relative;
}
#pop-promo figure>img {
width: 100%;
height: 100%;
object-fit: cover;
}
#pop-promo figure:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
content: ''; background: linear-gradient(135deg, rgba(25, 47, 40, 1) 0%, rgba(0, 0, 0, 0) 100%); }
#pop-promo figure span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 3;
padding: 22px 0 0 25px;
}
#pop-promo .caption {
padding: 50px;
}
#pop-promo .caption h2 {
font-family: 'TAN - Angleton';
font-size: 32px;
line-height: 150%;
color: #0F1A1E;
}
#pop-promo .caption .format-text {
color: #565F62;
font-size: 14px;
line-height: 200%;
margin: 20px 0 0;
}
#pop-promo .caption .act {
margin: 30px 0 0;
}
#pop-promo .caption .act>* {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#pop-promo .caption .txt {
color: #848E91;
font-size: 12px;
line-height: 170%;
margin: 20px 0 0;
}
#pop-promo .fancybox-close-small {
opacity: .5;
}
#loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: #fff;
}
#loader figure {
display: block;
position: absolute;
left: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
width: 100%;
}
#loader figure img {
display: inline-block;
animation: UpDown 2s linear infinite;
position: relative;
}
@keyframes UpDown {
0% {
bottom: 0;
}
50% {
bottom: 1em;
}
100% {
bottom: 0;
}
}
.mainmenu li.mega-menu {
position: static;
}
.menu-product {
position: absolute;
left: 0;
width: 100%;
background: #fff;
opacity: 0;
visibility: hidden;
margin: 25px 0 0;
transition: all 0.2s ease-in;
padding: 50px 0;
text-align: left;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);
}
li:hover .menu-product {
margin: 20px 0 0;
opacity: 1;
visibility: visible;
}
.menu-product:before {
display: block;
position: absolute;
left: 0;
top: -20px;
height: 20px;
width: 100%;
background: blue;
content: '';
opacity: 0;
}
.menu-product .hentry {
margin: 0 0 35px;
}
.menu-product .hentry h2 {
font-family: 'TAN - Angleton';
font-size: 24px;
color: #192F28;
line-height: 130%;
}
.menu-product .hentry .format-text {
color: #565F62;
font-size: 14px;
margin: 15px 0 0;
}
.menu-product .nav-item {
display: none;
}
.menu-product .nav-item.current {
display: flex;
}
.menu-product .rowflex {
justify-content: space-between;
}
.menu-product .nav {
flex: 16.2%;
max-width: 16.2%;
}
.menu-product .caption .mobile-toggle,
.menu-product .nav a {
display: block;
position: relative;
color: #0F1A1E;
font-size: 16px;
padding: 0 0 20px;
margin: 0 0 20px;
transition: color 0.2s ease-in;
}
.menu-product .caption .mobile-toggle.current,
.menu-product .nav a.current,
.menu-product .nav a:hover {
color: #192F28;
}
.menu-product .caption .mobile-toggle.current,
.menu-product .nav a.current {
font-weight: 700;
}
.menu-product .caption .mobile-toggle:after,
.menu-product .nav a:after {
display: block;
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
background: #192F28;
height: 2px;
content: '';
display: none;
}
.menu-product .caption .mobile-toggle.current:after,
.menu-product .nav a.current:after {
display: block;
}
.menu-product .caption {
flex: 74%;
max-width: 74%;
}
.menu-product .caption .nav-item {
flex-wrap: wrap;
justify-content: space-between;
}
.menu-product .prod-list {
flex: 30%;
max-width: 30%;
}
.menu-product .prod-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 16px;
}
.menu-product .prod-item figure {
flex: 48px;
max-width: 48px;
}
.menu-product .prod-item .cap {
flex: calc(100% - 65px);
max-width: calc(100% - 65px);
}
.menu-product .prod-item h3 {
color: #0F1A1E;
font-size: 14px;
margin: 0 0 5px;
}
.menu-product .prod-item h3 a {
color: #0F1A1E;
}
.menu-product .prod-item h3+a {
display: inline-block;
color: #E1C38C;
font-size: 14px;
}
.menu-product .thumb {
flex: 40%;
max-width: 40%;
}
.menu-product .thumb figure {
width: 100%;
height: 210px;
margin: 0 0 18px;
}
.menu-product .thumb figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.menu-product .thumb h3 {
float: left;
color: #192F28;
font-size: 16px;
font-weight: 700;
}
.menu-product .thumb a {
float: right;
color: #E1C38C;
font-size: 16px;
} @media screen and (-webkit-min-device-pixel-ratio:0) {} @-moz-document url-prefix() {} body.woocommerce-page.woocommerce-order-received>div.woocommerce>div.woocommerce-order {
border: solid 1px #aaa;
padding: 0 20px;
}
.post-type-archive-product .product-suggestion .hentry h2 {
font-size: 32px;
float: left;
}
span.product-stock {
display: none;
}
.topbar .util .wsh {
display: none;
}
.product-item .act .btn-atw {
display: none;
}
.product-item .act .btn-atc {
max-width: 100%;
}
.detail-product .main .act .add-to-wish {
display: none;
}
.detail-product .main .act .button:not(:first-child) {
flex: calc(50% - 8px);
max-width: calc(50% - 8px);
}  .cart-collaterals .cart_totals table {
text-align: left;
color: #565F62;
font-weight: 400;
}
.cart-collaterals .cart_totals table td {
padding-bottom: 18px;
}
.cart-collaterals .cart-subtotal {
border-bottom: 1px solid #E9E8E6;
}
.cart-collaterals .order-total th,
.order-total td {
padding-top: 18px;
}
.cart-collaterals h2 {
font-family: 'TAN - Angleton';
font-size: 14px;
line-height: 150%;
color: #0F1A1E;
margin-bottom: 24px;
}
.cart-collaterals .order-total .woocommerce-Price-amount {
font-size: 14px;
color: #192F28;
font-weight: 700;
}  body.woocommerce-order-received div#body {
background-color: white;
}
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
margin: 30px 0;
}
body.woocommerce-order-received div#body .woocommerce .woocommerce-order {
padding: 20px 10px;
max-width: 1180px;
margin: 0 auto;
}
ul.woocommerce-thankyou-order-details {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.woocommerce-thankyou-order-details li {
display: grid;
grid-template-columns: 0.12fr 1fr;
text-align: left;
padding: 4px 2px;
}
ul.woocommerce-thankyou-order-details li strong {
font-weight: bold;
margin-left: 10px;
}
.woocommerce-thankyou-order-received {
font-weight: bold;
font-size: x-large;
margin-bottom: 10px;
}
body.woocommerce-order-received h2 {
font-weight: bold;
font-size: x-large;
margin-bottom: 10px;
}
.woocommerce-order-details {
margin: 30px 0;
}
table.woocommerce-table--order-details {
width: 100%;
border: 1px solid #eaeaea;
border-collapse: collapse;
}
table.woocommerce-table--order-details tfoot th,
table.woocommerce-table--order-details thead {
font-weight: bold;
}
table.woocommerce-table--order-details td,
table th {
border: 0;
padding: 8px;
}
td.woocommerce-table__product-total,
table.woocommerce-table--order-details tfoot {
text-align: right;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
margin: 10px;
margin-right: 20px;
}
table.woocommerce-table--order-details.shop_table.order_details thead tr {
margin: 10px;
width: 100%;
} @media (max-width: 768px) {
.mainmenu li.current-menu-item>a,
.mainmenu li a:hover {
color: #757D80;
}
}