/* microWeb CSS preprocessor v.1.20 (2025071101) */
:root { --main-color: #662d91; --red: #ED1846; --lt-grey: #999; --grey: #666; --blue: #0074BE; --lt-blue: #E5F1FC; --green: #72BE44; --lt-green: #c9dfc9; --dk-green: #265178; --dk-blue: #003754; --silver: #CCCCCC; --yellow: #ffc107; --lt-yellow: #FCF4D7; --lt-silver: #FAFAFA; --footer-color: #000; }
body { font-size:18px; line-height: 1.5; font-family:"Jost", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; width:100vw; overflow-x: hidden; color: #fff; background-color: #000000; user-select:none; -moz-user-select: none; -webkit-user-select: none; }
.dialog_popup_title { font-family:"Jost", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 18px; font-weight:500; }
.dialog_popup_text { font-family:"Jost", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 16px; font-weight: 400; }
input,
textarea,
button,
select { font-size:1em; font-family:"Roboto", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight:400; }
a { color:#d349ee; text-decoration: none; }
a:hover { color:#E5F1FC; text-decoration: none; }
.color-main { color: #662d91; }
.color-pink { color: #F500D9; }
.banner_text_container .banner_text .body_text { letter-spacing: 0.1em; }
.text-wider { letter-spacing: 0.1em; }
.btn:focus { box-shadow: inherit; }
.btn.btn-white { background-color:white; color: black; }
.btn.btn-white:hover { background-color:#8dc63f; color: white; }
.font-roboto { font-family:"Roboto", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; }
.font-roboto-condensed { font-family:"Roboto Condensed" !important; }
.text-main-color { color: #662d91; }
.text-light-blue { color: #E5F1FC; }
.btn.bg-main-gradient { position: relative; display: inline-block; padding: 1em 2em; background-color: transparent !important; color:white; z-index:1; }
.btn.bg-main-gradient:before { content:" "; display:block; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; border-radius: 5px; background: linear-gradient(135deg, #F500D9 0%, #2435D8 50%, #14EFD5 90%); }
.btn.bg-main-gradient:hover:before { background: linear-gradient(-45deg, #F500D9 0%, #2435D8 50%, #14EFD5 90%); }
.min-10em { min-width:10em; }
.footer_title { background: -webkit-linear-gradient(135deg, #E009E0 0%, #06D9C9 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.img_placeholder { background-color: #F50B0B; }
.mt-n1 { margin-top: -0.25em; }
.mt-n2 { margin-top: -0.5em; }
.mt-n3 { margin-top: -1em; }
.rounded { border-radius:4em !important; }
.error { color: #ED1846; }
.bg-black { background-color: black; }
.bg-main-color { background-color: #662d91; }
textarea.feform { width:100%; height: 6em; }
.title_widget { position:relative; text-align: center; }
.title_widget .kicker { font-size: 0.6667em !important; letter-spacing: 3px; text-transform: uppercase; }
.title_widget .title { font-size: 1.6667em !important; text-transform: capitalize; font-weight: 600 !important; padding-bottom: 0.5em; }
.title_widget .subtitle { font-size: 1.3334em !important; font-weight: 300 !important; }
.count-down-box { position: relative; width: 100%; height: 100%; background-image: url(../jpg/web_coming_soon.jpg); background-size: cover; background-repeat: no-repeat; border:1px solid #43EBFF; border-radius: 5px; }
.count-down-box .count-down-text { position:relative; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); border-radius:0.5em; text-align:center; }
.count-down-box .count-down-text .digit_box { display:inline-block; position:relative; padding-left:0.25em; padding-right:0.25em; padding-top: 0.5em; border-radius: 5px; text-align:center; background-color: black; margin-right: 1em; border:1px solid #43EBFF; width: 3em; overflow: hidden; }
.count-down-box .count-down-text .digit_box:last-child { margin-right:0; }
.square_dropcap { display: inline-block; }
.square_dropcap .firstletter { display: block; color: white; background-color:#F500D9; float: left; text-align:center; font-size: 4em; line-height: 1; width: 1em; height: 1em; margin: 0 0.2em 0.1em 0; }
ul.tick_list { list-style-type: none; }
ul.tick_list li { display: block; position: relative; }
ul.tick_list li::after { display:block; position: absolute; content: "\f00c"; color: #AC04BA; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: -40px; top: 0.5em; }
.pink_first_letter::first-letter { color: #F500D9; margin-right: 1em; }
.dropcap { display: inline-block; }
.dropcap::first-letter { color: white; background-color: #F500D9; float: left; text-align:center; font-size: 4em; line-height: 1; margin: 0 0.2em 0.1em 0; padding: 0.5em; }
.font-playfair { font-family: "Playfair Display"; font-weight: 900; font-style: italic; }
.dropquote { display: inline-block; position: relative; font-family: "Playfair Display"; font-style: italic; margin-left: 4em; }
.dropquote:after { content:" "; display:block; position: absolute; left:-4em; top:0; width: 3em; height: 3em; background-image: url(../png/icon_quote_open.png); background-size: contain; background-position: center; background-repeat: no-repeat; }
.page_404 { background-image: url(../jpg/404_feature.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width:100%; height: 100vh; overflow: hidden; }
.container_404 { position: relative; width: 100%; }
.container_404 .big_title { font-size:4rem; }
.btn.bg-black { background-color: black; color:white; }
.btn.bg-black:hover { background-color: #662d91; }
.site { width: 100%; color: #fff; }
.desktop_only { display:block; }
.tablet_only { display:none; }
.mobile_only { display:none; }
.desktop_flex_only { display:flex; }
.tablet_flex_only { display:none; }
.mobile_flex_only { display:none; }
.text-md-center { text-align:center; }
div[href] { user-select: none; cursor: pointer; }
.header_filler,
._filler { display:block; position:relative; width:100%; height:3em; }
.footer_filler { display:block; position:relative; width:100%; height:1em; }
.fade-in { opacity:1; transition-delay:0.5s; }
.website-logo { display:inline-block; position:relative; width:auto; height:3.1em; transition: 0.5s; top:-0.5em; }
.website-logo img { display:block; position:relative; width:auto; height:100%; object-fit: contain; transition: 0.5s; }
.language-btn { user-select: none; cursor:pointer; padding-left:0.5em; padding-right:0.5em; display:inline-block; }
.language-btn .current { color:#662d91; }
.language-btn:hover .not_current { color:#662d91; font-weight:900; }
.ss_icons { user-select:none; cursor:pointer; margin-left:0.5em; margin-right:0.5em; }
.ss_icons i { font-size:1.2em; }
.go_to_top { width: 3em; height: 3em; position:fixed; display: block; opacity: 0; right:0.75em; bottom:1.75em; background-color: #662d91; border: 1px solid white; border-radius: 3em; cursor: pointer; transition: 0.5s; text-align:center; }
.go_to_top .go_to_top_arrow { display: block; position: relative; top:0; left:0; width: 100%; height: 100%; overflow: hidden; line-height: 1.25; text-align: center; }
.go_to_top .go_to_top_arrow::after { content: " "; display: block; position: absolute; width: 30%; height: 30%; top:50%; left:0; right:0; margin: auto; transform: translateY(-20%) rotate(45deg); border-top: 1px solid white; border-left: 1px solid white; }
.go_to_top .go_to_top_arrow img { display: block; position: relative; width: 100%; height: 100%; object-fit: contain; }
.go_to_top .go_to_top_arrow i { position:relative; top: 50%; transform: translateY(-55%) !important; }
.go_to_top:hover { background-color: #003754; }
header { width:100%; height:4.2em; position:fixed !important; display:block; top:0; left:0; padding-left:1em; padding-right:1em; padding-bottom:1em; z-index:999; }
header.sticky { background-color: #662d91; }
header .desktop-header { display:block; position:relative; padding-top:1em; padding-bottom:1em; width:100%; height:auto; }
header .desktop-header .top_flat_menu .menu_item a { color:white; }
header .desktop-header .top_flat_menu .menu_item.child { border-bottom:0; }
header .desktop-header .top_flat_menu .menu_item.top_more_menu { padding-right:0 !important; }
header .desktop-header .top_flat_menu .menu_item.top_more_menu::after { display: none !important; }
header .desktop-header .top_flat_menu .menu_item.top_more_menu .submenu { right:0; }
header .desktop-header .top_flat_menu .menu_item .submenu { text-align:left !important; background: linear-gradient(180deg, black 0%, #4A00D6 100%); border-color: black; margin-top: 0.5em; }
header .desktop-header .top_flat_menu .more_menu_icon { display: inline-block; position: relative; width: 1.5em; height: 1.5em; background-color: white; color: black; border-radius: 1em; }
header .desktop-header .top_flat_menu .more_menu_icon:hover { background-color: #662d91; color: #fff; }
header .desktop-header .top_flat_menu .more_menu_icon::after { content:"\f0c9"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; text-align:center; font-size: 0.5em; width: 100%; top: 50%; left:0; transform: translateY(-50%); }
header .desktop-header .top_flat_menu .menu_icon_left,header .desktop-header .top_flat_menu .menu_icon_right { display:none; }
header .desktop-header .top_right_menu { display:inline-block; line-height:3em; }
header .desktop-header .top_title { display:inline-block; line-height:2em; margin-left: 0.5em; margin-right: 0.5em; height:100%; font-size:1.5em; }
header .desktop-header .header-menu { display:inline-block; position:relative; list-style:none; }
header .desktop-header .header-menu .header-menuitem { display:inline-block; position:relative; padding-left:0.5em; padding-right:0.5em; }
header .desktop-header .header-menu .header-menuitem[have_child] { padding-right:1.5em; }
header .desktop-header .header-menu .header-menuitem[have_child]:after { content:" "; display:block; position:absolute; top:0.5em; right:0.5em; width:0.5em; height:0.5em; transform:rotate(45deg); border-bottom:1px solid #000; border-right:1px solid #000; }
header .desktop-header .header-menu .header-menuitem[have_child] .submenu { display:none; position:absolute; z-index:1; padding:1em; background-color:white; border:1px solid #c9dfc9; border-top:1px solid #FAFAFA; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
header .desktop-header .header-menu .header-menuitem[have_child] .submenu:hover { display:block; }
header .desktop-header .header-menu .header-menuitem[have_child] .submenu a { display:block; padding:0.5em; word-wrap: nowrap; white-space: nowrap; }
header .desktop-header .header-menu .header-menuitem[have_child]:hover .submenu { display:block; }
header .mobile-header { display:none; position:relative; padding-top:1em; padding-bottom:1em; width:100%; height:auto; }
header .mobile-header .website-logo { height:2em; top:-0.5em; width:100%; }
header .mobile-header .website-logo img { width:auto; height:2em; display:inline-block; }
header .mobile-header .top_title { display:inline-block; line-height:2em; margin-left: 0.5em; margin-right: 0.5em; height:100%; transform: translateY(-25%); }
header .mobile-header .mobile-lang { display:block; position: absolute; right: 1.5em; top:0; height:2em; }
header .mobile-header .mobile-lang .language-btn { font-size:1.5em; line-height:2em; }
header .mobile-header .mobile-menubtn { display:block; position:absolute; right:0; top:0.5em; width:2em; height:2em; }
header .mobile-header .mobile-menubtn div { transition-duration:0.5s; transition-delay:0.1s; display:block; position:absolute; width:1.5em; height:2px; background-color:white; top:50%; left:0.25em; }
header .mobile-header .mobile-menubtn div:first-child { margin-top: -8px; }
header .mobile-header .mobile-menubtn div:last-child { margin-top: 8px; }
header .mobile-header .mobile-menubtn.active div:nth-child(2) { width:0px; }
header .mobile-header .mobile-menubtn.active div:first-child { transform:rotate(45deg); margin-top:0; }
header .mobile-header .mobile-menubtn.active div:last-child { transform:rotate(-45deg); margin-top:0; }
.gradient_text_color { line-height: 1.2; background: -webkit-linear-gradient(-45deg, #F500D9 5%, #14EFD5 50%, #4A51FF 60%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.latest_content { position: relative; padding:1em 0.5em; }
.latest_content .latest_kv_container { position:relative; width:100%; height: 30vh; border-radius: 0.5em; background-color:black; overflow:hidden; }
.latest_content .latest_kv_container .latest_kv { display:block; position: absolute; left:0; opacity:1; width:100%; height:100%; max-width: inherit; object-fit: cover; transition-duration: 0.5s; }
.latest_content h5 { margin-top:1em; }
.latest_content h5 span { display:inline; position:relative; background-size: 0 2px; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-repeat: no-repeat; transition-duration: 0.5s; }
.latest_content .latest_body { position:relative; width: 100%; height: 4.7em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.latest_content:hover .latest_kv_container .latest_kv { width:110%; left: -5%; opacity:0.6; }
.latest_content:hover h5 span { background-size:100% 2px; }
footer { display:block; position:relative; left:0; bottom:0; padding:1em; width:100%; color: white; background-image: url(../jpg/footer_background_new.jpg); background-repeat: norepeat; background-size: cover; background-color: #000; background-position: center; }
footer::before { content:" "; position: absolute; display: block; background: linear-gradient(180deg, rgba(0,0,0,0.85),rgba(0,0,0,0.75)); top:0; left:0; width: 100%; height: 100%; }
footer a { color:white; }
footer.ipad > div > div { display:none; }
footer .ss_icons .circle-fill { background-color:white; color:#000; }
footer .ss_icons:hover .circle-fill { background-color: #72BE44; }
footer .footer-logo { display:inline-block; position: relative; height: 3.5em; max-width:100%; object-fit:contain; margin-bottom:1em; }
footer .footer-line { position:relative; width: calc(100% + 2em + 30px); left: -1em; height:1px; background-color:white; margin-top:0.5em; margin-bottom:0.5em; margin-left:-15px; }
footer .footer-sp-row { display:flex; width:100%; padding-right:5%; flex-wrap:wrap; }
footer .footer-sp-row .footer-sp-col { flex-grow: 1; width:33.3333%; text-align:center; padding-right:0.5em; }
footer .footer-sp-row .footer-sp-col .footer-round-image { display:block; position:relative; width:75%; border-radius: 1em; left:0; right:0; margin:auto; }
footer .footer-sp-row .footer-sp-col .footer-sp-text { display:block; position:relative; width:100%; padding-top:1em; margin-bottom:0.5em; }
footer form input,footer form textarea,footer form select { background-color:transparent !important; border-color: white !important; color: white !important; border-radius: 0.25em !important; }
footer form input::placeholder,footer form textarea::placeholder,footer form select::placeholder { color: #f0f0f0 !important; font-weight: 300; opacity: 0.75; }
footer .footer-kvbg { background-size: cover; background-repeat: no-repeat; width:100%; position: relative; }
footer .footer-kvbg::before { content:" "; position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); }
footer .site-container.footer-kvbg { width: calc(100% + 2em); margin-left: -1em !important; }
footer .site-container.footer-note { width: calc(100% + 2em); font-size: 1rem; margin-left: -1em !important; }
.site-container { position:relative; width:100%; padding-left:70px; padding-right:70px; }
.circle-fill { position: relative; display: inline-block; width: 1em; height: 1em; border-radius:2em; line-height:1em; text-align:center; }
.circle-fill::before { font-size: 90%; }
.color-footer { color: #000; }
.mobile-menu { display:none; position:fixed; top:3.5em; left:0; width:100%; height:calc(100vh - 3.5em); overflow:hidden; z-index:999; transition-duration:0.5s; transition-delay:0.1s; background-color: rgb(0,0,0,0.5); }
.mobile-menu .mobile-menu-holder { position:relative; width:40%; height:auto; left:140%; background: linear-gradient(180deg, black 0%, #4A00D6 50%, #FD5B3E 100%); }
.mobile-menu .mobile-menu-holder .mobile-menu-container { font-size: 1.25em; }
.mobile-menu .mobile-menu-holder .mobile-menu-container .mobile-item { border-bottom: 0; text-align:left; padding: 0.6em 0.5em; }
.mobile-menu .mobile-menu-holder .mobile-menu-container .mobile-item a { color: white; }
.mobile-menu .mobile-menu-holder .mobile-menu-container .mobile-item .menu_icon_left { display:inline-block; position:relative; width: 2.5em; }
.mobile-menu .mobile-menu-holder .mobile-menu-container .mobile-item .menu_icon_right { display:inline-block; position:relative; width: 2.5em; text-align: right; }
.mobile-menu .mobile-menu-holder .mobile-menu-bottom { position:relative; width: 100%; height: 20%; overflow:hidden; text-align:center; }
.mobile-menu .mobile-menu-holder .mobile-menu-bottom .ss_icons { padding-left:0.5em; padding-right:0.5em; }
.mobile-menu .mobile-menu-holder .mobile-menu-bottom .mobile-item { display:block; position:relative; padding-left:1em; padding-right:1em; padding-top:0.5em; padding-bottom:0.5em; user-select:none; }
.mobile-menu .mobile-menu-holder .mobile-menu-bottom .mobile-item a { color: white; }
.mobile-menu.active { display:block; }
.group_list { display:block; position: relative; width:100%; }
.group_list .group_item { display: inline-block; padding: 0.25em 1em; margin-right: 0.5em; user-select: none; cursor: pointer; }
.group_list .group_item.highlight { font-weight: bold; border-radius: 2em; background: linear-gradient(90deg, #EB00FF 0%, #FD5B3E 90%); }
.group_list .group_item:last-child { margin-right:0; }
::-webkit-input-placeholder,
::-moz-placeholder,
::placeholder { color: #FAFAFA; opacity: 1; }
:-ms-input-placeholder { color: #FAFAFA; }
::-ms-input-placeholder { color: #FAFAFA; }
input.form-control { border: 1px solid #666; border-radius: 0; background-color:white; }
.top_flat_menu .menu_item .current_menu span { border-bottom: 2px solid white; }
.top_flat_menu .menu_item a:hover { color: #F500D9 !important; }
.white_studioone { position: relative; display: inline-block; width: 1em; height: 1em; background-image:url(../png/studioone_icon_w.png); background-size: auto 100%; background-repeat: no-repeat; }
.vertical_middle { position: relative; }
.vertical_middle .widget_body { position: relative; top: 50%; transform: translateY(-50%); }
figure figcaption { display:block; width: 100%; text-align:center; font-style: italic; font-weight: 200; }
.site img { max-width:100%; }
.site .icon-circle { display:block; position:relative; width:12em; height:12em; margin-bottom: 0.75em; border-radius:50%; text-align:center; left:0; right:0; margin:auto; }
.site .icon-circle.purple { background:linear-gradient(-45deg, #FC03F2 20%, #5800FD 80%); }
.site .icon-circle.orange { background: linear-gradient(-45deg, #F5BC00 20%, #FC03F2 80%); }
.site .icon-circle img { display:block; position:relative; width:60%; height:60%; top:20%; left:20%; object-fit: cover; }
.site .title_without_banner { margin-top:5em; }
.site .title_block { position:relative; width: 100%; left:0; right:0; margin:auto; }
.site .title_block h3.title { font-size: 4rem; font-weight: 600; text-align:center; background: -webkit-linear-gradient(-45deg, #FC03F2 40%, #00C3FD 60%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.site .title_block .description { display:block; position:relative; padding-top: 2em; padding-left:4em; padding-right:4em; }
.site .section { width:100%; position:relative; padding-top: 2em; padding-bottom: 2em; }
.site .section.max_tb { padding-top: 4em; padding-bottom: 4em; }
.site .round-rectangle { border-radius: 1em; }
.site .image_placeholder { position: relative; width:40vw; left:0; right:0; margin:auto; min-height:22vw; }
.site .fz-1 { font-size: 1em; }
.site .fz-1h { font-size: 1.5em; }
.site .fz-2 { font-size: 2em; }
.site .fz-2h { font-size: 2.5em; }
.site .fz-3 { font-size: 3em; }
.site .color-purple { color: #AC04BA; }
.site .color-dkgrey { color: #555555; }
.site .bg-light_silver { background-color: #F0F0F0; }
.site .bg-black_dkpurple { background: linear-gradient(180deg, black 0%, #4A00D6 100%); }
.site .bg-dkpurple_orange { background: linear-gradient(180deg, #4A00D6 0%, #FD5B3E 100%); }
.site .bg-orange_purple { background: linear-gradient(180deg, #FD5B3E 0%, #7600FF 100%); }
.site .bg-purple_black { background: linear-gradient(180deg, #7600FF 0%, black 100%); }
.site .bg-black_purple { background: linear-gradient(180deg,  black 0%, #7600FF 100%); }
.site .bg-dkpurple { background-color: #4A00D6; }
.site .bg-dkpurple-black { background: linear-gradient(180deg, #4A00D6 0%, black 100%); }
.site .ul-align-p { padding-inline-start: 20px; }
.testimonial_left_button { position: absolute; left:4em; top:0; width:6em; height:100%; }
.testimonial_left_button:before { position: absolute; content:" "; left:0; top:calc(50% - 2em); width:4em; height:4em; transform: rotate(54deg) skew(20deg); border-left: 2px solid white; border-bottom: 2px solid white; }
.testimonial_right_button { position: absolute; right:2em; top:0; width:6em; height:100%; }
.testimonial_right_button:before { position: absolute; content:" "; left:0; top:calc(50% - 2em); width:4em; height:4em; transform: rotate(-54deg) skew(-20deg); border-right: 2px solid white; border-bottom: 2px solid white; }
.footer_testimonial_left_button { position: absolute; left:0; top:0; width:1em; height:100%; }
.footer_testimonial_left_button:before { position: absolute; content:" "; left:0; top:calc(50% - 0.5em); width:1em; height:1em; transform: rotate(54deg) skew(20deg); border-left: 1px solid white; border-bottom: 1px solid white; }
.footer_testimonial_right_button { position: absolute; right:0; top:0; width:1em; height:100%; }
.footer_testimonial_right_button:before { position: absolute; content:" "; left:0; top:calc(50% - 0.5em); width:1em; height:1em; transform: rotate(-54deg) skew(-20deg); border-right: 1px solid white; border-bottom: 1px solid white; }
.testimonial_container { position: relative; width: 80%; left: 10%; height: 20em; overflow: hidden; }
.testimonial_container .testimonial_item { position: absolute; left: 100%; top: 0; width: 100%; overflow:hidden; }
.testimonial_container .testimonial_item .content { position:relative; width:100%; }
.testimonial_container .testimonial_item .content .testimonial_person_photo { width:80%; max-width: 15em; border-radius:50%; overflow: hidden; object-fit: cover; border:2px solid white; }
.testimonial_container .testimonial_item .content .testimonial_text h6 { font-weight:600; }
.testimonial_container .testimonial_item .content .testimonial_message { line-height:2; }
.testimonial_container .testimonial_item .content .testimonial_quote { width: 80%; overflow: hidden; object-fit: cover; }
footer .testimonial_container { width:100%; left: 0; height:auto; display:flex; flex-wrap: nowrap; overflow-x: hidden; }
footer .testimonial_container .testimonial_item { position:relative; left:inherit; flex: 1 0 100%; }
footer .testimonial_container .testimonial_item .content .testimonial_person_photo { width: 6em; }
footer .testimonial_container .testimonial_item .content .testimonial_quote { width: 6em; }
footer .footer_testimonial { padding-left:5%; padding-right:5%; }
footer .footer_testimonial .footer_testimonial_left_button { top: calc(50% - 1em); transform: translateY(-50%); height:2em; }
footer .footer_testimonial .footer_testimonial_right_button { top: calc(50% - 1em); transform: translateY(-50%); height: 2em; }
.top_flat_menu { display:inline-block; position:relative; height:100%; text-align:left; }
.top_flat_menu .menu_item { display:inline-block; position:relative; margin-right:0.5em; line-height:1.5; }
.top_flat_menu .menu_item .current_menu { font-weight:normal; display:inline-block; position:relative; padding:0.5em 1em; user-select:none; word-wrap: nowrap; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; }
.top_flat_menu .menu_item .submenu { display:none; position:absolute; z-index:1; padding:1em; background-color:white; border:1px solid #662d91; border-radius: 0.5em; min-width: 15em; box-shadow:1px 1px 10px rgba(0,0,0,0.25); }
.top_flat_menu .menu_item .submenu.mega { border:0; border-radius:inherit; width:100vw; left:0; flex-wrap: nowrap; }
.top_flat_menu .menu_item .submenu.mega:hover { display: flex; }
.top_flat_menu .menu_item .submenu:hover { display:block; }
.top_flat_menu .menu_item .submenu a { word-wrap: nowrap; white-space: nowrap; }
.top_flat_menu .menu_item .submenu .menu_item.child { border-bottom: inherit !important; }
.top_flat_menu .menu_item.child { display:block; border-bottom: 1px solid #eee; }
.top_flat_menu .menu_item.child[have_submenu] { padding-right:1.5em; }
.top_flat_menu .menu_item.child[have_submenu]:after { content:" "; display:block; position:absolute; top:0.5em; right:0.5em; width:0.5em; height:0.5em; transform:rotate(45deg) translate(50%, 50%); border-top:1px solid #000; border-right:1px solid #000; border-bottom:inherit; }
.top_flat_menu .menu_item.child[have_submenu] .submenu { display:none; top:0; left:100%; }
.top_flat_menu .menu_item.child[have_submenu].open > .submenu { display:block; }
.top_flat_menu .menu_item.child[have_submenu]:hover > .submenu { display:block; }
.top_flat_menu .menu_item[have_submenu] { padding-right:1.5em; }
.top_flat_menu .menu_item[have_submenu] span.more_menu_icon { word-wrap: nowrap; white-space: nowrap; display: inline-block; position: relative; user-select:none; min-width: 1em; min-height: 1em; }
.top_flat_menu .menu_item[have_submenu]:after { content:" "; display:block; position:absolute; top:50%; right:2em; width:0.5em; height:0.5em; transform:rotate(45deg) translateY(-0.5em); border-bottom:1px solid #000; border-right:1px solid #000; }
.top_flat_menu .menu_item[have_submenu].open > .submenu { display:block; }
.top_flat_menu .menu_item[have_submenu]:hover > .submenu { display:block; }
.top_flat_menu .menu_item a { font-weight:bold; display:inline-block; position:relative; padding:0.5em 1em; user-select:none; -moz-user-select: none; -webkit-user-select: none; }
.top_flat_menu .menu_item a:hover { color: #662d91; }
.top_more_menu .submenu .menu_item.child .submenu { left:-120%; }
.mobile-mega-submenu-container { display:block; position: absolute; top:0; left: 100%; width:100%; height: 100%; padding-left:1em; padding-right: 1em; overflow-x:hidden; overflow-y: auto; background-color: white; transition-duration: 0.5s; }
.mobile-mega-submenu-container.active { left:0; }
.mobile-mega-submenu-container .mega-toggle { display:block; position: relative; padding: 1.5em 1em; user-select:none; font-size: 120%; }
.mobile-mega-submenu-container .menu_item { display:block; position:relative; padding:1.5em 1em; user-select:none; border-bottom:1px solid lightgrey; }
.mobile-menu-container { position:relative; width:100%; height:80%; padding-left:1em; padding-right:1em; overflow-x:hidden; overflow-y:auto; }
.mobile-menu-container .mobile-item { display:block; position:relative; padding:1.5em 1em; user-select:none; border-bottom:1px solid lightgrey; }
.mobile-menu-container .mobile-item.mobile-mega-toggle { display:flex; flex-wrap: no-wrap; overflow:hidden; width: 100%; }
.mobile-menu-container .mobile-item.mobile-mega-toggle.mobile-mega-toggle-space { position: relative; flex: 1 1 auto; max-width: 100%; }
.mobile-menu-container .mobile-item .menu_toggle { display:block; position:absolute; padding-left:1em; padding-right:1em; top:50%; right:0; width:2em; text-align:center; line-height:2; transform: translateY(-50%); }
.mobile-menu-container .mobile-item .menu_toggle span:last-child { display:none; }
.mobile-menu-container .mobile-item .menu_toggle.active span { display:none; }
.mobile-menu-container .mobile-item .menu_toggle.active span:last-child { display:inline-block; }
.mobile-menu-container .mobile-subitem { display:none; position:relative; width:100%; user-select:none; padding-left:0.5em; }
.mobile-menu-container .mobile-subitem .mobile-item { border-bottom: inherit; }
.pb_1_banners { position: relative; width:100%; background: black; height: 70vh; }
.pb_1_banners .banner { position: absolute; width: 100%; height: 100%; display: block; opacity: 0; z-index: 0; overflow: hidden; transition-duration: 1s; }
.pb_1_banners .banner.active { opacity: 1; z-index: 1; }
.pb_1_banners .banner img { opacity: 1 !important; }
.pb_1_banners .banner_filter_block { display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background-color:rgba(0,0,0,0.3); }
.pb_1_banners .banner_video { position:relative; display:block; left: 0; width: 100%; height: 70vh; object-fit: cover; }
.pb_1_banners .banner_title { position:absolute; left:0; width:100%; top: 50%; font-size:3.5em; font-weight:700; text-align: center; }
.pb_1_banners .banner_description { position: absolute; top:57%; left:0; padding:4em; width: 100%; text-align: center; }
.pb_1_banners .banner_description span { display: inline-block; transform: translateY(-50%); top: 50%; position:relative; font-size:1.15em; }
.rotate-20 { width: 120% !important; height: 175% !important; max-width: inherit !important; left: -10% !important; top: -32.5% !important; animation-duration: 10s; animation-delay: 0.5s; animation-name: banner_rotate20; animation-iteration-count: infinite; animation-timing-function: linear; }
.rotate-360 { width: 150vw !important; height: 150vw !important; max-width: inherit !important; left: -25vw !important; top: -25vw !important; animation-duration: 10s; animation-delay: 0.5s; animation-name: banner_rotate360; animation-iteration-count: infinite; animation-timing-function: linear; }
.zoomin { max-width: inherit !important; animation-duration: 10s; animation-delay: 0.5s; animation-name: banner_zoomin; animation-iteration-count: infinite; animation-timing-function: linear; }
.delay-6 { animation-delay: 6s; }
.delay-12 { animation-delay: 12s; }
.delay-18 { animation-delay: 18s; }
.delay-24 { animation-delay: 24s; }
.content_banner_area { position:relative; width: 100%; }
.content_banner_area img { display: block; position: relative; width: 100%; max-height: 30vh; object-fit: cover; opacity: 0.25; }
.content_banner_area img::after { content:" "; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: black; }
.content_banner_area .banner_text { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align:center; }
.content_banner_area .banner_text h3 { font-size: 4em; font-weight: 600; background: -webkit-linear-gradient(-30deg, #FC03F2 30%, #00C3FD 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.content_banner_area .banner_text .subtitle { font-size: 1.2em; }
.content_detail { position:relative; width:100%; background: linear-gradient(180deg, black 0%, #4A00D6 10%, #9900EA 25%, #9900EA 70%, #4A00D6 80%, black 100%); }
.content_detail .content_keyvisual { position:relative; width:100%; background-color:black; }
.content_detail .content_keyvisual img { width:100%; height: 60vh; object-fit:cover; object-position:center; opacity:0.5; }
.content_detail .content_keyvisual .title { position: absolute; top:50%; left:0; width: 100%; transform: translateY(-50%); text-align:center; }
.content_detail .content_keyvisual .title h3 { font-size:4em; }
.content_detail .content_keyvisual .title .title_tags { position:relative; width:100%; }
.content_detail .content_keyvisual .title .title_tags .tag { font-size:0.8em; color: white; background-color: black; padding: 0.5em 1em; margin-right: 1em; border-radius:1em; }
.content_detail .content_keyvisual .title .title_tags .tag:last-child { margin-right:0; }
.content_detail .content_title { position: relative; width: 100%; text-align: center; padding-bottom: 1em; background-size: cover; background-repeat: no-repeat; }
.content_detail .content_title h3 { font-size: 3em; font-weight: 600; background: -webkit-linear-gradient(-30deg, #FC03F2 30%, #00C3FD 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.content_detail .content_title .subtitle { font-size: 1.2em; }
.content_detail .content_body { position:relative; width:100%; min-height: 50vh; padding-top:2em; padding-bottom:2em; }
.content_detail .content_body .content_keyvisual { display: block; position: relative; width: 100%; object-fit: cover; margin-bottom: 1.5em; }
.content_detail .content_body .tag { font-size: 0.7em; background: black; padding: 0.5em 1em; border-radius: 1.5em; color: white; }
.content_detail .content_body .content_title { font-size: 3em; font-weight: 600; padding:0; }
.content_detail .content_body .content_subtitle { font-family: "Playfair Display"; font-size: 125%; font-style: italic; }
.content_detail .content_body .content_author { font-size: 0.8em; white-space: nowrap; }
.content_detail .content_body .content_author b { font-weight: 900; margin-right: 2em; }
.content_detail .content_body .content_author i { font-weight: 200; font-style: normal; }
.content_detail .content_body .content_body_container { position:relative; width: 100%; }
.content_detail .content_body .content_gallery_visual { width:100%; }
.content_detail .content_body .content_gallery_left_arrow { display:block; position:absolute; left:0; top:0; bottom:0; margin:auto; width:2em; height:4em; cursor: pointer; }
.content_detail .content_body .content_gallery_left_arrow::after { content:" "; display:block; position:absolute; top:0; left:30%; bottom: 0; margin:auto; width:1em; height:1em; border-left: 2px solid white; border-bottom: 2px solid white; transform: rotate(45deg); }
.content_detail .content_body .content_gallery_left_arrow:hover { background-color: #662d91; }
.content_detail .content_body .content_gallery_right_arrow { display:block; position:absolute; right:0; top:0; bottom:0; margin:auto; width:2em; height:4em; cursor: pointer; }
.content_detail .content_body .content_gallery_right_arrow::after { content:" "; display:block; position:absolute; top:0; right:30%; bottom: 0; margin:auto; width:1em; height:1em; border-top: 2px solid white; border-right: 2px solid white; transform: rotate(45deg); }
.content_detail .content_body .content_gallery_right_arrow:hover { background-color: #662d91; }
.content_detail .content_body .content_gallery_thumbnail { opacity: 0.5; cursor: pointer; }
.content_detail .content_body .content_gallery_thumbnail.active { opacity: 1; cursor:default }
.content_detail .content_body .content_prevnext_block { position:relaitve; width: 100%; clear:both; }
.content_detail .content_body .content_prevnext_block .prev_block { position:relative; display:inline-block; float: left; font-size:2em; }
.content_detail .content_body .content_prevnext_block .next_block { position:relative; display:inline-block; float: right; font-size:2em; }
.content_detail .content_body .content_widget { position: relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_messages { position:relative; width: 100%; overflow: hidden; }
.content_detail .content_body .content_widget .sidebar_messages .message_block { position: relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_messages.swap .message_block { position:absolute; left:100%; top:0; transition-duration:0.5s; }
.content_detail .content_body .content_widget .sidebar_messages.swap .message_block.active { position:relative; left:0; z-index:1; }
.content_detail .content_body .content_widget .sidebar_banner { position:relative; width: 100%; height: 12vw; overflow: hidden; }
.content_detail .content_body .content_widget .sidebar_banner.have_link::before { content:" "; display:block; position:absolute; top:10px; left:10px; opacity: 0; width:0px; height:0px; border-top: 1px solid white; border-left: 1px solid white; transition-duration: 1s; z-index:1; }
.content_detail .content_body .content_widget .sidebar_banner.have_link::after { content:" "; display:block; position:absolute; bottom:10px; right:10px; opacity: 0; width:0px; height:0px; border-bottom: 1px solid white; border-right: 1px solid white; transition-duration: 1s; }
.content_detail .content_body .content_widget .sidebar_banner.have_link::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banner.have_link::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banner img { display:block; position: relative; width:100%; height:100%; object-fit:cover; }
.content_detail .content_body .content_widget .sidebar_banner .banner_text { position:absolute; top: 50%; width:100%; text-align:center; transform: translateY(-50%); }
.content_detail .content_body .content_widget .sidebar_banner .banner_text .banner_title { font-weight: 600; }
.content_detail .content_body .content_widget .sidebar_banner .banner_text .banner_description { font-size: 0.8em; font-weight: 300; }
.content_detail .content_body .content_widget .sidebar_banners { position: relative; width: 100%; overflow:hidden; }
.content_detail .content_body .content_widget .sidebar_banners .category_description { position:relative; width:100%; padding-left:1em; padding-right:1em; font-size:0.8em; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout { position: relative; width: 100%; min-height: 12vw; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container { position: relative; width: 100%; height: 8vw; overflow: hidden; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container.have_link::before { content:" "; display:block; position:absolute; top:10px; left:10px; opacity: 0; width:0px; height:0px; border-top: 1px solid white; border-left: 1px solid white; transition-duration: 1s; z-index:1; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container.have_link::after { content:" "; display:block; position:absolute; bottom:10px; right:10px; opacity: 0; width:0px; height:0px; border-bottom: 1px solid white; border-right: 1px solid white; transition-duration: 1s; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container.have_link:hover::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container.have_link:hover::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container img { display: block; position: relative; width:100%; height:100%; object-fit:cover; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container .banner_text { position:absolute; top:50%; left:10%; width: 80%; text-align: center; user-select: none; -moz-user-select: none; transform: translateY(-50%); }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container .banner_text .banner_title { font-weight: 600; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container .banner_text .banner_description { font-size: 0.8em; font-weight: 300; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container a { display: block; position: relative; width: 100%; height:100%; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container a:hover::after { content:" "; display: block; position: absolute; width: 100%; height: 100%; top:0; left:0; background-color:rgba(0,0,0,0.25); }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout.swap .banner_container { position: absolute; left: 100%; top:0; opacity: 0; transition-duration: 0.5s; transition-delay: 0.25s; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout.swap .banner_container.active { left:0; opacity: 1; z-index: 1; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout.list .banner_container { margin-bottom: 0.5em; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout.grid { display:flex; flex-wrap: wrap; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout.grid .banner_container { width: calc(50% - 0.5em); flex: 1 1 calc(50% - 0.5em); height: 7vw; margin: 0.25em; }
.content_detail .content_body .content_widget .sidebar_gallery { position:relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_gallery .gallery_item { position: relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_gallery .gallery_item img { display: block; width: 100%; position: relative; }
.content_detail .content_body .content_widget .sidebar_gallery .gallery_item .gallery_text { position: absolute; bottom:0; left:0; width:100%; padding: 1em; text-align: center; }
.content_detail .content_body .content_widget .sidebar_gallery .gallery_item .gallery_text title { display:block; font-size: 0.8em; font-weight: 600; }
.content_detail .content_body .content_widget .sidebar_gallery .gallery_item .gallery_text description { display:block; font-size: 0.8em; font-weight: 300; }
.content_detail .content_body .content_widget .sidebar_gallery.swap { overflow:hidden; height: 15vw; }
.content_detail .content_body .content_widget .sidebar_gallery.swap .gallery_item { position:absolute; left:100%; opacity: 0; transition-duration: 0.5s; transition-delay: 0.25s; height:100%; }
.content_detail .content_body .content_widget .sidebar_gallery.swap .gallery_item img { max-height: inherit !important; height: 100%; object-fit:cover; }
.content_detail .content_body .content_widget .sidebar_gallery.swap .gallery_item.active { left:0; opacity:1; z-index:1; }
.content_detail .content_body .content_widget .sidebar_gallery.list .gallery_item { margin-bottom: 0.5em; height: 15vw; }
.content_detail .content_body .content_widget .sidebar_gallery.list .gallery_item img { height:100%; object-fit:cover; }
.content_detail .content_body .content_widget .sidebar_gallery.grid { display:flex; flex-wrap: wrap; }
.content_detail .content_body .content_widget .sidebar_gallery.grid .gallery_item { width: calc(50% - 0.5em); flex: 1 1 calc(50% - 0.5em); margin: 0.25em; height: 9vw; }
.content_detail .content_body .content_widget .sidebar_gallery.grid .gallery_item img { height: 100%; object-fit:cover; }
.content_detail .content_body .content_widget .sidebar_products { position:relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_products .product_box { position: relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_products .product_box .product_image img { display: block; width: 100%; top:0; left:0; height: 100%; position: absolute; }
.content_detail .content_body .content_widget .sidebar_products .product_box .product_image img:first-child { height: auto; position: relative; }
.content_detail .content_body .content_widget .sidebar_products .product_box .product_info_row { display: flex; flex-wrap: warp; }
.content_detail .content_body .content_widget .sidebar_products .product_box .product_info_row div { flex: 1 1 50%; width: 50%; padding: 1em; }
.content_detail .content_body .content_widget .sidebar_products .product_box .popup_buy_more { position: relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_products .product_box .product_information { position: relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_products.swap .product_box { position:absolute; left:100%; opacity: 0; transition-duration: 0.5s; transition-delay: 0.25s; }
.content_detail .content_body .content_widget .sidebar_products.swap .product_box.active { left:0; opacity:1; z-index:1; }
.content_detail .content_body .content_widget .sidebar_products.list .product_box { margin-bottom: 0.5em; }
.content_detail .content_body .content_widget .sidebar_products.grid { display:flex; flex-wrap: wrap; }
.content_detail .content_body .content_widget .sidebar_products.grid .product_box { width: calc(50% - 0.5em); flex: 1 1 calc(50% - 0.5em); margin: 0.25em; }
.content_detail .content_body .content_widget .content_widget_list { position: relative; width: 100%; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block { display:flex; position:relative; width: 100%; max-height: 8vw; overflow: hidden; margin-bottom: 0.5em; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_keyvisual { flex: 1 1 30%; width: 30%; position: relative; background: none; margin:0; margin-right: 1em; max-width: 6.5vw; height: 6.5vw; overflow:hidden; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_keyvisual img { display:block; position:relative; width:100%; left:0; top:0; height: 100%; max-width: max-content; object-fit: cover; opacity: 1; transition-duration: 0.5s; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body { flex: 1 1; min-width: 70%; padding:0; min-height: 0; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body .content_text { position:relative; top:50%; transform:translateY(-50%); width:100%; font-size: 1em; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body .content_title { font-size: 1em; font-weight: 600; text-align: left; padding:0; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body .content_title span { display:inline; position: relative; background-size: 0 2px; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-repeat: no-repeat; transition-duration: 0.5s; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body .content_sub_title { width: 100%; overflow: hidden; font-weight: 200; font-size: 0.8em; white-space: nowrap; text-overflow: ellipsis; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body .content_brief { text-overflow: ellipsis; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_body .content_publish_date { font-size: 0.8em; width: 100%; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block:hover .content_keyvisual img { left:-10%; top:-10%; width: 120%; height: 120%; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block:hover .content_body .content_title span { background-size: 100% 2px; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block:hover .content_body .content_publish_date { color: #F500D9; }
.content_detail .content_body .content_widget .portfolio_widget_list { position: relative; width: 100%; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block { display:flex; position:relative; width: 100%; max-height: 8vw; overflow: hidden; margin-bottom: 0.5em; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { flex: 1 1 30%; width: 30%; max-width: 6.5vw; position: relative; background: none; margin:0; margin-right: 1em; height: 6.5vw; overflow:hidden; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual img { display:block; position: relative; width:100%; left:0; top:0; height: 100%; max-width: max-content; object-fit: cover; opacity: 1; transition-duration: 0.5s; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body { flex: 1 1; min-width: 70%; padding:0; min-height: 0; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body .portfolio_text { position:relative; width:100%; top:50%; transform: translateY(-50%); font-size: 1em; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_title { font-size: 1em; font-weight: 600; text-align: left; padding:0; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_title span { display:inline; position: relative; background-size: 0 2px; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-repeat: no-repeat; transition-duration: 0.5s; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_subtitle { width: 100%; overflow: hidden; font-weight: 200; font-size: 0.85em; white-space: nowrap; text-overflow: ellipsis; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_brief { text-overflow: ellipsis; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_date { font-size: 0.8em; width: 100%; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block:hover .portfolio_keyvisual img { width: 120%; left: -10%; top:-10%; height: 120%; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block:hover .portfolio_body .project_title span { background-size: 100% 2px; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block:hover .portfolio_body .project_date { color: #F500D9; }
.content_detail .content_body .content_widget .sidebar_youtubes { position:relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_youtubes .widget_yt_container { position: relative; width: 100%; user-select:none; cursor: pointer; }
.content_detail .content_body .content_widget .sidebar_youtubes .widget_yt_container .widget_yt_player_thumbnail { overflow:hidden; }
.content_detail .content_body .content_widget .sidebar_youtubes .widget_yt_container .widget_yt_player_thumbnail::after { content:" "; display: block; position: absolute; width:3em; height:3em; background-image:url(../svg/icon_playbutton.svg); background-size:cover; background-repeat:no-repeat; left:0; right:0; top:0; bottom:0; margin:auto; }
.content_detail .content_body .content_widget .sidebar_youtubes .widget_yt_container:hover .widget_yt_player_thumbnail::after { background-image:url(../svg/icon_playbutton-2.svg); }
.content_detail .content_body .content_widget .sidebar_youtubes .widget_yt_player_container { display:block; width: 100%; position: relative; height: 12vw; user-select:none; cursor: pointer; margin-bottom: 1em; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container { display:flex; flex-wrap: nowrap; margin-bottom: 1em; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail { display:block; position: relative; width: 30%; flex: 1 1 30%; margin-right: 0.5em; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail img { display:block; position: relative; height:6vw; top:50%; transform: translateY(-50%); }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .title { position: relative; margin-left: 0.5em; font-size: 0.8em; width: 70%; flex: 1 1 30%; min-height: 100%; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .title span { display:block; position: relative; width: 100%; top:50%; transform: translateY(-50%); }
.content_detail .content_body .content_widget .sidebar_youtubes.grid { display:flex; flex-wrap: wrap; }
.content_detail .content_body .content_widget .sidebar_youtubes.grid .widget_yt_container { flex: 1 1 50%; width: 50%; max-width: 50%; height: auto; padding: 0.5em; }
.content_detail .content_body .content_widget .sidebar_youtubes.grid .widget_yt_container .widget_yt_player_thumbnail { display:block; position:relative; width: 100%; }
.content_detail .content_body .content_widget .sidebar_youtubes.grid .widget_yt_container .widget_yt_player_thumbnail img { display:block; position: relative; height: 6vw; top:50%; transform: translateY(-50%); }
.content_detail .content_body .content_widget .sidebar_youtubes.grid .widget_yt_container .title { position:relative; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.8em; }
.content_detail .content_body .widget_grid { display:flex; flex-wrap: wrap; width: 100%; }
.content_detail .content_body .widget_grid.col2auto .content_widget { position: relative; flex: 0 0 50%; width: 50%; padding:0.5em; }
.content_detail .content_body .widget_grid.col2auto .content_widget img { width:100%; height: 20vw; object-fit: cover; }
.content_detail .content_body .widget_grid.col2auto.total_col_1 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.col2auto .content_widget_list .content_widget_block .content_keyvisual { max-width: 4vw; height: 4vw; }
.content_detail .content_body .widget_grid.col2auto .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { max-width: 4vw; height: 4vw; }
.content_detail .content_body .widget_grid.col2auto .sidebar_banner { height: 20vw; }
.content_detail .content_body .widget_grid.col2auto .sidebar_banners .banner_layout { height: 24vw; }
.content_detail .content_body .widget_grid.col2auto .sidebar_banners .banner_layout .banner_container { height: 100%; }
.content_detail .content_body .widget_grid.col3auto .content_widget { position: relative; flex: 0 0 33.33%; width: 33.33%; padding:0.5em; }
.content_detail .content_body .widget_grid.col3auto .content_widget img { width:100%; height: 12.5vw; object-fit: cover; }
.content_detail .content_body .widget_grid.col3auto.total_col_1 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.col3auto.total_col_2 .content_widget:nth-last-child(-n + 2) { flex: 0 0 50%; width: 50%; }
.content_detail .content_body .widget_grid.col3auto .content_widget_list .content_widget_block .content_keyvisual { max-width: 3vw; height: 3vw; }
.content_detail .content_body .widget_grid.col3auto .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { max-width: 3vw; height: 3vw; }
.content_detail .content_body .widget_grid.col3auto .sidebar_banner { height: 15vw; }
.content_detail .content_body .widget_grid.col3auto .sidebar_banners .banner_layout { height: 15vw; }
.content_detail .content_body .widget_grid.col3auto .sidebar_banners .banner_layout .banner_container { height: 100%; }
.content_detail .content_body .widget_grid.swap { display: block; overflow:hidden; height: 40vw; }
.content_detail .content_body .widget_grid.swap .content_widget { position: absolute; top:0; left:100%; width: 100%; height: 30vw; overflow: hidden; opacity:0; transition-duration: 0.5s; }
.content_detail .content_body .widget_grid.swap .content_widget img { width: 100%; height: 100%; object-fit: cover; }
.content_detail .content_body .widget_grid.swap .content_widget.active { left:0; opacity: 1; }
.content_detail .content_body .widget_grid.swap .content_widget_list .content_widget_block .content_keyvisual { max-width: 6.5vw; height: 6.5vw; }
.content_detail .content_body .widget_grid.swap .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { max-width: 6.5vw; height: 6.5vw; }
.content_detail .content_body .widget_grid.swap .sidebar_banner { height: 30vw; }
.content_detail .content_body .widget_grid.swap .sidebar_banners .banner_layout { height: 30vw; }
.content_detail .content_body .widget_grid.swap .sidebar_banners .banner_layout .banner_container { height: 100%; }
.content_detail .content_body .widget_grid.swap .widget_col_left_arrow { position: absolute; left: -2em; width: 4em; height: 4em; top: 50%; transform: translateY(-50%); background-color: #662d91; border-radius: 2em; }
.content_detail .content_body .widget_grid.swap .widget_col_left_arrow::after { content:" "; display:block; position: absolute; left: 1em; top: 1em; width: 2em; height: 2em; border-bottom:2px solid ; border-left:2px solid ; transform: rotate(45deg); }
.content_detail .content_body .widget_grid.swap .widget_col_left_arrow:hover { background-color: #265178; }
.content_detail .content_body .widget_grid.swap .widget_col_right_arrow { position: absolute; right: -2em; width: 4em; height: 4em; top: 50%; transform: translateY(-50%); background-color: #662d91; border-radius: 2em; }
.content_detail .content_body .widget_grid.swap .widget_col_right_arrow::after { content:" "; display:block; position: absolute; left: 1em; top: 1em; width: 2em; height: 2em; border-top:2px solid ; border-right:2px solid ; transform: rotate(45deg); }
.content_detail .content_body .widget_grid.swap .widget_col_right_arrow:hover { background-color: #265178; }
.content_detail .content_body .widget_grid.swap .widget_col_indicators { position: absolute; left:0; bottom: 0.25em; width: 100%; white-space: nowrap; text-align: center; }
.content_detail .content_body .widget_grid.swap .widget_col_indicators .widget_col_indicator { position: relative; display: inline-block; width: 1em; height: 1em; margin-right: 0.5em; background-color: white; border-radius: 0.5em; }
.content_detail .content_body .widget_grid.swap .widget_col_indicators .widget_col_indicator:last-child { margin-right: 0; }
.content_detail .content_body .widget_grid.swap .widget_col_indicators .widget_col_indicator.active { background-color: #662d91; }
.content_detail .content_body .widget_grid.grid .content_widget { position: relative; flex: 0 0 33.33%; width: 33.33%; padding:0.5em; }
.content_detail .content_body .widget_grid.grid .content_widget img { width:100%; height: 15vw; object-fit: cover; }
.content_detail .content_body .widget_grid.grid .sidebar_banner { height: 15vw; }
.content_detail .content_body .widget_grid.grid .content_widget_list .content_widget_block .content_keyvisual { max-width: 4vw; height: 4vw; }
.content_detail .content_body .widget_grid.grid .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { max-width: 4vw; height: 4vw; }
.content_detail .content_body .widget_grid.grid .sidebar_banners .banner_layout { height: 15vw; }
.content_detail .content_body .widget_grid.grid .sidebar_banners .banner_layout .banner_container { height: 100%; }
.content_category { position:relative; width:100%; }
.content_category img { max-width: inherit; }
.content_category .content_title { position:relative; padding:2em 1em; background: linear-gradient(180deg, black 0%, #4A00D6 100%); text-align:center; }
.content_category .content_title h3 { font-size: 4em; font-weight: 600; background: -webkit-linear-gradient(-5deg, #FC03F2 35%, #00C3FD 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.content_category .content_title .subtitle { margin-top: -0.5em; display:block; }
.content_category .contents_list { position:relative; width:100%; background: linear-gradient(180deg, #4A00D6 0%, #9900EA 50%, #FD5B3E 90%); }
.content_category .contents_list .contents_list_style { position:relative; width:100%; }
.content_category .contents_list .contents_list_style i { margin-right:1em; user-select:none; }
.content_category .contents_list .contents_list_style i:hover { color: #662d91; }
.content_category .contents_list .contents_list_style i.active { color:#FD5B3E; }
.content_category .contents_list .contents_list_container { position:relative; width: 100%; margin-left: -1em; margin-right: -1em; }
.content_category .contents_list .contents_list_container .content_item_container { position: relative; padding:1em; }
.content_category .contents_list .contents_list_container .content_item_container .content_item { position: relative; width:100%; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_kv_container { position:relative; width:100%; border-radius: 8px; margin-bottom: 0.5em; overflow: hidden; background-color:black; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_kv_container .content_kv { display:block; position:relative; width:100%; object-fit: cover; left:0; opacity:1; transition-duration: 0.5s; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_text_container { position:relative; width:100%; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_text_container .tag { font-size: 0.7em; background: black; padding: 0.5em 1em; border-radius: 1.5em; color: white; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_text_container h5 { position: relative; font-size:1.5em; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_text_container h5 span { display:inline; position:relative; background-size: 0 2px; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-repeat: no-repeat; transition-duration: 0.5s; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_text_container .content_date { font-size: 0.8em; }
.content_category .contents_list .contents_list_container .content_item_container .content_item .content_text_container .content_desc { position:relative; width: 100%; height: 4.7em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.content_category .contents_list .contents_list_container .content_item_container .content_item:hover .content_kv_container .content_kv { left:-5%; width:110%; opacity:0.6; }
.content_category .contents_list .contents_list_container .content_item_container .content_item:hover .content_text_container h5 span { background-size:100% 2px; }
.content_category .contents_list .contents_list_container .grid { display: flex; flex-wrap: wrap; width:100%; }
.content_category .contents_list .contents_list_container .grid .content_item_container { flex: 0 0 33.33%; ms-flex: 0 0 33.33%; width: 33.33%; }
.content_category .contents_list .contents_list_container .grid .content_item_container .content_item .content_kv_container .content_kv { height: 15vw; }
.content_category .contents_list .contents_list_container .list { display: flex; flex-wrap: wrap; width:100%; }
.content_category .contents_list .contents_list_container .list .content_item_container { flex: 1 1 100%; ms-flex: 1 1 100%; width: 100%; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item { display:flex; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container { flex: 0 0 40%; ms-flex: 0 0 40%; width: 40%; margin-right:5%; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container .content_kv { height: 16vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_text_container { flex: 0 0 55%; ms-flex: 0 0 55%; width: 55%; }
.content_category .contents_list .contents_list_load_more { position:relative; width:100%; text-align:center; }
.content_page .content_page_banner { position:relative; }
.content_page .content_page_banner img { width:100%; object-fit: cover; height:100%; position: absolute; display:block; bottom:0; left:0; opacity: 0.4; }
.content_page .content_page_banner .banner_text_container { position: relative; padding-top: 6em; padding-bottom: 6em; left:20%; width:60%; }
.content_page .content_page_banner .banner_text_container h3 { font-size:4em; text-align:center; font-weight:600; }
.content_page .content_page_banner .banner_text_container .body_text { margin-top:1em; }
.content_page .content_page_block .subtitle { display:block; position: relative; width:100%; text-align: center; margin-top: -0.5em; margin-bottom: 1em; }
.content_page .content_page_block.h30 { padding-top:3em; padding-bottom:3em; }
.content_page .content_page_block.h30 .content_page_block_container { padding-top:3em; padding-bottom:3em; }
.content_page .content_page_block.h30 .content_page_block_container .content_page_text { padding-top:3em; padding-bottom:3em; }
.content_page .content_page_block.text_block_center { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area .content_page_body { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area .content_page_body .content_widget { position:relative; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area .content_page_body .content_widget .widget_block.text_block { position:relative; top: 50%; transform: translateY(-50%); }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area .content_page_body .content_widget .widget_block.block_list .widget_grid.col2auto .content_widget:nth-child(even) { padding-left:1.5em; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area .content_page_body .content_widget .widget_block.block_list .widget_grid.col2auto .content_widget:nth-child(odd) { padding-right:1.5em; }
.content_page .content_page_block.text_block_center .content_page_block_container .content_page_text .content_page_text_container .content_page_text_area .content_page_body .content_widget .widget_block.block_list .widget_grid.col2auto.total_col_1 .content_widget:last-child { padding-left:0.5em; padding-right:0.5em; }
.content_page .rolling_image { display: block; position:relative; width:100%; padding-bottom: 2em; }
.content_page .rolling_image .keyvisual_container { position:relative; width:100%; height: 20vw; overflow: hidden; }
.content_page .rolling_image .keyvisual_container .kv { display:block; position:absolute; width:100%; left:0; top:0; height:100%; overflow: hidden; }
.content_page .rolling_image .keyvisual_container .kv img { display:inline-block; position:relative; width:100%; min-height:100%; object-fit:cover; object-position:top; }
.content_page .title_widget { position:relative; width: 100%; text-align: center; }
.content_page .title_widget .title { font-size:2rem; font-weight: 500; line-height:1.2; }
.content_page .title_widget .subtitle { font-size:1rem; font-weight: 400; margin-top: -0.5em; margin-bottom: 1em; }
.main_banner_text { background: linear-gradient(90deg, #F500EC 0%, #1ECDDC 50%, #1807DE 100%); padding:0.25em 1em; font-size:3em; font-weight:700; position:relative; }
.main_banner_text .content_page_text_area::after { position: absolute; display: block; content:" "; left:0; top:0; width: 2em; background: linear-gradient(90deg, rgb(0,0,0,1) 10%, rgb(0,0,0,0) 100%); height: 100%; }
.main_banner_text .content_page_text_area::before { position: absolute; display:block; content: " "; right:0; top:0; width: 2em; background: linear-gradient(90deg, rgb(0,0,0,0) 0%, rgb(0,0,0,1) 90%); height: 100%; }
.main_banner_text .content_page_body { position: relative; overflow: hidden; }
.main_banner_text .main_scrolltext_contents { position:relative; white-space: nowrap; font-family: Arial; }
.main_banner_text .main_scrolltext_contents p { font-size: 70%; display:inline-block; color:transparent; -webkit-text-stroke: 1px #fff; margin-bottom:0; padding-right: 1em; }
.main_banner_text .main_scrolltext_contents p:nth-child(even) { color:white; -webkit-text-stroke: 0; }
.gradient_line { display: block; font-weight: 400; font-size: 0.8em; position: relative; padding: 2em 3em; }
.gradient_line:after { content:" "; display: block; position: absolute; width: 2.5em; height:2px; background-color: #AB00DE; top: 50%; left: 0; }
.gradient_circle { display:block; position: absolute; bottom: 5%; left: 10%; width: 15vw; height: 15vw; background: linear-gradient(125deg, #F500D9 0%, #2435D8 50%, #4A00D6 100%); border-radius: 50%; z-index:1; }
.gradient_circle:before { display:block; position: absolute; content:" "; left:5%; top:5%; width:90%; height:90%; background-color: black; border-radius: 50%; }
img.circle_image { display: block; position: relative; width:70% !important; left:15%; border-radius: 50%; overflow:hidden; object-fit: cover; z-index:1; }
.half_size { display: block; position: relative; width: 50%; }
.gradient_text { font-weight: 900; line-height: 1.25; background: -webkit-linear-gradient(-45deg, #F500D9 5%, #14EFD5 50%, #4A51FF 60%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.about_title { font-size: 2.5em; width: 75%; font-weight: 700 !important; }
.MAIN_PAGE .circle_block { position: relative; padding-right:15px; padding-left:15px; -webkit-box-flex:0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; margin-top: 5%; }
.MAIN_PAGE .about_block { position: relative; padding-right:15px; padding-left:15px; padding-top:2em; padding-bottom:2em; -webkit-box-flex:0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.MAIN_PAGE .about_body { display:block; position: relative; width:75%; }
.MAIN_PAGE .section_one { background: linear-gradient(180deg, black 0%, #4A00D6 100%); width:100%; position:relative; padding-top: 2em; padding-bottom: 2em; text-align:center; font-weight: 300; font-size:14px; }
.MAIN_PAGE .section_one h3 { font-size: 2.5em; font-weight: 700; }
.MAIN_PAGE .portfolio_item_container { position:relative; width:100%; background: linear-gradient(0deg, #7600FF 0%, #4A00D6 100%); }
.MAIN_PAGE .content_kv_animate_element { position:absolute; display:block; width: 8em !important; height: auto; object-fit:contain; -webkit-animation: flashing 5s infinite linear; animation: flashing 5s infinite linear; }
.MAIN_PAGE .content_kv_animate_element.item-0 { left: 15%; top: 15%; -webkit-animation-delay: 0.5s; animation-delay:0.5s; }
.MAIN_PAGE .content_kv_animate_element.item-1 { left: 32%; top: 40%; -webkit-animation-delay: 0.1s; animation-delay:0.1s; }
.MAIN_PAGE .content_kv_animate_element.item-2 { left: 15%; top: 65%; -webkit-animation-delay: 0.7s; animation-delay:0.7s; }
.MAIN_PAGE .content_kv_animate_element.item-3 { left: 53%; top: 15%; -webkit-animation-delay: 0.2s; animation-delay:0.2s; }
.MAIN_PAGE .content_kv_animate_element.item-4 { left: 50%; top: 40%; -webkit-animation-delay: 0.3s; animation-delay:0.3s; }
.MAIN_PAGE .content_kv_animate_element.item-5 { left: 65%; top: 65%; -webkit-animation-delay: 0.6s; animation-delay:0.6s; }
.MAIN_PAGE .section_service { background: linear-gradient(0deg, #4A00D6 0%, #FD5B3E 100%); font-weight: 300; }
.MAIN_PAGE .section_service .row { margin:0; }
.MAIN_PAGE .section_service .col { padding:0; }
.MAIN_PAGE .section_service .service_tab .service_container { display:block; position:relative; width: 100%; }
.MAIN_PAGE .section_service .service_tab .service_container img { display:block; position:relative; width:100%; max-width:inherit; object-fit:cover; }
.MAIN_PAGE .section_service .service_tab .service_container .img_cover { position:absolute; top:0; left:0; width:100%; height:100%; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container { display:block; position:absolute; left:5%; top:5%; width:90%; height:90%; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_outline_top { position:relative; width: 100%; height: calc(100% - 4em); }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_outline_top::before { content:" "; display: block; position: absolute; top:0; left:0; width:0px; height:0px; transition-duration: 0.5s; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_outline_top::after { content:" "; display: block; position: absolute; right:0; bottom:0; width:0px; height:0px; transition-delay: 0.075s; transition-duration: 0.3s; border-color: rgba(255,255,255,0.2); }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_text { flex:none; padding-top: 0.5em; padding-right: 0.5em; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_text .title { display: block; font-size: 1em; font-weight: 300; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_text .description { display: block; font-size: 1.25em; font-weight: 700; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_outline_bottom { flex:auto; position:relative; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_outline_bottom::before { content:" "; display: block; position: absolute; right:0; bottom:0; width:0px; height:0px; transition-duration: 0.4s; }
.MAIN_PAGE .section_service .service_tab .service_container .tab_container .tab_outline_bottom::after { content:" "; display: block; position: absolute; right:0; bottom:0; width:0px; height:0px; transition-duration: 0.1s; }
.MAIN_PAGE .section_service .service_tab:hover .service_container .img_cover { background-color:rgb(0,0,0,0.3); }
.MAIN_PAGE .section_service .service_tab:hover .service_container .tab_outline_top::before { border-top:1px solid rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.5); width:100%; height:100%; }
.MAIN_PAGE .section_service .service_tab:hover .service_container .tab_outline_top::after { border-right:1px solid rgba(255,255,255,0.5); width:100%; height:100%; }
.MAIN_PAGE .section_service .service_tab:hover .service_container .tab_container .tab_outline_bottom::before { border-bottom: 1px solid rgba(255,255,255,0.5); width:100%; height:100%; }
.MAIN_PAGE .section_service .service_tab:hover .service_container .tab_container .tab_outline_bottom::after { border-right: 1px solid rgba(255,255,255,0.5); width:100%; height:100%; }
.MAIN_PAGE .bg-site-orange { background-color: #FD5B3E; }
.MAIN_PAGE .section_two { background: linear-gradient(180deg, #FD5B3E 0%, #7600FF 100%); width:100%; position:relative; padding: 2em 70px; text-align:center; font-weight:300; }
.MAIN_PAGE .section_two h3 { font-size: 2.5em; font-weight: 700; }
.MAIN_PAGE .section_two .widget_grid .content_widget { padding: 0.5em; }
.MAIN_PAGE .section_two .widget_grid .content_widget .widget_block.text_block { text-align:left; position: relative; height: 100%; padding-left: 2em; }
.MAIN_PAGE .section_two .widget_grid .content_widget .widget_block.text_block .widget_body { position: relative; top:50%; transform: translateY(-50%); }
.MAIN_PAGE .section_three { background: linear-gradient(180deg, black 0%, #4A00D6 100%); width:100%; position:relative; padding: 3em 70px; text-align:center; font-weight: 300; }
.MAIN_PAGE .section_three h3 { font-size: 2.5em; font-weight: 700; }
.MAIN_PAGE .section_three .widget_grid .content_widget { padding: 0.5em; }
.MAIN_PAGE .section_three .widget_grid .content_widget .widget_block.text_block { text-align:left; position: relative; height: 100%; }
.MAIN_PAGE .section_three .widget_grid .content_widget .widget_block.text_block .widget_body { position: relative; top:50%; transform: translateY(-50%); }
.MAIN_PAGE .section_post { background-color: #7600FF; width:100%; position:relative; padding-top: 1px; padding-bottom: 2em; }
.MAIN_PAGE .section_testimonial { background: linear-gradient(180deg, #7600FF 0%, black 100%); width:100%; position:relative; padding-top:2em; padding-bottom: 2em; }
.MAIN_PAGE .main_our_services { position: relative; width: 100%; padding-top: 2em; padding-bottom: 2em; background-position: center; background-size: cover; background-repeat: no-repeat; }
.MAIN_PAGE .main_our_services .widget_grid { position: relative; padding: 2em; left:0; right:0; margin: auto; flex-wrap: nowrap; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget { position: relative; width: 15%; margin-left: 1.6667%; margin-right: 1.6667%; text-align: center; opacity: 0.7; transition-duration: 0.5s; cursor:pointer; user-select:none; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget img { width: 90%; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget figcaption { font-weight: 400; font-style: normal; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget:hover { opacity: 1; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget:hover figcaption { font-weight: 600; }
.MAIN_PAGE .gallery_countdown { height: 30em; }
.about_banner img { width:100%; object-fit: cover; opacity: 0.6 !important; }
.about_banner .banner_text_container { position: relative !important; top:10% !important; left:30%; width:40%; padding-top: 10em !important; padding-bottom: 10em !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.about_banner .banner_text_container h3 { font-size:4em; text-align:center; font-weight:900; }
.about_banner .banner_text_container .body_text { margin-top:10%; }
.about_banner .banner_text_container .body_text .center_text_area { position: relative; width:75%; left:0; right:0; margin:auto; }
.card-holder { position: relative; width: 100%; height: 100%; top:0; left:0; background-repeat:no-repeat; background-size:cover; background-position: center; }
.card-holder .frame { position:relative; left:1em; top:1em; border:1px solid white; width:  calc(100% - 2em); height: calc(100% - 2em); }
.card-holder .frame .frame_container { position:relative; width:100%; text-align:cetner; top:50%; transform:translateY(-50%); }
.card-holder .text_container { position:relative; top: 1em; left: 1em; width:  calc(100% - 2em); height: calc(100% - 2em); overflow:hidden; }
.card-holder .text_container .text_area { position:relative; left: 0; right: 0; margin: auto; width: 80%; text-align: left; top: 50%; transform: translateY(-50%); }
.flip-card { background-color: transparent; width: 100%; height: 33.33333vw; perspective: 1000px; }
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card-front { background: linear-gradient(180deg, #F500EC 0%, #FD5B3E 100%); color: white; }
.flip-card-back { background-color: black; color: white; transform: rotateY(180deg); }
.aboutus .job_title { margin-bottom:0; line-height:1 }
.aboutus .contact_name { font-size: 3em; font-weight: 200; margin-bottom:0; line-height:1 }
.aboutus .job_description { max-width: 90%; }
.aboutus .center_text_area { position: relative; width:75%; left:0; right:0; margin:auto; }
.aboutus .section_one { background:none; position: relative; margin-top: -30vh; width:100%; padding-left:12em; padding-right:12em; }
.aboutus .section_one .left_col { position:relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align:left; }
.aboutus .section_one .left_col .job_title { margin-top: 4em; }
.aboutus .section_one .right_col { position:relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.aboutus .section_one .right_col .small_circle_image { position:absolute; display:block; top:0; right:8em; width:10em; height:10em; }
.aboutus .section_one .right_col .circle_image { margin-top:4em; left:20%; width:60%; max-width:inherit; }
.aboutus .second_section { background: linear-gradient(180deg, black 0%, #4A00D6 100%); position:relative; margin-top:-20vh; padding-top:20vh; padding-bottom: 4em; z-index: -1; }
.aboutus .second_section .section_two { width:100%; padding-left:12em; padding-right:12em; }
.aboutus .second_section .section_two .left_col { position:relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.aboutus .second_section .section_two .left_col .small_circle_image { position:absolute; display:block; top:0; left:8em; width:10em; height:10em; }
.aboutus .second_section .section_two .left_col .circle_image { margin-top:4em; left:20%; width:60%; max-width:inherit; }
.aboutus .second_section .section_two .right_col { position:relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align:left; }
.aboutus .second_section .section_two .right_col .job_title { margin-top: 4em; }
.aboutus .section_three { background: linear-gradient(180deg, #4A00D6 0%, #EB00FF 100%); width:100%; position:relative; padding-top: 2em; padding-bottom: 2em; text-align:center; }
.aboutus .section_four { width:100%; position:relative; background: linear-gradient(180deg, #EB00FF 0%, #FD5B3E 100%); padding-top: 3em; padding-bottom: 6em; text-align:left; padding-left:12em; padding-right:12em; }
.aboutus .section_four b { font-weight:900; }
.aboutus .section_five { width:100%; position: relative; background: linear-gradient(180deg, #FD5B3E 0%, #7600FF 100%); padding-top: 2em; padding-bottom: 2em; text-align:center; }
.aboutus .section_testimonial { width:100%; position: relative; background: linear-gradient(180deg, #7600FF 0%, black 100%); padding-top: 2em; padding-bottom: 2em; }
.aboutus .section_top { width:100%; position: relative; background: linear-gradient(180deg, black 0%, #4A00D6 100%); padding-top: 2em; padding-bottom: 2em; text-align:center; }
.aboutus .section_purple { width: 100%; position: relative; background-color: #7600FF; }
.aboutus .circle_block { position:relative; width: 70%; left:0; right:0; margin:auto; max-width: inherit !important; }
.aboutus .circle_block .small_circle_image { position:absolute; display:block; top:0; margin-left: 80%; width:10em !important; height:10em !important; object-fit: cover; }
.aboutus .circle_block .circle_image { margin-top:4em; left:10% !important; width:80% !important; max-width:inherit; }
.aboutus .time_line { padding-bottom: 3em; }
.aboutus .time_line .block_container { position:relative; left:50%; width: 45%; }
.aboutus .time_line .block_container .blocks { display:block; position:relative; width:100%; padding-left:9em; padding-bottom: 1em; min-height:5em; }
.aboutus .time_line .block_container .blocks::before { content: " "; display:block; position:absolute; top:1em; left: 0; width: 8em; height:2px; background-color: #FD5B3E; }
.aboutus .time_line .block_container .blocks::after { content:" "; display:block; position:absolute; top: 1em; left: -1px; width: 2px; height: calc(100% - 1em); background-color: #FD5B3E; }
.aboutus .time_line .block_container .year_circle { position: absolute; left: -2em; top: -1em; width: 4em; height: 4em; text-align: center; font-weight: 500; line-height: 4em; border-radius:50%; background: linear-gradient(135deg, #FD5B3E 0%, #F500EC 100%); z-index:1; }
.aboutus .time_line .block_container .circle { position: absolute; left: -1em; top: 0; width: 2em; height: 2em; border-radius:50%; background: linear-gradient(135deg, #FD5B3E 0%, #F500EC 100%); z-index:1; }
.aboutus .time_line .block_container.left { left:5%; }
.aboutus .time_line .block_container.left .blocks { text-align: right; padding-left:0; padding-right: 9em; }
.aboutus .time_line .block_container.left .blocks .row { flex-direction: row-reverse; }
.aboutus .time_line .block_container.left .blocks::before { left: calc(100% - 8em); }
.aboutus .time_line .block_container.left .blocks::after { left: 100%; }
.aboutus .time_line .block_container.left .year_circle { left: calc(100% - 2em); }
.aboutus .time_line .block_container.left .circle { left: calc(100% - 1em); }
.aboutus .time_line .content_widget:last-child .block_container .blocks::after { display:none; }
.portfolio_category { position:relative; width:100%; }
.portfolio_category img { max-width: inherit; }
.portfolio_category figure { position:relative; }
.portfolio_category figure img { display:block; position:relative; }
.portfolio_category figure figcaption { display: block; position:absolute; opacity:0; bottom:1em; left:0.5em; width: calc(100% - 1em); padding-top: 2em; height: auto; text-align: center; font-style: italic; font-weight: 200; background: linear-gradient(0deg, black 0%, rgba(0,0,0,0) 100%); transition-delay: 0.25s; transition-duration: 0.5s; }
.portfolio_category figure:hover figcaption { opacity: 1; }
.portfolio_category .portfolio_title { position:relative; padding:2em 1em; background: linear-gradient(180deg, black 0%, #4A00D6 100%); text-align:center; }
.portfolio_category .portfolio_title h3 { font-size: 4em; font-weight: 600; background: -webkit-linear-gradient(-30deg, #FC03F2 30%, #00C3FD 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.portfolio_category .portfolio_title .subtitle { font-size: 1.8em; font-weight:400; }
.portfolio_category .portfolio_title .portfolio_cat_row { display: block; position: relative; width: 100%; }
.portfolio_category .portfolio_title .portfolio_cat_row .pcategory_item { display: inline-block; padding: 0.25em 1em; margin-right: 0.5em; user-select: none; cursor: pointer; }
.portfolio_category .portfolio_title .portfolio_cat_row .pcategory_item.highlight { font-weight: bold; border-radius: 2em; background: linear-gradient(90deg, #EB00FF 0%, #FD5B3E 90%); }
.portfolio_category .portfolio_title .portfolio_cat_row .pcategory_item:last-child { margin-right:0; }
.portfolio_category .portfolio_title .portfolio_m_cat { display:none; }
.portfolio_category .portfolio_top_keyvisual { position:relative; background-position: center; background-size:cover; background-repeat: no-repeat; width:100%; height: 60vh; }
.portfolio_category .portfolio_top_keyvisual .portfolio_top_kv_cover { position:relative; width:100%; height:100%; background-color: rgba(0,0,0,0.5); }
.portfolio_category .portfolio_top_keyvisual .portfolio_top_kv_cover .portfolio_keyvisual_middle { position:relative; text-align:center; width:100%; top:50%; transform: translateY(-50%); }
.portfolio_category .portfolio_top_keyvisual .portfolio_top_kv_cover .portfolio_keyvisual_middle h5 { font-size: 4rem; }
.portfolio_category .portfolio_top_keyvisual .portfolio_top_kv_cover .portfolio_keyvisual_bottom { position: absolute; left:0; bottom:0; width:100%; }
.portfolio_category .portfolio_list { position:relative; padding-top: 1em; padding-bottom: 2em; background: linear-gradient(180deg, #4A00D6 0%,  black 90%); }
.portfolio_category .portfolio_list .pcategory_list { position:relative; width:100%; padding-left: 2em; padding-right: 2em; }
.portfolio_category .portfolio_list .pcategory_list .pcategory_item { font-size: 1em; font-weight: 400; position: relative; margin-bottom: 1em; width: max-content; }
.portfolio_category .portfolio_list .pcategory_list .pcategory_item.highlight { font-weight: 200; padding: 0.5em 2em; background: linear-gradient(90deg, #EB00FF 0%, #FD5B3E 90%); border-radius: 3em; overflow:hidden; }
.portfolio_category .portfolio_list .pcategory_list .pcategory_item.highlight:hover { text-decoration: none; }
.portfolio_category .portfolio_list .pcategory_list .pcategory_item:hover { text-decoration: underline; }
.portfolio_category .portfolio_list .portfolio_list_container { width: 100%; position: relative; display: block; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item { position: relative; flex-grow: 1; padding:1em; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item .portfolio_kv { display:block; position:relative; width:100%; height: 22vw; overflow:hidden; border-radius: 8px; margin-bottom: 0.5em; background-color:black; object-fit: cover; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item .portfolio_kv img { display:block; position:relative; top:0; left:0; width:100%; height:100%; opacity: 1; object-fit: cover; transition-duration: 0.5s; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item .portfolio_summary { position:relative; width: 100%; height: 3em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-0,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-5 { max-width: 60%; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-1,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-4 { max-width: 40%; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-2,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-3 { max-width: 50%; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-0 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-5 .portfolio_kv img { width:110%; left: -5%; opacity: 0.6; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-1 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-4 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-2 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-3 .portfolio_kv img { width:125%; left: -12.5%; opacity: 0.6; }
.portfolio_category .portfolio_list .portfolio_detail { position: relative; width:100%; }
.portfolio_category .portfolio_list .portfolio_detail img { max-width: 100%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image { display: block; position:relative; width:100%; padding-bottom: 2em; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_container,.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_laptop { position:relative; width:100%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_container .kv,.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_laptop .kv { display:block; position:absolute; width:74%; left:14%; top:4%; height:84%; overflow: hidden; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_container .kv img,.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_laptop .kv img { display:inline-block; position:relative; width:100%; min-height:100%; object-fit:cover; object-position:top; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_laptop img.laptop { display:block; position:relative; width:100%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_container { background-color:#000; border: 1px solid #eee; border-radius: 8px; padding:1em 0.75em; height: 40vh; overflow: hidden; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_rolling_image .portfolio_kv_container img { display:inline-block; position:relative; width:100%; min-height:100%; object-fit: cover; object-position:top; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_photo { position:relative; width:100%; left:0; right:0; margin:auto; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_photo img { display:block; position:relative; width:100%; object-fit:cover; border-radius: 8px; }
.portfolio_category .portfolio_list .portfolio_gallery { display:flex; width:100%; padding-top:1em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left { position:relative; width: 5%; flex-grow:1; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left .left_arrow { display:block; position:relative; left:0; width:4em; height:100%; right:0; margin: auto; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left .left_arrow::before { content:" "; display:block; position:absolute; width:4em; height:4em; left:0; top:calc(50% - 2em); transform: rotate(45deg); border-left:2px solid white; border-bottom:2px solid white; }
.portfolio_category .portfolio_list .portfolio_gallery .portfolio_gallery_container { position:relative; width:100%; flex-grow:1; overflow:hidden; }
.portfolio_category .portfolio_list .portfolio_gallery .portfolio_gallery_container .gallery_images { display:flex; flex-wrap: wrap; margin-top: -0.25em; margin-left: -0.25em; margin-right: -0.25em; }
.portfolio_category .portfolio_list .portfolio_gallery .portfolio_gallery_container .gallery_images img { flex:0; display:inline-block; max-width: calc(25% - 0.5em); object-fit:cover; border-radius:8px; margin: 0.25em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right { position:relative; width:5%; flex-grow:1; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right .right_arrow { display:block; position:relative; left:0; width:4em; height:100%; right:0; margin: auto; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right .right_arrow::before { content:" "; display:block; position:absolute; width:4em; height:4em; left:0; top:calc(50% - 2em); transform: rotate(45deg); border-right:2px solid white; border-top:2px solid white; }
.portfolio_prevnext_block { position:relative; width: 100%; clear:both; padding-top:0.25em; padding-bottom: 0.25em; }
.portfolio_prevnext_block .prev_block { position: relative; display:inline-block; float: left; }
.portfolio_prevnext_block .prev_block .arrow { position: relative; display:inline-block; background-color: #F500D9; width:4em; height:4em; border-radius: 2em; }
.portfolio_prevnext_block .prev_block .arrow::after { content:" "; position: absolute; left:45%; top: 50%; transform:translateY(-50%) rotate(45deg); width: 25%; height: 25%; border-bottom: 2px solid #999; border-left: 2px solid #999; }
.portfolio_prevnext_block .prev_block img { display:inline-block; width: 12em; height: 8em; object-fit: cover; border-radius:0.5em; }
.portfolio_prevnext_block .prev_block .text { position:relative; display:inline-block; }
.portfolio_prevnext_block .prev_block:hover .arrow { background-color: #72BE44; }
.portfolio_prevnext_block .prev_block:hover .arrow::after { border-color: black; }
.portfolio_prevnext_block .next_block { position: relative; display:inline-block; float: right; }
.portfolio_prevnext_block .next_block .arrow { position: relative; display:inline-block; background-color: #F500D9; width:4em; height:4em; border-radius: 2em; }
.portfolio_prevnext_block .next_block .arrow::after { content:" "; position: absolute; left:30%; top: 50%; transform:translateY(-50%) rotate(45deg); width: 25%; height: 25%; border-top: 2px solid #999; border-right: 2px solid #999; }
.portfolio_prevnext_block .next_block img { display:inline-block; width: 12em; height: 8em; object-fit: cover; border-radius: 0.5em; }
.portfolio_prevnext_block .next_block .text { position:relative; display:inline-block; }
.portfolio_prevnext_block .next_block:hover .arrow { background-color: #72BE44; }
.portfolio_prevnext_block .next_block:hover .arrow::after { border-color: black; }
.portfolio_prevnext_block .next_block:hover img { opacity:0.75; }
.portfolio_prevnext_block .next_block:hover .text { text-decoration: underline; }
.portfolio_item_container { position:relative; width: 100%; overflow-x: hidden; }
.portfolio_item_container figure img { display:block; position:relative; border-radius: 0.5em; overflow: hidden; }
.gallery_category { position:relative; width:100%; }
.gallery_category img { max-width: inherit; }
.gallery_category .gallery_title { position:relative; padding:2em 1em; background: linear-gradient(180deg, black 0%, #4A00D6 100%); text-align:center; }
.gallery_category .gallery_title h3 { font-size: 4em; font-weight: 600; background: -webkit-linear-gradient(-5deg, #FC03F2 35%, #00C3FD 70%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.gallery_category .gallery_title .subtitle { display: inline-block; margin-top:1em; }
.gallery_category .gallery_title .subtitle p { display: block; position: relative; left:0; right:0; width: 60%; margin:auto; }
.gallery_category .gallery_title .subtitle p:last-child { margin-bottom:0; }
.gallery_category .gallery_list { position:relative; width: 100%; background: linear-gradient(180deg, #4A00D6 0%, #9900EA 50%, #FD5B3E 90%); padding-bottom: 4em; }
.gallery_category .gallery_list .gallery_list_container { position:relative; width: 100%; display: flex; flex-wrap: wrap; }
.gallery_category .gallery_list .gallery_list_container .gallery_item { position: relative; padding: 0.5em; cursor: pointer; user-select: none; }
.gallery_category .gallery_list .gallery_list_container .gallery_item .keyvisual { position: relative; width: 100%; background-color: black; overflow:hidden; }
.gallery_category .gallery_list .gallery_list_container .gallery_item .keyvisual title { display: block; position: absolute; opacity: 0; bottom: 0; left: 0; width:100%; padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right: 1em; font-style: italic; color: white; text-align:center; background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.8)); transition-duration: 0.5s; }
.gallery_category .gallery_list .gallery_list_container .gallery_item.i0,.gallery_category .gallery_list .gallery_list_container .gallery_item.i5 { flex:0 0 50%; ms-flex:0 0 50%; width:50%; }
.gallery_category .gallery_list .gallery_list_container .gallery_item.i1,.gallery_category .gallery_list .gallery_list_container .gallery_item.i2,.gallery_category .gallery_list .gallery_list_container .gallery_item.i3,.gallery_category .gallery_list .gallery_list_container .gallery_item.i4 { flex:0 0 25%; ms-flex:0 0 25%; width:25%; }
.gallery_category .gallery_list .gallery_list_container .gallery_item img { display:block; position:relative; width:100%; left:0; opacity:1; height:21.75vw; object-fit:cover; transition-duration: 0.5s; }
.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i0 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i5 img { width: 120%; left: -10%; opacity: 0.6; }
.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i1 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i2 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i3 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i4 img { width: 200%; left: -50%; opacity: 0.6; }
.gallery_category .gallery_list .gallery_list_container .gallery_item:hover title { opacity: 1; }
.gallery_category .gallery_list .gallery_list_load_more { position:relative; width:100%; text-align:center; }
.webdesign .title_block .title { left:0; right:0; margin:auto; }
.webdesign .bg-cover { background-size:cover; background-repeat:no-repeat; background-position: bottom; }
.webdesign .section_price .widget_grid.col3auto .content_widget .widget_block { height: 100%; }
.webdesign .section_price .widget_grid.col3auto .content_widget .widget_block .widget_body { height: 100%; }
.webdesign .section_price .widget_grid.col3auto .content_widget .widget_block .widget_body .pricing_container { height: 100%; }
.webdesign .section_price .widget_grid.col3auto .content_widget .widget_block .widget_body .pricing_container .pricing_frame { height: 100%; }
.webdesign .webpage_shop_animate { position: relative; width: 100%; }
.webdesign .webpage_shop_animate img { object-fit:contain; }
.webdesign .webpage_shop_animate img:first-child { position: relative; width: 100%; }
.webdesign .webpage_shop_animate img:last-child { position: absolute; left:0; bottom: -5%; width: 30% !important; -webkit-animation: poping 5s infinite linear; animation: poping 5s infinite linear; }
.webdesign .col-fifth { flex: 0 0 20%; }
.webdesign .col3auto .content_widget { margin-bottom: 1em; }
.webdesign .center_text_area { position: relative; width:50%; left:0; right:0; margin:auto; }
.webdesign .icon-circle { width: 80%; height: 13.5vw; max-width: 12em; max-height: 12em; }
.webdesign .webdesign-shoppingcart { position:relative; width: 100%; }
.webdesign .webdesign-shoppingcart img { position:absolute; right:0; bottom: 0 !important; width:50% !important; -webkit-animation: moving-right 10s normal linear; animation: moving-right 10s normal linear; }
.webdesign .content_kv_animate_element { position:absolute; display:block; width: 30%; height: 30%; object-fit:contain; -webkit-animation: flashing 5s infinite linear; animation: flashing 5s infinite linear; }
.webdesign .content_kv_animate_element.item-0 { left: 15%; top: 15%; -webkit-animation-delay: 0.5s; animation-delay:0.5s; }
.webdesign .content_kv_animate_element.item-1 { left: 32%; top: 40%; -webkit-animation-delay: 0.1s; animation-delay:0.1s; }
.webdesign .content_kv_animate_element.item-2 { left: 15%; top: 65%; -webkit-animation-delay: 0.7s; animation-delay:0.7s; }
.webdesign .content_kv_animate_element.item-3 { left: 53%; top: 15%; -webkit-animation-delay: 0.2s; animation-delay:0.2s; }
.webdesign .content_kv_animate_element.item-4 { left: 50%; top: 40%; -webkit-animation-delay: 0.3s; animation-delay:0.3s; }
.webdesign .content_kv_animate_element.item-5 { left: 65%; top: 65%; -webkit-animation-delay: 0.6s; animation-delay:0.6s; }
.webdesign .webdesign_screenshots { position: relative; width: 100%; }
.webdesign .webdesign_screenshots .webdesign_border { display: block; position: relative; width: 90%; border-radius: 0.5em; }
.webdesign .webdesign_screenshots .desktop { display: block; position: relative; width: 90%; padding: 0.5em; border: 2px solid white; border-radius: 0.5em; }
.webdesign .webdesign_screenshots .desktop.right { right:0; width: 60%; }
.webdesign .webdesign_screenshots .desktop.bottom { bottom:0; }
.webdesign .webdesign_screenshots .mobile { display: block; position: absolute; right: 0; top: 25%; width: 30%; background-color: white; border: 2px solid white; border-radius: 0.5em; overflow:hidden; }
.webdesign .pricing_container { position:relative; width: 100%; }
.webdesign .pricing_container .pricing_frame { position: relative; width: 75%; left:0; right:0; margin:auto; padding: 2em 3em; min-height: 30em; border: 1px solid #999; border-radius: 0.5em; text-align:center; }
.webdesign .pricing_container .pricing_frame img { width: 4em !important; height: auto !important; }
.webdesign .pricing_container .pricing_frame ul { text-align:left; margin-bottom: 2em; }
.webdesign .pricing_container .pricing_frame .bottom_panel { position:absolute; left:0; width:100%; bottom: 1em; text-align: center; }
.image_gallery { display: flex; flex-wrap: wrap; }
.image_gallery figure { display:block; position: relative; flex-grow:0; flex-shrink:0; width: 33.33%; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 1em; }
.image_gallery figure img { display: block; width: 100%; position: relative; height: auto; }
.image_gallery figure figcapture { display: block; width: calc(100% - 1em); left: 0; right: 0; margin: auto; position: relative; text-align: center; font-style: italic; font-weight: 200; }
.image_gallery.gallery-1 figure { width: 100%; }
.image_gallery.gallery-2 figure { width: 50%; }
.image_gallery.gallery-4 figure:last-child { width: 100%; }
.image_gallery.gallery-5 figure:nth-last-child(2),.image_gallery.gallery-5 figure:last-child { width: 50%; }
.sidebar { position:relative; }
.sidebar.sticky { position:fixed; }
.sidebar .sidebar_widget { position: relative; margin-top: 1em; margin-bottom: 1em; }
.sidebar .sidebar_widget .widget_block { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_title { position:relative; padding:0.25em 1em; font-size: 1.25em; text-align: center; width:100%; border: 1px solid white; }
.sidebar .sidebar_widget .widget_block .widget_body { position:relative; width: 100%; padding-top:1em; padding-bottom:1em; }
.sidebar .sidebar_widget .widget_block .widget_body img { width:100%; object-fit: cover; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_messages { position:relative; width: 100%; overflow: hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_messages .message_block { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_messages.swap .message_block { position:absolute; left:100%; top:0; transition-duration:0.5s; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_messages.swap .message_block.active { position:relative; left:0; z-index:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner { position:relative; width: 100%; height: 12vw; overflow: hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner.have_link::before { content:" "; display:block; position:absolute; top:10px; left:10px; opacity: 0; width:0px; height:0px; border-top: 1px solid white; border-left: 1px solid white; transition-duration: 1s; z-index:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner.have_link::after { content:" "; display:block; position:absolute; bottom:10px; right:10px; opacity: 0; width:0px; height:0px; border-bottom: 1px solid white; border-right: 1px solid white; transition-duration: 1s; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner.have_link::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner.have_link::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner img { display:block; position: relative; width:100%; height:100%; object-fit:cover; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner .banner_text { position:absolute; top: 50%; width:100%; text-align:center; transform: translateY(-50%); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner .banner_text .banner_title { font-weight: 600; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner .banner_text .banner_description { font-size: 0.8em; font-weight: 300; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners { position: relative; width: 100%; overflow:hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .category_description { position:relative; width:100%; padding-left:1em; padding-right:1em; font-size:0.8em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout { position: relative; width: 100%; min-height: 12vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container { position: relative; width: 100%; height: 8vw; overflow: hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container.have_link::before { content:" "; display:block; position:absolute; top:10px; left:10px; opacity: 0; width:0px; height:0px; border-top: 1px solid white; border-left: 1px solid white; transition-duration: 1s; z-index:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container.have_link::after { content:" "; display:block; position:absolute; bottom:10px; right:10px; opacity: 0; width:0px; height:0px; border-bottom: 1px solid white; border-right: 1px solid white; transition-duration: 1s; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container.have_link:hover::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container.have_link:hover::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container img { display: block; position: relative; width:100%; height:100%; object-fit:cover; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container .banner_text { position:absolute; top:50%; left:10%; width: 80%; text-align: center; user-select: none; -moz-user-select: none; transform: translateY(-50%); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container .banner_text .banner_title { font-weight: 600; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container .banner_text .banner_description { font-size: 0.8em; font-weight: 300; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container a { display: block; position: relative; width: 100%; height:100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container a:hover::after { content:" "; display: block; position: absolute; width: 100%; height: 100%; top:0; left:0; background-color:rgba(0,0,0,0.25); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout.swap .banner_container { position: absolute; left: 100%; top:0; opacity: 0; transition-duration: 0.5s; transition-delay: 0.25s; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout.swap .banner_container.active { left:0; opacity: 1; z-index: 1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout.list .banner_container { margin-bottom: 0.5em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout.grid { display:flex; flex-wrap: wrap; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout.grid .banner_container { width: calc(50% - 0.5em); flex: 1 1 calc(50% - 0.5em); height: 7vw; margin: 0.25em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery { position:relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery .gallery_item { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery .gallery_item img { display: block; width: 100%; position: relative; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery .gallery_item .gallery_text { position: absolute; bottom:0; left:0; width:100%; padding: 1em; text-align: center; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery .gallery_item .gallery_text title { display:block; font-size: 0.8em; font-weight: 600; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery .gallery_item .gallery_text description { display:block; font-size: 0.8em; font-weight: 300; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.swap { overflow:hidden; height: 15vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.swap .gallery_item { position:absolute; left:100%; opacity: 0; transition-duration: 0.5s; transition-delay: 0.25s; height:100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.swap .gallery_item img { max-height: inherit !important; height: 100%; object-fit:cover; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.swap .gallery_item.active { left:0; opacity:1; z-index:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.list .gallery_item { margin-bottom: 0.5em; height: 15vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.list .gallery_item img { height:100%; object-fit:cover; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.grid { display:flex; flex-wrap: wrap; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.grid .gallery_item { width: calc(50% - 0.5em); flex: 1 1 calc(50% - 0.5em); margin: 0.25em; height: 9vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.grid .gallery_item img { height: 100%; object-fit:cover; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products { position:relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box .product_image img { display: block; width: 100%; top:0; left:0; height: 100%; position: absolute; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box .product_image img:first-child { height: auto; position: relative; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box .product_info_row { display: flex; flex-wrap: warp; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box .product_info_row div { flex: 1 1 50%; width: 50%; padding: 1em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box .popup_buy_more { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products .product_box .product_information { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products.swap .product_box { position:absolute; left:100%; opacity: 0; transition-duration: 0.5s; transition-delay: 0.25s; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products.swap .product_box.active { left:0; opacity:1; z-index:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products.list .product_box { margin-bottom: 0.5em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products.grid { display:flex; flex-wrap: wrap; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_products.grid .product_box { width: calc(50% - 0.5em); flex: 1 1 calc(50% - 0.5em); margin: 0.25em; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block { display:flex; position:relative; width: 100%; max-height: 8vw; overflow: hidden; margin-bottom: 0.5em; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_keyvisual { flex: 1 1 30%; width: 30%; position: relative; background: none; margin:0; margin-right: 1em; height: 6.5vw; overflow:hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_keyvisual img { display:block; position:relative; width:100%; left:0; top:0; height: 100%; max-width: inherit; object-fit: cover; opacity: 1; transition-duration: 0.5s; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body { flex: 1 1 70%; width: 70%; padding:0; min-height: 0; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body .content_text { position:relative; top:50%; transform:translateY(-50%); width:100%; font-size: 1em; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body .content_title { font-size: 1em; font-weight: 600; text-align: left; padding:0; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body .content_title span { display:inline; position: relative; background-size: 0 2px; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-repeat: no-repeat; transition-duration: 0.5s; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body .content_sub_title { width: 100%; overflow: hidden; font-weight: 200; font-size: 0.8em; white-space: nowrap; text-overflow: ellipsis; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body .content_brief { text-overflow: ellipsis; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_body .content_publish_date { font-size: 0.8em; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block:hover .content_keyvisual img { left:-10%; top:-10%; width: 120%; height: 120%; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block:hover .content_body .content_title span { background-size: 100% 2px; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block:hover .content_body .content_publish_date { color: #F500D9; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list { position: relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block { display:flex; position:relative; width: 100%; max-height: 8vw; overflow: hidden; margin-bottom: 0.5em; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { flex: 1 1 30%; width: 30%; position: relative; background: none; margin-right: 1em; height: 6.5vw; overflow:hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual img { display:block; position: relative; width:100%; left:0; top:0; height: 100%; object-fit: cover; opacity: 1; transition-duration: 0.5s; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body { flex: 1 1 70%; width: 70%; padding:0; min-height: 0; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body .portfolio_text { position:relative; width:100%; top:50%; transform: translateY(-50%); font-size: 1em; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_title { font-size: 1em; font-weight: 600; text-align: left; padding:0; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_title span { display:inline; position: relative; background-size: 0 2px; background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%); background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); background-position: 0 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-repeat: no-repeat; transition-duration: 0.5s; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_subtitle { width: 100%; overflow: hidden; font-weight: 200; font-size: 0.85em; white-space: nowrap; text-overflow: ellipsis; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_brief { text-overflow: ellipsis; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_body .project_date { font-size: 0.8em; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block:hover .portfolio_keyvisual img { width: 120%; left: -10%; top:-10%; height: 120%; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block:hover .portfolio_body .project_title span { background-size: 100% 2px; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block:hover .portfolio_body .project_date { color: #F500D9; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes { position:relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes .widget_yt_container { position: relative; width: 100%; user-select:none; cursor: pointer; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes .widget_yt_container .widget_yt_player_thumbnail { overflow:hidden; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes .widget_yt_container .widget_yt_player_thumbnail::after { content:" "; display: block; position: absolute; width:3em; height:3em; background-image:url(../svg/icon_playbutton.svg); background-size:cover; background-repeat:no-repeat; left:0; right:0; top:0; bottom:0; margin:auto; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes .widget_yt_container:hover .widget_yt_player_thumbnail::after { background-image:url(../svg/icon_playbutton-2.svg); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes .widget_yt_player_container { display:block; width: 100%; position: relative; height: 12vw; user-select:none; cursor: pointer; margin-bottom: 1em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container { display:flex; flex-wrap: nowrap; margin-bottom: 1em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail { display:block; position: relative; width: 30%; flex: 1 1 30%; margin-right: 0.5em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail img { display:block; position: relative; height:6vw; top:50%; transform: translateY(-50%); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .title { position: relative; margin-left: 0.5em; font-size: 0.8em; width: 70%; flex: 1 1 30%; min-height: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .title span { display:block; position: relative; width: 100%; top:50%; transform: translateY(-50%); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.grid { display:flex; flex-wrap: wrap; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.grid .widget_yt_container { flex: 1 1 50%; width: 50%; max-width: 50%; height: auto; padding: 0.5em; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.grid .widget_yt_container .widget_yt_player_thumbnail { display:block; position:relative; width: 100%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.grid .widget_yt_container .widget_yt_player_thumbnail img { display:block; position: relative; height: 6vw; top:50%; transform: translateY(-50%); }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.grid .widget_yt_container .title { position:relative; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.8em; }
.widget_grid { display:flex; flex-wrap: wrap; width: 100%; }
.widget_grid .sidebar_banner { position: relative; width: 100%; }
.widget_grid .sidebar_banner img { display:block; position: relative; }
.widget_grid .sidebar_banner .banner_text { position:absolute; bottom:0; left:0; width: 100%; padding-top:1em; padding-bottom:1em; background: linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); text-align: center; color:white; font-size: 1.2em; }
.widget_grid .sidebar_banners { position: relative; width: 100%; }
.widget_grid .sidebar_banners .banner_layout { position: relative; width: 100%; overflow:hidden; }
.widget_grid .sidebar_banners .banner_layout .banner_container { position: relative; width: 100%; height: 100%; }
.widget_grid .sidebar_banners .banner_layout .banner_container img { height: 22vw; object-fit: cover; }
.widget_grid .sidebar_banners .banner_layout .banner_container .banner_text { position:absolute; bottom:0; left:0; width: 100%; padding-top:1em; padding-bottom:1em; background: linear-gradient(180deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); text-align: center; color:white; font-size: 1.2em; }
.widget_grid .sidebar_banners .banner_layout.swap .banner_container { position: absolute; left: 100%; top:0; width: 100%; opacity: 0; transition-duration: 0.5s; }
.widget_grid .sidebar_banners .banner_layout.swap .banner_container.active { position: relative; left:0; opacity: 1; }
.widget_grid.col2auto .content_widget { position: relative; flex: 0 0 50%; width: 50%; padding:0.5em; }
.widget_grid.col2auto .content_widget img { width:100%; object-fit: cover; }
.widget_grid.col2auto.total_col_1 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.widget_grid.col2auto .sidebar_banner { height: 20vw; }
.widget_grid.col2auto .sidebar_banners .banner_layout { height: 24vw; }
.widget_grid.col2auto .sidebar_banners .banner_layout .banner_container { height: 100%; }
.widget_grid.col3auto .content_widget { position: relative; flex: 0 0 33.33%; width: 33.33%; padding:0.5em; }
.widget_grid.col3auto .content_widget img { width:100%; object-fit: cover; }
.widget_grid.col3auto.total_col_1 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.widget_grid.col3auto.total_col_2 .content_widget:nth-last-child(-n + 2) { flex: 0 0 50%; width: 50%; }
.widget_grid.col3auto .sidebar_banner { height: 15vw; }
.widget_grid.col3auto .sidebar_banners .banner_layout { height: 15vw; }
.widget_grid.col3auto .sidebar_banners .banner_layout .banner_container { height: 100%; }
.widget_grid.swap { display: block; overflow:hidden; height: 30vw; }
.widget_grid.swap .content_widget { position: absolute; top:0; left:100%; width: 100%; height: 30vw; overflow: hidden; opacity:0; transition-duration: 0.5s; }
.widget_grid.swap .content_widget img { width: 100%; height: 100%; object-fit: cover; }
.widget_grid.swap .content_widget.active { left:0; opacity: 1; }
.widget_grid.swap .sidebar_banner { height: 30vw; }
.widget_grid.swap .sidebar_banners .banner_layout { height: 30vw; }
.widget_grid.swap .sidebar_banners .banner_layout .banner_container { height: 100%; }
.widget_grid.swap .widget_col_left_arrow { position: absolute; left: -2em; width: 4em; height: 4em; top: 50%; transform: translateY(-50%); background-color: #662d91; border-radius: 2em; }
.widget_grid.swap .widget_col_left_arrow::after { content:" "; display:block; position: absolute; left: 1em; top: 1em; width: 2em; height: 2em; border-bottom:2px solid ; border-left:2px solid ; transform: rotate(45deg); }
.widget_grid.swap .widget_col_left_arrow:hover { background-color: #265178; }
.widget_grid.swap .widget_col_right_arrow { position: absolute; right: -2em; width: 4em; height: 4em; top: 50%; transform: translateY(-50%); background-color: #662d91; border-radius: 2em; }
.widget_grid.swap .widget_col_right_arrow::after { content:" "; display:block; position: absolute; left: 1em; top: 1em; width: 2em; height: 2em; border-top:2px solid ; border-right:2px solid ; transform: rotate(45deg); }
.widget_grid.swap .widget_col_right_arrow:hover { background-color: #265178; }
.widget_grid.swap .widget_col_indicators { position: absolute; left:0; bottom: 0.25em; width: 100%; white-space: nowrap; text-align: center; }
.widget_grid.swap .widget_col_indicators .widget_col_indicator { position: relative; display: inline-block; width: 1em; height: 1em; margin-right: 0.5em; background-color: white; border-radius: 0.5em; }
.widget_grid.swap .widget_col_indicators .widget_col_indicator:last-child { margin-right: 0; }
.widget_grid.swap .widget_col_indicators .widget_col_indicator.active { background-color: #662d91; }
.widget_grid.grid .content_widget { position: relative; flex: 0 0 33.33%; width: 33.33%; }
.widget_grid.grid .content_widget img { width:100%; height: 15vw; object-fit: cover; }
.widget_grid.grid .sidebar_banner { height: 15vw; }
.widget_grid.grid .sidebar_banners .banner_layout { height: 15vw; }
.widget_grid.grid .sidebar_banners .banner_layout .banner_container { height: 100%; }
.widget_grid.threeone .content_widget { position: relative; flex: 0 0 auto; width: 25%; padding: 1px; }
.widget_grid.threeone .content_widget img { width: 100%; object-fit: cover; }
.widget_grid.threeone .content_widget:nth-child(3n + 1) { width: 50%; }
.widget_grid.threeone.total_col_2 .content_widget:nth-last-child(2) { width: 75%; }
.widget_grid.threeone.total_col_2 .content_widget:last-child { width: 25%; }
.widget_grid.onethree .content_widget { position: relative; flex: 0 0 auto; width: 25%; padding: 1px; }
.widget_grid.onethree .content_widget img { width: 100%; object-fit: cover; }
.widget_grid.onethree .content_widget:nth-child(3n) { width: 50%; }
.widget_grid.onethree.total_col_2 .content_widget:nth-last-child(2) { width: 25%; }
.widget_grid.onethree.total_col_2 .content_widget:last-child { width: 75%; }
.widget_block.keyvisual_block { position: relative; width: 100%; }
.widget_block.keyvisual_block .widget_keyvisual { position: relative; width: 100%; }
.widget_block.keyvisual_block .widget_keyvisual .content_key_visual { width: 100%; position: relative; }
.widget_block.keyvisual_block .widget_keyvisual .content_key_visual img { max-width:100%; width: auto; }
.widget_block.keyvisual_block .widget_keyvisual .content_key_visual img:first-child { width: 100%; }
@media only screen and (max-width:1600px) {
.site .title_block { width:40%; }
}
@media only screen and (max-width:1400px) {
.MAIN_PAGE .gallery_countdown { height: 25em; }
.MAIN_PAGE .content_kv_animate_element { width: 6em !important; }
.about_banner .banner_text_container .body_text .center_text_area { width: 80%; }
.aboutus .center_text_area { width:80%; }
.webdesign .center_text_area { width:65%; }
}
@media only screen and (max-width:1200px) {
.site-container { padding-left:60px; padding-right:60px; }
.count-down-box .count-down-text { font-size: 0.8em; }
.container85 { width:90%; }
.desktop_only { display:none; }
.tablet_only { display:block; }
.mobile_only { display:none; }
.desktop_flex_only { display:none; }
.tablet_flex_only { display:flex; }
.mobile_flex_only { display:none; }
.latest_content { padding-left:0; padding-right:0; }
.latest_content .latest_kv_container { height:20vw; }
.site .image_placeholder { min-height:30vw; }
.site .title_block { width:50%; }
.site .icon-circle { width:8em; height:8em; }
.testimonial_left_button { left:3em; width:5em; }
.testimonial_left_button:before { top:calc(50% - 1.5em); width:3em; height:3em; }
.testimonial_right_button { right:1em; width:5em; }
.testimonial_right_button:before { top:calc(50% - 1.5em); width:3em; height:3em; }
.testimonial_container { width:75%; left: 12.5%; }
.pb_1_banners .banner_title { font-size:2.75em; }
.pb_1_banners .banner_description { padding: 3em; left:1em; width: calc(100% - 2em); }
.pb_1_banners .banner_description span { font-size:1.1em; }
.content_category .contents_list .contents_list_container .grid .content_item_container { flex: 0 0 33.33333%; ms-flex: 0 0 33.33333%; width: 33.33333%; }
.content_category .contents_list .contents_list_container .grid .content_item_container .content_item .content_kv_container .content_kv { height: 16vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container { margin-right: 1em; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container .content_kv { height: 20vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_text_container { flex: 1 1 58%; ms-flex:1 1 58%; width: 58%; }
.main_banner_text { font-size:3em !important; }
.main_banner_text p { min-width: inherit !important; }
.about_title { font-size: 2em; }
.MAIN_PAGE .about_title,.MAIN_PAGE .about_body { width:85% !important; }
.MAIN_PAGE .section_two { padding-left: 60px; padding-right: 60px; }
.MAIN_PAGE .section_three { padding-left: 60px; padding-right: 60px; }
.MAIN_PAGE .content_kv_animate_element { width: 5em !important; }
.aboutus .contact_name { font-size: 2.5em; }
.aboutus .section_one { margin-top:-10vh ; padding-left: 6em ; padding-right: 6em ; }
.aboutus .section_one .left_col .job_title { margin-top: 2em ; }
.aboutus .section_one .left_col .job_description { max-width: 100% ; }
.aboutus .section_one .right_col .small_circle_image { right:2em ; width:8em ; height:8em ; }
.aboutus .section_one .right_col .circle_image { width: 80% ; left:10% ; margin-top: 2em ; }
.aboutus .second_section { margin-top:-10vh ; padding-top:10vh ; }
.aboutus .second_section .section_two { padding-left: 6em ; padding-right: 6em ; }
.aboutus .second_section .section_two .left_col .small_circle_image { top:1em ; left:2em ; width:8em ; height:8em ; }
.aboutus .second_section .section_two .left_col .circle_image { margin-top: 2em ; width:80% ; left:10% ; }
.aboutus .second_section .section_two .right_col .job_title { margin-top: 4em ; }
.aboutus .second_section .section_two .right_col .job_description { max-width: 100% ; }
.aboutus .section_three { margin-top:-1px; }
.aboutus .section_four { margin-top:-1px; padding-left:6em; padding-right:6em; }
.aboutus .section_five { margin-top:-1px; }
.aboutus .section_testimonial { margin-top:-1px; }
.aboutus .circle_block .small_circle_image { margin-left:60%; width:8em !important; height:8em !important; }
.aboutus .circle_block .circle_image { width: 80% !important; left:10% !important; margin-top: 2em ; }
.portfolio_category .portfolio_list { padding-left: 7.5%; padding-right: 7.5%; }
.gallery_category .gallery_title .subtitle p { width:80%; }
.webdesign .col3auto .content_widget { flex: 0 0 50%; width: 50%; }
}
@media only screen and (max-width:1024px) {
.site-container { padding-left:50px; padding-right:50px; }
.container85 { width:95%; }
.site .title_block { width: 100%; }
.site .title_block h3.title { font-size: 3rem; }
.site .title_block .description { padding-left:2em; padding-right:2em; }
.site .icon-circle { width:6em; height:6em; }
.pb_1_banners { height: 50vh; }
.pb_1_banners .banner_video { height: 50vh; }
.pb_1_banners .banner_title { font-size:2.25em; }
.pb_1_banners .banner_description { padding: 2em; }
.pb_1_banners .banner_description span { font-size:1em; }
.content_page .content_page_banner .banner_text_container { left:10%; width:80%; }
.content_page .content_page_banner .banner_text_container h3 { font-size:3em; }
.content_page .rolling_image .keyvisual_container { height: 40vw; }
.circle_block { -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
.gradient_line { font-weight:400; padding-right:0; }
.about_title { font-size: 1.75em !important; }
.MAIN_PAGE .about_block { padding-top:0  !important; padding-bottom:0  !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
.MAIN_PAGE .about_title,.MAIN_PAGE .about_body { width:90% !important; }
.MAIN_PAGE .section_one { font-weight: 400; }
.MAIN_PAGE .section_two { font-weight: 400; padding-left: 50px; padding-right: 50px; }
.MAIN_PAGE .section_three { padding-left: 50px; padding-right: 50px; }
.MAIN_PAGE .main_our_services .widget_grid { flex-wrap: wrap; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget { width: 13%; }
.MAIN_PAGE .gallery_countdown { height: 20em; }
.MAIN_PAGE .content_kv_animate_element { width: 3em !important; }
.about_banner .banner_text_container .body_text .center_text_area { width: 90%; }
.flip-card { font-size: 0.8em; }
.aboutus .section_one { margin-top:-10vh ; padding-left: 6em ; padding-right: 6em ; }
.aboutus .section_one .left_col { -ms-flex: 0 0 100% ; flex: 0 0 100% ; max-width: 100% ; width:100% ; }
.aboutus .section_one .right_col { margin-top: -90%; margin-left: 50%; }
.aboutus .center_text_area { width:90%; }
.portfolio_category .portfolio_list { padding-left: 5%; padding-right: 5%; }
.portfolio_prevnext_block .prev_block img { width: 8em; }
.portfolio_prevnext_block .next_block img { width: 8em; }
.gallery_category .gallery_title .subtitle p { width:90%; }
.webdesign .section { padding-left:5%; padding-right:5%; }
.webdesign .center_text_area { width:75%; }
.webdesign .icon-circle { width:10vw !important; height:10vw !important; }
.webdesign .pricing_container .pricing_frame { width: 80%; }
.image_gallery.gallery-3 figure { width: 50%; }
.image_gallery.gallery-3 figure:last-child { width: 100%; }
.image_gallery.gallery-4 figure { width: 50%; }
.image_gallery.gallery-5 figure { width: 50%; }
.image_gallery.gallery-5 figure:last-child { width: 100%; }
.image_gallery.gallery-6 figure { width: 50%; }
}
@media only screen and (max-width:992px) {
header { height:3.5em; }
.website-logo { height:2.6em; }
footer { font-size:0.8em; }
footer .form-control { font-size:1em; }
footer .footer_testimonial_left_button { height:6em; }
footer .footer_testimonial_right_button { height:6em; }
.pb_1_banners .banner_video { left: 0; width: 100%; }
.content_banner_area .banner_text h3 { font-size: 3em; }
.content_detail .content_title h3 { font-size: 2em; }
.content_detail .content_keyvisual img { height: 30vh; }
.content_detail .content_keyvisual .title h3 { font-size: 3em; }
.content_detail .content_body .content_title { font-size: 2em; }
.content_detail .content_body .widget_grid.col2auto .content_widget { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.col2auto .content_widget img { height: 34vw; object-fit: cover; }
.content_detail .content_body .widget_grid.col2auto .sidebar_banner { height: 34vw; }
.content_detail .content_body .widget_grid.col2auto .sidebar_banners .banner_layout { height: 34vw; }
.content_detail .content_body .widget_grid.col3auto .content_widget { flex: 0 0 50%; width: 50%; }
.content_detail .content_body .widget_grid.col3auto .content_widget img { height: 20vw; }
.content_detail .content_body .widget_grid.col3auto.total_col_1 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.col3auto.total_col_0 .content_widget:last-child,.content_detail .content_body .widget_grid.col3auto.total_col_2 .content_widget:last-child { flex: 0 0 50%; width: 50%; }
.content_detail .content_body .widget_grid.col3auto .sidebar_banner { height: 22vw; }
.content_detail .content_body .widget_grid.col3auto .sidebar_banners .banner_layout { height: 22vw; }
.content_detail .content_body .widget_grid.grid .content_widget { flex: 0 0 50%; width: 50%; }
.content_detail .content_body .widget_grid.grid .content_widget img { height: 24vw; }
.content_detail .content_body .widget_grid.grid .sidebar_banner { height: 24vw; }
.content_detail .content_body .widget_grid.grid .sidebar_banners .banner_layout { height: 24vw; }
.content_category .content_title h3 { font-size:3em; }
.content_category .contents_list .contents_list_container .grid .content_item_container { flex: 0 0 50%; ms-flex: 0 0 50%; width: 50%; }
.content_category .contents_list .contents_list_container .grid .content_item_container .content_item .content_kv_container .content_kv { height:28vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container { flex: 0 0 30%; ms-flex: 0 0 30%; width: 30%; margin-right: 1em; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container .content_kv { height: 25vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_text_container { flex: 1 1 68%; ms-flex:1 1 68%; width:68%; }
.MAIN_PAGE .gallery_countdown { height: 15em; }
.portfolio_category figure figcaption { position:relative; left:0; bottom:inherit; opacity:1; width: 100%; padding-top: 0; background:inherit; }
.portfolio_category .portfolio_title h3 { font-size: 3em; }
.portfolio_category .portfolio_title .subtitle { font-size: 1.4em; }
.portfolio_category .portfolio_top_keyvisual { height: 40vh; }
.portfolio_category .portfolio_top_keyvisual .portfolio_top_kv_cover .portfolio_keyvisual_middle h5 { font-size: 3rem; }
.portfolio_category .portfolio_list .pcategory_list { display:grid; grid-template-columns: repeat( auto-fit, minmax(15%, 1fr) ); }
.portfolio_category .portfolio_list .pcategory_list .pcategory_item { grid-column: span 1; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item .portfolio_kv { height: 30vw; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-0,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-1,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-2,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-3,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-4,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-5 { max-width:50%; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-0 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-1 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-2 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-3 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-4 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-5 .portfolio_kv img { width:125%; left: -12.5%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_detail_top .portfolio_kv { width:100%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_detail_top .portfolio_kv .portfolio_kv_container { left:10%; width:80%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_detail_top .portfolio_kv .portfolio_kv_container img { height:30vh; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_photo { width:100%; padding-left:0.25em; padding-right:0.25em; }
.portfolio_category .portfolio_list .portfolio_gallery { display:block; position:relative; width:100%; margin-left:0; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left { width: 2.5em; position:absolute; top:1em; left:0; height: 100%; z-index:1; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left .left_arrow { width:2.5em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left .left_arrow::before { width:2.5em; height:2.5em; top:calc(50% - 1.25em); }
.portfolio_category .portfolio_list .portfolio_gallery .portfolio_gallery_container { width:100%; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right { width:2.5em; height: 100%; position:absolute; top:1em; right:0; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right .right_arrow { width:2.5em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right .right_arrow::before { width:2.5em; height:2.5em; top:calc(50% - 1.25em); }
.gallery_category .gallery_title h3 { font-size:3em; }
}
@media only screen and (max-width:768px) {
.site .image_placeholder { width:90%; }
.site .title_block h3.title { font-size: 2rem; }
.site .section.max_tb { padding-top: 3em; padding-bottom: 3em; }
.site .icon-circle { width:18vw; height:18vw; margin-bottom: 0.5em; }
.vertical_middle .widget_body { top:0; transform: inherit; }
.testimonial_left_button { left:2em; width:4em; }
.testimonial_left_button:before { top:3em; width:2em; height:2em; }
.testimonial_right_button { right:0; width:4em; }
.testimonial_right_button:before { top:3em; width:2em; height:2em; }
.testimonial_container { width: 70%; left: 15%; height: 45vh; }
.testimonial_container .testimonial_item .content .testimonial_person_photo { width:50%; }
footer .footer_testimonial { padding-left:1%; padding-right:1%; }
footer .footer_testimonial_left_button { left:-1em; }
footer .footer_testimonial_right_button { right:-1em; }
footer .testimonial_container { font-size: 0.8em; }
footer .testimonial_container .testimonial_item .content .testimonial_person_photo { width: 4.8em; }
.pb_1_banners .banner_description { padding-left: 1em; }
.content_detail .content_body .content_widget .sidebar_banner { height: 34vw; }
.content_detail .content_body .content_widget .sidebar_banner.have_link::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banner.have_link::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout { min-height: 34vw; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container { height: 34vw; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container.have_link::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banners .banner_layout .banner_container.have_link::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.content_detail .content_body .content_widget .sidebar_banners .grid { height: 20vw; }
.content_detail .content_body .content_widget .sidebar_gallery.swap { height: 34vw; }
.content_detail .content_body .content_widget .sidebar_gallery.list .gallery_item { height: 34vw; }
.content_detail .content_body .content_widget .sidebar_gallery.grid .gallery_item { height: 20vw; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block { max-height: 15vw; }
.content_detail .content_body .content_widget .content_widget_list .content_widget_block .content_keyvisual { max-width: 15vw; height: 15vw; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block { max-height: 15vw; }
.content_detail .content_body .content_widget .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { max-width: 15vw; height: 15vw; }
.content_detail .content_body .content_widget .sidebar_youtubes .widget_yt_player_container { height: 30vw; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail { width:40%; flex: 1 1 40%; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail img { height: 12vw; }
.content_detail .content_body .content_widget .sidebar_youtubes.list .widget_yt_container .title { width: 60%; flex: 1 1 60%; }
.content_detail .content_body .content_widget .sidebar_youtubes.grid .widget_yt_container .widget_yt_player_thumbnail { height: 12vw; }
.MAIN_PAGE .section_two { padding-left: 30px; padding-right: 30px; }
.MAIN_PAGE .section_two .widget_grid .content_widget { padding-left:0; padding-right:0; }
.MAIN_PAGE .section_two .widget_grid .content_widget .widget_block.text_block { height:inherit; padding:0; }
.MAIN_PAGE .section_two .widget_grid .content_widget .widget_block.text_block .widget_body { top:0; transform: inherit; }
.MAIN_PAGE .main_our_services .widget_grid { flex-wrap: wrap; padding-left:0; padding-right:0; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget { width: 30%; }
.MAIN_PAGE .col2auto .content_widget { padding-left:0 !important; padding-right:0 !important; }
.MAIN_PAGE .section_three { padding-left: 30px; padding-right: 30px; }
.MAIN_PAGE .content_kv_animate_element { width: 5em !important; }
.MAIN_PAGE .gallery_countdown { height: 20em; }
.aboutus .time_line .block_container { left: 5%; width: 90%; }
.aboutus .time_line .block_container.left { left: 5%; }
.aboutus .time_line .block_container.left .blocks { text-align: left; padding-left: 9em; padding-right: 0; }
.aboutus .time_line .block_container.left .blocks::before { left: 0; }
.aboutus .time_line .block_container.left .blocks::after { left: -1px; }
.aboutus .time_line .block_container.left .year_circle { left: -2em; }
.aboutus .time_line .block_container.left .circle { left: -1em; }
.aboutus .time_line .block_container.left .row { flex-direction: inherit; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner { height: 34vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner.have_link::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banner.have_link::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout { min-height: 34vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container { height: 34vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container.have_link::before { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .banner_layout .banner_container.have_link::after { width:calc(100% - 20px); height:calc(100% - 20px); opacity:1; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_banners .grid { height: 20vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.swap { height: 34vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.list .gallery_item { height: 34vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_gallery.grid .gallery_item { height: 20vw; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block { max-height: 15vw; }
.sidebar .sidebar_widget .widget_block .widget_body .content_widget_list .content_widget_block .content_keyvisual { height: 15vw; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block { max-height: 15vw; }
.sidebar .sidebar_widget .widget_block .widget_body .portfolio_widget_list .portfolio_widget_block .portfolio_keyvisual { height: 15vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes .widget_yt_player_container { height: 30vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail { width:40%; flex: 1 1 40%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .widget_yt_player_thumbnail img { height: 12vw; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.list .widget_yt_container .title { width: 60%; flex: 1 1 60%; }
.sidebar .sidebar_widget .widget_block .widget_body .sidebar_youtubes.grid .widget_yt_container .widget_yt_player_thumbnail { height: 12vw; }
.widget_grid.col2auto .content_widget { flex: 0 0 100%; width: 100%; }
.widget_grid.col2auto.total_col_1 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.widget_grid.col3auto .content_widget { position: relative; flex: 0 0 100%; width: 100%; }
.widget_grid.col3auto.total_col_2 .content_widget:nth-last-child(-n + 2) { flex: 0 0 100%; width: 100%; }
.widget_grid.grid .content_widget { position: relative; flex: 0 0 100%; width: 100%; }
.widget_grid.threeone .content_widget { position: relative; flex: 0 0 auto; width: 100%; padding: 1px; }
.widget_grid.threeone .content_widget:nth-child(3n + 1) { width: 100%; }
.widget_grid.threeone.total_col_2 .content_widget:nth-last-child(2) { width: 100%; }
.widget_grid.threeone.total_col_2 .content_widget:last-child { width: 100%; }
.widget_grid.onethree .content_widget { position: relative; flex: 0 0 auto; width: 100%; padding: 1px; }
.widget_grid.onethree .content_widget:nth-child(3n) { width: 100%; }
.widget_grid.onethree.total_col_2 .content_widget:nth-last-child(2) { width: 100%; }
.widget_grid.onethree.total_col_2 .content_widget:last-child { width: 100%; }
}
@media only screen and (max-width:767px) {
.site-container { padding-left:1em; padding-right:1em; }
.container85 { width:100%; }
.container_404 .big_title { font-size:3rem; }
.footer_filler { display:none; }
.text-md-center { text-align:left; }
.latest_content .latest_kv_container { height:45vw; }
footer { font-size:1em; }
}
@media only screen and (max-width:640px) {
.group_list .group_item { padding: inherit; }
.group_list .group_item.highlight { padding: 0.25em 0.5em; }
.desktop_only { display:none; }
.tablet_only { display:none; }
.mobile_only { display:block; }
.desktop_flex_only { display:none; }
.tablet_flex_only { display:none; }
.mobile_flex_only { display:flex; }
.count-down-box { height: 30vh; }
.container_404 .big_title { font-size:2rem; }
.mobile-menu .mobile-menu-holder { width:75%; left:175%; }
header .desktop-header { display:none; }
header .mobile-header { display:block; }
header .mobile-header .mobile-lang { right:0; }
header .mobile-header .mobile-lang .language-btn { font-size:1.1em; }
.mobile-padding-left-half { padding-left: 0.25em; }
.mobile-padding-right-half { padding-left: 0.25em; }
footer .footer-sp-row { display:block; position:relative; padding-right:0; flex-wrap:inherit; padding-bottom:2em; }
footer .footer-sp-row .footer-sp-col { display:flex; flex-grow: inherit; width:100%; text-align:left; padding-right:0; margin-bottom:0.5em; }
footer .footer-sp-row .footer-sp-col .footer-round-image { flex-grow:1; width:15%; padding-right:0.25em; }
footer .footer-sp-row .footer-sp-col .footer-sp-text { flex-grow:1; width: 75%; transform:translateY(80%); padding-top:inherit; }
footer .gradient_text_color { font-size: 1.5em; }
footer form textarea { max-height: 6em; }
.latest_content .latest_kv_container { height: 28.5vh; }
.site .image_placeholder { min-height:40vw; }
.site .title_block { width:100%; }
.site .title_block h3.title { font-size: 1.5rem; }
.site .title_block .description { padding-left: 2em; padding-right: 2em; }
.pb_1_banners { height: 35vh; }
.pb_1_banners .banner_description { position: relative; width:100%; padding: 1em 0 0; }
.pb_1_banners .banner_description span { font-size:1em; top:0; transform: none; width:90%; }
.pb_1_banners .banner_description span p:first-child { display:none; }
.pb_1_banners .banner_title { font-size: 1.35em; top: 17.5vh; width:100%; left:0; text-align: center; bottom: inherit !important; }
.pb_1_banners .banner_video { height: 35vh; }
.content_banner_area .banner_text h3 { font-size: 2em; }
.content_detail .content_title h3 { font-size: 1.5em; }
.content_detail .content_keyvisual img { height: 40vh; }
.content_detail .content_keyvisual .title { padding-left:30px; padding-right: 30px; }
.content_detail .content_keyvisual .title h3 { font-size: 2em; }
.content_detail .content_body .content_title { font-size: 1.5em; }
.content_detail .content_body .widget_grid.col3auto .content_widget { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.col3auto .content_widget img { height: 35vw; }
.content_detail .content_body .widget_grid.col3auto.total_col_0 .content_widget:last-child,.content_detail .content_body .widget_grid.col3auto.total_col_1 .content_widget:last-child,.content_detail .content_body .widget_grid.col3auto.total_col_2 .content_widget:last-child { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.col3auto.total_col_0 .sidebar_banners .banner_layout,.content_detail .content_body .widget_grid.col3auto.total_col_1 .sidebar_banners .banner_layout,.content_detail .content_body .widget_grid.col3auto.total_col_2 .sidebar_banners .banner_layout { height: 35vw; }
.content_detail .content_body .widget_grid.grid .content_widget { flex: 0 0 100%; width: 100%; }
.content_detail .content_body .widget_grid.grid .content_widget img { height: 35vw; }
.content_detail .content_body .widget_grid.grid .sidebar_banners .banner_layout { height: 35vw; }
.content_category .contents_list .contents_list_style { display:none; }
.content_category .contents_list .contents_list_container { margin-left:0; margin-right:0; }
.content_category .contents_list .contents_list_container .grid .content_item_container { flex: 1 1 100%; ms-flex: 1 1 100%; width: 100%; }
.content_category .contents_list .contents_list_container .grid .content_item_container .content_item .content_kv_container .content_kv { height:45vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item { display: block; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container { flex: none; ms-flex:none; width:100%; margin-right:0; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_kv_container .content_kv { height: 45vw; }
.content_category .contents_list .contents_list_container .list .content_item_container .content_item .content_text_container { flex: none; ms-flex: none; width:100%; }
.content_page .content_page_banner { overflow:hidden; }
.content_page .content_page_banner .banner_text_container { top:0; position:absolute; }
.content_page .content_page_banner img { display:block; position:relative; left:-25%; width:150%; }
.main_banner_text { font-size:1.25em !important; }
.gradient_circle { width:25vw; height:25vw; }
.circle_block { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.about_title { font-size: 1.5em !important; }
.MAIN_PAGE .about_block { padding-top:0  !important; padding-bottom:0  !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.MAIN_PAGE .about_title { width: 100% !important; }
.MAIN_PAGE .about_body { width:100% !important; }
.MAIN_PAGE .section_one { padding: 1em !important; }
.MAIN_PAGE .section_one h3 { font-size: 2em !important; }
.MAIN_PAGE .section_service .service_tab { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
.MAIN_PAGE .section_two h3 { font-size: 2em !important; }
.MAIN_PAGE .main_our_services .widget_grid .content_widget { width: 45%; }
.MAIN_PAGE .gallery_countdown { height: 15em; left: -0.5em; width: calc(100% + 1em); }
.MAIN_PAGE .content_kv_animate_element { width: 4em !important; }
.MAIN_PAGE .gallery_item_container { overflow:hidden; }
.MAIN_PAGE .gallery_item_container .row .col { flex: 1 0 33.333vw; }
.about_banner { overflow:hidden; }
.about_banner img { position:absolute !important; }
.about_banner .banner_text_container { left:5% !important; width:90% !important; padding-top: 6em !important; padding-bottom: 6em !important; }
.about_banner .banner_text_container h3 { font-size:3em; }
.about_banner .banner_text_container .center_text_area { width:80%; }
.flip-card { height: 50vw; }
.aboutus .contact_name { font-size: 1.75em; }
.aboutus .center_text_area { width:80%; }
.aboutus .section_one { margin-top: -5vh ; padding-left: 2em ; padding-right: 2em ; }
.aboutus .section_one .left_col { padding-top:50%; -ms-flex: 0 0 100% ; flex: 0 0 100% ; max-width: 100% ; width:100% ; }
.aboutus .section_one .left_col .job_title { margin-top: 2em ; }
.aboutus .section_one .left_col .job_description { max-width: 100% ; }
.aboutus .section_one .right_col { display:block ; position:relative ; margin-top: -190% ; -ms-flex: inherit ; flex: inherit ; max-width: 100% ; width: 100% ; margin-left: 5%; }
.aboutus .section_one .right_col .small_circle_image { right:2em ; width:8em ; height:8em ; }
.aboutus .section_one .right_col .circle_image { width: 70% ; left:15% ; margin-top: -5em ; }
.aboutus .second_section .section_two { padding-left:2em ; padding-right:2em ; }
.aboutus .second_section .section_two .left_col { -ms-flex: 0 0 100% ; flex: 0 0 100% ; max-width: 100% ; width: 100% ; }
.aboutus .second_section .section_two .left_col .small_circle_image { width:8em ; height:8em ; }
.aboutus .second_section .section_two .left_col .circle_image { width: 70% ; left:15% ; }
.aboutus .second_section .section_two .right_col { -ms-flex: 0 0 100% ; flex: 0 0 100% ; max-width: 100% ; width: 100% ; }
.aboutus .second_section .section_two .right_col .job_title { margin-top: 1em; }
.aboutus .section_four { padding-left:2em; padding-right:2em; }
.aboutus .circle_block .small_circle_image { width:6em !important; height:6em !important; }
.aboutus .circle_block .circle_image { width: 70% !important; left:15% !important; }
.aboutus .time_line { margin-top: -2em; }
.aboutus .time_line .block_container .blocks { padding-left: 3.5em; margin-top: -0.25em; }
.aboutus .time_line .block_container .blocks::before { width: 3em; }
.aboutus .time_line .block_container .year_circle { left: -1.5em; top: -0.5em; width: 3em; height: 3em; line-height: 3em; }
.aboutus .time_line .block_container .circle { left: -0.75em; top: 0.25em; width: 1.5em; height: 1.5em; }
.aboutus .time_line .block_container.left .blocks { text-align: left; padding-left: 3.5em; padding-right: 0; }
.aboutus .time_line .block_container.left .blocks::before { left: 0; }
.aboutus .time_line .block_container.left .blocks::after { left: -1px; }
.aboutus .time_line .block_container.left .year_circle { left: -1.5em; }
.aboutus .time_line .block_container.left .circle { left: -0.75em; }
.portfolio_category .portfolio_title { padding:1em 2em; }
.portfolio_category .portfolio_title h3 { background: -webkit-linear-gradient(-30deg, #FC03F2 10%, #00C3FD 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin:0; }
.portfolio_category .portfolio_title .subtitle { font-size: 1em; }
.portfolio_category .portfolio_title .portfolio_cat_row { margin-top: 1em; }
.portfolio_category .portfolio_title .portfolio_cat_row .pcategory_item { margin-right: 0.1em; padding-top:0.25em; padding-bottom: 0.25em; padding-left:0; padding-right:0; }
.portfolio_category .portfolio_title .portfolio_cat_row .pcategory_item.highlight { padding-left:0.5em; padding-right:0.5em; }
.portfolio_category .portfolio_title .portfolio_cat_row .pcategory_item:last-child { margin-right:0; }
.portfolio_category .portfolio_top_keyvisual { height:30vh; }
.portfolio_category .portfolio_top_keyvisual .portfolio_top_kv_cover .portfolio_keyvisual_middle h5 { font-size: 2rem; }
.portfolio_category .portfolio_list { padding-left:1em; padding-right:1em; }
.portfolio_category .portfolio_list .pcategory_list { display:none; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item .portfolio_kv { height: 58vw; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-0,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-1,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-2,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-3,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-4,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item.pitem-5 { width:100%; max-width:100%; }
.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-0 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-1 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-2 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-3 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-4 .portfolio_kv img,.portfolio_category .portfolio_list .portfolio_list_container .portfolio_item:hover.pitem-5 .portfolio_kv img { width:110%; left: -5%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_detail_top .portfolio_kv { width:100%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_detail_top .portfolio_kv .portfolio_kv_container { left:0; width:100%; }
.portfolio_category .portfolio_list .portfolio_detail .portfolio_detail_top .portfolio_kv .portfolio_kv_container img { height:25vh; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left { width: 2em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left .left_arrow { width:2em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_left .left_arrow::before { width:2em; height:2em; top:calc(50% - 1em); border-left: 2px solid rgba(255,255,255,0.5); border-bottom: 2px solid rgba(255,255,255,0.5); }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right { width:2em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right .right_arrow { width:2em; }
.portfolio_category .portfolio_list .portfolio_gallery .gallery_right .right_arrow::before { width:2em; height:2em; top:calc(50% - 1em); border-right: 2px solid rgba(255,255,255,0.5); border-top: 2px solid rgba(255,255,255,0.5); }
.portfolio_prevnext_block .prev_block img { width: 5em; }
.portfolio_prevnext_block .next_block img { width: 5em; }
.gallery_category .gallery_list .gallery_list_container .gallery_item.i0,.gallery_category .gallery_list .gallery_list_container .gallery_item.i1,.gallery_category .gallery_list .gallery_list_container .gallery_item.i2,.gallery_category .gallery_list .gallery_list_container .gallery_item.i3,.gallery_category .gallery_list .gallery_list_container .gallery_item.i4,.gallery_category .gallery_list .gallery_list_container .gallery_item.i5 { flex: 1 1 100%; ms-flex: 1 1 100%; width: 100%; }
.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i0 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i1 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i2 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i3 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i4 img,.gallery_category .gallery_list .gallery_list_container .gallery_item:hover.i5 img { width:100%; left: 0; opacity:1; }
.gallery_category .gallery_list .gallery_list_container .gallery_item .keyvisual img { height:auto; }
.gallery_category .gallery_list .gallery_list_container .gallery_item .keyvisual title { position: relative; display: block; opacity: 1; padding: 0.25em 0.5em; }
.webdesign .section { padding-left:1em; padding-right:1em; }
.webdesign .theme_gallery .rolling_image .keyvisual_container { height: 30vh; }
.webdesign .icon-circle { width:20vw !important; height:20vw !important; }
.webdesign .webdesign_screenshots { margin-bottom: 10vh; }
.webdesign .col-fifth { flex: 0 0 50%; }
.webdesign .center_text_area { width:90%; }
.webdesign .pricing_container .pricing_frame { width: 90%; }
.image_gallery.gallery-1 figure,.image_gallery.gallery-2 figure,.image_gallery.gallery-3 figure,.image_gallery.gallery-4 figure,.image_gallery.gallery-5 figure,.image_gallery.gallery-6 figure { width: 100%; padding-bottom: 0; }
}
@media only screen and (min-width:1000px) {
.site-container >div { max-width:2000px; left:0; right:0; margin:auto; }
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes banner_zoomin {
    0% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 120%;
        left: -10%;
    }
}
@-webkit-keyframes banner_rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes banner_rotate20 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}
@-webkit-keyframes flashing {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.8;
    }
}
@-webkit-keyframes poping {
    0% {
        bottom: -5%;
    }
    50% {
        bottom: 5%;
    }
    100% {
        bottom: -5%;
    }
}
@-webkit-keyframes moving-right {
    0% {
        right: -50%;
    }
    100% {
        right:0;
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes banner_zoomin {
    0% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 120%;
        left: -10%;
    }
}
@keyframes banner_rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes banner_rotate20 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}
@keyframes flashing {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.8;
    }
}
@keyframes poping {
    0% {
        bottom: -5%;
    }
    50% {
        bottom: 5%;
    }
    100% {
        bottom: -5%;
    }
}
@keyframes moving-right {
    0% {
        right: -50%;
    }
    100% {
        right:0;
    }
}