/*
Theme Name: GLSD-theme
Description: Multi-Purpose Wordpress Theme
Author: Edgeup Studio.
Theme URI: http://edgeupstudio.com
Author URI: http://edgeupstudio.com
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
*/
* {
	-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
/* 	-webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; */
}

h1,h2,h3,h4 {
	letter-spacing: 0;
}

p {
	margin: 0;
	letter-spacing: 0.1em;
}

.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search {
	display: block;
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search > a {
	display: none;
}

/* Search Result page*/ 
body.search .page-title-block .highlight {
	color: #33FFD0;
}
body.search .page-title-block:before {
	content: none;
}

body.search .block-content {
	padding-top: 64px;
}
body .blog.blog-style-masonry article.no-image .description {
	background-color: #003d80;
}
body.search .post-meta-conteiner {
	display: none;
}
body.search .blog-style-masonry .entry-title.title-h4 a {
	color: #fff;
}

.post-read-more .gem-button-size-tiny.gem-button-style-outline {
	text-transform: none;
    background-color: #fff;
    color: #002246;
	border: none;
}
body.search .blog-style-masonry .post-read-more .gem-button {
	padding: 0 25px;
    line-height: 29px;
}

#primary-menu.no-responsive > li > a, .styled-subtitle  {
	letter-spacing: 0.1em;
}

#primary-menu.no-responsive > li > a {
	padding: 35px 15px;
}

#page:not(.vertical-header) #site-header.fixed {
	position: fixed;
}

.gem-contacts-item.gem-contacts-email a {
	color: #fff !important;
}
.top-area {
    padding: 9.5px 0;
	border-top: none;
}

.style2.gem-testimonials.fullwidth-block .container {
	background-color: transparent;
}

.testimonials_svg {
	display: none;
}
.gem-testimonials.style2 .gem-testimonial-wrapper p:after, .gem-testimonials.style2 .gem-testimonial-wrapper p:before {
	content: '';
}
.gem-testimonials.style2 .gem-testimonial-wrapper {
	padding: 0;
}
.gem-testimonial-wrapper {
	padding-bottom: 0;
}
.gem-testimonials.style2 .gem-testimonial-image {
	float: right;
}

.gem-testimonial-text {
	padding: 0;
}

#site-header.fixed.shrink {
	background-color: #002246;
}

.custom-footer .wpcf7-form input[type='submit'] {
	color: #57a2ff;
	font-size: 14px;
	text-transform: capitalize;
	height: auto;
	width: auto;
	border-radius: 0;
}
.custom-footer .gem-search-form .search-field {
	border-radius: 0;
	color: #222;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50% ;
margin-top: -10px;
}
.owl-carousel .owl-nav .owl-prev {
left: 0 ;
}
.owl-carousel .owl-nav .owl-next {
right: 0;
}

.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title {
	text-transform: none;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
}


.wpcf7 input[type='submit'] {
	width: 92%;
}


.wpb_row {
	margin-bottom: 0;
}

/* .custom-footer .wpcf7 textarea, .custom-footer .wpcf7-form-control-wrap .your-message {
	width: 16.9em;
} */

.quickfinder-item-box {
	padding: 0;
}


.one-half,
.one-third {
    position: relative;
    float: left;
	margin-right: 4%;
    margin-bottom: 20px;
 
}
 
.one-half { width: 45%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}


.eg-washington-wrapper .esg-entry-cover {
  background: linear-gradient(to top,rgba(90,93,91,0) 50%,rgba(90,93,91,0.83) 99%,rgba(90,93,91,0.85) 100%);

}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {
	padding-top: 0;
}

#primary-menu.no-responsive > li > ul > li > a {
	background-color: rgba(0,34,70,0.7);
	letter-spacing: 0.1em;
}
#primary-menu.no-responsive > li > ul > li > a, .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li a {
	letter-spacing: 0.1em;
}

/* #site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) {
	 background: linear-gradient(to bottom, rgba(0,34,70,1) 10%,rgba(0,0,0,0) 100%) !important;
} */
#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) {
	background: transparent !important;
}

#primary-menu.no-responsive > li > a {
	text-transform: none;
}

.block-content {
	padding: 0;
}



.gem-button-size-medium {
	font-size: 17px;
	letter-spacing: 0.1em;
	font-weight: 600;
	width: 360px;
	margin: 10px;
	 display:inline-block;
  position:relative; 
  z-index:0;
}
.gem-button-size-medium:before {
	  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #005CBF;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;

}
.gem-button-size-medium:hover:before  {
	transform: scaleX(1);
}
.gem-button-size-medium:hover {
	color: #fff !important;
		border-color: #005CBF !important;
}

.slider-button {
	display:inline-block;
  position:relative; 
  z-index:0;
}
.slider-button:before {
	 content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #3395FF;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.slider-button:hover:before {
	transform: scaleX(1);
}
.slider-button:hover {
	color: #fff !important;
}

.quote-text {
	font-size: 29px;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
	line-height: 48px;
	font-weight: 300;
	letter-spacing: 0;
}
.quote-text2 {
	font-size: 27px;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
	line-height: 51px;
	font-weight: 300;
	color: #003d80;
	letter-spacing: 0;
}

.quote-author {
	font-size: 16px;
    font-family: 'Montserrat Alternates', Arial, Sans Serif;
	line-height: 22px;
	letter-spacing: 0.1em;
	text-align: right;
	font-weight: 600;
	font-style: normal;
	margin-top: 32px !important;
}
.style2.gem-testimonials {
	margin-bottom: 32px;
}
.gem-testimonials.style2 .gem-testimonial-item {
	padding: 0;
}
.gem-counter-number {
	font-size: 94px;
	line-height: 110px;
	font-weight: 900;
}
.gem-counter-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	font-family: "Dosis";
}
.wpb_content_element {
	margin-bottom: 0;
}

.custom-footer .gem-icon-with-text > .gem-icon-with-text-content {
	vertical-align: middle;
}
.custom-footer p, .title-h6, h6, .custom-footer h4  {
	letter-spacing: 0.07em !important;
}
.custom-footer .vc_row-has-fill>.vc_column_container>.vc_column-inner {
	padding-top: 0;
}
.custom-footer .gem-icon-with-text {
	clear: both;
}
.custom-footer .gem-search-form {
  margin: 0;	
}
.pull-left {
	float: left;
}
.clear-both {
	clear: both;
}
/* .owl-carousel.owl-drag .owl-item {
	margin-right: 0 !important;
} */
.hermes.tp-bullets {
	left: 0;
	top: 70% !important;
}

.eg-washington-element-3 {
	font-size: 24px !important;
	letter-spacing: 0.07em !important;
}
.eg-washington-element-11-a > p {
	color: #fff !important;
}
.aoc-sub {
	opacity: 0.7;
	letter-spacing: 0.06em;
}
.wpcf7-form-control-wrap .your-message {
	width: 90%;
}

.owl-carousel.owl-loaded {
	max-height: 550px;
}
#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3 {
	background-color: #fff;
}

.wpcf7-form.gem-contact-form-dark input[type='submit'], .wpcf7-form input[type='submit'] {
	background-color: #57a2ff !important;
	width: 200px;
}
.wpcf7-form.gem-contact-form-dark input {
	width: 100%;
}

.header-style-1 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-1 #primary-menu.no-responsive > li.menu-item-current > a, #primary-menu.no-responsive > li > ul > li.menu-item-current > a, #primary-menu.no-responsive > li > ul > li.menu-item-active > a {
	border-bottom: 4px solid transparent;
	letter-spacing: 0.1em;
}


#site-header.fixed.shrink {
	background-color: #002246;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a {
	text-transform: none;
	color: #fff;
}
.top-area-contacts {
	float: right;
}

.top-area-contacts:after, .top-area-socials:after {
	height: 20px;
	top: 100%;
}
.top-area-contacts:after, .top-area-socials:after {
	display: none;
}

.gem-contacts-email:after {
	content: '';
    position: absolute;
    margin-top: -25px;
    right: 0;
	height: 20px;
    top: 100%;
}

.quickfinder-item-title {
	text-transform: none;
}

.wpcf7 textarea {
	display: block;
	width: 100%;
}

.wpcf7-form-control-wrap {
	width: 90%;
}

.top-area-socials, .gem-contacts-email {
	float: left;
}
.top-area-contacts:after, .top-area-socials:after {
	content: '';
}

.post-content .post-meta {
	margin-bottom: 0;
}
article:not(.type-page) > .entry-content.post-content {
	margin-bottom: 0;
	margin-top: -8px;
}

.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title, .wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title  {
	font-size: 24px;
	font-weight: 500;
	font-family: "Dosis";
	letter-spacing: 0.1em;
	
}



.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title {
	color: #666666 !important;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-heading, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon::before {
	border-color: #3395FF !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
	color: #fff !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #5CAAFF !important;
	border: 1px solid transparent;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading i.vc_tta-controls-icon.vc_tta-controls-icon-plus::before{
	border-color: #fff !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
	background-color: #002246 !important;
	border-color: transparent !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
	padding: 25px 50px !important;
}

.eg-washington-element-11-a > p {
	font-family: "Dosis";
	font-weight: 500;
}

#primary-menu.no-responsive .menu-item-has-children > a::after {
 color: #33FFD0;
 content: ' ▾';
 font-size: 15px;
}

#primary-menu.no-responsive .menu-item-has-children > a, #primary-navigation.responsive .menu-item-has-children > a {
	  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.top-area-block {
	padding: 0 20px;
	letter-spacing: 0.1em;
	font-size: 13px;
	font-weight: 500;
}

.name-footer {
	padding-left: 32px;
}

::placeholder {
  color: #919191 !important;
  opacity: 1 !important; /* Firefox */
  letter-spacing: 0.07em !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #919191 !important;
letter-spacing: 0.07em !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #919191 !important;
	letter-spacing: 0.07em !important;
}

.gem-search-form.gem-search-form-style-light .search-field::placeholder {
	color: #919191 !important;
	letter-spacing: 0.07em !important;
}

.title-xlarge {
	text-transform: none; 
}

.wpb-js-composer .vc_tta.vc_tta-spacing-20 .vc_tta-tab {
	width: 48.3%;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
  padding: 50px 0;	
}

.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #3395FF;
	color: #fff;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-title-text {
	color: #fff;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-title-text {
	text-transform: none;
	font-family: "Dosis";
	font-weight: 600;
    font-size: 18px;
	letter-spacing: 0.07em;
}
.wpb-js-composer .vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
	background-color: #fff;
}

.tp-bgimg, .background-position-1 {
  background-attachment: fixed !important;    
}

#page-title {
	z-index: 1;
}

.animation1 {
	  animation-delay: 2s !important;
}
.animation2 {
	  animation-delay: 3s !important;
}
.animation3 {
	  animation-delay: 4s !important;
}
.animation4 {
	  animation-delay: 5s !important;
}

.gem-testimonials-carousel {
	position: relative !important;
		height: auto !important;
}
.caroufredsel_wrapper  {
	height: auto !important;
}
.gem-testimonials-carousel-wrap, .caroufredsel_wrapper {
	overflow: visible !important;
}


.rev_slider video {pointer-events: none}


.CP-5:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	top: 23.8%;
    right: 27%;
	    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom : 40px solid #3395FF;
    clear: both;
}

@media only screen and (min-width: 1754px) and (max-width: 2000px)
{
	.CP-5:after {
		top: 23.4%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1025px)
{
	.CP-5:after {
		top: 23%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 840px)
{
	.CP-5:after {
		top: 21%;
	}
}
@media only screen and (min-width: 841px) and (max-width: 872px)
{
	.CP-5:after {
		top: 21.3%;
	}
}


@media only screen and (min-width: 240px) and (max-width: 359px){
	.CP-5:after {
		top: 8.8% !important;
}
}
	



.wpb_image_grid .wpb_image_grid_ul a {
	margin-right: 10px;
	margin-bottom: 10px
}

tbody p,  tbody ul li {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 22px !important; 
}


/* Format Editor */

.heading1-black, .heading2-black, .heading3-black, .heading4-black, .heading5-black {
 color: #222;	
}
.heading1-babyblue, .heading2-babyblue, .heading3-babyblue, .heading4-babyblue, .heading5-babyblue {
   color: #3395FF;
}
.heading1-darkblue, .heading2-darkblue, .heading3-darkblue, .heading4-darkblue, .heading5-darkblue  {
	color: #003d80;
}
.heading1-white, .heading2-white, .heading3-white, .heading4-white, .heading5-white {
	color: #fff;
}
.heading2-green {
	color: #33FFD0;
}


.heading1-black, .heading1-babyblue, .heading1-darkblue, .heading1-white {
	font-size: 55px;
	font-weight: 300;
	line-height: 66px;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}

.heading2-black, .heading2-babyblue, .heading2-darkblue, .heading2-white, .heading2-green {
	font-size: 40px;
	font-weight: 500;
	line-height: 50px;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}
@media only screen and (max-width: 414px) {
	.heading2-black, .heading2-babyblue, .heading2-darkblue, .heading2-white, .heading2-green {
		font-size: 30px;
		line-height: 38px;
	}
	.quote-author {
		width: 100% !important;
	}
	.space-120 {
		height: 60px !important;	
}
	
}

.heading3-black, .heading3-babyblue, .heading3-darkblue, .heading3-white {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}
@media only screen and (max-width: 414px) {
	.heading3-black, .heading3-babyblue, .heading3-darkblue, .heading3-white {
		font-size: 18px;
		line-height: 25px;
	}
}


.heading4-black, .heading4-babyblue, .heading4-darkblue, .heading4-white {
		font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}
.heading5-black, .heading5-babyblue, .heading5-darkblue, .heading5-white {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	font-family: 'Dosis', Arial, Sans Serif;
}
.subtitle1-black {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Dosis', Arial, Sans Serif;
	letter-spacing: 0.1em;
	color: #222;
}
.subtitle1-darkblue {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Dosis', Arial, Sans Serif;
	letter-spacing: 0.1em;
	color: #003d80;
}
.subtitle1-white {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Dosis', Arial, Sans Serif;
	letter-spacing: 0.1em;
	color: #fff;
}

.subtitle2-black {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
	letter-spacing: 0.1em;
	color: #222;
}
.subtitle2-darkblue {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
	letter-spacing: 0.1em;
	color: #003d80;
}
.subtitle2-white {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
    font-family: 'Montserrat Alternates', Arial, Sans Serif;
	letter-spacing: 0.1em;
	color: #fff;
}
.icon-label-black {
	color: #222;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 28px;
	font-weight: 500;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}
.icon-label-darkblue {
	color: #003d80;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 0;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}
.icon-label-white {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: 0;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}

.icon-label-green {
	color: #33FFD0;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
	font-weight: 500;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
}

.body-large-black { 
	font-size: 18px;
	color: #222;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
.body-large-darkblue { 
	font-size: 18px;
	color: #003d80;
	font-family: 'Montserrat Alternates', Arial, Sans Serif;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
.body-large-white { 
	font-size: 18px;
	color: #fff;
		font-family: 'Montserrat Alternates', Arial, Sans Serif;
	line-height: 28px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}
.body-black {
  color: #222;
	font-family: 'Dosis', Arial, Sans Serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.07em;
}

.body-darkblue {
  color: #003d80;
	font-family: 'Dosis', Arial, Sans Serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.07em;
}

.body-white {
  color: #fff;
  font-family: 'Dosis', Arial, Sans Serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.07em;
}

@media only screen and (max-width: 414px) {
	.body-white, .body-darkblue, .body-black {
		font-size: 15px;
		line-height: 24px;
	}
}



/* End of Format Editor */




@media only screen and (max-width: 1199px) {
	.display-none {
		display: none;
	}
	.expandTo70 {
		height: 80px !important;
	}
}


@media (max-width: 1000px) {
	h1 {
		font-size: 55px;
		line-height: 70px;
	}
	h2 {
		font-size: 40px;
		line-height: 56px;
	}
	
	.title-xlarge {
	font-size: 4vw;
	line-height: 5.6vw;
}

}


@media only screen and (max-width: 769px) {
    .one-half, .one-third {
        width: 90%;
        margin-right: 0;
    }
	.gem-table-style-1.gem-table {
	overflow: auto;
}
	.gem-table-responsive .tabletolist.rh > li > .titles  {
		color: #000;
	}
	.gem-testimonials.style2 .gem-testimonial-content {
		padding-top: 0;
	}
		.gem-icon-with-text-content, .gem-icon-with-text-text, .gem-icon-with-text-text > :first-child {
		text-align: left !important;
	}
	.name-footer {
		padding-left: 0;
		float: none;
	}
	.social-footer {
		text-align: left;
	}
	.empty-footer {
		display: none;
	}
	.gem-testimonial-text {
		padding: 0;
	}
	.contactus-footer {
		text-align: left;
	}
	.name-footer {
		padding-left: 100px;
	}
	.CP-5:after {
    top: 21.5%;
    right: 27%;
	}

}
@media only screen and (max-width: 600px) {
	.styled-subtitle {
		font-size: 14px;
		line-height: 24px;
	}
} 

@media only screen and (max-width: 414px) {
	.hermes.tp-bullets {
		display: none;
	}
	.gem-button-position-center .gem-button, .gem-button-position-inline .gem-button, .gem-button-position-inline {
		width: 100%;
	}
	.wpcf7-form.gem-contact-form-dark input[type='submit'], .wpcf7-form input[type='submit'] {
		width: 90%;
	}
	.CP-5:after {
      right: 13%;
    top: 9.6% !important;
	}
/* 	.rev_slider a{
		min-width: 80% !important;
		max-width: 80% !important;
		margin: 0 auto !important;
	} */
	

}

.page-wrapper { margin:0px auto; }
section{ padding: 60px 0;}

.main_content{background:url("//webarchive.lib.cuhk.edu.hk/20250227120712oe_///glsd.ssc.cuhk.edu.hk/wp-content/uploads/2019/03/study_path_bg.jpg"); min-height:580px; position: relative; color: #fff; background-size: cover;background-repeat: no-repeat; background-position: bottom;}
.study_path .heading h3{ margin-top: 15px; font-family: 'Montserrat Alternates', sans-serif; font-weight: 400; margin-bottom:15px; }
.main_content .content-tags{ margin-top: 30px; display: inline-block; width:100%;  }
.main_content .btn{border-radius: 35px; width: 250px; margin-bottom: 15px; padding: 14px; margin-left: 15px; }
.main_content .btn.one{background-color: #5cffd8; color: #001f40; }
.main_content .btn.two{background-color: #005cbd; color: #5ca8fd; }

.main_content .slider-for{ text-align: center; position: absolute; width: 35%; z-index: 999; right: 5%;}
.main_content .slider-for h1{ color: #fff;}

.slider_content .circle{height: 20px; width: 20px; background-color: #33ffc6;margin: auto;border-radius: 50%; border: 2px solid #fff;position: absolute;left: 0;right: 0;    bottom: 100px;}
.slider_content .slick-slide{ width: 370px;text-align: center; cursor: pointer; height: 520px; position: relative; outline:none; border:0px;}

.slider_content02 .circle{height: 20px; width: 20px; background-color: #33ffc6;margin: auto;border-radius: 50%; border: 2px solid #fff;position: absolute;left: 0;right: 0;    bottom: 100px;}
.slider_content02 .slick-slide{ width: 370px;text-align: center; cursor: pointer; height: 520px; position: relative; outline:none; border:0px;}

.slick-slide{  text-align: center;}
.slick-slide img{ margin: auto; }

.slider_content .slick-slide h2{color: #fff; font-size: 18px; transition: all 0.3s; text-transform: none;
	font-family: 'Montserrat Alternates', sans-serif; font-weight: 300; line-height:20px;}
	
	.slider_content02 .slick-slide h2{color: #fff; font-size: 18px; transition: all 0.3s; text-transform: none;
	font-family: 'Montserrat Alternates', sans-serif; font-weight: 300; line-height:20px;}

.slider-for .slick-slide h2{color: #fff; font-size: 52px;}

.slider_content .slick-slide.slick-current.slick-center .glob{opacity: 1; position: absolute; top: auto; right: 0; bottom: 50px; left: 0; text-align: center; margin: auto; height: 140px;}
.slider_content .slick-slide .glob{opacity: 0;}
.slider_content .slick-slide .glob img{margin: 0 auto;}

.slider_content .slick-slide::after{ position: absolute; content: ""; background: url("//webarchive.lib.cuhk.edu.hk/20250227120712oe_///glsd.ssc.cuhk.edu.hk/wp-content/uploads/2019/03/dots_bg.png"); top: auto; left: 203px; right: 0; bottom: 107px; height: 3px; width:97%; margin: auto;z-index: -1;}
.slick-slide.slick-current.slick-center::before{ position: absolute; content: ""; background: url("//webarchive.lib.cuhk.edu.hk/20250227120712oe_///glsd.ssc.cuhk.edu.hk/wp-content/uploads/2019/03/glob-shade.png"); top: auto; left: 0; right: 0; bottom: 107px; height: 170px; width: 100%; margin: auto;z-index: -1; -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
   -webkit-animation-duration: 1s;
   animation-duration: 7s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;}
   
   
   .slider_content02 .slick-slide.slick-current.slick-center .glob{opacity: 1; position: absolute; top: auto; right: 0; bottom: 50px; left: 0; text-align: center; margin: auto; height: 140px;}
.slider_content02 .slick-slide .glob{opacity: 0;}
.slider_content02 .slick-slide .glob img{margin: 0 auto;}

.slider_content02 .slick-slide::after{ position: absolute; content: ""; background: url("//webarchive.lib.cuhk.edu.hk/20250227120712oe_///glsd.ssc.cuhk.edu.hk/wp-content/uploads/2019/03/dots_bg.png"); top: auto; left: 203px; right: 0; bottom: 107px; height: 3px; width:97%; margin: auto;z-index: -1;}

.slick-slide.slick-current.slick-center .glob img{height: 100%;}

.slick-slide.slick-current.slick-center h2{font-size: 62px; font-family: 'Montserrat Alternates', sans-serif; font-weight: 300; text-transform: none; line-height:70px;}
.slick-slide.slick-current.slick-center img{width: auto;height: 300px; }
.slick-slide img{width: 120px; transition: all 0.4s;}
.slick-slide .theimage2{display: none;}
.slick-slide .theimage{display: block;}


.slick-slide.slick-current.slick-center .theimage2{display: block;}
.slick-slide.slick-current.slick-center .theimage{display: none;}

.visible-content { position: absolute; left: 0; right: 0; bottom: 140px;}
.slick-slide.slick-current.slick-center .visible-content { bottom: 180px;}


.slider-for ul li{ text-align: left; font-size: 26px; list-style: disc; width: 100%; font-family: 'Dosis', sans-serif; 
	font-weight: 400; line-height: 32px !important; letter-spacing: 0.08em;}
.slider-for ul {   width:auto; text-align: left; margin-top:60px; padding-left: 85px; }

.main_content .slider-for02{ text-align: center; position: absolute; width: 35%; z-index: 999; right: 5%;}
.main_content .slider-for02 h1{ color: #fff;}

.slider-for02 .slick-slide h2{color: #fff; font-size: 52px;}
.slider-for02 ul li{ text-align: left; font-size: 26px; list-style: disc; width: 100%; font-family: 'Dosis', sans-serif; 
	font-weight: 400; line-height: 32px !important; letter-spacing: 0.08em;}
.slider-for02 ul {   width:auto; text-align: left; margin-top:60px; padding-left: 40px; }


.main_content .btn.glsdbtns { background-color: #fff; color: #001F40; text-transform: none; margin-top: 15px; width: 160px; 
	float: left; margin-left: -15px; font-family: 'Dosis', sans-serif; font-weight: 500;  letter-spacing: 0.1em; padding:8px; border:none; font-size:14px; }
.main_content .btn.glsdbtns:hover, .main_content .btn.glsdbtns:focus { background-color: #5cffd8; color: #000;  }

.content-tags ul.nav-tabs { border-bottom: 0px; }
.content-tags ul.nav-tabs > li { margin-bottom: 30px;  display: block; width:100%; }

.content-tags ul.nav-tabs > li.active > a, .content-tags ul.nav-tabs > li.active > a:focus, .content-tags ul.nav-tabs > li.active > a:hover { background:#5cffd8; border: 0px; color: #001f40; cursor: pointer; font-family: 'Dosis', sans-serif; padding: 10px 75px; }

.content-tags ul.nav-tabs > li a{ background: #005cbd; border: 0px; color: #5ca8fd;  font-family: 'Dosis', sans-serif; 
	font-weight: 500; letter-spacing: 0.1em;  padding: 10px 75px; }


.tab-content{position: relative;}
.main_content .content-tags{position: absolute; z-index: 999; width: auto; left: 0;  }
.tab-content>.tab-pane{display: block; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1;}
.tab-content>.active{opacity: 1; z-index: 888;}



/*** Globe Animated CSS BOC***/
.slider_content .slick-slide.slick-current.slick-center .glob img { -webkit-animation: spin 0.0s linear infinite; 
	animation: spin 0.0s linear infinite; display: inline-block;  }
	
	.slider_content .slick-slide.slick-current.slick-center .glob:hover img { -webkit-animation: spin 1.8s linear infinite; 
	animation: spin 1.8s linear infinite; display: inline-block;  }

.slider_content .slick-slide.slick-current.slick-center .glob.first01 img { -webkit-animation: spin 1.8s linear infinite; 
	animation: spin 1.8s linear infinite; display: inline-block;  }
	
	
	
	
	.slider_content02 .slick-slide.slick-current.slick-center .glob img { -webkit-animation: spin 0.0s linear infinite; 
	animation: spin 0.0s linear infinite; display: inline-block;  }
	
	.slider_content02 .slick-slide.slick-current.slick-center .glob:hover img { -webkit-animation: spin 1.8s linear infinite; 
	animation: spin 1.8s linear infinite; display: inline-block;  }

.slider_content02 .slick-slide.slick-current.slick-center .glob.first01 img { -webkit-animation: spin 1.8s linear infinite; 
	animation: spin 1.8s linear infinite; display: inline-block;  }
	
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes spin {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

.faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-spin {
	-webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
.faa-spin.animated.faa-fast, .faa-spin.animated-hover.faa-fast:hover, .faa-parent.animated-hover:hover > .faa-spin.faa-fast {
  -webkit-animation: spin 0.7s linear infinite; animation: spin 0.7s linear infinite; }
.faa-spin.animated.faa-slow, .faa-spin.animated-hover.faa-slow:hover, .faa-parent.animated-hover:hover > .faa-spin.faa-slow {
  -webkit-animation: spin 2.2s linear infinite; animation: spin 2.2s linear infinite; }

/*** Globe Animated CSS EOC***/


.slider_content .slick-slide.maintitles.dotsleft::after { width: 95%; right: -185px; } 
.slider_content .slick-slide.six06.dotsright::after { width:0%; left:0px; }
.slider_content .slick-slide.five05.dotsright::after { width:0%; left:0px; }


.slider_content .slick-slide.slick-current.slick-center.maintitles .visible-content{bottom: 170px;}
.slider_content .slick-slide h3{ position: absolute; color: #fff; font-size: 18px; bottom: 35px; left: 0; right: 0; 
	font-family: 'Montserrat Alternates', sans-serif; font-weight:600;

}
.slider_content .slick-slide.slick-current.slick-center h3{ font-size: 28px; color: #fff; bottom: 0px;}

.slider_content.slick-initialized.slick-slider{    margin-top: 50px;}


/**/

.slider_content02 .slick-slide.maintitles.dotsleft::after { width: 95%; right: -185px; } 
.slider_content02 .slick-slide.six06.dotsright::after { width:0%; left:0px; }
.slider_content02 .slick-slide.five05.dotsright::after { width:0%; left:0px; }


.slider_content02 .slick-slide.slick-current.slick-center.maintitles .visible-content{bottom: 170px;}
.slider_content02 .slick-slide h3{ position: absolute; color: #fff; font-size: 18px; bottom: 35px; left: 0; right: 0; 
	font-family: 'Montserrat Alternates', sans-serif; font-weight:600;

}
.slider_content02 .slick-slide.slick-current.slick-center h3{ font-size: 28px; color: #fff; bottom: 0px;}

.slider_content02.slick-initialized.slick-slider{    margin-top: 50px;}


.heading{background-color: #5CAAFF; color: #fff;}
.heading h3{ color: #fff;}


.main_content .tab-content .slick-next.slick-arrow{ position: absolute; right:0px; top:180%; z-index: 99999; border-radius: 100%; 
	border: none; font-size:0px; background-color: transparent; height:20px; width:15px; line-height: 0px;   }
.main_content .tab-content .slick-next.slick-arrow:before{ position: absolute; content: "\f105" ; font-family:'FontAwesome'; 
	font-size: 32px; left: 0; background-color: transparent; border-radius: 100%; color: #5ca8fd; }
.main_content .tab-content .slick-next.slick-arrow:hover:before{color: #5cffd8;  }

.main_content .tab-content .slick-prev.slick-arrow { position: absolute; left: 0px; top:180%; z-index: 99999; 
	border-radius: 100%; border: none; background-color: transparent; font-size:0px; height:20px; width:15px; line-height: 0px;}

.main_content .tab-content .slick-prev.slick-arrow:before{ position: absolute; content: "\f104" ; font-family:'FontAwesome'; 
	font-size: 32px; color: #5ca8fd; padding-right: 1px; left: 0; background-color: transparent; border-radius: 100%; }

.main_content .tab-content .slick-prev.slick-arrow:hover:before{color: #5cffd8;  }

.glsdSection .vc_column_container > .vc_column-inner 
{
	padding-left: 0px !important;
    padding-right: 0px !important;
}
.glsdSection .vc_column_container>.vc_column-inner
{
	padding-left: 0px !important;
    padding-right: 0px !important;
}

.glob.globfirst { position:absolute ; left: 0; right: 0; top:385px; bottom: 0;  margin: 0 auto 0; width: 150px; height: 150px; 
	z-index: 9999;}

.glob.globfirst img { -webkit-animation: spin 1.8s linear infinite; 
	animation: spin 1.8s linear infinite; display: inline-block;  }

.mainBgSpace { display:none;}
.mainBgSpace2 { display:block;}
.home-left-column {
    margin-top: -45px;
}

@media (min-width: 768px) and (max-width: 980px) {
	
h1, h2, h3, h4, h5, h6 { line-height:1.22; }
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;} 
h5 { font-size: 15px;} 
h6 { font-size: 14px;}
	
.main_content { min-height: 530px; }
.slider-for ul { margin-top: 35px; }
.slider-for ul li { font-size: 16px;  line-height: normal;}
.slick-slide.slick-current.slick-center h2 { font-size:40px; line-height:34px; } 	
.slick-slide.slick-current.slick-center img { height: 200px;}	
.slick-slide.slick-current.slick-center .gldsimg03 img { width:27%; }	
.slider_content .slick-slide.slick-current.slick-center .glob img { width: 34%;height: auto;  }
.slider_content .slick-slide { height: 480px; }

.slider_content02 .slick-slide.slick-current.slick-center .glob img { width: 34%;height: auto;  }
.slider_content02 .slick-slide { height: 480px; }

.slider-for ul li br { display: none; }	
.slider_content .slick-slide.slick-current.slick-center .glob { height: 135px; }

.slider_content02 .slick-slide.slick-current.slick-center .glob { height: 135px; }
	
.slider-for02 ul { margin-top: 35px; }
.slider-for02 ul li { font-size: 16px;  line-height: normal;}
.slider-for02 ul li br { display: none; }	
.home-left-column.wpb_column.vc_column_container {
    padding-left: 15px;
}
}

@media (max-width: 767px) {
	
h1, h2, h3, h4, h5, h6 { line-height:1.22; text-align:center; }

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;} 
h5 { font-size: 15px;} 
h6 { font-size: 14px;}
	
p { line-height:1.7; text-align:center;}
	
.main_content { min-height:500px; }
.main_content .content-tags { width: 100%; margin:0px auto 0; display:inline-block; }
.content-tags ul.nav-tabs > li { display: inline-block; width: 49%; }
.main_content .content-tags ul.nav-tabs > li .btn {  width:100%; padding: 6px 0; display: inline-block; text-align: center; font-size: 14px;}

.study_path .heading h3 { display:inline-block; text-align: center; width: 100%; } 	
	
.main_content .content-tags { position: relative; }
.slider-for ul { padding:0 5%;width:96%; float: none; margin: 0 auto 0;  }
.slider-for ul li { font-size: 14px; line-height: normal ; line-height:24px !important; }
.slick-slide.slick-current.slick-center h2 { font-size:28px; line-height:34px; } 	
.slick-slide.slick-current.slick-center img {     height: 180px;}	
.slick-slide.slick-current.slick-center .gldsimg03 img { width:23%; }	
.slider_content .slick-slide.slick-current.slick-center .glob img { width: 32%; }
.slider_content .slick-slide { height: 380px; }	

.slider_content02 .slick-slide.slick-current.slick-center .glob img { width: 32%; }
.slider_content02 .slick-slide { height: 380px; }	

.main_content .btn.glsdbtns  { margin-top: 10px; margin-left: 0px; margin-bottom: 0px; padding: 10px; }
.slider-for ul li br { display: none; }
.slider_content .slick-slide.slick-current.slick-center .glob { height: 130px;    height: auto; } 
.slider_content .slick-slide.slick-current.slick-center h3{ font-size: 18px; bottom: 30px;}	
.slider_content .slick-slide h3{    font-size: 14px;}

.slider_content02 .slick-slide.slick-current.slick-center .glob { height: 130px;    height: auto; } 
.slider_content02 .slick-slide.slick-current.slick-center h3{ font-size: 18px; bottom: 30px;}	
.slider_content02 .slick-slide h3{    font-size: 14px;}


.main_content .slider-for{width: 100%; right: 0; }
	
.main_content .content-tags ul.nav-tabs {width: 96%; margin: 30px auto 0; padding: 0px; }
.main_content .content-tags ul.nav-tabs > li .btn { margin-left:0px; }
.content-tags ul.nav-tabs > li { padding:0px 10px; }

.main_content .tab-content { width: 92%; margin: 0 auto; position: relative; }
.main_content .tab-content .slider-for ul  { padding: 0px 0 0 5px; }
.hidden { display:none !important;}	
.glob.globfirst{top: 225px;}

.content-tags ul.nav-tabs > li.active > a, .content-tags ul.nav-tabs > li.active > a:focus, .content-tags ul.nav-tabs > li.active > a:hover { padding:6px 0px;}
.slider-for02 ul { padding:0 5%;width:96%; float: none; margin: 0 auto 0;  }
.slider-for02 ul li { font-size: 14px; line-height: normal; line-height:24px !important; }
.slider-for02 ul li br { display: none; }
.main_content .slider-for02{width: 100%; right: 0; }
.main_content .tab-content .slider-for02 ul  { padding: 0px 0 0 5px; }

#mains01 .slick-next.slick-arrow {top: 140%;}
#mains01 .slick-prev.slick-arrow {top: 140%;}

#mains02 .slick-next.slick-arrow {top: 140%;}
#mains02 .slick-prev.slick-arrow {top: 140%;}

/*#mains02 .slick-next.slick-arrow {top: 108.6%;}
#mains02 .slick-prev.slick-arrow {top: 108.6%;}*/

.mainBg {flex-direction: column-reverse !important;}
.mainBgSpace { display:block;}
.mainBgSpace2 { display:none;}
.home-left-column {
    margin-top: -50px;
}

}

@media (min-width:320px) and (max-width:479px) {
	
.slider-for ul { padding: 0 5%; width: 92%; float: none; margin: 0 auto 0; }
.slider-for02 ul { padding: 0 5%; width: 92%; float: none; margin: 0 auto 0; }

.slider-for02 ul li { font-size: 12px; line-height: normal; line-height:22px !important; }
.slider-for ul li { font-size: 12px; line-height: normal ; line-height:22px !important; }

}

@media (min-width: 981px) and (max-width: 1200px) { 

h1, h2, h3, h4, h5, h6 { line-height:1.22; }
h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;} 
h5 { font-size: 15px;} 
h6 { font-size: 14px;}

.main_content { min-height: 530px; }
.slider-for ul { padding-right: 5%; margin-top: 35px; }
.slider-for ul li { font-size: 18px;     line-height: 28px;}
.slick-slide.slick-current.slick-center h2 { font-size:40px; line-height:34px; } 	
.slick-slide.slick-current.slick-center img { height: 250px; }	
.slick-slide.slick-current.slick-center .gldsimg03 img { width:27%; }	
.slider_content .slick-slide.slick-current.slick-center .glob img { width: 36%; }
.slider_content .slick-slide { height: 480px; }	
.slider_content .slick-slide.slick-current.slick-center h3{font-size: 20px;bottom: 20px;}
.slider_content .slick-slide h3{font-size: 16px;}	

.slider_content02 .slick-slide.slick-current.slick-center .glob img { width: 36%; }
.slider_content02 .slick-slide { height: 480px; }	
.slider_content02 .slick-slide.slick-current.slick-center h3{font-size: 20px;bottom: 20px;}
.slider_content02 .slick-slide h3{font-size: 16px;}	


.slider-for02 ul { padding-right: 5%; margin-top: 35px; }
.slider-for02 ul li { font-size: 18px;     line-height: 28px;}
}

@media (min-width: 1201px) and (max-width: 1400px) { 	
.slider-for ul li{ font-size: 18px; line-height: normal;}
.slider-for02 ul li{ font-size: 18px; line-height: normal;}
}
@media (min-width: 1400px) and (max-width: 1600px) { 	
.slider-for ul li{ font-size: 22px;}
.slider-for02 ul li{ font-size: 22px;}
}


.slick-slide.slick-current.slick-active{
	-webkit-animation: scale-up-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2019-2-8 17:19:29
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
