/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Prompt:300,400,500,600,700&display=swap");
@import url("../fonts/agencyfb-reg/styles.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 62.5%; overflow-x: hidden; height: 100%; }

body { line-height: 1; color: black; background: white; overflow-x: hidden; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

body ::-moz-selection { background: #111111; color: #fff; }

body ::selection { background: #111111; color: #fff; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: " "; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

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

a img { border: none; }

input, textarea, select, div, ul, li, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* # Set SASS Function
================================================== */
/* #Basic Set
================================================== */
body { font-size: 1.6rem; line-height: 1.6; color: #ffffff; text-align: center; background-color: #000000; letter-spacing: 0.5px; font-weight: 300; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #ffffff; text-align: center; font-family: "AgencyFB-Reg", sans-serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 400; }

h1 { font-size: 5.4rem; line-height: 1.2; }

h2 { font-size: 3.6rem; line-height: 1.2; letter-spacing: 15px; font-weight: bold; text-transform: uppercase; display: inline-block; padding-left: 15px; position: relative; }

h2:before { position: absolute; content: ""; height: 2px; left: 13px; right: 13px; bottom: 0; background-color: #ffffff; }

h3 { font-size: 3rem; line-height: 1.2; }

h4 { font-size: 2.2rem; line-height: 1.6; letter-spacing: 10px; }

h5 { font-size: 2.2rem; line-height: 1.6; letter-spacing: 10px; text-transform: uppercase; }

h6 { font-size: 4.3rem; line-height: 1.2; }

strong { font-weight: 700; }

hr { position: relative; clear: both; margin: 0 10px; height: 0; border-top: 1px solid #808080; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

ol { list-style: decimal; margin-left: 30px; }

ul { list-style: none; margin-left: 0px; }

ul.square { list-style: square; }

ul.circle { list-style: circle; }

ul.disc { list-style: disc; }

.detail p { margin-bottom: 10px; }

.detail ul { list-style-type: disc; margin-left: 30px; }

.detail ul ul, .detail ul ol { font-size: 90%; }

a { position: relative; color: #676767; text-decoration: none; cursor: pointer; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

a:hover, a:active { color: #ffffff; }

.clear { display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; }

section a:before { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

section a:hover:before { -webkit-transform: scale(1); transform: scale(1); }

body ::-moz-selection { background: #fff; color: #000; }

body ::selection { background: #fff; color: #000; }

.html_popup .row ::-moz-selection { background: #000; color: #fff; }

.html_popup .row ::selection { background: #000; color: #fff; }

/* #Set Font
================================================== */
h1, h2, h3, h4, h5 { font-family: "AgencyFB-Reg", sans-serif; }

body, input, textarea, select, button, p { font-family: "Prompt", sans-serif; }

/* #Textbox style
================================================== */
input, textarea, select, button { background: #161616; border: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: inherit; width: 100%; padding: 7px 10px; font-size: 1.4rem; line-height: 1.4; color: #ffffff; font-family: "AgencyFB-Reg", sans-serif; }

button { background-color: #808080; border: 0; color: #ffffff; cursor: pointer; font-size: 1.6rem; letter-spacing: 1px; font-weight: 300; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

button:hover { border: 0px solid #676767; background-color: #676767; color: #ffffff; }

select { -moz-appearance: none; -webkit-appearance: none; padding: 13px 10px 12px; outline: 0px; line-height: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: url(../images/icon--select.svg) right center no-repeat #ffffff; background-size: 35px auto; }

button::-moz-focus-inner { border: 0; }

/* #Helper Class
================================================== */
._text-j { text-align: justify; }

._small { font-size: 0.6em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

._red { color: #cc0000; }

._set-tablet { /* 800 */ display: none; }

._set-mobile { /* 560 */ display: none; }

/* #Grid
================================================== */
section { position: relative; z-index: 0; }

.box { position: relative; }

.container { position: relative; margin: 0 auto; padding: 0; max-width: 1200px; width: 100%; }

.container_full { position: relative; margin: 0 auto; padding: 0; }

._secpd--main { padding-top: 100px; padding-bottom: 100px; }

._secpd--sub { padding-top: 120px; padding-bottom: 120px; }

/* #Button and Link style
================================================== */
._btn-readmore { color: #ffffff; }

._btn-readmore:before { background-color: rgba(0, 0, 0, 0.6); }

._btn-booknow { color: #ffffff; background-color: #676767; padding: 6px 20px 4px; display: inline-block; min-width: 90px; text-align: center; text-transform: initial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); }

._btn-booknow:before { height: 0; }

._btn-booknow:hover { background-color: #676767; }

._alink:before { position: absolute; content: ""; height: 1px; width: calc(100% - 5px); left: 0; bottom: -1px; background-color: #fff; -webkit-transform: scalex(0); transform: scalex(0); }

._alink:hover:before { width: calc(100% - 5px); -webkit-transform: scalex(1); transform: scalex(1); }

/* #Font style
================================================== */
/* #Icon
================================================== */
.icon { position: relative; display: inline-block; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; }

/* #Photo Effect
================================================== */
._bg-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

._bg-full img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* #Etc
================================================== */
.fixed_scroll { height: 100%; overflow: hidden; }

/* #Slide slide
================================================== */
.slick-list { height: auto !important; }

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: 50%; background: none; border: 0; width: 150px; z-index: 400; font-size: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.slick-arrow:hover { border: 0; background-color: inherit; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.slick-arrow:before { position: absolute; content: ""; height: 1px; width: 130px; top: 50%; background-color: #ffffff; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.slick-arrow:hover:before { width: 80px; }

.slick-prev { left: 30px; background: url(../images/icon--arrow-prev.png) no-repeat left center; }

.slick-prev:before { left: 10px; }

.slick-next { right: 30px; background: url(../images/icon--arrow-next.png) no-repeat right center; }

.slick-next:before { right: 10px; }

.slick-dots { width: 50%; bottom: 70px; left: 80px; position: absolute; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.slick-dots li { display: inline-block; }

.slick-dots li button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 9px; height: 9px; padding: 0; margin: 0 4px; border: 1px solid #ffffff; background: none; font-size: 0; }

.slick-dots li.slick-active button { background-color: #ffffff; width: 10px; height: 10px; }

/* #Back to top
================================================== */
#back-to-top { display: none; position: fixed; z-index: 9999; width: 35px; height: 33px; cursor: pointer; background-color: rgba(102, 102, 102, 0.7); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; top: auto; right: 20px; bottom: 20px; left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#back-to-top:before { height: 0; }

#back-to-top.show { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

#back-to-top:hover { background-color: #202020; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#back-to-top i.icon--backtotop { background: url(../images/icon--arrow-backtotop.svg) no-repeat center center; display: block; width: 100%; height: 100%; background-size: 15px; }

/* #box layout
================================================== */
div[class*="boxc__"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

div[class*="boxc__"] .box { position: relative; overflow: hidden; margin-bottom: 20px; background-color: #000000; }

div[class*="boxc__"] .box .photo { overflow: hidden; z-index: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transform: scale(1); transform: scale(1); }

div[class*="boxc__"] .box .detail .wrap { width: 100%; }

div[class*="boxc__"] .box:hover .photo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }

.boxc__1col .box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.boxc__1col .box .photo { width: 50%; }

.boxc__1col .box .detail { width: 50%; }

.boxc__2col .box { width: calc(50% - 10px); }

.boxc__2col .box .photo { width: 100%; }

.boxc__2col .box .detail { width: 100%; }

.boxc__3col .box { width: calc(33.33% - 10px); }

.boxc__3col .box .photo { width: 100%; }

.boxc__3col .box .detail { width: 100%; }

/* #Header
================================================== */
header { padding-top: 20px; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

header .menu { text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; letter-spacing: 3px; }

header .menu a:after { position: absolute; content: ""; height: 10px; width: 10px; left: calc(50% - 5px); top: calc(100% + 5px); background: url(../images/icon--arrowmenu.svg) no-repeat center center; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

header .menu a:hover:after { top: calc(100% - 2px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

header .menuleft { width: calc(50% - 88px); padding-right: 20px; -webkit-box-pack: end; justify-content: flex-end; }

header .menuleft ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

header .menuleft ul li { margin-right: 40px; }

header .menuright { width: calc(50% - 88px); padding-left: 20px; -webkit-box-pack: start; justify-content: flex-start; }

header .menuright ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

header .menuright ul li { margin-left: 40px; }

header .logo { width: 176px; }

.btn__mobilemenu { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 40px; height: 40px; position: absolute; right: 30px; top: 0px; cursor: pointer; }

.btn__mobilemenu .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.btn__mobilemenu span { background: #ffffff; height: 2px; width: 100%; display: block; margin: 5px 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.btn__mobilemenu:hover span:nth-child(2) { width: 60%; }

.sec__mobilemenu { z-index: 10010; position: fixed; top: 30px; bottom: 30px; width: calc(100% - 60px); left: -100%; padding: 60px 0; background-color: #ffffff; text-align: left; /* overflow: hidden; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; transition: all 0s ease 0s; }

.sec__mobilemenu:before { position: absolute; content: ""; left: -30px; top: -30px; bottom: -30px; right: -30px; background-color: rgba(255, 255, 255, 0.8); }

.sec__mobilemenu.active { top: 30px; bottom: 30px; left: 30px; padding: 60px 160px 60px 160px; min-height: 300px; }

.sec__mobilemenu.active .wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left: 0px; width: 100%; }

.sec__mobilemenu .btn__closemenu { width: 40px; height: 40px; position: absolute; z-index: 10; top: 20px; right: 18px; cursor: pointer; }

.sec__mobilemenu .btn__closemenu span { display: block; width: 100%; height: 100%; }

.sec__mobilemenu .btn__closemenu span:before { position: absolute; content: ""; height: 2px; width: 100%; left: 4px; top: calc(50% - 15px); background-color: #000000; -webkit-transform: rotate(45deg) scaleX(0); transform: rotate(45deg) scaleX(0); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }

.sec__mobilemenu .btn__closemenu span:after { position: absolute; content: ""; height: 2px; width: 100%; right: 10px; top: calc(50% - 15px); background-color: #000000; -webkit-transform: rotate(-45deg) scaleX(0); transform: rotate(-45deg) scaleX(0); -webkit-transition: all 0.6s ease 0.3s; -moz-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; -ms-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.sec__mobilemenu .btn__closemenu.active > span:before { -webkit-transform: rotate(45deg) scaleX(1); transform: rotate(45deg) scaleX(1); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__mobilemenu .btn__closemenu.active > span:after { -webkit-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); -webkit-transition: all 0.6s ease 0.3s; -moz-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; -ms-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; }

.sec__mobilemenu .wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: relative; /* left: -50px; */ /* @include transition(all, 0s, ease, 0s); */ }

.sec__mobilemenu ul#list__mobilemainmenu { margin: 30px 0 0 0; }

.sec__mobilemenu ul#list__mobilemainmenu > li { margin-bottom: 10px; }

.sec__mobilemenu ul#list__mobilemainmenu > li img { width: 50px; margin-right: 20px; }

.sec__mobilemenu ul#list__mobilemainmenu > li a { font-size: 2.4rem; line-height: 1.4; font-family: "AgencyFB-Reg", sans-serif; letter-spacing: 3px; }

.sec__mobilemenu ul#list__mobilemainmenu > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu { padding-left: 70px; max-height: 0; overflow: hidden; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu ul { margin: 0; padding: 0; }

.sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu li { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; width: 100%; }

.sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu a { font-size: 2rem; line-height: 1.2; padding: 3px 0; color: #666; letter-spacing: 1px; }

.sec__mobilemenu ul#list__mobilemainmenu > li .wrap__submenu a:before { bottom: 50%; }

.sec__mobilemenu ul#list__mobilemainmenu .has_msubmenu { position: relative; width: 100%; }

.sec__mobilemenu ul#list__mobilemainmenu .has_msubmenu .togglemenu { position: absolute; right: 0; top: 5px; z-index: 10; cursor: pointer; width: 40px; height: 40px; background: url(../images/icon--select.svg) no-repeat center center; background-size: 40px auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; /* &:before{ position: absolute; content: ""; height: 1px; width: 20px; right: calc(50% - 10px); top: 50%; background-color: $col-tx--body; } &:after{ position: absolute; content: ""; height: 1px; width: 20px; right: calc(50% - 10px); top: 50%; background-color: $col-tx--body; -webkit-transform: rotate(90deg); transform: rotate(90deg); @include transition(all, 0.6s, ease, 0s); } */ }

.sec__mobilemenu ul#list__mobilemainmenu .has_msubmenu > a { width: calc(100% - 40px); }

.sec__mobilemenu ul#list__mobilemainmenu .has_msubmenu.active .togglemenu { -webkit-transform: rotate(0deg); transform: rotate(0deg); /* &:after{ -webkit-transform: rotate(0deg); transform: rotate(0deg);  } */ }

.sec__mobilemenu ul#list__mobilemainmenu .has_msubmenu.active .wrap__submenu { max-height: 300px; }

.sec__mobilemenu .mobile__social { position: relative; padding-top: 25px; margin-top: 20px; }

.sec__mobilemenu .mobile__social:before { position: absolute; content: ""; height: 1px; width: 0; left: 0; top: 0; background-color: #000; }

.sec__mobilemenu .mobile__social.active:before { width: 100%; -webkit-transition: all 1.4s ease 0s; -moz-transition: all 1.4s ease 0s; -o-transition: all 1.4s ease 0s; -ms-transition: all 1.4s ease 0s; transition: all 1.4s ease 0s; }

.sec__mobilemenu .mobile__social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sec__mobilemenu .mobile__social li { width: 30px; margin-right: 20px; }

.sec__mobilemenu .mobile__social path { fill: #000; }

/* #footer
================================================== */
footer { padding: 20px 0; font-size: 1.2rem; letter-spacing: 5px; }

footer .wrap__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

footer .copyright { width: 410px; text-align: center; }

footer .footer__social { font-family: "AgencyFB-Reg", sans-serif; width: calc(50% - 205px); }

footer .footer__social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

footer .footer__social ul li { margin-right: 13px; }

footer .footer__social img { width: 24px; }

/* #Main slide -- fullpage
================================================== */
.sd__mainbanner { background-color: #000000; position: relative; }

.sd__mainbanner:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-top.png) repeat-x top; z-index: 2000; }

.sd__mainbanner:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/bg--slidemain-bottom.png) repeat-x bottom; z-index: 2000; }

.sd__mainbanner .box { height: 100vh; width: 100%; }

/* #Home
================================================== */
.sec__mainpagehome .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__mainpagehome .col1 { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.sec__mainpagehome .col2 { width: 50%; }

.sec__mainpagehome .col2 .wrap { background: url(../images/owl.jpg) no-repeat center center; background-size: 100% auto; }

.sec__mainpagehome .col2 .wrap img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.sec__mainpagehome .logocontent img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=10); -webkit-opacity: 0.1; -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; width: 480px; margin-bottom: 20px; }

.sec__mainpagehome .download { font-size: 1.4rem; font-family: "AgencyFB-Reg", sans-serif; letter-spacing: 7px; }

.sec__mainpagehome .download a { color: #ffffff; }

/* #Contact us
================================================== */
.sec__maincontent--contactus .wrap__detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding-top: 70px; }

.sec__maincontent--contactus .wrap__detail .col { width: calc(50% - 0px); }

.sec__maincontent--contactus .wrap__detail .sentfrom { padding-left: 80px; }

.sec__maincontent--contactus .wrap__detail .map { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; }

.sec__maincontent--contactus .wrap__detail .wrap__map { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 450px; height: 450px; overflow: hidden; }

.sec__maincontent--contactus .wrap__detail .wrap__map iframe { width: 450px; height: 450px; }

.sec__maincontent--contactus .wrap__detail .wrap__address { padding-top: 40px; width: 450px; }

.sec__maincontent--contactus .wrap__detail .wrap__address h5 { margin-bottom: 10px; }

.sec__maincontent--contactus .sentfrom { padding-top: 60px; }

.sec__maincontent--contactus .sentfrom .text { text-transform: uppercase; text-align: left; }

.sec__maincontent--contactus .sentfrom .text h4 { text-align: left; }

.sec__maincontent--contactus .sentfrom .text p { font-family: "AgencyFB-Reg", sans-serif; letter-spacing: 4px; }

.sec__contactform { max-width: 400px; padding-top: 10px; }

.sec__contactform input, .sec__contactform textarea { padding-left: 120px; font-size: 1.6rem; }

.sec__contactform label { width: 100%; display: block; }

.sec__contactform label.error { color: #cc0000; font-size: 0.9em; float: left; padding: 5px 0 0; }

.sec__contactform .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 5px; position: relative; }

.sec__contactform .subject { width: 110px; text-align: left; padding: 0 0px 0 0; font-family: "AgencyFB-Reg", sans-serif; font-size: 1.6rem; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=20); -webkit-opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; text-transform: uppercase; position: absolute; left: 15px; top: 7px; }

.sec__contactform .inputfield { width: 100%; }

.sec__contactform .-pass .subject { left: 100px; width: 120px; }

.sec__contactform .-pass input { padding-left: 140px; }

.sec__contactform .-pass .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__contactform .-pass .wrap_verify { width: 80px; background-color: #efefef; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sec__contactform .-pass .wrap_pass { width: calc(100% - 90px); }

.sec__contactform .-btn .subject { display: none; }

.sec__contactform .-btn button[value="Submit"] { width: calc(50% - 5px); margin-right: 10px; float: left; }

.sec__contactform .-btn button[value="Reset"] { width: calc(50% - 5px); float: left; }

.sec__contactform .-remark { font-size: 1.4rem; text-align: left; font-family: "AgencyFB-Reg", sans-serif; display: none; }

.custom-select { position: relative; }

.custom-select select { display: none; }

.custom-select .select-hide { display: none; }

.custom-select .select-selected { background-color: #ffffff; border: 1px solid #172625; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 10px 10px 10px; text-align: left; font-size: 1.4rem; line-height: 1.6; color: #ffffff; }

.custom-select .select-selected:after { position: absolute; content: ""; height: 30px; width: 30px; right: 5px; top: 8px; background: url(../images/icon--select.svg) center center no-repeat; background-size: 40px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.custom-select .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.custom-select .select-items { position: absolute; border: 1px solid #ccc; background-color: #fdfdfd; top: calc(100% - 1px); left: 0; right: 0; z-index: 99; box-shadow: 2px 2px 4px 0px #f1f1f1; padding: 5px; }

.custom-select .select-items div { color: #ffffff; padding: 8px 16px; cursor: pointer; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-select .select-items div:hover { font-weight: bold; background-color: #f1f1f1; }

.custom-select .same-as-selected { font-weight: bold; }

/* #Map
================================================== */
.sec__map .wrap__map { height: 35vw; }

.sec__map #map-canvas { height: 100%; }

.sec__map #product-right { padding: 20px 12px 20px 10px; text-align: center; }

.sec__map #product-right img { margin-bottom: 15px; width: 120px; }

/* #Service
================================================== */
.list__service { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 800px; margin: auto; padding-top: 60px; }

.list__service .box { width: 50%; margin-bottom: 60px; }

.list__service .title { font-family: "AgencyFB-Reg", sans-serif; text-transform: uppercase; font-size: 2.2rem; line-height: 1.6; letter-spacing: 8px; margin-bottom: 4px; }

.list__service .list { text-transform: uppercase; }

.list__service .list li { margin-bottom: 2px; }

.sec__works { padding-bottom: 100px; }

.list__works { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; padding-top: 60px; }

.list__works .box { margin: 5px; width: calc(25% - 10px); }

.list__works .box a { display: block; width: 100%; position: relative; }

.list__works .box a img { width: 100%; }

/* #Clients
================================================== */
.sec__maincontent--client .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__maincontent--client .wrap__intro { width: 420px; text-align: left; padding-right: 60px; padding-top: 120px; }

.sec__maincontent--client .wrap__intro h2 { text-align: left; text-transform: none; margin-bottom: 20px; padding-left: 0; }

.sec__maincontent--client .wrap__intro h2:before { left: 0; }

.sec__maincontent--client .wrap__intro .detail p { font-family: "AgencyFB-Reg", sans-serif; }

.sec__maincontent--client .list__client { width: calc(100% - 420px); }

.sec__maincontent--client .list__client ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sec__maincontent--client .list__client ul li { width: 90px; margin-left: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-bottom: 60px; }

.sec__maincontent--client .list__client ul li img { width: 100%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__maincontent--client .list__client ul li img:hover { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); }

/* #
================================================== */
.sec__mainpage--search .wrap__content { padding: 60px 0; }

.sec__mainpage { min-height: calc(100vh - 400px); }

/* #Gallery
================================================== */
#page__gallery .sec__maincontentpage { padding-bottom: 50px; }

#page__gallery #sec__gallery { padding-bottom: 40px; }

.filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; padding: 0 0 30px; }

.filter-button-group button { background: none; border: 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #ffffff; display: inline-block; width: auto; font-size: 1.6rem; height: 30px; margin: 0 7px; padding: 5px 10px; position: relative; margin-bottom: 15px; }

.filter-button-group button:hover { color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

.filter-button-group button.active { color: #ffffff; }

.filter-button-group button:before { content: ""; z-index: -1; width: 100%; height: 0%; background: #ffffff; bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; }

.filter-button-group button:hover:before, .filter-button-group button.active:before { height: 100%; }

.box_gallery-list .box { width: 20%; padding: 5px; position: relative; }

.box_gallery-list .box img { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.box_gallery-list .box ._detail { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: #ffffff; z-index: 110; font-size: 1.6rem; line-height: 1.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.box_gallery-list .box a { display: block; border: 0; background-color: #000000; padding: 0; }

.box_gallery-list .box a:before { border: 1px solid rgba(255, 255, 255, 0); z-index: 99; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; background: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.box_gallery-list .box a:hover:before { border: 1px solid white; -webkit-transform: scale(0.8); transform: scale(0.8); }

.box_gallery-list .box a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.box_gallery-list .box a:hover ._detail { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sec__maincontent { padding: 100px 0; }

.sec__maincontent .container { max-width: inherit; padding: 0 60px; }

.sec__maincontent .wrap__tableinfuencer { padding-top: 60px; }

.sec__maincontent table.dataTable { margin-bottom: 20px; }

.sec__maincontent table.dataTable thead th, .sec__maincontent table.dataTable thead td { text-transform: uppercase; font-family: "AgencyFB-Reg", sans-serif; font-weight: normal; padding: 10px; }

.sec__maincontent table.dataTable.row-border tbody th, .sec__maincontent table.dataTable.row-border tbody td, .sec__maincontent table.dataTable.display tbody th, .sec__maincontent table.dataTable.display tbody td { border: 0; }

.sec__maincontent table.dataTable tbody tr { font-size: 0.7em; background-color: #0d0d0d; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__maincontent table.dataTable.stripe tbody tr.odd, .sec__maincontent table.dataTable.display tbody tr.odd { background-color: #1a1a1a; }

.sec__maincontent table.dataTable.hover tbody tr:hover, .sec__maincontent table.dataTable.display tbody tr:hover { background-color: #232323; }

.sec__maincontent table.dataTable.display tbody tr.odd > .sorting_1, .sec__maincontent table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #000; }

.sec__maincontent table.dataTable.display tbody tr.even > .sorting_1, .sec__maincontent table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #000; }

.sec__maincontent table.dataTable thead .sorting_asc { background-image: url(../images/icon--arrowasc.svg); background-size: 14px auto; }

.sec__maincontent table.dataTable thead .sorting_desc { background-image: url(../images/icon--arrowdesc.svg); background-size: 14px auto; }

.sec__maincontent .dataTables_wrapper .dataTables_info { font-family: "AgencyFB-Reg", sans-serif; color: #555; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate { font-family: "AgencyFB-Reg", sans-serif; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button { border: 0; color: #fff !important; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; padding: 5px 10px; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 0; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button.current, .sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border: 0; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .sec__maincontent .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #333 !important; display: none; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate { position: relative; }

.sec__maincontent .dataTables_wrapper .dataTables_paginate:before { position: absolute; content: "Page : "; height: 100%; width: 60px; right: calc(100% + 10px); top: 8px; color: #fff; }

.sec__maincontent .dataTables_wrapper .dataTables_filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; width: 250px; color: #fff; }

.sec__maincontent .dataTables_wrapper .dataTables_filter label { width: 100%; }

.sec__maincontent .dataTables_wrapper .dataTables_filter input { width: calc(100% - 80px); background-image: url(../images/icon--search.svg); background-size: 20px auto; background-position: calc(100% - 8px) center; background-repeat: no-repeat; font-size: 1.4rem; font-family: "Prompt", sans-serif; }

.sec__maincontent .search__function { margin-bottom: 30px; padding: 10px 0px 10px 10px; text-align: left; background-color: #1a1a1a; }

.sec__maincontent .search__function .title { font-weight: bold; margin-bottom: 10px; font-family: "AgencyFB-Reg", sans-serif; }

.sec__maincontent .search__function .formfilter { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sec__maincontent .search__function select { background-color: #161616; padding: 10px 30px 10px 10px; }

.sec__maincontent .search__function input[type=checkbox], .sec__maincontent .search__function input[type=radio] { display: inline-block; vertical-align: middle; width: auto !important; margin: 0 8px 0 0; }

.sec__maincontent .search__function .row { margin-right: 20px; width: calc(16.66% - 20px); margin-bottom: 20px; }

.sec__maincontent .search__function .row.hide { display: none; }

.sec__maincontent .search__function .subject { font-size: 1.1rem; padding-left: 5px; padding-bottom: 5px; color: #999; }

.sec__maincontent .search__function .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }

.sec__maincontent .search__function .inputfield input { width: 100%; }

.sec__maincontent .search__function ._category label { font-family: "AgencyFB-Reg", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; margin-right: 20px; }

.sec__maincontent .search__function ._age .inputfield, .sec__maincontent .search__function ._follow .inputfield { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.sec__maincontent .search__function ._age .inputfield input, .sec__maincontent .search__function ._follow .inputfield input { width: calc(50% - 10px); }

span.check__pastdate { color: #cc0000; }

table.dataTable.no-footer { width: 100% !important; }

#table_register_wrapper a { color: #ffffff; color: #ffffff; text-decoration: none; cursor: pointer; position: relative; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

#table_register_wrapper a:hover, #table_register_wrapper a:active { color: #ffffff; }

#table_register_wrapper a:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; top: 100%; background-color: #ffffff; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

#table_register_wrapper .box_type { display: none; }

#table_register_wrapper .icon { width: 20px; }

#table_register_wrapper .td_popup { width: 140px; }

#table_register_wrapper .td_popup > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; }

#table_register_wrapper .td_popup a { margin-left: 10px; }

#table_register_wrapper .td_popup a:before { opacity: 0; }

#table_register_wrapper .td_popup .icon--contact { width: auto; height: 22px; }

#table_register_wrapper .html_popup { display: none; }

#table_register_wrapper th.th_buyprice { font-size: 1.3rem; color: #2c81e5; width: 55px !important; }

#table_register_wrapper th.th_saleprice { font-size: 1.3rem; color: #e3007d; width: 55px !important; }

#table_register_wrapper th.hide { display: none; }

#table_register_wrapper td.hide { display: none; }

.btn__changeprice { color: #000; background-color: #fff; font-family: "AgencyFB-Reg", sans-serif; padding: 10px 20px 8px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-transform: uppercase; font-size: 1.6rem; display: block; text-align: center; }

.btn__changeprice:hover { background-color: #000; color: #fff; }

.fancybox-slider .fancybox-close-small:after { background-color: #444; outline: inherit !important; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.fancybox-slider .fancybox-close-small:hover { background-color: #fff; }

.fancybox-slider .html_popup { max-width: 100%; width: 550px; color: #444; padding: 5px 0 0; }

.fancybox-slider .html_popup .wrap { padding: 20px; }

.fancybox-slider .html_popup .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; margin-bottom: 10px; }

.fancybox-slider .html_popup .row img { width: 100%; }

.fancybox-slider .html_popup .titlepopup { font-size: 26px; font-family: "AgencyFB-Reg", sans-serif; text-transform: uppercase; -webkit-box-pack: center; justify-content: center; position: relative; margin-bottom: 20px; }

.fancybox-slider .html_popup .titlepopup:before { background-color: #444; position: absolute; content: ""; height: 2px; width: 100%; left: 0; top: 100%; }

.fancybox-slider .html_popup .subject { font-weight: bold; width: 100px; /* text-align: right; */ padding-left: 20px; }

.fancybox-slider .html_popup .detail { width: calc(100% - 100px); padding-left: 20px; }

/*# sourceMappingURL=main.css.map */