@font-face {
  font-family: Vazirmatn;
  src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, btroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, tfoot, th, thead, time, tt, u, ul, var, video, xmp {
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
outline: none;
display: block;
}
i {
font-style: normal;
}
html {
font-size: 16px;
}
img {
font-size: 0;
color: transparent;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
li { display: list-item;
list-style: none;
}

.des-item li {
    list-style: disc;
    font-size: 14px;
    font-family: Vazirmatn;
  }

  li::marker {
    color: #1c39bb;
  }


table {
border-collapse: collapse;
border-spacing: 0;
}
th, td, caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
sub, sup, small {
font-size: 50%;
}
sub, sup {
line-height: 0;
position: relative;
vertical-align: baseline;
display: inline;
}
svg {
overflow: hidden;
}
p:empty {
display: none !important;
} ::-moz-selection { color: #fff;
background: #1c39bb;
}
::selection {
color: #fff;
background: #1c39bb;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} .clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
} img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
text-decoration: none;
outline: 0;
color: #000;
-webkit-transition: color .3s;
transition: color .3s;
}
a:hover {
color: #1c39bb;
} input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="time"], input[type="month"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input.input-text, select, textarea {
background: none;
font-family: inherit;
line-height: 1.6;
outline: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 100%;
color: #B0AA7E;
padding: 1.2rem 0;
font-size: 1rem;
resize: vertical;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="time"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input.input-text:focus, select:focus, textarea:focus {
outline: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-text-fill-color: #B0AA7E;
-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
} button, input[type=submit] {
background: none;
display: inline-block;
color: #282828;
padding: 0;
border: 0;
-webkit-appearance: none;
border-radius: 0;
text-align: center;
}
button[disabled], button.disabled, button.loading {
cursor: default;
opacity: 0.3;
} .bellfont {
font-family: 'Bellefair', serif;
font-weight: normal;
}
body {
line-height: 1.8;
letter-spacing: 1px;
font-family: Vazirmatn,"Helvetica Neue","Helvetica","Arial",sans-serif;
color: #282828;
background-color: #F8F8F8;
}
h1, h2 {
color: #1c39bb;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
font-weight: normal;
}
h5, h6 {
line-height: 1.6;
}
h1 {
font-size: 4.5vw;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.6rem;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
::-webkit-input-placeholder {
opacity: 0.5;
}
:-moz-placeholder {
opacity: 0.5;
} ::-moz-placeholder {
opacity: 0.5;
} :-ms-input-placeholder {
opacity: 0.5;
} .edit_style {
width: 80%;
margin: 4rem auto;
text-align: left;
}
.edit_style p {
font-size: 1.1rem;
margin: 0 0 1rem;
}
.edit_style h3,
.edit_style h4,
.edit_style h5,
.edit_style h6 {
font-size: 1.4rem;
color: #000;
margin: 4rem 0 2rem;
padding: 0 0 0 1rem;
position: relative;
}
.edit_style h3:before,
.edit_style h4:before,
.edit_style h5:before,
.edit_style h6:before {
content: '';
position: absolute;
z-index: 0;
left: -1rem;
top: -10px;
width: 5rem;
height: 3rem;
border-radius: 100%;
border: 1px solid #1c39bb;
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}
.edit_style img {
margin: 40px 0;
position: relative;
}
.edit_style p.wp-caption-text {
background: #B5BD00;
display: inline-block;
color: #fff;
padding: 3px 10px;
position: relative;
}
.edit_style p.wp-caption-text:before {
content: '';
position: absolute;
width: 0;
height: 0;
left: 20px;
top: -10px;
border-style: solid;
border-width: 0 6px 10.4px 6px;
border-color: transparent transparent #1c39bb transparent;
}
.edit_style ul, .edit_style ol {
margin-left: 20px;
margin-bottom: 15px;
line-height: 30px;
}
.edit_style ol, .pc_content ol {
margin-left: 30px;
list-style-type: none;
counter-reset: es_count_ol;
}
.edit_style ul li:before {
content: "•";
font-size: 20px;
color: #1c39bb;
display: inline-block;
width: 30px;
margin-left: -22px;
position: absolute;
}
.edit_style ul li, .edit_style ol li {
margin-bottom: 5px;
}
.edit_style ol li:before {
content: counter(es_count_ol);
counter-increment: es_count_ol;
color: #1c39bb;
display: inline-block;
width: 30px;
margin-left: -23px;
position: absolute;
}
.edit_style hr {
border: 0.5px solid #848484;
margin: 30px 0 30px;
}
.edit_style blockquote {
padding: 2rem 0 0;
margin: 2rem 0 3rem;
text-align: center;
font-weight: bolder;
position: relative;
}
.edit_style blockquote:before {
content: '”';
font-family: 'Bellefair', serif;
font-size: 4rem;
position: absolute;
color: #1c39bb;
left: 50%;
top: -20px;
font-weight: normal;
}
.edit_style a {
color: #1c39bb;
}
.edit_style a:hover {
color: #fff;
}
.edit_style img.image2 {
display: inline-block;
width: 50%;
vertical-align: top;
}
.edit_style img.image2:nth-child(1) {
padding-right: 10px;
}
.edit_style img.image2:nth-child(2) {
padding-left: 10px;
}
.edit_style img.full {
width: 100%;
}
.edit_style img.aligncenter {
margin: 40px auto !important;
}
.edit_style table {
margin: 50px 0 40px;
}
.edit_style td {
border: 1px solid #8E8D8B;
padding: 10px 20px;
}
.edit_style tr:nth-child(odd) {
background: #fff;
} html.has-scroll-smooth {
overflow: hidden;
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.has-scroll-smooth body {
overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh;
}
[data-scroll-direction=horizontal] [data-scroll-container] {
white-space: nowrap;
height: 100vh;
display: inline-block;
white-space: nowrap;
}
[data-scroll-direction=horizontal] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%;
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
-webkit-transform-origin: center right;
transform-origin: center right;
-webkit-transition: opacity .3s,-webkit-transform .3s;
transition: opacity .3s,-webkit-transform .3s;
transition: transform .3s,opacity .3s;
transition: transform .3s,opacity .3s,-webkit-transform .3s;
opacity: 0;
}
.c-scrollbar:hover {
-webkit-transform: scaleX(1.45);
transform: scaleX(1.45);
}
.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
opacity: 1;
}
[data-scroll-direction=horizontal] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
-webkit-transform: scaleY(1.3);
transform: scaleY(1.3);
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: #000;
opacity: .5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing;
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
right: auto;
bottom: 0;
}

@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 3rem, 0);
transform: translate3d(0, 3rem, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 3rem, 0);
transform: translate3d(0, 3rem, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rotateIn {
from {
opacity: 0;
-webkit-transform: scale(0.5) rotate(-180deg);
transform: scale(0.5) rotate(-180deg);
}
to {
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@keyframes rotateIn {
from {
opacity: 0;
-webkit-transform: scale(0.5) rotate(-180deg);
transform: scale(0.5) rotate(-180deg);
}
to {
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes appPoint {
from {
opacity: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes appPoint {
from {
opacity: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
to {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scrLine {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes scrLine {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
 .esflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.escol2 > div {
width: 50%;
height: auto;
}
body.lock {
overflow: hidden;
}
.eswrap {
width: 80%;
margin: 0 auto;
}
.eswrap_sml {
width: 60%;
margin: 0 auto;
}
.arrow {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1.4rem;
line-height: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 4rem;
}
.arrow .line {
width: 2rem;
height: 5px;
margin: 0 -14px 0 0;
overflow: hidden;
position: relative;
}
.arrow .line:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 40rem;
height: 5px;
background-image: url(../images/arrow_line.svg);
background-position: 0 60%;
background-size: cover;
}
.arrow.top .line:before {
left: -1px;
width: 6px;
height: 42rem;
background-size: cover;
background-position: 60% 0;
background-image: url(../images/arrow_line_ver.svg);
}
.arrow.top .line {
height: 3rem;
width: 5px;
margin: -1.2rem auto 0;
}
.arrow.top {
height: 4rem;
width: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.arrow_btn:hover .top .line:before {
-webkit-animation: verLineAni 3s both;
animation: verLineAni 3s both;
}
.leaf_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 1.5rem 1rem;
width: 14rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
margin: 0px auto;
}
.leaf_btn .icon-brand-4 {
font-size: .8rem;
color: #C1A387;
margin: 0 1.4rem 0 0;
}
.leaf_btn .arrow {
margin: 0 0 0 .5rem;
width: 2rem;
}
.cir_skip:hover .line:before,
.cir_go_series a:hover .line:before,
.listpost:hover .line:before,
.leaf_btn:hover .line:before {
-webkit-animation: horiLineAni 3s both;
animation: horiLineAni 3s both;
}
.leaf_btn:before {
content: '';
position: absolute;
z-index: 0;
left: 0;
top: 0;
border: 1px solid #af9983;
border-radius: 100%;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.leaf_btn:hover:before {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.arrow i {
font-size: 24px;
color: #fff;
}
@-webkit-keyframes verLineAni {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, -90%, 0);
transform: translate3d(0, -90%, 0);
}
}
@keyframes verLineAni {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, -90%, 0);
transform: translate3d(0, -90%, 0);
}
}
@-webkit-keyframes horiLineAni {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(90%, 0, 0);
transform: translate3d(90%, 0, 0);
}
}
@keyframes horiLineAni {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(90%, 0, 0);
transform: translate3d(90%, 0, 0);
}
} .espopup {
position: fixed;
z-index: 1001;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
-webkit-animation: fadeIn .5s;
animation: fadeIn .5s;
background-color: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.espopup iframe {
width: 90%;
height: 90%;
}
.espopup .inner {
position: absolute;
width: 80vw;
height: 80vh;
background: #fff;
left: 50%;
top: 50%;
margin: -40vh 0 0 -40vw;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-webkit-animation: fadeInUp .3s .3s both;
animation: fadeInUp .3s .3s both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.espopup .closer {
position: absolute;
right: -4rem;
top: -3rem;
width: 3rem;
height: 3rem;
border-radius: 100%;
border: 1px solid #aaa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.espopup .closer:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.espopup .closer:before {
/* content: '\e812';
font-family: 'fontello'; */
font-size: .8rem;
}
.espopup.leave {
-webkit-animation: fadeOut .5s;
animation: fadeOut .5s;
} .message {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 800;
padding: 0 0 3rem;
-webkit-animation: fadeInUp .5s;
animation: fadeInUp .5s;
}
.msg_inner {
width: 50vw;
min-width: 300px;
margin: 0 auto;
border-radius: 100px;
padding: 1rem 2rem;
color: #fff;
background-color: #000;
}
.msg_inner p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
word-break: break-all;
text-align: center;
font-size: .8rem;
line-height: 1.3;
}
.message i {
color: #7BAA82;
margin: 0 1rem 0 0;
}
.message.leave {
-webkit-animation: fadeOut .5s;
animation: fadeOut .5s;
} .title_leaf {
text-align: center;
padding: 5rem 0;
}
.title_leaf .deco {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.title_leaf .deco:before {
content: '';
width: 1px;
height: 5rem;
background-color: #1c39bb;
margin: 0 0 .5rem;
}
.title_leaf .deco:after {
/* content: '\e80d';
font-family: 'fontello'; */
font-size: .9rem;
color: #1c39bb;
}
.title_leaf h2 {
font-size: 3vw;
letter-spacing: 1px;
color: #000;
margin: 0 0 1rem;
}
.title_leaf h2 i {
font-size: 1rem;
} .es_rail_track {
width: 100%;
overflow: hidden;
}
.track_wrap {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 10vw;
}
.track_wrap > div {
color: #F8F8F8;
text-shadow: -1px -1px 0 #808080, 1px -1px 0 #808080, -1px 1px 0 #808080, 1px 1px 0 #808080;
}
.img_scalin {
overflow: hidden;
}
.img_scalin img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
}
.img_scalin.esin img {
-webkit-transform: scale(1);
transform: scale(1);
} .core_visual {
font-size: 7vw;
line-height: 1;
margin: -3rem 0 0;
position: relative;
}
.core_visual:before {
content: '';
width: 40vw;
height: 20vw;
border-radius: 100%;
border: 1px solid #1c39bb;
position: absolute;
left: 50%;
top: 50%;
margin: -10vw 0 0 -20vw;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
z-index: 0;
}
.core_visual img {
width: 5rem;
height: 5rem;
}
.core_visual div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
}
.core_visual .oval {
font-size: 1rem;
border-radius: 100%;
padding: 2rem 0rem;
width: 12vw;
border: 1px solid #000;
margin: -5px 1rem 0;
font-family: "PingFang TC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.core_visual img {
margin: -5px 1rem 0;
}
.core_visual span {
overflow: hidden;
padding: 1rem 0;
}
.core_visual b {
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
font-weight: normal;
}
.core_visual b.from_down {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.core_visual b.from_left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.core_visual b.from_right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.core_visual > div.esin b {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.core_link {
margin: 5rem 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.core_link a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.4rem;
position: relative;
}
.core_link a:before {
content: '';
width: 100%;
height: 1px;
background-color: #000;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.core_link a:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.core_link a:hover {
color: #000;
}
.core_link .arrow {
width: 3rem;
margin: 0 0 0 1rem;
} 
.eslogo {
    position: fixed;
    top: 3rem;
    left: 50%;
    width: 16rem;
    margin: 0 0 0 -7rem;
    z-index: 991;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.eslogo.hasbg {
background-color: #F8F8F8;
}
.eslogo svg path {
-webkit-transition: all .3s;
transition: all .3s;
stroke: rgba(0, 0, 0, 0);
fill: black;
}
.eslogo:hover svg path {
fill: rgba(0, 0, 0, 0);
stroke: black;
}
#navWave {
position: fixed;
top: 2rem;
right: 2rem;
cursor: pointer;
z-index: 991;
}
#navWave .des {
position: absolute;
right: 4rem;
top: 6px;
width: 4rem;
pointer-events: none;
opacity: 0;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: all .3s;
transition: all .3s;
}
#navWave svg {
fill: none;
stroke: #000000;
stroke-miterlimit: 10;
height: 50px;
}
#navWave svg path {
-webkit-transition: -webkit-transform 5s;
transition: -webkit-transform 5s;
transition: transform 5s;
transition: transform 5s, -webkit-transform 5s;
}
#navWave:hover svg path {
-webkit-transform: translate3d(-400px, 0, 0);
transform: translate3d(-400px, 0, 0);
}
#navWave > div {
width: 50px;
height: 50px;
overflow: hidden;
position: relative;
}
header.navopen #navWave .des {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
header.navopen #navWave svg path {
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transform: translate3d(-430px, 5px, 0) rotate(15deg);
transform: translate3d(-430px, 5px, 0) rotate(15deg);
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
header.navopen #navWave svg path:last-child {
-webkit-transform: translate3d(-428px, -9px, 0) rotate(-15deg);
transform: translate3d(-428px, -9px, 0) rotate(-15deg);
}
header.isclose #navWave svg path {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
header.scroll .eslogo {
-webkit-transform: scale(0.8);
transform: scale(0.8);
top: 10px;
}
#mainNav {
position: fixed;
right: 0;
top: 0;
overflow: hidden;
width: 50vw;
height: 100vh;
z-index: 990;
pointer-events: none;
}
header.navopen #mainNav {
pointer-events: initial;
}
#mainNav:before {
content: '';
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);
transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);
}
header.navopen #mainNav:before {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#mainNav li {
opacity: 0;
-webkit-transition: all .5s .3s;
transition: all .5s .3s;
-webkit-transform: translate3d(0, 3rem, 0);
transform: translate3d(0, 3rem, 0);
}
#mainNav li:nth-child(2) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
#mainNav li:nth-child(3) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
header.navopen #mainNav li {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mainNav > ul {
position: relative;
z-index: 1;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 5vw 0 0;
margin: -2rem 0 0 0;
}
#mainNav ul a {
font-size: 4vw;
line-height: 11vw;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#mainNav ul a:before {
/* content: '\e800'; */
font-size: 1.5rem;
/* font-family: "fontello"; */
margin: 0 2rem 0 0;
-webkit-transition: color .3s;
transition: color .3s;
}
#mainNav li:nth-child(2) {
margin: 0 8vw 0 0;
}
#mainNav li:nth-child(2) a:before {
content: '\e801';
font-size: 2rem;
}
#mainNav li:nth-child(3) a:before {
content: '\e802';
font-size: 1rem;
}
#mainNav ul a:after {
/* content: '\e80d'; */
font-size: 1rem;
/* font-family: "fontello"; */
margin: 0 0 0 5vw;
opacity: 0;
-webkit-transform: translateX(-2rem);
transform: translateX(-2rem);
-webkit-transition: all .3s;
transition: all .3s;
}
#mainNav ul a:hover {
color: #000;
}
#mainNav ul a:hover:before {
color: #1c39bb;
}
#mainNav ul a:hover:after {
color: #1c39bb;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
#mainNav ul a i {
position: absolute;
width: 100%;
height: 1px;
border: 1px solid #1c39bb;
left: 0;
bottom: 2rem;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
#mainNav ul a:hover i {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.nav_infos {
position: absolute;
bottom: 2rem;
right: 6%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 55%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2;
opacity: 0;
-webkit-transform: translate3d(0, 3rem, 0);
transform: translate3d(0, 3rem, 0);
-webkit-transition: all .3s .5s;
transition: all .3s .5s;
}
header.navopen .nav_infos {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.nav_infos .socials {
position: absolute;
right: 0;
bottom: 2rem;
}
.nav_infos .socials a {
margin: 0 0 1rem;
}
.socials a {
padding: 1rem;
border-radius: 100%;
border: 1px solid #d1d1d1;
width: 3rem;
height: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.socials a:hover {
border-color: #1c39bb;
}
.buynow {
position: fixed;
right: 7rem;
top: 2.3rem;
font-size: .9rem;
z-index: 990;
}
.buynow a {
padding: 0 1.5rem;
border-radius: 10rem;
border: 1px solid #d1d1d1;
-webkit-transition: all .3s;
transition: all .3s;
position: relative;
overflow: hidden;
}
.buynow a:after {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
background-color: #C1A387;
}
.buynow a:hover:after {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.buynow i:before {
/* content: '\e80a';
font-family: 'fontello'; */
font-size: 1.4rem;
margin: 0 10px 0 0;
}
.buynow i {
font-style: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
-webkit-transition: color .3s;
transition: color .3s;
}
.buynow a:hover i {
color: #fff;
}
.buynow a:hover {
border-color: #C1A387;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#pageLoader {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
bottom: 0;
z-index: 1111;
pointer-events: none;
cursor: progress;
}
#pageLoader > div {
width: 100%;
border-radius: 100%;
height: 100%;
-webkit-transform: translate3d(0, -100%, 0) scale(0);
transform: translate3d(0, -100%, 0) scale(0);
background-color: #1c39bb;
font-family: 'Bellefair', serif;
}
#pageLoader span {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
body.loading #pageLoader {
pointer-events: initial;
}
body.loading #pageLoader > div {
-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);
transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);
-webkit-transform: translate3d(0, -50%, 0) scale(2.3);
transform: translate3d(0, -50%, 0) scale(2.3);
}
body.loaded #pageLoader > div {
-webkit-transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
-webkit-transform: translate3d(0, 100%, 0) scale(0.5);
transform: translate3d(0, 100%, 0) scale(0.5);
}
body.loading #pageLoader span {
-webkit-transition: opacity .5s .5s;
transition: opacity .5s .5s;
opacity: 1;
}
body.loaded #pageLoader span {
-webkit-transition: opacity .5s;
transition: opacity .5s;
} .page_home .listpost_style {
padding: 0 0 8rem;
}
.listpost a {
display: table;
width: 100%;
padding: 1.5rem 0;
border-bottom: 1px solid #ccc;
position: relative;
}
.posttitle {
width: 70%;
}
.listpost .date {
color: #ccc;
}
.listpost a > div {
display: table-cell;
}
.listpost div.post_image {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.listpost figure {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
overflow: hidden;
border-radius: 100%;
width: 20vw;
height: 14vw;
margin: -7vw 0 0 3vw;
opacity: .6;
}
.listpost.hover figure {
-webkit-transform: scale(1);
transform: scale(1);
}
.listpost img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .page_home .leaf_btn {
margin: 0 auto 5rem;
}
.section_first1 {
min-height: 400px;
height: 100vh;
max-height: 60vw;
overflow: hidden;
position: relative;
background-color: #EDEDE8;
}
.bta_bg_m {
display: none;
}
.bta_bg_wrap {
width: 50%;
overflow: hidden;
}
.bta_bg_wrap figure {
height: 100vh;
max-height: 60vw;
opacity: 0;
-webkit-transform: scale(1.2) rotate(-5deg);
transform: scale(1.2) rotate(-5deg);
-webkit-transition: all 2s 0.5s cubic-bezier(0.25, 1, 0.5, 1);
transition: all 2s 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.esin .bta_bg_wrap figure {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.bta_bg_wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.bta_img {
position: absolute;
top: 20%;
right: 0;
margin: 0;
width: 50%;
z-index: 1;
opacity: 0;
-webkit-transform: scale(1.2) rotate(-5deg);
transform: scale(1.2) rotate(-5deg);
-webkit-transition: all 2s 1s cubic-bezier(0.25, 1, 0.5, 1);
transition: all 2s 1s cubic-bezier(0.25, 1, 0.5, 1);
}
.esin .bta_img {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.bta_img img {
width: 60%;
margin: 0 auto;
max-width: 450px;
}
.bta_text {
position: absolute;
top: -22vw;
right: -8vw;
opacity: 0;
-webkit-transform: scale(0.5) rotate(-50deg);
transform: scale(0.5) rotate(-50deg);
-webkit-transition: all 2s 0.8s cubic-bezier(0.25, 1, 0.5, 1);
transition: all 2s 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.bta_text h1 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.esin .bta_text {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.bta_text svg {
width: 77vw;
height: 77vw;
}
.bta_text svg path {
stroke-width: 0;
}
.bta_text svg textPath {
font-family: 'Bellefair', serif;
font-size: 6.3rem;
letter-spacing: 0;
fill: #fff;
}
.scrolldown {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.scr_line {
width: 1px;
height: 50px;
overflow: hidden;
background-color: #000000;
margin: 1rem 0 0;
}
.scr_line:before {
content: '';
width: 100%;
height: 100%;
display: block;
background-color: #1c39bb;
-webkit-animation: scrLine 1s infinite;
animation: scrLine 1s infinite;
} #cirsliTarget {
height: 1000vh;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.circle_section {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.circle_section * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.circle_slider {
width: 50%;
height: 100vh;
overflow: hidden;
position: relative;
z-index: 1;
will-change: transform;
}
.circle_infos {
width: 50%;
padding: 20vh 0 0 10vw;
}
.cir_slide_implant {
position: relative;
width: 100%;
height: 100%;
}
.cir_mainimg {
width: 30vw;
}
.cir_slide {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
width: 65vw;
top: 20vh;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
position: absolute;
opacity: 0;
-webkit-transition: opacity 1s;
transition: opacity 1s;
will-change: transform;
}
.cir_slide.in {
opacity: 1;
} .cir_slide:nth-child(2) {
-webkit-transform: rotate(-72deg);
transform: rotate(-72deg);
}
.cir_slide:nth-child(3) {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg);
}
.cir_slide:nth-child(4) {
-webkit-transform: rotate(-216deg);
transform: rotate(-216deg);
}
.cir_slide:nth-child(5) {
-webkit-transform: rotate(-288deg);
transform: rotate(-288deg);
}
.cir_slide figure {
margin: 0 0 0 10vw;
position: relative;
}
.cir_gifimg {
height: 40%;
width: auto;
max-width: none;
position: absolute;
top: -10vw;
left: 7vw;
opacity: 0;
-webkit-transition: opacity .5s 1s;
transition: opacity .5s 1s;
}
.cir_slide.in .cir_gifimg {
opacity: 1;
}
.cirin_title {
margin: 0 0 5vh;
}
.cirin_title h2 {
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 3vw;
font-family: Vazirmatn;
}
.cirin_title .icon-brand-4 {
color: #1c39bb;
font-size: .9rem;
margin: 0 1.2rem 0 0;
}
#cirTitlezh {
overflow: hidden;
height: 2.9vw;
}
#cirTitlezh ul {
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
#cirTitlezh li {
display: block;
line-height: 3vw;
color: #1c39bb;
}
#cirinList {
position: relative;
}
.cir_go_series {
position: absolute;
right: 3vw;
bottom: 42%;
z-index: 10;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cir_skip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 2rem;
top: 2.5rem;
z-index: 1;
cursor: pointer;
-webkit-transition: color .2s;
transition: color .2s;
z-index: 10;
}
.cir_skip .arrow {
padding: 0 1rem 0 0;
-webkit-transform: rotate(90deg) translateX(1rem);
transform: rotate(90deg) translateX(1rem);
}
.cir_skip:hover {
color: #C1A387;
}
.cir_go_series a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cir_go_series .arrow {
margin: 0 0 0 .5rem;
}
.taj_navs li,
#cirinList li {
color: #1c39bb;
cursor: pointer;
-webkit-transition: color .3s;
transition: color .3s;
font-size: 1.4rem;
border-left: 1px solid #1c39bb;
padding: 0 0 0 2rem;
font-family: Vazirmatn;
}
.taj_navs li:hover,
.taj_navs li.active,
#cirinList li:hover,
#cirinList li.active {
color: #000;
}
.taj_navs i,
#cirinList i {
position: absolute;
left: 0;
top: 0;
color: #000;
font-size: .7rem;
margin: 0 0 0 -.8rem;
height: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: top .3s;
transition: top .3s;
}
.cirinfo_btm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cirDes {
padding: 0 0 0 5vw;
position: relative;
overflow: hidden;
opacity: 1;
-webkit-transition: all .3s;
transition: all .3s;
}
#cirDes i {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
left: 0;
top: 0;
opacity: 0;
}
#cirDes.leave {
opacity: 0;
-webkit-transform: translate3d(-2rem, 0, 0);
transform: translate3d(-2rem, 0, 0);
}
.cir_des h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.2rem;
margin: 0 0 .5rem;
}
.cir_des img {
margin: 0 0 0 10px;
width: 1.5rem;
}
.cir_des p {
font-size: .9rem;
color: #666;
}
.cir_des_series {
display: none;
}
.cir_des_series.active {
display: block;
}
.cir_des {
margin: 0 0 2rem;
}
.circle_ribbon {
position: absolute;
bottom: 0;
width: 100%;
height: 7vw;
color: #1c39bb;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 0;
}
.circle_ribbon.leave {
opacity: 0;
}
.ciriboon {
white-space: nowrap;
font-size: 7vw;
line-height: 10vw;
position: absolute;
left: -5vw;
top: 0;
display: none;
} .home_intro {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 -5vw;
}
.home_intro:last-child {
margin: 0;
}
.hmin_text {
padding: 0 7rem 0 10vw;
position: relative;
}
.hmin_text:before {
/* content: '\e80d';
font-family: 'fontello'; */
color: #C1A387;
position: absolute;
right: -1rem;
font-size: .8rem;
}
.hmin_img {
padding: 0 0 0 7rem;
position: relative;
}
.even .hmin_text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0 10vw 0 7rem;
}
.even .hmin_text:before {
right: inherit;
left: -1rem;
}
.even .hmin_img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0 7rem 0 0;
}
.hmin_text h2 {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0 1rem 0 0;
letter-spacing: 1px;
}
.even .hmin_text h2 {
display: block;
}
.hmin_text h2:after {
content: '';
width: 2rem;
height: 1px;
background-color: #000;
display: block;
bottom: -2rem;
left: 0;
margin: 2rem 0;
}
.hmin_text .bellfont {
font-size: 1.4rem;
letter-spacing: 1px;
color: #C1A387;
}
.hmin_text div {
color: #666;
text-align: left;
}
.es_video {
cursor: pointer;
}
.video_play {
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}
.video_play > div {
position: absolute;
left: 0;
top: 0;
width: 6rem;
height: 6rem;
margin: -3rem 0 0 -3rem;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #000;
color: #fff;
}
.section_btc {
padding: 8rem 0 4rem;
position: relative;
}
.section_btc .leaf_btn {
margin: 2rem auto 4rem;
}
.sec_line {
height: 100%;
width: 1px;
background-color: #EFE0D2;
position: absolute;
left: 50%;
top: 0;
}
.section_btd figure {
height: 60vh;
overflow: hidden;
}
.ovaltext_wrap {
width: 100%;
overflow: hidden;
position: relative;
margin: -4rem 0 0;
}
.ovaltext {
width: 110%;
margin: 0 0 0 -5%;
}
.ovaltext textPath {
font-family: 'Bellefair', serif;
font-weight: normal;
font-size: 8vw;
fill: #ccc;
}
.ovaltext path {
fill: none;
stroke-width: 0;
} .abtsec_a {
padding: 13rem 0 0;
}
.abtsec_a .big_circle_style {
margin: 5rem 0;
}
.abtsec_a > .eswrap {
position: relative;
}
.abtsec_a > .eswrap:before {
content: '';
left: 50%;
position: absolute;
top: 0;
width: 1px;
height: 6rem;
background-color: #000;
}
.abta_deco_title {
font-size: 7vw;
line-height: 1;
}
.abta_deco_title span {
font-family: 'Bellefair', serif;
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 2s 0.5s cubic-bezier(0.25, 1, 0.5, 1);
transition: all 2s 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.abta_deco_title > div:last-child span {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.esin .abta_deco_title > div:last-child span,
.esin .abta_deco_title span {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.abta_deco_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.abta_deco_title > div {
width: 45%;
overflow: hidden;
}
.abta_deco_title > div:first-child {
text-align: right;
}
.abta_deco_title > div:last-child {
margin: 16vw 0 0;
}
.abta_deco_title h1 {
font-size: 1.6rem;
color: #000;
letter-spacing: 2px;
margin: 0 0 1rem;
}
.abta_content {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div.abta_cont_wrap {
width: 45%;
}
.abta_cont_wrap .bellfont {
font-size: 2rem;
}
.abta_cont_wrap > div {
margin: 3rem 0;
}
.abta_cont_wrap:first-child {
margin: -7vw 0 0;
}
.abta_cont_wrap:last-child figure {
height: 40vw;
overflow: hidden;
}
.big_circle_style {
text-align: center;
margin: 5rem 0 10rem;
}
.big_circle_style h2 b {
color: #000;
}
.big_circle_style h2 span {
font-size: 1.4rem;
}
.big_circle_style h3 {
font-size: 1.2rem;
line-height: 1.8;
font-weight: bold;
}
.bcs_inner {
padding: 4rem 7rem;
display: inline-block;
margin: 0 auto;
position: relative;
}
.bcs_inner:before {
content: '';
position: absolute;
z-index: 0;
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
border: 1px solid #1c39bb;
border-radius: 100%;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.bcs_inner:after {
content: '';
position: absolute;
top: -2.5rem;
left: 50%;
width: 1px;
height: 5rem;
background-color: #1c39bb;
}
.bcs_inner .star {
position: absolute;
width: 5rem;
height: 4rem;
right: 0;
top: -5px;
}
.bcs_inner .star i {
width: 1px;
height: 100%;
position: absolute;
left: 50%;
top: 0;
background-color: #1c39bb;
}
.bcs_inner .star i:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bcs_inner .star i:nth-child(3) {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
}
.abt_contacts .time {
opacity: .5;
font-size: 1.2rem;
}
.store_gal {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
padding: 3rem 0;
}
.store_gal > div:nth-child(1) {
width: 55%;
}
.store_gal > div:nth-child(2) {
width: 35%;
}
.abtsec_b {
position: relative;
}
.abtsec_b .eswrap {
position: relative;
z-index: 1;
}
.abtsec_b:before {
content: '';
position: absolute;
z-index: 0;
background-color: #EBEBE8;
left: 0;
bottom: 0;
width: 70vw;
height: 82%;
}
.store_des {
margin: 2rem 0 0;
}  .implant_slider {
height: 100vh;
max-height: 60vw;
width: 100%;
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.implant_slider .bgimg figure img:last-child {
display: none;
}
.implant_smimg {
overflow: hidden;
}
.implant_smimg > div {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.implant_slider .infos {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0 0 12vw;
}
.implant_slider .implants {
width: 14vw;
padding: 0 4vw 0 0;
cursor: pointer;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.implant_slider .implants:hover {
opacity: .5;
}
.implant_slider .bgimg {
position: relative;
overflow: hidden;
}
.taj_bigimg figure,
.implant_slider .bgimg figure {
position: absolute;
width: 100%;
right: 0;
height: 100%;
}
.taj_bigimg figure.active,
.implant_slider .bgimg figure.active {
width: 100%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: 1s widthIn cubic-bezier(0.76, 0, 0.24, 1);
animation: 1s widthIn cubic-bezier(0.76, 0, 0.24, 1);
}
@-webkit-keyframes widthIn {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes widthIn {
from {
width: 0;
}
to {
width: 100%;
}
}
.taj_bigimg img,
.implant_slider .bgimg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.implant_title {
color: #000;
font-size: 1.6rem;
margin: 0 0 1rem;
height: 4rem;
position: relative;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.implant_title .series {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
}
.implant_title .series i {
margin: 0 1.5rem 0 .5rem;
font-size: .6rem;
color: #1c39bb;
}
.implant_des {
margin: 1rem 0 -3rem;
padding: 0 8vw 0 0;
height: 7rem;
-webkit-transition: opacity .5s;
transition: opacity .5s;
position: relative;
}
.implant_des > div {
display: none;
}
div.main_product {
position: absolute;
left: 50%;
top: 55%;
width: 22vw;
height: 28vw;
margin: -14vw 0 0 -11vw;
z-index: 2;
}
.main_product {
opacity: 0;
-webkit-transform: scale(1.1) rotate(-5deg);
transform: scale(1.1) rotate(-5deg);
-webkit-transition: all 2s .5s;
transition: all 2s .5s;
}
.esin .main_product{
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.main_product img {
position: absolute;
left: 0;
top: 0;
}
.implant_title .bellfont > div,
.series_text > div {
display: none;
}
.implant_slider.isChanging .main_product img:first-child {
-webkit-animation: implantMnOut 1s cubic-bezier(0.76, 0, 0.24, 1) both;
animation: implantMnOut 1s cubic-bezier(0.76, 0, 0.24, 1) both;
}
.implant_slider.isChanging .main_product img:last-child {
-webkit-animation: implantMnIn 1s cubic-bezier(0.76, 0, 0.24, 1) both;
animation: implantMnIn 1s cubic-bezier(0.76, 0, 0.24, 1) both;
}
.implant_slider.isChanging .implant_smimg > div {
-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);
transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);
}
.implant_slider.isChanging .implant_title,
.implant_slider.isChanging .implant_des {
opacity: 0;
}
@-webkit-keyframes implantMnOut {
from {
opacity: 1;
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
to {
opacity: 0;
-webkit-transform: translateX(-5rem) scale(0.7);
transform: translateX(-5rem) scale(0.7);
}
}
@keyframes implantMnOut {
from {
opacity: 1;
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
to {
opacity: 0;
-webkit-transform: translateX(-5rem) scale(0.7);
transform: translateX(-5rem) scale(0.7);
}
}
@-webkit-keyframes implantMnIn {
from {
opacity: 0;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes implantMnIn {
from {
opacity: 0;
-webkit-transform: translateX(5rem);
transform: translateX(5rem);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .drisec_a,
.drisec_b {
overflow: hidden;
position: relative;
width: 100%;
}
.drisec_b {
padding: 5rem 0 0;
}
.drisec_b .big_circle_style .eswrap {
width: 50%;
margin: 2rem auto;
}
.taj_navs {
position: relative;
margin: 0 0 4rem;
}
.taj_layout {
position: relative;
margin: 0 0 10vw;
}
.taj_layout .eswrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.taj_bigimg {
position: relative;
overflow: hidden;
width: 30vw;
height: 40vw;
}
.taj_navs li {
padding: 0 2rem 0 0;
border-left: 0;
border-right: 1px solid #C1A387;
}
.taj_navs i {
left: initial;
right: 0;
}
.taj_bigimplant {
position: absolute;
bottom: 0;
left: 50%;
width: 50vw;
height: 25vw;
margin: 0 0 0 -25vw;
z-index: 3;
}
.taj_bigimplant img {
position: absolute;
left: 0;
top: 0;
}
.taj_ribbon {
color: #1c39bb;
width: 100%;
overflow: hidden;
position: absolute;
bottom: -7vw;
height: 7vw;
z-index: 4;
background: #fff;
border-top: 1px solid #1c39bb;
border-bottom: 1px solid #1c39bb;
}
.taj_ribbon > div {
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.criboon {
white-space: nowrap;
font-size: 4vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: -8vw;
top: 0;
display: none;
}
.criboon > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.taj_infos {
position: absolute;
top: 0;
right: 7vw;
width: 36vw;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.tajinfo {
display: none;
}
.tajinfo_link a {
color: #1c39bb;
margin: 0 1rem 0 0;
}
.tajinfo_link a:hover {
color: #000;
}
.tajinfo .des {
margin: 2rem 0;
}
.tajinfo h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
}
.tajinfo h2 i {
font-size: .8rem;
color: #1c39bb;
margin: 0 1.5rem 0 0;
}
.taj_slide_wrap.isChanging .taj_bigimplant img:first-child {
-webkit-animation: implantMnOut 1s cubic-bezier(0.76, 0, 0.24, 1) both;
animation: implantMnOut 1s cubic-bezier(0.76, 0, 0.24, 1) both;
}
.taj_slide_wrap.isChanging .taj_bigimplant img:last-child {
-webkit-animation: implantMnIn 1s cubic-bezier(0.76, 0, 0.24, 1) both;
animation: implantMnIn 1s cubic-bezier(0.76, 0, 0.24, 1) both;
}
.taj_slide_wrap.isChanging .taj_ribbon > div,
.taj_slide_wrap.isChanging .taj_infos {
opacity: 0;
} .drisec_c {
padding: 0 0 5rem;
}
#menuImg figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
position: relative;
}
#menuImg img {
position: absolute;
max-height: 85vh;
}
#menuImg.isChanging img:first-child {
-webkit-animation: implantMnOut 1s cubic-bezier(0.76, 0, 0.24, 1) both;
animation: implantMnOut 1s cubic-bezier(0.76, 0, 0.24, 1) both;
}
#menuImg.isChanging img:last-child {
-webkit-animation: implantMnIn 1s cubic-bezier(0.76, 0, 0.24, 1) both;
animation: implantMnIn 1s cubic-bezier(0.76, 0, 0.24, 1) both;
}
.menu_wrap {
padding: 0 0 0 5rem;
}
.menu_title span {
font-size: 4rem;
color: #1c39bb;
}
.menu_title {
padding: 2rem 0 0;
margin: 0 0 1rem;
border-bottom: 1px solid #ccc;
}
.me_title {
position: relative;
}
.me_title i {
position: absolute;
left: -2.5rem;
top: 0;
line-height: 1;
color: #1c39bb;
font-size: 30px;
}
.me_title span {
color: #808080;
letter-spacing: 1px;
}
.es_collapse {
-webkit-transition: color .3s;
transition: color .3s;
cursor: pointer;
padding: 0 0 1.5rem;
}
.es_collapse.open,
.es_collapse:hover,
.es_collapse.open span,
.es_collapse:hover span {
color: #C1A387;
}
.me_des {
color: #000;
height: 0;
overflow: hidden;
-webkit-transition: height 0.7s cubic-bezier(0.76, 0, 0.24, 1);
transition: height 0.7s cubic-bezier(0.76, 0, 0.24, 1);
}
.me_des > div {
padding: 0 0 .5rem;
} .page_blog {
padding: 15rem 0 0;
}
.blog_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog_wrap aside {
width: 20%;
}
.blog_wrap article {
width: 70%;
}
.cate_titledeco {
font-size: 3rem;
}
.cate_titledeco h1 {
font-size: 1rem;
margin: -1rem 0 2rem;
}
.cate_titledeco i {
font-size: 1rem;
}
.blognav {
position: relative;
}
.blognav:before {
content: '';
position: absolute;
left: -5rem;
width: 0;
opacity: 0;
height: 1px;
top: 50%;
background-color: #000;
-webkit-transition: all .3s;
transition: all .3s;
}
.blognav:after {
/* content: '\E80D';
font-family: 'fontello'; */
color: #1c39bb;
top: 50%;
left: -1.8rem;
margin: -6px 0 0;
font-size: .5rem;
position: absolute;
opacity: 0;
-webkit-transform: translateX(-1rem);
transform: translateX(-1rem);
-webkit-transition: all .3s;
transition: all .3s;
}
.blognav.current {
pointer-events: none;
}
.blognav.current:before,
.blognav:hover:before {
width: 3rem;
opacity: 1;
}
.blognav.current:after,
.blognav:hover:after {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.blognav a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 2.5rem;
}
.blognav a div {
min-width: 6rem;
}
.blognav a span {
color: #1c39bb;
}
.post_cate {
padding: 3rem 0 5rem;
}
.posts_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -2rem;
}
.nopost {
display: inline-block;
padding: 6rem 0 0 9vw;
}
.nopost h3 {
font-size: 1rem;
}
.the_post:nth-child(even) {
margin: 3rem 0 0;
}
.the_post {
-webkit-box-flex: 50%;
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
padding: 2rem;
}
.the_post_thumb figure {
width: 100%;
height: 30vw;
background-color: #EBEBE8;
margin: 0 0 1rem;
position: relative;
overflow: hidden;
text-align: center;
}
.the_post_thumb a {
opacity: 0;
-webkit-transform: scale(1.1) rotate(5deg);
transform: scale(1.1) rotate(5deg);
-webkit-transition: all 1s .5s;
transition: all 1s .5s;
}
.the_post .esin a {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
.the_post_thumb i {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
opacity: .5;
}
.the_post_thumb a {
width: 100%;
height: 100%;
}
.the_post_thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
.the_post_thumb:hover img {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
.post_date {
opacity: .5;
}
.the_post_text {
padding: 0 0 1rem;
border-bottom: 1px solid #ccc;
}
.the_post_text h3 {
padding: 0 0 1rem;
margin: 0 0 1rem;
position: relative;
}
.the_post_text h3:after {
content: '';
width: 1rem;
height: 1px;
left: 0;
bottom: 0;
background-color: #000;
position: absolute;
}
.the_post_btm {
color: #1c39bb;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.the_post_btm a {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.the_post_btm a i {
padding: 0 1rem 0 10px;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.the_post_btm a:hover {
color: #1c39bb;
}
.the_post_btm a:hover i {
-webkit-transform: translate3d(1rem, 0, 0);
transform: translate3d(1rem, 0, 0);
} .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.espagination {
padding: 5rem 0 5rem 1rem;
}
.espagination span {
position: relative;
}
.espagination span:before {
content: '';
width: 90%;
height: 120%;
border: 1px solid #1c39bb;
border-radius: 100%;
position: absolute;
left: -15px;
top: -6px;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.espagination span,
.espagination a {
font-size: 1.4rem;
padding: 0 2rem 0 0;
}
.espagination .prev {
padding: 0 2rem 0 0;
} .single_title {
margin: 0 0 2rem;
}
.single_title h1 {
font-size: 1.6rem;
color: #000;
}
.single_title .date {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 2rem;
}
.single_title .date:before {
content: '';
width: 1px;
height: 3rem;
background-color: #000;
left: 12px;
bottom: 2rem;
position: absolute;
}
.single_title i {
color: #1c39bb;
font-size: .6rem;
margin: 0 1.5rem 0 0;
}
.single_title b {
opacity: .5;
}
.single_title a {
color: #1c39bb;
font-size: .8rem;
}
.single_tags {
margin: 1rem 0;
}
.social_media li:first-child,
.single_tags li:first-child {
display: block;
color: #1c39bb;
}
.single_tags li {
display: inline-block;
}
.single_tags a {
padding: 0 1rem 0 0;
color: #808080;
}
.social_media li {
display: inline-block;
margin: 0 1rem 0 0;
}
.social_media a {
cursor: pointer;
font-size: 1.2rem;
color: #808080;
}
.single_tags a:hover,
.social_media a:hover {
color: #1c39bb;
}
.single_content {
padding: 0 0 5rem;
}

#backtop{
  color: #fff;
}

#backtop > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 5rem;
padding: 1rem 0;
cursor: pointer;
position: relative;
}
#backtop > div:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
left: 0;
top: 0;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
#backtop .bellfont {
font-size: 1.2rem;
line-height: 1;
padding: 0 0 .5rem;
}
#backtop > div:hover:before {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.footsocial .icon-mail:before {
font-size: .8rem;
margin: 0 0 0 -3px;
}
.foot_btm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.footsocial {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.footsocial .socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footsocial a {
margin: 0 .5rem;
}
footer {
background-color: #1b38ba;
}
footer .eswrap {
padding: 5rem 0 0;
position: relative;
}
.footinfos, a {
  color: #fff;
}
.copyright {
text-align: center;
color: #aaa;
padding: 1rem 0 5rem;
}
.footlogo {
position: absolute;
left: 50%;
top: -1.5rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footlogo img {
width: 10rem;
height: auto;
}
.footlogo:before {
content: '';
width: 1px;
height: 3rem;
background-color: #DDBB99;
margin: 0 0 1rem;
}
.is404 {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#homebtn {
position: relative;
z-index: 100;
}

@media screen and (min-width: 1600px) {
html {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.cir_des p,
.sec_line,
.blognav a span,
.blognav:before,
.hmin_text:before,
.circle_ribbon {
display: none;
}
.esflex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.store_gal > div:nth-child(2),
.store_gal > div:nth-child(1),
figure img,
.escol2 > div {
width: 100%;
}
.buynow {
right: initial;
left: 2rem;
z-index: 991;
}
.bta_bg_wrap figure,
.section_bta {
max-height: 100vh;
}
.bta_img {
right: 50%;
margin: 0 -40% 0 0;
width: 80%;
top: 25%;
}
.bta_text {
top: 10vh;
right: 50%;
margin: 0 -55vw 0 0;
}
.bta_text svg {
width: 110vw;
height: 110vw;
}
#cirsliTarget {
position: relative;
}
.circle_section {
top: 0;
position: -webkit-sticky;
position: sticky;
}
.cirinfo_btm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#cirDes {
padding: 3rem 0 0;
}
.cir_slide figure {
margin: 0 0 0 -2rem;
}
.cir_go_series {
bottom: 2rem;
right: initial;
left: 2rem;
}
.cir_skip {
opacity: .5;
right: 2rem;
top: initial;
left: initial;
bottom: 2rem;
}
.cir_skip .arrow {
display: none;
}
.cir_mainimg {
width: 50vw;
}
.even .hmin_img,
.hmin_img {
overflow: hidden;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0;
}
.even .hmin_text,
.hmin_text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 5rem 2rem;
}
.even .hmin_text h2,
.hmin_text h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home_intro {
margin: 0;
}
.section_btd figure {
height: 50vw;
-webkit-clip-path: inset(0);
clip-path: inset(0);
}
.section_btd img {
-o-object-fit: cover;
object-fit: cover;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.eswrap, .eswrap_sml {
width: 100%;
padding: 0 2rem;
}
#backtop {
position: absolute;
right: 2rem;
top: -2rem;
}
.foot_btm {
display: block;
text-align: center;
}
.footsocial {
position: relative;
left: initial;
bottom: initial;
-webkit-transform: none;
transform: none;
margin: 0 0 1rem;
}
.footsocial .socials {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .eswrap {
padding: 11rem 0 0;
}
.copyright {
padding: 5rem 0 2rem;
}
#mainNav {
width: 100%;
}
#mainNav ul a {
font-size: 12vw;
line-height: 28vw;
}
.nav_infos {
width: 100%;
-webkit-transform: none;
transform: none;
right: initial;
padding: 0 2rem;
}
.socials {
right: initial;
left: 2rem;
}
.abta_cont_wrap:first-child {
margin: 0;
}
.abtsec_a > .eswrap {
padding: 0;
}
.abta_cont_wrap:last-child figure {
height: auto;
}
.abta_deco_title {
margin: 0 0 2rem;
}
.abta_cont_wrap > div {
margin: 0;
padding: 5rem 2rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.abta_cont_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.title_leaf {
padding: 5rem 0 0;
}
.abtsec_b:before {
width: 100%;
bottom: initial;
top: 12rem;
height: 93%;
}
.store_des {
margin: 5rem 0;
}
.abtsec_c .title_leaf {
padding: 7rem 0 2rem;
}
.core_visual {
margin: 0;
}
.implant_slider.esflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-height: none;
}
.implant_slider.esflex > div {
width: 50%;
}
.implant_slider.esflex > div.main_product {
width: 40vw;
height: 60vw;
margin: -14vw 0 0 -20vw;
top: 70vw;
}
.implant_slider .bgimg {
height: 70vh;
}
.implant_smimg {
position: absolute;
right: -170vw;
top: -36vh;
z-index: 1;
}
.drisec_a:before {
/* content: '\e815';
font-family: 'fontello'; */
position: absolute;
top: 18vw;
right: 13.5vw;
font-size: 5rem;
color: #000;
}
.implant_slider .implants {
width: 20vw;
}
.implant_slider.esflex > div.infos {
width: 100%;
padding: 2rem;
background-color: #fff;
}
.implant_slider {
height: auto;
}
.implant_title {
margin: 0;
height: auto;
}
.implant_title .series {
font-size: 1.4rem;
margin: 0 0 10px;
}
.drisec_b {
padding: 0;
}
.drisec_b .big_circle_style {
margin: 3rem 0;
}
.taj_infos {
position: relative;
width: 100%;
right: initial;
padding: 2rem 2rem 0;
}
.taj_ribbon {
position: relative;
bottom: initial;
}
.tajinfo .des {
margin: 1rem 0;
}
.taj_bigimplant {
top: 30vw;
width: 80vw;
margin: 0 0 0 -40vw;
}
.taj_layout .eswrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0;
}
.taj_bigimg {
width: 50vw;
height: 70vw;
}
.taj_navs {
margin: 0 4rem 0 0;
}
.tajinfo_link.esflex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.menu_wrap {
padding: 0;
}
#menuImg {
position: absolute;
width: 50%;
height: 100%;
right: 0;
}
#menuImg figure {
position: -webkit-sticky;
position: sticky;
top: 60vw;
height: auto;
}
.drisec_c .esflex {
position: relative;
}
.drisec_c .title_leaf {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
padding: 0 2rem;
}
.title_leaf h2 {
font-size: 3rem;
}
.drisec_c .leaf_btn {
margin: 0 !important;
}
.blog_wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 2rem 2rem 5rem;
}
.the_post:nth-child(even) {
margin: 0;
}
.blog_wrap aside,
.blog_wrap article {
width: 100%;
padding: 0;
}
#postCategorie ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#postCategorie .single_tags ul,
#postCategorie .social_media ul,
#postCategorie .single_title ul {
display: block;
text-align: center;
}
.social_media li:first-child {
margin: 0;
}
.social_media,
.single_tags,
.single_title {
padding: 0 2rem;
}
.blognav a div {
min-width: auto;
}
.blognav:first-child a {
border-left: 1px solid #ccc;
}
.blognav a {
padding: 0 1rem;
border-right: 1px solid #ccc;
}
.blognav:after {
top: 0;
left: 42%;
}
.cate_titledeco {
text-align: center;
}
.cate_titledeco i {
margin: 0 0 0 -25px;
}
.page_blog {
padding: 10rem 0 0;
}
.nopost {
width: 100%;
text-align: center;
padding: 2rem;
}
.the_post {
padding: 1rem;
}
.posts_wrap {
padding: 1rem;
}
.page-numbers {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.espagination.eswrap {
margin: -3rem 0 8rem;
}
.single_title .date {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single_title .date:before {
position: relative;
left: initial;
bottom: 0;
}
.single_title i {
margin: 0 0.5rem 0 0;
}
.single_title h1 {
text-align: center;
}
.social_media {
margin: 0 0 2rem;
}
.core_visual img {
width: 6vw;
height: 6vw;
}
.core_visual span {
padding: 5px 0;
}
.core_visual .oval {
padding: 2vw 0;
font-size: 2vw;
}
.page_about {
width: 100%;
overflow: hidden;
}
.implant_des {
height: auto;
margin: 0;
}
.drisec_b .big_circle_style .eswrap {
width: 90%;
}
.bcs_inner h2 {
font-size: 1.4rem;
}
}
@media screen and (max-width: 550px) {
.implant_slider .bgimg figure img:last-child,
.bta_bg_m {
display: block;
}
.implant_slider .bgimg figure img:first-child,
.bta_bg,
.nav_infos > div:first-child,
.drisec_c .leaf_btn,
.abta_cont_wrap > div br {
display: none;
}
.core_visual {
font-size: 7.6vw;
}
.buynow i {
font-size: 0;
}
.buynow i:after {
content: '訂購';
font-size: .8rem;
}
.buynow i:before {
margin: 0 5px 0 0;
font-size: 1rem;
}
.buynow {
left: 1rem;
top: 1rem;
}
#navWave {
top: 1rem;
right: 1rem;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.eslogo {
top: 1rem;
width: 16rem;
margin: 0 0 0 -1.5rem;
}
.bta_text {
top: 50%;
margin: -55vw -55vw 0 0;
}
.bta_img {
top: 50%;
margin: -30% -40% 0 0;
}
.cir_des h3 {
font-size: 1rem;
margin: 0;
}
.cir_des {
margin: 0 0 1rem;
}
.cir_go_series {
bottom: 2rem;
}
#cirinList li {
padding: 0 0 0 1rem;
}
.cirin_title h2 {
font-size: 1rem;
}
#cirTitlezh {
height: 0.9rem;
}
#cirTitlezh li {
line-height: 1rem;
}
.cir_slide {
width: 80vw;
top: 30vh;
}
.cir_mainimg {
margin: 0 0 0 1rem;
}
.section_btc {
padding: 0;
}
#backtop {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.cir_gifimg {
left: 15vw;
top: -18vw;
}
.listpost .date {
position: absolute;
top: 0;
left: 0;
}
.listpost a {
padding: 2rem 0 1.5rem;
}
.linkto .arrow {
float: right;
width: 3rem;
}
.abtsec_a {
padding: 8rem 0 0;
}
.abta_deco_title > div {
width: 50%;
}
.abtsec_a > .eswrap:before {
height: 2rem;
position: relative;
left: initial;
display: block;
margin: 0 auto 1rem;
}
.abta_deco_title {
font-size: 8vw;
}
.abta_deco_title h1 {
font-size: 1.4rem;
}
.abta_deco_title > div:first-child {
text-align: left;
padding: 0 0 0 2rem;
}
.abta_deco_title h1 {
margin: 0 0 5px;
}
.abtsec_b:before {
top: 18rem;
height: 86%;
}
.cirin_title .icon-brand-4 {
font-size: .6rem;
margin: 0 1.2rem 0 .5rem;
}
.drisec_a:before {
top: 22vh;
font-size: 3rem;
right: 11vw;
}
.taj_navs li {
font-size: 1rem;
padding: 0 10px 0 0;
}
.taj_navs {
margin: 0 1rem 0 0;
}
.tajinfo h2 {
font-size: 1.4rem;
}
#menuImg {
right: -2rem;
z-index: 2;
}
.title_leaf h2,
.menu_title span {
font-size: 2rem;
}
#postCategorie ul {
white-space: nowrap;
overflow-x: scroll;
padding: 0 0 1rem;
}
.blog_wrap {
padding: 0;
}
.blog_wrap article {
padding: 0 2rem 2rem;
}
.the_post {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 0 2rem;
}
.posts_wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.the_post_thumb {
width: 35%;
}
.the_post_text {
width: 60%;
padding: 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.the_post_text h3 {
font-size: 1rem;
padding: 1.5rem 0 1rem;
}
.the_post_thumb figure {
margin: 0;
width: 30vw;
height: 40vw;
}
.post_date {
font-size: .8rem;
position: absolute;
top: 0;
left: 0;
}
.buynow a {
padding: 5px 1rem;
background-color: #fff;
}
.abta_cont_wrap .bellfont {
font-size: 1.7rem;
}
.bcs_inner {
padding: 2rem;
width: 90%;
}
.bcs_inner br {
display: none;
}
.big_circle_style h3 {
font-size: 1rem;
}
.bcs_inner .star {
width: 3rem;
}
.bcs_inner:after {
height: 4rem;
}
.espopup .inner {
width: 100vw;
height: 80vh;
position: relative;
left: 0;
top: 10vh;
margin: 0;
padding: 1rem;
}
.espopup iframe {
width: 100%;
height: 60vw;
}
.espopup .closer {
right: 1rem;
top: 1rem;
}
#mainNav ul a i {
bottom: 1rem;
}
.edit_style {
width: 100%;
}
.track_wrap {
font-size: 20vw;
}
.menu_list {
padding: 0 0 0 1rem;
}
.section_btd {
height: auto;
}
.section_btd figure {
height: auto;
}
.section_btd img {
position: relative;
}
.ovaltext_wrap {
margin: 0;
}
.ovaltext textPath {
font-size: 8rem;
}

.cirin_title {
  margin: 0 0 5vh;
  width: 15rem;
}

}