@import url('https://webarchive.lib.cuhk.edu.hk/20210325131704cs_/https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');
@import url('https://webarchive.lib.cuhk.edu.hk/20210325131704cs_/https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url('https://webarchive.lib.cuhk.edu.hk/20210325131704cs_/https://fonts.googleapis.com/css?family=Nunito:300,400,600,700');
@import url('https://webarchive.lib.cuhk.edu.hk/20210325131704cs_/https://fonts.googleapis.com/css?family=Bree+Serif');
@import url('https://webarchive.lib.cuhk.edu.hk/20210325131704cs_/https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');
@import url('https://webarchive.lib.cuhk.edu.hk/20210325131704cs_/https://fonts.googleapis.caom/css?family=Proxima+Nova');

@import url('//webarchive.lib.cuhk.edu.hk/20210325131704cs_///fonts.googleapis.com/earlyaccess/notosanstc.css');

@import url('customprime.css');

@font-face {
  font-family: "Flaticon";
  src: url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/fonts/Flaticon.eot");
  src: url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/fonts/Flaticon.eot#iefix") format("embedded-opentype"),
    url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/fonts/Flaticon.woff") format("woff"),
    url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/fonts/Flaticon.ttf") format("truetype"),
    url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
  /*margin-left: 20px;*/
}

.flaticon-mountain:before { content: "\f100"; }
.flaticon-nature:before { content: "\f101"; }
.flaticon-lawn-mower:before { content: "\f102"; }
.flaticon-hand-and-leaf:before { content: "\f103"; }
.flaticon-herbs-leaves-for-natural-spa-treatment:before { content: "\f104"; }
.flaticon-grass:before { content: "\f105"; }
.flaticon-plant:before { content: "\f106"; }
.flaticon-plant1:before { content: "\f107"; }
.flaticon-herbal-spa-treatment-leaves:before { content: "\f108"; }

.flaticon-silhouette:before { content: "\f109"; }
.flaticon-people:before { content: "\f10a"; }
.flaticon-dancer-motion:before { content: "\f10b"; }
.flaticon-dancing-man:before { content: "\f10c"; }
.flaticon-flamenco-dancers-sexy-couple-silhouettes:before { content: "\f10d"; }
.flaticon-breakdancing-dancer:before { content: "\f10e"; }
.flaticon-flamenco-dancer:before { content: "\f10f"; }
.flaticon-ballerina-shoes:before { content: "\f110"; }
.flaticon-female-flamenco-dancer-shoes:before { content: "\f111"; }
.flaticon-michael-jackson:before { content: "\f112"; }
.flaticon-dancing-girl:before { content: "\f113"; }
.flaticon-dancing:before { content: "\f114"; }
.flaticon-dancer:before { content: "\f115"; }
.flaticon-flamenco-couple-dancing:before { content: "\f116"; }
.flaticon-jumping-dancer:before { content: "\f117"; }
.flaticon-dancer-with-music:before { content: "\f118"; }
.flaticon-man-in-a-party-dancing-with-people:before { content: "\f119"; }

.flaticon-transport-4:before { content: "\f11a"; }
.flaticon-transport-3:before { content: "\f11b"; }
.flaticon-transport-2:before { content: "\f11c"; }
.flaticon-transport-1:before { content: "\f11d"; }
.flaticon-transport:before { content: "\f11e"; }
.flaticon-generator:before { content: "\f11f"; }
.flaticon-car-door:before { content: "\f120"; }
.flaticon-car-lights:before { content: "\f121"; }
.flaticon-gears:before { content: "\f122"; }
.flaticon-car-with-wrench:before { content: "\f123"; }
.flaticon-tire:before { content: "\f124"; }
.flaticon-car-wheel:before { content: "\f125"; }
.flaticon-car-repair:before { content: "\f126"; }
.flaticon-taxi-1:before { content: "\f127"; }
.flaticon-oil:before { content: "\f128"; }
.flaticon-car-1:before { content: "\f129"; }
.flaticon-car:before { content: "\f12a"; }
.flaticon-motor-1:before { content: "\f12b"; }
.flaticon-motor:before { content: "\f12c"; }
.flaticon-car-2:before { content: "\f12d"; }
.flaticon-taxi:before { content: "\f12e"; }

/**/

html {scroll-behavior: smooth;}

body {
  font-family:sans-serif!important;
  font-weight:400!important;
  font-size:16px;
  color:#333;
  font-style: normal;
  letter-spacing: 0;
  line-height: 27px;
}
@media(min-width:1600px){
  body {
    font-size:18px;     
  }
}

strong{font-weight:700;color:#000;}

.sp-contact-info {float: left;}
ul.social-icons {float: right;}
.sp-contact-info li i {color:#252525;}
.sp-contact-info li a {color:#252525;}
.sp-contact-info{color:#252525;font-weight:400;}
ul.social-icons > li a {color:#252525;}

ul.social-icons > li{
  background:transparent;
  width:30px;
  height:30px;
  padding:0;
  text-align:center;
  border-radius:100px;
}
ul.social-icons > li:hover {background:#e12957;}
ul.social-icons > li:hover a{color:#fff!important;}

/**/
@media (max-width: 1024px){
  .sp-megamenu-parent {display: none !important;}
  #offcanvas-toggler {	display: inline-block !important;visibility: visible;}
}
/**/

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-family: Raleway;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0 8px;
  text-transform: uppercase;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color:#fff/* #252525*/;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover{ color: #252525;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color:#e12957 ;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {font-weight:500;font-family: Raleway;color:#fff;
  -webkit-animation: spMenuFadeIn 400ms;
  animation: spMenuFadeIn 400ms;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {background:#f5f5f5;color:#252525;}

/**/
.sp-page-title .breadcrumb {display:none;}
#sp-breadc{
  border-bottom: 1px solid #f0f0f0;
  padding: 0px 0px 0px 0px;
}
.breadcrumb {
  background: #fff;
  margin-bottom: 5px;
  padding-left: 0px;
}
.breadcrumb > li a {
  color: #000;
  transition: all 500ms ease 0s;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  letter-spacing:1px ;
  font-family:Nunito;
}
.breadcrumb > li a:hover {color:#252525;transition: all 500ms ease 0s;}
.breadcrumb > li + li::before {content:" ";}
.breadcrumb > li + li a::after {
  color: #252525;
  content: "\f0da";
  font-family: FontAwesome;
  padding-left:10px;
}
.breadcrumb > .active {
  color: #05386B;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 2px;
  text-transform: none;
  letter-spacing:1px ;
  font-family:Nunito;
}

/**/

.prime01 .sppb-addon-title {
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding-left:5px;
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.prime01 .sppb-addon-content {display:none;}
.prime02 .sppb-addon-title {
  font-size:60px;
  color:#fff;
  font-weight:800;
  margin-top:0;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.prime02 .sppb-addon-content {
  font-size:17px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding-left:5px;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
blockquote { border-left: 3px solid #252525; font-size: 17px !important;}
/*buttons*/
.btn-color .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
}
.btn-color .sppb-btn:hover {
  background-image: linear-gradient(to bottom, #b91e1f, #e12957);
  border:2px solid #e12957;
  transition: all 0.3s ease 0s;
}

/**/

.btn-color-round .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:50px;
}
.btn-color-round .sppb-btn:hover {
  background:#fff;
  border:2px solid #fff;
  transition: all 0.3s ease 0s;
  color:#252525;
}
/**/


.btn-color-round2 .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:50px;
}
.btn-color-round2 .sppb-btn:hover {
  background:#fff;
  border:2px solid #fff;
  transition: all 0.3s ease 0s;
  color:#252525;
}

/**/
.sppb-btn-success, .sppb-btn-info{
  font-weight:400!important;
  font-family:Nunito;
  padding:12px 30px!important;
  transition: all 0.3s ease 0s;
  border-radius:3px;
  height:50px;
  line-height: 28px;
}
/**/
.btn-color-square {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400!important;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.btn-color-square:hover {
  background:#fff;
  border:2px solid #fff;
  transition: all 0.3s ease 0s;
  color:#252525!important;
}
/**/
.btn-blue .sppb-btn {
  background:#23a0d1;
  border:2px solid #23a0d1;
  font-size:14px;
  color:#fff;
  font-weight:400!important;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.btn-blue .sppb-btn:hover {
  background:#0f8fc2;
  border:2px solid #0f8fc2;
  transition: all 0.3s ease 0s;
  color:#fff!important;
}
/**/
.btn-color-square2 .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.btn-color-square2 .sppb-btn:hover {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
  color:#fff;
}
/**/

.btn-color-link .sppb-btn {
  background:transparent;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
}
.btn-color-link .sppb-btn:hover {
  background:#e12957;
  border:2px solid #e12957;
  transition: all 0.3s ease 0s;
}
/**/

.btn-color-full .sppb-btn {
  background:#fac012;
  border:2px solid #fac012;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
}
.btn-color-full .sppb-btn:hover {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
}

/**/
.btn-white-link .sppb-btn {
  background:transparent;
  border:2px solid #fff;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
  border-radius:50px;
}
.btn-white-link .sppb-btn:hover {
  background:#e12957;
  border:2px solid #e12957;
  transition: all 0.3s ease 0s;
}

/**/

.btn-lands .sppb-btn {
  background:#94c43d;
  border:2px solid #94c43d;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
}
.btn-lands  .sppb-btn:hover {
  background:#6b9c11;
  border:2px solid #6b9c11;
  transition: all 0.3s ease 0s;
}

/**/


.btn-lands .sppb-btn-danger {
  background:#252525!important;
  border:2px solid #252525!important;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
}
.btn-lands  .sppb-btn-danger:hover {
  background:#6b9c11!important;
  border:2px solid #6b9c11!important;
  transition: all 0.3s ease 0s;
}

/**/
.btn-round-ecc .sppb-btn {
  background:#fff;
  border:2px solid #fff;
  font-size:16px;
  color:#252525;
  font-weight:400;
  font-family: 'Bree Serif', serif;
  padding:12px 40px;
  transition: all 0.3s ease 0s;
  border-radius:50px;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.06);
}
.btn-round-ecc .sppb-btn:hover {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
  color:#fff;
}

.btn-primary {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
  border-radius:2px;
}
.btn-primary:hover {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
}
/**/
.product-qty.product-qty input[type="text"], .product-qty.product-qty input[type="number"] {height:52px;border-radius:2px;}


/*background hover*/

.background-overlay-gradient-colored::before {
  background-image: linear-gradient(137deg, #ff5757 0%, #764aff 100%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
}
.style-dot::after {
  background:url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/images/dots.png") repeat;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
}

/**/

.prime03 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.prime03 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime03 .sppb-icon {
  border-radius:100px;
  background:#f5f5f5;
  width:60px;
  height:60px;
  margin-right:10px;
  text-align:center;
  transition: all 0.3s ease 0s;
}
.prime03 .sppb-icon i {
  line-height:60px;
  font-size:25px;
  color:#e12957;
}
.prime03:hover .sppb-icon {margin-top:8px;transition: all 0.3s ease 0s;}
.prime03:hover .sppb-icon {background:#e12957;}
.prime03:hover .sppb-icon i{color:#fff;border:2px solid #fff;border-radius:100px;width:55px;
  height:55px; line-height:53px; margin-top:2px}
/**/
.prime04 .sppb-flipbox-front .flip-box-inner {
  position:absolute;
  bottom:0;
  padding:20px 0;
  text-align:left;
  text-transform:uppercase;
  font-weight:600;
  font-size:14px;
  line-height:26px;
}
.prime04 .sppb-flipbox-front .flip-box-inner span {
  text-transform:capitalize;
  font-weight:400;
  font-size:14px;
  color:#ccc;
  font-style:italic
}

.prime04 .sppb-flipbox-front.flip-box::before {
  background-image: linear-gradient(to bottom, #000, #252525);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}

.prime04 .sppb-flipbox-back .flip-box-inner{
  padding:5px 10px;
  font-weight:400;
  font-size:14px;
}

/**/

.prime05 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.prime05 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime05 .sppb-icon {
  border-radius:100px;
  background:#fff;
  width:60px;
  height:60px;
  margin-right:10px;
  text-align:center;
  border:1px solid #eee;
  transition: all 0.3s ease 0s;
}
.prime05 .sppb-icon i {
  line-height:60px;
  font-size:25px;
  color:#e12957;
}
.prime05:hover .sppb-icon {margin-top:8px;transition: all 0.3s ease 0s;}

/**/
.prime06 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:23px;
  font-weight:600;
  line-height:35px;
}
.sppb-addon-title {
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.sppb-addon-content {
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}

.sppb-addon-text {
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}

/**/
.prime07 {padding-bottom:35px;}
.prime07 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:55px;
  font-weight:800;
  line-height:80px;
}
.prime07 .sppb-addon-title span {color:#e12957;}
.prime07 .sppb-addon-content {
  color:#fafafa;
  font-family:Nunito;
  font-size:18px;
  font-weight:400;
  line-height:30px;
}



/**/
.prime08 {padding:20px 2px !important;}
.prime08 .sppb-addon-title {
  color:#fff;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime08 .sppb-addon-text {
  color:#999;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.prime08 .sppb-icon i {
  margin-top:6px;
  font-size:30px;
  color:#e12957;
  padding-right:15px;
}

/**/
.prime09 {
  background:#f7f7f7;
  padding:40px;
}
.prime09 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime09 .sppb-addon-content {
  color:#999;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.minus-topc {margin-top:-40%;position:relative;}
/**/

.prime10 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime10 .sppb-addon-text {
  color:#787878;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.prime10 .sppb-icon i {
  margin-top:6px;
  font-size:30px;
  color:#252525;
  padding-right:15px;
}

/**/

.prime11 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime11 .sppb-addon-content {
  color:#787878;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.creative-news.sppb-addon-articles .sppb-addon-article img {margin-top:-30px;position:relative;}
.creative-news.sppb-addon-articles .sppb-addon-article {background:#fff;border:2px solid #f2f2f2;}
.creative-news.sppb-addon-articles .sppb-addon-article h3 {margin-top:-10px;}
.creative-news.sppb-addon-articles .sppb-addon-article a {padding-left:20px; padding-right:20px;color:#252525; text-transform:uppercase; font-size:14px; font-weight:600}
.creative-news.sppb-addon-articles .sppb-article-introtext {padding:5px 20px 20px 20px; color:#787878;font-size:14px; font-weight:400;}

/**/

.acc-style01 .sppb-panel-danger > .sppb-panel-heading {color: #252525;background: #eee;transition: all 0.3s ease 0s;}
.acc-style01 .sppb-panel-title {text-transform: uppercase; font-weight:600; font-size:12px!important;}
.acc-style01 .sppb-panel-heading {padding: 7px 30px 7px 15px;}
.acc-style01 .sppb-panel-danger {border-color: #eee;margin-bottom:2px;}
.acc-style01 .sppb-panel-danger .sppb-panel-body {border-top-color: #eee;padding:13px 15px}
.acc-style01 .sppb-panel-body {font-size:14px; font-weight:400; color:#787878;transition: all 0.3s ease 0s;}
.acc-style01 .sppb-panel-danger > .sppb-panel-heading:hover {background:#e12957;color:#fff;transition: all 0.3s ease 0s;}

/**/

.acc-style02 .sppb-panel-danger > .sppb-panel-heading {color: #252525;background: #eee;transition: all 0.3s ease 0s;}
.acc-style02 .sppb-panel-title {text-transform: uppercase; font-weight:600; font-size:12px!important;}
.acc-style02 .sppb-panel-heading {padding: 7px 30px 7px 15px;}
.acc-style02 .sppb-panel-danger {border-color: #eee;margin-bottom:2px;}
.acc-style02 .sppb-panel-danger .sppb-panel-body {border-top-color: #eee;padding:13px 15px}
.acc-style02 .sppb-panel-body {font-size:14px; font-weight:400; color:#787878;transition: all 0.3s ease 0s;}
.acc-style02 .sppb-panel-danger > .sppb-panel-heading:hover {background:#fac012;color:#fff;transition: all 0.3s ease 0s;}



/**/

.prime12 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:700;
  line-height:29px;
  margin-top:0px;
}

.prime12 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.prime12 .sppb-addon-content::after {
  border-bottom: 2px dashed #787878;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin:0;
  width: 50px;
}

/**/

.dashed-style .img-box {
  border:2px dashed #eee;
  margin-left:4px;
  transition: all 0.3s ease 0s;
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.dashed-style .owl-carousel .owl-wrapper {margin-left:0px;}
.dashed-style .img-box:hover {border:2px dashed #ccc;transition: all 0.3s ease 0s;}

.dashed-style {border-top:1px dashed #e2e2e2;transition: all 0.3s ease 0s;padding:70px 0;}


/**/

/**/

.dashed-style2 .img-box {
  background:#f7f7f7;
  border:2px solid #eee;
  margin-left:4px;
  transition: all 0.3s ease 0s;
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.dashed-style2 .owl-carousel .owl-wrapper {margin-left:0px;}
.dashed-style2 .img-box:hover {border:2px solid #ccc;transition: all 0.3s ease 0s;}

.dashed-style2 {border-top:0px dashed #e2e2e2;transition: all 0.3s ease 0s;padding:20px 0;}


/**/
.prime08-light .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:17px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime08-light .sppb-addon-text {
  color:#999;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.prime08-light .sppb-icon i {
  margin-top:6px;
  font-size:30px;
  color:#e12957;
  padding-right:15px;
}

/**/

.prime13 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime13 .sppb-addon-content {
  color:#f5f5f5;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.prime14 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0px;
}

.prime14 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/
.business-cl {border:1px solid #eee; background:#fff; padding:30px;}

.business-tab .sppb-nav-pills > li > a {
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:29px;
  margin-top:0px;
  text-transform:uppercase;
  padding:0px 12px!important;
  border-radius:0px;
  border-bottom:2px solid transparent;
  transition: all 0.3s ease 0s;
}

.business-tab .sppb-nav-pills > li.active > a:hover, .business-tab .sppb-nav-pills > li.active > a:focus {border-bottom:2px solid #252525;transition: all 0.3s ease 0s;}

/**/

.testimonial-item > img {
  border-radius: 50%;
  display: block;
  float: none;
  height: 72px;
  margin: 0 auto 10px;
  width: 72px;
}
.testimonial-item > span {
  font-weight: 600;
  font-size: 15px;
  display: block;
  line-height: 22px;
  text-align:center;
}
.testimonial-item > span ~ span {
  font-weight: 500;
  color: #9d9d9d;
  display: block;
  font-size: 13px;
  font-style: italic;
  text-align:center;
}
.testimonial-item p {
  text-align:center;
  color:#787878;
  font-weight:400;
}

/**/

.white-cl .testimonial-item > span {color: #fff;}
.white-cl .testimonial-item > span ~ span {
  font-weight: 500;
  color: #fff;
  display: block;
  font-size: 13px;
  font-style: italic;
  text-align:center;
}
.white-cl .testimonial-item p {
  text-align:center;
  color:#fff;
  font-weight:400;
}

/**/
.business-style .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:26px;
  margin-top:0px;
}

.business-style .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.business-style .sppb-chart-icon i {
  position: absolute !important;
  left: -2px !important;
  top: 2px;
  font-size: 20px !important;
  padding:2px;
  background:#e0e0e0;
  border-radius:100px;
  width:40px;
  height:40px;
  line-height:35px;
  text-align:center;
  z-index:999;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
.business-style .sppb-chart-icon {
  border-radius:100px;
  z-index:999;

}

.business-style:hover i {
  background:#e12957;color:#fff;

}
/**/

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  background: #eee !important;
  border-radius: 2px;
  color: #555;
  font-weight: 400;
  transition: 300ms;
  padding: 5px 25px;
  font-family: Nunito;
  text-transform: capitalize;
  font-size: 14px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {background: #252525 !important;color: #fff;}
/**/

/**/

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  background: #fff;
  border: 1px solid #ededed;
  padding: 15px;
  transition: all 0.5s ease 0s;
  color:#252525;
  animation: pulse 2s infinite;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
  background: #252525;
  border: 1px solid #252525;
  transition: all 0.5s ease 0s;
  color:#fff;
}


.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 26px;
  margin-bottom: 4px;
  font-family: Nunito;
  font-weight: 400;
  text-transform: uppercase;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a {
  font-family: Nunito;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
  font-family: Nunito;
  font-weight: 400;
  font-size: 13px;
  color:#787878;
  border: 1px solid #eee;
  background:#fafafa;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {background:#252525;border: 1px solid #252525;}
/**/
.sp-simpleportfolio-description h2 {
  font-weight: 400;
  font-family: Nunito;
  font-size: 18px !important;
  color: #252525;
  line-height: 25px!important;
}
.sp-simpleportfolio-description h1 {
  font-weight: 600;
  font-family: Nunito;
  font-size: 23px !important;
  color: #252525;
  line-height: 1.4;
  text-transform: uppercase;
  display:none;
  margin-top:30px;
}
.sp-simpleportfolio-description h3 {
  font-weight: 800;
  font-family: Nunito;
  font-size: 23px !important;
  color: #252525;
  line-height: 1.4;
  text-transform: uppercase;
}
.sp-simpleportfolio-description p {font-weight: 400;color:565656;}
.sp-simpleportfolio .sp-simpleportfolio-meta h4 {
  font-weight: 800;
  font-family: Nunito;
  font-size: 15px !important;
  color: #252525;
  line-height: 1.4;
}
.sp-simpleportfolio .sp-simpleportfolio-meta > div {
  font-weight: 400;
  font-family: Nunito;
  font-size: 14px !important;
  color: #767676;
  line-height: 1.4;
}


.sp-simpleportfolio-link .btn-primary {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.sp-simpleportfolio-link .btn-primary:hover {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
  color:#fff;
}
.sp-simpleportfolio-view-item .sp-simpleportfolio-img {margin-bottom:50px;}
.sp-simpleportfolio-view-item .sp-simpleportfolio-meta {border-left:1px solid #eee; padding-left:30px !important;}
.sp-simpleportfolio-view-item .sp-simpleportfolio-description {padding-right:30px;}
/**/
#sp-bottom1 ul > li {border-bottom: 0px solid #e8e8e8;}
#sp-bottom1 .sp-module ul > li > a::before{content:" "!important;}


/**/

#sp-bottom1 ul > li > a {line-height:22px;}
#sp-bottom1 .contact-info ul {padding-top:10px;}
#sp-bottom1 .contact-info li a {color: #252525;}
#sp-bottom1 .contact-info li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 24px;
  padding: 10px 0 10px 30px;
  position: relative;
}
#sp-bottom1 .contact-info li:last-child {
  border: medium none;
}
#sp-bottom1 .contact-info li .icon {
  color: #252525;
  font-size: 16px;
  left: 0;
  line-height: 24px;
  position: absolute;
  top: 10px;
}

#sp-bottom3 .sp-module ul > li > a::before{content:" "!important;}
#sp-bottom3 ul > li {border-bottom: 0px solid #e8e8e8;}

/**/

.tagscloud .tag-name:hover {background:#e12957!important;border:1px solid #e12957;}
.tagscloud .tag-name {border:1px solid #1d1d21; background:#1d1d21!important;}


/**/
.single-footer-widget .footer-contact-info li {
  margin-bottom: 12px;
  padding-left: 35px;
  position: relative;
}
.single-footer-widget .footer-contact-info li:last-child {
  margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder {
  left: 0;
  position: absolute;
  top: 7px;
}
.single-footer-widget .footer-contact-info li .icon-holder span::before {
  color: #43c3ea;
  font-size: 15px;
}
.single-footer-widget .footer-contact-info li .text-holder a {color: #fafafa;}
.single-footer-widget .footer-contact-info li .text-holder h5 {
  color: #fafafa;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: Open Sans!important;
}
.single-footer-widget .footer-contact-info li .text-holder h5 span {
  color: #fafafa;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Open Sans;

}
#sp-bottom4 .sp-module ul > li { border-bottom: 1px solid #1d1d21!important;}
.footer-contact-info li .icon-holder {
  left: 0;
  position: absolute;
  top: 7px;
}
#sp-bottom p, #sp-bottom {font-weight:400;}

/**/
#sp-bottom .sp-module .latestnews > div {border-bottom: 1px solid #1d1d21;}
#sp-right .sp-module .latestnews > div {border-bottom: 0px solid #1d1d21;}
#sp-left .sp-module .latestnews > div {border-bottom: 0px solid #1d1d21;}
.sp-module .latestnews > div > a {color:#fafafa;}
.sp-module .latestnews > div > a:hover {color:#fafafa;}
.socialfooter li {display: inline-block !important;margin-right: 5px;}
.socialfooter i:hover {color:#252525!important;transition: all 500ms ease 0s;}
.socialfooter li:hover i {color:#252525!important;transition: all 500ms ease 0s;}
.socialfooter i{transition: all 500ms ease 0s; line-height:25px!important; text-align:center;padding:2px;color:#fff}
.socialfooter span {text-transform: uppercase;font-size:13px;}
.socialfooter li {background:#e12957; border-radius:100%;border:1px solid #e12957;}
.socialfooter li:hover{background:#fff;border:1px solid #fff;}
.socialfooter li {width:32px; height:32px;}

.leftsocial li {display: inline-block !important;margin-right: 5px;}
.leftsocial i:hover {color:#fff!important;transition: all 500ms ease 0s;}
.leftsocial li:hover i {color:#fff!important;transition: all 500ms ease 0s;}
.leftsocial i{transition: all 500ms ease 0s; line-height:30px!important; text-align:center;padding:2px;color:#fff;margin-left: -5px!important;}
.leftsocial span {text-transform: uppercase;font-size:13px;}
.leftsocial li {background:#e12957; border-radius:100%;border:1px solid #e12957;}
.leftsocial li:hover{background:#252525;border:1px solid #252525;}
.leftsocial li {width:32px; height:32px;}
.leftsocial .sp-module  ul li a {line-height: 30px!important;}

.sp-module .sp-module-title {
  text-transform: uppercase !important;
  line-height: 1;
  font-family: Nunito !important;
  font-size:18px!important;
}

@media (max-width: 840px) {
  #sp-bottom .sp-column{margin:20px 0;padding:5px; }
}

#sp-footer {font-weight: 400;}

/**/
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 100px;
  right: 8%;
  display: none;
  z-index: 999;
  border: 1px solid transparent;
  background-color: #252525;
  border-radius: 100%;
}
.scrollup::before {color:#fff;}
.scrollup:hover {background-color: #555; color:#fff;}
.scrollup:hover::before{color:#fff;}
#sp-bottom a:hover {color:#f5f5f5;}

/**/

.prime15 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:20px;
  font-weight:600;
  line-height:36px;
  margin-top:0px;
}

.prime15 .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:70px;
  font-weight:700;
  line-height:80px;
}

.dbline span {
  display: inline-block;
  position: relative;
}
.dbline span:before,
.dbline span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  top: 15px;
  width:55px;
}
.dbline span:before {
  right: 100%;
  margin-right: 15px;
}
.dbline span:after {
  left: 100%;
  margin-left: 15px;
}

/**/
.dbline-color span {
  display: inline-block;
  position: relative;
}
.dbline-color span:before,
.dbline-color span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #e12957;
  border-top: 1px solid #e12957;
  top: 15px;
  width:55px;
}
.dbline-color span:before {
  right: 100%;
  margin-right: 15px;
}
.dbline-color span:after {
  left: 100%;
  margin-left: 15px;
}

/**/
.singlel-color span {
  display: inline-block;
  position: relative;
}
.singlel-color span:before,
.singlel-color span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #fac012;
  border-top: 1px solid #fac012;
  top: 15px;
  width:55px;
}
.singlel-color span:before {
  right: 100%;
  margin-right: 15px;
}
.singlel-color span:after {
  left: 100%;
  margin-left: 15px;
}


/**/
.prime16 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:700;
  line-height:29px;
  margin-top:0px;
}

.prime16 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.prime16 .sppb-addon-title::after {
  border-bottom: 2px dashed #e12957;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin:0 auto;
  width: 50px;
}


/**/
.prime17 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:28px;
  margin-top:0px;
}

.prime17 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
.prime17 img {border-radius:100%;}
.prime17 .sppb-img-container {border-radius:100%; border:2px dashed #f7f7f7; padding:7px;}
.prime17:hover .sppb-img-container{border:2px dashed #e12957;}
.prime17:hover .sppb-addon-text a {color:#e12957;}
.prime17 .sppb-addon-text a {color:#787878;line-height:30px;}

/**/
.prime18 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:28px;
  padding:0 20px;
}

.prime18 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  padding:0 20px 20px 20px;
}
.prime18 {
  border:1px dashed #eee;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.prime18:hover {
  transform: translateY(-10px);
  background:#fdf9f9;
  transition: all 0.3s;
}
/**/

.wedding-contact .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:20px;
  font-weight:700;
  line-height:29px;
  margin-top:0px;
}

.wedding-contact .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.wedding-contact .sppb-addon-title::after {
  border-bottom: 2px dashed #e12957;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin:0;
  width: 50px;
}

.wedding-contact .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
  float:right;
}
.wedding-contact .sppb-btn:hover{
  background: #fff;color:#252525;
  border:2px solid #fff;
}

.wedding-contact textarea, .wedding-contact input[type="text"] , .wedding-contact input[type="email"] {
  border-radius: 3px;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  border:2px solid #f5f5f5;
}
.wedding-contact input[type="text"] , .wedding-contact input{height: 45px!important;}
.wedding-contact textarea {height:200px;}

/**/

.prime19 .sppb-addon-title {
  color:#fff;
  font-family:Montserrat;
  font-size:50px;
  font-weight:600;
  line-height:60px;
  padding-bottom:10px
}

.prime19 .sppb-addon-content {
  color:#fff;
  font-family:Montserrat;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
/**/

.prime20 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:22px;
  font-weight:600;
  line-height:30px;
  padding-bottom:10px
}
.prime20 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}

/**/
.prime21 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:28px;
}
.prime21 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
.prime21:hover {
  transform: translateY(-10px);
  transition: all 0.3s ease 0s;
}
.prime21 {
  transition: all 0.3s ease 0s;
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.brd-left {border-left:1px solid #eee;padding:10px 10px 10px 30px;}
.pad-left {padding:10px 10px 10px 30px;}
@media (max-width: 840px) {
  .pad-left {border-left:1px solid #eee;padding:10px 10px 10px 30px;}
}

/**/

.prime22 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:600;
  line-height:30px;
  padding-bottom:10px
}
.prime22 .sppb-addon-title::after {
  border-bottom: 2px dashed #787878;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin:0;
  width: 50px;
}

.prime22 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.space-left {padding-left:10%!important; padding-right:8%!important;padding-top:50px!important; }
.space-right {padding-right:10%; padding-left:10%;padding-top:50px;}
/**/

.prime23 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:600;
  line-height:30px;
  padding-bottom:10px
}
.prime23 .sppb-addon-title::after {
  border-bottom: 2px dashed #787878;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin:0;
  width: 50px;
}

.prime23 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/
.prime24 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:28px;
}
.prime24 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
.prime24:hover {
  transform: translateY(-10px);
  transition: all 0.3s ease 0s;
}
.prime24 {
  transition: all 0.3s ease 0s;
  animation-duration: 1.1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.prime24 i {
  color:#252525;
}

/**/


.app-contact .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:20px;
  font-weight:700;
  line-height:29px;
  margin-top:0px;
}

.app-contact .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.app-contact .sppb-addon-title::after {
  border-bottom: 2px dashed #e12957;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin:0;
  width: 50px;
}

.app-contact .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
  float:none;
  margin:auto;
  display:block;
}
.app-contact .sppb-btn:hover{
  background: #252525;color:#fff;
  border:2px solid #252525;
}

.app-contact textarea, .app-contact input[type="text"] , .app-contact input[type="email"] {
  border-radius: 3px;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  border:2px solid #eee;
}
.app-contact input[type="text"] , .app-contact input{height: 45px!important;}
.app-contact textarea {height:200px;}
/**/

.prime25 {
  -webkit-box-shadow: 1.5px 2.598px 20px 0px rgba(0,0,0,0.04);
  box-shadow: 1.5px 2.598px 20px 0px rgba(0,0,0,0.04);
  margin-top: -70px;
  background: #fff;
  border-radius: 2px;
  padding:20px;
}


.prime25 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:28px;
}
.prime25 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
.prime25 .sppb-addon-text a {color:#fbbe03; font-weight:500;}


/**/

.prime26 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:700;
  line-height:30px;
}
.prime26 .sppb-addon-content {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}

/**/

.filter-left .sp-simpleportfolio .sp-simpleportfolio-filter {text-align:left;}
.filter-left .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
  background: rgba(250, 192, 18, 0.5);
}
/**/

/**/
.prime27 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:16px;
  font-weight:600;
  line-height:28px;
  padding:0 20px;
}

.prime27 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  padding:0 20px 20px 20px;
}
.prime27 {
  border:1px dashed #eee;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.prime27:hover {
  transform: translateY(-10px);
  background:#fac012;
  transition: all 0.3s;
}
.prime27:hover .sppb-addon-title {color:#fff;}
.prime27:hover .sppb-addon-text {color:#fff;}

/**/
.prime28 .sppb-addon-title {
  background:#fff; 
  border:1px solid #eee;
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:600;
  line-height:28px;
  padding:5px;
}
.prime28 {
  transition: all 0.3s ease 0s;
  border: 1px solid #eee;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background:#f7f7f7;
  padding:20px;
}
.prime28 .sppb-img-responsive {width:65px!important;transition: all 0.3s ease 0s;}
.prime28:hover .sppb-img-responsive {color-fill:#B86e25!important;transition: all 0.3s ease 0s;}
.prime28:hover {background:#fac012;border: 1px solid #fac012; transition: all 0.3s ease 0s;}

/**/


.prime29 {padding-bottom:35px;}
.prime29 .sppb-addon-title {
  color:#fff;
  font-family:Montserrat;
  font-size:18px;
  font-weight:600;
  line-height:30px;
  text-transform:uppercase;
}
.prime29 .sppb-addon-title span {color:#fac012;}
.prime29 .sppb-addon-content {
  color:#fafafa;
  font-family:Montserrat;
  font-size:45px;
  font-weight:800;
  line-height:60px;
  text-transform:uppercase;
}

/**/

.prime30 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.prime30 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime30 .sppb-icon {
  border-radius:100px;
  background:#fac012;
  width:60px;
  height:60px;
  margin-right:10px;
  text-align:center;
  transition: all 0.3s ease 0s;
}
.prime30 .sppb-icon i {
  line-height:60px;
  font-size:25px;
  color:#fff;
}
.prime30:hover .sppb-icon {margin-top:8px;transition: all 0.3s ease 0s;}
.prime30:hover .sppb-icon {background:#252525;}
.prime30:hover .sppb-icon i{color:#fff;border:2px solid #fff;border-radius:100px;width:55px; height:55px; line-height:53px; margin-top:2px}

/**/
.prime30 .pull-left {
  border-radius:100px;
  background:#fac012;
  width:60px;
  height:60px;
  margin-right:10px;
  text-align:center;
  transition: all 0.3s ease 0s;
}
.prime30 .sppb-img-container img {width:30px!important;padding-top:15px;}

.prime30:hover .pull-left{background:#252525;}
.prime30:hover .pull-left img{-webkit-filter: invert(100%);}

/**/
.social-team  {margin-left:-20px; display:block;text-align:center;margin-top:10px;}
.social-team li {display: inline-block!important;}
.social-team i:hover {color:#252525!important;transition: all 500ms ease 0s;}
.social-team li:hover i {color:#252525!important;transition: all 500ms ease 0s;}
.social-team i{transition: all 500ms ease 0s; line-height:25px!important; text-align:center;padding:2px;color:#fff}
.social-team span {text-transform: uppercase;font-size:13px;}
.social-team li {background:#fac012; border-radius:100%;border:1px solid #fac012;}
.social-team li:hover{background:#fff;border:1px solid #fff;}
.social-team li {width:32px; height:32px;}

/**/

.prime31 .sppb-addon-title {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
  margin-top:0;
}

.prime31 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.shringimg img {width:65px;margin-bottom:20px; padding-left:0;}

/**/
.prime32 .sppb-animated-number {
  color:#252525;
  font-family:Open Sans;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}
.prime32 .sppb-animated-number-title {
  color:#787878;
  font-family:Open Sans;
  font-size:14px;
  font-weight:600;
  line-height:29px;
}

/**/
/*
.contruction-wall {
background-image:url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/images/wall.png");
background-position: center top;
background-repeat:repeat-x; 
}*/

/**/

.prime33 .sppb-addon-title {
  color:#fff;
  font-family:Open Sans;
  font-size:16px;
  font-weight:600;
  line-height:29px;
  margin-bottom:20px;
}

.prime33 .sppb-addon-content {
  color:#fff;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
  padding-bottom:10px;
}
.prime33 a{color:#fff;}
.prime33 i {padding-right:6px;}
.prime33 li {list-style:none;padding-left:0px; margin-left:0;}
.prime33 ul {list-style:none;padding-left:0px; margin-left:0;}

.border-l {border-left:1px solid #86b333;}
.padd-l-r {padding-left:30px;padding-right:10px;}

/**/
.img-round01 img {border-radius:5px;}

.prime34 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:25px;
  font-weight:800;
  line-height:40px;
  margin-top:0;
  /*text-transform:uppercase;*/
}
.prime34 .sppb-addon-title span {color:#94c43d;}
.prime34 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/
.prime34-short{padding: 23px;border: 2px solid #f5f5f5;}
.prime34-short .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:800;
  line-height:30px;
  margin-top:0;
  text-transform:uppercase;
}
.prime34-short .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/
.prime34-short2 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:800;
  line-height:30px;
  margin-top:0;
  text-transform:uppercase;
}
.prime34-short2 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.prime35 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:29px;

}
.prime35 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime35 i {padding-top:5px;transition: all 0.3s ease 0s;}
.prime35:hover i{color:#fff;transition: all 0.3s ease 0s;}
.prime35 .sppb-icon-container{padding: 3px 6px; border:1px dotted #94c43d;transition: all 0.3s ease 0s;}
.prime35:hover .sppb-icon-container {background:#94c43d; border:1px solid #94c43d;transition: all 0.3s ease 0s;}

.prime36 .sppb-flipbox-panel .flip-box .box-land-serv  {
  color:#fff;
  font-family:Nunito;
  font-size:17px;
  font-weight:600;
  line-height:29px;
  text-transform:uppercase;
}
.prime36 .sppb-flipbox-panel .flip-box i::before{font-size:30px!important; color:#fff; margin-bottom:20px;}

/**/
.prime37 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size: 27px;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-weight: normal;
  line-height: 1.6em;
}
.prime37 .sppb-addon-title span {color:#94c43d;}
.prime37 .sppb-addon-title::after {
  background: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/images/theme-title.png) center center no-repeat;
  content: "";
  display: block;
  width: 87px;
  height: 12px;
  left: 0px;
}

.prime37 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.prime38 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.prime38 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime38 {border: 3px solid #eeeeee;padding:27px 15px 27px 20px;transition: 0.5s;}
.prime38 i::before{font-size:30px!important;text-align:center;margin-left:13px;}
.prime38 .sppb-icon .sppb-icon-container{
  position: absolute;
  left: 0;
  margin-top:28px;
  width: 60px!important;
  height: 60px;
  line-height: 60px;
  background:#eeeeee;
  transition: 0.5s;
}
.prime38 .sppb-media-body{padding-left:55px;}

.prime38:hover {transition: 0.5s;border: 3px solid #94c43d;}
.prime38:hover .sppb-icon .sppb-icon-container{
  transition: 0.5s;
  background:#94c43d!important;
  color:#fff!important;
  transition: 0.5s;
}
/**/

.lawn .sp-simpleportfolio .sp-simpleportfolio-filter {text-align: left;}
.lawn .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {background:#94c43d!important;}

/**/
.prime39 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size: 27px;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-weight: normal;
  line-height: 1.6em;
}
.prime39 .sppb-addon-title span {color:#94c43d;}
.prime39 .sppb-addon-title::after {
  background: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/images/theme-title.png) center center no-repeat;
  content: "";
  display: block;
  width: 87px;
  height: 12px;
  left: 0px;
}

.prime39 .sppb-addon-content {
  color:#fff;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.prime40 .sppb-person-information {
  background: #fff;
  margin-top: -1px !important;
  padding: 20px;
  border:1px solid #fff;
}

.sppb-addon-person .sppb-person-information > span.sppb-person-name {
  color:#252525;
  font-family:Nunito;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.6em;
  padding-bottom:10px;
}
.sppb-addon-person .sppb-person-information > span.sppb-person-designation, .sppb-addon-person .sppb-person-information > span {
  color:#787878;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

.prime40.sppb-addon-person .sppb-person-social {
  list-style: none;
  display: block;
  padding: 0;
  margin: -20px 0 0 0!important;
  background: #fff;
  padding: 5px 15px 15px 15px;
}
.prime40 .sppb-addon-content {background:#fff;}
.prime40.sppb-addon-person .sppb-person-social > li:hover { color: #94c43d;}
.prime40.sppb-addon-person {border:2px solid transparent;transition: 0.5s;border-radius:3px;}
.prime40.sppb-addon-person:hover {border:2px solid #eee;transition: 0.5s;margin-top:-10px;box-shadow: 3px 5px 20px rgba(0,0,0, 0.07);}
/**/
/**/
.prime41 .sppb-addon-title {
  background:#fff; 
  border:1px solid #eee;
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:600;
  line-height:28px;
  padding:5px;
}
.prime41 {
  transition: all 0.3s ease 0s;
  /*border: 1px solid #eee;*/
  border: 1px solid #94c43e;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background:#f7f7f7;
  padding:20px 15px 15px 15px;
}
.prime41 i::before {font-size:40px!important;transition: all 0.3s ease 0s;text-align:center;}
.prime41:hover i {color:#fff!important;transition: all 0.3s ease 0s;}
.prime41:hover {background:#94c43d;border: 1px solid #94c43d; transition: all 0.3s ease 0s;}

/**/

.testimonial-land blockquote {border-color:transparent }
.testimonial-land .testimonial-quote { position: relative; margin: 30px 0; padding: 40px 40px 40px 90px; font-family: Nunito; font-size: 16px; line-height: 2; background-color: #ffffff; border-radius: 1px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
@media (min-width: 992px) { .testimonial-land .testimonial-quote { margin: 0 0 30px 0; } }
.testimonial-land .testimonial-quote::before { position: absolute; content: '“'; top: 30px; left: 20px; color: rgba(50, 50, 50, 0.2); font-size: 100px; font-family: Nunito; width: 50px; height: 50px; line-height: 97px; transition: all 100ms ease-out; }
.testimonial-land .testimonial-quote:hover::before { color: rgba(50, 50, 50, 0.3); }
.testimonial-land .testimonial-quote::after { position: absolute; content: " "; top: 100%; left: 25px; height: 0; width: 0; border: solid transparent; border-color: rgba(72, 71, 71, 0); border-top-color: #ffffff; border-width: 15px; }
.testimonial-land .testimonial-person .testimonial-author { display: block; font-family: Nunito; font-size: 18px; font-weight: bold; font-style: normal; color: #252525;  padding-left:30px;}
.testimonial-land .testimonial-person .testimonial-location { font-size: 14px; font-style: normal; font-weight: 400; color: #94c43d; padding-left:30px;}


.owl-item{ padding: 0 5px 0 0;}

/**/
.sp-page-title {
  padding: 87px 0px 90px 0px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: left;
}

.sp-page-title h2{
  color: #252525;
  font-size: 36px;
  text-transform: uppercase;
  font-family:Nunito;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:10px;
}
.sp-page-title h3{
  color: #787878;
  font-size: 14px;
  text-transform: uppercase;
  font-family:Nunito;
  font-weight: normal;
  line-height: 1.5em;
  padding-left:12px;
}

/**/
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"]{
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  color: #252525;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 1px;
  font-family:Nunito;
  font-weight:400;
}
.form-land input {
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  color: #252525;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 1px;
  margin-bottom: 20px;
  font-family:Nunito;
  width:100%;
  font-weight:400;
}
.form-land textarea {
  height: 240px;
  padding: 6px 12px;
  font-size: 14px;
  color: #252525;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 1px;
  margin-bottom: 20px;
  font-family:Nunito;
  width:100%;
  font-weight:400;
}

.form-group4 input[type="submit"] {
  background:#94c43d!important;
  border:2px solid #94c43d;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding-left:30px;
  padding-right:30px;
  transition: all 0.3s ease 0s;
}
.form-group4 input[type="submit"]:hover {
  background:#6b9c11!important;
  border:2px solid #6b9c11!important;
  transition: all 0.3s ease 0s;
}
/**/
.working-h {
  background:#fff;
  border: 2px solid #eee; padding:30px 40px!important;
}
.opening-times ul { padding-left: 0; margin: 0; }
.opening-times ul li { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); list-style: none; text-align: left;font-family: Nunito;
  font-weight: 400; }
.opening-times ul li:first-of-type { padding-top: 0; }
.opening-times ul li:last-of-type { border-bottom: none; padding-bottom: 0; }
.opening-times ul li.today { font-weight: bold; color: #94c43d; }
.opening-times ul span.right { float: right; }
.opening-times ul span.right.label { padding: 5px 16px; color: #ffffff; font-size: 12px; font-weight: bold; border-radius: 1px; background-color: #94c43d; transition: all 0.3s ease 0s;}
.opening-times ul span.right.label:hover {background:#6b9c11!important;transition: all 0.3s ease 0s;}

/**/
.blog article.item .entry-image.intro-image img {width:100%;}
.blog article.item  {
  background:#fff;
  border: 2px solid #eee; padding:0 0 20px 0!important;
  font-weight:400;
  color:#787878;
}
.blog article.item h2 a{
  color: #252525;
  font-size: 20px;
  font-family:Nunito;
  font-weight: normal;
  line-height: 1.5em;
  padding:0px 20px 0px 20px;
}
.category-name a{color: #fff;}
.blog article.item .tags {padding:0px 20px 0px 20px;}
.readmore .btn-default{
  background:transparent;
  border:2px solid #eee;
  font-size:14px;
  font-weight:400;
  font-family:Nunito;
  padding:10px 25px;
  transition: all 0.5s ease 0s;
  color:#787878;
  border-radius:1px;
}
.readmore .btn-default:hover {color:#fff;background:#252525;transition: all 0.5s ease 0s;border:2px solid #252525;}
.article-info {font-size:12px;position:absolute; top:30px; left:30px;}

.blog article.item p {padding: 5px 20px 0px 20px;}
.blog .article-info {padding: 0 20px;}
.article-info > dd {
  color:#fff; 
  background:#252525;
  padding:5px 10px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.article-info > dd:hover {
  background:#111;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

/**/

#sp-right .sp-module ul > li > a::before {content:" ";}
#sp-right .sp-module ul > li {border-bottom: 1px solid transparent;}

.right-menu li a{padding:5px 0 5px 10px!important;}
.right-menu.nav > li  {margin-bottom:3px;}
.right-menu.nav > li > a {
  background:#f7f7f7;
  border-bottom: 1px solid #f6f6f6;
  padding: 0;
  color: #252525;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
  transition: all 500ms ease 0.15s;
  font-family: Nunito;
  width:100%;
}
.right-menu.nav.menu li{border: 1px solid #f6f6f6;}
.right-menu.nav li.active a { color:#fff; background:#e12957;}
.right-menu.nav li:hover a { color:#fff; background:#e12957;}
.right-menu.nav li a:after {
  content:"\f105";
  font-family: FontAwesome;
  float: right;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  transition: all 500ms ease 0.15s;
  margin-right:30px;
}
#sp-right .sp-module-title{
  font-size: 16px!important;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:20px;
  text-transform:uppercase;
  margin-bottom: 35px;
}
#sp-right .sp-module-title::after {
  border-bottom: 1px solid #252525;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin:0;
  width: 30px;
}
#sp-right input[type="text"] {width:100%;}
#sp-left input[type="text"] {width:100%;}
#sp-left .sp-module-title {
  text-transform: uppercase !important;
  line-height: 1;
  font-family: Nunito !important;
  font-size: 18px !important;
  color:#252525;
}
/**/
.entry-header h2 {
  color: #252525;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  font-family: Nunito;
}

article.item h3 {
  color: #252525;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  font-family: Nunito;
}
/**/
.prime42 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:17px;
  font-weight:800;
  line-height:40px;
  margin-top:0;
  text-transform:uppercase;
}
.prime42 .sppb-addon-title span {color:#94c43d;}
.prime42 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/

.pagination > li > a, .pagination > li > span {
  padding: 8px 15px;
  border: 1px solid #eee;
}

/**/
.minus-ecc {position:relative; margin-top:-30px;}

.prime43 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:20px;
  font-weight:800;
  line-height:40px;
  margin-top:0;
  text-transform:uppercase;
}
.prime43 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/

/*start shop*/
/*fix product page*/
.j2store-mainimage {margin-right:80px !important;}

.j2store-cart-buttons .btn, .j2store-cart-buttons .sppb-btn, .cart-checkout-button .btn {padding: 12px 30px;}
.j2store-cart h3 {color:#252525;}
#j2store-checkout-content h1 {color:#252525;}
#j2store-checkout-content h2 {color:#252525;}
.j2store-products-row .j2store-addtocart-form {display:none;}

/*add to cart hover*/

/*view hover*/
.j2store-products-row {position: relative;}
.image-cart { position: relative;}
.j2store-products-row .modal{ display:none!important;}

.j2store-products-row .modal {
  bottom: auto;
  height: 44px;
  left: 0;
  line-height: 35px!important;
  width: 100%;
  z-index: 6;
  border:0px;
  border-radius:0;
  transition: all 0.7s ease 0s;
}

.j2store-single-product2:hover .modal {
  margin-top:-106px!important;
  display:block!important;
  transition:bottom 0.3s ease 0s;
}
.j2store-single-product2 .modal{
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: block;
  font-size: 13px;
  text-align: center;
  transition: all 0.7s ease 0s;
}
.j2store-single-product2 .modal:hover {
  background-color: #111;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.7s ease 0s;
}

/*end*/
.j2store-single-product  .discount-percentage{ display:none!important;}
.product-sdesc p {
  color: #7b7b7b;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  text-transform: none;
}
.product-sdesc {margin-top:20px;}
.j2store-single-product .nav-tabs {margin-top:50px;}
h1.product-title{
  font-size: 25px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:40px;
}
.product-price-container .sale-price{
  font-family:Nunito;
  color: #252525;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  display:inline;
}
.product-sku {
  font-family:Nunito;
  color: #252525;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  display:block;
}

.manufacturer-brand {
  font-family:Nunito;
  color: #252525;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  display:block;
}

.j2store-addtocart-form .required {color:#e12957;}
.j2store-addtocart-form select {border-radius:1px; height:40px;width:250px;background:#f5f5f5;border:1px solid #eee;width:97%;}
.j2store-addtocart-form .options{
  font-family:Nunito;
  color: #252525;
  font-size: 15px!important;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  display:inline;
}

.product-price-container .strike {display:inline;color:#70767a;padding-right:10px;font-size:15px;}
.j2store-shop:before {
  font-family: FontAwesome!important;
  content:"\f07a"!important;
  color:#fff!important;
  padding-left:10px;
  padding-right:10px;

}
.j2store-shop {
  background: #e12957;
  border-radius: 3px;
  color: #fff;
  font-family: Nunito;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 23px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border:0px solid #ccc;
}

.j2store-shop:hover {
  background: #148f77;
  color: #fff;
  transition: all 0.3s ease 0s;
  border:0px solid #ccc;
}



.shop-list-tr .j2store-product-module-list{background:#fff;border:1px solid #eee;}
.shop-list-tr .j2store-product-list .product-qty {display: none;}
.shop-list-tr .product_cart_block .product-qty {display: none;}
.shop-list-tr .product_cart_block .j2store-cart-button {display: none;}
.shop-list-tr .j2store-module-product{padding:0!important; margin:0 !important;}
.shop-list-tr .j2store-product-image{padding:0!important; margin:0 !important;}
.shop-list-tr .product-cart-section { padding:20px!important; margin-left:0 !important ;border-bottom:1px dotted #eee;transition: all 0.5s ease 0s;}
.shop-list-tr .product-cart-section:hover {background:#f8f7f7;transition: all 0.5s ease 0s;}

/**/
.shop-list-tr .sppb-addon-title{
  font-size: 16px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:20px;
  text-transform:uppercase;
  margin-bottom: 35px;
}
.shop-list-tr .sppb-addon-title::after {
  border-bottom: 1px solid #252525;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin:0;
  width: 30px;
}

.shop-list-tr .product-title a {
  font-size: 14px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:22px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
}
.shop-list-tr .product-price-container .sale-price {
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
  text-align: left;
  line-height:22px;
}
.shop-list-tr .base-price {
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
  text-align: left;
  line-height:22px;
}

/**/

.shop-list-sidebar .j2store-product-module-list{background:#fff;border:1px solid transparent;}
.shop-list-sidebar .j2store-product-list .product-qty {display: none;}
.shop-list-sidebar .product_cart_block .product-qty {display: none;}
.shop-list-sidebar .product_cart_block .j2store-cart-button {display: none;}
.shop-list-sidebar .j2store-module-product{padding:0!important; margin:0 !important;}
.shop-list-sidebar .j2store-product-image{padding:0!important; margin:0 !important;}
.shop-list-sidebar .product-cart-section { padding:20px 0 0px 0px !important; margin-left:0 !important ;border-bottom:1px dotted #eee;transition: all 0.5s ease 0s;}



.shop-list-sidebar .product-cart-section:hover {background:#f8f7f7;transition: all 0.5s ease 0s;padding-left:20px!important;}

/**/
.shop-list-sidebar .sppb-addon-title{
  font-size: 16px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:20px;
  text-transform:uppercase;
  margin-bottom: 35px;
}
.shop-list-sidebar .sppb-addon-title::after {
  border-bottom: 1px solid #252525;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin:0;
  width: 30px;
}

.shop-list-sidebar .product-title a {
  font-size: 14px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:22px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
}
.shop-list-sidebar .product-price-container .sale-price {
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
  text-align: left;
  line-height:22px;
}
.shop-list-sidebar .base-price {
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
  text-align: left;
  line-height:22px;
}
/**/

.product-title a {
  font-size: 18px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:22px;
  width: 73%;
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
}
.j2store-product-list .product-price-container .sale-price {
  color: #252525;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
  float: right;
  margin-bottom: 0;
  margin-top: -32px;
  text-align: right;
  width: 26%;
  line-height:22px;
}
.discount-percentage {
  font-size:15px;
  color:#fff;
  padding:4px 16px;
  position: absolute;
  text-align: center;
  z-index: 5;
  right:30px;
  top:20px;
  background-color: #e12957;
  border-radius:2px;
}
.j2store-single-product{margin-top:20px;}
.j2store-product-list .j2store-single-product img {width:100%;}
.j2store-product-list .product-price-container .strike {
  color: #252525;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
  float: right;
  margin-bottom: 0;
  margin-top: -53px;
  text-align: right;
  width: 26%;
  line-height:22px;
  text-decoration: line-through;
}

.cart-item-count {
  animation-delay: 5000ms;
  animation-duration: 2000ms;
  animation-iteration-count: 1;
  animation-name: zoomInStable;
  animation-timing-function: linear;
  background: #e12957;
  border-radius: 50%;
  color: #ffffff;
  font-size:9px!important;
  height: 15px!important;
  line-height: 15px!important;
  position: absolute;
  right:0px!important;
  text-align: center;
  top: 20px;
  width: 15px!important;
}
.j2store-single-product .j2store-product-additional-images .additional-image-list {padding:0px;}

.j2store-single-product .j2store-product-additional-images .additional-image-list {
  margin-bottom: 60px;transition: all 0.4s ease 0s;
}
/*image gallery*/

@media (min-width: 550px) {
  .j2store-single-product .j2store-product-additional-images .additional-image-list{
    position: absolute;
    left: 0px;
    top: 0;
    transition: all 0.4s ease 0s;
  }
  .j2store-product-main-image {
    margin-bottom: 10px;
    margin-left: 75px;
  }
  .additional-image-list li {display: block;}
}

@media (max-width: 549px) {
  .j2store-single-product .j2store-product-additional-images .additional-image-list{transition: all 0.4s ease 0s;}
  .j2store-product-main-image {margin: 1px 1px 10px 1px;}
  .additional-image-list li {display: inline;}
  .j2store-img-responsive {display: inline;}
  .j2store-img-responsive:hover {
    transform: rotateY(0deg);
    transition: 0.5s;
  }
}
/*end*/

.j2store-single-product .j2store-product-additional-images .additional-image-list li {
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
}
.j2store-single-product .j2store-product-additional-images .additional-image-list li:hover {
  border-color: #e12957;transition: all 0.4s ease 0s;
}

.j2store-single-product #j2store_app_shareButton {
  margin-top: 20px;
  margin-bottom:10px;
  transition: all 0.4s ease 0s;
}
.j2store-single-product #j2store_app_shareButton a {
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  line-height: 28px;
  margin-right: 6px;
  text-align: center;
  width: 32px;
  transition: all 0.4s ease 0s;
}
.j2store-single-product #j2store_app_shareButton a img {
  opacity: 0.6;
  transition: all 0.4s ease 0s;
  display:inline-block;
}
.j2store-single-product #j2store_app_shareButton a:hover {
  opacity: 1;
  border: 1px solid #e12957;
  transition: all 0.4s ease 0s;
}

/*feature-prd*/

.feature-prd h4.product-title{
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 73%;
}

.feature-prd .j2store-module-product .product-title a {
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 73%;
}
.feature-prd .j2store-module-product .sale-price {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  position:absolute;
  right:0;
  top:-22px;
  text-align: right;
  text-decoration: none;
  width: 26%;
}
.feature-prd .j2store-module-product .strike {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: -45px;
  text-align: right;
  text-decoration: line-through;
  width: 26%;
}
.feature-prd .j2store-module-product {padding:0; margin:0;}

.feature-prd .j2store-product-image {margin-bottom:30px!important;}

/*hover modul pr*/
.feature-prd .j2store-product-image .modal{ display:none!important;}
.feature-prd .j2store-product-image:hover .modal {
  display:block!important;
  transition:bottom 0.3s ease 0s;
}
.feature-prd .j2store-module-product .modal{
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 13px;
  text-align: center;
  transition: all 0.7s ease 0s;
  width:100%;
  border-radius:0;
  border:0px solid #fff;
  position:relative;
  margin-top:-44px;
  height: 44px;
  line-height:35px;
}
.feature-prd .j2store-module-product .modal:hover {
  background-color: #111;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.7s ease 0s;
}
.feature-prd [class*="col-"] {padding:0;}
.feature-prd .j2store-module-product  {padding-left:15px!important;padding-right:15px!important;}
/*end*/
.feature-prd .j2store-img-responsive { width: 100%;}
/*products module*/
.feature-prd .j2store-product-modulepace .j2store-addtocart-form{display:none;}
.feature-prd .j2store-product-modulepace .discount-percentage {position: absolute;right:30px;top:20px;}
.product-under-image {margin-bottom:30px;}

/*feature-prd-v2*/

.feature-prd-v2 h4.product-title{
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 73%;
}

.feature-prd-v2 .j2store-module-product .product-title a {
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 73%;
}
.feature-prd-v2 .j2store-module-product .sale-price {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  position:absolute;
  right:0;
  top:-22px;
  text-align: right;
  text-decoration: none;
  width: 26%;
}
.feature-prd-v2 .j2store-module-product .strike {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: -45px;
  text-align: right;
  text-decoration: line-through;
  width: 26%;
}
.feature-prd-v2 .j2store-module-product {padding:0; margin:0;}

.feature-prd-v2 .j2store-product-image {margin-bottom:30px!important;}

/*hover modul pr*/
.feature-prd-v2 .j2store-product-image .modal{ display:none!important;}
.feature-prd-v2 .j2store-product-image:hover .modal {
  display:block!important;
  transition:bottom 0.3s ease 0s;
}
.feature-prd-v2 .j2store-module-product .modal{
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 13px;
  text-align: center;
  transition: all 0.7s ease 0s;
  width:100%;
  border-radius:0;
  border:0px solid #fff;
  position:relative;
  margin-top:-44px;
  height: 44px;
  line-height:35px;
}
.feature-prd-v2 .j2store-module-product .modal:hover {
  background-color: #111;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.7s ease 0s;
}
.feature-prd-v2 [class*="col-"] {padding:0;}
.feature-prd-v2 .j2store-module-product  {padding-left:20px!important;padding-right:20px!important;}
/*end*/
.feature-prd-v2 .j2store-img-responsive { width: 100%;}
/*products module*/
.feature-prd-v2 .j2store-product-modulepace .j2store-addtocart-form{display:none;}
.feature-prd-v2 .j2store-product-modulepace .discount-percentage {position: absolute;right:30px;top:20px;}
/*carousel hover*/

.carousel-prd h4.product-title{
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 73%;
}

.carousel-prd .j2store-module-product .product-title a {
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  width: 73%;
}
.carousel-prd .j2store-module-product .sale-price {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  position:relative;
  right:0;
  top:-22px;
  text-align: right;
  text-decoration: none;
  width: 26%;
}
.carousel-prd .j2store-module-product .strike {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: -45px;
  text-align: right;
  text-decoration: line-through;
  width: 26%;
}
.carousel-prd .j2store-module-product {padding:0; margin:0;}

/*hover modul carousel*/
.carousel-prd .j2store-addtocart-form { display:none!important;}
.carousel-prd .j2store-product-image img {margin-bottom:30px;}

.carousel-prd .owl-item .modal{ display:none!important;}
.carousel-prd .owl-item:hover .modal {
  display:block!important;
  transition:bottom 0.3s ease 0s;
}
.carousel-prd .j2store-module-product .modal{
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 13px;
  text-align: center;
  transition: all 0.7s ease 0s;
  width:100%;
  border-radius:0;
  border:0px solid #fff;
  position:absolute!important;
  top:80%!important;
  height: 44px;
  line-height:35px;
}
.carousel-prd .j2store-module-product .modal:hover {
  background-color: #111;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.7s ease 0s;
}
.carousel-prd [class*="col-"] {padding:0;}
.carousel-prd .j2store-module-product  {padding-left:1px!important;padding-right:15px!important;}
/*end*/

/*products module*/
.carousel-prd .j2store-product-modulepace .j2store-addtocart-form{display:none;}
.carousel-prd .j2store-product-modulepace .discount-percentage {position: absolute;right:30px;top:20px;}
.carousel-prd .j2store-img-responsive { width: 100%;}

/*end carousel*/

/*shop page categ hor*/
.shop-cat-h ul {list-style:none;padding:0;}
.shop-cat-h li {padding:0;}
.shop-cat-h img {width:100%;}
.shop-cat-h  a {
  font-family:Nunito;
  font-size:15px;
  font-weight:600;
  color:#252525;
  text-align:center;
}
.shop-cat-h a span{
  font-family:Nunito;
  font-size:12px;
  font-weight:400;
  color:#252525;
  text-align:center;
}

.shop-cat-h h4:hover span{color:#e12957;}
/*bla.shop-cat-h h4 {
background-color: rgba(255, 255, 255, 0.9);
bottom: 30px;
padding: 5px 0;
position: absolute;
text-align: center;
width: 100%;
}
*/
.shop-cat-h h4 {margin:-10px auto auto auto; display:block; text-align:center;}
.shop-cat-h h4 a {
  background:#fff;
  border:2px solid #fff;
  font-size:16px;
  color:#252525;
  font-weight:400;
  font-family: 'Bree Serif', serif;
  padding:12px 40px;
  transition: all 0.3s ease 0s;
  border-radius:50px;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.06);
}
.shop-cat-h {margin-bottom:40px;}
.shop-cat-h li:hover h4 a {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
  color:#fff;
}
.shop-cat-h li {margin-bottom:30px;}
.shop-cat-h .j2store-img-responsive { width: 100%;}

.j2store-single-product .nav-tabs > li.active > a, .j2store-single-product .nav-tabs > li.active > a:hover, .j2store-single-product .nav-tabs > li.active > a:focus {
  border-color: currentcolor currentcolor #e12957;
  border-style: none none solid;
  border-width: medium medium 2px;
  color: #e12957;
}
.j2store-single-product .nav-tabs > li > a:hover {color:#e12957;background:transparent; border:1px solid transparent;transition: all 0.3s ease 0s;}

.j2store-single-product .nav-tabs > li > a{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 10px 16px;
  text-transform: uppercase;
  font-family:Nunito;
  color:#70767a;
  padding-top: 12px;
  transition: all 0.3s ease 0s;
}
.j2store-single-product .product-ldesc p {
  color: #7b7b7b;
  font-family: "Nunito";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  text-transform: none;
}
.j2store-single-product .product-ldesc {padding:30px 0;}

.j2store-single-product .nav-tabs { border-bottom: 2px solid #ddd;}
#specs {padding:30px 0;}
.upsell-product-row .btn-success , .upsell-product-row .j2store_add_to_cart_button {display:none;}

.space-ulp {padding:17px 0; border-bottom:1px solid #eee;}

.upsell-product-row .sale-price{font-size: 14px;display:inline;}
.upsell-product-row .base-price.strike{font-size: 12px;display:inline;color:#777;}
h4.product-filter-heading {
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  transition: all 0.3s ease 0s;
  margin-bottom:15px;
  text-transform: uppercase;
}

.upsell-product  a{
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  transition: all 0.3s ease 0s;
}
.cross-sell-product-title  a{
  color: #252525;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  transition: all 0.3s ease 0s;
}
.crosssell-product .btn {display:none;}
.shop-list-tr .product_cart_block {display:none;}

.crosssell-product .sale-price {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  position: relative;
  right: 0;
  margin-top:-28px;
  text-align: right;
  text-decoration: none;
  width: 26%;
}
.cross-sell-product-image img {width:100%;}
.product-crosssells-container h3 {
  font-size: 19px;
  line-height: 26px;
  color: #252525;
  font-family: Nunito;
  text-align: left;
  font-weight: 600;
}
.upsell-product .sale-price {
  color: #252525;
  float: right;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 0;
  position: relative;
  right: 0;
  margin-top:-30px;
  text-align: right;
  text-decoration: none;
  width: 26%;
}
.upsell-product img {width:100%;}

.product-upsells-container h3 {
  font-size: 19px;
  line-height: 26px;
  color: #252525;
  font-family: Nunito;
  text-align:left;
  font-weight: 600;
}

.product-upsells-container h3 span {
  background: #fff none repeat scroll 0 0;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}


.owl-carousel .owl-dots, .owl-carousel .owl-nav {
  line-height: 1;
  text-align: center;
}
.owl-carousel .owl-nav [class*="owl-"] {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: initial;
  color: #262626;
  cursor: pointer;
  display: block;
  height: 42px;
  line-height: 42px;
  margin: -23px 10px 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.2s ease 0s;
  width: 42px;
  z-index: 200;
  font-size:0px;
}

.owl-carousel .owl-prev:before {
  font-family: FontAwesome!important;
  content:"\f104"!important;
  color:#006600!important;
  font-size:60px!important;

}
.owl-carousel .owl-next:before {
  font-family: FontAwesome!important;
  content:"\f105"!important;
  color:#006600!important;
  font-size:60px!important;
}

.owl-carousel .owl-nav [class*="owl-"] i {
  color: #262626;
  font-size: 22px;
  line-height: 42px;
}
.owl-carousel .owl-nav [class*="owl-"]:hover i, .owl-carousel.arrows-dark .owl-nav [class*="owl-"] i, .owl-carousel.arrows-dark .owl-nav [class*="owl-"]:hover i {
  color: #fff;
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: #e12957;
  border-color: #e12957;
}
.owl-carousel .owl-nav .owl-next .fa-angle-right {
  margin-right: -2px;
}
.owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel .owl-nav .owl-prev .fa-angle-left {
  margin-left: -2px;
}
.owl-carousel:hover .owl-next {
  left: auto;
  opacity: 1;
  right: 10px;
}
.owl-carousel:hover .owl-prev {
  left: 10px;
  opacity: 1;
  right: auto;
}
.owl-carousel.arrows-visibile .owl-next {
  left: auto;
  opacity: 1;
  right: 10px;
}
.owl-carousel.arrows-visibile .owl-prev {
  left: 10px;
  opacity: 1;
  right: auto;
}
.owl-carousel.arrows-dark .owl-nav [class*="owl-"] {
  background-color: #252525;
  border-color: #252525;
  color: #fff;
}
.owl-carousel.arrows-dark .owl-nav [class*="owl-"]:hover {
  background-color: #252525;
}
.owl-carousel.arrows-grey .owl-nav [class*="owl-"] {
  background-color: #9d9d9d;
  border: 2px solid #9d9d9d;
  color: #252525;
}
.owl-carousel.arrows-grey .owl-nav [class*="owl-"] i {
  color: #9d9d9d;
}
.owl-carousel.arrows-grey .owl-nav [class*="owl-"]:hover {
  background-color: #9d9d9d;
}
.owl-carousel.arrows-grey .owl-nav [class*="owl-"]:hover i {
  color: #252525;
}
.owl-carousel.arrows-large .owl-nav [class*="owl-"] {
  height: 78px;
  line-height: 78px;
  width: 78px;
}
.owl-carousel.arrows-large .owl-nav [class*="owl-"] i {
  font-size: 28px;
  line-height: 78px;
}
.owl-carousel.arrows-creative .owl-nav [class*="owl-"] {
  background-color: transparent;
  border: 0 none;
}
.owl-carousel.arrows-creative .owl-nav [class*="owl-"] i {
  color: #fff;
}
.owl-carousel.arrows-creative .owl-nav [class*="owl-"]:hover {
  background-color: #e12957;
  color: #262626;
}
.owl-carousel.arrows-only .owl-nav [class*="owl-"] {
  border: 0 none;
}
.owl-carousel.arrows-only .owl-nav [class*="owl-"] i {
  font-size: 28px;
}


.j2store-product-list .j2store-sidebar-filters-container .price-filters #j2store-slider-range .ui-slider-range {
  background: #1f1f1f !important;
  top: 0px;
  height: 7px;
}
.j2store-product-list .j2store-sidebar-filters-container .price-filters #j2store-slider-range .ui-slider-handle {
  background: #252525 !important;
  top: -0.3em;
  border: 2px solid #333;
  margin-left: -3px;
  border-radius: 0px;
}
.j2store-product-list .j2store-sidebar-filters-container .price-filters .price-input-box {
  margin-top: 15px;
}
.j2store-product-list .j2store-sidebar-filters-container .price-filters .price-input-box .btn-success {
  background: #eeeeee;
  border: medium none;
  border-radius: 4px;
  color: #333333;
  font-weight: 900;
  line-height: inherit;
  margin-right: 16px;
  outline: medium none;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
.j2store-product-list .j2store-sidebar-filters-container .price-filters .price-input-box .jb-price-range {
  font-weight: bold;
  margin-top: 5px;
  font-family: 'Nunito', sans-serif;
}
.j2store-product-list .j2store-sidebar-filters-container .category-filters ul li.j2product-categories a {
  color: #252525;
  font-family: Nunito;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
  text-transform: capitalize;
  padding: 6px 15px;
}
.j2store-item-category3:first-letter{font-size:0px !important;}

.j2product-categories a:before {
  background: #F9F9F9;
  content: '';
  height: 20px;
  width: 20px;
  border: 1px solid #EEEEEE;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
.j2store-product-list .j2store-sidebar-filters-container .category-filters ul li.j2product-categories a:hover,
.j2store-product-list .j2store-sidebar-filters-container .category-filters ul li.j2product-categories a:focus {
  background: transparent;
}
.j2store-product-list .j2store-sidebar-filters-container .category-filters ul li.j2product-categories.active a {
  background: transparent;
}
.j2store-product-list .j2store-sidebar-filters-container .category-filters ul li.j2product-categories.active a:after {
  content: '\2713';
  position: absolute;
  left: 4px;
  top: 12px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label {
  display: block;
  margin: 0 0 10px 15px;
  position: relative;
}


.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-brand-checkboxes {
  display: none;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label {
  color: #252525;
  font-family: Nunito;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
  text-transform: capitalize;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label:before {
  content: '';
  background: #F9F9F9;
  height: 20px;
  width: 20px;
  border: 1px solid #EEEEEE;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-brand-checkboxes:checked + .j2store-product-brand-label:after {
  content: '\2713';
  position: absolute;
  left: 5px;
  top: 7px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-title {
  line-height: 1;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-title span a {
  display: inline-block;
  margin-bottom: 10px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .control-group {
  margin-bottom: 0;
}
.j2store-img-responsive:hover{transform: rotateY(180deg);transition: 0.5s;  }
.j2store-img-responsive{transform: rotateY(0deg);transition: 0.5s;  }

.upsell-product img:hover{transform: rotateY(180deg);transition: 0.5s;  }
.upsell-product img{transform: rotateY(0deg);transition: 0.5s;  }

.crosssell-product img:hover{transform: rotateY(180deg);transition: 0.5s;  }
.crosssell-product img{transform: rotateY(0deg);transition: 0.5s;  }

/*start image hover
.j2store-img-responsive img:after {
background:rgba(0,0,0, 0.2) none repeat scroll 0 0;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
content:" ";
}
.j2store-img-responsive:hover img:after {
height: 100%;
opacity: 1;
}
.carousel-prd .j2store-module-product .j2store-product-image:after {
background:rgba(0,0,0, 0.2) none repeat scroll 0 0;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
content:" ";
}
.carousel-prd .j2store-module-product:hover .j2store-product-image:after {height: 100%;opacity: 1;}

.feature-prd .j2store-module-product .j2store-product-image:after {
background:rgba(0,0,0, 0.2) none repeat scroll 0 0;
height: 0;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.7s ease 0s;
width: 100%;
content:" ";
}
.feature-prd .j2store-module-product:hover .j2store-product-image:after {height: 100%;opacity: 1;}
end image hover effect*/

#productFilters {
  background: #f4f4f4 none repeat scroll 0 0;
  color: #272727;
  font-family: "Nunito",sans-serif;
  margin-bottom: 40px;
  padding: 20px 30px;
}
@media (min-width: 992px) {
  .j2store-product-search-input {
    width: 40%;
  }
  .j2store-product-list select {
    width: 40%;
  }
}
@media (min-width: 481px) and (max-width: 980px) {
  .j2store-product-search-input {
    width: 100%;
  }
  .j2store-product-list select {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .j2store-product-search-input {
    width: 90%;
  }
  .j2store-product-list select {
    width: 90%;
  }
}
.j2store-product-search-input {
  -moz-appearance: none;
  background: #ffffff;
  border: 1px solid #dadada;
  cursor: pointer;
  display: inline-block!important;
  height: 42px!important;
  line-height: 24px;
  margin-left: 10px;
  padding: 8px 10px;
  width: 40%!important;
}

.j2store-product-list select {
  -moz-appearance: none;
  background: #ffffff url("/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/images/icon-select.png") no-repeat scroll right center;
  border: 1px solid #dadada;
  cursor: pointer;
  display: inline-block;
  height: 42px!important;
  line-height: 24px;
  margin-left: 10px;
  padding: 8px 10px;
  width: 40%!important;
  font-weight: 400 !important;
  font-family: Nunito;
}
.btn {font-family: Nunito;}
/*end shop*/

.ecc-nl input {
  height: 46px!important;
  padding: 6px 12px;
  font-size: 14px;
  color: #252525;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 1px;
  margin-bottom: 20px;
  font-family: Nunito;
  width: 100%;
  font-weight: 400;
}

.ecc-nl .sppb-btn {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.ecc-nl .sppb-btn:hover {
  background:#fff;
  border:2px solid #fff;
  transition: all 0.3s ease 0s;
  color:#252525;
}
/**/
.prime44 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:30px;
  font-weight:800;
  line-height:30px;
  padding-bottom:10px;
  text-transform: uppercase;
}
.prime44 .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
/**/
.prime45 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:700;
  line-height:30px;
  text-transform: uppercase;
}
.prime45 .sppb-addon-text {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
}
.prime45 i {
  color:#252525;
  font-size:30px;
  margin-top:5px;
}
.prime45 {
  border:1px dashed #e6e3e3;
  padding:15px;
  border-radius:2px;
  transition: all 0.5s ease 0s;
}
.prime45:hover {
  border:1px dashed #333;
  transition: all 0.5s ease 0s;
}

/**/


.right-categ li{margin-bottom:3px;}
.right-categ li a {
  color: #252525;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  transition: all 500ms ease 0.15s;
  font-family: Nunito;
  padding-left:20px;
}
.right-categ li {
  background:#f7f7f7;
  border-bottom: 1px solid #f6f6f6;
  padding: 0;
  color: #252525;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
  transition: all 500ms ease 0.15s;
  font-family: Nunito;
  width:100%;
}
.right-categ li{border: 1px solid #f6f6f6;}
.right-categ li:hover { color:#fff; background:#e12957;}
.right-categ li:hover a { color:#fff;}
.right-categ li a:after {
  content:"\f105";
  font-family: FontAwesome;
  float: right;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  transition: all 500ms ease 0.15s;
  margin-right:30px;
}
/**/

article.item .entry-image { overflow: hidden;}
article.item .entry-image a img {  width: 100%;  -webkit-transition: .4s;  -o-transition: .4s;  transition: .4s;}
article.item:hover .entry-image a img {  -webkit-transform: scale(1.08);  transform: scale(1.08); -webkit-transition: .4s;  -o-transition: .4s;  transition: .4s;}

/**/

.banner-shop { overflow: hidden;}
.banner-shop img {  width: 100%;  -webkit-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.banner-shop:hover img {  -webkit-transform: scale(1.08);  transform: scale(1.08); -webkit-transition: .4s;  -o-transition: .4s;  transition: .4s;}

/*cart*/

@media (max-width: 767px) {
  #sp-search{
    float: left;
  }
}
@media (min-width: 768px) {
  #sp-search{
    float: right;
  }
}
@media (min-width: 992px) {
  #sp-search{
    float: right;
  }
}
@media (min-width: 1200px) {
  #sp-search{
    float: right;
  }
}
@media (max-width: 767px) {
  #sp-search .j2store-minicart-button {
    padding: 0px;
  }
}
@media (min-width: 768px) {
  #sp-search .j2store-minicart-button {
    padding: 40px 0px;
  }
}
@media (min-width: 992px) {
  #sp-search .j2store-minicart-button {
    padding: 40px 0px;
  }
}
@media (min-width: 1200px) {
  #sp-search .j2store-minicart-button {
    padding: 40px 0px;
  }
}
#sp-search .j2store-minicart-button .cart-item-info .link {
  border: 1px solid #252525;
  border-radius: 50%;
  color: #e12957;
  float: left;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;

}
@media (max-width: 762px) {
  #sp-search {display:none;}
}
@media (max-width: 767px) {
  #sp-search .j2store-minicart-button .cart-item-info .link {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  #sp-search .j2store-minicart-button .cart-item-info .link {
    margin-top: -12px;
  }
}
@media (min-width: 992px) {
  #sp-search .j2store-minicart-button .cart-item-info .link {
    margin-top: -12px;
  }
}
@media (min-width: 1200px) {
  #sp-search .j2store-minicart-button .cart-item-info .link {
    margin-top: -12px;
  }
}
#sp-search .j2store-minicart-button .cart-item-info .link .cart-item-count {
  background: #e12957;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -7px;
  text-align: center;
  top: -7px;
  width: 20px;
  animation: pulse 2s infinite;
}

/**/

.form-links a{color:#252525;}
.form-links a:hover{color:#333;}
a {font-weight:400;}



/*menu header type*/


/*menu transparen2t*/

#sp-header.transparent2 #offcanvas-toggler > i {color:#fff!important;}
#sp-header.transparent2 {
  background: transparent!important;
  border-bottom: 0 solid transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  height: 0!important;
  left: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 99;
}

/*menu transparent*/


@media (min-width: 1023px) {
  #sp-header.transparent.menu-fixed-out {position: absolute;top: 50px;}

}

#sp-header.transparent.menu-fixed-out {
  background: transparent;
  border-bottom: 0 solid transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  height: 35px;
  left: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 99;
}
#sp-header.transparent.menu-fixed-out {
  transition: all 0.3s ease 0s;
  z-index:9999!important
}
#sp-header.transparent.menu-fixed {
  background: #f5f5f5;
  box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
  height: 80px;
  opacity: 1;
  transition: all 0.3s ease 0s;
}
#sp-header.transparent.menu-fixed .sp-megamenu-parent > li > a {
  color: #252525;
  line-height: 60px;
  margin-top: 11px;
}
#sp-header.transparent.menu-fixed .logo {
  margin-top: -7px;
}
#sp-header.transparent.menu-fixed-out .logo img{ margin-top: 0px;}
#sp-header.transparent .sp-megamenu-parent > li > a {
  color: #fff;
}

#sp-header.transparent .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  color: #444;
}

#sp-header.transparent.menu-fixed-out  #offcanvas-toggler > i {color:#fff;}
#sp-header.transparent.menu-fixed-out  #offcanvas-toggler {line-height:50px;}
#sp-header.transparent.menu-fixed  #offcanvas-toggler {line-height:80px;}

/*end*/

/**/
@media (min-width: 1025px) {

  #sp-header.boxed.menu-fixed-out {top: 45px;}
  #sp-header.boxed.menu-fixed-out {
    left: 0!important;
    right: 0!important;
    position: absolute!important;
    width: 87%!important;
    margin: auto!important;
    display: block!important;
  }
  #sp-top-bar.border{border-bottom: 3px solid #e12957; height:90px;}
  #sp-top-bar.border .sp-contact-info {color:#fff;}
  #sp-top-bar.border a {color:#fff;}
}

/**/


/*header transparent*/


#sp-top-bar.top-transparent {
  background: transparent;
  border-bottom: 0 solid transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  height: 46px;
  left: 0;
  position: absolute;
  top: 5px;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 99;
  border-bottom:1px solid rgba(231, 231, 231, 0.25);

}
#sp-top-bar.top-transparent .sp-contact-info li a{color:#fff;}
#sp-top-bar.top-transparent .sp-contact-info li {color:#fff;}
#sp-top-bar.top-transparent .sp-contact-info i{color:#fff;}

@media (max-width: 680px) {
  #sp-top-bar.top-transparent {display:none;}

}
#sp-top-bar.top-transparent li a{color:#fff;}
/**/

/*menu center*/
#sp-header.little-height .sp-megamenu-parent > li > a, #sp-header.little-height .sp-megamenu-parent > li > span {height: 31px;}


.menu-logo-center img {width: 115px;}
.menu-logo-center a:hover {border-bottom: 1px solid transparent!important;}
@media (max-width: 970px) {
  .menu-logo-center {display:none!important;}
}
.offcanvas-menu .offcanvas-inner .menu-logo-center {display:none!important;}
/**/

/*menu green*/

#sp-header.green .sp-megamenu-parent > li.active > a, #sp-header.green .sp-megamenu-parent > li:hover > a {color:#0c6896;}
#sp-bottom.green .btn-color-square {background:#94c43d;border: 2px solid #94c43d;}
#sp-bottom.green .btn-color-square:hover {color:#fff;}
#sp-bottom.green .socialfooter li {background:#94c43d;border: 1px solid #94c43d;}
#sp-bottom.green .tagscloud .tag-name:hover {background:#94c43d!important;border:1px solid #94c43d;}
#sp-top-bar.green ul.social-icons > li:hover {background:#94c43d;}

/**/
/*menu blue*/
#sp-header.blue .sp-megamenu-parent > li.active > a, #sp-header.blue .sp-megamenu-parent > li:hover > a {color:#23a0d1!important;}
#sp-bottom.blue .btn-color-square {background:#23a0d1;border: 2px solid #23a0d1;}
#sp-bottom.blue .btn-color-square:hover {color:#fff!important;background:#0f8fc2!important;border: 1px solid #0f8fc2!important}
#sp-bottom.blue .socialfooter li {background:#23a0d1;border: 1px solid #23a0d1;}
#sp-bottom.blue .tagscloud .tag-name:hover {background:#0f8fc2!important;border:1px solid #0f8fc2;}
#sp-top-bar.blue ul.social-icons > li:hover {background:#0f8fc2!important;}


/**/
/*menu yellow*/

#sp-header.yellow .sp-megamenu-parent > li.active > a, #sp-header.yellow .sp-megamenu-parent > li:hover > a {color:#fbbe03;}
#sp-bottom.yellow .btn-color-square {background:#fbbe03;border: 2px solid #fbbe03;}
#sp-bottom.yellow .btn-color-square:hover {color:#fff;}
#sp-bottom.yellow .socialfooter li {background:#fbbe03;border: 1px solid #fbbe03;}
#sp-bottom.yellow .tagscloud .tag-name:hover {background:#fbbe03!important;border:1px solid #fbbe03;}
#sp-top-bar.yellow ul.social-icons > li:hover {background:#fbbe03;}

/**/

/*end menu*/


/*services*/


.page-service .full-box {
  position: relative;
  display: block;
}
.page-service .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.page-service .image-box:before{
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;

}
.page-service .image-box img {
  display: block;
  width: 100%;
}
.page-service .image-box .caption-box {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px 15px 5px 80px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}
.page-service:hover .image-box .caption-box {
  bottom: -100%;
}
.page-service .image-box .caption-box .title {
  font-size: 15px;
  color: #ffffff;
  line-height: 30px;
  font-family: Nunito;
  font-weight: 400;
  text-transform:uppercase;
}
.page-service .image-box .caption-box .title a {
  color: #ffffff;
  font-family: Nunito;
  font-weight: 400;
}
.page-service .image-box .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  font-size: 28px;
  color: #ffffff;
  background: #252525;
  line-height: 40px;
  padding: 10px 0px;
  text-align: center;
}
.page-service .overlay-box {
  position: absolute;
  left: 0px;
  bottom: -100%;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px 15px 5px 80px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}
.page-service:hover .overlay-box {
  bottom: 0px;
}
.page-service .overlay-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 20px 30px 20px 90px;
}
.page-service .overlay-box .overlay-content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.page-service .overlay-box .title {
  font-size: 17px;
  color: #252525;
  line-height: 28px;
  margin-bottom: 15px;
  font-family: Nunito;
  font-weight: 400;
  text-transform:uppercase;
}
.page-service .overlay-box .title a {
  color: #fff;
  font-family: Nunito;
  font-weight: 400;
}
.page-service .overlay-box .text {
  font-size: 14px;
  color: #ffffff;
  line-height: 26px;
  font-family: Nunito;
  font-weight: 400;
}
.page-service .overlay-box .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 100%;
  font-size: 32px;
  color: #ffffff;
  background: #252525;
  line-height: 40px;
  text-align: center;
  padding-top: 40px;
}
.page-service .overlay-box .icon-box span {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -20px;
  width: 100%;
}
@media (max-width: 400px) {
  .page-service .overlay-box .title {font-size: 15px;}
  .page-service .overlay-box .text {font-size: 12px;line-height: 20px;}
  .page-service .overlay-box .overlay-inner {padding: 10px 10px 10px 75px;}
}

/**/

.sppb-pricing-box .sppb-pricing-header > span.sppb-pricing-price {
  position: relative;
  float: left;
  padding: 5px 10px;
  background: #f5f5f5;
  color: #252525;
  line-height: 50px;
  text-transform: capitalize;
  width:50%;
  height: 60px;
}
.sppb-pricing-box .sppb-pricing-header > span.sppb-pricing-duration{
  position: relative;
  float: right;
  padding: 5px 10px;
  background: #252525;
  color: #ffffff;
  line-height: 50px;
  height: 60px;
  text-transform: capitalize;
  width:50%;

}
.sppb-pricing-box .sppb-pricing-features > ul{padding:60px 0 0 0;}
.sppb-pricing-box {padding:20px 0;}
.sppb-pricing-box .sppb-pricing-features > ul > li{
  position: relative;
  line-height: 24px;
  padding: 12px 0px !important;
  border-bottom: 1px dotted #eee;
}

.sppb-pricing-box .sppb-pricing-features > ul > li {
  color:#787878;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  transition: all 400ms ease;
}

.sppb-pricing-footer .sppb-btn {
  background:#252525;
  border:2px solid #252525;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.sppb-pricing-footer .sppb-btn:hover {
  background:#e12957;
  border:2px solid #e12957;
  transition: all 0.3s ease 0s;
  color:#fff;
}
.sppb-pricing-box .sppb-pricing-features > ul > li:hover {background:#eee;transition: all 400ms ease;color:#252525;}
.sppb-pricing-box {border: 1px solid #eee; padding:40px 0;transition: all 400ms ease;color:#252525;}
.sppb-pricing-box:hover {box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.08);transition: all 400ms ease;color:#252525;}

.sppb-pricing-box.sppb-pricing-featured {
  border-color: #fff;
  background-color: #fff;
  color: #252525;
  box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.08);
  transition: all 400ms ease;color:#252525;
}

/**/
@media (max-width: 1023px) {
  .custom-left-part #sp-component.col-md-9{padding-right:0px; }
}
@media (min-width: 1024px) {
  .hidemybar {display:none !important;}
  .custom-left-part #sp-left {padding:20px;}
  .custom-left-part #sp-left.col-md-3{width:22%;border-right:1px solid #eee;}

  .custom-left-part #sp-component.col-md-9{width:78%;padding-right:0px;}
  .nav-placeholder {display:none;}
  .custom-left-part2{
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 10;
    width:22.4%;
    padding:20px;
    border-right:1px solid #eee;
  }
  .menu-left-side ul > li > a{padding:0px!important;text-align:left;}
  .menu-left-side ul > li{margin-bottom:3px;}
  .menu-left-side li{
    border-bottom: 1px solid #f6f6f6;
    padding: 0;
    color: #787878;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    text-transform: uppercase;
    transition: all 500ms ease 0.15s;
    font-family: Nunito;
    width:100%;
  }
  .menu-left-side ul > li > a:hover { color:#252525;}
  .custom-left-part2 img {margin-top:40px;}

}

/**/
.pagination > .active > a, .pagination > .active > span {border-color: #252525;background-color: #252525;}
/**/

#sp-left .sp-module-title{
  font-size: 16px!important;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:20px;
  text-transform:uppercase;
  margin-bottom: 35px;
}
#sp-left .sp-module-title::after {
  border-bottom: 1px solid #252525;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin:0;
  width: 30px;
}
#sp-left .sp-module ul > li > a::before {content:none;}
#sp-left .sp-module ul > li {border-bottom: 1px solid transparent;}


/*resp later*/
@media (max-width: 1024px) {
  .prime03 {padding:20px 2px;} 
  .prime08-light  {padding:20px 2px;}
  .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li { margin: 0 5px 10px 5px;}
  .prime34, .prime35 {padding-bottom:20px;}
  .prime40 .sppb-img-responsive img {width:100%!important;}
}

/**/
.property-slider  {margin-bottom:50px;}

.re2-desc {
  color:#252525;
  padding: 15px 25px 20px;
  border-radius: 3px;
  z-index:1;
  animation-name: fadeInRight;
}

@media (min-width: 1023px) {
  .re-desc {position:absolute;right: 30px; bottom:5%;background-color: rgba(255, 255, 255, 0.9)}
  .property-slider img {width: 100%;display: block;z-index:0;}
}

@media (min-width: 841px) {
  .re2-desc {width: 400px;}
  .re2-desc span {display:inline;}
}
@media (max-width: 840px) {
  .re2-desc {width: 100%;}
  .re2-desc span {display:block;}
}


.re2-desc .type {
  background:#252525;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius:3px;
}

.re2-desc .price {
  border-radius:3px;
  background:#e12957;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.re2-desc .status {
  border-radius:3px;
  background:#94c43d;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}  

.re2-desc .type,
.re2-desc .price,
.re2-desc .status {
  font-size: 13px;
  width:100% !important;
  padding: 6px 13px 8px;
  text-align:center;
  text-decoration: none;
}
.re2-desc h3 {
  font-family:Nunito;
  font-weight:600;
  font-size:15px;
  text-transform:uppercase;
  line-height:25px;
  color:#252525;
}
.re2-desc p {
  font-family:Nunito;
  font-weight:400;
  font-size:14px;
  line-height:24px;
  color:#565656;
}


/**/



.owl-carousel:hover .owl-theme .owl-controls{opacity: 1;}
.owl-theme .owl-controls .owl-buttons div {padding:0!important;opacity: 1!important;}
.owl-theme .owl-controls{
  margin: -23px 10px 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.2s ease 0s;
  font-size:0px;
}
.owl-theme .owl-prev{
  width: 42px!important;
  z-index: 200;
  background-color: #fff!important;
  border: 2px solid #fff!important;
  border-radius: 50%!important;
  box-sizing: initial;
  color: #262626;
  cursor: pointer;
  display: block;
  height: 42px!important;
  line-height: 42px;
  left:0;
}

.owl-theme .owl-next{
  right:0;
  width: 42px!important;
  z-index: 200;
  background-color: #fff!important;
  border: 2px solid #fff!important;
  border-radius: 50%!important;
  box-sizing: initial;
  color: #262626;
  cursor: pointer;
  display: block;
  height: 42px!important;
  line-height: 42px;
}

/**/
.re2-desc a {color:#252525; }

.real-estate-contact {padding:23px ; border:2px solid #f5f5f5;}
.real-estate-contact input {
  height: 45px!important;
  padding: 6px 12px;
  font-size: 14px;
  color: #252525;
  background-color: #f5f5f5;
  border: 2px solid #eee;
  border-radius: 1px;
  margin-bottom: 20px;
  font-family:Nunito;
  width:100%;
  font-weight:400;
}
.real-estate-contact textarea {
  height: 240px;
  padding: 6px 12px;
  font-size: 14px;
  color: #252525;
  background-color: #f5f5f5;
  border: 2px solid #eee;
  border-radius: 1px;
  margin-bottom: 20px;
  font-family:Nunito;
  width:100%;
  font-weight:400;
}

.real-estate-contact .sppb-btn {
  background:#94c43d!important;
  border:2px solid #94c43d;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding-left:30px;
  padding-right:30px;
  transition: all 0.3s ease 0s;
  width:100%;
}
.real-estate-contact .sppb-btn:hover {
  background:#6b9c11!important;
  border:2px solid #6b9c11!important;
  transition: all 0.3s ease 0s;
}


/**/
.box_all:hover {border:1px solid #eee;transition: 300ms;box-shadow: 2px 2px 1px rgba(0,0,0, 0.06) }
.box_all {margin-bottom:30px 20px; border:1px solid #f5f5f5;padding:15px 15px 35px 15px;transition: 300ms;background: #fff;}
.box-minus {margin-top:-43px;position:relative;}
.box_all .box_type {margin-right:10px;}
.box_all .box_type {
  background:#94c43d;
  float:left;
  width:46%;
  text-align:center;
  color:#fff;
  font-family:Nunito;
  font-weight:700;
}

.box_all .box_type2, .box_all .box_type, .box_all .status_type {transition: all 0.3s ease 0s;}

.box_all .box_type2 {margin-right:10px;}
.box_all .box_type2 {
  background:#23a0d1;
  float:left;
  width:46%;
  text-align:center;
  color:#fff;
  font-family:Nunito;
  font-weight:700;
}
.box_all .status_type {
  background:#252525;
  float:right;
  width:46%;
  text-align:center;
  color:#fff;
  font-family:Nunito;
  font-weight:700;
}
.box_all .status_type2 {
  background:#777;
  float:right;
  width:46%;
  text-align:center;
  color:#fff;
  font-family:Nunito;
  font-weight:700;
}


.box_all h2 a {
  font-size: 14px;
  font-weight: 400;
  font-family: Nunito;
  margin-top: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  padding-bottom: 35px;
  color:#252525;
}
.box_all .small_title {
  font-size: 11px;
  font-weight:400;
  color: #787878;
  font-family: Nunito;
  margin-top: 5px;
  margin-bottom: 0;
  display: block;
  text-transform: uppercase;
  padding-bottom: 20px;
}

div.boxed_mini_details span{
  float:left;
  width:30.75%;
  margin-right:3.8%;
}

div.boxed_mini_details span.last{
  margin-right:0
}

div.boxed_mini_details span.first{
  clear:both
}

div.boxed_mini_details span strong {
  display:block;
  margin-bottom:5px;
  color:#787878;
}

div.boxed_mini_details1 span{
  float:left;
  width:23%;
  margin-right:2.5%
}

div.boxed_mini_details1 span.last{
  margin-right:0
}

div.boxed_mini_details1 span.first{
  clear:both
}

div.boxed_mini_details1 span strong {
  display:block;
  margin-bottom:5px;
  color:#787878;
  text-align:center;
  font-weight:600;
  font-size:13px;
}
/**/
.prime50 {border:2px solid #f5f5f5; padding:40px 20px;transition: 300ms;}
.prime50:hover {border:2px solid #eee;transition: 300ms;}
.prime50 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.prime50 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime50 .sppb-icon-container {width:81px; height:81px; line-height:95px!important;transition: 300ms;}
.prime50:hover .sppb-icon-container {background:#6b9c11!important;transition: 300ms;}

/**/

.prime51 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:22px;
  font-weight:700;
  line-height:28px;
}

.prime51 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime51 .sppb-addon-content:after {
  background: #01aef0;
  content: "";
  display: block;
  height: 2px;
  margin: 10px auto 40px;
  padding: 0;
  width:70px;
}/**/

.prime51-left .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:22px;
  font-weight:700;
  line-height:28px;
}

.prime51-left .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime51-left .sppb-addon-content:after {
  background: #01aef0;
  content: "";
  display: block;
  height: 2px;
  margin: 10px 0 40px;
  padding: 0;
  width:70px;
}
/**/

.prime52 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:16px;
  font-weight:400;
  line-height:28px;
}
/**/

.prime53 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:700;
  line-height:22px;
}
.prime53 .sppb-addon-text {
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:22px;
}
.prime53 {padding:15px; border:2px solid #f5f5f5; margin-bottom:30px;transition: 300ms;}
.prime53:hover {border:2px solid #94c43d;background:#94c43d;transition: 300ms;padding-top:35px 25px;border-radius:5px;}
.prime53:hover i {color:#fff;}
.prime53:hover .sppb-addon-text {color:#fff;}
.prime53:hover .sppb-addon-title {color:#fff;}

/**/
@media (min-width: 1024px) {
  .minustop-real {margin-top:-240px!important;position:relative; background:#fff!important;}
}

/**/
.prime54 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:16px;
  font-weight:400;
  line-height:28px;
  margin-top:0px;
}
.bordereee {border:2px solid #eee;background:#f5f5f5;padding:50px 0 40px 0}
.bordereee2 {border:2px solid #eee;background:#f5f5f5;padding:25px 0 15px 0}
/**/


.prime55 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:16px;
  font-weight:400;
  line-height:30px;
  text-transform:uppercase;
  margin-top:0;
}
.padding-no-left .col-md-4 {padding-left:0!important;}
.padding-no-left .col-md-6 {padding-left:0!important;}
.prime56.sppb-addon-articles .sppb-addon-article h3 {margin-top:-10px;}
.prime56.sppb-addon-articles .sppb-addon-article a {padding-left:20px; padding-right:20px;color:#252525; text-transform:uppercase; font-size:14px; font-weight:600}
.prime56.sppb-addon-articles .sppb-addon-article {border:2px solid #f5f5f5;}
.prime56.sppb-addon-articles .sppb-article-introtext {padding:5px 20px 20px 20px; color:#787878;font-size:14px; font-weight:400;}

/**/

.colornews:after , .colornews2:after, .colornews3:after {
  background:#eee;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin:0 0 20px 0;
  width: 70px;
}

.prime57 .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:16px;
  font-weight:400;
  line-height:30px;
  text-transform:uppercase;
  margin-top:0;
}
.prime57 .sppb-addon-title:after {
  border-bottom:2px solid #fff;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  margin:0 0 20px 0;
  width: 70px;
}

/*hotel*/

.btnhotel {
  background:#23a0d1;
  border:2px solid rgb(35, 160, 209);
  font-size:14px;
  color:#fff!important;
  font-weight:600;
  font-family:Nunito;
  padding:6px 25px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
  margin-top: 32px;
  text-transform:uppercase;
}
.btnhotel:hover {
  background:#0f8fc2;
  transition: all 0.3s ease 0s;
}
.hotel-booking .btn {height: 45px !important;}
.hotel-booking input{width:100% !important; border-radius:3px;}
.hotel-booking select {
  background-color: #fff;
  border: 2px solid #f5f5f5;
  border-radius:3px!important;
  color: #787878;
  font-size: 15px;
  height: 45px;
  width: 100% !important;

}
@media (max-width: 1023px) {
  .hotel-booking .input-append {width:93%;}
}
@media (min-width: 1024px) {
  .hotel-booking .input-append {width:87%;}
}
.hotel-booking label {font-weight:600!important;text-transform:uppercase;}

/**/

.prime58 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size: 22px;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-weight: 400;
  line-height: 30px;
}
.prime58 .sppb-addon-title span {color:#94c43d;}
.prime58 .sppb-addon-title::after {
  background: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/templates/xprime/images/theme-title2.png) center center no-repeat;
  content: "";
  display: block;
  width: 87px;
  height: 12px;
  left: 0px;
  margin:3px auto;
}

.prime58 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/

.prime59 .sppb-addon-title {
  color:#fff;
  font-family:Montserrat;
  font-size:65px;
  font-weight:800;
  line-height:85px;
  text-transform:uppercase;
  margin-top:0;
}
.prime59 .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:25px;
  font-weight:700;
  line-height:50px;
  text-transform:uppercase;
  margin-top:0;
}
/**/
.prime60 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:18px;
  font-weight:600;
  line-height:29px;
}

.prime60 .sppb-addon-text {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.prime60 {border: 3px solid #eeeeee;padding:27px 15px 27px 20px;transition: 0.5s;}
.prime60 i{font-size:30px!important;text-align:center;}
.prime60 .sppb-icon .sppb-icon-container{
  position: absolute;
  left: 0;
  margin-top:28px;
  width: 60px!important;
  height: 60px;
  line-height: 60px;
  background:#eeeeee;
  transition: 0.5s;
}
.prime60 .sppb-media-body{padding-left:55px;}

.prime60:hover {transition: 0.5s;border: 3px solid #23a0d1;}
.prime60:hover .sppb-icon .sppb-icon-container{
  transition: 0.5s;
  background:#23a0d1!important;
  color:#fff!important;
  transition: 0.5s;
}
/**/
.speasyimagegallery-gallery-item-title {font-size:0px;}

#offcanvas-toggler > i {
  color: #252525 !important;
  line-height: 90px;
  padding-right: 15px;
}

/**/
.shaddow-down-hotel{border-bottom:2px solid rgb(234, 238, 247) ;}

#sp-right .latestnews .col-md-4 { padding:0 !important;}
#sp-right .nw a {color:#252525;}
#sp-right .small, #sp-right small{display:none!important;}
#sp-right .nw { height: 85px;}

#sp-left .latestnews .col-md-4 { padding:0 !important;}
#sp-left .nw a {color:#252525;}
#sp-left .small, #sp-right small{display:none!important;}
#sp-left .nw { height: 85px!important;}

/**/
#sp-right .sp-module ul > li> ul {display:none;}

.com-sppagebuilder .nw { height:105px!important;}

/**/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row [class*="col-sm-"] { border-right: 1px solid rgba(0,0,0,0.07);}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .row [class*="col-sm-"]:last-child { border-right: none;}
/**/

iframe{ border-width: 0px;}

/**/
.prime61 .sppb-addon-title {
  color:#fff;
  font-family:Montserrat;
  font-size:60px;
  font-weight:700;
  line-height:80px;
}

.prime61 .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/
.prime62 .sppb-addon-title {
  color:#252525;
  font-family:Montserrat;
  font-size:60px;
  font-weight:700;
  line-height:80px;
}

.prime62 .sppb-addon-content {
  color:#252525;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}

/**/

.prime63 .sppb-addon-title {
  color:#fff;
  font-family:Montserrat;
  font-size:70px;
  font-weight:700;
  line-height:90px;
}

.prime63 .sppb-addon-content {
  color:#fff;
  font-family:Nunito;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
/**/
.prime64 .sppb-addon-title {
  color:#252525;
  font-family:Montserrat;
  font-size:45px;
  font-weight:700;
  line-height:1.2;
}
/**/
.prime65 {padding-top:10px;}
.prime65 .sppb-addon-title {
  color:#252525;
  font-family:Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  padding-top: 25px;
}

/**/
.prime66 .sppb-addon-title {
  color:#252525;
  font-family:Montserrat;
  font-size:14px;
  font-weight:400;
  line-height:1.2;
  padding-top:4px;
}
.prime66 i {font-size:20px !important;}

/**/
.table-standings{border:none;margin-bottom:0;}
.soccer .table-standings > thead > tr > th{vertical-align:middle;text-align:center;}
.soccer .table-standings > thead > tr > th:first-child{text-align:left;padding-left:24px;}
.soccer .table-standings > thead > tr > th:last-child{padding-right:24px;}
.soccer .table-standings > tbody > tr > td{vertical-align:middle;color:#31404b;text-align:center;}
.soccer .table-standings > tbody > tr > td:first-child{padding-left:24px;}
.soccer .table-standings > tbody > tr > td:last-child{padding-right:24px;}
.soccer .table-standings > tbody{counter-reset:counter;}
.soccer .table-standings > tbody > tr > td:first-child > .team-meta::before{display:inline-block;vertical-align:middle;content:counter(counter, decimal-leading-zero);counter-increment:counter;font-size:11px;margin-right:5px;font-family:"Montserrat", sans-serif;color:#9a9da2;text-transform:uppercase;}
.team-meta{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.team-logo{width:35px;height:30px;text-align:center;display:inline-block;vertical-align:middle;margin-right:2px;}
.team-logo img{position:relative;top:50%;transform:translateY(-50%);}
.team-info{display:inline-block;vertical-align:middle;}
.team-name{font-size:12px;line-height:1.2em;font-weight:400;margin-bottom:0;text-transform:none;}
.team-place{display:block;font-size:9px;line-height:1.2em;font-family:"Montserrat", sans-serif;color:#9a9da2;}
.soccer {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background-color: #fff;
}
ul.social-soccer {width:100%; margin:0; padding:0;}
.social-soccer li {display: inline-block !important;margin-right: 5px;}
.social-soccer i:hover {color:#fff!important;transition: all 500ms ease 0s;}
.social-soccer li:hover i {color:#fff!important;transition: all 500ms ease 0s;}
.social-soccer i{
  transition: all 500ms ease 0s;
  line-height: 55px !important;
  text-align: center;
  padding: 2px;
  color: #fff;
  margin: auto;
  display: block;
}
.social-soccer span {text-transform: uppercase;font-size:13px;}
.social-soccer li {background:#e12957; border-radius:0px;border:1px solid #e12957;}
.social-soccer li:hover{background:#252525;border:1px solid #252525;}
.social-soccer li {width:55px; height:55px;}
.soccer-white{
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background-color: #fff;
}
/*car*/

.car-contact {
  background-color: rgba(255, 255, 255, 0.99);
  padding:25px 35px 35px 35px;
  border:2px solid #eee;
  border-radius:3px;
}
.car-contact .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 5px;
}
.car-contact  input {height: 45px !important;}
.car-contact textarea {border:2px solid #eee;border-radius:1px;}
.car-contact .sppb-btn {width:100%;}

.car-contact .sppb-btn {
  background:#23a0d1;
  border:2px solid #23a0d1;
  font-size:14px;
  color:#fff;
  font-weight:400!important;
  font-family:Nunito;
  padding:12px 30px;
  transition: all 0.3s ease 0s;
  border-radius:3px;
}
.car-contact .sppb-btn:hover {
  background:#0f8fc2;
  border:2px solid #0f8fc2;
  transition: all 0.3s ease 0s;
  color:#fff!important;
}

/**/
.prime67 .sppb-addon-title {
  font-size:60px;
  color:#fff;
  font-weight:800;
  margin-top:0;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  line-height:1.4;
}
.prime67 .sppb-addon-title span {color:#23a0d1}
.prime67 .sppb-addon-content {
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
/**/
.prime68 .sppb-addon-title {
  color:#252525;
  font-family:Nunito;
  font-size:25px;
  font-weight:800;
  line-height:40px;
  margin-top:0;
  text-transform:uppercase;
}
.prime68 .sppb-addon-title span {color:#23a0d1;}
.prime68 .sppb-addon-content {
  color:#7a7a7a;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}


.prime68-white .sppb-addon-title {
  color:#fff;
  font-family:Nunito;
  font-size:25px;
  font-weight:800;
  line-height:40px;
  margin-top:0;
  text-transform:uppercase;
}
.prime68-white .sppb-addon-title span {color:#f5f5f5;}
.prime68-white .sppb-addon-content {
  color:#fff;
  font-family:Open Sans;
  font-size:14px;
  font-weight:400;
  line-height:26px;
}
.white .testimonial-land .testimonial-person .testimonial-author {color:#fff;}
.white .testimonial-land .testimonial-person .testimonial-location {color:#f5f5f5;}
/**/

.prime69 .sppb-addon-title {
  font-size:50px;
  color:#fff;
  font-weight:800;
  margin-top:0;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  line-height:1.3;
}
.prime69 .sppb-addon-title span {color:#23a0d1}
.prime69 .sppb-addon-content {
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}

/**/
.prime70 .sppb-addon-title {
  font-size:26px;
  color:#252525;
  font-weight:700;
  font-family:Nunito;
  margin-top:0;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  line-height:1.3;
}
.prime70 .sppb-addon-title span {color:#23a0d1}
.prime70 .sppb-addon-content {
  font-size:14px;
  color:#7a7a7a;
  font-weight:400;
  font-family:Nunito;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
/**/

.car-pr .pricing-list__item{
  font-size:14px;
  margin-bottom:.375rem;
  display:flex;
  flex-flow:row wrap
}
.car-pr .pricing-list__item:last-of-type,.car-pr .pricing-list__item:last-of-type .car-pr .pricing-list__description{margin-bottom:0}
.car-pr .pricing-list__badge,.car-pr .pricing-list__price,.car-pr .pricing-list__title{display:inline-block}
.car-pr .pricing-list__badge {
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  font-weight: 700;
  background-color: #0f8fc2;
  padding: 5px 14px;
  border-radius: 3px;
  margin-top: -1px;
}
.car-pr .pricing-list__badge+.car-pr .pricing-list__title{
  padding-left:10px;
  font-size: 14px;
  font-weight: 400;
  padding-right: 5px;
  font-family: Nunito;
}
.car-pr .pricing-list__line{position:relative;flex:1;margin-top: 4px;}
.car-pr .pricing-list__line:after{
  position:absolute;
  content:'';
  border-bottom:2px dotted #ddd;
  top:.875rem;
  left:.625rem;
  width:calc(100% - 1.25rem)
}
.car-pr .pricing-list__price{
  float:right;
  padding-top:1px;
  font-size: 14px;
  font-weight: 400;
  padding-right: 5px;
  font-family: Nunito;
}
.car-pr .pricing-list__description{
  margin-top:.125rem;
  margin-bottom:.8125rem;
  font-size:.875rem;
  width:100%
}
.car-pr h3 {
  font-size:18px;
  color:#252525;
  font-weight:600;
  font-family:Nunito;
}
.border-bottom {border-bottom:1px solid #eee;}

/**/
.prime71 .sppb-addon-title {
  font-size:26px;
  color:#252525;
  font-weight:700;
  font-family:Nunito;
  margin-top:0;
  animation-duration: 1.2s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  line-height:1.3;
}
.prime71 .sppb-addon-title span {color:#e12957}
.prime71 .sppb-addon-content {
  font-size:14px;
  color:#7a7a7a;
  font-weight:400;
  font-family:Nunito;
  animation-duration: 1.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
/**/

.consitem {  position: relative;}
.consitem img { width: 100%;}

.consverbox {
  display: block;
  height: 92%;
  margin: 4%;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 92%;
  z-index: 9;
}

.consitem a:after {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 92%;
  margin: 4%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: all 0.4s ease 0s;
  border: 5px solid #000;
}

.consitem a:hover::after {transform: scale(1);opacity: 1;}

.consverbox h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 60%;
  transform: translateY(-50%);
  transition: all 0.4s ease 0s;
  opacity: 0;
}
.consbox {clear: both;}
.consitem a:hover h3 {margin-top: 30%;opacity: 1;}

/**/
.effecthover01 {transition: all 0.5s ease 0s;padding:10px; background:#fff;}
.effecthover01:hover {margin-top:-20px;transition: all 0.5s ease 0s;}

.yogatitle-courses h3 {font-family:Parisienne!important;font-size:30px; font-weight:800;}
.yogatitle-courses:hover h3 {display:none;}







/*hika*/
span.hikashop_product_name {text-align: left!important;}
span.hikashop_product_name a {
  font-size: 16px;
  color: #565656;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
}
.hikashop_subcontainer .hikashop_product_price_full {
  color: #444;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  font-family: Open Sans;
  float: right;
  margin-bottom: 0;
  text-align: right;
  line-height: 1.2;
  padding-top:13px;
}

.hikashop_product:hover a.hikacart {
  visibility: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.hikashop_product .hikashop_subcontainer a.hikacart {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 13px;
  text-align: center;
  transition: all 0.7s ease 0s;
  border-radius:0;
  border:0px solid #fff;
  height: 44px;
  line-height:30px;
  width:100%;
  margin-top:10px;
}
.hikashop_product .hikashop_subcontainer a.hikacart:hover {
  background-color: #111;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.7s ease 0s;
}
.hikashop_product_price_per_unit {font-size:12px;}
.hikashop_product_name {margin-top:10px;}
.hikashop_product {margin-bottom:20px;}
.hikashop_product_main_image {margin-left:0px; padding-left:0px;}

.hikashop_product_right_part .hikashop_product_name_main {
  font-size: 18px;
  color: #565656;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 22px;
  border-bottom: 1px solid #efefef;
  padding-bottom:10px;
}
.hikashop_category_information h2{
  font-size: 18px;
  color: #565656;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 22px;
  border-bottom: 1px solid #efefef;
  padding-bottom:10px;
}
.hikashop_product_quantity_main {display: inline-block;position: relative;	}

.hikashop_product_right_part a.hikacart {
  background:#e12957;
  border:2px solid #e12957;
  font-size:14px;
  color:#fff;
  font-weight:400;
  font-family:Nunito;
  padding:14px 30px;
  transition: all 0.3s ease 0s;
  border-radius:2px;
}
.hikashop_product_right_part a.hikacart:hover {
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
}



.hikashop_product_right_part .hikashop_product_price_full {float:left;}
@media (min-width: 1024px){
  .hikashop_small_image_div {
    position: absolute;
    left: 0px;
    top: 2px;
    transition: all 0.4s ease 0s;
  }
  #hikashop_product_image_main {
    margin-bottom: 10px;
    margin-top:0!important;
    margin-left: 55px!important;
  }
}

@media (max-width: 1023px){
  img.hikashop_child_image {display:inline;}
}
img.hikashop_child_image {
  margin: 8px;
  height: auto;
  width: 80px;
}
.hikashop_product_quantity_change_div_leftright span.add-on a {padding: 8px 5px;}
.hikashop_product_quantity_main .add-on {height:40px; margin-top:10px;}
.hikashop_product_quantity_main input[type="text"] {width:43px;height:51px; margin-top:10px;}
.hikashop_product_page table {display:inline;}
#hikashop_product_tags_main .tags a {color:#252525;}

.hikashop_product_description_main {margin-top:30px;margin-bottom:50px;}
.hikashop_product_main_image_thumb {text-align:left; padding-left:0; margin-left:0px;}
.hikashop_product_name_main{
  font-size: 24px;
  color: #252525!important;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 22px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
}
.hikashop_product_characteristics {
  margin:50px 0 10px 0;
  left:0 !important;
  width:100% !important;
}
#hikashop_product_characteristics tr {margin-bottom:20px!important;}
.hikashop_product_characteristics select {
  border-radius: 1px;
  height: 40px;
  background: #f5f5f5;
  border: 2px solid #eee;
}
.hikashop_tabs_content {padding: 20px 35px;border: 2px solid #eee;}
.hikashop_tabs_li_selected {  border-bottom: 2px solid #eee !important;padding: 12px 20px !important;}
.hk-row-fluid { margin-bottom:60px;}
.hikashop_product_code_main {
  color: #444;
  font-size: 16px;
  font-weight: 600;
  font-family: Open Sans;
  text-align: left;
  line-height: 1.2;
  width:100%;
  margin:20px 0;
  display:block;
}
.hikashop_product_right_part .cl span{
  color: #444;
  font-size: 16px;
  font-weight: 600;
  font-family: Open Sans;
  text-align: left;
  line-height: 1.2;
  width:100%;
  margin-top:10px;
  display:inline;
}


.hikacart .hikashop_small_cart_checkout_link:before {
  border: 1px solid #252525;
  border-radius: 50%;
  color: #e12957;
  font-size: 14px!important; 
  height: 40px!important; 
  line-height: 90px;
  text-align: center;
  width: 40px!important; 
  content: "\f07a";
  font-family: FontAwesome;
  padding:12px;
  background:#fff;
}
.hikacart .hikabtn {background:#252525; padding:14px 20px;color:#fff;border:1px solid #252525;}
.hikacart input {height: 25px;margin-right: 10px;padding: 5px;}
div.hikashop_cart_dropdown_content {
  width: auto;
  padding: 40px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}
div.hikashop_cart_dropdown_container {
  width: 300px;
  position: absolute;
  right: 20px;
}
.hikashop_checkout_login h1 {

}
.hkcat .hikashop_category_name {margin:-40px auto auto auto; display:block; text-align:center;}
.hkcat .hikashop_category_name a {
  background:#fff;
  border:2px solid #fff;
  font-size:16px;
  color:#252525;
  font-weight:400;
  font-family: 'Bree Serif', serif;
  padding:12px 40px;
  transition: all 0.3s ease 0s;
  border-radius:50px;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.06);
}
.hkcat .hikashop_category_name {margin-bottom:40px;}
.hkcat .hikashop_subcontainer:hover .hikashop_category_name a{
  background:#252525;
  border:2px solid #252525;
  transition: all 0.3s ease 0s;
  color:#fff;
}
.hkcat .hikashop_category_name li {margin-bottom:30px;}
.hkcat .hikashop_category_name { width: 100%;}

/**/

.shop-list-hk .table > tbody > tr > td, .shop-list-hk .table > tbody > tr > th, .shop-list-hk .table > tfoot > tr > td, .shop-list-hk .table > tfoot > tr > th, .shop-list-hk .table > thead > tr > td, .shop-list-hk .table > thead > tr > th {
  border:0px solid #eee!important;
}

.shop-list-hk tr{background:#fff!important;border:1px solid #eee;}
.shop-list-hk tr:hover {background:#f8f7f7;transition: all 0.5s ease 0s;}
.shop-list-hk .sppb-addon-title{
  font-size: 16px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  line-height:20px;
  text-transform:uppercase;
  margin-bottom: 35px;
}
.shop-list-hk .sppb-addon-title::after {
  border-bottom: 1px solid #252525;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin:0;
  width: 30px;
}

.shop-list-hk span.hikashop_product_name a {
  font-size: 14px;
  color:#252525;
  font-family:Nunito;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
.shop-list-hk .hikashop_product_price {
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
  text-decoration: none;
  font-family:Nunito;
}
.shop-list-hk .hikashop_product_image_row {padding:19px 0!important;}
@media (min-width: 1024px){
  .shop-list-hk .hikashop_product_price{text-align: left;line-height:22px;}
  .shop-list-hk span.hikashop_product_name a {text-align: left;line-height:22px;}
  .shop-list-hk .hikashop_product_price_row {padding-top:50px; text-align:left;position:absolute; left:30%;}
}
@media (max-width: 1023px){
  .shop-list-hk .hikashop_product_price{text-align: center!important;line-height:22px;}
  .shop-list-hk .hikashop_product_name a {text-align: center!important;line-height:22px;}
}

/*end hika*/
.hika-menu li a{padding:5px 0 5px 10px!important;}
.hika-menu a{margin-bottom:3px;}
.hika-menu a{
  background:#f7f7f7!important;
  border-bottom: 1px solid #f6f6f6;
  padding: 0;
  color: #252525;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  text-transform: uppercase;
  transition: all 500ms ease 0.15s;
  font-family: Nunito;
  width:100%;
}
.hika-menu .active a { color:#fff; background:#e12957;}
.hika-menu a:hover { color:#fff!important; background:#e12957!important;}
.hika-menu li a:after {
  content:"\f105";
  font-family: FontAwesome;
  float: right;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  transition: all 500ms ease 0.15s;
  margin-right:30px;
}
/**/
.imgunders {z-index:-999 !important;}
/**/

#particles-js2 {position:relative !important;z-index:0!important;}

#particles-js2 .sppb-row {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  position:absolute;
  z-index:-1!important;
}
/**/
#particles-js {position:relative !important;z-index:0!important}

#particles-js .sppb-row {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  position:absolute;
  z-index:-1!important;
}

/**/
#particles-js3 {position:relative !important;}

#particles-js3 .sppb-row {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  position:absolute;
}
/**/

/*2018*/

/*services bitcoin*/

.page-service-bitcoin .full-box {
  position: relative;
  display: block;
}
.page-service-bitcoin .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.page-service-bitcoin .image-box:before{
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 50%, rgba(255, 180, 38, 0.92) 100%) repeat scroll 0 0;

}
.page-service-bitcoin .image-box img {
  display: block;
  width: 100%;
}
.page-service-bitcoin .image-box .caption-box {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  color: #ffffff;
  background: rgba(255, 180, 38, 0.92);
  padding: 5px 15px 5px 80px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}
.page-service-bitcoin:hover .image-box .caption-box {
  bottom: -100%;
}
.page-service-bitcoin .image-box .caption-box .title {
  font-size: 15px;
  color: #ffffff;
  line-height: 30px;
  font-family: Nunito;
  font-weight: 400;
  text-transform:uppercase;
}
.page-service-bitcoin .image-box .caption-box .title a {
  color: #ffffff;
  font-family: Nunito;
  font-weight: 400;
}
.page-service-bitcoin .image-box .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 60px;
  font-size: 28px;
  color: #ffffff;
  background: #ffb426;
  line-height: 40px;
  padding: 10px 0px;
  text-align: center;
}
.page-service-bitcoin .overlay-box {
  position: absolute;
  left: 0px;
  bottom: -100%;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background: rgba(255, 180, 38, 0.92);
  padding: 5px 15px 5px 80px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}
.page-service-bitcoin:hover .overlay-box {
  bottom: 0px;
}
.page-service-bitcoin .overlay-box .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 20px 30px 20px 90px;
}
.page-service-bitcoin .overlay-box .overlay-content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.page-service-bitcoin .overlay-box .title {
  font-size: 17px;
  color: #252525;
  line-height: 28px;
  margin-bottom: 15px;
  font-family: Nunito;
  font-weight: 400;
  text-transform:uppercase;
}
.page-service-bitcoin .overlay-box .title a {
  color: #fff;
  font-family: Nunito;
  font-weight: 400;
}
.page-service-bitcoin .overlay-box .text {
  font-size: 14px;
  color: #ffffff;
  line-height: 26px;
  font-family: Nunito;
  font-weight: 400;
}
.page-service-bitcoin .overlay-box .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  height: 100%;
  font-size: 32px;
  color: #ffffff;
  background: #ffb426;
  line-height: 40px;
  text-align: center;
  padding-top: 40px;
}
.page-service-bitcoin .overlay-box .icon-box span {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -20px;
  width: 100%;
}
@media (max-width: 400px) {
  .page-service-bitcoin .overlay-box .title {font-size: 15px;}
  .page-service-bitcoin .overlay-box .text {font-size: 12px;line-height: 20px;}
  .page-service-bitcoin .overlay-box .overlay-inner {padding: 10px 10px 10px 75px;}
}


/**/
#sp-menu a:hover{
  text-decoration: none;
}


#sp-header #sp-menu {
  width: 100%;
}
.animated.menu-fixed-out .sustain-logoss {
  display: none;
}
.sustain-logo {
  margin-top: 5px;
}
.animated.menu-fixed-out .sustain-logo {
  margin-left: 25%;
  margin-right: 25%;
}
#sp-menu .sp-megamenu-parent {
  float: left;
  margin-left: 5%;
}

@media(min-width:1200px){
  #sp-menu .sp-megamenu-parent {
    margin-left: 12%;
  }
}

#sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent {
  /* margin-top: -25px;*/
}
/*#sp-menu .sp-megamenu-parent > li > a {
color: #ff6600;
}*/
#sp-menu .sp-megamenu-parent > li > a {
  color: #5FCBCB;
}
#sp-menu .sp-megamenu-parent > li:hover > a {
  color: #05386B;
}
.itemid-101 #sp-menu .sp-megamenu-parent > li > a {
  color: #5FCBCB !important;
}
#sp-page-builder .page-content #section-id-1537331177835 {
  margin-top: -25px;
}
#sp-page-builder .page-content #section-id-1537331177844 {
  padding-top: 0px; 
}
#sp-page-builder .page-content #section-id-1539851938608 {
  padding-bottom: 0px;
}
#sp-page-builder .page-content #section-id-1537331177896 {
  padding-top: 0px;
}
.front-page-shortcut .sppb-column-addons:hover .sppb-addon-text-block h3 {
  color: #66cc00;
}
.front-page-shortcut1 .sppb-row .sppb-col-md-2 .sppb-column:hover {
  box-shadow: 0 0 18px 0 #252525 !important;
}
.front-page-shortcut .sppb-row .sppb-column {
  box-shadow: 0 0 18px 0 transparent !important;
}
.header-cpso div .search-btn {
  margin-top: 20px;
}
.header-cpso div .functional-panel {
  margin-top: 8px; 
}
@media(min-width:1600px){
  .header-cpso div .functional-panel {
    margin-top: 18px; 
  }
}
.header-cpso .functional-panel li a{
  color: #999999;
}
.header-cpso .functional-panel span.larger {
  font-size: 24px;
}
.header-cpso .functional-panel span.reset {
  font-size: 19px;
}
.header-cpso .functional-panel li:hover span, .header-cpso .functional-panel li:hover a {
  color:#66cc00;
}
.lang-switcher:lang(en-gb) #lang_select_eng {
  display: none !important;
}
.lang-switcher:lang(en-gb) li:nth-child(2) {
  display: none !important;
}
.lang-switcher:lang(zh-tw) #lang_select_cht {
  display: none !important;
}
.lang-switcher:lang(zh-tw) li:nth-child(4) {
  display: none !important;
}
.header-cpso .col-lg-5 .functional-panel table {
  margin-top: -10px;
}
.header-cpso .col-lg-5 .functional-panel {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.sp-megamenu-wrapper .sp-megamenu-parent>.sp-menu-item {
  height: 25px; 
}
#section-id-1537334385937 .sppb-addon-content #flatcal_minical table {
  width: 85%;
}
#sp-breadcrumb .sp-column  .sp-module .sp-module-content .custom {
  min-height: 260px;
  max-height: 280px;
  overflow-y: hidden;
}
#sp-breadcrumb .sp-column  .sp-module .sp-module-content .custom p {
  text-align: center;
  font-size: 50px;
  margin-top: 105px;
  color: white;
  line-height: 50px;
  font-family: Microsoft JhengHei , sans-serif;
  font-weight: bold;
  text-shadow: 2px 2px #766565;
}
#sp-main-body #sp-left, #sp-main-body #sp-right {
  max-width: 20%;
  padding: 0px 40px 0px 40px;
}
#sp-component{
  border-left: 2px #c0e997 solid;
}
.itemid-101 #sp-main-body #sp-page-builder {
  margin-top: 0px;
}
.body-innerwrapper .sp-page-builder .page-content .sppb-section  {
  padding: 10px 0px 10px 0px;
}
.inner-title .clearfix h2{
  margin: 0 0 0 0 !important;
  text-align: left !important;
  margin: 0px 0px 0px 0px !important;
}
.sppb-container-inner .sppb-row .sppb-column-addons .sppb-addon .sppb-addon-content a h3 {
  min-height: 67px !important;
}
.accordeonck  ul li.active a.isactive {
  color: #FF6600 !important;
  /*  background: transparent !important;*/
}
.accordeonck .toggler_icon {
  margin-right: -20px;
  background-size: contain!important;
}
#sp-left .sp-module-content .accordeonck  ul li.active ul li a{
  background: transparent !important;
}
.accordeonck  ul li ul li a {
  padding-left: 35px !important;
}
#sp-page-title {
  display: none;
}
#sp-right .sp-column .sp-module  .sp-module-content .custom img {
  max-width: 110%;
}
ul.sp-megamenu-parent li.sp-menu-item .sp-dropdown-main {
  /*  display: none !important;*/
  top:28px;
}
.item-page #container table {
  max-width: 100% !important;
}
.item-page #container table tr td {
  max-width: 100% !important;
}
.item-page .entry-header {
  display: none !important;
}
.item-page .sppb-addon-title span {
  color: #94c43d;
  font-size: 25px;
}
.itemid-101 .body-innerwrapper header.menu-fixed-out {
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2018/09/19/bg_layer_mountain_top.jpg) !important;
  background-size: cover !important;
  background-attachment: fixed!important;
}
#sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  text-align: left;
  color: #94c43d;
}
/*.itemid-101*/ #sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  text-align: center;
  color: white;
}
#sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  font-family: Nunito;
  font-weight: 800;
}
#sp-page-builder .sppb-addon .sppb-addon-content .sppb-icon .sppb-icon-container {
  text-align: center;
  color: #94c43d;
}
@media (min-width: 320px) {
  #sp-page-builder .sppb-addon .sppb-addon-content h3.sppb-feature-box-title {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: none;
    text-align: center;
    overflow-wrap: break-word;
  }
}
@media (min-width: 1200px) {
  #sp-page-builder .sppb-addon .sppb-addon-content h3.sppb-feature-box-title {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  #sp-page-builder .sppb-addon .sppb-addon-content h3.sppb-feature-box-title {
    font-size: 20px;
  }
}
.sp-pagebuilder-page-edit {
  display: none !important;
}
button.btn.dropdown-toggle {
  display: none !important;
}
@media (min-width: 1025px) {
  .sp-megamenu-wrapper .sp-megamenu-parent > li > a  {
    font-size: 15px;
    line-height: 15px;
  }
  .logoss .logo-2 img{
    max-width: 30%;
    /*max-width: 50%;*/
  }  
  .logoss .logo-1 img{
    float:right;
  }  
}
@media (min-width: 1200px) {
  .sp-megamenu-wrapper .sp-megamenu-parent > li > a  {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 1366px) {
  .itemid-709 .logoss .logo-2 img{
    max-width: 50%;
    /* max-width: 45%;*/
  }  
}

@media (min-width: 1366px){
  .itemid-454 .logoss .logo-2 img {
    max-width: 55%;
    /* max-width: 45%; */
  }
}


@media (min-width: 1366px) {
  .logoss .logo-1 img{
    max-width: 95%;
  }  
  .logoss .logo-2 img{
    max-width: 98%;
    /* max-width: 45%;*/
  }  
  .logoss .logo-3 img{
    max-width: 105%;
  }  
  .sp-megamenu-wrapper .sp-megamenu-parent > li > a  {
    font-size: 18px;
    line-height: 28px;
  }
  #sp-menu .sp-megamenu-parent {
    margin-left: 8%;
  }
  .body-wrapper .body-innerwrapper  #sp-header .container #sp-menu .sp-column  .sp-module-content .custom .sustain-logoss .logo-1 img{
    max-width: 85%
  }
  .body-wrapper .body-innerwrapper  #sp-header .container #sp-menu .sp-column  .sp-module-content .custom .sustain-logoss .logo-2 img{
    max-width: 95%
  }
}
@media (min-width: 1600px) {
  #sp-main-body  #sp-component {
    width: 100%;
    padding: 0 15%;
  }
  .itemid-101 #sp-main-body #sp-left, .itemid-101 #sp-main-body  #sp-component {
    width: 100% !important;
  }
}
@media (min-width:1024px) and (max-width: 1599px) {
  .body-wrapper #sp-main-body #sp-component {
    width: 100% !important;
  }
  .itemid-101 .body-wrapper #sp-main-body #sp-component {
    width: 100% !important;
  }
}
.body-wrapper .body-innerwrapper #sp-bottom {
  padding: 25px 0px;
}
.com-content #sp-main-body .container {
  width: 100% !important;
}
.com-content #sp-main-body {
  padding: 0px 0;
}
.com-content #sp-main-body #sp-component {
  margin-top: 40px;
} 
.com-content #sp-main-body #sp-component #content h3 {
  font-family: Nunito;
  font-size: 25px;
  font-weight: 800;
}
.com-content #sp-main-body #sp-component #content table {
  width: 100%;
}
/*.itemid-101 .body-wrapper{
background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/development/bg_layer_mountain_top.jpg);
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
background-position: 0 0;
}*/
.itemid-101 .body-wrapper{
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  background-position: 0 0;
}
.body-innerwrapper #sp-main-body .container h3.sppb-addon-title {
  font-family: Nunito;
  font-size: 25px;
  font-weight: 800;
  text-align: left;
  color: #94c43d;
}
@media (min-width: 992px) {
  .body-innerwrapper #sp-main-body .before-after {
    margin: 30px 0 30px 0
  }
  .before-after-text p{
    margin-left: 20px;
  }  
}
@media (max-width: 767px) {
  .com-content #sp-main-body #sp-component {
    padding: 35px;
  }
  .itemid-323 #section-id-1540178301930 .sppb-row {
    max-width: 100%;
    overflow-x: scroll;
  }
}

p img {
  /*max-height:300px;*/
  /*min-height:300px;*/
  width:100%;
  overflow: hidden;
}

@media (min-width:1600px){
  p img {
    /*max-height:400px;
    min-height:400px;*/
  }
  .index-event-row #section-id-1539851938661 .sppb-container-inner   .sppb-row #column-wrap-id-1539851938664 {
    max-width: 88%;
  }

}


img.vertical-img {
  max-height: none;
}
#jevents #nav-search {
  display: none !important;
}
#sp-main-body #sp-page-builder .page-content .sppb-row img:not(.no-grid-img img) {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  box-shadow: 5px 5px #888888;
}
.itemid-101 #sp-main-body #sp-page-builder .page-content .sppb-row img {
  border: 0px solid rgba(0, 0, 0, 0) !important;
  border-radius: 0px;
  padding: 0px;
  box-shadow: 0px 0px rgba(0, 0, 0, 0) !important;
}
.front-page-shortcut .sppb-row-container .sppb-row .sppb-column-addons .sppb-addon h3 a ,
.front-page-shortcut1 .sppb-row-container .sppb-row .sppb-column-addons .sppb-addon h3 a {
  color: white;
  font-family: Microsoft JhengHei , sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none !important;
}
.sppb-row-container .sppb-row .front-page-shortcut1 .sppb-column-addons .sppb-addon h3 a {
  color: white;
  font-family: Microsoft JhengHei , sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-decoration: none !important;
}
.front-page-shortcut .sppb-row-container .sppb-row .sppb-column-addons #sppb-addon-1537331177879 {
  padding: 0px 15px;
}
.front-page-shortcut .sppb-row-container .sppb-row .sppb-column-addons #sppb-addon-1537331177891 {
  padding: 0px 10px;
}
.sppb-column-addons .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement {
  padding-bottom: 0px;
  margin-bottom: -15px;
}
#sp-main-body #sp-left {
  display: none;
}
.staff-list-table {
  width: 100%;
}
.itemid-317 ul li {
  color:#252525;
}
.itemid-317 a {
  text-decoration: none !important;
}
.itemid-385 a {
  text-decoration: none !important;  
}
.itemid-324 .timeline-panel p {
  text-align: left;
}
.itemid-324 .details {
  text-align: left;
}
#section-id-1537334385937 .mod_events_latest_content a {
  text-decoration:none;
}
#sp-top-bar.top-fixed {
  border: 1px white solid;
}
.index-calender #flatcal_minical .flatcal_weekdays {
  background: white;
}

/*tab content image*/
.equal-height-img {
  max-height: 400px !important;
  overflow: hidden;
}

/*hidden sub menu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a.menu-publication:after{
  content: "" !important;
}
a.menu-publication+div {
  display: none !important;
}

/*sitemap */
div#osmap {
  padding: 0 4%;
}

img {
  box-shadow: none !important;
  border: none !important;
}

/*ipad footer*/
@media (max-width:991px){
  #sp-footer2 .custom>.functional-panel * {
    text-align: center !important;
  }

}
@media(max-width: 767px){
  .itemid-101 .body-innerwrapper #sp-footer2 {
    margin-top: 24px !important;
  }
  img.sppb-img-responsive.footer-img1, img.sppb-img-responsive.footer-img2, img.sppb-img-responsive.footer-img3, img.sppb-img-responsive.footer-img4 {
    margin: 0 auto !important;
  }
}




/*ol in (a) format*/
ol.alpha {
  counter-reset: alpha
}
ol.alpha > li:before {
  counter-increment: alpha;
  content:"(" counter(alpha, lower-alpha)") ";
  position: absolute;
  left: -1.4em;
}
ol.alpha li {
  list-style: none;
  position: relative;
}

/*custom mobile accordion*/
.mobile-acc-wrapper{float:left;    width: 100%;}
.mobile-acc-item{
  float:left;
  display:block;
  width:100%;
  box-sizing: border-box;
}
.mobile-acc-itemHeading{
  cursor: pointer;
  margin: 0;
  padding: 17px 30px 17px 15px;
  background: #015249;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  font-family: Nunito, sans-serif;
  position: relative;
}
.acc-close .mobile-acc-itemContent{
  height:0px;
  transition:height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  float:left;
  display:block;


}
.acc-open .mobile-acc-itemContent{
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
  margin: 0px 0px 10px 0px;
  display:block;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;

  -webkit-transition: -webkit-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  box-sizing: border-box;
}
.mobile-acc-itemContent.sppb-panel-body {
  background: #fff;
  border: 1px solid #e8eff1;
  border-radius: 4px;
}
.mobile-acc-itemContent h2 {
  margin-top: 0;
}
.mobile-acc-wrapper span.sppb-panel-title {
  font-weight: bolder;
}
.mobile-acc-item.acc-open .sppb-toggle-direction i:before {
  content: "\f068";
  font-size: 32px;
}

body.energy .body-wrapper .body-innerwrapper #sp-breadc .container .row #sp-breadcrumb .sp-column {
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/bg_search_box_back.jpg) !important;
  background-size: cover !important;
  background-position: center;
  min-height: 216px;
}
.energy div.k2Pagination ul li.active a {
  background: #66cc00;
}
/*.energy #k2Container .genericItemList .genericItemView, .energy #k2Container .genericItemView, .energy #k2Container .itemList .itemContainer{
border-bottom: 1px solid #d4d5d8;
}
*/
.energy .catItemView{
  border-bottom: 1px solid #d4d5d8;
}
.energy #sp-top-bar .sp-module {
  display: block;
}
/*
@media (min-width: 1366px) {
.energy .logoss .logo-1 img {
max-width: 125%;
}
.energy .logoss .logo-12 img {
max-width: 125%;
}
.energy .logoss .logo-2 img {
width: 110px;
}  
}
@media (min-width: 1600px){
.energy .logo-1,.energy .logo-2,.energy .logo-12 {
padding: 0 15px;
}
}
@media (min-width: 1025px) {
.energy .logo-12 {
border-right: 1px solid #e4ddde;
}
.energy .logoss .logo-1 img {
width: 45px !important;
}
.energy .logoss .logo-12 img {
width: 45px !important;
margin-left: 11px;
}
.energy .logoss .col-lg-1,.view-results .logoss .col-lg-1{
padding: 0px 5px;    
}  
}*/
.energy #sp-breadc .container #sp-breadcrumb .sp-module-content .mls-results-cont .mls-results .more-results {
  display: none;
}
@media (min-width: 1366px) {
  #sp-breadc .container #sp-breadcrumb .sp-module-content .mls-results-cont.expanded {
    top: 145px;
  }
}
.go-video #column-id-1568101312507 .sppb-column-addons #sppb-addon-1568101312511, .sppb-column-addons #sppb-addon-1568800794893 {
  margin: 0 0 0 0;
}
.itemid-433.go-video #sp-footer2 {
  display: none;
}

.go-video #section-id-1568101312508 #sppb-addon-1568101312511 .sppb-addon-video-local-source 
{
  right: 0;
  bottom: 0;
}
.itemid-433 #section-id-1568101312508 #sppb-addon-1568800794893 .sppb-addon-text-block h1 {
  text-align: center;
  color: white !important;
  font-size: 100px;
  font-weight: 200;
  margin-bottom: 30px;
}
.itemid-433 #section-id-1568101312508 #sppb-addon-1568800794893 .sppb-addon-text-block p span {
  font-weight: 200;
}
.go-video .body-innerwrapper #sp-breadc {
  background-image: none !important;
}

.btn.jmodedit{
  display:none!important;
}


/*CPSO GO*/
.cpso-go a, .cpso-go p, .cpso-go li, .cpso-go span, .cpso-go h1, .cpso-go h2, .cpso-go h3, .cpso-go h4, .cpso-go h5, .cpso-go h6, .cpso-go div, .cpso-go ul{
  font-family: Raleway!important;
  font-family: 'Raleway', 'Noto Sans TC'!important;
}

@media(max-width:768px){
  .cpso-go .lang-switch{
    display:none;
  }
}

@media(max-width:1200px){
  .cpso-go .logoss{
    /*transform:translateX(-20px)*/
  }
}

/*.@media(min-width:1200px)and (max-width:1500px){
.cpso-go .logoss{
transform: translateX(-28px);
}
}

@media(min-width:1500px){
cpso-go .logoss{
transform: translateX(-40px);
display:flex;
}
}*/

@media(min-width:1200px){
  .cpso-go .logo-1 img{
    /* max-width: 75% !important;*/
  }
}

.cpso-go .logo-1 img{
  /* max-width:93%;*/
}

/* .cpso-go .logo-3 img{
max-width:25%;
float: right;
}*/
.cpso-go .logo-3 img{
  /*  max-width:33%;*/
  float: right;
}
@media(min-width:1450px){
  .cpso-go ul.go-top-menu li.maximenuck {
    font-size: 17px;
  }
}
@media(min-width:1920px){
  .cpso-go ul.go-top-menu li.maximenuck {
    font-size: 20px !important;
  }
}
@media(max-width:1200px){
  .cpso-go .logoss .logo-2 img{
    /*  max-width:72%*/
  }

  .cpso-go .logoss .logo-3 img{
    /*  max-width:40%;*/
  }
}

@media(max-width:990px){
  .cpso-go .logoss .logo-2 img{
    /* max-width:100%;*/
  }

  .cpso-go .logoss .logo-3 img{
    /* max-width:70%;*/
  }
}

.cpso-go a#close{
  margin-right:1rem;
  float:right;
}

.cpso-go #sp-top-bar{
  position:inherit;
}

.cpso-go #sp-top-bar .sp-module{
  display: inline-block;
}

/*.cpso-go section{
display: contents;
} */

.cpso-go #sp-header{
  display:none;
}

.cpso-go i.fab.fa-facebook-square, .cpso-go i.fab.fa-instagram { 
  color: black;
  font-size:3rem;
}

.cpso-go #sp-top2 p{
  text-align: right;
  margin: 2rem;
}

.cpso-go i.fab.fa-facebook-square{ 
  margin-right: 1rem;
  /*border-right: 1px solid black;
  padding-right: 1rem; */
}

.cpso-go a.button-english{ 
  margin-right: 1rem;
  border-right: 1px solid black;
  padding-right: 1rem;
}

.cpso-go .button-english, .cpso-go .button-chinese {

  font-size: 2rem;
}

.cpso-go .button-english{
  margin-left: 2rem;
}

#column-id-1569569433230{
  position: relative;
}


#column-id-1569569433230 video{

  width: 100%;
  position: initial;
  z-index:10;
  object-fit: fill;
}


#column-id-1569569433230 video{
  top:50%;
  left:50%;
  position:relative;
  transform:translate(-50%,0%);
}

.cpso-go .sppb-section-bacground-video::before{
  background: rgba(0,0,0,0.4);
}

.cpso-go #section-id-1571278457924::before{
  background: rgba(0,0,0,0.4);
}

.cpso-go div#sppb-addon-1569569433234{
  overflow-y:hidden;
}

.cpso-go .sppb-addon-video .sppb-addon-video-local-video-wrap{
  padding-top:0 !important;
}

.cpso-go #sp-component{
  padding: 0 0% !important;
}

.cpso-go .sp-page-builder .page-content #section-id-1569569433231{
  padding: 0px;
  margin: -50px 0px 0px 0px;
}

.cpso-go .sp-page-builder .page-content #section-id-1569569433231 .sppb-row-container{
  width: 100%;
  margin-left: 0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}

.cpso-go.homepage #sp-page-builder .sppb-row-container{
  width:100%!important
}

@media(max-width:1024px){
  .cpso-go.homepage #sp-main-body > .row {
    display:block !important;
  }
}

div#sppb-addon-1570777753473{
  top: 0;
  left: 0;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  transform:translateY(-300px);
}

div#sppb-addon-1571278457926{
  top:0;
  left:0;
  z-index:20;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  background:rgba(0,0,0,0.4);
}

.sp-page-builder .page-content #section-id-1571278457924{
  height:100vh;
}

div#sppb-addon-1570777753473 h1, div#sppb-addon-1571278457926 h1{
  font-size: 9rem;
  font-weight:100;
  color:white !important;
  text-align:center;
}

div#sppb-addon-1570777753473 p,div#sppb-addon-1571278457926 p{
  text-align:center;
}



@media(max-width:800px){
  div#sppb-addon-1570777753473 h1, div#sppb-addon-1571278457926 h1{
    font-size: 5rem;
    text-align:center;
  }
}

div#sppb-addon-1570777753473 .sppb-addon-content a, div#sppb-addon-1571278457926 .sppb-addon-content a{
  font-size:2rem;
  font-weight:100;
  color:white !important;
  text-decoration:none;
}
div#sppb-addon-1570777753473 .sppb-addon-content a:hover, div#sppb-addon-1571278457926 .sppb-addon-content a:hover{
  text-decoration: underline;
}

.cpso-go #maximenuck304 ul>li, .cpso-go #maximenuck348 ul>li{
  border-bottom: 0;
}

div#maximenuck304 ul.maximenuck li.maximenuck.level1, div#maximenuck348 ul.maximenuck li.maximenuck.level1 {
  margin-left:20px;
}

div#maximenuck304 ul.maximenuck li.maximenuck.level1 span{
  font-weight: 600;
}

.cpso-go #sp-top2 .sp-module{
  margin-top: 0 !important;
}

.cpso-go #sp-notification-bar{
  background: #323B20;
  color: #FFF;
}

.cpso-go #sp-top-notification{
  background: #323B20;
  color: #FFF
}

.cpso-go #sp-top-notification a{
  color: #FFF;
}

.cpso-go .offcanvas-menu{
  background-color: #323b20;
}

.cpso-go #sp-top-notification .notification-bar{
  height:auto;
  padding-top:1rem;
}

.cpso-go #sp-top-notification .notification-bar .contact-us{
  padding-top:0;
}

.cpso-go #sp-top-notification .notification-bar .button-close-noti{
  text-align: right;
  padding-top:0;
}

.cpso-go #sp-top-notification .notification-bar p{
  text-align:center;
  font-weight:900;
  margin:0;
}

.cpso-go #sp-top-notification .notification-bar p:hover, .cpso-go #sp-top-notification .notification-bar a:hover{
  color: #75c043;
}

.cpso-go #sp-top-bar .row{
  padding-top:1rem;
}

div#maximenuck304.maximenuckh ul.maximenuck li.level1.parent > a:after{
  display:none;
}

.cpso-go #sppb-addon-1569569433237 p.video-content2{
  padding:0 5rem;
  border: 2px solid red;
  width: fit-content;
}

/*CPSO-GO Inner Page- Checklist*/

.wrapper{
  max-width:1200px;
  margin: 0 15px;
}

@media(min-width:1230px){
  .wrapper{
    max-width:1200px;
    margin:0 auto;
  }
}

.cpso-go #sp-page-builder #section-id-1569832070594 .sppb-row-container{
  width: 100%;
}

.cpso-go .sppb-col-md-12{
  padding-left:0;
  padding-right:0;
}

/*checklist banner*/
.cpso-go.checklist .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/GOP_3checklist.jpg) !important;
  background-size: cover !important;
  /*background-position: 0px -308px;*/
  background-position: center;
  display:block;
  height:44rem;
  margin-top:0;
  margin-bottom: 2rem;
}

/*recognition banner*/
.cpso-go.recognition .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/GOP_5recognition.jpg) !important;
  background-size: cover !important;
  background-position: center;
  display:block;
  height:44rem;
  margin-top:0;
  margin-bottom: 6rem;
}

@media(min-width:1650px){
  .cpso-go.recognition .body-innerwrapper #sp-breadc{
    background-position:0px -280px!important;
  }
}


/*resources banner*/
.cpso-go.resources .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/GOP_4resources.jpg) !important;
  background-size: cover !important;
  background-position: top;
  display:block;
  height:44rem;
  margin-top:0;
  margin-bottom: 6rem;
}

/*about-us banner*/
.cpso-go.about-us .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/GOP_2about.jpg) !important;
  background-size: cover !important;
  /*background-position: 0px -150px;*/
  display:block;
  height:44rem;
  margin-top:0;
  margin-bottom: 3rem;
  background-position: center;
}



.cpso-go #sp-breadcrumb .sp-column .sp-module .sp-module-content .custom{
  min-height:0;
  overflow-y: visible;
}

.cpso-go .body-innerwrapper #sp-breadc .sp-module-content{
  margin-top:33rem;
}

.cpso-go .wrapper.checklist-icon-grid a{
  color:#323b20;
  font-weight: 600;
}

.cpso-go #sp-breadc h1{
  background:#f5f2f0;
  color: #323b20 !important;
  width: 30%;
  padding: 100px 0px 40px 30px !important;
}

.cpso-go.about-us #sp-breadc h1{
  padding: 40px 0px 20px 30px !important;
  font-size:32px!important;
}

@media(max-width:1000px){
  .cpso-go #sp-breadc h1{
    width:100%;
    background:none;
    padding:0!important;
  }
}

@media(max-width:500px){
  .cpso-go #sp-breadc h1{
    font-size:30px
  }
}

@media(max-width:685px){
  .cpso-go.about-us #sp-main-body{
    margin-top:8rem;
  }
}



@media(max-width:1000px){
  .cpso-go .body-innerwrapper #sp-breadc .sp-module-content{
    margin-top:60rem;
  }
}
@media(max-width:1000px){
  .cpso-go.about-us .body-innerwrapper #sp-breadc .sp-module-content{
    margin-top:55rem !important;
  }
}

.cpso-go .wrapper .checklist-grid img{
  height:7rem;
  display:inline-block;
  margin-right:15px;
  border:none !important;
}

.cpso-go .wrapper .checklist-grid p{
  text-align:left;
}

@media(max-width:910px){
  .cpso-go .wrapper .checklist-grid img{
    height:8rem;
  }
}



@media(max-width:800px){
  .cpso-go .wrapper .checklist-grid{
    height:auto;
    padding: 1rem 1rem !important;
    display: flex !important; 
    flex-direction: column;
    width: 100% !important;
  }
}

@media(max-width:450px){
  .cpso-go .wrapper .checklist-grid{
    height:15rem;
  }
}

@media(max-width:450px){
  .cpso-go .wrapper .checklist-grid{
    height:15rem;
  }
}

@media(max-width:350px){
  .cpso-go .wrapper .checklist-grid{
    height:17rem;
  }
}


@media(max-width:800px){
  .cpso-go .wrapper .checklist-grid img{
    height:11rem;
    margin-right:0;
  }
}


@media(max-width:800px){
  .cpso-go .wrapper .checklist-grid p{
    font-size:14px;
    text-align: center;
    height:4rem;
  }
}

@media(max-width:500px){
  .cpso-go .wrapper .checklist-grid img{
    height:7rem;
  }
}


@media(max-width:500px){
  .cpso-go .wrapper .checklist-grid p{
    font-size:14px;
    text-align: center;
    height:5rem;
  }
}

@media(max-width:450px){
  .cpso-go #sp-component .wrapper.checklist-icon-grid .col-xs-4{
    width:100%
  }
}

@media(max-width:450px){
  .cpso-go .wrapper .checklist-grid p{
    font-size:14px;
    text-align: center;
    height:2rem;
  }
}

.cpso-go .wrapper .checklist-grid a{
  text-decoration:none !important;
  color: #192728;
  display:contents;
}

.cpso-go .wrapper .checklist-grid{
  border: 2px solid #d6cfce;
  border-radius: 5px;
  padding: 2rem 1rem;
  display:inline-flex;
  width:100%;
  align-items: center;
  margin:10px 0;
}

.cpso-go.checklist .wrapper.checklist-icon-grid{
  padding: 0 10%;
}
@media(max-width:1499px){
  .cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu .accordeonck_outer a.accordeonck{
    font-size:10px;
    font-weight:700;
  }
}
@media(min-width:1500px){
  .cpso-go.checklist #column-id-1569834246058 .sppb-column-addons{
    margin-left:15rem;
  }
}

.cpso-go.checklist #sp-main-body #sp-component{
  width: 80%!important;
}

@media(max-width:1235px){
  .cpso-go.checklist.zh #sp-main-body #sp-component{
    width:90%!important;
  }
}

.cpso-go.checklist.main #sp-main-body #sp-component{
  width:100% !important;
}

.cpso-go.checklist #sp-main-body #sp-left{
  display: block!important;
  padding: 0 0 0 15px;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu .accordeonck_outer a.accordeonck{
  font-size:13px;
  font-weight:700;
}

.cpso-go.checklist ul#accordeonck306 li a:hover, .cpso-go ul#accordeonck306 ul li a:focus{
  color: #75c043 !important;
}


.cpso-go.checklist #sp-main-body #sp-left .accordeonck ul li.active a.isactive{
  color:white!important;
  background: #304246!important;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu{
  background: white;
  box-shadow: none;
  margin-top:0rem;
}
/*CPSO GO Checklist Side Menu Icon*/
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu .accordeonck_outer a.accordeonck:before{
  background-size: contain;
  height:3rem;
  width:3rem;
  display:inline-block;
  background-repeat: no-repeat;
  margin-right:10px;
  background-position: center bottom;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-441 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-477 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Energy-Converstation_1.png');
  content:"";
  /* margin-left:1rem!important;
  width:2rem!important;*/
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-441 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-477 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Energy-Converstation_w.png');
  content:"";
  /*margin-left:1rem!important;
  width:2rem!important;*/
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat1:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Energy-Converstation_1.png');
  content:"";
  width:2rem!important;
  background-size: contain;
  height: 3rem;
  display: inline-block;
  background-repeat: no-repeat;
  margin-left:1rem!important;
}
.cpso-go #sp-main-body #sp-component #go-resources-table td:before {
  margin-right:8px !important;
}


.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-442 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-478 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Waste-Reduction_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-442 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-478 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Waste-Reduction_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat2:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Waste-Reduction_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-443 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-479 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Paper-Reduction_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-443 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-479 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Paper-Reduction_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat3:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Paper-Reduction_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-444 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-480 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Green-Purchasing_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-444 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-480 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Green-Purchasing_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat4:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Green-Purchasing_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
}


.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-445 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-481 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Green-Event-Management_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-445 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-481 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Green-Event-Management_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat5:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Green-Event-Management_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
}


.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-446 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-482 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Awareness-and-Engagement_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-446 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-482 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Awareness-and-Engagement_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat6:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Awareness-and-Engagement_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-447 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-483 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Workplace-Health-and-Wellness_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-447 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-483 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Workplace-Health-and-Wellness_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat7:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Workplace-Health-and-Wellness_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position-x: center;
}

.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-448 .accordeonck_outer a.accordeonck:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-484 .accordeonck_outer a.accordeonck:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Innovation_1.png');
  content:"";
}
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-448 .accordeonck_outer a.accordeonck.isactive:before,
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu #item-484 .accordeonck_outer a.accordeonck.isactive:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Innovation_w.png');
  content:"";
}

.cpso-go #sp-main-body #sp-component #go-resources-table td.go-cat8:before{
  background-image: url('/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/GO/Icon/Innovation_1.png');
  content:"";
  background-size: contain;
  height: 3rem;
  width:3rem;
  display: inline-block;
  background-repeat: no-repeat;
}


.cpso-go #sp-component{
  border-left: none;
  margin-bottom:5rem;
}

.cpso-go.checklist #sp-component h3.sppb-addon-title{
  text-align:left;
  color:black!important;
  margin-bottom: 2rem;
}

.cpso-go .cpso-sdg-13 span.sppb-panel-title:after{
  content: "";
  height: 3rem;
  width: 3rem;
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2019/GO/Icon/E_SDG_Icons-13.png);
  background-size: 3rem;
  display: inline-block;
  float: right;
  margin-right:3rem;
}

.cpso-go .cpso-sdg-3 span.sppb-panel-title:after{
  content: "";
  height: 3rem;
  width: 3rem;
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2019/GO/Icon/E_SDG_Icons-3.png);
  background-size: 3rem;
  display: inline-block;
  float: right;
  margin-right:3rem;
}

.cpso-go #sp-main-body .checklist-accordion .card{
  background: #f6f2f1;
  border: 1px solid #e8eff1;
  border-radius: 4px;
  margin-bottom: 10px;
}

.cpso-go #sp-main-body .checklist-accordion .card .card-header{
  padding: 17px 10px 17px 15px;
  color: #4b5981;
  cursor: pointer;
  position: relative;
}

.cpso-go #sp-main-body .checklist-accordion .card .card-header a{
  text-decoration: none !important;
  color: black !important;
  font-weight:400;
}

@media(max-width:700px){
  .cpso-go #sp-main-body .checklist-accordion .card .card-header a{
    display:block;
  }
}

@media(max-width:700px){
  .cpso-go #sp-main-body .checklist-accordion .card .card-header{
    height:10rem;
  }
}

@media(max-width:400px){
  .cpso-go #sp-main-body .checklist-accordion .card .card-header{
    height:12rem;
  }
}

.cpso-go #sp-main-body .checklist-accordion .card .card-header a:hover{
  text-decoration: none !important;
  color: black !important;
}

.cpso-go #sp-main-body .checklist-accordion .card .card-header .accordion-title{
  font-size: 22px;
}

@media(max-width:800px){
  .cpso-go #sp-main-body .checklist-accordion .card .card-header .accordion-title{
    font-size: 16px;
  }
}

.cpso-go #sp-main-body .checklist-accordion .card .collapse .card-body .row .col-md-1{
  font-weight:800;
  font-size:18px;
  color: black;
}

/*
.cpso-go #sp-main-body .checklist-accordion .col-md-11.border{
border-top:1px solid darkgrey;
} */

.cpso-go #sp-main-body .checklist-accordion .row{
  margin-bottom:2rem;
}

.cpso-go #sp-main-body .checklist-accordion .card .collapse .card-body{
  padding: 10px 20px;
}

.cpso-go .checklist-accordion .card-header img.sdg-tag{
  height:4rem;
  float:right;
  margin-left:5px;
  display: inline-block;
}

.cpso-go .checklist-accordion .card-header span.word-tag{
  color:black;
  font-size:14px;
  float:right;
  border: 1px solid #67888d;
  border-radius:2px;
  padding: 5px;
  margin-left:5px;
  width: 10rem;
  text-align: center;
}

.cpso-go .foot-note{
  font-size:13px;
}

@media(max-width:800px){
  .cpso-go .checklist-accordion .card-header span.word-tag{
    display:none;
  }
}

@media(min-width:801px){
  .cpso-go .checklist-accordion .card-header span.word-tag-mobile{
    display:none;
  }

  .cpso-go .foot-note{
    display:none;
  }
}

@media(max-width:800px){
  .cpso-go .checklist-accordion .card-header span.word-tag-mobile{
    color:black;
    font-size:14px;
    float:right;
    border: 1px solid #67888d;
    border-radius:2px;
    padding: 5px;
    margin-left:5px;
    width: 3rem;
    text-align: center;
  }

  .cpso-go.zh .checklist-accordion .card-header span.word-tag-mobile{
    width: 4rem;}
}

.cpso-go #sp-footer2 #sp-footer1 .custom div{
  display:inline-block;
  padding-left:1rem;
}

.cpso-go #sp-top-bar .sp-module{
  margin-top:0;
}

/*mobile-responsive cpso-go*/
@media (max-width:1600px){
  .cpso-go #sp-top-bar{
    display:block;
  }
}

@media (max-width:800px){
  .cpso-go #sp-top-bar .logo-1, .cpso-go #sp-top-bar .logo-2, .cpso-go #sp-top-bar .logo-3{
    display: flex;
    align-self: center;
  }
}

@media (max-width:800px){
  .cpso-go #sp-top-bar .logo-1 img, .cpso-go #sp-top-bar .logo-2 img, .cpso-go #sp-top-bar .logo-3 img{
    max-height:5rem;
  }
}

@media (max-width:560px){
  .cpso-go #sp-top-bar .logo-1 img, .cpso-go #sp-top-bar .logo-2 img, .cpso-go #sp-top-bar .logo-3 img{
    max-height:3.8rem;
  }
}

@media(max-width:450px){
  .cpso-go #sp-top-bar .logo-1 img, .cpso-go #sp-top-bar .logo-2 img, .cpso-go #sp-top-bar .logo-3 img{
    max-height:3rem;
  }
}

@media(max-width:375px){
  .cpso-go #sp-top-bar .logo-1, .cpso-go #sp-top-bar .logo-2, .cpso-go #sp-top-bar .logo-3{
    padding-left: 0;
    padding-right: 0;
  }
}

@media(max-width:375px){
  .cpso-go #sp-top-bar .logo-1{
    /*padding-left:20px !important;*/
  }
}

@media(max-width:400px){
  .cpso-go .header-cpso-go .logoss{
    /*padding-right:0px;
    padding-left:0px;*/
  }
}

@media(max-width:375px){
  .cpso-go #sp-top-bar #offcanvas-toggler{
    padding-right:15px;
  }
}

@media(max-width:585px){
  .cpso-go #offcanvas-toggler > i {
    font-size:2rem !important;
    margin-top: -7px;
  }
}

/*@media(max-width:800px){
.cpso-go #sp-top-bar .header-cpso-go{
display:none;
}
}*/

@media(min-width:100px){
  .cpso-go #sp-top-bar .header-cpso-go-mobile{
    display:none;
  }
}


@media(min-width:800px){
  .cpso-go #sp-top-bar .sp-module.go-top-logo{
    width:100%;
  }
}

@media (max-width: 1450px){
  .cpso-go #offcanvas-toggler {
    display: inline-block !important;
    visibility: visible;
    line-height:40px;
  }}

.cpso-go #offcanvas-toggler > i{
  font-size:3rem;
  line-height:40px;
}

@media(max-width:800px){.cpso-go #offcanvas-toggler{
  line-height:0px;
  }
}

@media(max-width:1450px){
  .cpso-go #sp-top2 .go-top-menu, .cpso-go #sp-top2 .go-funct-panel{
    display:none;
  }
}

.cpso-go #sp-top1, .cpso-go #sp-top2{
  display:inline-block;
}

@media(min-width:1451px){
  .cpso-go #sp-top2 .go-mobile-menu{
    display:none;
  }
}

.cpso-go #sp-top2{
  float:right;
  padding-left:0;
}

.cpso-go #sp-top1{
  padding-right:0;
}

.cpso-go #sp-top2 .go-mobile-menu p{
  margin:0;
}

.cpso-go div#maximenuck304 ul.maximenuck, .cpso-go div#maximenuck348 ul.maximenuck{
  text-align:right;
  margin-right:2rem;
}

@media(min-width:500px){
  .cpso-go .social-btn{
    width:100% !important;
  }
}

.cpso-go .customgo-funct-panel li{
  float:right;
}

.cpso-go .customgo-funct-panel li a{
  font-size:16px;
  line-height:15px
}

.cpso-go .social-btn img{
  width:19px;
}

.cpso-go .customgo-funct-panel li a.social-icon-ig{
  border-left:1px solid;
  padding-left: 15px;
}

.cpso-go .customgo-funct-panel #lang_select_eng a{
  border-left:1px solid;
  padding-left: 15px;
}

.cpso-go .customgo-funct-panel #lang_select_ch{
  margin-left:2rem;
}

.cpso-go #maximenuck304 li.maximenuck.level2{
  background:whitesmoke;
  opacity: 0.6;
  padding: .5rem, 1rem;
}

.cpso-go .nav-placeholder{
  height: 0px!important;
}

.cpso-go #sp-left{
  z-index:999;
}

@media(max-width:1024px){
  .cpso-go.checklist #sp-main-body #sp-component{
    width:85%!important;
  }
}

@media(max-width:450px){
  .cpso-go.checklist #sp-main-body #sp-component{
    margin-left:1.5rem;
  }
}


@media(max-width:1234px){
  .cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu .accordeonck_outer a.accordeonck{
    height:5rem;
    overflow:hidden;
  }
}

@media(max-width:1234px){
  .cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu.side-menu-go{
    width:6rem;
    overflow:hidden;
    transition: width 0.5s;
    margin-top:-5rem;
  }
}

/*
@media(max-width:1024px){
.cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu.side-menu-go:hover{
width:300px;
box-shadow: 0px 0px 3px 0px #444444;
opacity: 1;
}
}
*/

@media(max-width:1234px){
  .cpso-go.checklist #sp-main-body #sp-left .accordeonck .menu.side-menu-go.active{
    width:300px;
    box-shadow: 0px 0px 3px 0px #444444;
    opacity: 1;
  }
}

@media(max-width:1234px){
  .cpso-go.checklist #sp-left{
    width:10%;
  }
}


@media(max-width:768px){
  .cpso-go.homepage #sp-component{
    padding: 0!important;
  }
}

@media(max-width:1024px){
  .cpso-go #sp-main-body > .row{
    display:inline-flex;
  }
}

@media(max-width:1024px){
  .cpso-go.recognition #sp-main-body > .row{
    display:block;
  }
}

.cpso-go #sp-left .sp-module{
  margin-top:0!important;
}

.cpso-go #sp-left .side-menu-bar-button{
  margin-bottom: -3rem;
  font-size: 3rem;
}

.cpso-go #sp-left .side-menu-bar-button i{
  font-size: 3rem;
  /* padding-left:3rem;*/
}

@media(min-width:1235px){
  .cpso-go #sp-left .side-menu-bar-button{
    display:none;
  }
}

.cpso-go .side-menu-bar-button:hover{
  cursor:pointer;
}

@media (max-width: 450px){
  #sppb-addon-1569834841021, #sppb-addon-1569835458376,#sppb-addon-1569835458379 {
    margin-bottom:0px!important;
  }
}

/*CPSO GO Resources*/
.cpso-go #go-resources-table td,.cpso-go #go-resources-table th{
  border: 1px solid #fff;
  padding:10px;
  font-weight:600;
}

.cpso-go #go-resources-table tr{
  background-color: #faf8f5;
}

.cpso-go #go-resources-table tr:hover{
  background-color: #ddd;
}

.cpso-go #go-resources-table th{
  background-color: #192728;
  text-align: center;
  color:white;
}

.cpso-go #go-resources-table p{
  width:63%;
  display:inline-block;
  text-align: left;
  margin-left:5px;
}

.cpso-go #go-recognition-table{
  margin-top: 2rem;
  margin-bottom:2rem;
}

.cpso-go #go-recognition-table td,.cpso-go #go-recognition-table th{
  border: 1px solid #f2f2f2;
  padding:10px;
  font-weight:600;
}

.cpso-go #go-recognition-table thead,.cpso-go #go-recognition-table tfoot{
  background: white;
  color:#192728;
  font-weight: 700;
}

.cpso-go #go-recognition-table td:last-child{
  text-align: center;
}


.cpso-go .sp-page-builder.cpso-go.recognition .sppb-panel-heading,
.cpso-go .sp-page-builder.cpso-go.recognition .sppb-panel-collapse{
  background: 000;
  color: black;
}

@media(min-width:600px){
  .cpso-go .sp-page-builder.cpso-go.recognition .sppb-panel-heading.active .sppb-toggle-direction i:before{
    content: "\f068";
    font-size: 20px;
  }
}
@media(min-width:600px){
  .cpso-go .sp-page-builder.cpso-go.recognition .sppb-panel-heading .sppb-toggle-direction i:before{
    content: "\f067";
    font-size: 20px;
  }
}

@media(max-width:768px){
  .cpso-go.resources .wrapper{
    overflow-x: scroll;
    width:680px;
  }

  .cpso-go #go-resources-table{
    width:1000px;
  }

  .cpso-go #go-resources-table::before{
    content: "";
    background-size: 50%;
    background-image: url('https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2019/GO/Icon/Swipe-right.png');
    display: block;
    color: black;
    height:4rem;
    width:4rem;
    background-repeat: no-repeat; 
  }
}

@media(max-width:720px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:630px;
  }
}

@media(max-width:670px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:600px;
  }
}

@media(max-width:630px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:570px;
  }
}

@media(max-width:580px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:500px;
  }
}

@media(max-width:530px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:460px;
  }
}

@media(max-width:480px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:400px;
  }
}

@media(max-width:430px){
  .cpso-go.resources .wrapper{
    overflow: scroll;
    width:360px;
  }
}


@media(max-width:470px){
  .cpso-go.recognition #sp-component .sppb-panel-collapse ul{
    overflow: scroll;
  }
}

.cpso-go #go-recognition-table tbody{
  background: white;
}

.cpso-go .body-innerwrapper section#sp-footer2{
  background: #f5f2f0 !important;
  background-color: #f5f2f0 !important;
}

.cpso-go .body-innerwrapper section#sp-footer2 div#sp-footer2{
  background-color: #f5f2f0 !important;
}

@media(max-width:990px){
  .cpso-go #sp-footer1{
    text-align:center;
  }
}

.cpso-go a{
  color: #75c043;
}

.cpso-go #sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  color:#323B20!important;
  text-align: left!important;
}

.cpso-go #sp-top2 .functional-panel{
  margin-right:5px;
}

.cpso-go a.scrollup:hover{
  border: 1px solid #323b20 !important;
  background-color: #323b20!important;
}


.cpso-go a.scrollup::before{
  color: #75c403 !important;
}

.cpso-go a.scrollup{
  color: #75c403;
  border: 1px solid #75c403 !important;
}

.cpso-go #sp-footer2 ul.functional-panel li a, .cpso-go #sp-footer2 .copyright{
  font-weight: 100;
}

.cpso-go.site-map .body-innerwrapper #sp-breadc{
  margin-top:0;
}

.cpso-go.site-map .body-innerwrapper #sp-breadc #sp-breadcrumb{
  max-height:280px;
}

.cpso-go.site-map #sp-breadcrumb .sp-column .sp-module .sp-module-content .custom{
  min-height: 260px;
  max-height: 280px;
  overflow-y: hidden;
}

.cpso-go.site-map .body-innerwrapper #sp-breadc .sp-module-content{
  margin-top:0px;
}

.cpso-go.site-map #sp-component{
  padding: 0 15% !important;
}

.cpso-go.about-us .body-innerwrapper #sp-breadc .sp-module-content{
  margin-top: 33rem;
}

.cpso-go .sp-module ul >li >a:hover{
  color: #75c403;
}

@media(max-width:1500px){
  .cpso-go.checklist .col-md-1{
    width:12%
  }

  .cpso-go.checklist .col-md-11{
    width:88%
  }
}

@media(max-width:1100px){
  .cpso-go.checklist .col-md-1{
    width:15%
  }

  .cpso-go.checklist .col-md-11{
    width:85%
  }
}

.cpso-go.recognition .sppb-panel-modern{
  border:none;
}

.cpso-go .wrapper.page-title h1{
  color:#323b20!important;
}

.cpso-go ul.functional-panel.lang-switch li{
  border-bottom: none;
  color:black;
  padding-left:16px;
}

.cpso-go ul.functional-panel.lang-switch{
  margin-right:15px!important;
  margin-top:0!important;
}

.cpso-go #maximenuck348 span{
  font-weight:600;
}

/*@media(max-width:991px){
  .cpso-go #sp-breadc{
    display:none!important;
  }
}*/

@media (max-width:999px) {
  .cpso-go #sp-breadc .sp-module-content .custom h1 {
    display: none;
}
}

.cpso-go .lang-switch-panel, .cpso-go .go-funct-panel{
  width:max-content!important;
  float:right;
}

@media(max-width:1450px){
  .cpso-go .lang-switch-panel{
    display:none;
  }
}


/*.energy .ui-multiselect-menu:nth-child(2) .ui-multiselect-menu .ui-widget-header {
display: none !important;
}*/
#sp-menu .sp-megamenu-wrapper li.sp-menu-item:nth-child(3) .sp-dropdown-main .sp-dropdown-inner ul.sp-dropdown-items li.sp-has-child .sp-dropdown-sub {
  display: none !important;
}
#sp-menu .sp-megamenu-wrapper li.sp-menu-item:nth-child(3) .sp-dropdown-main .sp-dropdown-inner ul.sp-dropdown-items li.sp-has-child a:after {
  display: none !important;
}

.get-involved #sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  text-align: left;
}
.energy .ui-multiselect-menu:nth-child(3) .ui-multiselect-hasfilter, .energy .ui-multiselect-menu:nth-child(4) .ui-multiselect-hasfilter, .energy .ui-multiselect-menu:nth-child(5) .ui-multiselect-hasfilter {
  display: none !important;
}

.energy .customgo-funct-panel .functional-panel{
  width: max-content;
}

.energy .customgo-funct-panel .functional-panel li{
  float:right;
}

.energy #k2Container .k2Pagination .pagination{
  float: none!important;
}

.energy div.itemBackToTop{
  text-align:center!important;
}

div.notification-bar a#close{
  float:right;
}

div.notification-bar p{
  text-align: center;
}

div.notification-bar{
  padding-top: 5px;
}

.energy .nav-placeholder{
  display:none;
}

@media(max-width:1024px){
  .energy #sp-header{
    position: inherit!important;
  }

  .energy #sp-header .logo-3 img{
    max-width: 65%;
  }

  .energy #sp-header .container{
    width:100%;
  }
}

@media(max-width:991px){
  .energy #sp-header .logo-3 img{
    max-width:40%;
  }
}

@media(max-width:768px){
  .energy #sp-header .logo-3 img{
    max-width:80%;
  }
}

/* WALK FOR GREEN*/
.walk-for-green a, .walk-for-green p, .walk-for-green li, .walk-for-green span, .walk-for-green h1, .walk-for-green h2, .walk-for-green h3, .walk-for-green h4, .walk-for-green h5, .walk-for-green h6, .walk-for-green div, .walk-for-green ul{
  font-family: 'Raleway', 'Noto Sans TC', 'Noto Sans 思源黑體', '黑體'!important;
}

.walk-for-green.zh a, .walk-for-green.zh p, .walk-for-green.zh li, .walk-for-green.zh span, .walk-for-green.zh h1, .walk-for-green.zh h2, .walk-for-green.zh h3, .walk-for-green.zh h4, .walk-for-green.zh h5, .walk-for-green.zh h6, .walk-for-green.zh div, .walk-for-green.zh ul{
  font-family: 'Raleway', 'Noto Sans TC', 'Noto Sans 思源黑體', '黑體'!important;
}

.walk-for-green h2, .walk-for-green.zh h2{
  font-family: 'Raleway', 'Noto Sans TC', 'Noto Sans 思源黑體', '黑體'!important;
}

.walk-for-green .sp-module{
  margin-top:0;
}

.walk-for-green #sp-header{
  display:none;
}

.walk-for-green.home .sppb-addon-content p{
  max-width: 50rem;
}

.walk-for-green #sp-top-bar{
  position: static;
}

.walk-for-green .sp-module.go-funct-panel{
  margin-top: 6px;
}

.walk-for-green .logoss .logo-1{
  max-width:25%;
  display:inline-block;
  vertical-align: top;
  padding-right: 14px;
}

.walk-for-green .logoss .logo-2{
  max-width:25%;
  display:inline-block;
  vertical-align: top;
}

.walk-for-green .logoss .logo-3{
  display:inline-block;
  max-width:35%
}

.walk-for-green .logoss .logo-3 img{
  margin: 0 50px;
  max-width:120%;
}

@media (max-width: 768px){
  .walk-for-green .logoss .logo-3 img{
    margin: 0 20px;
    max-width: 100%;
  }
  .walk-for-green .logoss .logo-1{
    max-width: 41%;
  }
  .walk-for-green .logoss .logo-2{
    max-width: 19.5%;
  }
  .walk-for-green .logoss .logo-3{
    max-width: 29%;
  }
  .walk-for-green .sp-module.wfg-mobile-menu{
    margin-top: -10px!important;
  }
}

@media(max-width:700px){
  .walk-for-green .logoss .logo-3 img{
    margin: 0 auto;
  }
}

@media(max-width:1024px){
  .walk-for-green .logoss .logo-1{
    max-width:41%;
  }
  .walk-for-green .logoss .logo-2{
    max-width:19.5%;
  }
  .walk-for-green .logoss .logo-3{
    max-width:30%;
  }
}

.walk-for-green .lang-switch-panel, .walk-for-green .go-funct-panel{
  width:max-content!important;
  float:right;
}

.walk-for-green #maximenuck321 ul>li, .walk-for-green #maximenuck335 ul>li{
  border-bottom: 0;

}

div#maximenuck321 ul.maximenuck li.maximenuck.level1, div#maximenuck335 ul.maximenuck li.maximenuck.level1 {
  margin-left:20px;
}

div#maximenuck321 ul.maximenuck li.maximenuck.level1 span, div#maximenuck335 ul.maximenuck li.maximenuck.level1 span{
  font-weight: 600;
  color: #116e42;
}

div#maximenuck321, div#maximenuck335{
  text-align: center;
}

@media(max-width:768px){
  .walk-for-green .lang-switch{
    display:none;
  }
}

.walk-for-green .sp-module.wfg-funct-panel{
  margin-top: 0;
  margin-top:-10px;
}

.walk-for-green .lang-switch li{
  border-bottom: none;
  color: gray;
}

.walk-for-green .body-innerwrapper #sp-breadc{
  margin-top: 0px;
}

.walk-for-green h3{
  text-align: left!important;

}

.walk-for-green #sp-top-bar{
  display:block!important;
}

@media(max-width:1299px){
  .walk-for-green #offcanvas-toggler{
    display:inline-block!important;
    line-height:40px;
  }

  .walk-for-green .wfg-top-menu, .walk-for-green .wfg-funct-panel, .walk-for-green .go-funct-panel{
    display:none!important;
  }
}

@media(min-width:1300px){
  .walk-for-green .wfg-mobile-menu{
    display:none!important;
  }
}

.walk-for-green #offcanvas-toggler > i {
  line-height:30px;
}

@media(max-width:768px){
  .walk-for-green #sp-top1{
    max-width:90%;
    display:inline-block;
  }

  .walk-for-green #sp-top2{
    max-width:10%;
    display:inline-block;
  }
}

.walk-for-green .font-sm-grey, .walk-for-green ul.font-sm-grey li{
  font-size: 12px;
  color: grey;
}

.walk-for-green #sppb-carousel1 .sppb-carousel-item-inner{
  padding:20px 0!important;
}

.walk-for-green #sppb-carousel1 .sppb-carousel-item-inner .sppb-carousel-text h2{
  background: beige;
}

.walk-for-green tr, .walk-for-green td{
  border: 5px solid whitesmoke;
  text-align: center; 
  vertical-align: middle;
  padding: 10px 50px;
  /*border-radius:2rem;*/
}

.walk-for-green .c1{
  background:#74c476;
}

.walk-for-green .c2{
  background:#a4e56d;
}

.walk-for-green .c3{
  background:#cffc83;
}

.walk-for-green table{
  margin: 0 auto;
  float: left;
}

.walk-for-green .column1{
  background: whitesmoke;
  /*border-bottom: 5px solid white;*/
}

/*
.walk-for-green .row1{
border-right: 5px solid white;
}*/

.walk-for-green .column2{
  background: whitesmoke;
}

.walk-for-green .column3{
  background: whitesmoke;
}

.walk-for-green .column4{
  background: whitesmoke;
}

.walk-for-green .column5{
  background: whitesmoke;
}

.walk-for-green tr:first-child{
  background: whitesmoke!important;
}

.walk-for-green.how-it-works table {
  overflow: hidden;
}

.walk-for-green.how-it-works tr:hover {
  background-color: lightgreen;
}

.walk-for-green.how-it-works td, th {
  position: relative;
}
.walk-for-green.how-it-works td:hover::after,
.walk-for-green.how-it-works th:hover::after {
  content: "";
  position: absolute;
  background-color: lightgreen;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.walk-for-green #sp-breadc div h1{
  padding: 0!important;
  font-size:6.5rem!important;
  background: rgba(255, 255, 255, 0);
  color: #ffffff !important;
  width: auto !important;
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
  text-align: center;
  /*margin-top:20rem; */
  margin-top:15%;
}

@media(max-width:900px){
  .walk-for-green #sp-breadc div h1{
    font-size:5rem!important;
  }
}

@media(max-width:600px){
  .walk-for-green #sp-breadc div h1{
    font-size:3.5rem!important;
  }
}


.walk-for-green.about .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/about.jpg) !important;
  background-size: cover !important;
  display: block;
  height: 36rem;
  margin-top: 0;
  margin-bottom: 3rem;
}

@media(min-width:1400px){
  .walk-for-green.about .body-innerwrapper #sp-breadc{
    background-position: 0px -550px;
  }
}

@media(max-width:1400px) and (min-width:1024px){
  .walk-for-green.about .body-innerwrapper #sp-breadc{
    background-position: 0px -330px;
  }
}

.walk-for-green.how-it-works .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/WalkforGreen/how-it-works.jpg) !important;
  background-size: cover !important;
  display: block;
  height: 36rem;
  margin-top: 0;
  margin-bottom: 3rem;
}

.walk-for-green.walking-record .body-innerwrapper #sp-breadc{
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/WalkforGreen/my-walking-record.jpg) !important;
  background-size: cover !important;
  display: block;
  height: 36rem;
  margin-top: 0;
  margin-bottom: 3rem;
}

.walk-for-green .body-innerwrapper #sp-breadc{
  background-repeat: no-repeat;
}

.walk-for-green #column-id-1573006096822>.sppb-column-addons{
  align-self: center;
}

.walk-for-green h2.walk-title1{
  font-size:51px;
  color:#000000!important;
  font-weight:bold;
  font-style: italic;
  margin:0 auto;
  text-align:center;
}

@media (max-width:1600px){
  .walk-for-green h2.walk-title1{
    margin-right: 70px;
  }
}
@media (max-width:1260px){
  .walk-for-green h2.walk-title1{
    margin-right: 0px;
  }
}

.walk-for-green h2.walk-title2{
  font-size:51px;
  color: #000000 !important;
  font-weight:bold;
  font-style:italic;  
}

@media (min-width: 1150px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    float: right;
    width: 80%;
  }
}

.walk-for-green.home .sppb-btn-custom{
  border-radius:5rem;
  text-decoration: none!important;
}

.walk-for-green .walk-footer img{
  display:inline-block!important;
  margin:0 30px;
  max-width:80px;
}

.walk-for-green .walk-footer{
  text-align:left;
}

.walk-for-green #maximenuck321 li{
  font-family:Nunito!important;
  text-transform: uppercase!important;
}

.walk-for-green .walk-scroll-down img{ 
  max-width: 80%;
  cursor:pointer;
}

.walk-for-green #column-id-1573006096822{
  background-size:80%!important;
}

.walk-for-green .sppb-addon-content .hyperlink{
  padding-left: 0px!important;
}

.walk-for-green #section-id-1573013201218::before{
  background: #f6f2f1;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50vw;
  right: -50vw;
  z-index: -1;
}

.walk-for-green .customgo-funct-panel .functional-panel.social-btn{
  width: max-content;
}

.walk-for-green .lang-switch{
  margin-right:9rem;
}

.walk-for-green .lang-switch li{
  padding-left:15px;
}

.walk-for-green .wfg-funct-panel{
  padding-right:1rem;
}

@media(min-width:1400px){
  .walk-for-green .go-funct-panel{
    padding-right:1rem;
  }

  .tree .go-funct-panel{
    padding-right:7.5rem;
  }

  .walk-for-green .wfg-funct-panel, .tree .wfg-funct-panel{
    padding-right:9rem;
  }
}



.walk-for-green .customgo-funct-panel .functional-panel.social-btn li, .tree .customgo-funct-panel .functional-panel.social-btn li{
  float:right;
}

.walk-for-green h3{
  color: darkgreen!important;
}

.walk-for-green #sppb-carousel1 .sppb-carousel-inner .sppb-item::before{
  background: rgba(0,0,0,0.2);
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media(max-width:1500px){
  .walk-for-green .walk-footer img{
    margin: 0 15px;
    max-width:50px;
  }
}

.walk-for-green div#sp-breadcrumb::before{
  background: rgba(0,0,0,0.1);
  content: "";
  top: 0;
  right: 0px;
  bottom: 0;
  left: -400px;
  position: absolute;
  height: 36rem;
  width: 300%;
}

@media(max-width:768px){
  .walk-for-green div#sp-breadcrumb::before{
    top:-10px;
  }
}

.walk-for-green .indent{
  padding-left:1.5em;
}

.walk-for-green .indent-zh{
  padding-left:1.5em;
}

.walk-for-green .participation-header{
  padding-bottom: 30px;
}

.walk-for-green .walking-trails{
  padding-top: 50px;
}

.walk-for-green .participation-header-zh{
  padding-bottom: 30px;
}

.walk-for-green .walking-trails-zh{
  padding-top: 50px;
}

.walk-for-green #sp-footer2 ul.functional-panel li a{
  font-weight: normal!important;
}

.walk-for-green #sp-footer2 .copyright{
  font-weight: normal!important;
}

.walk-for-green .sppb-item-15731952953290::after{
  content: "1: G/F, Yasumoto International Academic Park (YIA)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953291::after{
  content: "2: G/F, Wong Foo Yuan Building (FYB)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953292::after{
  content: "3: G/F, Pommerenke Student Centre (PSC)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953293::after{
  content: "4: 5/F, Ho Sin-Hang Engineering Building (HSHEB)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953294::after{
  content: "5: 7/F, Mong Man Wai Building (MWW)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953295::after{
  content: "6: 3/F, Lee Shau Kee Building (LSK)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953296::after{
  content: "7: G/F Lobby, Lee Woo Sing College North Block (LWS)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-item-15731952953297::after{
  content: "8: Universitiy Health Centre (UHS)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green.zh .sppb-item-15731952953290::after{
  content: "讀卡器一：康本國際學術園地下 (YIA)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953291::after{
  content: "讀卡器二：王福元樓地 下 (FYB)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953292::after{
  content: "讀卡器三：龐萬倫學生中心地下 (PSC)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953293::after{
  content: "讀卡器四：何善衡工程學大樓五樓 (HSHEB)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953294::after{
  content: "讀卡器五：蒙民偉樓七樓 (MMW)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953295::after{
  content: "讀卡器六：李兆基樓三樓 (LSK)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953296::after{
  content: "讀卡器七：和聲書院北座地下大堂 (LWS)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}
.walk-for-green.zh .sppb-item-15731952953297::after{
  content: "讀卡器八：大學保健醫療中心 (UHS)";
  position: absolute!important;
  bottom: 0px!important;
  top: 90%!important;
  right: 0!important;
  left: 0!important;
  width: 100%!important;
  background: beige!important;
  height: 7rem!important;
  padding: 0 20px!important;
  z-index:99999;
}

.walk-for-green .sppb-tab-content.sppb-tab-tabs-content, .walk-for-green.zh .sppb-tab-content.sppb-tab-tabs-content{
  display: inline-flex;
}

.walk-for-green .tab-desktop .sppb-nav.sppb-nav-tabs, .walk-for-green.zh .tab-desktop .sppb-nav.sppb-nav-tabs{
  display: inline-flex;
  flex-direction: column;
  width: 45%;
  background: #FFFFFF;
  height: 480px;
  margin-right:2rem;
  float:left;
  border-bottom: none;
}

@media (max-width:1150px){
  .walk-for-green .tab-desktop .sppb-nav.sppb-nav-tabs, .walk-for-green.zh .tab-desktop .sppb-nav.sppb-nav-tabs{
    width: 38%;
  }
}

.walk-for-green .tab-desktop .sppb-nav>li{
  background:white;
  color:black;
  border-bottom: 1px solid black;
}

.walk-for-green .tab-desktop .sppb-nav>li a{
  border:none;
  border-bottom:black;
}

/*
.walk-for-green #sppb-addon-1575859162191, .walk-for-green #sppb-addon-1575963489855{
border: 2px solid;
padding: 10px;
margin: 0px;
border-color: #57BC90;
border-radius: 30px;
}

.walk-for-green #sppb-addon-1575947127626, .walk-for-green #sppb-addon-1576031582811{
border: 2px solid;
padding: 10px;
margin: 0px;
border-color: #57BC90;
border-radius: 30px;
}
*/

.walk-for-green .sppb-addon.sppb-addon-tab{
  text-align: center;
}

.walk-for-green #sppb-addon-1575865351935, .walk-for-green.zh #sppb-addon-1575963489852{
  margin: 0px 0px 10px 0px;
}

.walk-for-green .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane p img{
  width: 600px;
}

@media(max-width:1730px){
  .walk-for-green .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane p img{
    width: 550px;
  }
}

.walk-for-green .tab-desktop .sppb-nav.sppb-nav-tabs li a, .walk-for-green.zh .tab-desktop-zh .sppb-nav.sppb-nav-tabs li a{
  height: calc(480px/8);
  border:none;
  border-bottom:1px solid black
}

.walk-for-green .tab-desktop .sppb-nav.sppb-nav-tabs li.active a, .walk-for-green.zh .tab-desktop-zh .sppb-nav.sppb-nav-tabs li.active a{
  height: 55px;
}

.walk-for-green .tab-desktop .sppb-nav-tabs>li.active>a, 
.walk-for-green .tab-desktop .sppb-nav-tabs>li.active>a:focus,
.walk-for-green .tab-desktop .sppb-nav-tabs>li.active>a:hover{
  background-color:white;
}

.walk-for-green .tab-desktop .sppb-nav-tabs>li>a, 
.walk-for-green .tab-desktop .sppb-nav-tabs>li>a:focus,
.walk-for-green .tab-desktop .sppb-nav-tabs>li>a:hover{
  background-color:white;
}

.walk-for-green .tab-desktop .sppb-nav>li>a:focus,
.walk-for-green .tab-desktop .sppb-nav>li>a:hover{
  background-color:white;
}

.walk-for-green .tab-desktop .sppb-nav-tabs li:last-child{
  border-bottom: none;
}

.walk-for-green .tab-desktop .sppb-nav-tabs li:last-child a{
  border-bottom: none;
}

.walk-for-green .tab-desktop .sppb-nav-tabs li a{
  font-weight:normal;
  font-size:17px;
  text-align: left;
}

@media(max-width:1160px){
  .walk-for-green .tab-desktop .sppb-nav-tabs li a{
    font-size:15px;
  }
}

.walk-for-green .tab-desktop .sppb-nav-tabs li.active a{
  font-weight:bolder;
  font-size:17px;
  text-align: left;
}

@media(max-width:1160px){
  .walk-for-green .tab-desktop .sppb-nav-tabs li.active a{
    font-size:15px;
  }
}

.walk-for-green a.scrollup{
  border: 1px solid darkgreen!important;
}

.walk-for-green a.scrollup::before{
  color: darkgreen!important;
}

.walk-for-green a.scrollup:hover{
  border: 1px solid darkgreen!important;
  background-color: darkgreen!important;
}

.walk-for-green .card-location{
  text-align: center;
  background: #57BC90;
  color: white;
  font-weight: 500;
}

.walk-for-green .hyperlink a.hyperlink-arrow {
  font-size:20px;
  color:darkgreen;
  font-weight:600;
}

.walk-for-green .hyperlink li{
  margin:15px 0;
}

.walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs{
  font-weight: 500;
  place-content: center;
  border-bottom: none;
}

.walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li a, .walk-for-green-zh .tab-mobile .sppb-nav.sppb-nav-tabs li a{
  font-size: 12px;
}

@media(max-width:1550px){
  .walk-for-green .lang-switch{
    margin-right: 4rem!important;
  }
}
@media(max-width:1299px){
  .walk-for-green .lang-switch{
    display:none!important;
  }
}

@media(max-width:1023px){
  .walk-for-green #sppb-addon-1575859162191, .walk-for-green #sppb-addon-1575963489855{
    display: none;
  }
}

@media(min-width:1024px){
  .walk-for-green #sppb-addon-1575947127626, .walk-for-green #sppb-addon-1576031582811{
    display: none;
  }
}

@media(max-width:1023px){
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li a, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs li a{
    font-size: 20px;
  }
}

@media(max-width:730px){
  .walk-for-green .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane p img{
    width: 520px;
    height: 400px;
  }
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li a, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs li a{
    font-size: 15px;
  }
}

@media(max-width:630px){
  .walk-for-green .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane p img{
    width: 445px;
    height: 325px;
  }
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li a, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs li a{
    font-size: 11px;
  }
}

@media(max-width:550px){
  .walk-for-green .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane p img{
    width: 390px;
    height: 290px;
  }
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li a, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs li a{
    font-size: 8px;
  }
}

@media(max-width:475px){
  .walk-for-green .sppb-tab-content.sppb-tab-tabs-content .sppb-tab-pane p img{
    width: 390px;
    height: 290px;
  }
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs{
    display: block;
  }
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs li{
    width: calc(100%/4);
  }
  .walk-for-green .tab-mobile .sppb-nav.sppb-nav-tabs li, .walk-for-green.zh .tab-mobile .sppb-nav.sppb-nav-tabs li{
    width: calc(100%/4);
    border: 0.1px solid white;
  }
}

@media(max-width:390px){
  .walk-for-green .card-location{
    font-size: 12px;
  }
}

.lang-switch-mob li{
  margin-right:15px;
}

.walk-for-green .hyperlink{
  list-style:none;
}

.walk-for-green .hyperlink a.hyperlink-arrow::after{
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: " ⇀";
  display: inline-block;
  flex-shrink: 0;
  height: .75rem;
  margin: 0 0 .25rem .625rem;
  transition: .15s ease;
}

.walk-for-green a.hyperlink-arrow:hover:after {
  transform: translateX(1.9375rem);
}

.walk-for-green #column-id-1573006096821 video.sppb-addon-video-local-source{
  height:115%;
}

@media(max-width:1780px){
  .walk-for-green #column-id-1573006096822::before {
    top: 100px;
    left: -150px;
  }
}

@media(max-width:1780px){
  .walk-for-green #column-id-1573006096822::after {
    top: -35px;
    right: -45rem;
  }
}

@media(max-width:1680px){
  .walk-for-green #column-id-1573006096822::before {
    top: 85px;
    left: -170px;
  }
}

@media(max-width:1680px){
  .walk-for-green #column-id-1573006096822::after {
    top: -45px;
    right: -43rem;
  }
}

@media(max-width:1599px){
  .walk-for-green #column-id-1573006096822::before {
    top: 175px;
    left: -100px;
    background-size:55%;
    height: 73%!important;
  }
}

@media(max-width:1599px){
  .walk-for-green #column-id-1573006096822::after {
    top: -40px;
    right: -50rem;
    background-size: 18%;
  }
}

@media(max-width:1475px){
  .walk-for-green #column-id-1573006096822::after {
    top: -40px;
    right: -45rem;
    background-size: 16%;
  }
}

@media(max-width:1399px){
  .walk-for-green #column-id-1573006096822::after {
    top: -25px;
    right: -43rem;
    background-size: 16%;
  }
}

@media(max-width:1299px){
  .walk-for-green #column-id-1573006096822::after {
    top: 120px;
    right: -40rem;
    background-size: 16%;
  }
}

@media(max-width:1199px){
  .walk-for-green #column-id-1573006096822::before {
    top: 185px;
    left: -100px;
  }
}

@media(max-width:1199px){
  .walk-for-green #column-id-1573006096822::after {
    top: 105px;
    right: -37rem;
    background-size: 16%;
  }
}

@media(max-width:1080px){
  .walk-for-green #column-id-1573006096822::before {
    top: 255px;
    left: -100px;
    height: 50%!important;
  }
}

@media(max-width:1080px){
  .walk-for-green #column-id-1573006096822::after {
    top: 130px;
    right: -32rem;
    background-size: 18%;
  }
}

@media(max-width:991px){
  .walk-for-green #column-id-1573006096822::before {
    top: 65px;
    left: -50px;
    height: 90%!important;
    background-size: 30%;
  }
}

@media(max-width:991px){
  .walk-for-green #column-id-1573006096822::after {
    top: 55px;
    right: -63rem;
    background-size: 12%;
  }
}

@media(max-width:991px){
  .walk-for-green #column-id-1573006096821 .sppb-addon-video-local-source {
    height: 100%!important;
  }
}

@media(max-width:768px){
  .walk-for-green #column-id-1573006096821 .sppb-addon-video-local-source {
    height: 145%!important;
    margin-top: 15px!important;
  }
}

@media(max-width:830px){
  .walk-for-green #column-id-1573006096822::before {
    top: 105px;
    left: -65px;
    height: 63%!important;
    background-size: 30%;
  }
}

@media(max-width:830px){
  .walk-for-green #column-id-1573006096822::after {
    top: 77px;
    right: -54rem;
    background-size: 12%;
  }
}

@media(max-width:699px){
  .walk-for-green #column-id-1573006096822::before {
    top: 135px;
    left: -70px;
    height: 57%!important;
  }
}

@media(max-width:699px){
  .walk-for-green #column-id-1573006096822::after {
    top: 77px;
    right: -47rem;
  }
}

@media(max-width:605px){
  .walk-for-green #column-id-1573006096822::before {
    top: 155px;
    left: -70px;
    height: 50%!important;
  }
}

@media(max-width:605px){
  .walk-for-green #column-id-1573006096822::after {
    top: 95px;
    right: -43rem;
  }
}

@media(max-width:540px){
  .walk-for-green #column-id-1573006096822::before {
    top: 175px;
    left: -70px;
    height: 45%!important;
  }
}

@media(max-width:540px){
  .walk-for-green #column-id-1573006096822::after {
    top: 100px;
    right: -39rem;
  }
}

@media(max-width:475px){
  .walk-for-green #column-id-1573006096822::before {
    top: 175px;
    left: -70px;
    height: 39%!important;
  }
}

@media(max-width:475px){
  .walk-for-green #column-id-1573006096822::after {
    top: 105px;
    right: -36rem;
  }
}

@media(max-width:444px){
  .walk-for-green #column-id-1573006096822::before {
    top: 225px;
    left: -60px;
    height: 31%!important;
  }
}

@media(max-width:444px){
  .walk-for-green #column-id-1573006096822::after {
    top: 140px;
    right: -33rem;
  }
}

@media(max-width:399px){
  .walk-for-green #column-id-1573006096822::before {
    top: 235px;
    left: -63px;
    height: 28%!important;
  }
}

@media(max-width:399px){
  .walk-for-green #column-id-1573006096822::after {
    top: 137px;
    right: -30rem;
  }
}

@media(max-width:385px){
  .walk-for-green #column-id-1573006096822::before {
    top: 285px;
    left: -65px;
    height: 23%!important;
  }
}

@media(max-width:385px){
  .walk-for-green #column-id-1573006096822::after {
    top: 185px;
    right: -28rem;
  }
}

@media(max-width:345px){
  .walk-for-green #column-id-1573006096822::before {
    top: 286px;
    left: -58px;
    height:21%!important
  }
}

@media(max-width:345px){
  .walk-for-green #column-id-1573006096822::after {
    top: 195px;
    right: -26rem;
  }
}

.walk-for-green a::selection, .walk-for-green p::selection, .walk-for-green li::selection, .walk-for-green span::selection, .walk-for-green h1::selection, .walk-for-green h2::selection, .walk-for-green h3::selection, .walk-for-green h4::selection, .walk-for-green h5::selection, .walk-for-green h6::selection, .walk-for-green div::selection, .walk-for-green ul::selection, .walk-for-green img::selection, .walk-for-green td::selection, .walk-for-green tr::selection, .walk-for-green th::selection, .walk-for-green strong::selection, .walk-for-green br::selection{
  background: lightgreen;
}

/*SUBSITE - TREE */

/* WALK FOR GREEN*/
.tree a, .tree p, .tree li, .tree span, .tree h1, .tree h2, .tree h3, .tree h4, .tree h5, .tree h6, .tree div, .tree ul{
  font-family: Noto Sans TC!important;
}

.tree #sp-top-bar{
  position: static;
}

.tree #sp-header{
  display: none!important;
}

.tree div.sppb-img-responsive:hover div.before{
  background: rgba(0,0,0,0.8);
}

/*Tree Logo */
.tree .logoss .logo-1{
  max-width:25%;
  display:inline-block;
  vertical-align: top;
  padding-right: 14px;
}

.tree .logoss .logo-2{
  max-width:25%;
  display:inline-block;
  vertical-align: top;
}

.tree .logoss .logo-3{
  display:inline-block;
  max-width:50%;
  text-align: center;
}

.tree .logoss .logo-3 img{
  margin: 0 50px;
  max-width:120%;
}

@media(max-width:700px){
  .tree .logoss .logo-3 img{
    margin: 0 auto;
  }
}

@media(max-width:1024px){
  .tree .logoss .logo-1{
    max-width:25%;
  }
  .tree .logoss .logo-2{
    max-width:20%;
  }
  .tree .logoss .logo-3{
    max-width:50%;
  }
}

.tree .logoss .logo-3 a:hover{
  text-decoration:none;
}

.tree .logoss .logo-3 h1{
  font-size:31px;
  margin-top:0;
  color: black!important;
  margin-left: 125px;
  text-align: center;
}


/*Tree Menu*/
.tree #maximenuck344 ul>li{
  border-bottom: 0;

}

div#maximenuck344 ul.maximenuck li.maximenuck.level1{
  margin-left:50px;
}

div#maximenuck344 ul.maximenuck li.maximenuck.level1 span{
  font-weight: 600;
  color: black;
}

div#maximenuck344{
  text-align: center;
}

.tree #sp-top2 .functional-panel{
  width: max-content;
}

.tree .sp-module{
  margin-top: 0px;
}

.tree.home #sp-main-body #sp-component{
  padding:0!important;
}

.tree #tree-background{
  min-height:928px;
}

.tree #bird-background{
  min-height:860px;
}

.tree.home #sp-page-builder .sppb-row-container{
  width:100%;
  padding-left:0;
  padding-right:0;
}

.tree.home .sp-page-builder .page-content #section-id-1575345730631{
  padding: 0px 0px 0px 0px;
}

.tree div#tree-background:hover::before, 
.tree div#bird-background:hover::before{
  content: "";
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.tree #column-wrap-id-1575345730629{
  padding-right:0px;
}

.tree .sppb-row .sppb-col-md-6#column-wrap-id-1575345730630{
  padding-left:0px;
}

.tree #sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  color:black!important;
  text-align: left;
  padding-bottom: 30px;
  font-size: 38px;
}

.tree #sppb-addon-1575428618073{
  margin: 0 0 0 0;
  position: absolute;
  top: 380px;
  left: 487px;
  right: 0px;
  bottom: 0px;
}

.tree #sppb-addon-1575428618076{
  margin: 0 0 0 0;
  position: absolute;
  top: 380px;
  left: 488px;
  right: 0px;
  bottom: 0px;
}

.tree a {
  text-decoration: none!important;
  color: rgb(23,66,64);
}

.tree .tree-top-menu.maximenuck{
  margin-left: 180px!important;
  margin-top: -10px!important;
}

.tree #sppb-addon-1575345730634{
  background-position: center;
  background-position-x: 90%;
}

.tree .nav-placeholder{
  display: none;
}

.tree .trees-title{
  color: black!important;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}

.tree .birds-title{
  color: black!important;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}

@media(max-width: 1300px){
  .tree .logoss .logo-2{
    max-width: 23%;
    margin-left: -10px;
  }
}

/*Walk for Green */
.walk-for-green #column-id-1573006096822{
  background-size: 0 0!important;
}

.walk-for-green #sp-component .sppb-addon-content li a{
  word-break: break-all;
}

@media(max-width:1050px){
  .walk-for-green .sppb-column-addons #sppb-addon-1573196245546{
    overflow-x: scroll;
  }
}


.walk-for-green .sppb-addon-video-local-video-wrap{
  margin-bottom: 15px;
}

@media(max-width: 768px){
  .walk-for-green a.scrollup{
    display:none!important;
  }
}

.walk-for-green .offcanvas-menu .offcanvas-inner .sp-module{
  border-bottom: 1px solid rgba(0,0,0,0);
}

@media(max-width: 991px){
  .walk-for-green h2.walk-title2{
    text-align: center!important;
  }
}

@media(max-width: 991px){
  .walk-for-green.home .sppb-addon-content p{
    text-align: center;
    margin: 0 auto;
  }
}

@media(max-width: 991px){
  .walk-for-green.home .sppb-text-left{
    text-align: center;
  }
}

@media(max-width: 991px){
  .walk-for-green.home .walk-footer{
    text-align: center;
  }
}

.walk-for-green ul.functional-panel.social-btn{
  display: inline;
}

@media(min-width: 768px) and (max-width:768px){
  .walk-for-green #sp-top1{
    width: unset!important;
  }
}

@media(max-width:768px){
  .walk-for-green #sp-top-bar{
    position: fixed!important;
  }
}

@media(max-width:768px){
  .walk-for-green #sp-main-body{
    margin-top: 50px!important;
  }
}

.walk-for-green .offcanvas-menu{
  background-color: #485550;
}

@media (max-width: 768px){
  .walk-for-green.how-it-works .body-innerwrapper #sp-breadc{
    background-position: top;
    height: 23rem!important;
    margin-top: 80px;
  }
  .walk-for-green.about .body-innerwrapper #sp-breadc{
    height: 23rem!important;
    margin-top: 80px;
  }
  .walk-for-green.walking-record .body-innerwrapper #sp-breadc{
    height: 23rem!important;
    margin-top: 80px;
  }
  .walk-for-green div#sp-breadcrumb::before{
    height: 23rem;
  }
  .walk-for-green #sppb-addon-1582102807005{
    margin-top: -100px;
  }
  .walk-for-green #sppb-addon-1573026837379{
    margin-top: -20px!important;
  }
  .walk-for-green #sppb-addon-1573203470730{
    margin-top: -20px!important;
  }
}

@media (max-width: 550px){
  .walk-for-green #sp-top-bar{
    margin-top: -15px;
  }
  .walk-for-green.how-it-works .body-innerwrapper #sp-breadc{
    margin-top: 60px;
  }
  .walk-for-green.about .body-innerwrapper #sp-breadc{
    height: 23rem!important;
    margin-top: 60px;
  }
  .walk-for-green.walking-record .body-innerwrapper #sp-breadc{
    height: 23rem!important;
    margin-top: 60px;
  }
}

.walk-for-green .offcanvas-overlay{
  background: rgba(0,0,0,0);
}

.walk-for-green .nav-placeholder{
  height: 0px!important;
}

.walk-for-green div#maximenuck321 ul.maximenuck{
  float: right!important;
  margin-right: 67px!important;
}

@media (min-width: 992px){
  .walk-for-green.itemid-454 #sppb-addon-1573013201221{
    margin: 0px -25px 30px 0;
  }
  .walk-for-green.itemid-463 #sppb-addon-1573013201221{
    margin: 0px -5px 30px 0;
  }
}

@media (max-width: 1550px){
  .walk-for-green div#maximenuck321 ul.maximenuck{
    margin-right: 25px!important;
  }
}

@media (max-width: 1399px){
  .walk-for-green div#maximenuck321 ul.maximenuck{
    margin-right: 10px!important;
  }
}
@media (max-width: 1326px){
  .walk-for-green div#maximenuck321 ul.maximenuck{
    margin-right: 1px!important;
  }
}

.walk-for-green #sppb-addon-1573006096829 #btn-1573006096829.sppb-btn-custom, .walk-for-green #sppb-addon-1582254891289 #btn-1582254891289.sppb-btn-custom, .walk-for-green #sppb-addon-1573013201249 #btn-1573013201249.sppb-btn-custom, .walk-for-green #sppb-addon-1573013201227 #btn-1573013201227.sppb-btn-custom{
  width: 195px;
}

@media (max-width: 1235px){
  .walk-for-green .container.main-table{
    width: 1000px!important;
  }
  .walk-for-green td{
    padding: 10px 10px!important;
  }
}

@media (max-width: 1070px){
  .walk-for-green .container.main-table{
    width: 950px!important;
  }
}

@media (max-width: 500px){
  .walk-for-green .container.main-table{
    width: 750px!important;
  }
}

.walk-for-green .clone{
  position: absolute;
  pointer-events: none;
}

.walk-for-green .clone td{
  visibility: hidden;
}

.walk-for-green .clone tbody{
  visibility: visible;
}

.walk-for-green .clone .fixed-side{
  visibility: visible;
}

.walk-for-green div#sppb-addon-1573196245546::-webkit-scrollbar{
  background: transparent;
}

@media(min-width:1261px) and (max-width: 1301px){
  .walk-for-green h2.walk-title1{
    margin-right: 50px;
  }
}
@media(min-width:841px) and (max-width: 1024px){
  .walk-for-green div#sp-top2{
    margin-top: -10px;
  }
}
@media(min-width:769px) and (max-width: 840px){
  .walk-for-green div#sp-top2{
    margin-top: -15px;
  }
}

@media(max-width:550px){
  .walk-for-green #sp-top2{
    float: right;
  }
  .walk-for-green #sp-top1{
    margin-top: 10px;
  }
}

@media(max-width:450px){
  .walk-for-green #sp-top2{
    margin-top: -2px;
  }
}
@media(max-width:380px){
  .walk-for-green #sp-top2{
    margin-top: -3px;
  }
}
@media(max-width:350px){
  .walk-for-green #sp-top2{
    margin-top: -4px;
  }
}
@media(max-width:320px){
  .walk-for-green #sp-top2{
    margin-top: -5px;
  }
}

.walk-for-green.itemid-468 .body-innerwrapper #sp-breadc, .walk-for-green.itemid-469 .body-innerwrapper #sp-breadc {
  background-image: url(/20210325131704oe_/https://www.srsdo.cuhk.edu.hk/images/2019/WalkforGreen/about.jpg) !important;
  background-size: cover !important;
  display: block;
  height: 36rem;
  margin-top: 0;
  margin-bottom: 3rem;
}
@media(max-width: 768px){
  .walk-for-green.itemid-468 .body-innerwrapper #sp-breadc, .walk-for-green.itemid-469 .body-innerwrapper #sp-breadc {
    margin-top: 80px;
  }
}

@media(min-width:1400px){
  .walk-for-green.itemid-468 .body-innerwrapper #sp-breadc, .walk-for-green.itemid-469 .body-innerwrapper #sp-breadc{
    background-position: 0px -550px;
  }
}

@media(max-width:1400px) and (min-width:1024px){
  .walk-for-green.itemid-468 .body-innerwrapper #sp-breadc, .walk-for-green.itemid-469 .body-innerwrapper #sp-breadc{
    background-position: 0px -330px;
  }
}

.walk-for-green .sppb-addon-video-local-source{
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.walk-for-green .walk-scroll-down{ 
  width: 6rem!important;
  cursor:pointer;
  margin: 0 auto;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
}

@media(max-width: 500px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 32rem!important;
  }
}
@media(max-width: 470px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 30rem!important;
  }
}
@media(max-width: 440px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 28rem!important;
  }
}
@media(max-width: 410px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 26rem!important;
  }
}
@media(max-width: 390px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 24rem!important;
  }
}
@media(max-width: 370px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 23rem!important;
  }
}
@media(max-width: 350px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 22rem!important;
  }
}
@media(max-width: 330px){
  .walk-for-green .sppb-img-responsive.tap-walk-reward{
    height: 21rem!important;
  }
}

@media(max-width: 450px){
  .walk-for-green .green-walker{
    height: 29rem!important;
  }
}
@media(max-width: 400px){
  .walk-for-green .green-walker{
    height: 27rem!important;
  }
}
@media(max-width: 370px){
  .walk-for-green .green-walker{
    height: 25rem!important;
  }
}
@media(max-width: 350px){
  .walk-for-green .green-walker{
    height: 23rem!important;
  }
}
@media(max-width: 330px){
  .walk-for-green .green-walker{
    height: 22rem!important;
  }
}

@media(min-width:992px){
  .walk-for-green .green-walker{
    float:right;
  }
}

@media(max-width:730px){
  .walk-for-green .card-size{
    width: 520px!important;
    height: 390px!important;
  }
  .walk-for-green .card-size-7, .walk-for-green .card-size-8{
    width: 520px!important;
    height: 293px!important;
  }
}

@media(max-width:630px){
  .walk-for-green .card-size{
    width: 445px!important;
    height: 334px!important;
  }
  .walk-for-green .card-size-7{
    width: 445px!important;
    height: 250px!important;
  }
  .walk-for-green .card-size-8{
    width: 445px!important;
    height: 251px!important;
  }
}

@media(max-width:550px){
  .walk-for-green .card-size{
    width: 390px!important;
    height: 292px!important;
  }
  .walk-for-green .card-size-7{
    width: 390px!important;
    height: 219px!important;
  }
  .walk-for-green .card-size-8{
    width: 390px!important;
    height: 220px!important;
  }
}

@media(max-width:440px){
  .walk-for-green .card-size{
    width: 370px!important;
    height: 277px!important;
  }
  .walk-for-green .card-size-7{
    width: 370px!important;
    height: 208px!important;
  }
  .walk-for-green .card-size-8{
    width: 370px!important;
    height: 209px!important;
  }
}

@media(max-width:420px){
  .walk-for-green .card-size{
    width: 340px!important;
    height: 255px!important;
  }
  .walk-for-green .card-size-7{
    width: 340px!important;
    height: 191px!important;
  }
  .walk-for-green .card-size-8{
    width: 340px!important;
    height: 192px!important;
  }
}

@media(max-width:390px){
  .walk-for-green .card-size{
    width: 310px!important;
    height: 232px!important;
  }
  .walk-for-green .card-size-7{
    width: 310px!important;
    height: 174px!important;
  }
  .walk-for-green .card-size-8{
    width: 310px!important;
    height: 175px!important;
  }
}

@media(max-width:360px){
  .walk-for-green .card-size{
    width: 290px!important;
    height: 218px!important;
  }
  .walk-for-green .card-size-7{
    width: 290px!important;
    height: 162px!important;
  }
  .walk-for-green .card-size-8{
    width: 290px!important;
    height: 163px!important;
  }
}

@media(max-width:340px){
  .walk-for-green .card-size{
    width: 270px!important;
    height: 203px!important;
  }
  .walk-for-green .card-size-7, .walk-for-green .card-size-8{
    width: 270px!important;
    height: 152px!important;
  }
}

@media(max-width: 1149px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 19%;
  }
}
@media(max-width: 1130px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 18%;
  }
}
@media(max-width: 1110px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 17%;
  }
}
@media(max-width: 1100px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 16%;
  }
}
@media(max-width: 1090px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 15%;
  }
}
@media(max-width: 1075px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 14%;
  }
}
@media(max-width: 1060px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 13%;
  }
}
@media(max-width: 1045px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 12%;
  }
}
@media(max-width: 1030px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 11%;
  }
}
@media(max-width: 1020px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 10%;
  }
}
@media(max-width: 1010px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 9%;
  }
}
@media(max-width: 1000px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 8%;
  }
}
@media(max-width: 991px){
  .walk-for-green .tap-walk-reward h2.walk-title2{
    margin-left: 0%;
  }
}

@media (max-width: 1024px){
  .walk-for-green .logoss .logo-1 img{
    margin-left: 5px;
  }
}

@media (min-width: 1200px){
  .home.sustainability .col-lg-12{
    width: 99%;
  }
  .home.sustainability .logoss .logo-1 img{
    max-width: 101%;
  }
}

@media (max-width: 1799px){
  .home.sustainability .col-lg-12{
    width: 97%;
  }
  .home.sustainability .logoss .logo-1 img{
    max-width: 102%;
    margin-right: 3px;
  }
  .home.sustainability .logoss .logo-2 img{
    max-width: 105%;
    margin-left: -7px;
  }
  .home.sustainability .logo-1.col-md-3.col-lg-3{
    margin-left: -6px;
  }
}

@media (max-width: 1500px){
  .home.sustainability .col-lg-12{
    width: 97%;
    margin-left: 7px;
  }
  .home.sustainability .logoss .logo-1 img{
    max-width: 100%;
    margin-right: 5px;
  }
  .home.sustainability .logoss .logo-2 img{
    max-width: 50%;
    margin-left: -4px;
  }
  .home.sustainability .logo-1.col-md-3.col-lg-3{
    margin-left: -6px;
  }
}
@media (max-width: 1500px) and (min-width: 1200px) {

}

@media (max-width: 1400px){
  .home.sustainability .logo-1.col-md-3.col-lg-3{
    margin-left: -10px;
  }
  .home.sustainability .logoss .logo-2 img{
    max-width: 50%;
  }
  .home.sustainability .logoss .logo-3 img{
    margin-left: 10px;
  }
}

@media (max-width: 1365px){
  .home.sustainability .logoss .logo-1 img{
    max-width: 104%;
  }
}

@media (max-width: 1300px){
  .home.sustainability .logoss .logo-2 img{
    max-width: 34%;
  }
  .home.sustainability .col-lg-12{
    margin-left: 9px;
  }
}

@media (max-width: 1200px){
  .home.sustainability .logoss .logo-2 img{
    max-width: 60%;
  }
}

/*-------Energy------------*/
.itemid-101 .login{
  margin-top: 200px;
}

@media(min-width:1800px){
  .itemid-101 .login{
    margin-top:20%;
  }
}

.itemid-101 #system-message-container{
  margin-top:15rem;
}
.sp-module ul >li >a:hover{
  color: #000000;
}

.fa-facebook-square:before{
  font-size: 2.5rem;
  color: #000000;
}
.fa-instagram:before{
  font-size: 2.5rem;
  color: #000000;
}
.cu-green-buddies{
  margin-top: 3px;
}

.itemid-411 .mls-results-empty-results span{
  text-transform: initial;
}
.itemid-411 .mls-more-results span{
  text-transform: initial;
}
.mls-results span{
  text-transform: initial;
}


/*------Love Food Hate Waste ------ */

.love-food a, .love-food p, .love-food li, .love-food span, .love-food h1, .love-food h2, .love-food h3, .love-food h4, .love-food h5, .love-food h6, .love-food div, .love-food ul{
  font-family: 'Raleway' !important;
}

.love-food .sp-module{
  margin-top:0;
}
.love-food #sp-header{
  display:none;
}

.love-food #maximenuck462 ul>li{
  border-bottom: 0;
}

.love-food div#maximenuck462 ul.maximenuck li.maximenuck.level1 {
  margin-left:20px!important;
}

.love-food div#maximenuck462 ul.maximenuck li.maximenuck.level1:hover, .love-food div#maximenuck462 ul.maximenuck li.maximenuck.level1:active{
  background:none;
  border:none;
  text-shadow:none;
}

.love-food div#maximenuck462 ul.maximenuck li.maximenuck.level1 span{
  font-weight: 600;
  color: #ea6c80!important;
  text-shadow:none!important;
  text-transform: uppercase;
  font-size:16px;
}

.love-food div#maximenuck462 ul.maximenuck{
  border:none;
  background:none;
  float:right!important;
  margin-right:67px;
}

.love-food #sp-breadc .container{
  width:100%;
  padding-left:0;
  padding-right:0;
}

.love-food.home #sp-breadc{
  background:none!important;
  height:auto!important;
}

.love-food #sp-breadcrumb .sp-column .sp-module{
  margin-top:0;
}

.love-food #sp-main-body{
  margin-top: 10rem;
}

div#maximenuck462 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck462 ul.maximenuck li.maximenuck.level1.active{
  border:none!important;
  background:none!important;
}

.love-food section#section-id-1591067585465::before {
  content: "";
  background: #ffd9be;
  width: 103vw;
  position: absolute;
  left: -280px;
  height: 100%;
  top: 0;
}

.love-food .save-food-bg{
  background-size:70%!important;
}

.love-food .save-food img{
  width:60%;
  box-shadow: 35px 38px 30px 0px rgba(0,0,0,0.3)!important;
}

.love-food .divider::before {
  content: "";
  width: 60%;
  height: 1px;
  position: absolute;
  left: 20%;
  z-index: 10;
  border-bottom: 1px solid;
  border-bottom-color: #15c39a;
  border-bottom-width: 5px;
}

div#rev_slider_12_1_wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/cropped-top.png);
  width: 100%;
  height: 30%;
  background-repeat: no-repeat;
  z-index:99;
  background-size:100%;
}

section#section-id-1591067585414::before {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 13%, rgba(249,249,244,1) 60%);
  content: "";
  width: 103vw;
  height: 100%;
  position: absolute;
  left: -21%;
}

section#section-id-1591067585414::after {
  content: "";
  position: absolute;
  width: 103vw;
  height: 30%;
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/cropped-bottom.png);
  left: -22%;
  background-repeat: no-repeat;
  bottom: -20%;
  background-size:100%;
}

section#section-id-1591067585414{
  margin-bottom:10rem!important;
}

section#section-id-1591067585465::after {
  content: "";
  position: absolute;
  top: 0px;
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/cropped-top.png);
  width: 103vw;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 99;
  left: -21%;
  background-size:100%;
}

.love-food .contact-us-title{
  font-weight:800;
}

.love-food .contact-us.social-icon{
  text-align:center;
}
.love-food .contact-us.social-icon img{
  max-width:5rem;
  display:inline-block;
}

.love-food #sppb-addon-1591067585420 h2.sppb-addon-title, .love-food #sppb-addon-1591067585433 h2.sppb-addon-title{
  color:black!important;
}

.love-food #sppb-addon-1591067585438 h4.sppb-addon-title{
  font-weight:600;
}

.love-food #sppb-addon-1591067585468 h2.sppb-addon-title{
  color:#ea6c80!important;
}

.love-food a.sppb-btn {
  padding-top: 16px!important;
  padding-right: 30px!important;
  padding-bottom: 16px!important;
  padding-left: 30px!important;
  border-radius: 100px;
  text-decoration: none!important;
  font-size: 16px;
  font-weight: 500;
}

.love-food a.sppb-btn:hover{
  background-color: #FCB4B4!important;
}

.love-food .tp-caption.large_text{
  background: #f9f3e7;
  opacity: 1;
  padding: 0.4em 1em 0.4em 1em!important;
  box-shadow: none;
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
  border-color: RGBA(0,0,0,1);
  border-radius: 0px;
}

.love-food a.tp-button.lightgrey.big {
  background: #d1cbc3;
  opacity: 1;
  padding: 0.8em 1em 0.8em 1em!important;
  box-shadow: none;
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
  border-color: RGBA(0,0,0,1);
  border-radius: 0px;
}

.love-food div#maximenuck462 div.floatck{
  border:none;
  transform:translateX(-80px);
}

.love-food div#maximenuck462 ul.maximenuck li div.floatck ul.maximenuck2, .love-food div#maximenuck462 ul.maximenuck2{
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  border-top: none!important;
  padding:10px 0px;
  background: #fcb4b4;
}

.love-food li.maximenuck.level2{
  padding:0 10px;
}

.love-food div#maximenuck462 ul.maximenuck li.maximenuck.level1{
  margin: 2px 0 0 0;
}

.love-food div#maximenuck462.maximenuckh ul.maximenuck li.level1.parent > a:after{
  display:none;
}

.love-food .body-innerwrapper #sp-breadc{
  background-size: cover !important;
  display: block;
  height: 36rem;
  margin-top: 0;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  z-index:10;
}

.love-food #sp-breadc div h1 {
  padding: 0!important;
  font-size: 6.5rem!important;
  background: rgba(255, 255, 255, 0);
  color: #ffffff !important;
  width: auto !important;
  text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
  text-align: center;
  margin-top: 20rem; 

}

.love-food #sp-top-bar{
  position:static;
  z-index:11;
}

.love-food.about #sp-breadc{
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/CW-Chu-Canteen.jpg)!important;
}
.love-food.save-food-ambassador #sp-breadc{
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/Cafe-330.jpg)!important;
  background-position: 50% 75%;
}
.love-food.green-catering #sp-breadc{
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/stock-photo-pleasant-woman-giving-lunch-to-school-girl-in-cafeteria-605927558.jpg)!important;
}
.love-food.resources #sp-breadc{
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/content/love-food-hate-waste/banner/finished-plate-2.jpg)!important;
}
.love-food.site-map #sp-breadc{
  background-image: url(https://webarchive.lib.cuhk.edu.hk/20210325131704oe_/https://www.cpso.cuhk.edu.hk/images/2020/LFHW/CW-Chu-Canteen.jpg)!important;
}

.love-food li.maximenuck.item713>a{
  pointer-events:none;
}

.love-food .poster-container img{
  max-height:30rem;
}

.love-food .lfhw-landing-poster img{
  max-height:65rem;
}

.love-food .contact-us-title .contact-icon{
  padding-left:5px;
  padding-right:5px;
}

@media(max-width:1599px){
  .love-food .contact-us-title .contact-icon{
    padding-left:15px;
    padding-right:15px;
  }

  section#section-id-1591067585414::after, section#section-id-1591067585414::before{
    left:0;
  }
  section#section-id-1591067585465::after{
    left:0;
    height:20%;
  }
  .love-food .sp-page-builder .page-content #section-id-1591156846568, 
  .love-food .sp-page-builder .page-content #section-id-1591067585430,
  .love-food .sp-page-builder .page-content #section-id-1591067585414{
    margin-bottom:0px!important;
  }
}



@media(max-width:1300px){
  .love-food #sp-top2>.sp-column>.sp-module.lfhw-top-menu{
    transform: translateX(-100px);
  }
  .love-food .contact-us-title .contact-icon{
    padding-left:5px;
    padding-right:5px;
  }
  .love-food .sp-page-builder .page-content #section-id-1591067585465{
    margin-bottom:0px;
  }
  .love-food .save-food-bg{
    left:0;
    bottom:0;
    background-position:50% 220%!important;
    background-size:60%!important;
  }
  .love-food .save-food img{
    width:60%;
  }
}

@media(max-width:1150px){
  .love-food #sp-top2>.sp-column>.sp-module.lfhw-top-menu{
    transform: translateX(-150px);
  }
  .love-food #sp-top2>.sp-column>.sp-module.lfhw-top-menu{
    width:200%;
  }

}

@media(max-width:1024px){
  .love-food #sp-top-bar{
    display:block;
  }
}

.love-food h3.sppb-addon-title {
  text-align: center!important;
  color: black!important;
  margin-bottom: 5rem;
  font-weight: 600!important;
}

.love-food .logoss .logo-1{
  max-width:25%;
  display:inline-block;
  vertical-align: top;
  padding-right: 14px;
}

.love-food .logoss .logo-2{
  max-width:25%;
  display:inline-block;
  vertical-align: top;
}

.love-food .logoss .logo-3{
  display:inline-block;
  max-width:35%;
}

.love-food .logoss .logo-3 img{
  max-width:50%;
}

@media (max-width: 768px){
  .love-food .logoss .logo-3 img{
    margin: 0 20px;
    max-width: 100%;
  }
  .love-food .logoss .logo-1{
    max-width: 41%;
  }
  .love-food .logoss .logo-2{
    max-width: 19.5%;
  }
  .love-food .logoss .logo-3{
    max-width: 29%;
  }
  .love-food .sp-module.lfhw-mobile-menu{
    margin-top: -10px!important;
  }
}

@media(max-width:700px){
  .love-food .logoss .logo-3 img{
    margin: 0 auto;
  }
}

@media(max-width:1024px){
  .love-food .logoss .logo-1{
    max-width:41%;
  }
  .love-food .logoss .logo-2{
    max-width:19.5%;
  }
  .love-food .logoss .logo-3{
    max-width:30%;
  }
}

.love-food .body-innerwrapper section#sp-footer2 {
  background-color: #ffd9be!important;
}

.love-food h2{
  color: #FCb4b4!important;
}


.love-food a::selection, .love-food p::selection, .love-food li::selection, .love-food span::selection, .love-food h1::selection, .love-food h2::selection, .love-food h3::selection, .love-food h4::selection, .love-food h5::selection, .love-food h6::selection, .love-food div::selection, .love-food ul::selection, .love-food img::selection, .love-food td::selection, .love-food tr::selection, .love-food th::selection, .love-food strong::selection, .love-food br::selection, .love-food sup::selection{
  background:#F9F0F0 ;

}

.love-food div#maximenuck462 ul.maximenuck li.maximenuck.level2>a>span {
  font-size: 10px!important;
  color: white!important;
}
.love-food div#maximenuck462 ul.maximenuck li.maximenuck.item718.level2>a>span{
  font-size:9px!important;
}

.love-food #maximenuck462 ul>li:hover {
  background: white!important;
}
.love-food div#maximenuck462 ul.maximenuck li.maximenuck.level2:hover>a>span {
  color: #ea6c80!important;
}

@media(max-width:1299px){
  .love-food #offcanvas-toggler{
    display:inline-block!important;
    line-height:40px;
  }
  .love-food #offcanvas-toggler > i{
    line-height:30px;
  }

  /*.walk-for-green .wfg-top-menu, .walk-for-green .wfg-funct-panel, .walk-for-green .go-funct-panel{
  display:none!important;
}*/
  .love-food #sp-top2>.sp-column>.sp-module.lfhw-top-menu, .love-food .go-funct-panel{
    display:none!important;
  }
}

@media(min-width:1300px){
  .love-food .lfhw-mobile-menu{
    display:none!important;
  }
}


.love-food #sp-top2 .functional-panel{	
  width:100%!important;
  margin-right:95px;
}



.love-food #sp-top2 .functional-panel li{	
  float:right;
}


@media (max-width: 1024px){
  .love-food .logoss .logo-1 img {
    margin-left: 5px;
  }
}

.love-food .nav-placeholder {
  height: 0px!important;
}

@media(min-width:769px){
  .love-food .logoss .logo-3{
    float:right;
  }
}

@media(max-width:768px){
  .love-food .logoss .logo-3{
    max-width:16%;
  }
  .love-food #sp-top1 {
    width: 90%;
    display: inline-block;
  }
  .love-food #sp-top2 {
    width: 10%;
    display: inline-block;
  }
  .love-food .logo-2{
    margin-right:5px;
  }
}



@media(max-width:1024px){
  #column-id-1591067585429{
    padding-left:0px!important;
    padding-right:0px!important;
  }
}

@media(max-width:768px){
  .love-food #sppb-addon-1591067585468 h2, .love-food #column-id-1591067585463, #sppb-addon-1591067585474 .sppb-text-left, #sppb-addon-1591067585438 h2{
    text-align:center;
  }
  .love-food #sppb-addon-1591067585468 h2{
    font-size:45px;
  }
  #column-id-1591067585429{
    background-image:none;
  }
}

@media (max-width: 550px){
  .love-food #sp-top-bar {
    margin-top: -15px;
  }
  #column-id-1591067585429{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .sp-page-builder .page-content #section-id-1591067585465{
    padding-top:50px!important;
    padding-left:50px!important;
    padding-right:50px!important;
  }
  .love-food #sppb-addon-1591067585468 h2{
    margin-bottom:0px!important;
    font-size:35px;
    line-height:35px;
  }
}


.love-food .offcanvas-menu {
  background-color: #ea6c80;
}

@media(max-width:1250px){
  .love-food #column-id-1591860786771{
    background:none!important;
  }
  .love-food #sppb-addon-1591860786775{
    padding:0px;
  }
}

@media (max-width: 991px){
  .love-food .save-food img {
    width: 45%;
  }
  .love-food #section-id-1591610399277 .sppb-row,
  .love-food #section-id-1591845220009 .sppb-row,
  .love-food #section-id-1591593403705 .sppb-row,
  .love-food #section-id-1591612396374 .sppb-row,
  .love-food #section-id-1591611471869 .sppb-row{
    flex-direction: column-reverse;
  }
  .love-food #sp-main-body{
    margin-top:0;
  }
  .love-food .sp-page-builder .page-content #section-id-1591610399280{
    padding-top:0px;
  }
}

.love-food.resources .love-food-icon img {
  max-width: 80px !important;
  margin-top:10px;
}

.love-food.tips-hotel #sppb-addon-1591253037903,
.love-food.tips-hotel #sppb-addon-1591610399286{
  text-align: justify;
  width: 40rem;
  margin: 0 auto;
}
.love-food.tips-hotel #sppb-addon-1591610399289{
  text-align: justify;
  margin: 0 auto;
  padding:0 3rem;
}

.love-food.tips-hotel #sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3{
  text-align:center!important;
}

.love-food.tips-hotel #column-id-1591610399279,
.love-food.tips-caterers #column-id-1591612396370,
.love-food.tips-event #column-id-1591611471851{
  background: #ffd9be;
  border-radius: 30px;
  font-weight: 600;
}
.love-food.tips-hotel #column-id-1591610399275,
.love-food.tips-caterers #column-id-1591612396372,
.love-food.tips-event #column-id-1591611471870{
  background: #fcbd78;
  border-radius: 30px;
  font-weight: 600;
}
.love-food.tips-hotel #column-id-1591610399282,
.love-food.tips-caterers #column-id-1591612396376,
.love-food.tips-event #column-id-1591611471877{
  background: #ea6c80;
  border-radius: 30px;
  font-weight: 600;
}

@media(max-width:768px){
  .love-food #sppb-addon-1591845220021 img{
    max-width:90px!important;
  }
}

@media(max-width:500px){
  .love-food #sppb-addon-1591845220021 img{
    max-width:70px!important;
  }
}

body.love-food a.scrollup::before{
  color:#ea6c80!important;
}

body.love-food a.scrollup{
  border:1px solid #ea6c80!important;
}

body.love-food a.scrollup:hover {
  border: 1px solid #fcb4b4!important;
  background-color: #fcb4b4!important;
}

.love-food.home #sp-main-body{
  margin-top:0!important;
  z-index:10;
}


@media(max-width:991px){
  .love-food #section-id-1592537384346 .sppb-row{
    flex-direction:column-reverse;
  }
  .love-food #column-id-1592537384347{
    padding-top:0;
  }
  .love-food #column-id-1592537384357{
    padding-top:0;
    padding-bottom:0;
  }
  .love-food #column-id-1592537384347 img{
    max-width:60%;
  }
  .love-food #sppb-addon-1592537384352 .sppb-text-left{
    text-align:center;
  }
}

@media(max-width:1580px){
  .love-food div#maximenuck462 ul.maximenuck{
    margin-right:0px;
  }
  .love-food #sp-top2 .functional-panel{
    margin-right:0px;
  }
}

@media(max-width:1415px){
  .love-food div#maximenuck462 ul.maximenuck li.maximenuck.level1 span{
    font-size:14px;
  }
}

.love-food ul.functional-panel.social-btn {
  display: inline;
}

#sppb-addon-1597213642337,#sppb-addon-1597205806092 {
  display: inline-block;
  margin-right: 50px!important;
}

#sppb-addon-1597205806092 img {
  max-width: 24rem!important;
}

#sppb-addon-1597213642337 img {
  max-width: 32rem!important;
}

@media(max-width:767px) {
  #sppb-addon-1597284534458{
    max-width: 9rem!important;
  }
}

@media(max-width:767px) {
  #sppb-addon-1597284534449{
    max-width: 13rem!important;
  }
}

div#column-wrap-id-1597284534443, div#column-wrap-id-1597284534442 {
  /*width: 50%;*/
  width: max-content;
}

@media(max-width:767px) {
  #sppb-addon-1550470498110 img {
    width: 100%!important;
  }
}

.sdsn-logo img {
  display: inline-block;
  margin-right: 3rem;
}


@media(max-width:767px) {
  .sdsn-logo img {
    margin-right: 1rem;
    outline:none;
    border:0 none!important;
  }

  img.sdsn-fc {
    max-width: 14rem!important;
  }
  img.sdsn-hk {
    max-width: 10rem!important;
  }
}

@media(max-width:311px) {
  .sdsn-logo img  {
    margin-right: 1rem;
    outline:none;
    border:0 none!important;
  }

  img.sdsn-fc {
    max-width: 14rem!important;
  }
  img.sdsn-hk {
    max-width: 10rem!important;
  }
}

.sdsn-logo a:not(.pagination-btn) {
  text-decoration: none!important;
}

.offcanvas-menu{
  overflow-y:scroll;
}

.itemid-341.get-involved #sp-page-builder .sppb-column-addons .clearfix .sppb-addon h3 {
  text-align: center!important;
}

div#sppb-addon-1570777753473 h1 a, div#sppb-addon-1571278457926 h1 {
  font-size: 9rem;
  font-weight: 100;
  color: white !important;
  text-align: center;
  text-decoration: none!important;
}

.ec-live-search .mls-form-inner{
  padding-top:0px;
  padding-bottom:90px;
}

.custom.wrapper.ec-banner-title{
  min-height:180px!important;
  position:relative;
}


.custom.wrapper.ec-banner-title h2 {
  position: absolute;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  color:black!important;
  line-height:1.8;
  font-family: Microsoft JhengHei , sans-serif !important;
}
.custom.wrapper.ec-banner-title h2{
  font-weight:200;
  font-size:27px;
}
.custom.wrapper.ec-banner-title h2:first-line{
  font-weight:800;
  font-size:34px;
}

@media(max-width:650px){
  .custom.wrapper.ec-banner-title h2{
    font-size:21px;
  }
  .custom.wrapper.ec-banner-title h2:first-line{
    font-size:24px;
  }
}
@media(max-width:480px){
  .custom.wrapper.ec-banner-title h2{
    font-size:14px;
  }
  .custom.wrapper.ec-banner-title h2:first-line{
    font-size:18px;
  }
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #66cc00;
  border-color: #66cc00;
}


#get-fund-sup.btn-outline-success{
  float:right;
  margin-right:2rem;
}




body.energy header#sp-header, body.com-k2 header#sp-header{
  display:none;
}


@media(max-width:1024px){
  body.energy .body-innerwrapper #sp-breadc{
    margin-top:0;
  }

  .energy .body-wrapper #sp-top-bar {
    display: block!important;
    position: unset;
    padding: 10px 0px!important;
  }

  body.energy .header-cpso .logoss .logo-1{
    width: 30%!important;
    float: left;
  }

  body.energy .header-cpso .logoss .logo-2{
    width: 20%!important;
    float: left;
  }

  body.energy .header-cpso .logoss .logo-3{
    margin-top: 6px;
    float: left;
    width: 50%!important;
  }
  #get-fund-sup.btn-outline-success{
    margin-top:1rem;
  }
}

.energy .mls-form-inner {
  padding-top: 15px!important;
}



/*SMART CUHK*/
.smart-cuhk h1, .smart-cuhk h2, .smart-cuhk h3, .smart-cuhk h4, .smart-cuhk h5, .smart-cuhk h6 {
  font-family: 'Raleway' !important;
}

.smart-cuhk a, .smart-cuhk p, .smart-cuhk li, .smart-cuhk span, .smart-cuhk ul, .smart-cuhk table, .smart-cuhk table td, .smart-cuhk table th {
  font-family: 'Roboto', sans-serif !important;
}

.smart-cuhk #sp-header {
  display: none;
}

@media(max-width:1024px){
  .smart-cuhk #sp-top-bar{
    display:block;
  }
}
.smart-cuhk .logoss .logo-1{
  max-width:32rem;
  display:inline-block;
  vertical-align: top;
  padding-right: 14px;
}

.smart-cuhk .logoss .logo-2{
  max-width:15rem;
  display:inline-block;
  vertical-align: top;
}

.smart-cuhk .logoss .logo-3{
  display: inline-block;
  width: 35rem;
  float: right;
  margin-right: 12%;;
}

.smart-cuhk .logoss .logo-2 img {
  /*max-width: 105%;*/
  max-width: 65%;
}

.smart-cuhk #sp-top-bar .sp-module.smart-cuhk-top-logo{
  display:block;
}


.smart-cuhk .sp-module{
  margin-top:0;
}


.smart-cuhk div#maximenuck481 ul.maximenuck {
  border: none;
  background: none;
  float: right!important;
  margin-right: 67px;
}


.smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
  margin: 2px 0 0 0;
}
.smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
  margin-left: 15px;
}

.smart-cuhk #maximenuck481 ul>li {
  border-bottom: 0;
}	
.smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 span {
  font-weight: 600;
  color: #000000 !important;
  text-shadow: none!important;
  font-size: 16px;
  font-family: 'Raleway' !important;
}

.smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 span:hover {
  color: #895dfd !important;
}

.smart-cuhk section#sp-top-bar {
  position: static;
  z-index: 11;
}

.smart-cuhk #sp-main-body #sp-left{
  display:block;
}
.smart-cuhk #sp-left .sp-column .sp-module:not(.side-menu){
  display:none;
}

.smart-cuhk ol.side-menu-dot {
  list-style: none;
}


.dot--item .dot {
  position: relative;
  display: block;
  border-radius: 50%;
  background-color: #bababa;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  margin: 0 auto;
}
.dot--item .dot {
  width: 28px;
  height: 28px;
  background-color: #8b5fff;
  margin-bottom: 5px;
}
.side-menu-container {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  transform: translateY(-35%);
  /*width: 84px;*/
  height: auto;
  z-index: 2;
  opacity: 1;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.dot--item .number, .dot--item .txt {
  width: 100%;
  text-align: center;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.dot--item .number {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
}

.dot--item .txt {
  display: block;
  color: #000000;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.dot--item {
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width:100px;
}

.itemid-742 .side-menu-container {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(10%);
  -ms-transform: translateY(10%);
  transform: translateY(10%);
  /*width: 84px;*/
  height: auto;
  z-index: 2;
  opacity: 1;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.smart-cuhk.competition #column-id-1600336403120 #sppb-addon-1600336403115 {
  background-color: #f1f1f2;
  padding: 25px 40px 20px 40px;
}
.smart-cuhk.competition #column-id-1600336403120 #sppb-addon-1600336403115 .sppb-addon-content p{
  font-weight: 700;
  text-align: center;
}

.smart-cuhk.competition #living #column-id-1600399225521 .sppb-column-addons {
  border-left: 1px solid #e6e7e8;
  border-bottom: 1px solid #e6e7e8;
  border-right: 1px solid #e6e7e8;
  margin-bottom: -50px;
}

.smart-cuhk.competition .sp-page-builder .page-content #section-id-1600336317243 {
  margin: 40px 0px 0px 0px;
}

@media(max-width:1513px) and (min-width:1400px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 8px !important;
  }

  .smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
    margin-left: 12px;
  }
}

@media(max-width:1419px) and (min-width:1342px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 35px !important;
  }

  .smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
    margin-left: 12px;
  }
}

@media(max-width:1341px) and (min-width:1327px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 30px !important;
  }

  .smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
    margin-left: 12px;
  }
}

@media(max-width:1326px) and (min-width:1309px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 25px !important;
  }

  .smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
    margin-left: 10px;
  }
}

@media(max-width:1308px) and (min-width:1264px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 10px !important;
  }

  .smart-cuhk div#maximenuck481 ul.maximenuck li.maximenuck.level1 {
    margin-left: 11px;
  }
}

@media(max-width:1419px) and (min-width:1400px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 8px !important;
  }
}

@media(max-width:1400px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck li span{
    font-size: 14px !important;
  }
}

@media(max-width:1226px){
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck li span{
    font-size: 11px !important;
  }
  .smart-cuhk #sp-top2 ul.smart-cuhk-top-menu.maximenuck {
    margin-right: 5px !important;
  }
  .smart-cuhk #sp-top2 div#maximenuck481 ul.smart-cuhk-top-menu.maximenuck li.level1 {
    margin-left: 10px !important;
  }
}

@media(max-width:1262px){
  .smart-cuhk  .header-fp p {
    font-size: 45px !important;
  }
  .smart-cuhk  .sppb-container-inner #column-id-1600160664171 #sppb-addon-1600160664172 {
    height: 195px;
  }
}
.smart-cuhk.competition.itemid-741 .competition-themes .sppb-row-container .sppb-col-md-6, .smart-cuhk.competition.itemid-741 .competition-themes .sppb-row-container .sppb-col-md-12{
  background-color: white;
  padding-right: 0px !important;
  padding-left: 0px !important; 
}
.smart-cuhk.competition.itemid-745 .assessment .sppb-col-md-6, .smart-cuhk.competition.itemid-745 .assessment .sppb-col-md-12{
  background-color: white;
  padding-right: 0px !important;
  padding-left: 0px !important; 
}
@media(min-width:1024px){
  .smart-cuhk .page-content #competition-application {
    min-height: 550px;
  }
  .itemid-742  #sp-left ol.side-menu-dot {
    margin-top: -160px !important;
  }
}  
.smart-cuhk .page-457 .page-content #section-id-1600414738570 .clearfix .sppb-addon-animated-number {
  min-height: 170px;
}

.smart-cuhk p{
  text-align: left !important;
}

.smart-cuhk a {
  color: #21e496;
}

.smart-cuhk #sppb-addon-1600842356096, .smart-cuhk .smart-contact-accordion-info #sppb-addon-1600842356094 {
  margin: 0 !important;
}

@media (min-width: 1264px) {
  .smart-cuhk .logoss .logo-3 img {
    max-width: 105%;
  }
}

/*@media (max-width: 1550px) and (min-width: 1401px) {
.smart-cuhk div#maximenuck481 ul.maximenuck {
margin-right: 8px !important;
}
}

@media (max-width:1550px) and (min-width:1263px){
.smart-cuhk #sp-top2 {
width: 100% !important;
position: absolute;
z-index: -1000;
}
} */

/*.sppb-row-container.T-container {
margin: 0px;
width: 100% !important;
padding: 0px;
}*/

/* footer*/
.sppb-row-container.fo-container {
  margin: 0px;
  padding: 0px;
  width: 100% !important;
}

.fo-left {
  border-right: 2px solid #D3D3D3;
}

.sppb-col-md-6.fo-left img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 45px;
}

.sppb-col-md-6.fo-right img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 45px;
}

.srsdo-home .footer div#column-wrap-id-1608543627432 {
  margin-top: 3%;
}

.srsdo-home .footer div#column-wrap-id-1608543627433 {
  padding: 0px !important;
}

.srsdo-home .footer span.copyright.col-md-12.col-xs-12 {
  text-align: right;
}

.srsdo-home .footer ul.functional-panel {
  float: right;
}



/* message topic */
.message-srsdo {
  display: flex;
  flex-direction: row-reverse;
  background: #3F8C8C;
}

div#sppb-addon-1608605580360 {
  margin: 0 !important;
}

.message-srsdo h2.sppb-addon-title {
  /*font-size: 25px;
  font-weight: 500;
  color: white !important;
  margin: 68px 29px 0px 12px;*/
  font-weight: 500;
  color: white !important;
  margin: 40px 0px 0px 20px;
}

.message-srsdo img.sppb-img-responsive {
  width: 240px;
}

/* message content*/
div#sppb-addon-1608605580377 {
  background-color: #EFEFEF;
}

.message-content-srsdo img.quatation1 {
  width: unset;
}

.message-content-srsdo img.quatation {
  float: right;
}

.message-content-srsdo .M-content {
  margin: 35px 25px;
}

.message-content-srsdo .M-left p {
  font-size: 14px;
  margin-top: 10px;
}

.message-content-srsdo .sppb-row-container.M-container {
  margin: 0px;
  padding: 0px;
  width: 100% !important;
}

/*message button*/
.R-more-button {
  text-align: unset;
  text-decoration: unset !important;
  padding-left: 25px;
}

.third-content #sppb-addon-1608610091827 #btn-1608610091827.sppb-btn-custom:hover {
  background-color: #B5CB8A !important;
}

/* video topic*/
div#sppb-addon-1608521781579 {
  background-color: #3F8C8C;
}

.video-topic h2.sppb-addon-title {
  font-size: 25px;
  text-align: center;
  color: white !important;
  font-weight: 500;
  margin: 15px !important;
}

/*video content*/
.video-content .sppb-blocknumber.sppb-media {
  background-color: #EFEFEF;
}

.video-content .sppb-media-body.sppb-text-left {
  margin: 35px 25px;
}



/*center list top 4 img*/
.center-top-img {
  width: 100% !important;
  position: absolute !important;
  margin: -140px 0px 0px 0px !important;
  z-index: 100 !important;
  /*top: 95px;*/
}

.center-top-img .sppb-row-container {
  width: 100% !important;
  padding: 0px;
}

/*Center content list*/
.content-list {
  /*margin: 95px 0% 2% !important;
  padding: 7% 0% 2% !important;*/
  margin-bottom: 30px !important;
}

.content-list .sppb-row-container {
  background-color: #d6e7f7 !important;
  padding: 0px;
  width: 100% !important;
}

.content-list .sppb-row {
  padding: 130px 0% 2% !important;
}

/*first list*/
.content-list div#column-wrap-id-1608618687536 {
  padding: 0px 5px !important;
}

.content-list div#column-id-1608618687536 {
  border: 6px solid #9dcdd7;
  border-radius: 10px;
  background-color: white;
}

.content-list .first-list {
  border-bottom: 2px solid #9dcdd7;
  padding: 10px 0px 10px 7px;
}

/*second list*/
.content-list div#column-wrap-id-1608618687537 {
  padding: 0px 5px !important;
}

.content-list div#sppb-addon-1608521781509 {
  border: 6px solid #80bc92;
  border-radius: 10px 10px 0px 0px;
  background-color: white;
  border-bottom: none;
}

.content-list div#sppb-addon-1608618687575 {
  border: 6px solid #80bc92;
  border-radius: 0px 0px 10px 10px;
  background-color: white;
  border-top: none;
}

.content-list .second-list {
  border-bottom: 2px solid #80bc92;
  padding: 10px 0px 10px 7px;
}

/*Third list*/
.content-list div#column-wrap-id-1608618687538 {
  padding: 0px 5px !important;
}

.content-list div#sppb-addon-1608521781529 {
  border: 6px solid #638984;
  border-radius: 10px 10px 0px 0px;
  background-color: white;
  border-bottom: none;
}

.content-list div#sppb-addon-1609413109366, .content-list div#sppb-addon-1608618687608 {
  border: 6px solid #638984;
  background-color: #ffffff;
  border-bottom: none;
  border-top: none;
}

.content-list div#sppb-addon-1609413109363 {
  border: 6px solid #638984;
  border-radius: 0px 0px 10px 10px;
  background-color: white;
  border-top: none;
}

.content-list .third-list {
  border-bottom: 2px solid #638984;
  padding: 10px 0px 10px 7px;
}

/*four list*/
.content-list div#column-wrap-id-1608618687539 {
  padding: 0px 5px !important;
}

.content-list div#column-id-1608618687539{
  border: 6px solid #4d78a1;
  border-radius: 10px;
  background-color: white;
}

.content-list .four-list {
  border-bottom: 2px solid #4d78a1;
  padding: 10px 0px 10px 7px;
}

/*all list*/
.content-list .list {
  padding: 10px 0px 10px 7px;
}

.content-list a:hover {
  text-decoration: underline !important;
}

.content-list a {
  text-decoration: unset !important;
  color: black;
}

/*center list left and right img*/
.content-list .list-right-img img.sppb-img-responsive{
  position: relative;
  bottom: 30px;
  width: 80%;
}

.content-list .list-left-img img.sppb-img-responsive{
  width: 80%;
  position: relative;
  top: 100px;
}



/* header*/
.srsdo-home header#sp-header {
  display: none;
}

.header-srsdo .logo-1 {
  max-width: 32rem;
  display: inline-block;
  vertical-align: top;
  padding-right: 14px;
  border: none !important;
}

.header-srsdo .logo-2 {
  display: inline-block;
  max-width: 33rem;
}

.header-srsdo .logo-2 a {
  color: #000000 !important;
}

/*slide*/
.slide .sppb-row-container {
  width: 100% !important;
  padding: 0px;
}


.srsdo-home .sppb-section:not(.slide):not(.center-top-img):not(.content-list) {
  padding: 0 15% !important;
}

.srsdo-home #sp-component {
  padding: 0 !important;
  border: 0 !important;
}

/*.srsdo-home .content-list .sppb-row-container {
background-color: #d6e7f7 !important;
padding: 0;
width: 100% !important;
height: 350px;
}

.srsdo-home .content-list .sppb-row {
position: relative;
margin: 0px 20px !important;
top: 96px;
}

.srsdo-home .third-content .sppb-row-container {
padding: 0 !important;
}

.srsdo-home .third-content {
margin-top: 30px !important;
}
*/

/* center top img margin */
@media(max-width: 1703px) and (min-width:1665px) {
  .center-top-img {
    margin: -133px 0px 0px 0px !important;
  }
}

@media(max-width: 1664px) and (min-width:1646px) {
  .center-top-img {
    margin: -130px 0px 0px 0px !important;
  }
}

@media(max-width: 1645px) and (min-width:1637px) {
  .center-top-img {
    margin: -128px 0px 0px 0px !important;
  }
}

@media(max-width: 1636px) and (min-width:1616px) {
  .center-top-img {
    margin: -125px 0px 0px 0px !important;
  }
}

@media(max-width: 1615px) and (min-width:1598px) {
  .center-top-img {
    margin: -122px 0px 0px 0px !important;
  }
}

@media(max-width: 1597px) and (min-width:1581px) {
  .center-top-img {
    margin: -119px 0px 0px 0px !important;
  }
}

@media(max-width: 1580px) and (min-width:1557px) {
  .center-top-img {
    margin: -115px 0px 0px 0px !important;
  }
}

@media(max-width: 1556px) and (min-width:1540px) {
  .center-top-img {
    margin: -112px 0px 0px 0px !important;
  }
}

@media(max-width: 1539px) and (min-width:1192px) {
  .center-top-img {
    margin: -107px 0px 0px 0px !important;
  }
}

@media(max-width: 1191px) and (min-width:1151px) {
  .center-top-img {
    margin: -95px 0px 0px 0px !important;
  }
}

@media(max-width: 1150px) and (min-width:320px) {
  .center-top-img {
    margin: -85px 0px 0px 0px !important;
  }
}

/* center content link padding top */
@media(max-width: 1510px) and (min-width:1473px) {
  .content-list .sppb-row {
    padding: 123px 0% 2% !important;
  }
}

@media(max-width: 1472px) and (min-width:1436px) {
  .content-list .sppb-row {
    padding: 117px 0% 2% !important;
  }
}

@media(max-width: 1435px) and (min-width:1407px) {
  .content-list .sppb-row {
    padding: 112px 0% 2% !important;
  }
}

@media(max-width: 1406px) and (min-width:1371px) {
  .content-list .sppb-row {
    padding: 106px 0% 2% !important;
  }
}

@media(max-width: 1370px) and (min-width:1336px) {
  .content-list .sppb-row {
    padding: 100px 0% 2% !important;
  }
}

@media(max-width: 1335px) and (min-width:1304px) {
  .content-list .sppb-row {
    padding: 94px 0% 2% !important;
  }
}

@media(max-width: 1303px) and (min-width:1266px) {
  .content-list .sppb-row {
    padding: 88px 0% 2% !important;
  }
}

@media(max-width: 1265px) and (min-width:1233px) {
  .content-list .sppb-row {
    padding: 82px 0% 2% !important;
  }
}

@media(max-width: 1232px) and (min-width:1192px) {
  .content-list .sppb-row {
    padding: 75px 0% 2% !important;
  }
}

@media(max-width: 1191px) and (min-width:1151px) {
  .content-list .sppb-row {
    padding: 80px 0% 2% !important;
  }
}

@media(max-width: 1150px) and (min-width:1116px) {
  .content-list .sppb-row {
    padding: 84px 0% 2% !important;
  }
}

@media(max-width: 1115px) and (min-width:1081px) {
  .content-list .sppb-row {
    padding: 78px 0% 2% !important;
  }
}

@media(max-width: 1080px) and (min-width:1046px) {
  .content-list .sppb-row {
    padding: 72px 0% 2% !important;
  }
}

@media(max-width: 1045px) and (min-width:1011px) {
  .content-list .sppb-row {
    padding: 66px 0% 2% !important;
  }
}

@media(max-width: 1010px) and (min-width:320px) {
  .content-list .sppb-row {
    padding: 60px 0% 2% !important;
  }
}

/* center content link font size */
@media(max-width: 1400px) and (min-width:581px) {
  .content-list a {
    font-size:14px;
  }
}


/* center left right img */
@media(max-width: 1400px) and (min-width:1200px) {
  .content-list .list-left-img img.sppb-img-responsive {
    width: 80%;
    position: relative;
    top: 130px;
  }
}

@media(max-width: 1199px) and (min-width:1120px) {
  .content-list .list-left-img img.sppb-img-responsive {
    width: 80%;
    position: relative;
    top: 160px;
  }
}

@media(max-width: 1120px) and (min-width:992px) {
  .content-list .list-left-img img.sppb-img-responsive {
    width: 80%;
    position: relative;
    top: 210px;
  }
}


/* third-content content outside padding and content font-size */
@media(max-width: 1400px) and (min-width:581px) {
  .srsdo-home .sppb-section:not(.slide):not(.center-top-img):not(.content-list) {
    padding: 0 !important;
  }

  .message-content-srsdo .M-content p {
    font-size: 16px;
  }

  .message-content-srsdo .M-left p {
    font-size: 12px;
  }

  .video-content .sppb-media-body.sppb-text-left {
    font-size: 14px;
  }
}


/* third-content topic margin and font-size */
@media(max-width: 1777px) and (min-width:1620px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 0px 0px 10px;
    font-size:26px;
  }
}

@media(max-width: 1619px) and (min-width:1490px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 60px 0px 0px 10px;
    font-size:22px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 22px;
  }
}

@media(max-width: 1489px) and (min-width:1401px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 60px 0px 0px 10px;
    font-size:20px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 20px;
  }
}

@media(max-width: 1400px) and (min-width:1273px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 60px 0px 30px;
    font-size:26px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 26px;
  }
}

@media(max-width: 1272px) and (min-width:1180px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 0px 0px 30px;
    font-size:26px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 26px;
  }
}

@media(max-width: 1179px) and (min-width:1110px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 0px 0px 10px;
    font-size:26px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 26px;
  }
}

@media(max-width: 1109px) and (min-width:1000px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 60px 0px 0px 10px;
    font-size:22px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 22px;
  }
}

@media(max-width: 999px) and (min-width:992px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 60px 0px 0px 10px;
    font-size:20px;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 20px;
  }
}


/* 991 mobile responsive */
/* silde and center content margin */
@media (max-width: 991px) and (min-width: 320px){
  .slide #sppb-addon-1608644362665 {
    margin: 0px !important;
  }

  .content-list #sppb-addon-1608521781514 , .content-list #sppb-addon-1608618687590 , .content-list #sppb-addon-1608618687587 , .content-list #sppb-addon-1608618687584{
    margin: 0px !important;
  }

  .content-list #sppb-addon-1608521781509 , .content-list #sppb-addon-1608618687575{
    margin: 0px !important;
  }

  .content-list #sppb-addon-1608521781529 , .content-list #sppb-addon-1608618687608{
    margin: 0px !important;
  }

  .content-list #sppb-addon-1608521781532 , .content-list #sppb-addon-1608618687623 , .content-list #sppb-addon-1608618687620 , .content-list #sppb-addon-1608618687617{
    margin: 0px !important;
  }

  div#column-wrap-id-1608618687538 {
    z-index: 100 !important;
  }

  div#sppb-addon-1608605580377 {
    margin: 0px;
  }

  div#sppb-addon-1608519528478 {
    margin: 0px;
  }

  div#sppb-addon-1608521781579 {
    margin: 0px;
  }

  .sppb-col-md-6.fo-left {
    width: 50%;
  }

  .sppb-col-md-6.fo-right {
    width: 50%;
  }
}


/* center 4 img */
@media (max-width: 991px) and (min-width: 320px){
  .content-list #sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section {
    z-index: unset !important;
  }

  .content-list div#column-wrap-id-1608618687536 {
    z-index:200 !important;
  }

  .content-list div#column-wrap-id-1608618687537{
    z-index:200 !important;  
  }

  .content-list div#column-wrap-id-1608618687535 {
    z-index: -100 !important;
  }
}

@media (max-width: 991px) and (min-width: 944px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 22% !important;
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 22% !important;
    width: 50% !important;
  }
}

@media (max-width: 943px) and (min-width: 829px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 26% !important;
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 26% !important;
    width: 50% !important;
  }
}

@media (max-width: 828px) and (min-width: 733px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 32% !important;
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 32% !important;
    width: 50% !important;
  }
}

@media (max-width: 732px) and (min-width: 600px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 40% !important;
    width: 50% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 40% !important;
    width: 50% !important;
  }
}

@media (max-width: 599px) and (min-width: 496px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 43% !important;
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 43% !important;
    width: 35% !important;
    margin-left:10% !important;
  }
}

@media (max-width: 495px) and (min-width: 426px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 60% !important;
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 60% !important;
    width: 35% !important;
    margin-left:10% !important;
  }
}

@media (max-width: 425px) and (min-width: 376px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 35% !important;
    margin-left:10% !important;
    margin-top: 13% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 35% !important;
    margin-left:10% !important;
    margin-top: 13% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 60% !important;
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 60% !important;
    width: 35% !important;
    margin-left:10% !important;
  }
}

@media (max-width: 375px) and (min-width: 339px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 35% !important;
    margin-left:10% !important;
    margin-top: 13% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 35% !important;
    margin-left:10% !important;
    margin-top: 13% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 70% !important;
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 70% !important;
    width: 35% !important;
    margin-left:10% !important;
  }
}

@media (max-width: 338px) and (min-width: 320px){
  .center-top-img div#column-wrap-id-1608618687549{
    width: 35% !important;
    margin-left:10% !important;
    margin-top: 17% !important;
  }

  .center-top-img div#column-wrap-id-1608618687550 {
    width: 35% !important;
    margin-left:10% !important;
    margin-top: 17% !important;
  }

  .center-top-img div#column-wrap-id-1608618687551 {
    margin-top: 85% !important;
    width: 35% !important;
    margin-left:10% !important;
  }

  .center-top-img div#column-wrap-id-1608618687552 {
    margin-top: 85% !important;
    width: 35% !important;
    margin-left:10% !important;
  }
}

/* center content */
@media (max-width: 991px) and (min-width: 944px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 2% 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 2% 10% 10% 60%!important;
    bottom: 336px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 0% 10% 10% 10%!important;
    width: 31% !important;
    bottom: 30px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -32px 10% 10% 60%!important;
    bottom: 336px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 943px) and (min-width: 900px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 2% 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 339px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 0% 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -29px 10% 10% 60%!important;
    bottom: 302px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 899px) and (min-width: 829px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 2% 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 331px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 0% 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -31px 10% 10% 60%!important;
    bottom: 297px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 828px) and (min-width: 768px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 2% 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 350px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 14px 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 10% 10% 60%!important;
    bottom: 403px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 767px) and (min-width: 733px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 26px 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 346px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 5px 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 10% 10% 60%!important;
    bottom: 390px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 732px) and (min-width: 700px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 30px 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 346px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 60px 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 10% 10% 60%!important;
    bottom: 282px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 699px) and (min-width: 665px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 30px 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 343px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 52px 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -22px 10% 10% 60%!important;
    bottom: 277px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 664px) and (min-width: 630px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 30px 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 339px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 45px 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -22px 10% 10% 60%!important;
    bottom: 273px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 629px) and (min-width: 600px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 30px 10% 10% 10%!important;
    width: 31% !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 10% 10% 60%!important;
    bottom: 336px !important;
    width: 31% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 38px 10% 10% 10%!important;
    width: 31% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -21px 10% 10% 60%!important;
    bottom: 270px !important;
    width: 31% !important;
    padding: 0px !important;
  }
}

@media (max-width: 599px) and (min-width: 593px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:38px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 4% 6% 0% 51%!important;
    bottom: 304px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 89px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 268px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 592px) and (min-width: 586px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:38px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 4% 6% 0% 51%!important;
    bottom: 304px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 81px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 268px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 585px) and (min-width: 581px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:42px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 4% 6% 0% 51%!important;
    bottom: 307px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 73px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 268px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 580px) and (min-width: 576px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:42px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 8% 6% 0% 51%!important;
    bottom: 307px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 65px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 268px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 575px) and (min-width: 569px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:46px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 8% 6% 0% 51%!important;
    bottom: 312px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 58px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 6% 0% 51%!important;
    bottom: 266px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 568px) and (min-width: 567px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:46px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 8% 6% 0% 51%!important;
    bottom: 312px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 50px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 6% 0% 51%!important;
    bottom: 378px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 566px) and (min-width: 559px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:49px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 312px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 50px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 266px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 558px) and (min-width: 551px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:52px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 314px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 42px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 266px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 550px) and (min-width: 545px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:54px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 316px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 34px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 264px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 544px) and (min-width: 538px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:57px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 318px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 27px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 6% 0% 51%!important;
    bottom: 376px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 537px) and (min-width: 531px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:60px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 322px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 19px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 263px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 530px) and (min-width: 525px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:60px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 322px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 11px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 262px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 524px) and (min-width: 518px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:65px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 326px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 3px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 261px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 517px) and (min-width: 511px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:68px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 329px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -5px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 260px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 510px) and (min-width: 504px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:68px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 329px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -12px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 260px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 503px) and (min-width: 496px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:68px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 329px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -19px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 260px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 495px) and (min-width: 490px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:75px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 364px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 37px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 259px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 489px) and (min-width: 483px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:77px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 367px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 28px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 258px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 482px) and (min-width: 476px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:79px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 368px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 20px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 258px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 475px) and (min-width: 470px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:83px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 370px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 12px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 258px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 469px) and (min-width: 464px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:85px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 373px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 2px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 255px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 463px) and (min-width: 458px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:87px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 375px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -5px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 255px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 457px) and (min-width: 451px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:90px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 377px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -13px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 255px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 452px) and (min-width: 445px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:92px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 379px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -22px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 254px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 444px) and (min-width: 439px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:94px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 381px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -29px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 254px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 438px) and (min-width: 433px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:96px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 382px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -36px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 254px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 432px) and (min-width: 426px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:98px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 385px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -45px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 252px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}


@media (max-width: 425px) and (min-width: 420px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:34px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 320px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 12px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 252px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 419px) and (min-width: 414px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:41px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 328px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: 0px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 6% 0% 51%!important;
    bottom: 364px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 413px) and (min-width: 409px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:44px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 330px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -8px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 6% 0% 51%!important;
    bottom: 363px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 408px) and (min-width: 403px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:47px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 333px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -16px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 249px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 402px) and (min-width: 397px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:50px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 336px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -25px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 249px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 396px) and (min-width: 392px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:53px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 337px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -32px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 249px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 391px) and (min-width: 386px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:53px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 339px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -40px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 248px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 385px) and (min-width: 380px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:58px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 343px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -48px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 248px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 379px) and (min-width: 376px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 6%!important;
    width: 43% !important;
    bottom:59px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 6% 0% 51%!important;
    bottom: 344px !important;
    width: 43% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -55px 0% 10% 6%!important;
    width: 43% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 6% 0% 51%!important;
    bottom: 248px !important; 
    width: 43% !important;
    padding: 0px !important;
  }
}

@media (max-width: 375px) and (min-width: 374px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:59px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 344px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -15px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 246px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 373px) and (min-width: 372px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:59px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 344px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -18px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 246px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 371px) and (min-width: 367px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:64px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 349px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -25px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 246px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 366px) and (min-width: 361px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:67px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 351px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -32px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 246px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 360px) and (min-width: 356px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:67px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 351px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -70px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: 91px 8% 0% 51%!important;
    bottom: 356px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 355px) and (min-width: 351px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:71px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 356px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -78px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 245px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 350px) and (min-width: 346px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:75px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 359px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -86px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 244px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 345px) and (min-width: 341px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:75px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 359px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -92px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 244px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 340px) and (min-width: 339px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:80px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 364px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -130px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 243px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 338px) and (min-width: 335px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:65px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 377px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -85px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 243px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 334px) and (min-width: 331px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:65px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 377px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -92px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 243px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 330px) and (min-width: 330px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:65px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 3% 8% 0% 51%!important;
    bottom: 377px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -98px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 243px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 329px) and (min-width: 326px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:65px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 8% 0% 51%!important;
    bottom: 396px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -119px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 242px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 325px) and (min-width: 323px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:68px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 8% 0% 51%!important;
    bottom: 398px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -123px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 242px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

@media (max-width: 322px) and (min-width: 320px){
  .content-list div#column-wrap-id-1608618687536 {
    margin: 0% 0% 0% 8%!important;
    width: 41% !important;
    bottom:68px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687537 {
    margin: 0% 8% 0% 51%!important;
    bottom: 398px !important;
    width: 41% !important;
    padding: 0px !important;
    position: relative;
  }

  .content-list div#column-wrap-id-1608618687538 {
    margin: -130px 0% 10% 8%!important;
    width: 41% !important;
    bottom: 0px !important;
    padding: 0px !important;
  }

  .content-list div#column-wrap-id-1608618687539 {
    margin: -19px 8% 0% 51%!important;
    bottom: 242px !important; 
    width: 41% !important;
    padding: 0px !important;
  }
}

/* center content link font size */
@media(max-width: 580px) and (min-width:320px) {
  .content-list a {
    font-size:12px !important;
  }
} 

/* center background height */
@media (max-width: 991px) and (min-width: 733px){
  .content-list .sppb-row-container {
    height: 991px !important;
  }
}

@media (max-width: 732px) and (min-width: 600px){
  .content-list .sppb-row-container {
    height: 1100px !important;
  }
}

@media (max-width: 599px) and (min-width: 376px){
  .content-list .sppb-row-container {
    height: 900px !important;
  }
}

@media (max-width: 375px) and (min-width: 320px){
  .content-list .sppb-row-container {
    height: 860px !important;
  }
}

/* center left right img */
@media (max-width: 991px) and (min-width: 950px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 430px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 480px !important;
    right: 430px !important;
  }
}

@media (max-width: 949px) and (min-width: 870px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 390px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 480px !important;
    right: 390px !important;
  }
}

@media (max-width: 869px) and (min-width: 788px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 350px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 480px !important;
    right: 350px !important;
  }
}

@media (max-width: 787px) and (min-width: 710px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 310px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 480px !important;
    right: 310px !important;
  }
}

@media (max-width: 709px) and (min-width: 650px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 280px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 480px !important;
    right: 280px !important;
  }
}

@media (max-width: 649px) and (min-width: 600px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 240px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 480px !important;
    right: 240px !important;
  }
}


@media (max-width: 599px) and (min-width: 490px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 200px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 340px !important;
    right: 200px !important;
  }
}

@media (max-width: 489px) and (min-width: 425px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 160px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 340px !important;
    right: 160px !important;
  }
}

@media (max-width: 424px) and (min-width: 350px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 130px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 340px !important;
    right: 130px !important;
  }
}

@media (max-width: 349px) and (min-width: 320px){
  .content-list .list-left-img img.sppb-img-responsive{
    top: 130px !important;
    left: 100px !important;
  }

  .content-list .list-right-img img.sppb-img-responsive{
    bottom: 340px !important;
    right: 100px !important;
  }
}

/* third-content topic margin and font-size */
@media(max-width: 991px) and (min-width:734px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 60px 35px 0px 40px !important;
    font-size:30px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 30px !important;
  }
}

@media(max-width: 733px) and (min-width:653px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 40px 35px 0px 40px !important;
    font-size:30px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 30px !important;
  }
}

@media(max-width: 652px) and (min-width:581px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 33px 0px 40px !important;
    font-size: 25px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 25px !important;
  }
}

@media(max-width: 580px) and (min-width:547px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 40px 10px 0px 30px !important;
    font-size: 25px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 25px !important;
  }
}

@media(max-width: 546px) and (min-width:526px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 40px 10px 0px 10px !important;
    font-size: 25px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 25px !important;
  }
}


@media(max-width: 525px) and (min-width:485px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 10px 0px 10px !important;
    font-size: 22px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 22px !important;
  }
}

@media(max-width: 484px) and (min-width:456px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 10px 0px 10px !important;
    font-size: 20px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 20px !important;
  }
}

@media(max-width: 455px) and (min-width:427px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 10px 0px 10px !important;
    font-size: 18px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 18px !important;
  }
}

@media(max-width: 426px) and (min-width:361px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 50px 10px 0px 10px !important;
    font-size: 16px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 16px !important;
  }
}

@media(max-width: 380px) and (min-width:320px) {
  .message-srsdo h2.sppb-addon-title {
    margin: 30px 10px 0px 10px !important;
    font-size: 16px !important;
  }

  .video-topic h2.sppb-addon-title {
    font-size: 16px !important;
  }
}

/* third-content content outside padding and content font-size */
@media(max-width: 580px) and (min-width:320px) {
  .srsdo-home .sppb-section:not(.slide):not(.center-top-img):not(.content-list) {
    padding: 0 !important;
  }

  .message-content-srsdo .M-content p {
    font-size: 16px;
  }

  .message-content-srsdo .M-left p {
    font-size: 10px;
  }

  .video-content .sppb-media-body.sppb-text-left {
    font-size: 12px;
  }
}

/* footer */
@media(max-width: 500px) and (min-width:320px) {
  .sppb-col-md-6.fo-left img {
    height: 30px !important;
  }

  .sppb-col-md-6.fo-right img {
    height: 30px !important;
  }
}

@media(max-width: 991px) and (min-width:320px) {
  .srsdo-home .footer span.copyright.col-md-12.col-xs-12 {
    text-align: center !important;
  }

  .srsdo-home .footer ul.functional-panel {
    padding: 0px !important;
    float: unset !important;
    text-align: center !important;
  }
}

@media(max-width: 767px) and (min-width:320px) {
  .srsdo-home .footer .col-md-12.col-xs-12 a {
    font-size: 14px !important;
  }

  .srsdo-home .footer span.copyright.col-md-12.col-xs-12 {
    font-size: 14px !important;
  }
}


/*header menu item width*/
.srsdo-home li.maximenuck.item763.first.parent.level1.maximenuckanimation .maxidrop-main {
  width: 250px !important;
}

.srsdo-home li.maximenuck.item766.parent.level1.maximenuckanimation .maxidrop-main {
  width: 230px !important;
}


.srsdo-home li.maximenuck.item764.parent.level1.maximenuckanimation .maxidrop-main {
  width: 170px !important;
}


.srsdo-home li.maximenuck.item765.parent.level1.maximenuckanimation .maxidrop-main {
  width: 160px !important;
}

.srsdo-home .logoss .logo-1 img {
  max-width: 85% !important;
  float: left !important;
}

@media(min-width: 1025px){

  .srsdo-home .logoss .logo-2 img {
    width: 100%;
    max-width: 100% !important;
  }
}


@media (max-width: 768px) and (min-width: 320px){
  .srsdo-home #sp-top1 {
    z-index: 100 !important;
  }

  .srsdo-home .logo-1 {
    z-index: 100 !important;
  }
}

@media (max-width: 520px) and (min-width: 320px){
  .srsdo-home div#sp-top2 .sp-module.srsdo-mobile-menu {
    top: -45px !important;
  }

  .srsdo-home div#sp-top2 .sp-module.srsdo-top-menu {
    display: none !important;
  }

  .srsdo-home div#sp-top2  .sp-module.search {
    display: none !important;
  }
}

.itemid-853 .body-innerwrapper #sp-footer2 {
  background-color: #fff!important;
}

.itemid-853 #event-news .index-events-listing .mod_events_latest_table .date {
  width: 55px;
  height: 55px;
}

/**from customprime**/
.srsdo-home #sp-top-bar.top-fixed {
  top: -50px !important;
  border: none !important;
  background: none !important;
}

.srsdo-home #sp-top-bar > .row {
  background: #fff;
  padding-bottom: 0px;
  position: relative;
  /* padding-bottom: 5px; */
}

.srsdo-home #sp-top-bar > .row  {
  position: absolute !important;
  top: 50px;
  width: 82%;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 10%;
  height: 70px !important;
}

.srsdo-top-menu ul > li {
  border: none !important;
}

.srsdo-home #sp-top1 {
  margin: 10px 0;
  padding: 0 !important;
  width:41%;
}

ul.srsdo-top-menu a {
  /*color: #8ACBCB !important;*/
  color: #4d78a1 !important;
}

/*.srsdo-home #sp-top2 {
width: 61%;
padding: 0 !important;
}*/

.srsdo-home #sp-top2 {
  width: 75%;
  padding: 0 !important;
}

/*.srsdo-home #sp-top2 {
width: 81%;
padding: 0 !important;
}*/

ul.srsdo-top-menu li {
  padding: 15px;
}

ul.srsdo-top-menu li.parent.level1 > a:after {
  content: "\f078" !important;
  border: none !important;
  font-family: 'FontAwesome';
  top: 2px !important;
  right: 5px !important;
}

.srsdo-mobile-menu a#offcanvas-toggler {
  display: block !important;
}

/***Old Version***/
/*@media (min-width:1024px) {
.sp-module.srsdo-mobile-menu {
right: 55px;
position: absolute;
top: -10px;
margin-top: 0 !important;
z-index: 999;
width: 7% !important;
}
}*/

@media (min-width:1024px) {
  .sp-module.srsdo-mobile-menu {
    right: 60px;
    position: absolute;
    top: -10px;
    margin-top: 0 !important;
    z-index: 999;
    width: 8% !important;
    margin: 10px;
  }
}


.srsdo-home .sp-module.search {
  width: 12% !important;
  right: 0;
  position: absolute;
  top: 15px;
  margin-top: 0 !important;
}

@media (min-width:1200px) and (max-width:1700px){
  .srsdo-home .sp-module.search {
    z-index:999;
  }
}

.sp-module.srsdo-top-menu {
  width: 88% !important;
}

.srsdo-mobile-menu img {
  height: 70px !important;
  width:	50px !important;
}

.srsdo .search-box {
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
  position: absolute;
  top: 40px;
  right: 0;
  width: 250px;
  z-index: 10;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.srsdo .search-box #sitesearchboxForm {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.srsdo .search-box input.inputbox {
  color: #8ACBCB !important;
}

.srsdo-top-menu .maxidrop-main {
  /*background-color: #8ACBCB !important;*/ 
  background-color: #4d78a1 !important;
  margin-top: 15px;
}

.srsdo-top-menu .maxidrop-main a {
  color: #ffffff !important; 
}

.srsdo-home .offcanvas-menu {
  /*background-color: #8ACBCB !important;*/
  background-color: #4d78a1 !important;
}

.srsdo-home .offcanvas-menu a.close-offcanvas:hover {
  color: #6B6B6B !important;
}


.srsdo-home .logoss {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width: 1851px) and (min-width: 1700px) {
  ul.srsdo-top-menu li a {
    font-size: 15px !important;;
  }

  .sp-module.srsdo-top-menu {
    width: 100% !important;
  }   
} 

.sppb-carousel-arrow .fa-chevron-left {
  margin: 0 !important;
}

.sppb-carousel-arrow .fa-chevron-right {
  margin: 0 !important;
}

@media (max-width: 768px) {
  .srsdo-home .footer .fo-row .sppb-col-md-6.fo-left, .srsdo-home .footer .fo-row .sppb-col-md-6.fo-right {
    max-width: 50%;
    display: inline-block;
  }
}
@media (max-width:1024px){
  .srsdo-home  #sp-top-bar {
    display: inline-block;
  }
}

@media (max-width: 1260px) and (min-width: 1200px){
  ul.srsdo-top-menu li a {
    font-size: 11px !important;
  }
}

@media (max-width: 768px) and (min-width: 320px){
  .srsdo-home #sp-top-bar > .row {
    top: 0px !important;
    width: 100% !important;
    margin: 0 0% !important;
  }

  .srsdo-home #sp-top-bar {
    padding: 0px 0 !Important;
  }

  .srsdo-home #sp-top-bar.top-fixed {
    top: 0px !important;
  }

  #sp-page-builder .page-content .sppb-section:first-child {
    margin-top: 70px !important;
  }
}

.itemid-873 .page-content {
  margin-top: 150px;
}

.itemid-875 .page-content {
  margin-top: 150px;
}

@media (max-width:1024px){
  .itemid-873 .page-content {
    margin-top: 50px;
  }

  .itemid-875 .page-content {
    margin-top: 50px;
  }
}

@media (max-width: 1699px) and (min-width: 1500px) {
  ul.srsdo-top-menu li a {
    font-size: 15px !important;;
  }

  ul.srsdo-top-menu li {
    padding: 15px 13px !important;
  }

  .sp-module.srsdo-top-menu {
    width: 100% !important;
  }   

  ul.srsdo-top-menu li.parent.level1 > a:after {
    right: 7px !important;
    top: 1px !important;
  }

  .srsdo-home #sp-top-bar > .row {
    width: 90% !important;
    margin: 0 5% !important;
  }

  li.maximenuck.item763 {
    padding-left: 0 !important;
  }

  .sp-module.srsdo-mobile-menu {
    /* right: 38px;*/
  }

} 

@media (max-width: 1499px) and (min-width: 1400px) {
  ul.srsdo-top-menu li a {
    font-size: 13px !important;;
  }

  ul.srsdo-top-menu li {
    padding: 15px !important;
  }

  .sp-module.srsdo-top-menu {
    width: 100% !important;
  }   

  ul.srsdo-top-menu li.parent.level1 > a:after {
    right: 7px !important;
  }

  .srsdo-home #sp-top-bar > .row {
    width: 90% !important;
    margin: 0 5% !important;
  }

  li.maximenuck.item763 {
    padding-left: 0 !important;
  }

  .srsdo-home .sp-module.search {
    right: 7px;
  }
}

@media (max-width: 1399px) and (min-width: 1300px) {
  ul.srsdo-top-menu li a {
    font-size: 12px !important;;
  }

  ul.srsdo-top-menu li {
    padding: 15px !important;
  }

  .sp-module.srsdo-top-menu {
    width: 100% !important;
  }   

  ul.srsdo-top-menu li.parent.level1 > a:after {
    right: 7px !important;
  }

  .srsdo-home #sp-top-bar > .row {
    width: 90% !important;
    margin: 0 5% !important;
  }

  li.maximenuck.item763 {
    padding-left: 0 !important;
  }

  .srsdo-home .sp-module.search {
    top: 17px;
  }
}

@media (max-width: 1299px) and (min-width: 1200px) {
  ul.srsdo-top-menu li a {
    font-size: 12px !important;;
  }

  ul.srsdo-top-menu li {
    padding: 15px 10px !important;
  }

  .sp-module.srsdo-top-menu {
    width: 100% !important;
  }   

  ul.srsdo-top-menu li.parent.level1 > a:after {
    right: 7px !important;
  }

  .srsdo-home #sp-top-bar > .row {
    width: 90% !important;
    margin: 0 5% !important;
  }

  li.maximenuck.item763 {
    padding-left: 0 !important;
  }

  .srsdo-home .sp-module.search {
    top: 17px;
    right: 7px;
  }
}

@media (max-width:1249px) and (min-width:1200px) {
  .sp-module.srsdo-mobile-menu {
    right: 35px;
  }

  .srsdo-home .sp-module.search {
    right: 0px !important;
  }

  .srsdo-mobile-menu img {
    width: 45px !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  #sp-top2  .sp-module.srsdo-mobile-menu {
    width: 40% !important;
    right: 0px !important;
    position: absolute;
    top: -32px !important;
    margin-top: 0 !important;
    z-index: 999;
  }

  div#maximenuck498  .maxiroundedcenter .srsdo-top-menu.maximenuck {
    display: none !important;
  }

  .srsdo-mobile-menu img {
    height: 70px !important;
    width: auto !important;
  }
}

@media (max-width: 991px) and (min-width: 300px) {
  #sp-top2  .sp-module.srsdo-mobile-menu {
    right: 0px !important;
    position: absolute;
    top: -32px !important;
    margin-top: 0 !important;
    z-index: 999;
  }  

  .srsdo-mobile-menu img {
    height: 70px !important;
    width: auto !important;
  }

  div#maximenuck498  .maxiroundedcenter .srsdo-top-menu.maximenuck {
    display: none !important;
  }
}

@media (max-width:1199px) and (min-width:300px) {
  .srsdo-home .logo-2, .srsdo-home .logo-1 {
    margin: 0 !important;
    width: 100% !important;
  }

  .srsdo-home #sp-top1 {
    width: 100% !important;
  }

  .srsdo-home .logoss .logo-1 img {
    max-width: 100% !important;
  }

  .srsdo-home .logoss .logo-2 img {
    max-width: 150% !important;
    width: 121% !important;
  }
}

@media (max-width:550px) and (min-width:300px) {
  .srsdo-home .logo-2, .srsdo-home .logo-1 {
    padding: 0 !important;
  }

  .srsdo-home .logo-2 img {
    /*margin-left: 40px !important;*/
    margin-left: 30px !important;
  }

  .srsdo-home .logo-1 img {
    margin: 0px 20px !important;
  }

  .srsdo-home .logoss {
    padding: 0px 5px !important;
  }

  .srsdo-home .logoss .logo-1 img {
    max-width: 150% !important;
    width: 100% !important;
  }
} 

@supports (-webkit-touch-callout: none) {
  section#section-id-1608644362662 {
    position: relative;
    top: -5px;
  }

  section#section-id-1608618687541 {
    margin-top: -10px !important;
  }

  .message-srsdo img.sppb-img-responsive {
    padding: 0 !important;
  }

  div#column-id-1608618687537, div#column-id-1608618687538, div#column-id-1608618687539 {
    margin-top: -6px;
  }

  div#column-id-1608618687538{
    margin-top: -6px;
  }

  div#column-id-1608618687539 {
    margin-top: -3px;
  }
}
@media (max-width:991px) {
  .content-list #column-wrap-id-1608618687538 #sppb-addon-1609413109366 {
    margin-bottom: 0px !important;
  }  
}
@media (min-width:1199px) {
  .itemid-323 #sp-header, .itemid-323 #sp-bread-2 {
    display: none !important;
  }

  .itemid-887 #sp-header, .itemid-887 #sp-bread-2 {
    display: none !important;
  }
}
@media (max-width:1199px) {
  .itemid-323 .logoss .logo-1 img {
    max-width: 75%;
    margin-top: -7px;
  }

  .itemid-887 .logoss .logo-1 img {
    max-width: 75%;
    margin-top: -7px;
  }
}
.itemid-323 #sp-top1 {
  width: 40%;
}
.itemid-323 #sp-top2 {
  width: 60%;
}
.itemid-323 .sp-module .mod_ext_custom {
  display: none;
}
.itemid-887 #sp-top1 {
  width: 40%;
}
.itemid-887 #sp-top2 {
  width: 60%;
}
.itemid-887 .sp-module .mod_ext_custom {
  display: none;
}

@media (min-width:1200px) {
  #section-id-1608618687541 #column-wrap-id-1608618687536 {
    max-height: 260px !important;
  }
  #section-id-1608618687541 #column-wrap-id-1608618687539 {
    max-height: 110px !important;
  }  
}
@media (min-width:1024px) {
  #section-id-1608618687541 #column-wrap-id-1608618687536 {
    max-height: 320px;
  }
  #section-id-1608618687541 #column-wrap-id-1608618687539 {
    max-height: 140px;
  }    
}
@media (min-width:1025px) {
  .itemid-323 .logoss .logo-2 img {
    max-width: 100%;
  }
  .itemid-887 .logoss .logo-2 img {
    max-width: 100%;
  }
}
@media (min-width:850px) {
  .itemid-323 .mobile-logo .logo-2 img {
    max-height: 43px;
  }
  .itemid-887 .mobile-logo .logo-2 img {
    max-height: 43px;
  }

}
.srsdo-home .sppb-carousel-content a {
  padding: 22% 48%;
  color: rgba(255,255,255,0.0);
}

@media (max-width: 1024px) and (min-width: 768px){
  .itemid-882 .img-scp-smart-challenge-2 img {
    /* height: 350px;*/
    box-shadow: 20px 20px #f0f0f0 !important;
    border-radius: 30px !important;
  }
}

@media (max-width: 499px) and (min-width: 300px){
  .itemid-882 .img-scp-smart-challenge-2 img {
    box-shadow: 10px 10px #f0f0f0 !important;
    -webkit-box-shadow: 10px 10px #f0f0f0 !important;
    -moz-box-shadow: 10px 10px #f0f0f0 !important;
    height: auto !important;
    border-radius: 30px !important;
  }
}

@media (max-width: 1780px) and (min-width: 1025px){
  .itemid-882 .img-scp-smart-challenge-2 img {
    box-shadow: 30px 30px #f0f0f0 !important;
    height: 300px !important;
    border-radius: 30px !important;
  }
}

@media (min-width: 1781px){
  .itemid-882 .img-scp-smart-challenge-2 img {
    height: 350px;
    box-shadow: 30px 30px #f0f0f0 !important;
    border-radius: 30px !important;
  }
}

.itemid-882 #scp-campus-planning h2, #scp-smart-cuhk-challenge h2 {
  margin-top: 30px !important;
}

.itemid-882 #scp-campus-planning h2{
  color: #000000 !important;
  font-weight: 600;
  margin-bottom: 30px !important;
}

.sp-page-builder .page-content #section-id-1611280309184 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 150px!important;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.itemid-882 section#sp-breadc {
    display: none;
}

.itemid-882 section#sp-bread-2{
  display:none;
}

@media (max-width:767px){
.cpso-go.recognition .body-innerwrapper #sp-breadc {
    height: 25rem!important;
}
  .cpso-go.recognition .body-innerwrapper #sp-breadc {
    margin-bottom: -8rem!important;
}
  .cpso-go.resources .body-innerwrapper #sp-breadc {
    height: 25rem!important;
}
  .cpso-go.resources .body-innerwrapper #sp-breadc {
    margin-bottom: -8rem!important;
}
  .cpso-go.checklist .body-innerwrapper #sp-breadc {
    height: 25rem!important;
}
  .cpso-go.checklist .body-innerwrapper #sp-breadc {
    margin-bottom: -8rem!important;
}
  .cpso-go.about-us .body-innerwrapper #sp-breadc {
    height: 25rem!important;
}
  .cpso-go.about-us .body-innerwrapper #sp-breadc {
    margin-bottom: -8rem!important;
}
}

@media (min-width:768px) and (max-width:999px){
  .cpso-go.recognition .body-innerwrapper #sp-breadc {
    margin-bottom: -2rem!important;
}
  .cpso-go.resources .body-innerwrapper #sp-breadc {
    margin-bottom: -2rem!important;
}
  .cpso-go.checklist .body-innerwrapper #sp-breadc {
    margin-bottom: -2rem!important;
}
  .cpso-go.about-us .body-innerwrapper #sp-breadc {
    margin-bottom: -2rem!important;
}
}

@media(max-width:1000px){
  .cpso-go.recognition .body-innerwrapper #sp-breadc .sp-module-content{
    margin-top:0rem!important;
  }
  .cpso-go.resources .body-innerwrapper #sp-breadc .sp-module-content{
    margin-top:0rem!important;
  }
  .cpso-go.checklist .body-innerwrapper #sp-breadc .sp-module-content{
    margin-top:0rem!important;
  }
  .cpso-go.about-us  .body-innerwrapper #sp-breadc .sp-module-content{
    margin-top:0rem!important;
  }
}

@media (max-width: 685px){
.cpso-go.about-us #sp-main-body {
    margin-top: 0rem!important;
}
}

@media(max-width:500px){
div#sppb-addon-1570777753473 h1 a, div#sppb-addon-1571278457926 h1 {
    font-size: 5rem!important;
}