/*
Theme Name: CMS Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: addisonwan_webdesigncompany_hongkong
*/
::selection {
    -webkit-text-fill-color: #fff!important;
    color: #fff!important;
    background-color: #b41999!important;
}
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: "entypo-fontello";
    font-weight: 400;
    font-style: normal;
    src: url(../addisonwan_webdesigncompany_hongkong/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3);
    src: url(../addisonwan_webdesigncompany_hongkong/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix) format("embedded-opentype"),
        url(../addisonwan_webdesigncompany_hongkong/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3) format("woff"), url(../addisonwan_webdesigncompany_hongkong/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3) format("truetype"),        url(../addisonwan_webdesigncompany_hongkong/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#webdesign-icon) format("svg");
}
#top label {
    font-weight: normal;
    font-size: 1em;
}
input, textarea, select{
    font: 400 14.5px/29px Roboto, sans-serif!important;
    letter-spacing: 1px;
}
.widget_nav_menu .current-menu-item>a, .widget_nav_menu .current_page_item>a {
    font-weight: normal;
}
.header-scrolled .main_menu ul > li > a {
    height: 90px!important;
    line-height: 90px!important
}
nav.sub_menu {
    top: 2px;
}
.home .hp-content, span.breadcrumb-title {
    display: none!important;
}
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    color: #444!important;
}
.avia_wpml_language_switch_extra li:first-child span.language_native {
    padding-left: 0px;
}
.avia_wpml_language_switch_extra li span.language_native {
    display: block;
    font-weight: normal;
    padding: 5px 4px;
    letter-spacing: .3px;
    line-height: 20px;
}
#top .widget_nav_menu li {
font-size: inherit;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    clear: both;
    padding-bottom: 5px;
}
.avia_wpml_language_switch_extra li.avia_current_lang span.language_native{
    color: #7c007c;
}
a.prev-slide:before {
    text-indent: 20px;
} 
a.next-slide:before {
    text-indent: -20px;
}
#top .avia-content-slider .avia-slideshow-arrows a {
    margin: -48px 0 0;
}
.avia-icon-list .iconlist_title {
    text-transform: none;
}
.av-iconlist-small .iconlist_title_small {
    line-height: 1.8em;
    padding-bottom: 3px;
}
h4.iconlist_title {
    font-size: 21px;
    padding-bottom: 0px;
}
#socket {
    font-size: 12px;
}
div.leform-cr-container div.leform-cr-label label {
    line-height:2.2em;
}
.leform-element label.leform-label {
    margin: 0 0 1em 0!important;
}
span.leform-required-symbol.leform-required-symbol-label-right {
    vertical-align: super;
}
div.leform-cr-container>div {
    vertical-align: middle!important;
}
.leform-element label.leform-label{
    font-size: 16px!important;
    line-height: 25px;
}
div.leform-cr-container {
    margin: 0 0 0px 0!important;
}
div.leform-progress {
    padding: 10px 0 40px 0!important;
}
article.slide-entry {
    display: inline-block;
    min-height: 250px;
}
.av-burger-overlay-active-delayed .current-menu-item .avia-menu-text, .html_av-overlay-full #av-burger-menu-ul li a:hover {
    color: #ff1990!important;
    opacity: 1;
}
.av-burger-overlay-bg {
    opacity: 0.8;
}
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    font-size: 30px;
}
#socket .social_bookmarks {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
body .aligncenter {
    padding: 0px!important;
}
a.copyright-webdesign {
    text-align: center;
    display: block;
    font-size: 13px;
}
section#More_Our_Hong_Kong_Web_Design_Company{margin:30px 0}
section#More_Our_Hong_Kong_Web_Design_Company p{text-align:left;line-height:30px;letter-spacing:1px;}
section#More_Our_Hong_Kong_Web_Design_Company h1.flip.gradient-text-purple-title{font-size:1.38em!important;font-weight:400;font-style:normal;line-height:33px;}
.flip{width:100%;max-width:calc(1280px - 120px);margin:0 auto;color:#800085!important;padding:10px;border-top:2px dotted #e1e1e1;border-bottom:2px dotted #e1e1e1;text-align:center}
.panel{padding:30px;max-width:calc(1280px - 80px);margin:0 auto;width:100%}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 10px;
    padding-top: 0px;
}
.av-main-nav > li > a {
    font-weight: normal;
    font-size: 14px;
}
.phone-info {
    font-weight: 400;
    font-size:11.5px;
    letter-spacing: .5px;
}
nav.sub_menu .avia_wpml_language_switch {
    border: 0;
    padding: 0;
    margin-left: -8px;
    font-size: 12px;
}
#top ul.avia_wpml_language_switch li:first-child {
    margin-left: 0px;
}
#top .avia-font-icon,
body .avia-font-icon,
html body [data-av_iconfont="entypo-fontello"]:before {
    font-family: "entypo-fontello";
}
.html_header_top.html_logo_center .logo {
    z-index: 100;
}
div.avia-layerslider {
    height: auto !important;
}
.single-portfolio .av_three_fourth .av_textblock_section .avia_textblock h2 {
    margin-bottom: 30px;
}
#top .widget_nav_menu li, .widget li {
    padding-bottom: 5px;
}
h2.avia-caption-title, .h1_title_webdesign h1, .h1_title_webdesign .av-subheading{
    text-shadow: 0 -2px 5px #fff, 0 -1px 5px #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, 0 1px 1px #fff, 0 1px 1px #fff, 0 2px 2px #fff, 0 2px 2px #fff, 0 3px 3px #fff, 0 4px 4px #fff, 3px 3px 3px #001e99 !important;
    background-color: transparent !important;
    color: #001e99!important;
}
.h1_title_webdesign h1 {
    letter-spacing: 2px!important;
    font-style: normal;
    padding-bottom: 10px!important;
}
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 10px;
    line-height: 48px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
    padding-top: 119px;
}
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div {
    height: 0px;
}

#header_main_alternate {
    position: relative;
    top: -73px;
}
div.grid-entry article,
.home article.slide-entry,
.avia-button-wrap a,
.avia-buttonrow-wrap a,
a.leform-button,
.form_element input.button {
    border-radius: 6px !important;
    overflow: hidden;
    text-decoration: none !important;
}
.menu-item-top-level-1 {
    left: 0 !important;
    position: absolute !important;
}
.menu-item-top-level-2 {
    left: 12.5% !important;
    position: absolute !important;
}
.menu-item-top-level-3 {
    left: 24% !important;
    position: absolute !important;
}
.menu-item-top-level-4 {
    right: 24% !important;
    position: absolute !important;
}
a#scroll-top-link {
    right: 15px !important;
    bottom: 75px !important;
}
.menu-item-top-level-5 {
    right: 12.5% !important;
    position: absolute !important;
}
:lang(zh-hant) .menu-item-top-level-5,
:lang(zh-hans) .menu-item-top-level-5 {
    right: 11.5% !important;
}
.menu-item-top-level-6 {
    right: 0 !important;
    position: absolute !important;
}
.widgettitle {
    font-weight: 400;
    text-transform: capitalize;
}
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: capitalize;
    letter-spacing: 1px;
}
.iconbox .iconbox_content .iconbox_content_title {
    text-transform: initial;
}
div#webdesignhk_knowus_1,
div#webdesignhk_knowus_2,
div#webdesignhk_knowus_3,
div#webdesignhk_knowus_4,
div#webdesignhk_knowus_5,
div#webdesignhk_knowus_6,
div#webdesignhk_knowus_7,
div#webdesignhk_knowus_8,
div#webdesignhk_knowus_9,
div#webdesignhk_knowus_10,
div#webdesignhk_knowus_11,
div#webdesignhk_knowus_12,
div#webdesignhk_knowus_13 {
    margin-bottom: 50px;
}
a.avia-button {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 0 1px rgb(0 0 0 / 4%);
}
:lang(zh-hant) a.avia-button, :lang(zh-hans) a.avia-button{
    font-family: "Belleza", "Open Sans", "Heiti TC", STSong, serif;
}
.image-overlay {
    display: none !important;
    opacity: 0 !important;
}
.avia_textblock {
    line-height: 29px;
}
.hong-kong-design-web-icon {
    width: 60%;
    vertical-align: text-top;
}
.hong-kong-web-design-title {
    margin-top: -8px;
}
#social-media-sharing-center {
    display: flex;
    justify-content: center;
    height: 45px;
}
#top div .avia-gallery img {
    width: 98%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 0px;
}
#top .avia-gallery .avia-gallery-thumb a:hover {
    opacity: 1;
}
.know-us-webdesign-portfolio-webdesignhk {
    margin-top: 50px !important;
}
.home .avia-content-slider,
.home .avia-content-slider-inner {
    position: relative;
    overflow: visible !important;
    clear: both;
}
.home .main_color.avia-builder-el-3.el_after_av_one_full.masonry-not-first.container_wrap.fullsize {
    width: 1170px;
    margin: 0 auto;
}
.container_wrap {
    border: 0 !important;
}
footer#socket .container .copyright {
    text-align: center;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    padding: 10px 0;
}
#footer {
    padding: 0;
}
.grid-entry-title {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.leform-input textarea,
.avia_ajax_form .textare_label {
    line-height: 32px !important;
}
.home .flex_column.av_one_full.flex_column_div.first.avia-builder-el-3.el_after_av_one_full.el_before_hk_hr.column-top-margin {
    margin-top: 0;
}
.home .avia-layerslider .ls-nav-prev::before,
.home .avia-layerslider .ls-nav-next::before {
    background: #7c007c !important;
    font-size: 20px;
    color: #fff !important;
}
.home .av-masonry.noHover.av-flex-size.av-1px-gap.av-hover-overlay-active.av-caption-always.avia_sortable_active {
    background-color: #fff;
}
.title_container .main-title {
    line-height: 1.3em;
    padding-top: 14px;
}
.breadcrumb-trail .trail-before,
.breadcrumb-trail .trail-end,
.breadcrumb-trail .sep,
.breadcrumb-trail a,
.breadcrumb-trail .bbp-breadcrumb-current {
    line-height: 35px;
    padding: 0;
}
.hp-border,.single-portfolio .av_textblock_section a img,.single-portfolio img.aligncenter {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 30px;
}
section#More_Our_Hong_Kong_Web_Design_Company {
    float: left;
    width: 100%;
}
#top .social_bookmarks li:hover a, #top #wrap_all .social_bookmarks a:focus, .av-share-box ul li:hover a, .av-share-box ul li a:focus{
    background-color: #7c007c !important;
}
#top .social_bookmarks li:hover a:before, #top .social_bookmarks li a:focus{
    color: #fff !important;
}
.av-share-box ul li a:hover, .av-share-box .av-social-link-facebook:hover a, .av-share-box .av-social-link-whatsapp:hover a, .av-share-box .av-social-link-twitter:hover a, .av-share-box .av-social-link-pinterest:hover a, .av-share-box .av-social-link-linkedin:hover a, .av-share-box .av-social-link-mail:hover a {
    background-color: #7c007c!important;
}
.av-share-box{
    margin-top: 0px;
    margin-bottom: 0px;
}
ul.av-share-box-list li a:hover {
    color: #fff!important;
}
#top .av-share-box ul {
    margin: 0 auto;
    border-width:0px;
}
.av-share-box ul li {
    border-left-style: none;
    display: inline-block;
    vertical-align: middle!important;
    margin: 0 10px 0 0;
}
.av-share-box ul li a {
    width: 35px!important;
    height: 35px!important;
    border-radius: 35px!important;
    padding: 2.5px 0;
    text-decoration: none!important;
    background: #f0f0f0;
}
.av-share-box ul li:last-child {
    margin-right: 0px;
}
.avia-slideshow-dots a {
    border-radius: 14px;
    display: inline-block;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    background: #ccc;
    opacity: 0.6;
    filter: alpha(opacity=60);
    text-indent: 300%;
    overflow: hidden;
}
.avia-slideshow-dots a:hover,
.avia-slideshow-dots a.active {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background: #7c007c;
}
main.template-portfolio {
    padding-top: 30px;
}
#webdesignhk-knowus-right span.iconlist-char{line-height:1.6em;}
.webdesignav-share-this-page-to-social-medias {
    letter-spacing: 1.8px;
    text-align: center;
    margin: 0px auto;
    color: #707070;
    font-weight: 400;
    line-height: 25px;
    padding: 60px 0 10px;
    font-style: italic;
    float: left;
    width: 100%;
}
.slogan-em{
color: #7f2746; text-align: center;
}
.slogan-em-chinese{
color: #7f2746; text-align: center; letter-spacing: 3px;
}
.purple-title{
text-align: center; 
margin: 0 auto;
color: #7f2746; 
line-height: 33px; 
font-size: 22px; 
font-style: italic;
}
.h2-footer{
color: #800085; text-align: center; font-size:19.5px; line-height:27px;
}
.h3-footer{
color: #ff45a6; text-align: center; font-size: 18px; line-height:27px; padding-bottom: 12px;
}
.h3-2-footer{
padding-top: 10px; color: #800085; text-align: center; font-size:19.5px; line-height:27px; padding-bottom: 8px;
}
.webdesignprice-title{
text-align: center; max-width: 800px; margin: 0px auto; color: #7f2746; line-height:27px; font-size: 20px;
}
.webdesignprice-web-skills-title{
letter-spacing: 1.8px; text-align: center; max-width: 960px; margin: 0px auto; color: #ac018e!important; line-height:27px; padding-top:8px; padding-bottom: 5px;
}
.h2-footer-chinese{
letter-spacing: 5px!important; color: #800085; text-align: center; font-size:20px; line-height:28px;
}
.h3-footer-chinese{
letter-spacing: 5px!important; color: #ff45a6; text-align: center; font-size:18px; line-height:28px; padding-bottom: 12px;
}
.h3-2-footer-chinese{
padding-top: 10px; letter-spacing: 5px!important; color: #800085; text-align: center; font-size:20px; line-height: 28px; padding-bottom: 8px;
}
.webdesignprice-title-chinese{
text-align: center; max-width: 800px; margin: 0px auto; color: #7f2746; line-height: 28px; font-size: 20px; letter-spacing: 9.5px!important;
}
.webdesignprice-web-skills-title-chinese{
letter-spacing: 8.3px!important; text-align:center; max-width:960px; margin: 0px auto; color:#ac018e!important; line-height: 28px; padding-top: 10px; padding-bottom: 5px;
}
.avia-slideshow-arrows a:before{
background: transparent;
color: #ff45a6;
}
blockquote {
    border-left-width: 4px;
}
.avia-icon-list .iconlist_content li {
    padding: 5px 0;
}
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia_desktop .av-slideshow-ui .avia-slideshow-controls a {
    opacity: 1;
}
.purple-title-chinese{
text-align: center; 
margin: 0 auto;
color: #7f2746; 
line-height: 38px;
font-size: 21px; 
font-style: italic;
letter-spacing: 6px!important;
}
#top .avia-layerslider .ls-nav-prev,
#top .avia-layerslider .ls-nav-next {
    display: block;
    text-decoration: none;
    color: #fff;
    position: absolute;
    width: 30px;
    border-radius: 3px;
    text-align: center;
    height: 102px;
    line-height: 102px;
    font-size: 25px;
    top: 40%;
    margin: 0 !important;
    background: transparent;
    color: #fff;
    visibility: hidden;
    opacity: 0.3;
    z-index: 10000;
    left: 0;
}
.avia-layerslider .ls-inner div,
.avia-layerslider .ls-inner img {
    -webkit-backface-visibility: hidden;
}
#top .avia-layerslider .ls-nav-next {
    left: auto;
    right: 0;
}
#top .avia-layerslider .ls-nav-prev:before {
    text-indent: -4px;
}
#top .avia-layerslider .ls-nav-prev:hover,
#top .avia-layerslider .ls-nav-next:hover {
    opacity: 1;
}
#top .avia-layerslider .ls-nav-prev:before,
#top .avia-layerslider .ls-nav-next:before {
    visibility: visible;
    display: block;
    position: absolute;
    z-index: 100;
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    text-align: center;
    line-height: 102px;
}
#top .ls-nav-prev:before,
#top .ls-nav-next:before {
    background: none;
}
.home .avia-content-slider .slide-entry-title {
    font-size: 14px;
    text-align: center;
}
.w3c-screen-reader {
    height: 0 !important;
    width: 0 !important;
    line-height: -100px;
    position: absolute;
    z-index: -99999;
    overflow: hidden !important;
}
div#modal-content .avia-gallery,
div#modal-content .gradient-text-purple-title {
    display: none;
}
.page-id-3552 .av_textblock_section h4,
.page-id-3576 .av_textblock_section h4,
.page-id-3728 .av_textblock_section h4,
.page-id-3738 .av_textblock_section h4 {
    padding-bottom: 5px;
}
.page-id-3552 .av_textblock_section br,
.page-id-3576 .av_textblock_section br,
.page-id-3728 .av_textblock_section br,
.page-id-3738 .av_textblock_section br {
    margin-bottom: 7px;
}
h1 {
    font-family: "Belleza", "Open Sans", serif;
    font-size: 38px !important;
}
.design-price {
    padding: 0 0 0 34px;
    font-style: italic;
    position: relative;
    top: -13px;
    float: left;
    margin: 0 0 5px;
}
.main-title.entry-title > a,.breadcrumb {
    font-family: "Belleza", "Open Sans", STSong, serif;
    text-shadow: 2px 3px 3px #bbb;
    font-style: italic;
}
:lang(zh-hant) h1.main-title.entry-title,:lang(zh-hans) h1.main-title.entry-title {
    letter-spacing: 6px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Belleza", "Open Sans", "Heiti TC", STSong, serif;
}
h1 {
    font-style: italic;
}
:lang(zh-hant) h1,
:lang(zh-hant) h2,
:lang(zh-hant) h3,
:lang(zh-hant) h4,
:lang(zh-hant) h5,
:lang(zh-hant) h6,
:lang(zh-hans) h1,
:lang(zh-hans) h2,
:lang(zh-hans) h3,
:lang(zh-hans) h4,
:lang(zh-hans) h5,
:lang(zh-hans) h6 {
    font-family: "Belleza", "Open Sans", serif;
    letter-spacing: 3px;
}
#header_main {
    font-family: "Belleza", "Open Sans", serif;
    font-size: 14px !important;
    letter-spacing: 0.5px;
}
:lang(zh-hant) #header_main,:lang(zh-hans) #header_main {
    font-size: 14px;
    font-family: "Belleza", "Open Sans", serif;
    letter-spacing: 2.5px;
}
.phone-info span.sep {
    padding: 0 8px;
    color: #ddd;
}
.av-masonry-entry-content.entry-content,.av-masonry-entry .av-masonry-entry-title {
    text-align: center;
    font-size: 15px;
    color: #919;
}
.header-scrolled #header_main,:lang(zh-hant) .header-scrolled #header_main,:lang(zh-hans) .header-scrolled #header_main {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0;
}
h2.av-special-heading-tag,h3.widgettitle,.gradient-text-purple-title {
    color: #8f008f;
    background: -moz-linear-gradient(45deg, #ff1990 0%, #d000d0 50%, #6f42c1 100%);
    background: -webkit-linear-gradient(45deg, #ff1990 0%, #d000d0 50%, #6f42c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1990',endColorstr='#6f42c1',GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: block;
    min-height: 20px;
}
.gradient-text-purple {
    color: #ff1990;
    background: -moz-linear-gradient(45deg, #6f42c1 0%, #d000d0 50%, #ff1990 100%);
    background: -webkit-linear-gradient(45deg, #6f42c1 0%, #d000d0 50%, #ff1990 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f42c1',endColorstr='#ff1990',GradientType=1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    display: block;
    min-height: 20px;
}
#main,#main .iconbox .iconbox_content p {
    font: 400 14.5px/29px Roboto, sans-serif;
    letter-spacing: 1px;
}
:lang(zh-hant) #main,:lang(zh-hans) #main,:lang(zh-hant) #main .iconbox .iconbox_content p,:lang(zh-hans) #main .iconbox .iconbox_content p {
    font: 400 15px/31px Roboto, sans-serif;
    letter-spacing: 3px;
}
.single-portfolio .avia_textblock h2 {
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    color: #7c007c;
}
.single-portfolio .hk_three_fourth .av_textblock_section .avia_textblock h2 {
    margin-bottom: 30px;
}
.single-portfolio .avia_textblock h3 {
    color: #7e2847;
    font-size: 19px;
    letter-spacing: 1px;
    margin: 60px 0 30px;
    text-align: center;
}
.single-portfolio #More_Our_Hong_Kong_Web_Design_Company .avia_textblock h3 {
    margin: 0px auto!important;
}
:lang(zh-hant) .single-portfolio .avia_textblock h3,
:lang(zh-hans) .single-portfolio .avia_textblock h3 {
    letter-spacing: 2px;
}
.single-portfolio .avia_textblock > h3:first-of-type {
    margin-top: 0;
}
:lang(zh-hant) .single-portfolio .avia_textblock h2,
:lang(zh-hans) .single-portfolio .avia_textblock h2 {
    letter-spacing: 2px;
}
.avia_ajax_form label {
    font-weight: normal !important;
}
.single-portfolio .iconbox_content .heading-color {
    display: inline-block;
    float: left;
    margin-top: 3px;
    width: 10%;
}
.single-portfolio .iconbox_content h3.iconbox_content_title {
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 25px;
    padding-top: 0;
    width: 90%;
    padding-left: 5px;
    word-break: break-word;
}
.av-main-nav > li > a:hover {
    color: #7c007c !important;
}
.av-icon-on-hover .avia_button_icon {
    overflow: visible;
}
.menu-item.menu-item-type-post_type.menu-item-object-page a:hover:after {
    width: 100%;
}
div#footer .menu-item.menu-item-type-post_type.menu-item-object-page a:after {
    content: none;
}
.menu-item.menu-item-type-post_type.menu-item-object-page a:after {
    width: 0;
    height: 1px;
    background-color: #7c007c;
    content: "";
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-top: -5px;
}
#top .social_bookmarks li a {
    color: #707070!important;
    text-decoration: none!important;
}
.header-scrolled .menu-item.menu-item-type-post_type.menu-item-object-page a:after {
    height: 0 !important;
}
.avia-arrow {
    background-color: #ffffff !important;
}
.avia-icon-list article.article-icon-entry {
    min-height: 45px;
    margin-bottom: 16px;
}
h4.iconlist_title {
    font-size: 19px;
    color: #9c0081;
    padding-bottom: 6px;
    line-height: 26px;
}
.main_color .iconlist_content {
    color: #444;
}
.home .avia-content-slider .avia-slideshow-arrows a {
    opacity: 1 !important;
    color: #7c007c !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 21px !important;
}
.home .avia-slideshow-arrows a {
    height: 60px !important;
    top: 18px !important;
    margin: -30px 0 0;
}
.home .template-page.content.av-content-full.alpha.units {
    padding-top: 23px !important;
}
.home .avia-slideshow-arrows a::before {
    background: none;
}
#top .home .avia-content-slider .avia-slideshow-arrows a {
    top: 7%;
    margin: -30px 0 0;
}
#top .home .avia-slideshow-arrows a {
    color: #fff;
    display: block;
    font-size: 25px;
    height: 100%;
    line-height: 62px;
    margin: -30px 15px 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -600%;
    top: 50%;
    visibility: visible;
    width: 60px;
    z-index: 99;
}
.current-menu-item .avia-menu-text {
    color: #7c007c;
}
:lang(zh-hant) .avia-share-this-page-to-social-medias,
:lang(zh-hans) .avia-share-this-page-to-social-medias {
    letter-spacing: 3.8px;
}
.avia-share-this-page-to-social-medias {
    letter-spacing: 1.8px;
    text-align: center;
    margin: 0px auto;
    color: #707070;
    font-weight: 400;
    line-height: 25px;
    padding: 60px 0 10px;
    font-style: italic;
    float: left;
    width: 100%;
}
#top #footer .widget_nav_menu li.current_page_item a {
    color: #7c007c;
    border-bottom: 1px double #7c007c;
    padding-bottom: 0;
    margin-bottom: 10px;
    padding-right: 0;
}
#top #footer .widget_nav_menu li a {
    display: inline-block;
}
.widgettitle {
    color: #7c007c !important;
    font-size: 19px;
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 10px;
}
.main_color table caption,
.main_color tr:nth-child(2n),
.main_color .pricing-table > li:nth-child(2n) {
    color: #444;
}
.alternate_color .breadcrumb,
.alternate_color .breadcrumb a,
#top .alternate_color.title_container .main-title,
#top .alternate_color.title_container .main-title a {
    color: #111;
}
.home .flex_column.av_one_full.first.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-first {
    height: 200px;
}
.av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    border: 1px solid #f2f2f2;
    text-align: center;
    border-radius: 8px;
}
h2 {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 10px;
    font-weight: 400;
}
h3 {
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 8px;
    font-weight: 400;
}
h4 {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 4px;
    font-weight: 400;
}
h5 {
    font-size: 17px;
    line-height: 1.3em;
    font-weight: 400;
}
h6 {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 400;
}
.header-scrolled .social_header .phone-info {
    line-height: 15px !important;
    width: 100%;
    text-align: center;
}
@media only screen and (min-width: 1340px) {
    .home #after_layer_slider_1 {
        background: url(/wp-content/uploads/design-web-elements-background-hk.avif) top center no-repeat;
        padding-top: 70px;
        position: relative;
        z-index: 99;
        border-top: 0px;
    }
    .home .prev-slide {
        left: -40px !important;
    }
    .home .next-slide {
        right: -40px !important;
    }
    .home .slide-entry-wrap,
    .page-id-1319 .slide-entry-wrap,
    .page-id-7376 .slide-entry-wrap {
        margin-top: -70px;
        width: 1100px;
    }
    .responsive_large .container .twelve.units {
        padding-left: 10px;
        padding-right: 10px;
        width: 1190px;
    }
    .home div .av_one_fifth,
    .page-id-1319 div .av_one_fifth,
    .page-id-7376 div .av_one_fifth {
        margin-left: 45px;
    }
    .home #top .avia-content-slider .avia-slideshow-arrows a,
    .page-id-1319 #top .avia-content-slider .avia-slideshow-arrows a,
    .page-id-7376 #top .avia-content-slider .avia-slideshow-arrows a {
        top: 6%;
        margin: -30px 0 0;
    }
    .page-id-14 .title_container,
    .page-id-1318 .title_container {
        margin-bottom: 20px;
    }
    .title_container {
        background: #f3f3f3;
        background: url(/wp-content/uploads/addisonwandesign-webdesign-hongkong-cms-onlineshop-banner-hk-webdesign-web-portfolio-banner.jpg) top center no-repeat;
    }
}
@media only screen and (max-width: 1339px) {
    .home article.slide-entry {
        padding: 5px 5px 10px;
        border-radius: 1px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
    }
    .home .flex_column.av_one_full.first.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-first {
        height: auto;
    }
    .home #after_layer_slider_1,
    .page-id-1319 #after_layer_slider_1,
    .home #after_layer_slider_1,
    .page-id-7376 #after_layer_slider_1 {
        position: relative;
        z-index: 10;
    }
    .home #after_layer_slider_1 .template-page,
    .page-id-1319 #after_layer_slider_1 .template-page,
    .page-id-7376 #after_layer_slider_1 .template-page {
        margin-top: 0;
    }
    .home .slide-entry-wrap,
    .page-id-1319 .slide-entry-wrap,
    .home .slide-entry-wrap,
    .page-id-7376 .slide-entry-wrap {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .home #top .avia-slideshow-arrows a.next-slide,
    .page-id-1319 #top .avia-slideshow-arrows a.next-slide,
    .page-id-7376 #top .avia-slideshow-arrows a.next-slide {
        right: -30px;
    }
    .home #top .avia-slideshow-arrows a.prev-slide,
    .page-id-1319 #top .avia-slideshow-arrows a.prev-slide,
    .page-id-7376 #top .avia-slideshow-arrows a.prev-slide {
        left: -30px;
    }
    #top .avia-content-slider .avia-slideshow-arrows a {
        margin: 30px -50px 0;
        top: 6%;
    }
    .home .masonry-not-first,
    .page-id-1319 .masonry-not-first,
    .page-id-7376 .masonry-not-first {
        background-color: #fff;
        margin: 0 auto;
        padding: 0 10px;
        width: 100%;
    }
    .home .main_color.avia-builder-el-3.el_after_av_one_full.masonry-not-first.container_wrap.fullsize {
        width: auto !important;
        margin: inherit;
    }
    .avia-content-slider {
        margin: 0;
    }
}
@media only screen and (min-width: 768px) {
    .title_container {
        background: #f3f3f3;
        background: url(/wp-content/uploads/addisonwandesign-webdesign-hongkong-cms-onlineshop-banner-hk-webdesign-web-portfolio-banner.jpg) top center no-repeat;
        min-height: 100px;
        height: auto;
    }
}
@media only screen and (max-width: 767px) {
    .phone-info {
        text-align: center;
        width: 100%;
    }
    h1 {
        font-size: 26px !important;
    }
    h2 {
        font-size: 20px !important;
    }
    .page-id-14 h2.gradient-text-purple-title,
    .page-id-1318 h2.gradient-text-purple-title {
        font-size: 30px !important;
    }
    h3 {
        font-size: 18px !important;
    }
    .title_container {
        background: #f3f3f3;
        background: url(/wp-content/uploads/addisonwandesign-webdesign-hongkong-cms-onlineshop-banner-hk-webdesign-web-portfolio-banner.jpg) top center no-repeat;
        min-height: 126px;
        min-height: 126px;
    }
    .title_container .main-title {
        padding-bottom: 20px;
    }
    #top .avia-content-slider .avia-slideshow-arrows a {
        margin: 100px -50px 0;
        top: 6%;
    }
    .home .avia-content-slider .slide-entry {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
        padding: 5px 5px 20px;
    }
    .home .slide-entry-title.entry-title > a,
    .home .grid-entry-title.entry-title > a,
    .home .avia-content-slider .slide-entry-title {
        font-size: 14px;
    }
    .hong-kong-design-web-icon {
        width: 35%;
        vertical-align: text-bottom;
    }
}
@media only screen and (max-width: 479px) {
    #top .avia-content-slider .avia-slideshow-arrows a {
        margin: 50px -50px 0;
        top: 6%;
    }
    .home .avia-content-slider .avia-slideshow-arrows a {
        margin: 100px -50px 0 !important;
        top: 6%;
    }
    .home .masonry-not-first {
        top: -93px;
    }
    .home .flex_column.av_one_full.first.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-first {
        height: auto;
    }
    .avia-content-slider {
        margin: 0;
    }
    .home .avia-content-slider .slide-entry {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
        padding: 5px 5px 10px;
    }
    .avia-caption-content {
        display: none;
    }
    #social-media-sharing-center {
        background-color: #fff;
        bottom: 0;
        display: flex;
        height: 50x;
        justify-content: center;
        position: fixed;
        z-index: 2;
        padding: 10px;
        width: 100%;
    }
    .home .prev-slide {
        left: 0 !important;
    }
    .home .next-slide {
        right: 0 !important;
    }
    .home .avia-layerslider .ls-nav-prev,
    .home .avia-layerslider .ls-nav-next {
        min-width: auto !important;
        bottom: 0 !important;
    }
}
.avia-buttonrow-wrap > .avia-button,
.avia-buttonrow-wrap > .avia-button:hover {
    vertical-align: bottom;
    background-color: #b41999;
    color: #fff !important;
}
.avia-buttonrow-wrap > .avia-button:not(:last-child) {
    margin-right: 20px;
}
ul.aviahk_hongkongwebdesigncompany_design_services {
    margin: 20px 0;
}
ul.aviahk_hongkongwebdesigncompany_design_services li {
    text-align: center;
    list-style: none;
    margin-left: 0px;
}
h3.hong-kong-web-design-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 18px;
}
h2.avia-caption-title {
    text-shadow: 0 -2px 5px #fff, 0 -1px 5px #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, 0 1px 1px #fff, 0 1px 1px #fff, 0 2px 2px #fff, 0 2px 2px #fff, 0 3px 3px #fff, 0 4px 4px #fff, 3px 3px 3px #001e99 !important;
    background-color: transparent !important;
}
::selection {
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    background-color: #b41999 !important;
}
.container {
    padding: 0 20px;
}
#top .avia-content-slider-inner {
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive .page-id-16 .av_one_fourth.first.el_before_av_one_fourth.flex_column_div,
    .responsive .page-id-1317 .av_one_fourth.first.el_before_av_one_fourth.flex_column_div,
    .responsive .page-id-8149 .av_one_fourth.first.el_before_av_one_fourth.flex_column_div {
        width: 20%;
    }
    .responsive #top .no_margin.av_one_fourth {
        width: 50%;
    }
    ul.noLightbox.social_bookmarks {
    display: none!important;
    }
    .avia-menu.av_menu_icon_beside {
    border-right-width: 0px;
    }
}
.title_flash {
    -webkit-mask: linear-gradient(110deg, rgb(0 0 0) 25%, rgba(0, 0, 0, 0.1), #000 30%) right/350% 150%;
    mask: linear-gradient(110deg, #000 25%, rgba(0, 0, 0, 0.1), #000 30%) right/350% 100%;
    animation: titleflash 7s infinite;
}
@keyframes titleflash {
    to {
        -webkit-mask-position: left;
        mask-position: left;
    }
}
.avia-day-exp {
    letter-spacing: 1.5px;
    font-family: Belleza, serif;
    font-size: 18px;
}
.modal-wrapper.styled .wp-post-modal .avia-day-exp {
    padding: 0 2px 0 5px;
}
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal .avia-day-exp,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal .avia-day-exp {
    padding: 0;
    letter-spacing: 3px;
}
.modal-wrapper.styled .wp-post-modal header#header,
.modal-wrapper.styled blockquote:before {
    display: none !important;
}
.modal-wrapper.styled .wp-post-modal {
    position: relative;
    background-color: #fefefe;
    margin: 10vh auto;
    padding: 35px 30px;
    border: 1px solid #ebebeb;
    width: 85%;
    transition: all 2s ease;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 #000 0 0 0 1px #000;
}
.modal-wrapper.styled .wp-post-modal p a img {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    max-width: 768px;
    width: 100%;
}
:lang(zh-hant) #main .modal-wrapper.styled,
:lang(zh-hans) #main .modal-wrapper.styled,
:lang(zh-hant) #modal-content,
:lang(zh-hans) #modal-content {
    letter-spacing: 4px;
}
#main .modal-wrapper.styled,
#modal-content {
    font: 400 14.5px/29px Roboto, sans-serif;
    letter-spacing: 1px;
}
.modal-wrapper.styled {
    background-color: #000;
    background-color: rgba(231, 231, 231, 0.9);
}
.mfp-bg {
    background: rgba(0, 0, 0, 0.95);
}
.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.9;
}
div.avia-popup button.mfp-arrow:before,
div.avia-popup .mfp-close {
    color: #777;
}
body div .avia-button{
line-height: 1.6em;
}
img.mfp-img {
    box-shadow: -1px 0 2px rgb(0 0 0 / 15%), 1px 0 2px rgb(0 0 0 / 15%), 0 4px 8px rgb(0 0 0 / 15%);
    -webkit-box-shadow: -1px 0 2px rgb(0 0 0 / 15%), 1px 0 2px rgb(0 0 0 / 15%), 0 4px 8px rgb(0 0 0 / 15%);
    padding: 0 !important;
    background: #fff;
}
.mfp-bottom-bar {
    display: none !important;
}
div.avia-popup .mfp-close {
    top: -35px !important;
}
.modal-wrapper.styled .wp-post-modal h3:first-child {
    margin-top: 0 !important;
}
.modal-wrapper.styled .wp-post-modal h3 {
    font-size: 20px;
    letter-spacing: 1px;
}
.modal-wrapper.styled .wp-post-modal h4 {
    letter-spacing: 1px;
}
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal h3,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal h3,
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal h4,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal h4 {
    letter-spacing: 4px;
}
.modal-wrapper.styled .wp-post-modal p,
.modal-wrapper.styled .wp-post-modal ul li,
.modal-wrapper.styled .wp-post-modal ol li {
    font: 400 14.5px/29px Roboto, sans-serif;
    padding: 5px 0;
    letter-spacing: 1px;
}
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal ul li,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal ol li {
    letter-spacing: 4px !important;
}
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal p,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal p,
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal ul li,
:lang(zh-hant) .modal-wrapper.styled .wp-post-modal ol li,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal ul li,
:lang(zh-hans) .modal-wrapper.styled .wp-post-modal ol li {
    font: 400 15px/31px Belleza, Roboto, sans-serif;
    letter-spacing: 4px;
}
.modal-wrapper.styled .wp-post-modal ul li,
.modal-wrapper.styled .wp-post-modal ol li {
    text-align: left;
    min-height: 0;
    padding: 5px 0;
    list-style: disc outside;
}
.modal-wrapper.styled .wp-post-modal a img {
    pointer-events: none !important;
}
.modal-wrapper.styled .wp-post-modal blockquote {
    border-right: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left-style: solid;
    border-left-width: 4px;
    padding: 0 0 0 16px;
    margin-bottom: 1em;
    margin-right: 1em;
    line-height: 1.5em;
}
.modal-wrapper.styled .wp-post-modal blockquote::before,
.modal-wrapper.styled .wp-post-modal blockquote::after {
    display: none !important;
}
.modal-wrapper.styled .wp-post-modal blockquote a,
.modal-wrapper.styled .wp-post-modal a,
.modal-wrapper.styled .wp-post-modal ol li a,
.modal-wrapper.styled .wp-post-modal ul li a {
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    padding: initial;
    color: #444;
    margin-bottom: 1em;
    line-height: 1.5em;
}
.modal-wrapper.styled .wp-post-modal blockquote a {
    margin-right: 1em;
    font-size: 1.235em;
}
.modal-wrapper.styled .wp-post-modal blockquote a:hover,
.modal-wrapper.styled .wp-post-modal a:hover,
.modal-wrapper.styled .wp-post-modal ol li a:hover,
.modal-wrapper.styled .wp-post-modal ul li a:hover {
    color: #7c007c;
    text-decoration: underline;
}
div#modal-content:before {
    content: 'This content comes from the "Know Us" page';
    display: block;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #969696;
    line-height: 28px;
    font-style: italic;
    animation: 2s ease 0 normal forwards 1 lightbox_fadein;
    -webkit-animation: 2s ease 0 normal forwards 1 lightbox_fadein;
    opacity: 1;
}
:lang(zh-hant) div#modal-content:before {
    content: "此內容來自「認識我們」頁面";
    display: block;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #969696;
    letter-spacing: 4px;
    line-height: 28px;
    font-style: italic;
}
:lang(zh-hans) div#modal-content:before {
    content: "此内容来自「认识我们」页面";
    display: block;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #969696;
    letter-spacing: 4px;
    line-height: 28px;
    font-style: italic;
}
@keyframes lightbox_fadein {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes lightbox_fadein {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}