a, a:focus, button, button:focus{ color:#000; outline:none; }
a, .btn, button{transition: all 0.4s ease;}
a:hover{ color:#000; text-decoration: none;}
input, button, select, textarea{outline: none !important;}
p{ word-break: break-word;}
.btn{ padding:8px 15px; }
.btn-theme{ background-color:#fedc15; border:1px solid #979797; border-radius:8px; }  
.btn-theme:hover, .btn-theme:focus{ background-color:#fad70a;outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 224, 52, 0.25); }
.btn-theme-1{ background-color:#3fc1b3; color:#fff; border:1px solid #3fc1b3; border-radius:8px; } 
.btn-theme-1:hover, .btn-theme-1:focus{ background-color:#13bba9;outline: 0;color:#fff; }
.btn-theme-3{ background-color:#efd062; color:#000; border:1px solid #efd062; border-radius:8px; } 
.btn-theme-3:hover, .btn-theme-3:focus{ background-color:#eec83f;outline: 0;color:#000; }
.btn-radius{ border-radius:20px; }
.btn-theme-2{ background-color:#ccdddb; color:#000; border:1px solid #ccdddb; border-radius:8px; } 
.btn-theme-2:hover, .btn-theme-2:focus{ background-color:#87b1ac;outline: 0;color:#000; }
.gsc-search-button-v2 svg{ display:none !important; }
table.gsc-search-box{ margin-bottom:0px !important; }
.languages-link{ position:relative; }
.languages-link:before{content:" "; position:absolute;background-image: url(../images/icons8-coderwall.png); height: 14px;width: 14px;left: -22px;top: 4px;}
.languages-link a:not(:last-child){ position:relative;margin-right: 10px; }
.languages-link a:not(:last-child):after{ position:absolute; content:" "; border-right:1px solid #111; height:11px;right:-4px; top:4px; }
#menu-footer-service-menu{ margin-bottom:0px; }
.lost_month_field input{ width:130px; }

.modal-1 .modal-content{border-radius: 0;}
.modal-1 .modal-header{border: none;background-color: #3fc1b3;height: 50px;border-radius: 0;}
.modal-1 .modal-header .close{ background-image: none;
font-size: 43px;
color: #fff;background-color:transparent; border:none;
right: 20px;
font-weight: 300;
padding: 0;
top: 14px;
opacity: 1; }
#eventModal .message{color: red; }
.loadersmall {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;margin: 0 auto;
top: 20px;
position: relative; 
} 
.loader{display:none;position: absolute;top: -50px;bottom: 0;left: 0;right: 0;z-index: 999;background-color: rgba(0, 0, 0, 0.4);}
@keyframes spin {
    0% { transform: rotate(0deg); }
   
100% { transform: rotate(360deg); }
}
.volunteer-top{border-bottom: 1px dashed #666;padding-bottom: 20px;}
.quiz_section .mlw_qmn_question{ position:relative; }
.quiz_section .mlw_qmn_question:before{ position:absolute; content:" "; background-color:#aadcd7; height:14px; width:14px; border-radius:50px; left:-27px; top:6px; }
.survey_que_list .quiz_section{ padding-left:26px; }
.qsm_basic_fields label{ position:relative; }
.qsm_basic_fields .col-form-label:before{ position:absolute; content:" "; background-color:#aadcd7; height:14px; width:14px; border-radius:50px; left:-10px; top:13px; }
.qsm_basic_fields .form-group.row{ padding-left:26px;}
@media screen and (max-width: 1199px) {
	.container{ max-width:100%; }
}
@media screen and (max-width: 575px) {
	.logo img{ width:260px; }
}
@media screen and (max-width: 360px) {
	.logo img{ width:230px; }
}

@media (min-width: 992px) { 
	#mobilenav{ display:none; }
}
#mobilenav{ display:none; }
@media (max-width: 991px) { 

#wrapper{  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  position: relative;
  transition: all 0.3s;}
.menu-open {
  transform: translate(-290px, 0);/*background-color: rgba(0, 0, 0, 0.4); position:relative; z-index:999;*/
}

/* Burger */
#mobile-navigation{ width:32px; }
/*.nav-toggle {
  display: none;  
  cursor: pointer;  
}*/
.nav-toggle .bar1,
.nav-toggle .bar2,
.nav-toggle .bar3 {
  width: 32px;
  height: 2px;
  background: #C0AC4B;
  margin-bottom: 8px;
  transition: all 0.6s;
}
/* Change it to an X */
.menu-open .nav-toggle .bar1 {
  transform: rotate(45deg) translate(8px, 7px);
}
 .menu-open .nav-toggle .bar2 {
  opacity: 0;
}
 .menu-open .nav-toggle .bar3 {
  transform: rotate(-45deg) translate(7px, -6px);
}  
  body.body-menu-open{ overflow:hidden; height:100vh; }
  .nav-toggle {
    display: block;position: relative;z-index: 99999;
  }
  #mobilenav {
    width: 290px;
    max-width: 480px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -290px;
    background-color: #C0AC4B;
    overflow: scroll;padding: 15px; z-index:99999;
  } 
  #mobile-menu a{font-size: 16px; text-decoration:none;}
  #mobile-menu > li{ padding:0;transition: all 0.4s ease; margin: 0 -15px; }
  /*#mobile-menu > li.current-menu-item{ }*/
  #mobile-menu > li.current-menu-item .sub-menu{ display:inline-block; }
  #mobile-menu > li:hover > .nav-item > a, #mobile-menu > li.open > .nav-item > a, #mobile-menu > li.current-menu-item > .nav-item > a{ background-color:#3c3c3c; }
  #mobile-menu > li > .nav-item > a{color:#ffffff;width: 100%;display: inline-block; padding:10px 20px 10px 36px; position:relative;}
  #mobile-menu > li > .nav-item > a > img{background-color: #fff;border-radius: 100%;padding: 7px;height: 48px;width: 48px;margin-right: 10px;}
  #mobile-menu .sub-menu{ display:none; }
  #mobile-menu .sub-menu > li a{ color:#e3e3e3;padding:10px 10px 10px 66px;width: 100%;display: inline-block; }
  .mobile-social-share{ border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4; padding:15px 10px 15px 20px; }
  /*.mobile-social-share ul{ }*/
  .mobile-social-share ul li{ display:inline-block; margin-right:15px; }
  #mobilenav .languages-links{padding: 15px 10px 30px 20px;}
  .mobile-header-search{border-bottom: 1px solid #b4b4b4;padding: 5px 0 15px 0;}
  .nav-arrow{border: solid black;
  border-width: 0 2px 2px 0; border-color:#6e6d6f;
  display: inline-block;
  padding: 2px;}
  #mobile-menu > li.menu-item-has-children > .nav-item > a:after{ content:" ";   
  border: solid #6e6d6f;
  border-width: 0 2px 2px 0; 
width: 8px;
height: 8px; top:28px;
  display: inline-block;
  padding: 2px; position:absolute; right:28px;transform: rotate(45deg);
		-webkit-transform: rotate(45deg);} 
   #mobile-menu > li.open > .nav-item > a:after, #mobile-menu > li.current-menu-item > .nav-item > a:after{transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } 
}
@media (max-width: 350px) { 
	.menu-open {transform: translate(-270px, 0);}
	#mobilenav { width: 270px;right: -270px;}
}
@media (min-width: 980px) { 
	.tab-layout .tabs-col i.toggle-tab{ display:none; }
	.nav-backdrop{ display:none; }
}
@media (max-width: 980px) { 
	.nav-backdrop{opacity: 0;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000; display:none;}
	.body-menu-open .nav-backdrop{opacity: 0.6; display:block;}
	.tab-layout .tabs-col ul.tabs li a{padding: 0 40px 0 65px;display: inline-block;width: auto;}
	.tab-layout .tabs-col ul.tabs li{ width:100%; clear:both; display:none;cursor: default; }
	.tab-layout .tabs-col.open ul.tabs li{ display:inline-block; }
	.tab-layout .tabs-col ul.tabs li.current{ display:inline-block; } 
	.tab-layout .tabs-col ul.tabs{ position:relative;padding: 0px 15px; }
	.tab-layout .tabs-col{ position:relative; }
	.tab-layout .tabs-col i.toggle-tab{ z-index: 999; cursor:pointer;
		  border: solid #0a9989;
		  border-width: 0 2px 2px 0; 
		  width: 8px;
		  height: 8px; top:16px;
		  display: inline-block;
		  padding: 4px; position:absolute; right:28px;transform: rotate(45deg);
		-webkit-transform: rotate(45deg);}
	.tab-layout .tabs-col.open i.toggle-tab{transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
}
#news-carousel .news-img{background-repeat: no-repeat;
height: 150px;
width: 100%;
background-position: center;
background-size: cover;}
.volunteer-login{ width:580px; max-width:100%; margin:0 auto;  }
.volunteer-login .form-div .title {
	font-weight: 600;
}
.volunteer-login .form-div {
	border: dashed 1px #979797;
	border-radius: 5px;
	padding: 25px 60px;
}
.volunteer-login .form-div #loginform .login-username label,  .volunteer-login .form-div #loginform .login-password label {
	font-weight: bold;
	letter-spacing: normal;
	width: 25%;
}
.volunteer-login .form-div #loginform .login-username #user_login,  .volunteer-login .form-div #loginform .login-password #user_pass {
	padding: 2px 5px;
	width: 50%
}
.volunteer-login .form-div #loginform .login-submit {
	text-align: center;
}
.volunteer-login .form-div #loginform .login-remember {
	display: none;
}
.volunteer-login .form-div #login_submit {
	background: #e4c407 !important;
	border: none;
	border-radius: 31px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 40px;
}
#loginform {
	margin-top: 11%;
}
@media (max-width: 420px) { 
	.volunteer-login .form-div {padding: 25px 30px;}
}
@media (max-width: 767px) { 
	.shift_review #post-body-content{ width:100%; }
}
@media (max-width: 600px) { 
	.fc-event-container .time_man{ display:none; }
	.shift_review #calendar{ padding:0; }
}
/*#volunteer-search{ }*/
#volunteer-search .btn-search{ background-color:#fedc15; border:1px solid #979797; border-radius:8px;padding: 6px 20px;}
#volunteer-search .form-control{border:1px solid #979797; border-radius:0;}
.volunteer_calendar{ position:relative;} 
#calendar .fc-scroller{ overflow:inherit !important; height:auto !important; }
@media (max-width: 991px) { 
	.volunteer_calendar #volunteer-search{ top:-6px;}
}
@media (min-width: 690px) {
	.volunteer_calendar #volunteer-search{position: absolute;right: 10px;}
}
.mobile-banner, #mobile-slider{ display:none; }
@media (max-width: 767px) {
	.page-banner, #main-slider{ display:none; }
	.mobile-banner{ display:block; clear:both; width:100%; }
	#mobile-slider{ display:block; }
	.mobile-banner img{ width:100%; }
}
.residence_city .form-control{ width:280px !important; max-width:100%; }
@media (max-width: 575px) {
	.residence_city{ padding-left:0 !important; }
	.qmn_pagination{ padding:0px !important; margin:10px 0 0 0 !important; }
	#exhibition-list > ul > li .exhibition-info h3 a{font-size: 16px;line-height: 22px;}
	#enterunit-view .enterunit-top .enterunit-info h1{ font-size:24px;  } 
}
.webgl_wrapper{ position:relative; }
.rental_note p{ position:relative; padding-left:20px; font-size:18px; }
.rental_note p:before{ content: " ";
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #A51919;
top: 4px;left: 0;}
.rental_note a{ color:#0A9989; text-decoration:underline; }
.rental_note a:hover{ text-decoration:none; }
.color_found{ color:#219989 !important; }