.home-desc hgroup h5 {
  	margin-top: -65px;
    margin-bottom: 25px;
}

.home-desc.page-content h4 {
    margin-top: 50px;
  	padding-bottom: 10px;
}

.home-desc p {
    padding-bottom: 0;
  	text-align: justify;
}

a.lang_sel_sel.icl-en:after {
    content: url('/wp-content/themes/meses/images/lang-current.png');
    height: 42px;
    width: 42px;
    z-index: 10;
    position: relative;
}

#lang_sel ul li a.lang_sel_sel.icl-en {
    display: inline-block;
    margin: 0 20px;
}

.lang {
    width: 100px;
    float: right;
}

#lang_sel ul li a.lang_sel_sel.icl-en {
    display: inline-block;
    margin: 0 25px;
    position: relative;
    top: -5px;
    color: #ffffff;
    font-size: 14px;
}

a.lang_sel_sel.icl-en:after {
    content: url('/wp-content/themes/meses/images/lang-current.png');
    height: 42px;
    width: 42px;
    position: absolute;
    top: -11px;
    left: -12px;
    z-index: -1;
}

#lang_sel ul li ul {
    display: inline-block;
    position: relative;
    top: -5px;
    font-size: 14px;
}

#lang_sel ul li ul:before {
    content: url('/wp-content/themes/meses/images/lang-bg.png');
    height: 42px;
    width: 42px;
    position: absolute;
    top: -11px;
    left: -12px;
    z-index: -2;
}

#lang_sel ul li ul:after {
    content: url('/wp-content/themes/meses/images/lang-current.png');
    height: 42px;
    width: 42px;
    position: absolute;
    top: -11px;
    left: -12px;
    z-index: -1;
  	opacity: 0;
    -webkit-transition: all .2s ease;
  	-moz-transition: all .2s ease;
  	-o-transition: all .2s ease;
  	transition: all .2s ease;
}

#lang_sel ul li ul:hover:after {
  	opacity: 1;
}

#lang_sel ul li ul:hover li.icl-zh-hans a {
    color: #ffffff;
}

a.lang_sel_sel.icl-zh-hans:after {
    content: url('/wp-content/themes/meses/images/lang-current.png');
    height: 42px;
    width: 42px;
    z-index: 10;
    position: relative;
}

#lang_sel ul li a.lang_sel_sel.icl-zh-hans {
    display: inline-block;
    margin: 0 20px;
}

#lang_sel ul li a.lang_sel_sel.icl-zh-hans {
    display: inline-block;
    margin: 0 25px;
    position: relative;
    top: -5px;
    color: #ffffff;
    font-size: 14px;
}

a.lang_sel_sel.icl-zh-hans:after {
    content: url('/wp-content/themes/meses/images/lang-current.png');
    height: 42px;
    width: 42px;
    position: absolute;
    top: -11px;
    left: -11px;
    z-index: -1;
}

#lang_sel ul li ul:hover li.icl-en a {
    color: #ffffff;
}

.article-cover-container {
  	width: 96%;
  	min-height: 360px;
    height: auto;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    border: 6px solid #ececec;
    border-radius: 5px;
}

.article-cover {
    display: none;
}

.page-24 .ui-widget {
    width: 66%;
    display: inline-block;
}

div.accordion-side-menu {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: center;
}

.accordion-side-menu ul {
    display: inline-block;
    text-align: left;
    list-style-type: none;
    width: 70%;
    padding: 0;
    margin: 0;
}

.accordion-side-menu ul li {
    background-image: url(/wp-content/themes/meses/images/accorion-bg.png);
    background-position: top center;
    background-size: 150% 100%;
}

.accordion-side-menu a.accordion-link:focus {
    color: #22569d;
}

.accordion-side-menu a.accordion-link {
    padding: 1rem 1rem;
    display: block;
    color: #848484;
    font-size: 1.2rem;
  	outline: none;
}

.homepage-services-home a.btn {
    width: 140px;
    padding-left: 23px;
    font-weight: 300;
    font-size: 18px;
    padding-top: 10px;
  	background-position-x: 85%;
}

.homepage-services {
    background-position: 56% 549px;
}

.youtube-frame a.btn.btn-yt {
    width: 225px;
    padding-left: 23px;
    font-weight: 300;
    font-size: 18px;
    padding-top: 10px;
    background-position-x: 90%;
}


.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: translate(0,-30rem);
      -ms-transform: translate(0,-30rem);
       -o-transform: translate(0,-30rem);
          transform: translate(0,-30rem);
}

.lity-opened .lity-content {
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
  -webkit-transition: -webkit-transform 2s ease-in-out;
       -o-transition: -o-transform 2s ease-in-out;
          transition: transform 2s ease-in-out;
}

.lity {
  background: transparent !important;
  -webkit-transform: translate(0,-30rem);
      -ms-transform: translate(0,-30rem);
       -o-transform: translate(0,-30rem);
          transform: translate(0,-30rem);
  -webkit-transition: -webkit-transform 2s ease-in-out;
       -o-transition: -o-transform 2s ease-in-out;
          transition: transform 2s ease-in-out;
  	-webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
}
.lity.lity-opened {
  -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
       -o-transform: translate(0,0);
          transform: translate(0,0);
}
.lity.lity-closed {
  -webkit-transform: translate(0,-30rem);
      -ms-transform: translate(0,-30rem);
       -o-transform: translate(0,-30rem);
          transform: translate(0,-30rem);
}

.lity-iframe .lity-container {
    max-width: 100%;
  	vertical-align: top;
}

.page-content:after {
    background: #47b3f3;
    background: -moz-linear-gradient(top, #47b3f3 0%, #56e5f3 100%);
    background: -webkit-linear-gradient(top, #47b3f3 0%,#56e5f3 100%);
    background: linear-gradient(to bottom, #47b3f3 0%,#56e5f3 100%);
}

div.service-boxes a.service-box {
    box-shadow: 4px 30px 20px -20px rgba(0, 0, 0, 0.22);
}

.page-9 div.gallery,
.page-11 div.gallery {
    top: 0;
}

div.gallery a img {
  	border-radius: 5px;
  	box-shadow: 0px 10px 22px -10px #000;
  	margin-left: 15px;
  	filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
  	-webkit-transition: all .2s ease;
  	-moz-transition: all .2s ease;
  	-o-transition: all .2s ease;
  	transition: all .2s ease;
}

div.gallery a,
div.gallery div {
  	outline: none;
  	opacity: .85;
  	-webkit-transition: all .2s ease;
  	-moz-transition: all .2s ease;
  	-o-transition: all .2s ease;
  	transition: all .2s ease;
}

div.gallery a {
  	position: relative;
  	display: block;
}
  	
div.gallery a:after {
    content: url('/wp-content/themes/meses/images/galleryimghover.png');
    width: 30%;
    height: 50%;
    position: absolute;
    top: 30%;
    left: 37%;
    border-radius: 5px;
    opacity: 0;
  	-webkit-transition: all .2s ease;
  	-moz-transition: all .2s ease;
  	-o-transition: all .2s ease;
  	transition: all .2s ease;
}

div.gallery a:hover {
  	opacity: 1;
}

div.gallery a:hover img {
  	filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */
}


div.gallery a:hover:after {
  	opacity: 1;
}


.slick-list {
    height: 9rem;
}

.slick-prev, .slick-next {
    top: 40%;
}

#menu-main,
#menu-main-1,
#menu-main-chinese-simplified,
#menu-main-chinese-simplified-1,
.mobile-menu {
    visibility: hidden !important;
}

footer div.bottom-strip span.copyright, footer div.bottom-strip span.created {
    width: 25%;
}

footer div.top-strip {
    display: none;
}

.page-content {
    padding-bottom: 0px;
}

footer {
    z-index: -1;
}

.home-desc ul {
    padding-bottom: 2rem;
    padding-left: 20px;
}

.home-desc ul li {
    color: #696969;
    padding: 0;
}

.wpcf7 input[type="submit"] {
    margin-bottom: 2rem;
}

.page-map {
    margin-top: 0;
}

@media only screen and (max-width: 1184px) {
  
	footer .menu-main-container {
    	display: none;
	}
  
}

@media only screen and (max-width: 960px) {
  
footer {
    height: auto;
    margin-top: 0;
}

footer div.bottom-strip span.copyright, footer div.bottom-strip span.created {
    width: 100%;
    text-align: center;
    margin: 1.5rem 0;
    position: relative;
    top: 0;
}

.mail {
    display: inline-block !important;
}
  
header div.container section.top-header a.mail {
    font-size: 10pt;
}
  
#lang_sel {
    margin-top: 85px;
}
  
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
  	.container, .container.container-article {
    	width: 960px;
	}
}