@charset "UTF-8";
/*@import "function/_responsive.scss";*/
/********** main-style **********/
/********** main-color **********/
/* slide */
/* overall web */
/* new color */
/********** main-font **********/
/* start ปรับให้ h2 font size เท่ากับ h5 */
/*.content_box_detail > h2 {
font-size:1.25rem;
}*/
.content_box_detail > h1 {
font-size: 20pt;
font-family: 'MrEaves_VOGUE_TH_Rg';
font-weight: bolder;
}
.content_box_detail > h2 {
font-size: 20pt;
font-family: 'MrEaves_VOGUE_TH_Rg';
font-weight: bolder;
color: #D50757;
}
.content_box_detail > h3 {
font-size: 18pt;
font-family: 'MrEaves_VOGUE_TH_Rg';
}
.content_box_detail > h4 {
font-size: 14pt;
font-family: "thongtermlight";
font-weight: lighter;
line-height: 1.3;
}
.content_box_detail > h5 {
font-size: 14pt;
font-family: "thongtermlight";
font-weight: lighter;
line-height: 1.3;
color: #D50757;
}
.content_box_detail > h6 {
font-size: 12pt;
font-family: "thongtermlight";
font-weight: bolder;
color: #D50757;
line-height: 1.3;
}
/*.article-detail-content h5 {
font-size:1.25rem;
}*/
/* end ปรับให้ h2 font size เท่ากับ h5 */
html {
font-size: 100%; }
body {
color: #050505;
/*background: #ECECEC; */
background: white;
padding-top: 296px;
font-size: 1rem;
font-family: "MrEaves_VOGUE_TH_Rg"; }
body a {
text-decoration: none !important;
/*@include inline-block();*/ }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: "MrEaves_VOGUE_TH_Rg"; }
.row.no-gutters {
margin-right: 0;
margin-left: 0; }
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0; }
/* รวบรวม font-size ของทุกๆ กล่องเนื้อหาเอาไว้ที่ส่วนนี้ พร้อมกับตั้งชื่อให้สื่อความหมาย */
/* สร้าง function สำหรับใช้ดึงค่า font-size ตามชื่อกล่องที่ระบุ */
/* สร้าง mixin สำหรับการกำหนด font-size โดยใช้หน่วย rem */
/* example "@include font-size(getFontSize('large'));" */
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999999; }
::-moz-placeholder {
/* Firefox 19+ */
color: #999999; }
:-ms-input-placeholder {
/* IE 10+ */
color: #999999; }
:-moz-placeholder {
/* Firefox 18- */
color: #999999; }
.cal-input-form ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
text-align: right; }
.cal-input-form ::-moz-placeholder {
/* Firefox 19+ */
text-align: right; }
.cal-input-form :-ms-input-placeholder {
/* IE 10+ */
text-align: right; }
.cal-input-form :-moz-placeholder {
/* Firefox 18- */
text-align: right; }
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: ''; }
select::-ms-expand {
display: none; }
/*.input-container {
max-width: 300px;
background-color: #EDEDED;
border: 1px solid #DFDFDF;
border-radius: 5px;
text-align: left;
}*/
.bg-white {
background: #ffffff; }
.bg-gray {
background: #ECECEC; }
.bg-pink {
background: #B61056; }
.bg-blue {
background: #5C6BB0; }
.bg-green {
background: #57DBB8; }
.bg-orange {
background: #FF9E17; }
.bg-orangered {
background: #FF6E1C; }
.bg-red {
background: #FF3B3B; }
.bg-violet {
background: #7D3096; }
.bg-redlight {
background: #FF8A84; }
/* new color */
.bg-salmonpink {
background: #d68176; }
.bg-babyblue {
background: #aecce3; }
.bg-coral {
background: #e96c4d; }
.bg-taupe {
background: #c1ae91; }
.bg-mintgreen {
background: #89bda5; }
.bg-yellow {
background: #e9cb48; }
.bg-pink2 {
background: #d57fa4; }
section {
margin: 30px 0; }
section.no-space {
margin: 0; }
.ad-box {
text-align: center; }
.ad-box .ad-box .ad-wrapper {
margin: 0 auto; }
.ad-box img {
max-width: 100%; }
*:focus {
outline: 0 !important;
-moz-outline-style: none !important; }
button:focus {
outline: 0 !important;
-moz-outline-style: none !important; }
button.btn:focus {
outline: 0 !important;
-moz-outline-style: none !important; }
.vogue-btn, .vogue-btn-small, .vogue-btn-medium, .vogue-btn-thin {
margin: 0 auto;
padding: 5px 20px;
text-align: center;
width: 100%;
background-color: transparent;
border: 1px solid transparent;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
vertical-align: top;
zoom: 1;
font-size: 16px;
font-size: 1.6rem;
-webkit-border-radius: 0rem;
-moz-border-radius: 0rem;
-ms-border-radius: 0rem;
border-radius: 0rem;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.vogue-btn:focus, .vogue-btn-small:focus, .vogue-btn-medium:focus, .vogue-btn-thin:focus {
box-shadow: unset; }
.vogue-btn:hover, .vogue-btn-small:hover, .vogue-btn-medium:hover, .vogue-btn-thin:hover {
outline: 0; }
.vogue-btn-small {
max-width: 200px; }
.vogue-btn-medium {
max-width: 100px;
padding: 5px 0; }
.vogue-btn-thin {
max-width: 100%;
padding: 5px 0; }
.vogue-primary {
color: #ffffff;
border: 0;
background: #B61056;
display: block; }
.vogue-primary:hover {
background: #B61056;
color: #ffffff; }
.vogue-form {
font-family: "MrEaves_VOGUE_TH_Rg"; }
.vogue-form .form-control,
.vogue-form .custom-select {
-webkit-border-radius: 0rem;
-moz-border-radius: 0rem;
-ms-border-radius: 0rem;
border-radius: 0rem;
font-size: 12px;
font-size: 1.2rem;
height: calc(1.4286em + 1.125rem + -7px);
border: 1px solid #050505; }
.vogue-form .cus-select {
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none; }
.vogue-form .cus-select-classic {
background-image: linear-gradient(45deg, transparent 50%, #FF382E 50%), linear-gradient(135deg, #FF382E 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
background-position: calc(100% - 20px) calc(1em + -4px), calc(100% - 15px) calc(1em + -4px), 100% 0;
background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
background-repeat: no-repeat; }
.vogue-form .cus-select-classic:focus {
outline: 0; }
.vogue-form label {
font-size: 12px;
font-size: 1.2rem;
color: #050505; }
.vogue-form .required {
color: #FF382E; }
.vogue-form textarea {
-webkit-border-radius: 0rem;
-moz-border-radius: 0rem;
-ms-border-radius: 0rem;
border-radius: 0rem;
font-size: 14px;
font-size: 1.4rem;
height: calc(100%) !important;
border: 1px solid #ebebeb; }
.vogue-form .select-lg.select2-selection--single {
-webkit-border-radius: 0rem;
-moz-border-radius: 0rem;
-ms-border-radius: 0rem;
border-radius: 0rem;
font-size: 14px;
font-size: 1.4rem;
height: calc(1.4286em + 1.125rem + -7px);
line-height: 1.1;
border: 1px solid #ebebeb; }
.vogue-form .uniform-checker span {
border: 1px solid #999; }
.vogue-form .form-check label {
font-size: 18pxpx;
font-size: 1.8pxrem;
color: #050505; }
.vogue-form .form-check .uniform-checker,
.vogue-form .form-check .uniform-choice {
top: 0.3rem; }
.vogue-form .form-check-inline .form-check-label {
line-height: 1; }
.vogue-underline {
border-bottom: 1px solid; }
.w-24 {
width: 24% !important; }
.txt-med {
font-family: "MrEaves_VOGUE_TH_Bd"; }
/*.ad {
background: $gray-bg;
.ad-inner {
margin: 0 auto;
padding: 20px 0;
min-height: 0;
overflow: hidden;
text-align: center;
}
}*/
.pull-right {
float: right; }
.search-area {
/*position: absolute;*/
position: fixed;
display: none;
content: '';
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
width: 100%;
height: 100%;
z-index: 101; }
.search-area .close-btn {
position: relative;
z-index: 9999; }
.search-area .close-btn button {
color: #ffffff; }
.search-area .form-btn {
margin-top: 40%; }
.search-area .form-btn input {
height: 60px;
background: transparent;
/*font-size: 28px;*/
color: #ffffff; }
.search-area .form-btn input:focus {
background: transparent;
outline: none;
box-shadow: none;
color: #ffffff; }
.search-area .form-btn input::placeholder {
color: #ffffff;
font-weight: normal; }
.search-area .form-btn i {
font-size: 30px; }
.search-area .btn-outline-light:hover {
color: #ffffff;
background: transparent; }
.search-area .brd-left-none {
border-left: none !important; }
.search-area .form-btn .form-control {
border-right: none !important; }
.search-area .border-bottom {
border: none;
border-bottom: solid 1px #ced4da;
border-radius: 0px; }
.content img {
max-width: 100%; }
.content .banner {
padding: 0 100px 0 50px;
color: #ffffff; }
.content .banner .box .layout {
max-width: 1440px; }
.content .banner .box_type {
font-family: "MrEaves_VOGUE_TH_Bd";
font-size: 18px; }
.content .banner .box_type a {
color: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .banner .box_type a:hover {
text-decoration: underline !important; }
.content .banner h2 {
position: relative;
margin-bottom: 50px;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.content .banner h2 a {
color: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .banner h2 a:hover {
text-decoration: underline !important; }
.content .banner h2:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -25px;
left: 0;
background: #ffffff; }
.content .banner p {
font-family: "thongtermlight";
font-size: 18px; }
.content .banner p a {
color: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .banner p a:hover {
text-decoration: underline !important; }
.content .banner .footer .author {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px; }
.content .banner .footer .author span a {
color: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .banner .footer .author span a:hover {
text-decoration: underline !important; }
.content .banner .footer .date {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 13px;
margin-bottom: 5px; }
.content .banner .footer .social button {
background-color: transparent;
border: 0;
color: #ffffff; }
.content .banner .footer .social button:first-child {
padding: 0 0 0 5px; }
.content .banner_sub {
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.content .banner_sub .beauty_club {
display: table-cell;
vertical-align: middle;
height: 500px; }
.content .banner_sub .beauty_club_head {
font-family: "MillerBanner_Light";
font-size: 110px;
line-height: 110px;
letter-spacing: -4px;
margin-bottom: 30px; }
.content .banner_sub .beauty_club_text p {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 24px;
line-height: 30px;
margin-bottom: 30px; }
.content .banner_sub .beauty_club button {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 24px;
line-height: 30px;
color: #ffffff; }
.content_box {
padding: 30px 0; }
.content_box .vb-breadcrumb {
display: block;
border-top: 1px solid #fff;
margin: 20px 0 10px; }
.content_box .vb-breadcrumb ol {
text-transform: uppercase;
justify-content: center;
padding: 10px 0 0; }
.content_box .vb-breadcrumb .breadcrumb .breadcrumb-item {
font-size: 1rem;
color: #fff !important;
font-family: "MrEaves_VOGUE_TH_Bd"; }
.content_box .vb-breadcrumb .breadcrumb .breadcrumb-item:before {
color: #fff !important; }
.content_box .vb-breadcrumb .breadcrumb .breadcrumb-item a {
font-family: "MrEaves_VOGUE_TH_Rg";
color: #fff !important; }
.content_box .head {
font-family: "MillerBanner_Light";
font-size: 80px;
line-height: 80px;
letter-spacing: -4px;
/*margin-bottom: 30px;*/
margin-bottom: 0; }
.content_box .head_more {
font-family: "MillerBanner_Light";
font-size: 80px;
line-height: 80px;
letter-spacing: -2px;
/*margin-bottom: 30px;*/
margin-bottom: 0; }
.content_box .no-type {
margin-bottom: 30px; }
.content_box .box-img {
position: relative; }
.content_box .box-img a {
display: block; }
.content_box .box-img a .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .box-img a:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
.content_box .box-img a img {
width: 100%; }
.content_box_detail {
margin: 30px 0;
padding: 0 15px;
font-family: "thongtermlight";
line-height: 1.75; }
.content_box_detail blockquote {
margin-bottom: 3rem;
margin-left: 40px;
font-family: "thongtermbold";
font-size: 1.25rem;
color: #B61056;
border-left: solid 10px #B61056;
padding-left: 30px; }
.content_box_detail p {
margin-top: 1rem;
margin-bottom: 1rem;
font-family: "thongtermlight";
font-size: 1rem; }
.content_box_detail p img {
margin: 0 auto;
width: auto;
max-width: 100% !important; }
.content_box_detail p small {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 1rem;
margin-top: 10px; }
.content_box_detail_tag {
font-family: "MrEaves_VOGUE_TH_Rg" !important;
margin-bottom: 5px; }
.content_box_detail_tag b {
font-family: "MrEaves_VOGUE_TH_Bd";
font-weight: normal; }
.content_box_detail_tag a {
color: #FF382E;
padding: 0 5px; }
.content_box_detail iframe, .content_box_detail twitter-widget {
margin: 0 auto !important; }
.content_box_detail .line-tag {
/*border-top: solid 1px $gray;*/
border-bottom: solid 1px #D4D4D4;
margin-top: 1rem;
padding-top: 1rem;
padding-bottom: 1rem; }
.content_box_detail .social button {
background-color: transparent;
border: 0;
color: #999999;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box_detail .social button:hover {
color: #B61056; }
.content_box_detail .social button:first-child {
padding: 0 5px 0 0; }
.content_box_about {
padding: 30px 0 0; }
.content_box_about .menu-category {
margin-bottom: 0 !important; }
.content_box_about_detail h1 {
font-family: "MrEaves_VOGUE_TH_Bd";
color: #B61056;
margin-bottom: 0; }
.content_box_about_detail h4 {
font-family: "MrEaves_VOGUE_TH_Bd";
margin-bottom: 0; }
.content_box_about_detail dd {
margin-top: 3rem; }
.content_box_about_detail .pink-line {
color: #B61056;
border-bottom: solid 1px #D4D4D4;
padding-bottom: 20px;
margin-bottom: 30px; }
.content_box_about_detail_contact h4 {
font-family: "MrEaves_VOGUE_TH_Bd";
color: #B61056;
border-bottom: solid 1px #D4D4D4;
padding-bottom: 20px;
margin-bottom: 30px; }
.content_box_about_detail_contact a {
color: #B61056; }
.content_box_category {
padding: 0; }
.content_box_category .menu-category {
margin-bottom: 0 !important; }
.content_box_first {
padding: 0 0 30px; }
.content_box #head_detail_style1, .content_box #head_detail_style2, .content_box #head_detail_style3 {
border-bottom: solid 1px #D4D4D4;
padding-bottom: 2rem;
margin-bottom: 0.58rem; }
.content_box #head_detail_style3 {
position: relative;
overflow: hidden; }
.content_box #head_detail_style3 .shadow-fill {
background: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0; }
.content_box #head_detail_style3 img {
width: 100%; }
.content_box #head_detail_style3 .style1 {
position: absolute;
bottom: 10%;
text-align: center;
color: #ffffff;
width: 100%;
z-index: 1;
padding: 0 15px; }
.content_box #head_detail_style3 .style1 h2.text-center:before {
background: #ffffff; }
.content_box #head_detail_style3 .style1 a {
color: #ffffff; }
.content_box #head_detail_style3 .style1 .footer, .content_box #head_detail_style3 .style1 .social button {
color: #ffffff; }
.content_box .menu-category {
text-align: center;
color: #ffffff;
padding: 15px 0 0;
margin-bottom: 30px; }
.content_box .menu-category_top .head {
font-family: "MillerBanner_Light";
/*font-size: 110px;
line-height: 110px;*/
font-size: 80px;
line-height: 80px;
letter-spacing: -4px;
/*margin-bottom: 30px;*/
margin-bottom: 20px; }
.content_box .menu-category_top .head_row {
margin-bottom: 0; }
.content_box .menu-category_bottom {
border-top: solid 1px #ffffff;
padding-top: 20px;
padding-bottom: 20px;
overflow-x: auto;
white-space: nowrap;
overflow-y: hidden; }
.content_box .menu-category_bottom .menu-item-sub {
display: inline-block;
position: relative;
padding: 0 15px; }
.content_box .menu-category_bottom .menu-item-sub a {
display: inline-flex;
color: #ffffff;
text-transform: uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .menu-category_bottom .menu-item-sub a:after {
content: "";
background: #ffffff;
width: 100%;
position: absolute;
left: 0;
bottom: -10px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
height: 3px;
background: transparent; }
.content_box .menu-category_bottom .menu-item-sub a:hover:after {
height: 3px;
background: #ffffff; }
.content_box .menu-category_bottom .menu-item-sub a.active {
/*color: $red-light;*/
display: inline-flex; }
.content_box .menu-category_bottom .menu-item-sub a.active:after {
content: "";
height: 3px;
background: #ffffff;
width: 100%;
position: absolute;
left: 0;
bottom: -10px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
height: 3px; }
.content_box .head {
font-family: "MillerBanner_Light";
font-size: 80px;
line-height: 80px;
letter-spacing: -4px;
/*margin-bottom: 30px;*/ }
.content_box .topics {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px;
overflow-x: auto;
white-space: nowrap;
overflow-y: hidden;
margin-top: 30px; }
.content_box .topics .text {
display: inline-block; }
.content_box .topics button {
display: inline-block;
background-color: transparent;
border: solid 1px #B61056;
color: #B61056;
padding: 0 10px;
margin: 0 5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .topics button:hover {
color: #ffffff;
background: #B61056; }
.content_box .style1 {
margin: 30px 0; }
.content_box .style1 .box-img {
position: relative; }
.content_box .style1 .box-img a {
display: block; }
.content_box .style1 .box-img a .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .style1 .box-img a:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
.content_box .style1 .box-img a img {
width: 100%; }
.content_box .style1 .box_type {
font-family: "MrEaves_VOGUE_TH_Bd";
font-size: 14px;
padding-top: 15px; }
.content_box .style1 .box_type a {
color: #999999;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .style1 .box_type a:hover {
color: #B61056; }
.content_box .style1 h2, .content_box .style1 h3 {
position: relative;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.content_box .style1 h2 a, .content_box .style1 h3 a {
color: #050505;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .style1 h2 a:hover, .content_box .style1 h3 a:hover {
color: #B61056; }
.content_box .style1 h2:before, .content_box .style1 h3:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -16px;
left: 0;
background: #B61056; }
.content_box .style1 h2.text-center:before, .content_box .style1 h3.text-center:before {
left: 50%;
margin-left: -12px; }
.content_box .style1 p {
font-family: "thongtermlight";
font-size: 1rem; }
.content_box .style1 .footer {
color: #999999; }
.content_box .style1 .footer .author {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px; }
.content_box .style1 .footer .author span a {
color: #050505;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .style1 .footer .author span a:hover {
color: #B61056; }
.content_box .style1 .footer .date {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 13px;
margin-bottom: 5px; }
.content_box .style1 .footer .social button {
background-color: transparent;
border: 0;
color: #999999;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .style1 .footer .social button:hover {
color: #B61056; }
.content_box .style1 .footer .social button:first-child {
padding: 0 5px 0 0; }
.content_box .style1_detail_video {
margin: 30px 0 0; }
.content_box .style1_detail_video h2:before {
width: 100%; }
.content_box .style1_detail_video .article_img {
float: left;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 75px;
height: 75px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: solid 2px #B61056;
margin-right: 15px; }
.content_box .style1_detail_video .article_socail {
float: left;
padding: 6px 0; }
.content_box .style1_detail_video p {
margin-top: 2rem;
border-bottom: solid 1px #D4D4D4;
padding-bottom: 2rem;
margin-bottom: 1rem; }
.content_box .style1_detail_video .tag {
font-family: "MrEaves_VOGUE_TH_Rg";
margin-top: 1rem;
border-bottom: solid 1px #D4D4D4;
padding-bottom: 1rem;
margin-bottom: 30px; }
.content_box .style1_detail_video .tag b {
font-family: "MrEaves_VOGUE_TH_Bd";
font-weight: normal; }
.content_box .style1_detail_video .tag a {
color: #FF382E;
padding: 0 5px; }
.content_box .highlight1 {
margin: 30px 0;
padding-bottom: 15px;
position: -webkit-sticky;
position: sticky;
top: 0; }
.content_box .highlight1 img {
width: 100%; }
.content_box .highlight1 .box-img {
position: relative; }
.content_box .highlight1 .box-img a {
display: block; }
.content_box .highlight1 .box-img a .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .highlight1 .box-img a:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
.content_box .highlight1 .box-img a img {
width: 100%; }
.content_box .highlight1 .box_type {
font-family: "MrEaves_VOGUE_TH_Bd";
font-size: 14px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px; }
.content_box .highlight1 .box_type a {
color: #ffffff; }
.content_box .highlight1 .box_type a:hover {
text-decoration: underline !important; }
.content_box .highlight1 h2 {
position: relative;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Rg";
padding-left: 15px;
padding-right: 15px; }
.content_box .highlight1 h2 a {
color: #ffffff; }
.content_box .highlight1 h2 a:hover {
text-decoration: underline !important; }
.content_box .highlight1 h2:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -15px;
left: 15px;
background: #ffffff; }
.content_box .highlight1 .footer {
color: #ffffff;
padding-left: 15px;
padding-right: 15px; }
.content_box .highlight1 .footer .author {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px; }
.content_box .highlight1 .footer .author span a {
color: #ffffff; }
.content_box .highlight1 .footer .author span a:hover {
text-decoration: underline !important; }
.content_box .highlight1 .footer .date {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 13px;
margin-bottom: 5px; }
.content_box .highlight1 .footer .social button {
background-color: transparent;
border: 0;
color: #ffffff;
opacity: 1; }
.content_box .highlight1 .footer .social button:hover {
opacity: 0.7; }
.content_box .highlight1 .footer .social button:first-child {
padding: 0 5px 0 0; }
.content_box .more {
border-top: solid 1px #D4D4D4;
padding-top: 20px; }
.content_box .more a {
color: #B61056;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content_box .more a:hover {
text-decoration: underline !important; }
.content_box_video {
/*padding: 30px 0 0;*/
padding: 0; }
.content_box_video .menu-category {
margin-bottom: 0; }
.content .video {
padding: 30px 0; }
.content .video_detail {
padding: 30px 0 0; }
.content .video_detail .ad-right {
display: none; }
.content .video .head {
font-family: "MillerBanner_Light";
font-size: 80px;
line-height: 80px;
letter-spacing: -4px;
/*margin-bottom: 30px;*/
margin-bottom: 0; }
.content .video .head_latest {
font-family: "MillerBanner_Light";
font-size: 60px;
line-height: 60px;
letter-spacing: -2px;
/*margin-bottom: 30px;*/
margin-bottom: 0; }
.content .video .head_latest_select {
margin-top: 15px;
background-image: url("../img/icons/ico-select.png");
background-position: right 10px center;
background-repeat: no-repeat;
border: 1px solid #FF382E; }
.content .video_box {
margin: 30px 0; }
.content .video_box_play {
position: relative; }
.content .video_box_play a .thumbnail-img-vdo {
position: relative; }
.content .video_box_play a .thumbnail-img-vdo .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_play a .thumbnail-img-vdo .thumbnail-play {
top: auto;
background: url(../img/icons/btn-play.png) no-repeat center center;
background-size: 100px 100px;
border: 0;
height: 100%;
width: 100%;
position: absolute;
font: 0/0 a;
text-shadow: none;
color: transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
z-index: 2;
left: 0; }
.content .video_box_play a .thumbnail-img-vdo .thumbnail-play_small {
background-size: 60px 60px; }
.content .video_box_play a:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
.content .video_box_detail h2, .content .video_box_detail h3 {
position: relative;
margin-top: 15px;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.content .video_box_detail h2 a, .content .video_box_detail h3 a {
color: #050505;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_detail h2 a:hover, .content .video_box_detail h3 a:hover {
color: #B61056; }
.content .video_box_detail h2:before, .content .video_box_detail h3:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -15px;
left: 0;
background: #B61056; }
.content .video_box_detail .footer {
color: #999999; }
.content .video_box_detail .footer .author {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px; }
.content .video_box_detail .footer .author span a {
color: #050505;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_detail .footer .author span a:hover {
color: #B61056; }
.content .video_box_detail .footer .date {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 13px;
margin-bottom: 5px; }
.content .video_box_detail .footer .social button {
background-color: transparent;
border: 0;
color: #999999;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_detail .footer .social button:hover {
color: #B61056; }
.content .video_box_detail .footer .social button:first-child {
padding: 0 5px 0 0; }
.content .video_box_highlight {
margin-bottom: 50px; }
.content .video_box_detail_highlight {
color: #ffffff; }
.content .video_box_detail_highlight h3 a {
color: #050505;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_detail_highlight h3 a:hover {
color: #B61056;
/*text-decoration: underline !important;*/ }
.content .video_box_detail_highlight h3:before {
background: #B61056; }
.content .video_box_detail_highlight .footer {
color: #999999; }
.content .video_box_detail_highlight .footer .author {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px; }
.content .video_box_detail_highlight .footer .author span a {
color: #050505;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_detail_highlight .footer .author span a:hover {
color: #B61056;
/*text-decoration: underline !important;*/ }
.content .video_box_detail_highlight .footer .social button {
color: #999999;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video_box_detail_highlight .footer .social button:hover {
color: #B61056; }
.content .video .more {
border-top: solid 1px #D4D4D4;
padding-top: 20px; }
.content .video .more a {
color: #B61056;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.content .video .more a:hover {
text-decoration: underline !important; }
.editop-pick_top {
/*background:-webkit-linear-gradient(left, $red 0%, $red 50%, $red-light 50%, $red-light 100%);
background:-o-linear-gradient(left, $red 0%, $red 50%, $red-light 50%, $red-light 100%);
background:linear-gradient(to right, $red 0%, $red 50%, $red-light 50%, $red-light 100%);*/
background: #FF8A84; }
.editop-pick_top .bg {
/*background:linear-gradient(to right, $red 0, $red 13%, $red-light 13%, $red-light 100%);
background:-moz-linear-gradient(to right, $red 0, $red 13%, $red-light 13%, $red-light 100%);
background:-webkit-gradient(to right, $red 0, $red 13%, $red-light 13%, $red-light 100%);*/
background: #FF8A84; }
.editop-pick_top .editop-img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 290px;
height: 290px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 30px auto;
border: solid 10px #ffffff; }
.editop-pick_top .head {
font-family: "MrEaves_VOGUE_TH_Bd";
/*font-size: 36px;
line-height: 36px;*/
color: #ffffff;
font-size: 34px;
line-height: 34px;
padding: 0 10px 0 8px; }
.editop-pick_top .head2 {
font-family: "MillerBanner_Light";
font-size: 50px;
line-height: 55px;
background: #FF382E;
color: #ffffff;
/*padding: 15px 30px;
display: inline-block;*/
margin: 10px -15px 20px 0;
padding: 8px 10px 8px 6px; }
.editop-pick_top .detail {
font-family: "MrEaves_VOGUE_TH_Bd";
/*font-size: 36px;
line-height: 36px;*/
color: #ffffff;
font-size: 34px;
line-height: 34px;
padding: 0 10px 0 7px; }
.editop-pick_top .name {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px;
color: #ffffff;
padding: 0 10px 0 7px; }
.editop-pick_bottom {
background: #F2D9C3;
padding: 30px 0; }
.editop-pick_bottom .card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: transparent;
border-radius: 0;
border: 0; }
.editop-pick_bottom .card .card-block {
max-width: 258px;
padding: 0 15px; }
.editop-pick_bottom .card .card-block .icons-heart {
position: absolute;
z-index: 1;
background: url(../../default/img/icons/heart.png) no-repeat center center transparent;
width: 50px;
height: 50px;
cursor: pointer; }
.editop-pick_bottom .card .card-block .icons-heart:hover {
background: url(../../img/icons/heart-a.png) no-repeat center center transparent; }
.editop-pick_bottom .card .card-block .active {
background: url(../../img/icons/heart-a.png) no-repeat center center transparent; }
.editop-pick_bottom .card .card-block a .box-img {
position: relative;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.editop-pick_bottom .card .card-block a .box-img .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.editop-pick_bottom .card .card-block a .box-img:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
.editop-pick_bottom .card .card-block a .editop-product-img {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 228px;
height: 228px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 auto; }
.editop-pick_bottom .card .card-block a .detail {
z-index: 1; }
.editop-pick_bottom .card .card-block a .detail .head {
text-align: center;
/*background: $red;*/
color: #050505;
padding: 5px 15px 0;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.editop-pick_bottom .card .card-block a .detail .text {
color: #050505;
text-align: center;
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 19px;
line-height: 24px;
padding: 0px 15px; }
.video-highlight_box {
padding: 30px 0; }
.video-highlight_box .head {
font-family: "MillerBanner_Light";
color: #ffffff;
font-size: 80px;
line-height: 80px;
letter-spacing: -2px;
margin-bottom: 30px; }
.video-highlight_box .card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: transparent;
border-radius: 0;
border: 0; }
.video-highlight_box .card .card-block {
max-width: 330px;
padding: 0 15px; }
.video-highlight_box .card .card-block .detail {
text-align: center; }
.video-highlight_box .card .card-block .detail a .thumbnail-img-vdo {
position: relative; }
.video-highlight_box .card .card-block .detail a .thumbnail-img-vdo .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 9;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.video-highlight_box .card .card-block .detail a .thumbnail-img-vdo:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
.video-highlight_box .card .card-block .detail a .thumbnail-img-vdo .thumbnail-play {
top: auto;
background: url(../img/icons/btn-play.png) no-repeat center center;
background-size: 100px 100px;
border: 0;
height: 100%;
width: 100%;
position: absolute;
font: 0/0 a;
text-shadow: none;
color: transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
z-index: 99;
left: 0; }
.video-highlight_box .card .card-block .detail a .thumbnail-img-vdo .thumbnail-play_small {
background-size: 60px 60px; }
.video-highlight_box .card .card-block .detail a .video-highlight-img {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 300px;
height: 300px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 auto; }
.video-highlight_box .card .card-block .detail a:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/ }
.video-highlight_box .card .card-block .detail h3 {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Rg";
padding-left: 15px;
padding-right: 15px; }
.video-highlight_box .card .card-block .detail h3 a {
color: #ffffff; }
.video-highlight_box .card .card-block .detail h3:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -15px;
left: 45%;
background: #ffffff; }
.video-highlight_box .card .card-block .detail .footer {
color: #ffffff;
padding-left: 15px;
padding-right: 15px; }
.video-highlight_box .card .card-block .detail .footer .author {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px; }
.video-highlight_box .card .card-block .detail .footer .author span a {
color: #ffffff; }
.video-highlight_box .card .card-block .detail .footer .date {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 13px;
margin-bottom: 5px; }
.video-highlight_box .card .card-block .detail .footer .social button {
background-color: transparent;
border: 0;
color: #ffffff; }
.video-highlight_box .card .card-block .detail .footer .social button:first-child {
padding: 0 5px 0 0; }
.results_search_head {
width: 100%;
padding: 30px 0 0; }
.results_search_head h1 {
font-family: "MrEaves_VOGUE_TH_Bd";
border-bottom: solid 1px #D4D4D4;
padding-bottom: 20px;
margin-bottom: 0; }
.results_search_head2 {
width: 100%;
margin: 30px 0 0;
border-bottom: solid 1px #D4D4D4;
padding-bottom: 30px; }
.results_search_head2 img {
max-width: 230px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: solid 2px #B61056; }
.results_search_head2 h2 {
position: relative;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.results_search_head2 h2 a {
color: #050505; }
.results_search_head2 h2:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -15px;
left: 0;
background: #B61056; }
.results_search_head2 p {
margin-bottom: 0;
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 1.5rem;
line-height: 1.2; }
@media screen and (max-width: 1920px) {
#header-desktop {
display: block; }
#header-mobile {
display: none; } }
@media screen and (max-width: 1366px) and (max-height: 768px) {
header .container-fluid #header-bottom-panel .nav .main-menus {
margin: 0 !important; }
#banner_home .owl-carousel .owl-dots {
left: 62% !important;
bottom: 20px !important; }
.editop-pick_bottom .card .card-block {
max-width: 228px; }
.editop-pick_bottom .card .card-block a .editop-product-img {
width: 208px;
height: 208px; }
.video-highlight_box .card .card-block {
max-width: 300px; }
.video-highlight_box .card .card-block .detail a .video-highlight-img {
width: 270px;
height: 270px; }
.content .video_detail {
padding: 30px 0 0; }
.content .video_detail .video_box_play {
position: relative;
width: 50%;
margin: 0 auto; } }
@media screen and (max-width: 1280px) and (max-height: 800px) {
header .container-fluid #header-bottom-panel .nav .main-menus {
padding: 0 0 0 15px !important;
font-size: 0.93rem !important; }
#banner_home .owl-carousel .owl-dots {
right: 32% !important; }
.editop-pick_bottom .card .card-block {
max-width: 218px; }
.editop-pick_bottom .card .card-block a .editop-product-img {
width: 198px;
height: 198px; }
.video-highlight_box .card .card-block {
max-width: 290px; }
.video-highlight_box .card .card-block .detail a .video-highlight-img {
width: 260px;
height: 260px; } }
@media screen and (max-width: 1024px) {
#header-desktop {
display: none; }
#header-mobile {
display: block; }
body {
padding-top: 54px; }
#banner_home .owl-carousel .owl-nav button.owl-prev, #banner_home .owl-carousel .owl-nav button.owl-next {
top: 33% !important; }
.content .banner {
padding: 15px !important; }
/*.content .banner h1 {
min-height: 96px;
}*/
#banner_home .owl-carousel .owl-dots {
right: 46.5% !important; }
.editop-pick_bottom .card .card-block {
max-width: 168px; }
.editop-pick_bottom .card .card-block a .editop-product-img {
width: 148px;
height: 148px; }
.editop-pick_bottom .card .card-block a .detail .head h3 {
font-size: 1.25rem; }
.editop-pick_bottom .card .card-block a .detail .text {
font-size: 20px;
line-height: 20px; }
.video-highlight_box .card .card-block {
max-width: 220px; }
.video-highlight_box .card .card-block .detail a .video-highlight-img {
width: 190px;
height: 190px; }
.video-highlight_box .card .card-block .detail h3 {
font-size: 1.25rem;
margin-top: 15px; } }
@media screen and (max-width: 768px) {
.editop-pick_bottom {
padding: 30px 0 0; }
.editop-pick_bottom .card .card-block a .detail .head h3 {
font-size: 1.75rem; }
.editop-pick_bottom .card .card-block a .detail .text {
font-size: 24px;
line-height: 24px;
padding: 10px 15px 30px; }
.editop-pick_bottom .card .card-block {
max-width: 258px; }
.editop-pick_bottom .card .card-block a .editop-product-img {
width: 228px;
height: 228px; }
.editop-pick_top .editop-img {
width: 170px;
height: 170px; }
.content .video_detail {
padding: 30px 0 0; }
.content .video_detail .video_box_play {
width: 100%; }
.video-highlight_box {
padding: 30px 0 0; }
.video-highlight_box .card .card-block {
max-width: 330px; }
.video-highlight_box .card .card-block .detail a .video-highlight-img {
width: 300px;
height: 300px; }
.video-highlight_box .card .card-block .detail {
padding-bottom: 30px; }
.video-highlight_box .card .card-block .detail h3 {
font-size: 1.75rem; } }
@media screen and (max-width: 533px) {
.content_box {
padding: 15px 0; }
.editop-pick_top .editop-img {
width: 290px;
height: 290px; }
.editop-pick_top .bg {
/*background: linear-gradient(to bottom, #FF382E 0, #FF382E 26%, #FF8A84 13%, #FF8A84 100%);
background: -moz-linear-gradient(to bottom, #FF382E 0, #FF382E 26%, #FF8A84 13%, #FF8A84 100%);
background: -webkit-gradient(to bottom, #FF382E 0, #FF382E 26%, #FF8A84 13%, #FF8A84 100%);*/
padding-bottom: 30px; }
.editop-pick_top .head {
font-size: 24px;
line-height: 24px;
padding: 0; }
.editop-pick_top .head2 {
/*padding: 15px;
font-size: 48px;
line-height: 48px;*/
font-size: 34px;
line-height: 34px;
margin: 10px -15px 20px -15px;
padding: 10px 10px 8px 21px; }
.editop-pick_top .detail {
font-size: 24px;
line-height: 24px;
padding: 0; }
.editop-pick_top .name {
padding: 0; }
.content_box .head {
font-size: 61px;
line-height: 61px; }
.content_box .menu-category_top .head {
font-size: 61px;
line-height: 61px; }
.content .banner_sub .beauty_club_head {
font-size: 61px;
line-height: 61px; }
.content .video .head {
font-size: 61px;
line-height: 61px; }
.video-highlight_box .head {
font-size: 61px;
line-height: 61px; }
.content .video .head_latest {
font-size: 41px;
line-height: 41px; }
.content_box .head_more {
font-size: 41px;
line-height: 41px; }
.content_box .topics {
margin-top: 15px; }
.content_box .topics button {
margin: 5px; }
.content_box #head_detail_style3 .style1 {
position: relative;
bottom: 0;
margin: 0; }
.content_box #head_detail_style3 .style1 .box_type a {
color: #999999; }
.content_box #head_detail_style3 .style1 h2 {
color: #050505; }
.content_box #head_detail_style3 .style1 h2.text-center:before {
background: #B61056; }
.content_box #head_detail_style3 .style1 p {
color: #050505; }
.content_box #head_detail_style3 .style1 .footer {
color: #999999; }
.content_box #head_detail_style3 .style1 .footer .author span a {
color: #050505; }
.content_box #head_detail_style3 .style1 .footer .social button {
color: #999999; }
.content_box #head_detail_style3 .shadow-fill {
display: none; }
.content .video_detail .ad-right {
display: block; }
.content_box_detail iframe, .content_box_detail twitter-widget {
width: 100% !important; }
footer .footer_bottom_link {
padding: 30px 0; }
footer .footer_bottom_link a {
width: 50%;
margin-bottom: 5px; }
footer .footer_bottom_link span {
display: none !important; } }
@media screen and (max-width: 480px) {
#banner_home .owl-carousel .owl-nav button.owl-prev, #banner_home .owl-carousel .owl-nav button.owl-next {
top: 19% !important; } }
@media screen and (max-width: 360px) {
#pagination1, #pagination2 {
padding: 10px 0px !important;
font-size: 0.75rem; } }
/********** library **********/
/**
* Fade animations:
* fade
* fade-up, fade-down, fade-left, fade-right
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
*/
[data-aos^='fade'][data-aos^='fade'] {
opacity: 0;
transition-property: opacity, transform; }
[data-aos^='fade'][data-aos^='fade'].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0); }
[data-aos='fade-up'] {
transform: translate3d(0, 100px, 0); }
[data-aos='fade-down'] {
transform: translate3d(0, -100px, 0); }
[data-aos='fade-right'] {
transform: translate3d(-100px, 0, 0); }
[data-aos='fade-left'] {
transform: translate3d(100px, 0, 0); }
[data-aos='fade-up-right'] {
transform: translate3d(-100px, 100px, 0); }
[data-aos='fade-up-left'] {
transform: translate3d(100px, 100px, 0); }
[data-aos='fade-down-right'] {
transform: translate3d(-100px, -100px, 0); }
[data-aos='fade-down-left'] {
transform: translate3d(100px, -100px, 0); }
/**
* Zoom animations:
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
*/
[data-aos^='zoom'][data-aos^='zoom'] {
opacity: 0;
transition-property: opacity, transform; }
[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1); }
[data-aos='zoom-in'] {
transform: scale(0.6); }
[data-aos='zoom-in-up'] {
transform: translate3d(0, 100px, 0) scale(0.6); }
[data-aos='zoom-in-down'] {
transform: translate3d(0, -100px, 0) scale(0.6); }
[data-aos='zoom-in-right'] {
transform: translate3d(-100px, 0, 0) scale(0.6); }
[data-aos='zoom-in-left'] {
transform: translate3d(100px, 0, 0) scale(0.6); }
[data-aos='zoom-out'] {
transform: scale(1.2); }
[data-aos='zoom-out-up'] {
transform: translate3d(0, 100px, 0) scale(1.2); }
[data-aos='zoom-out-down'] {
transform: translate3d(0, -100px, 0) scale(1.2); }
[data-aos='zoom-out-right'] {
transform: translate3d(-100px, 0, 0) scale(1.2); }
[data-aos='zoom-out-left'] {
transform: translate3d(100px, 0, 0) scale(1.2); }
/**
* Slide animations
*/
[data-aos^='slide'][data-aos^='slide'] {
transition-property: transform; }
[data-aos^='slide'][data-aos^='slide'].aos-animate {
transform: translate3d(0, 0, 0); }
[data-aos='slide-up'] {
transform: translate3d(0, 100%, 0); }
[data-aos='slide-down'] {
transform: translate3d(0, -100%, 0); }
[data-aos='slide-right'] {
transform: translate3d(-100%, 0, 0); }
[data-aos='slide-left'] {
transform: translate3d(100%, 0, 0); }
/**
* Flip animations:
* flip-left, flip-right, flip-up, flip-down
*/
[data-aos^='flip'][data-aos^='flip'] {
backface-visibility: hidden;
transition-property: transform; }
[data-aos='flip-left'] {
transform: perspective(2500px) rotateY(-100deg); }
[data-aos='flip-left'].aos-animate {
transform: perspective(2500px) rotateY(0); }
[data-aos='flip-right'] {
transform: perspective(2500px) rotateY(100deg); }
[data-aos='flip-right'].aos-animate {
transform: perspective(2500px) rotateY(0); }
[data-aos='flip-up'] {
transform: perspective(2500px) rotateX(-100deg); }
[data-aos='flip-up'].aos-animate {
transform: perspective(2500px) rotateX(0); }
[data-aos='flip-down'] {
transform: perspective(2500px) rotateX(100deg); }
[data-aos='flip-down'].aos-animate {
transform: perspective(2500px) rotateX(0); }
body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
transition-duration: 50ms; }
body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
transition-delay: 0; }
body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
transition-delay: 50ms; }
body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
transition-duration: 100ms; }
body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
transition-delay: 0; }
body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
transition-delay: 100ms; }
body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
transition-duration: 150ms; }
body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
transition-delay: 0; }
body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
transition-delay: 150ms; }
body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
transition-duration: 200ms; }
body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
transition-delay: 0; }
body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
transition-delay: 200ms; }
body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
transition-duration: 250ms; }
body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
transition-delay: 0; }
body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
transition-delay: 250ms; }
body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
transition-duration: 300ms; }
body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
transition-delay: 0; }
body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
transition-delay: 300ms; }
body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
transition-duration: 350ms; }
body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
transition-delay: 0; }
body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
transition-delay: 350ms; }
body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
transition-duration: 400ms; }
body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
transition-delay: 0; }
body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
transition-delay: 400ms; }
body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
transition-duration: 450ms; }
body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
transition-delay: 0; }
body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
transition-delay: 450ms; }
body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
transition-duration: 500ms; }
body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
transition-delay: 0; }
body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
transition-delay: 500ms; }
body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
transition-duration: 550ms; }
body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
transition-delay: 0; }
body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
transition-delay: 550ms; }
body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
transition-duration: 600ms; }
body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
transition-delay: 0; }
body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
transition-delay: 600ms; }
body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
transition-duration: 650ms; }
body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
transition-delay: 0; }
body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
transition-delay: 650ms; }
body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
transition-duration: 700ms; }
body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
transition-delay: 0; }
body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
transition-delay: 700ms; }
body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
transition-duration: 750ms; }
body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
transition-delay: 0; }
body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
transition-delay: 750ms; }
body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
transition-duration: 800ms; }
body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
transition-delay: 0; }
body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
transition-delay: 800ms; }
body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
transition-duration: 850ms; }
body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
transition-delay: 0; }
body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
transition-delay: 850ms; }
body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
transition-duration: 900ms; }
body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
transition-delay: 0; }
body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
transition-delay: 900ms; }
body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
transition-duration: 950ms; }
body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
transition-delay: 0; }
body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
transition-delay: 950ms; }
body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
transition-duration: 1000ms; }
body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
transition-delay: 0; }
body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
transition-delay: 1000ms; }
body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
transition-duration: 1050ms; }
body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
transition-delay: 0; }
body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
transition-delay: 1050ms; }
body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
transition-duration: 1100ms; }
body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
transition-delay: 0; }
body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
transition-delay: 1100ms; }
body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
transition-duration: 1150ms; }
body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
transition-delay: 0; }
body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
transition-delay: 1150ms; }
body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
transition-duration: 1200ms; }
body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
transition-delay: 0; }
body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
transition-delay: 1200ms; }
body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
transition-duration: 1250ms; }
body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
transition-delay: 0; }
body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
transition-delay: 1250ms; }
body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
transition-duration: 1300ms; }
body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
transition-delay: 0; }
body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
transition-delay: 1300ms; }
body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
transition-duration: 1350ms; }
body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
transition-delay: 0; }
body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
transition-delay: 1350ms; }
body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
transition-duration: 1400ms; }
body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
transition-delay: 0; }
body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
transition-delay: 1400ms; }
body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
transition-duration: 1450ms; }
body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
transition-delay: 0; }
body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
transition-delay: 1450ms; }
body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
transition-duration: 1500ms; }
body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
transition-delay: 0; }
body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
transition-delay: 1500ms; }
body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
transition-duration: 1550ms; }
body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
transition-delay: 0; }
body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
transition-delay: 1550ms; }
body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
transition-duration: 1600ms; }
body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
transition-delay: 0; }
body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
transition-delay: 1600ms; }
body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
transition-duration: 1650ms; }
body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
transition-delay: 0; }
body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
transition-delay: 1650ms; }
body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
transition-duration: 1700ms; }
body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
transition-delay: 0; }
body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
transition-delay: 1700ms; }
body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
transition-duration: 1750ms; }
body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
transition-delay: 0; }
body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
transition-delay: 1750ms; }
body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
transition-duration: 1800ms; }
body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
transition-delay: 0; }
body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
transition-delay: 1800ms; }
body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
transition-duration: 1850ms; }
body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
transition-delay: 0; }
body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
transition-delay: 1850ms; }
body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
transition-duration: 1900ms; }
body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
transition-delay: 0; }
body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
transition-delay: 1900ms; }
body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
transition-duration: 1950ms; }
body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
transition-delay: 0; }
body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
transition-delay: 1950ms; }
body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
transition-duration: 2000ms; }
body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
transition-delay: 0; }
body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
transition-delay: 2000ms; }
body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
transition-duration: 2050ms; }
body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
transition-delay: 0; }
body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
transition-delay: 2050ms; }
body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
transition-duration: 2100ms; }
body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
transition-delay: 0; }
body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
transition-delay: 2100ms; }
body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
transition-duration: 2150ms; }
body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
transition-delay: 0; }
body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
transition-delay: 2150ms; }
body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
transition-duration: 2200ms; }
body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
transition-delay: 0; }
body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
transition-delay: 2200ms; }
body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
transition-duration: 2250ms; }
body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
transition-delay: 0; }
body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
transition-delay: 2250ms; }
body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
transition-duration: 2300ms; }
body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
transition-delay: 0; }
body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
transition-delay: 2300ms; }
body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
transition-duration: 2350ms; }
body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
transition-delay: 0; }
body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
transition-delay: 2350ms; }
body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
transition-duration: 2400ms; }
body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
transition-delay: 0; }
body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
transition-delay: 2400ms; }
body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
transition-duration: 2450ms; }
body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
transition-delay: 0; }
body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
transition-delay: 2450ms; }
body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
transition-duration: 2500ms; }
body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
transition-delay: 0; }
body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
transition-delay: 2500ms; }
body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
transition-duration: 2550ms; }
body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
transition-delay: 0; }
body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
transition-delay: 2550ms; }
body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
transition-duration: 2600ms; }
body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
transition-delay: 0; }
body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
transition-delay: 2600ms; }
body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
transition-duration: 2650ms; }
body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
transition-delay: 0; }
body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
transition-delay: 2650ms; }
body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
transition-duration: 2700ms; }
body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
transition-delay: 0; }
body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
transition-delay: 2700ms; }
body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
transition-duration: 2750ms; }
body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
transition-delay: 0; }
body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
transition-delay: 2750ms; }
body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
transition-duration: 2800ms; }
body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
transition-delay: 0; }
body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
transition-delay: 2800ms; }
body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
transition-duration: 2850ms; }
body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
transition-delay: 0; }
body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
transition-delay: 2850ms; }
body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
transition-duration: 2900ms; }
body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
transition-delay: 0; }
body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
transition-delay: 2900ms; }
body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
transition-duration: 2950ms; }
body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
transition-delay: 0; }
body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
transition-delay: 2950ms; }
body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
transition-duration: 3000ms; }
body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
transition-delay: 0; }
body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
transition-delay: 3000ms; }
body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }
body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
/********** include-style **********/
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
background: #ffffff;
margin-bottom: 20px;
/*.tp-header {
padding: 5px;
width: 100%; height: 40px;
background-color: $red;
@include inline-block();
text-align: right;
@include max-screen(603px) { text-align: center; }
img { max-width: 27px; width: 100%; }
.txt-nm {
padding: 0 5px;
color: #FFF;
@include font-size(12);
@include inline-block();
a {
padding: 0 5px; color: #FFF;
span { vertical-align: middle; }
}
}
.bd-right {
border-right: solid 1px #FFF;
vertical-align: top;
}
}
.navbar {
@include max-screen(480px) { padding: 0; } }
nav {
background-color: #FFF;
border-bottom: solid 1px $light-gray;
.navbar-toggler {
.fa-bars, .fa-times {
color: $red;
@include font-size(getFontSize('m-large'));
}
}
.navbar-brand {
margin: 0 auto;
text-align: center;
>img {
width: 100%; max-width: 320px;
@include max-screen(603px) { max-width: 250px; }
}
}
ul {
&.navbar-nav {
margin: 0;
@include inline-block();
text-align: right;
width: 100%;
@include max-screen(945px) {
text-align: left;
}
}
li {
@include inline-block();
&.nav-item {
padding-right: 15px !important;
padding-left: 15px !important;
@include max-screen(1300px) {
text-align: left;
// display: block;
}
@include max-screen(1299px) {
text-align: left;
display: block;
}
.nav-link {
@include font-size(getFontSize('small'));
color: $gray;
@include max-screen(1299px) {
border-bottom: solid 1px #f5f5f5;
}
&:hover {
color: $red;
}
}
.active {
color: $red !important;
}
}
&.search-awe {
margin: 0 auto;
padding: 5px 15px;
text-align: left;
@include font-size(getFontSize('small'));
cursor: pointer;
}
}
}
}*/ }
header .container {
max-width: 1440px;
margin-top: 10px;
margin-bottom: 10px; }
header .container #header-top-panel {
position: relative;
text-align: center; }
header .container #header-top-panel .logo {
line-height: 0; }
header .container #header-top-panel .social-top {
position: absolute;
right: 0;
bottom: 0; }
header .container #header-top-panel .social-top .box {
display: inline-block;
padding: 0 5px; }
header .container #header-top-panel .social-top .box:last-child {
padding: 0 0 0 5px; }
header .container #header-top-panel .social-top .box a {
opacity: 1; }
header .container #header-top-panel .social-top .box a:hover {
opacity: 0.7; }
header .container #header-top-panel .signup-top {
position: absolute;
right: 0;
bottom: 40px; }
header .container #header-top-panel .signup-top button {
font-family: "MrEaves_VOGUE_TH_Bd";
background: #ffffff;
border: solid 1px #D4D4D4;
font-size: 14px; }
header .container-fluid {
border-top: solid 1px #D4D4D4;
border-bottom: solid 1px #D4D4D4; }
header .container-fluid #header-bottom-panel {
position: relative;
max-width: 1440px;
margin: 0 auto; }
header .container-fluid #header-bottom-panel .nav .main-menus {
/*display: flex;
flex-flow: row wrap;
padding: 0;
position: relative;
text-align: center;
font-size: 16px;
line-height: 48px;
font-family: $font-bold;*/
margin: 0 auto; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item {
position: relative;
float: none;
display: inline-block;
font-family: "MrEaves_VOGUE_TH_Bd";
text-transform: uppercase;
line-height: 1.5;
margin: 0 7.5px; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a:after {
content: "";
background: #B61056;
width: 100%;
position: absolute;
left: 0;
bottom: -15px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
height: 3px;
background: transparent; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a:hover:after {
height: 3px;
background: #B61056; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a.active {
color: #B61056; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a.active:after {
content: "";
height: 3px;
background: #B61056;
width: 100%;
position: absolute;
left: 0;
bottom: -16px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
height: 3px; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a {
position: relative;
/*display: flex;
justify-content: space-between;*/
color: #050505; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a:hover {
color: #B61056; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item a .dropdown-icon:after {
font-family: "MrEaves_VOGUE_TH_Bd";
content: "+";
display: inline-block;
transition: transform .25s ease-in-out; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item > a:hover .dropdown-icon:after, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item > a:active .dropdown-icon:after, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item > a:focus .dropdown-icon:after {
transform: rotate(45deg); }
header .container-fluid #header-bottom-panel .nav .main-menus .sub-menu {
position: absolute;
z-index: 3000;
top: 100%;
left: -20;
border-width: 0;
visibility: hidden;
opacity: 0;
height: 0;
width: 0;
transition: visibility .25s, opacity .25s ease-in-out;
padding: 0 7.5px 0 0; }
header .container-fluid #header-bottom-panel .nav .main-menus .sub-menu .menu-item {
visibility: hidden;
background: #ffffff;
margin: 0;
padding: 0 15px;
min-width: 260px; }
header .container-fluid #header-bottom-panel .nav .main-menus .sub-menu .menu-item a {
line-height: 48px; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:hover > .sub-menu, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:active > .sub-menu, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:focus > .sub-menu {
opacity: 1;
height: auto;
width: auto; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:hover > .sub-menu, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:active > .sub-menu, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:focus > .sub-menu {
visibility: visible; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:hover > .sub-menu .menu-item, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:active > .sub-menu .menu-item, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item:focus > .sub-menu .menu-item {
visibility: visible; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-item > a:hover .dropdown-icon:after, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item > a:active .dropdown-icon:after, header .container-fluid #header-bottom-panel .nav .main-menus .menu-item > a:focus .dropdown-icon:after {
transform: rotate(45deg); }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-web {
position: relative;
float: none;
display: inline-block;
font-family: "MrEaves_VOGUE_TH_Bd";
text-transform: uppercase;
line-height: 48px;
margin: 0 7.5px; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-web a {
/*padding: 0 15px;*/
color: #FF382E;
text-transform: uppercase; }
header .container-fluid #header-bottom-panel .nav .main-menus .menu-web a:hover {
color: #B61056; }
header .container-fluid #header-bottom-panel .search {
display: inline-block;
position: absolute;
right: 15px;
top: 0; }
header .container-fluid #header-bottom-panel .search a {
cursor: pointer;
display: block;
line-height: 48px;
width: 24px;
height: 48px;
background: url(../../default/img/icons/search.png) no-repeat center center transparent;
background-size: 24px auto; }
header.sticky-header #header-top-panel .logo {
width: 15%;
margin: 0 auto;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
transition: width 0.4s; }
header.sticky-header #header-top-panel .logo a img {
max-width: 100%; }
#banner_home {
background: #ffffff; }
#banner_home .owl-carousel .box-img {
position: relative; }
#banner_home .owl-carousel .box-img a {
display: block; }
#banner_home .owl-carousel .box-img a .shadow-fill {
/*background: rgba(0, 0, 0, 0.5);*/
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
#banner_home .owl-carousel .box-img a:hover .shadow-fill {
/*background: rgba(0, 0, 0, 0.7);*/
/*background: rgba(182, 16, 86, 0.3);*/ }
#banner_home .owl-carousel .box-img a img {
width: 100%; }
#banner_home .owl-carousel .owl-nav {
margin-top: 0; }
#banner_home .owl-carousel .owl-nav button.owl-prev {
position: absolute;
width: 30px;
height: 60px;
top: 50%;
left: 30px; }
#banner_home .owl-carousel .owl-nav button.owl-prev:hover {
background: transparent !important; }
#banner_home .owl-carousel .owl-nav button.owl-next {
position: absolute;
width: 30px;
height: 60px;
top: 50%;
right: 30px; }
#banner_home .owl-carousel .owl-nav button.owl-next:hover {
background: transparent !important; }
#banner_home .owl-carousel .owl-dots {
line-height: 0;
position: absolute;
bottom: 30px;
left: 61%; }
#banner_home .owl-carousel .owl-dots span {
border: solid 1px #ffffff;
background: transparent !important;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
#banner_home .owl-carousel .owl-dots span:hover {
background: #ffffff !important; }
#banner_home .owl-carousel .owl-dot.active span {
background: #ffffff !important; }
#banner_home svg {
fill: none;
stroke-width: 1px;
stroke: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
#banner_home svg:hover {
stroke: #FF382E; }
.banner_bg {
background: #FF9E17;
color: #ffffff; }
.banner_bg img {
width: 100%; }
.banner_detail {
padding: 0 100px 0 50px; }
.banner_detail .box_type {
font-family: "MrEaves_VOGUE_TH_Bd";
font-size: 18px; }
.banner_detail .box_type a {
color: #ffffff; }
.banner_detail h1 {
position: relative;
margin-bottom: 0;
font-family: "MrEaves_VOGUE_TH_Rg"; }
.banner_detail h1 a {
color: #ffffff; }
.banner_detail h1:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -25px;
left: 0;
background: #ffffff; }
.banner_detail p {
padding-top: 50px;
font-family: "thongtermlight";
font-size: 18px; }
.banner_detail p a {
color: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s; }
.banner_detail .details-author {
font-family: "thongtermlight"; }
.container {
max-width: 1440px; }
.container-fluid {
padding-left: 0;
padding-right: 0; }
.card-block {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 1.25rem; }
.breadcrumb {
padding: 0;
background-color: transparent;
border-radius: 0; }
.breadcrumb .breadcrumb-item {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px;
color: #050505; }
.breadcrumb .breadcrumb-item a {
color: #050505; }
.breadcrumb .breadcrumb-item a:hover {
color: #B61056; }
.breadcrumb .breadcrumb-item.active {
color: #999999 !important; }
hr {
margin-top: 2rem;
margin-bottom: 2rem; }
@font-face {
font-family: 'beauty-icon';
src: url("../css/fonts/beauty-icon.eot") format("eot"), url("../css/fonts/beauty-icon.svg") format("svg"), url("../css/fonts/beauty-icon.woff2") format("woff2"), url("../css/fonts/beauty-icon.woff") format("woff"), url("../css/fonts/beauty-icon.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
.beauty-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "beauty-icon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.beauty-icon-facebook:before {
content: "\61"; }
.beauty-icon-instagram:before {
content: "\62"; }
.beauty-icon-youtube:before {
content: "\63"; }
.beauty-icon-line:before {
content: "\64"; }
.beauty-icon-pinterest:before {
content: "\65"; }
.beauty-icon-linetv:before {
content: "\66"; }
.beauty-icon-twitter:before {
content: "\67"; }
footer .footer_top {
background: -webkit-linear-gradient(left, #FF382E 0%, #FF382E 50%, #FF8A84 50%, #FF8A84 100%);
background: -o-linear-gradient(left, #FF382E 0%, #FF382E 50%, #FF8A84 50%, #FF8A84 100%);
background: linear-gradient(to right, #FF382E 0%, #FF382E 50%, #FF8A84 50%, #FF8A84 100%); }
footer .footer_top .bg_left {
background: #FF382E; }
footer .footer_top .bg_left .footer_box {
padding: 50px; }
footer .footer_top .bg_left .footer_box h3 {
position: relative;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Bd";
color: #ffffff;
text-transform: uppercase; }
footer .footer_top .bg_left .footer_box h3:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -15px;
left: 0;
background: #ffffff; }
footer .footer_top .bg_left .footer_box p {
font-family: "MrEaves_VOGUE_TH_Rg";
color: #ffffff;
font-size: 24px;
line-height: 24px;
margin-top: 10px;
margin-bottom: 30px; }
footer .footer_top .bg_left .footer_box_newsletter {
position: relative; }
footer .footer_top .bg_left .footer_box_newsletter input {
font-family: "MrEaves_VOGUE_TH_Rg";
font-size: 18px;
line-height: 18px;
border-radius: 0;
border: 0; }
footer .footer_top .bg_left .footer_box_newsletter button {
position: absolute;
right: 0;
top: 0;
width: 41px;
height: 41px;
border: solid 1px #ffffff;
background: #FF382E; }
footer .footer_top .bg_left .footer_box_newsletter button i {
color: #ffffff; }
footer .footer_top .bg_right {
background: #FF8A84; }
footer .footer_top .bg_right .footer_box {
padding: 50px; }
footer .footer_top .bg_right .footer_box h3 {
position: relative;
margin-bottom: 30px;
font-family: "MrEaves_VOGUE_TH_Bd";
color: #ffffff;
text-transform: uppercase; }
footer .footer_top .bg_right .footer_box h3:before {
content: '';
width: 25px;
height: 3px;
position: absolute;
bottom: -15px;
left: 0;
background: #ffffff; }
footer .footer_top .bg_right .footer_box p {
font-family: "MrEaves_VOGUE_TH_Rg";
color: #ffffff;
font-size: 24px;
line-height: 24px;
margin-top: 10px;
margin-bottom: 30px; }
footer .footer_top .bg_right .footer_box button {
background: #FF8A84;
border: solid 1px #ffffff;
font-family: "MrEaves_VOGUE_TH_Rg";
color: #ffffff;
font-size: 24px;
line-height: 24px;
padding: 5px 15px; }
footer .footer_bottom {
background: #B61056;
padding: 30px 0 50px; }
footer .footer_bottom img a {
display: block; }
footer .footer_bottom_link {
color: #ffffff;
margin-left: -15px;
margin-right: -15px; }
footer .footer_bottom_link span {
display: inline-flex; }
footer .footer_bottom_link a {
display: inline-flex;
font-family: "MrEaves_VOGUE_TH_Rg";
color: #ffffff;
font-size: 14px;
line-height: 14px;
padding: 0 15px;
text-transform: uppercase; }
footer .footer_bottom_social button {
background: transparent;
border: 0;
color: #ffffff;
font-size: 24px;
line-height: 24px; }
footer .footer_bottom_social button:first-child {
padding: 1px 5px 1px 0; }
footer .footer_bottom_text {
font-family: "MrEaves_VOGUE_TH_Rg";
color: #ffffff;
font-size: 14px;
line-height: 14px;
padding: 20px 0 0; }
footer .footer_bottom_text a {
color: #ffffff; }
/*# sourceMappingURL=main.css.map */