/*
-----------------------------------
        Table of contents
-----------------------------------
-Normalize
-Header
-Profile
-Main
-Footer
-Resource Landing
-Resource Detail
-About Page
-Terms And Conditions
-Workshop//Volunteers
-Curriculum
-Concepts and Approaches Landing
-Concepts & Approaches Category
-Concepts & Approaches Detail   
-My Barefoot
-My Barefoot Getting Started
-My Barefoot Activity
-My Barefoot Curriculum
-Request Workshop
-Register Page
-Login
-My barefoot Volunteers
-----*/
/*-----------------------------------
        -Normalize
-----------------------------------*/


@import "grid.css";
@import "owl.carousel.min.css";
@import "fontawesome-all.css?v1";
@import "jquery.fancybox.css";
@import "datepicker.min.css";

/* @font-face {
    font-family: BTCurve_W_Headline;
    src: url(../webfonts/BTCurve_W_Headline.ttf);
    font-display: swap;
}

@font-face {
    font-family: BTCurve_W_Bd;
    src: url(../webfonts/BTCurve_W_Bd.ttf);
    font-display: swap;
}

@font-face {
    font-family: BTFontLt;
    src: url(../webfonts/BTFont_Lt.ttf);
    font-display: swap;
}

@font-face {
    font-family: BTCurve_W_Rg;
    src: url(../webfonts/BTCurve_W_Rg.ttf);
    font-display: swap;
} */

/* Roboto Font */
@font-face {
  font-family: Roboto-Regular;
  src: url(../webfonts/Roboto-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: Roboto-Medium;
  src: url(../webfonts/Roboto-Medium.ttf);
  font-display: swap;
}

@font-face {
  font-family: Roboto-Bold;
  src: url(../webfonts/Roboto-Bold.ttf);
  font-display: swap;
}

/* Montserrat Font */
@font-face {
  font-family: Montserrat-Bold;
  src: url(../webfonts/Montserrat-Bold.ttf);
  font-display: swap;
}

@font-face {
  font-family: Montserrat-ExtraBold;
  src: url(../webfonts/Montserrat-ExtraBold.ttf);
  font-display: swap;
}

@font-face {
  font-family: Montserrat-SemiBold;
  src: url(../webfonts/Montserrat-SemiBold.ttf);
  font-display: swap;
}

@font-face {
  font-family: Montserrat-Medium;
  src: url(../webfonts/Montserrat-Medium.ttf);
  font-display: swap;
}

html {
  line-height: 1.5;
}

body {
  font-family: Roboto-Regular;
  font-weight: 400;
  font-size: 15px;
  color: #000;
  min-width: 2px !important;
  background: #fff;
  margin: 0;
}

fieldset legend,
.fieldset legend {
  display: none;
}

img {
  border-style: none;
  max-width: 100%;
  vertical-align: middle;
  height:auto;
}

a,
a:visited,
a:hover,
a:active {
  color: #01556B;
  text-decoration: none;
}

.sfContentBlock a {
  color: #01556B;
  text-decoration: none;
  font-size: 15px;
}

.sfContentBlock li {
  list-style-position: inside;
}

.sfContentBlock h1,
.sfContentBlock h2,
.sfContentBlock h3,
.sfContentBlock h4,
.sfContentBlock h5 {
  line-height: 1.2;
}

.sfContentBlock h3 {
  padding-bottom: 5px;
}

a:focus,
area[href]:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
iframe:focus,
[tabindex]:focus,
[contentEditable=true]:focus,
input[type='radio']:focus,
.addFocus:focus,
svg:focus {
  outline-width: 2px;
  outline-style: solid;
  outline-color: #F04A4A;
  opacity: 1 !important;
  outline-offset: 2px;
}

.regdesc a:focus,
.slider_content .slider_btn a:focus,
.new_campaign a:focus,
.anchor_buttons_wrap .anchor_buttons a:focus {
  outline-offset: 2px;
  outline-color: #e6e6e6;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input[type="submit"],
input[type="button"] {
  appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
}

input,
button,
select,
textarea {
  outline: none;
  border-radius: 0;
  box-shadow: none;
  font-family: Roboto-Regular;
  font-weight: 400;
  max-width: 100%;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #01556B;
}

b,
strong {
  font-weight: 400;
  font-family: Roboto-Bold;
}

select::-ms-expand {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat-Bold;
  font-weight: 400;
  font-size: 21px;
}


a span.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect (0, 0, 0, 0);
  border: 0;
  display: block !important;
  visibility: visible !important;
}

img:-moz-broken::before,
input:-moz-broken::before,
img:-moz-user-disabled::before,
input:-moz-user-disabled::before,
img:-moz-loading::before,
input:-moz-loading::before,
applet:-moz-empty-except-children-with-localname(param):-moz-broken::before,
applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before {
  content: -moz-alt-content;
  unicode-bidi: isolate;
}

ul.socialshare {
  list-style: none;
  padding: 10px 0 0 0 !important;
  /*text-align: left;*/
}

ul.socialshare li {
  display: inline-block;
  width: 42px !important;
  margin-right: 5px !important;
}

ul.socialshare li:before,
ul.socialshare li:after {
  content: none !important;

}

.home_member ul.socialshare {
  text-align: center;
}

.row_term {
  margin-right: -5px;
  margin-left: -5px;
}

.img_box {
  width: 300px;
  float: left;
  position: relative;
  min-height: 65px;
  text-align: center;
}

.img_box:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../images/loader.gif) center center no-repeat;
  z-index: -1;
}

.main_wapper {
  float: left;
  width: 100%;
  position: relative;
}

.full_width {
  width: 100%;
  float: left;
  position: relative;
}

.waves-effect {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
}

.big_continer {
  /*max-width: 1500px;*/
  margin: 0 auto;
}

.border_none {
  border: none !important;
}

body {
  padding-top: 56px;
}

body.reg_page {
  padding-top: 100px;
}

/*-----------------------------------
        -Header
-----------------------------------*/
header {
  background: #fff;
  width: 100%;
  float: left;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
}

header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.top_head {
  width: 100%;
  float: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  padding: 3px 0;
  position: relative;
  z-index: 5;
}

.cymraeg .top_head nav {
  padding-right: 14px;
}

.cymraeg .site_login a.logged_user {
  padding: 14px 35px 14px 15px;
}

.cymraeg .site_login a.logged_user:before {
  right: 10px;
}



.site_logo {
  float: left;
  width: 60px;
  padding: 2px 0;
}

.site_logo img {
  vertical-align: middle;
}

.site_logo svg {
  vertical-align: middle;
  height: 46px;
  fill: #6F6F6E;
}

.mobile_logo svg {
  width: 73px;
  vertical-align: middle;
  fill: #6F6F6E;
}

.site_lang {
  float: left;
  padding-left: 35px;
  padding-top: 14px;
}

.site_lang li {
  float: left;
  font-size: 14px;
  padding: 0 6px;
  position: relative;
}

.site_lang li a {
  color: #000;
}

.site_lang li.active a {
  font-family: Roboto-Bold;
}

.site_lang li:first-child:before {
  display: none;
}

.site_lang li:before {
  content: "";
  font-size: 14px;
  font-family: Montserrat-Bold;
  color: #fff;
  position: absolute;
  left: -1px;
  top: 4px;
  border-left: 2px solid #595959;
  bottom: 3px;
}

.menu_userdetail_area {
  float: right;
}

.top_head nav {
  float: left;
  padding-top: 14px;
  padding-right: 20px;
}

.top_head nav ul {
  float: right;
}

.top_head nav li {
  float: left;
  font-size: 14px;
  padding: 0 4px;
  position: relative;
}

.top_head nav li a {
  color: #01556B;
  position: relative;
  display: block;
}

.top_head nav li.current {
  font-family: Montserrat-Bold;
}

/*.top_head nav li a:hover{font-family: Montserrat-Bold;}*/

/*NEW*/
.top_head nav ul.submenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 10px;
  background: #fff;
  width: 175px;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.8);
  display: none;
}

.top_head nav ul.submenu li {
  width: 100%;
  padding: 5px 0;
}

.top_head nav ul.submenu li a:hover {
  font-family: Roboto-Bold;
}

.top_head nav ul.submenu li a:hover:after {
  display: none;
}

.menu_list li ul.submenu {
  padding-left: 12px;
}

/*NEW*/
.top_head nav li a:hover:after {
    content: attr(name);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
    font-family: Roboto-Bold;
    white-space: nowrap;
    display: block;
}

.top_head nav li a:hover span {
  opacity: 0;
}


.site_login {
  float: left;
  background: #e6e6e6;
  position: relative;
}

.site_login li {
  font-size: 16px;
  font-family: Montserrat-Bold;
  float: left;
  padding: 0 3px 0 9px;
  position: relative;
}

.site_login li a {
  color: #fff;
}

.site_login li:first-child:before {
  display: none;
}

.site_login li:before {
  content: "/";
  font-size: 14px;
  font-family: Montserrat-Bold;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.site_login a.login_reg_btn {
  font-size: 14px;
  color: #01556B;
  font-family: Roboto-Bold;
  padding: 14px 12px 14px;
  position: relative;
  display: block;
}

.site_login a.login_reg_btn span {
  font-size: 14px;
  font-family: Montserrat-Bold;
  color: #01556B;
}

.site_login a.login_reg_btn:hover {
  /*background:#e7267c;*/
  text-decoration: underline;
}

.site_login a.logged_user {
  font-size: 14px;
  color: #01556B;
  font-family: Montserrat-Bold;
  padding: 14px 53px 14px 31px;
  position: relative;
  display: block;
}

.site_login a.logged_user:before {
  font-family: 'FontAwesomesolid';
  content: "\f0dd";
  position: absolute;
  right: 24px;
  top: 13px;
  font-size: 22px;
  line-height: 10px;
}

.banner_slider {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}

.banner_slider .item {
  min-height: 530px;
  position: relative;
  width: 100%;
  float: left;
  z-index: 2;
  overflow: hidden;
}

.data_champions {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}

.data_champions .item {
  position: relative;
  width: 100%;
  float: left;
  z-index: 2;
  overflow: hidden;
}

.data_champions .item .datacham_btn {
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: #2268fe;
  color: #fff;
  display: block;
  padding: 11px 20px;
  font-family: Montserrat-Bold;
  font-size: 24px;
}

.data_champions .item img {
  width: 100%;
}

.banner_main_img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.owl-carousel.banner_slider .banner_main_img {
  width: auto;
}

@media(min-width:1921px){
  .owl-carousel.banner_slider .banner_main_img {
    width: 56.2% !important;
    height: 530px;
    object-fit: cover;
  }
}

.banner_slider .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.banner_slider .owl-dot {
  background: #666;
  border: 1px solid #fff;
  border-radius: 50%;
  float: left;
  height: 12px;
  margin: 0 5px;
  width: 12px;
}

.banner_slider .owl-dot.active {
  background: #fcdb04;
  border-color: #fcdb04;
}


.slider_content {
  width: 620px;
  left: 0;
  top: 0;
  position: relative;
  z-index: 2;
  padding: 35px 160px 0 0;
  min-height: 530px;
  float: left;
}

.slider_content:before {
  background: #01556B;
  width: 1920px;
  height: 100%;
  position: absolute;
  right: 211px;
  top: 0;
  content: '';
  z-index: -1;
  pointer-events: none;
}

.slider_content h1 {
  font-size: 35px;
  color: #fff;
  font-family: Montserrat-Bold;
  line-height: 38px;
  margin: 0 0 35px;
  /*background: #01556B*/
  position: relative;
}

.slider_content.purple_rainbow_bytes h1 {
  margin-top: 55px;
  margin-bottom: 15px;
}

.slider_content h1:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  content: "";
  background: url(../images/res_landing_h1.png) left bottom no-repeat;
  width: 100%;
  z-index: 999;
  height: 7px;
  display: none;
}

.slider_content p.first {
  font-size: 35px;
  color: #fff;
  font-family: Montserrat-Bold;
  line-height: 38px;
  margin: 0 0 35px;
  /*background: #01556B*/
  ;
  position: relative;
}

/*.slider_content p.first:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  content: "";
  background: url(../images/res_landing_h1.png) left bottom no-repeat;
  width: 100%;
  z-index: 999;
  height: 7px;
}*/

.slider_content p {
  font-size: 24px;
  color: #fff;
  font-family: Roboto-Bold;
  line-height: 34px;
  margin: 0;
  background: #01556B;
}

.slider_content .register_free {
  font-size: 20px;
  color: #01556B;
  background: #e6e6e6;
  padding: 15px 32px;
  display: inline-block;
  margin-top: 25px;
}

.slider_content .register_free span {
  font-family: Roboto-Bold;
}

.slider_content .register_free:hover {
  text-decoration: underline;
}

.purple_skew_right_up {
  background: url(../images/banner_side_bg.png?1234) right top no-repeat;
}

.purple_skew_right_down {
  padding: 35px 214px 130px 0;
  background: url(../images/workshop_banner_side.png?12345) right -6px no-repeat;
}

.purple_rainbow {
  background: url(../images/banner_side_bg.png?1234) right top no-repeat;
}

.purple_rainbow::after {
  content: '';
  width: 1029px;
  height: 457px;
  position: absolute;
  left: -277px;
  top: 0;
  background: url(../images/rainbow_img.png) left top no-repeat;
  z-index: -1;
}

.purple_rainbow_bytes {
  background: url(../images/banner_side_bg.png?1234) right top no-repeat;
}

.purple_rainbow_bytes::after {
  content: '';
  width: 1029px;
  height: 457px;
  position: absolute;
  left: -277px;
  top: 0;
  background: url(../images/rainbow_img.png) left top no-repeat;
  z-index: -1;
}

.slider_content.purple_rainbow_bytes:before {
  background: #01556B;
}

.pink_right_circle {
  width: 545px;
  float: left;
  padding: 35px 110px 130px 0;
  background: url(../images/landing_banner_side.png) right top no-repeat;
}

.pink_right_circle:before {
  background: #F04A4A;
  right: 135px;
}

.pink_right_circle h1 {
  background: #F04A4A;
}

.pink_right_circle p {
  background: #F04A4A;
}

.None:before {
  background: none !important;
}

.menu_hamburger {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  display: none;
}

.menu_hamburger span {
  position: absolute;
  height: 5px;
  width: 100%;
  top: 50%;
  background-color: #595959;
  margin-top: -2.5px;
  left: 0;
  font-size: 0px;
}

.menu_hamburger span:before {
  position: absolute;
  left: 0;
  top: -11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
}

.menu_hamburger span:after {
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
}

.mobile_menu_slide {
  width: 320px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background: #fff;
  overflow: auto;
  z-index: -2;
  display: none;
  transform: translateX(320px);
  -webkit-transform: translateX(320px);
  -o-transform: translateX(320px);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.menu_open .mobile_menu_slide {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  z-index: 5;
}

body.menu_open {
  position: fixed;
  width: 100%;
  height: 100%;
}

.menu_side_arrow {
  width: 30px;
  float: left;
  height: 28px;
  position: absolute;
  right: 20px;
  top: 26px;
  border: none;
  background: none;
  font-size: 0px;
}

.menu_side_arrow span {
  position: absolute;
  height: 5px;
  width: 100%;
  top: 50%;
  margin-top: -2.5px;
  left: 0;
}

.menu_side_arrow span:before {
  position: absolute;
  left: 0;
  top: -11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
  transform: rotateZ(45deg) scaleX(0.75) translate(12px, -3px);
  -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(12px, -3px);
  -o-transform: rotateZ(45deg) scaleX(0.75) translate(12px, -3px);
}

.menu_side_arrow span:after {
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
  transform: rotateZ(-45deg) scaleX(0.75) translate(12px, 3px);
  -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(12px, 3px);
  -o-transform: rotateZ(-45deg) scaleX(0.75) translate(12px, 3px);
}

.mobile_menu_slide .site_lang {
  display: block;
  padding-left: 0;
  margin-left: -6px;
}

.mobile_menu_slide .site_lang li {
  font-size: 16px;
}

.mobile_menu_top_section {
  width: 100%;
  float: left;
  padding: 15px 18px 15px;
  border-bottom: 1px solid #cdcdcd;
}

.menu_list {
  margin: 0;
  padding: 25px 20px 15px;
  float: left;
  width: 100%;
  list-style: none;
}

.menu_list li {
  display: block;
  font-size: 16px;
  padding: 2px 0;
}

.menu_list li a {
  color: #01556B;
}

.mobilesecnav.menu_list li a {
  text-transform: uppercase;
}

.menu_list li.current {
  font-family: Roboto-Bold;
}

.menu_list li a:hover {
  font-family: Roboto-Bold;
}

.logged_mobile_profile {
  float: left;
  width: 100%;
  padding-top: 70px;
}

.logged_mobile_profile .user_text {
  border-bottom: 1px solid #cdcdcd;
  padding: 0 20px 15px;
}

.logged_mobile_profile .user_text .user_name {
  font-family: Montserrat-Bold;
}

.logged_mobile_profile .profile_more_setting {
  padding: 12px 20px;
}

.logged_mobile_profile .link_account {
  color: #fff;
  background: #01556B;
  display: block;
  padding: 14px 0;
  font-size: 20px;
  text-align: center;
  margin-top: 5px;
  float: left;
  font-family: Montserrat-Bold;
  width: 100%;
}

.mobile_menu_slide .close_mobile_menu {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.mobile_menu_slide_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  background: #000;
  opacity: 0.6;
  display: none;
}


.top_head .orb-skip-links {
  position: relative;
  float: left;
}

.top_head .orb-skip-links a,
.top_head .orb-skip-links .accessibility_links {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  left: -76px;
  margin-top: 1.3em;
  white-space: nowrap;
  background: #2167ff;
  border: 1px solid #ccc;
  line-height: 2em;
  z-index: 1;
  display: block;
  color: #fff;
}

.top_head .orb-skip-links ul {
  list-style: none;
}

.top_head .orb-skip-links li {
  display: block;
  float: left;
}

.top_head .orb-skip-links a.touch-active,
.top_head .orb-skip-links a:active,
.top_head .orb-skip-links a:focus {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  clip: auto;
  top: 1.692em;
}

.top_head .orb-skip-links ul li a {
  padding: 4px 20px;
  font-size: 16px;
}

.top_head .back_btn_mobile {
  display: none;
  position: absolute;
  left: 15px;
  top: 12px;
  width: 30px;
  height: 30px;
  font-size: 0px;
}

.top_head .back_btn_mobile span {
  position: absolute;
  height: 5px;
  width: 100%;
  top: 50%;
  margin-top: -2.5px;
  left: 0;
}

.top_head .back_btn_mobile span:before {
  position: absolute;
  left: 0;
  top: -11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
  transform: rotateZ(-45deg) scaleX(0.75) translate(-12px, -3px);
  -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(-12px, -3px);
  -o-transform: rotateZ(-45deg) scaleX(0.75) translate(-12px, -3px);
}

.top_head .back_btn_mobile span:after {
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
  transform: rotateZ(45deg) scaleX(0.75) translate(-12px, 3px);
  -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(-12px, 3px);
  -o-transform: rotateZ(45deg) scaleX(0.75) translate(-12px, 3px);
}

.regdesc {
  width: calc(100% - 20px);
  background: #01556B;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  margin: 0 10px;

}

.regdesc p {
  margin: 0;
}

.regdesc a {
  color: #fff;
  text-decoration: underline;
  display: block;
}


/*-----------------------------------
        -Profile
-----------------------------------*/

.site_login.user_logged {
  padding: 0;
}

.bottom_head {
  width: 100%;
  float: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 2;
  background: #01556B;
}

.profile_menu {
  position: relative;
  width: 100%;
  float: left;
}

.profile_menu li {
  float: left;
  font-size: 14px;
  padding: 0 5px;
}

.profile_menu li a {
  color: #fff;
  padding: 12px 5px 8px;
  float: left;
  text-transform: uppercase;
  position: relative;
  border-bottom: 3px solid #01556B;
}

.profile_menu li.active_menu a {
  font-family: Montserrat-Bold;
  border-color: #fff;
}

/*.profile_menu li a:hover{font-family: Montserrat-Bold;border-color: #fff;}*/
.profile_menu li a:hover:after {
  content: attr(name);
  position: absolute;
  top: 12px;
  left: 4px;
  font-family: Roboto-Bold;
  white-space: nowrap;
  border-color: #fff;
}

.profile_menu li a:hover span {
  opacity: 0;
}

.profile_menu li a:focus {
  outline-color: #fff;
}

.profile_drodown {
  width: 310px;
  float: left;
  position: absolute;
  top: 100%;
  right: 10px;
  z-index: 9;
  display: none;
}

.profile_popup {
  width: 100%;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0 0px 11px #000;
  padding: 20px 15px 25px;
  margin-top: 19px;
}

.profile_popup:before {
  border-bottom: 14px solid #fff;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  content: '';
  position: absolute;
  right: 15px;
  top: -14px;
}

.profile_detail {
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #595959;
  padding-bottom: 15px;
}

.profile_detail .user_img {
  float: left;
  border-radius: 50%;
  max-width: 70px;
}

.profile_detail .user_text {
  float: right;
  width: calc(100% - 95px);
  color: #000;
  font-size: 16px;
}

.profile_detail .user_text .user_name {
  font-family: Montserrat-Bold;
}

.profile_detail .user_text .user_email {
  word-break: break-all;
}

.profile_detail .link_account {
  color: #fff;
  background: #01556B;
  display: block;
  padding: 5px 0;
  text-align: center;
  margin-top: 5px;
}

.profile_more_setting {
  float: left;
  width: 100%;
  padding-top: 10px;
  font-size: 16px;
}

.profile_more_setting a {
  color: #01556B;
  display: table;
  margin-top: 5px;
}

.profile_more_setting a:hover {
  text-decoration: underline;
}

a.close_user_detail {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #F04A4A url(../images/normal-closebtn.png) center center no-repeat;
  right: 5px;
  top: 5px;
  float: left;
  background-size: 30px;
  margin: 0;
}

.profile_popup_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  opacity: 0.6;
  display: none;
}

/*-----------------------------------
        -Main
-----------------------------------*/
#skip_content {}

.site_service_bar {
  float: left;
  width: 100%;
  background: #FFE100;
  min-height: 76px;
  text-align: center;
}

/*.bar_item{float: left;}*/

.bar_item {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -1px;
}

.bar_item .title {
  color: #000;
  font-size: 14px;
  font-family: Montserrat-Bold;
  line-height: 17px;
  position: relative;
  min-height: 39px;
  padding: 19px 0 19px 0;
  float: left;
  margin-right: 0;
  text-transform: uppercase;
  text-decoration: underline;
  width: 94px;
  text-align: center;
}

.bar_item .title.arrow_up,
.bar_item .title.arrow_down {
  padding-right: 105px;
  width: 200px;
  margin-right: 11px;
}

.bar_item .title span {
  display: table;
  border-bottom: 1px solid #fff;
}

.bar_item .title:before {
  width: 90px;
  height: 100%;
  float: left;
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  opacity: 0;
}

.bar_item .title.arrow_up:before {
  background: url(../images/arrow_up_yellow.png) right center no-repeat;
}

.bar_item .title.arrow_down:before {
  background: url(../images/arrow_down_yellow.png) right center no-repeat;
}

.bar_item .title:hover,
.bar_item .title:focus {
  text-decoration: none;
}

.bar_item .title:focus {
  outline-color: Black;
}

.bar_item .title:hover span {
  border-color: #fde005;
}

.bar_item .title.nolink {
  cursor: default;
  text-decoration: none;
}

.bar_item .title.nolink:hover {
  color: #000;
}

.bar_item .title.nolink:hover span {
  border-color: #000;
}

.home_services {
  padding: 25px 0 60px;
}

.service_row {
  margin: 0 -55px;
}

.service_item {
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 0 40px 30px;
  position: relative;
}

.service_item .img {
  max-width: 160px;
  border-radius: 50%;
}

.service_item h2 {
  color: #000;
  font-family: Montserrat-Bold;
  font-size: 31px;
}

.service_item p {
  margin: 0 0 20px;
  font-size: 14px;
  /* color: #595959; */
  color: #000;
}

.service_link_area {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.service_item a.service_link {
  font-family: Roboto-Bold;
  color: #01556B;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 21px;
  position: relative;
  text-transform: uppercase;
}

.service_item a.service_link:before {
  position: absolute;
  right: 0;
  top: 0;
  content: '\f0a9';
  font-family: 'FontAwesomesolid';
  line-height: 21px;
  font-size: 17px;
}

.service_item a.service_link:hover {
  /* color: #e7267c; */
  text-decoration: underline;
}

.service_item img {
  max-width: 160px;
}



.home_resources {
  background: #e1f8fe url(../images/page2_3.jpg?123) center top no-repeat;
  padding: 25px 0 40px;
  background-size: cover;
}

.home_resources2 {
  background: url(../images/resources_bg2.jpg) center top no-repeat;
  padding: 25px 0 40px;
  background-size: cover;
}

.home_resources3 {
  background: url(../images/resources_bg3.jpg) center top no-repeat;
  padding: 25px 0 40px;
  background-size: cover;
}

.home_resources .heading,
.home_resources2 .heading,
.home_resources3 .heading {
  float: left;
  width: 100%;
  padding: 0 0 22px;
}

.home_resources .heading h2,
.home_resources2 .heading h2,
.home_resources3 .heading h2 {
  float: left;
  background: #3AA199;
  font-size: 30px;
  color: #fff;
  font-family: Montserrat-Bold;
  padding: 20px 18px 17px;
  margin: 0;
  width: calc(100% - 205px);
  height: 74px;
}

.home_resources .heading a,
.home_resources2 .heading a,
.home_resources3 .heading a {
  float: right;
  font-size: 20px;
  color: #000;
  background: #FFE100;
  padding: 24px 18px;
  line-height: 24px;
  height: 74px;
  border: 1px solid #FFE100;
  text-decoration: underline;
}

.home_resources .heading a:hover,
.home_resources .heading a:focus,
.home_resources2 .heading a:hover,
.home_resources2 .heading a:focus,
.home_resources3 .heading a:hover,
.home_resources3 .heading a:focus {
  text-decoration: none;
}

.home_resources .heading a:focus,
.home_resources2 .heading a:focus,
.home_resources3 .heading a:focus {
  outline-color: #FFE100;
}

.resources_posts {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.posts_row {
  margin: 0 -10px;
}

.resources_post {
  float: left;
  width: 33.33%;
  padding: 0 10px;
}

.resources_post .inner_panel {
  float: left;
  width: 100%;
  background: #fff;
  padding: 2px 2px 50px;
  position: relative;
}

.resources_post .post_text {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding: 10px 12px 0;
}

.resources_post h3 {
  font-size: 15px;
  color: #000;
  font-family: Montserrat-Bold;
  margin: 0;
  padding: 0 0 3px;
  text-transform: uppercase;
}

.resources_post h3 a {
  color: #000;
}

.resources_post h3 a:hover {
  text-decoration: underline;
}

.resources_post h5 {
  font-size: 15px;
  color: #000;
  font-family: Montserrat-Bold;
  margin: 0;
  padding: 0 0 3px;
  text-transform: uppercase;
}

.resources_post h5 a {
  color: #000;
}

.resources_post h5 a:hover {
  color: #2167ff;
}

.resources_post ul,
.resources_post dl {
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
}

.resources_post ul li {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 12px;
  /* color: #595959; */
  color: #000;
  line-height: 15px;
  padding: 0 0 5px;
}

.resources_post dl {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 12px;
  /* color: #595959; */
  color: #000;
  line-height: 15px;
  padding: 0 0 10px;
}

.resources_post ul li span,
.resources_post dl dt {
  font-family: Roboto-Bold;
  float: left;
  width: 82px;
  clear: both;
}

.fres.welsh .resources_post ul li span,
.fres.welsh .resources_post dl dt {
  font-family: Roboto-Bold;
  float: left;
  width: 100px;
  clear: both;
}

.resources_post ul li span+span {
  font-family: Roboto-Regular;
  width: calc(100% - 78px);
  word-break: break-word;
}

.fres.welsh .resources_post ul li span+span {
  font-family: Roboto-Regular;
  width: calc(100% - 100px);
  word-break: break-word;
}

.resources_post dl dd {
  font-family: Roboto-Regular;
  width: calc(100% - 82px);
  word-break: break-word;
  float: left;
  padding-bottom: 5px;
}

.fres.welsh .resources_post dl dd {
  font-family: Roboto-Regular;
  width: calc(100% - 100px);
  word-break: break-word;
  float: left;
  padding-bottom: 5px;
}

.resources_post ul li:last-child span+span {
  padding-top: 15px;
}

.resources_post p {
  font-size: 12px;
  margin: 0 0 10px;
}

.resources_post img {
  width: 100%;
}

.post_footer {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
}

.post_rating {
  float: left;
  margin-top: -4px;
  display: none;
}

.post_footer a.post_fav,
span.post_fav {
  float: right;
  width: 26px;
  height: 21px;
  background: url(../images/heart-icon.png) left top no-repeat;
}

.post_footer a.post_fav.added_fav {
  background-position: left -38px;
}

.resources_footer {
  font-size: 24px;
  color: #fff;
  float: left;
  width: 100%;
  text-align: center;
}

.resources_footer a {
  font-size: 22px;
  font-family: Roboto-Regular;
  color: #fff;
  background: #3AA199;
  float: left;
  width: 100%;
  padding: 23px 10px 25px;
  border: 1px solid #3AA199;
  text-decoration: underline;
}

.resources_footer a span {
  font-family: Roboto-Bold;
  color: #fff;
}

.resources_footer a:hover,
.resources_footer a:focus {
  text-decoration: none;
}

.resources_footer a:focus {
  outline-color: #3AA199;
}

.home_member {
  padding: 40px 0 40px;
  text-align: center;
}

.home_member h3 {
  font-size: 38px;
  color: #000;
  font-family: Montserrat-Bold;
  margin: 0;
  padding: 0 0 14px;
  border: none;
  line-height: normal;
}

.home_member h2 {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 20px;
}


.home_member p {
  font-size: 16px;
  color: #000;
  /* color: #595959; */
  margin: 0 0 15px;
  line-height: 23px;
}

.home_member p a {
  font-family: Roboto-Bold;
  text-transform: uppercase;
  border-bottom: 1px solid #595959;
  color: #000;
  display: inline-block;
  line-height: 18px;
  font-size: 16px;
}

.home_member p a:hover {
  color: #6319a2;
  border-color: #6319a2;
}

.home_member.login_member {
  overflow: hidden;
}

.home_member.login_member h3 {
  /*color: #01556B;
  padding: 10px 0;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;*/
}

.home_member.login_member h3:before {
  content: '';
  position: absolute;
  left: -100%;
  right: -100%;
  background: #ffe100;
  z-index: -1;
  height: 100%;
  top: 0;
  display: none;
}

.home_member.withgrey {
  background: #e9e9e8;
}

.follow_barefoot {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding: 40px 0 0;
}

.follow_barefoot a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}

/*-----------------------------------
        -Footer
-----------------------------------*/
footer {
  width: 100%;
  float: left;
}

.top_footer {
  width: 100%;
  float: left;
  border-top: 1px solid #a1a1a1;
  border-bottom: 2px solid #a1a1a1;
  padding: 30px 0 60px;
  text-align: center;
}

.top_footer h4 {
  font-size: 24px;
  color: #01556B;
  margin: 0;
  font-family: Roboto-Regular;
  padding: 0 0 15px;
}

.top_footer .title {
  font-size: 22px;
  color: #01556B;
  margin: 0;
  font-family: Roboto-Regular;
  padding: 0 0 15px;
  line-height: initial;
}

.title-h6 {
  line-height: 1.42857143;
}

.top_footer .partners {
  display: inline-block;
  text-align: left;
  padding: 0 6px;
  float: left;
  width: 300px;
}

.top_footer .support {
  display: inline-block;
  text-align: left;
  padding: 0 6px;
  float: left;
  width: calc(100% - 190px);
}

.top_footer .support.support_1 {
  width: 190px;
}

.top_footer a {
  margin-right: 18px;
  display: inline-block;
  vertical-align: top;
}

.top_footer svg {
  vertical-align: middle;
}

.top_footer .partners a {
  margin-top: 7px;
}

.top_footer .support a {
  /* min-width: 115px; */
}

.footer_client_logo {
  width: 100%;
  float: left;
  min-height: 64px;
}

.mid_footer {
  float: left;
  width: 100%;
  background: #e9e9e8;
  padding: 30px 0;
}

.footer_menu {
  float: left;
  width: 400px;
}

.footer_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  column-count: 2;
}

.footer_menu ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.footer_menu ul li:before {
  position: absolute;
  left: 0;
  top: 1px;
  color: #000;
  content: '\f105';
  font-family: 'FontAwesomesolid';
  font-size: 22px;
  line-height: 17px;
}

.footer_menu ul li a {
  color: #000;
  font-size: 14px;
}

.footer_menu ul li:hover:before {
  color: #01556B;
}

.footer_menu ul li:hover a {
  color: #01556B;
}

.footer_contact {
  float: right;
}

.footer_contact h6 {
  font-size: 22px;
  color: #000;
  margin: 0;
  padding: 0 0 5px;
}

.footer_contact .widget_title {
  font-size: 24px;
  color: #000;
  margin: 0;
  padding: 0 0 5px;
  font-family: Montserrat-Bold;
}

.footer_contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer_contact ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}

.footer_contact ul li:before {
  position: absolute;
  left: 0;
  top: 2px;
  color: #000;
  content: '\f105';
  font-family: 'FontAwesomesolid';
  font-size: 20px;
  line-height: 17px;
}

.footer_contact ul li a {
  color: #000;
}

.footer_social_icon {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0 0;
}

.footer_social_icon a {
  float: left;
  margin-right: 15px;
  font-size: 18px;
}

.footer_social_icon a.tw {
  color: #00AAE7;
}

.footer_social_icon a.fb {
  color: #425E9C;
}

.footer_social_icon a.youtube {
  color: #D70018;
}


.bottom_footer {
  float: left;
  width: 100%;
  background: #01556B;
  text-align: center;
}

.bottom_footer ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.bottom_footer ul li {
  float: left;
  font-size: 13px;
  padding: 0 6px;
}

.bottom_footer ul li a {
  color: #fff;
  display: block;
  padding: 9px 0;
  font-size: 13px;
}

.bottom_footer ul li a:hover {
  color: #fcdb03;
}

.bottom_footer ul li a:focus {
  outline-color: #fff;
}

/*-----------------------------------
        -Resource Landing
-----------------------------------*/

.slider_btn {
  position: absolute;
  bottom: 50px;
}

.slider_btn .register_free {
  white-space: nowrap;
}

.res_landing_filters {
  padding: 18px 0 0;
  background: #e9e9e8;
}

.res_landing_filters aside {
  width: 300px;
  float: left;
  padding: 10px 15px;
  background-color: #fff;
}

.res_landing_filters .res_filters_content {
  width: calc(100% - 300px);
  float: right;
  padding-left: 20px;
}

.res_filters_content .resources_post {
  width: 50%;
  margin-bottom: 15px;
}

.res_filters_content .resources_post .inner_panel {
  min-height: 330px;
  border: 3px solid #e9e9e8;
}

.res_filters_content .list_more_btn {
  text-align: center;
  margin: 0 0 10px 0;
}

.res_filters_content .list_more_btn a {
  font-family: Roboto-Bold;
  color: #01556B;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 21px;
  position: relative;
}

.res_filters_content .list_more_btn a:before {
  position: absolute;
  right: 3px;
  top: 2px;
  content: '\f105';
  font-family: 'FontAwesomesolid';
  line-height: 20px;
  font-size: 23px;
  font-weight: bold;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.res_filters_content .list_more_btn a:hover {
  text-decoration: underline;
}

.res_filters_content .show_less {
  display: none;
}

.res_filters_content .show_less.list_more_btn a:before {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.res_filters_content .resources_post.stickyFeatured .inner_panel {
  border-color: #01556B;
}

.feat_text {
  /*position: absolute;*/
  bottom: 0;
  left: 12px;
  background: #01556B;
  color: #fff;
  font-family: Roboto-Regular;
  padding: 5px 12px;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  /*width: calc(100% - 70px);*/
  width: 100%;
  z-index: 2;
  margin-bottom: -5px;
}

.feat_text a {
  color: #fff;
  display: block;
}

.feat_text.brandnew {
  background: #3FAEA8;
  color: #000;
}

.feat_text.brandnew a {
  color: #01556B;
  display: block;
}

.res_text {
  position: absolute;
  bottom: 9px;
  left: 0;
  color: #01556B;
  font-family: Montserrat-Bold;
  padding: 5px 12px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  width: calc(100% - 70px);
  z-index: 2;
}

.res_text_home {
  position: absolute;
  bottom: 0;
  left: 3px;
  color: #01556B;
  font-family: Montserrat-Bold;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  width: calc(100% - 70px);
  z-index: 2;
}

.res_text a,
.res_text_home a {
  color: #01556B;
  display: block;
  text-decoration: underline;
}

.res_text a:hover,
.res_text a:focus,
.res_text_home a:hover,
.res_text_home a:focus {
  text-decoration: none;
}

/**Filter Section**/
.res_filter_name .filter_search_field {
  position: relative;
  float: left;
  width: 100%;
}

.res_filter_name input[type="search"],
.res_filter_name input[type="text"] {
  width: 100%;
  height: 35px;
  border: 1px solid #595959;
  padding: 6px 10px;
  float: left;
  padding-right: 35px;
  color: #000;
  font-size: 16px;
}

.res_filter_name input[type="submit"],
.res_filter_name a.search_submit {
  position: absolute;
  top: 1px;
  right: 1px;
  text-indent: -9999px;
  width: 35px;
  height: 33px;
  border: none;
  border-left: 1px solid #595959;
  background: #fff url(../images/filter_search.png) center center no-repeat;
}

.res_filter_cl_all {
  text-align: right;
  padding: 7px 0;
  border-bottom: 1px solid #bec0c0;
}

.res_filter_cl_all a {
  display: inline-block;
  color: #01556B;
  font-size: 16px;
}

.filter_sction {
  float: left;
  width: 100%;
  padding-top: 10px;
}

.filter_items {
  border-bottom: 1px solid #bec0c0;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.filter_items .heading {
  color: #000;
  font-size: 16px;
  font-family: Montserrat-Bold;
  position: relative;
  margin: 0 0 2px;
  line-height: normal;
}

.filter_items .heading a.filter_arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  cursor: pointer;
  font-size: 0px;
  text-align: center;
}

.filter_items .heading a.filter_arrow:after {
  position: absolute;
  left: 0;
  top: 5px;
  right: 0;
  color: #000;
  content: '\f107';
  font-family: 'FontAwesomesolid';
  font-size: 26px;
  line-height: 16px;
}

.filter_items .heading a.filter_arrow.less:after {
  content: '\f106';
}

.filter_items ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.filter_items ul li {
  float: left;
  width: 100%;
  font-size: 13px;
  color: #000;
  position: relative;
  margin-bottom: 6px;
}

.filter_items ul li ul {
  padding-left: 20px;
  margin-top: 6px;
  margin-bottom: -6px;
}

.filter_items ul li label {
  font-family: Roboto-Regular;
  font-weight: 400;
}

.filter_items ul.half li {
  width: 50%;
}

.filter_items ul.half li#Lihead1,
.filter_items ul.half li#Lihead2,
.filter_items ul.half li#Lihead3 {
  width: 100%;
}


ul.checkbox_list li input[type="checkbox"] {
  width: 18px;
  height: 18px;
  background: red;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

ul.checkbox_list li label {
  padding-left: 25px;
  position: relative;
  margin: 0;
}

ul.checkbox_list li label:before {
  width: 18px;
  height: 18px;
  background: #fff;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  border: 1px solid #000;
  font-family: 'FontAwesomesolid';
  color: #000;
  content: "";
  font-size: 13px;
  line-height: 17px;
  text-align: center;
}

ul.checkbox_list li input[type="checkbox"]:checked+label:before {
  content: "\f00c";
}

ul.radiobox_list li input[type="radio"] {
  width: 15px;
  height: 15px;
  background: red;
  float: left;
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

ul.radiobox_list li label {
  padding-left: 25px;
  position: relative;
  margin: 0;
}

ul.radiobox_list li label:before {
  content: '';
  background: #fff;
  border-radius: 100%;
  border: 2px solid #000;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 2px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}

ul.radiobox_list li input[type="radio"]:checked+label:before {
  background-color: #000;
  box-shadow: inset 0 0 0 3px #fff;
}

/*-----------------------------------
        -Resource Detail
-----------------------------------*/
.resource_det {
  background: #e9e9e8;
}

.resource_detail {
  width: 100%;
  float: left;
  background: #fff;
  margin-top: 20px;
  padding: 15px 20px 34px;
}

.resource_detail h1 {
  font-size: 38px;
  color: #01556B;
  margin: 6px 0 7px;
}

.resource_detail h2 {
  font-size: 25px;
  color: #000;
  font-family: Roboto-Regular;
  margin: 0 0 18px;
}

.mobile_footer_link {
  display: none;
}

.mobile_detail_img {
  display: none;
}

.detail_img {
  float: left;
  width: 480px;
  overflow: hidden;
}

.detail_img img {
  width: 147%;
  max-width: none;
  margin-left: -22%;
  margin-top: -35px;
  margin-bottom: -35px;
}

.detail_right_content {
  float: right;
  width: calc(100% - 500px);
  position: relative;
}

.detail_right_content p {
  margin: 0px 0 2px;
  font-size: 15px;
  min-height: 2px;
}

.detail_right_content p a {
  color: #000;
  text-decoration: none;
}

.detail_right_content p a:hover {
  text-decoration: underline;
}

.detail_chart_list {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 15px 0 0;
}

.detail_chart_list ul {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
}

.detail_chart_list ul li {
  float: left;
  width: 33.33%;
  padding: 0 15px;
  max-width: 130px;
  text-align: center;
}

.detail_chart_list ul li img {
  max-width: 80px;
}

.detail_chart_list ul li .chart_title {
  font-family: Montserrat-Bold;
  font-size: 15px;
  color: #000;
}

.detail_chart_list ul li .chart_title a {
  color: #000;
  text-decoration: underline;
}

.detail_chart_list ul li .chart_title a:hover {
  text-decoration: none;
}

.detail_chart_list ul li p {
  font-size: 14px;
  font-family: Roboto-Regular;
  color: #000;
}

.detail_extra_btns {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: 0;
}

.detail_extra_btns .download_resource_btn {
  float: left;
  width: 207px;
  position: relative;
}

.detail_extra_btn {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  /*position:absolute;bottom: 0;left: 0;*/
}

.detail_extra_btn .download_resource_btn {
  float: left;
  width: 196px;
  position: relative;
}

.detail_extra_btn .download_resource_btn#downloadsec {
  width: 265px;
}

.download_resource_btn .download_btn {
  background: #01556B;
  color: #fff;
  font-size: 15px;
  font-family: Roboto-Bold;
  width: 100%;
  float: left;
  padding: 9px 0 9px 31px;
  position: relative;
}

.download_resource_btn .download_btn:before {
  content: '\f019';
  font-size: 15px;
  color: #fff;
  font-family: 'FontAwesomesolid';
  position: absolute;
  left: 11px;
  top: 8px;
}

.download_resource_btn .download_btn:after {
  content: "\f0dd";
  font-size: 22px;
  color: #fff;
  font-family: 'FontAwesomesolid';
  position: absolute;
  right: 8px;
  top: 6px;
  line-height: 20px;
}

.detail_extra_btns .download_resource_btn.down_logged:hover .download_btn {
  box-shadow: 0px 0px 5px #3a3a3a;
}

.detail_extra_btns .download_resource_btn.down_logged:hover .download_dropwon_list {
  display: block !important;
}

.detail_extra_btns .download_resource_btn.down_not_logged:hover .reg_tooltip {
  display: block !important;
}


.detail_extra_btn .download_resource_btn.down_logged:hover .download_btn {
  box-shadow: 0px 0px 5px #3a3a3a;
}

.detail_extra_btn .download_resource_btn.down_logged:hover .download_dropwon_list {
  display: block !important;
}

.detail_extra_btn .download_resource_btn.down_not_logged:hover .reg_tooltip {
  display: block !important;
}

.download_resource_btn .download_btn.open_downloadlist {
  box-shadow: 0px 0px 5px #3a3a3a;
}

.download_dropwon_list {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  right: 0;
  box-shadow: 0px 3px 5px #696969;
  display: none;
  z-index: 9999;
}

.download_dropwon_list a {
  font-size: 16px;
  color: #000;
  width: 100%;
  float: left;
  position: relative;
  padding: 9px 4px 9px 30px;
  border-top: 1px solid #595959;
  word-break: break-word;
}

.download_dropwon_list a:first-child {
  border-top: none;
}

.download_dropwon_list a:before {
  content: '\f019';
  font-size: 15px;
  color: #000;
  font-family: 'FontAwesomesolid';
  position: absolute;
  left: 8px;
  top: 8px;
}

.reg_tooltip {
  float: left;
  position: absolute;
  top: 100%;
  left: -7px;
  right: -7px;
  text-align: center;
  padding-top: 22px;
  display: none;
}

.inner_reg_tooltip {
  background: #fff;
  box-shadow: 0 0 7px 1px #696969;
  float: left;
  width: 100%;
  padding: 22px 0;
  position: relative;
  z-index: 9999;
}

.inner_reg_tooltip:after {
  background: url(../images/tooltip_arrow.png) left top no-repeat;
  width: 38px;
  height: 19px;
  float: left;
  content: '';
  position: absolute;
  right: 4px;
  top: -19px;
}

.reg_tooltip a {
  color: #000;
}

.reg_tooltip a span {
  color: #01556B;
  text-decoration: underline;
}

.detail_extra_btns .add_to_fav_btn {
  float: right;
  font-size: 14px;
  font-family: Roboto-Regular;
  padding-top: 7px;
  position: relative;
  min-height: 40px;
}

.detail_extra_btns .add_to_fav_btn a.add_to_fav {
  color: #000;
  float: left;
  padding-left: 42px;
  background: url(../images/big-heart-icon.png) left top no-repeat;
  min-height: 26px;
  line-height: 24px;
}

.detail_extra_btns .add_to_fav_btn a.add_to_fav.added_fav {
  background-position: left -65px;
}

.add_to_fav_btn .inner_reg_tooltip:after {
  left: 3px;
  right: auto;
}

.detail_extra_btns .add_to_fav_btn.fav_not_logged:hover .reg_tooltip {
  display: block !important;
}


.detail_full_content {
  float: left;
  width: 100%;
  padding: 15px 0 0;
}

.detail_page_rating {
  padding: 0 0 10px;
  display: none;
}

.detail_full_content h3 {
  font-size: 32px;
  color: #000;
  margin: 20px 0 7px;
}

.detail_full_content h4 {
  font-size: 16px;
  color: #000;
  margin: 28px 0 7px;
}

.detail_full_content p {
  font-size: 15px;
  color: #000;
  line-height: 20px;
  margin: 0 0 22px;
}

.detail_full_content ul {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
}

.detail_full_content ul li {
  padding-left: 0;
  font-size: 15px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 6px;
  position: relative;
  line-height: 18px;
  list-style: disc;
}

.detail_full_content ul li:before {
  content: "\f058";
  font-size: 13px;
  color: #01556B;
  font-family: 'FontAwesomeregular';
  position: absolute;
  left: -30px;
  top: -1px;
  line-height: 20px;
  font-weight: 700;
  z-index: 2;
}

.detail_full_content ul li::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: -27px;
  top: 0;
  background: white;
  z-index: 1;
}

.year_content ul,
.concepts_detail_intro_content ul,
.groups_generic ul {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
}

.year_content ul li,
.concepts_detail_intro_content ul li,
.groups_generic ul li {
  padding-left: 0;
  font-size: 15px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 6px;
  position: relative;
  line-height: 18px;
  list-style: disc;
}

.year_content ul li:before,
.concepts_detail_intro_content ul li:before,
.groups_generic ul li:before {
  content: "\f058";
  font-size: 13px;
  color: #01556B;
  font-family: 'FontAwesomeregular';
  position: absolute;
  left: -30px;
  top: -1px;
  line-height: 20px;
  font-weight: 700;
  background: none;
  z-index: 2;
}

.year_content ul li:after,
.concepts_detail_intro_content ul li:after,
.groups_generic ul li:after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: -26px;
  top: 0;
  background: white;
  z-index: 1;
}

.related_resources {
  background: #e1f8fe url(../images/page4_1.jpg?123) center top no-repeat;
  padding: 25px 0 10px;
}

.related_resources .heading {
  float: left;
  width: 100%;
  padding: 0 0 25px;
}

.related_resources .heading h2,
.related_resources .heading .title {
  float: left;
  background: #3AA199;
  font-size: 32px;
  color: #fff;
  font-family: Montserrat-Bold;
  padding: 20px 18px 17px;
  margin: 0;
  width: 100%;
  height: 74px;
  line-height: 34px;
}

.related_resources .resources_post .inner_panel {
  padding: 0 0 45px;
}

.related_resources .post_rating {
  margin: 0;
}

.related_resources .post_footer a.post_fav {
  background: url(../images/big-heart-icon.png) left top no-repeat;
  width: 30px;
  height: 26px;
}

.related_resources .post_footer a.post_fav.added_fav {
  background-position: 0 -65px;
}

.post_type {
  float: right;
  width: 74px;
}

.post_type+h5 {
  padding: 7px 0 3px;
}

.post_type .post_type_text {
  display: table;
  width: 74px;
  height: 74px;
  background: #ffe100;
  text-align: center;
  border-radius: 50%;
  color: #01556B;
}

.post_type .post_type_text span {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-family: Roboto-Bold;
  padding: 0 5px;
  line-height: 15px;
}

.post_type.step_back .post_type_text {
  background: #F04A4A;
  color: #fff;
}

.post_type.step_forward .post_type_text {
  background: #01556B;
  color: #fff;
}

/*-----------------------------------
        -About Page
-----------------------------------*/
.about_banner {
  text-align: center;
  position: relative;
}

.about_banner .title {
  color: #e4007d;
  font-size: 60px;
  line-height: 60px;
  margin: 0 0 30px;
  font-family: Montserrat-Bold;
}

.about_banner img {}

.about_banner .video_play_btn {
  font-size: 0px;
  background: url(../images/video_play_blue.png) left top no-repeat;
  width: 86px;
  height: 88px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 80%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.about_content_block {
  padding: 30px 0 30px;
  background: #fff;
  text-align: center;
}

.about_content_block.home_msg {
  padding: 0;
  background: rgba(10, 185, 240, 0.12);
}

.about_content_block.home_msg p {
  color: #01556B;
}

.about_content_block.digital_dreams {
  padding: 30px 0 5px;
}

.about_content_block h1,
.about_content_block h2 {
  font-size: 32px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 38px;
  margin: 0;
}

.about_content_block p {
  font-size: 16px;
  color: #000;
  margin: 0;
  line-height: 23px;
  padding: 28px 40px;
}

.about_register_free {
  float: left;
  width: 100%;
  background: #3AA199;
  text-align: center;
  /*margin-top: 2px;*/
}

.about_register_free a {
  font-size: 22px;
  color: #fff;
  font-family: Roboto-Regular;
  background: #3AA199;
  float: left;
  width: 100%;
  padding: 20px 10px;
  text-decoration: underline;
}

.about_register_free a:hover {
  text-decoration: none;
}

.about_register_free a span {
  font-family: Roboto-Bold;
}


.computing_project {
  padding: 24px 0 0;
}

.computing_project h2 {
  color: #000;
  font-size: 38px;
  font-family: Montserrat-Bold;
  line-height: 40px;
  margin: 20px 0 35px;
  text-align: center;
}

.project_content_block {
  display: table;
  vertical-align: middle;
  width: 100%;
  float: left;
  padding: 0 0 50px;
}

.project_content_block .pro_img {
  padding-right: 75px;
  width: 225px;
  display: table-cell;
}

.project_content_block .pro_text_block {
  width: calc(100% - 225px);
  display: table-cell;
  vertical-align: middle;
}

.pro_text_block h3 {
  color: #000;
  font-size: 22px;
  font-family: Montserrat-Bold;
  margin: 0 0 15px;
  border: none;
}

.pro_text_block p {
  color: #000;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 15px;
}

.project_content_block.right_img .pro_img {
  padding-left: 75px;
  padding-right: 0
}

.about_partners {
  padding: 22px 0 0;
  overflow: hidden;
}

.about_partners h2 {
  color: #000;
  font-size: 38px;
  font-family: Montserrat-Bold;
  line-height: 40px;
  margin: 20px 0 35px;
  text-align: center;
}

.partner_text_block {
  display: table;
  vertical-align: middle;
  width: 100%;
  float: left;
  padding: 35px 0;
  position: relative;
}

.partner_text_block:before {
  left: -290%;
  bottom: 0;
  border-bottom: 1px solid #bec0c0;
  content: '';
  position: absolute;
  width: 1000%;
  height: 100%;
  pointer-events: none;
}

.partner_text_block .partner_logo {
  padding-right: 25px;
  width: 227px;
  display: table-cell;
  vertical-align: middle;
}

.partner_text_block .partner_text {
  width: calc(100% - 225px);
  display: table-cell;
  vertical-align: middle;
}

.partner_text p {
  color: #000;
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  padding: 5px 0;
}

.about_partners .project_content_block {
  display: table;
  vertical-align: middle;
  width: 100%;
  float: left;
  padding: 35px 0;
  position: relative;
}

.about_partners .project_content_block:before {
  left: -290%;
  bottom: 0;
  border-bottom: 1px solid #bec0c0;
  content: '';
  position: absolute;
  width: 1000%;
  height: 100%;
  pointer-events: none;
}

.about_partners .project_content_block .pro_text_block p {
  margin: 0;
  padding: 5px 0;
}

/*-----------------------------------
		-Terms And Conditions
-----------------------------------*/

.terms_items_block {
  margin: 0 0 45px 0;
}

.terms_item {
  width: 100%;
  float: left;
  padding: 25px 0;
}

.terms_item:first-child {
  padding-top: 20px;
}

.terms_item.grey_background {
  background-color: #e9e9e8;
}

.terms_heading {
  position: relative;
  padding: 9px 10px;
  float: left;
  width: 100%;
  margin-bottom: 13px;
}

.terms_heading.btn_button {
  padding: 10px 80px 10px 10px;
}

.terms_heading a {
  color: #fff;
}

.terms_heading a.term_back {
  position: absolute;
  right: 18px;
  top: 50%;
  color: #fff;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  font-size: 16px;
}

.terms_heading a.term_back:after {
  color: #fff;
  position: absolute;
  left: -24px;
  top: 0;
  content: '\f104';
  font-family: 'FontAwesomesolid';
  font-size: 26px;
  line-height: 20px;
}

.terms_heading h1,
.terms_heading h2,
.terms_heading h3,
.terms_heading h4,
.terms_heading h5,
.terms_heading h6 {
  color: #fff;
  line-height: normal;
  margin: 0;
  font-size: 24px;
}


.terms_item .country_text {
  width: 100%;
  text-align: left;
  padding: 0 10px;
}

.terms_item .country_text p {
  margin-bottom: 10px;
  line-height: 20px;
}

.purple_white.terms_heading {
  background-color: #01556B;
}

.purple_white h1,
.purple_white h2,
.purple_white h3,
.purple_white h4,
.purple_white h5,
.purple_white h6 {
  color: #fff;
}

.yellow_purple.terms_heading {
  background-color: #ffe100;
}

.yellow_purple h1,
.yellow_purple h2,
.yellow_purple h3,
.yellow_purple h4,
.yellow_purple h5,
.yellow_purple h6 {
  color: #01556B !important;
}

.yellow_purple.terms_heading a {
  color: #01556B;
}

.yellow_purple.terms_heading a:after {
  color: #01556B;
}

.pink_white.terms_heading {
  background-color: #F04A4A;
}

/*-----------------------------------
       -Curriculum
-----------------------------------*/
/*.curriculum_non_content .register_free { min-width: 370px; text-align: center; }
.curriculum_non_content .register_free:hover { background: #F04A4A; }*/

.country_title {
  padding: 9px 0;
  width: 100%;
  float: left;
  background: #FFE100;
}

.country_title p {
  margin: 0px;
  font-family: Montserrat-Bold;
  font-size: 22px;
  color: #000;
  text-align: center;
  line-height: 30px;
}

.country_row {
  padding: 35px 0;
  width: 100%;
  float: left;
}

.country_row.gray {
  background: #e9e9e8;
}

.curriculum_tabs .tab_content .country_row.gray {
  background: none;
}

.curriculum_tabs .tab_content .country_text li:before {
  background: none;
}

.country_img {
  float: left;
  width: 151px;
}

.country_img.img_left {
  float: left;
}

.country_img.img_right {
  padding-top: 10px;
  float: right;
}

.country_text {
  width: calc(100% - 190px);
  float: right;
}

.country_text.text_left {
  float: left;
}

.country_text.text_right {
  padding-top: 20px;
  float: right;
}

.country_text p {
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
  line-height: 22px;
}

.country_text p a {
  font-family: Roboto-Bold;
  text-decoration: underline;
  color: #000;
  font-size: 15px;
  word-break: break-word;
}

.country_text p a:hover {
  text-decoration: none;
}

.country_text strong {}

.country_text h1 {
  margin: 0 0 15px;
  font-size: 28px;
  text-transform: uppercase;
}

.country_text h2 {
  margin: 0 0 15px;
  font-size: 26px;
  text-transform: uppercase;
}

.country_text h3 {
  margin: 0 0 15px;
  font-size: 22px;
  border: none;
}

.country_text h4,
.country_text h5 {
  margin: 0 0 15px;
  font-size: 16px;
  text-transform: uppercase;
}

.country_text h6 {
  margin: 0 0 15px;
  font-size: 16px;
  text-transform: uppercase;
}

.country_text ul,
.country_text ol {
  margin: 0;
  padding: 0 0 5px 30px;
  list-style: none;
}

.country_text li {
  padding-left: 12px;
  font-size: 15px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 12px;
  position: relative;
  line-height: 18px;
}

.country_text li:before {
  content: "";
  background: #595959;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 6px;
}



.table_block {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 15px;
}

.table_block_inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 600px;
}

.table_block table {
  border: 1px solid #666;
  width: 100%;
}

.table_block table th,
.table_block table td {
  height: 42px;
  text-align: center;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  font-family: Roboto-Regular;
  font-size: 15px;
  padding: 0 7px;
  font-weight: 400;
  color: #000;
}

.table_block table .fw_b {
  font-family: Montserrat-Bold;
  font-size: 20px;
}

.table_block table .c_r {
  background: #f4cdce;
}

.table_block table .c_o {
  background: #fce6cd;
}

.table_block table .c_b {
  background: #c9daf8;
}

.table_block table .c_g {
  background: #d8ead2;
}

/*-----------------------------------
        -Workshop//Volunteers
-----------------------------------*/
.workshop_content {
  padding: 25px 0 0;
  background: #e9e9e8;
}

.workshop_content_panel {
  padding: 0;
  background: #e9e9e8;
}

.workshop_content_panel:first-child {
  padding: 25px 0 0;
  background: #e9e9e8;
}

.workshop_content_panel:last-child {
  padding: 0 0 14px;
  background: #e9e9e8;
}

.lhs_img_content_widget {
  width: 100%;
  float: left;
  margin: 0 0 25px;
  background: #fff;
  padding: 12px;
}

.lhs_img {
  float: left;
  width: 385px;
}

.lhs_content {
  width: calc(100% - 395px);
  float: right;
}

.lhs_content h2,
.lhs_content h1,
.lhs_content h3,
.lhs_content h4,
.lhs_content h5,
.lhs_content h6 {
  font-size: 34px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 36px;
  margin: 8px 0 12px;
}

.lhs_content p {
  color: #000;
  font-size: 15px;
  margin: 0 0 15px;
}

.lhs_content p a {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.lhs_content p a:hover {
  text-decoration: none;
}

.lhs_content ul {
  margin: 0;
  padding: 0 0 5px;
  list-style: none;
}

.lhs_content li {
  padding-left: 12px;
  font-size: 16px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 5px;
  position: relative;
  line-height: 18px;
}

.lhs_content li a {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.lhs_content li a:hover {
  text-decoration: none;
}

.lhs_content li:before {
  content: "";
  background: #595959;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 6px;
}

.lhs_btns {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.lhs_btns .lhs_btn {
  width: 100%;
  float: left;
  font-size: 22px;
  color: #01556B;
  background: #e6e6e6;
  padding: 11px 0;
  line-height: 28px;
  margin-top: -2px;
  text-decoration: underline;
}

.lhs_btns .lhs_btn strong {
  font-family: Montserrat-Bold;
}

.lhs_btns .lhs_btn:hover {
  text-decoration: none;
}

.lhs_btns .lhs_link {
  font-family: Montserrat-Bold;
  color: #01556B;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 17px;
  position: relative;
  margin-top: 8px;
}

.lhs_btns .lhs_link:before {
  position: absolute;
  right: 0;
  top: 0;
  content: '\f0a9';
  font-family: 'FontAwesomesolid';
  line-height: 20px;
  font-size: 14px;
}

.lhs_btns .lhs_link:hover {
  color: #e7267c;
}


.three_col_img_widget {
  width: 100%;
  float: left;
}

.three_row {
  margin: 0 -11px;
}

.col_widget {
  width: 33.33%;
  float: left;
  padding: 11px 11px;
}

.col_widget_inner {
  background: #fff;
  width: 100%;
  float: left;
}

.col_widget_inner_Noequalheight {
  background: #fff;
  width: 100%;
  float: left;
}

.col_widget_heading {
  position: relative;
  padding: 7px 13px 10px;
  float: left;
  width: 100%;
  background-color: #01556B;
  margin-bottom: 20px;
}

.col_widget_heading h1,
.col_widget_heading h2,
.col_widget_heading h3,
.col_widget_heading h4,
.col_widget_heading h5,
.col_widget_heading h6 {
  color: #fff;
  line-height: 29px;
  margin: 0;
  font-size: 19px;
}

.col_widget_heading.purple_white {
  background-color: #01556B;
}

.col_widget_heading.yellow_purple {
  background-color: #ffe100;
}

.col_widget_heading.pink_white {
  background-color: #F04A4A;
}

.col_widget_img {
  width: 100%;
  float: left;
}

.col_widget_content {
  padding: 0 13px;
  float: left;
  width: 100%;
}

.col_widget_content p {
  color: #000;
  font-size: 14px;
  margin: 0 0 15px;
}

.col_widget_content p a {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.col_widget_content p a:hover {
  text-decoration: none;
}

.col_widget_content ul {
  margin: 0;
  padding: 0 0 5px;
  list-style: none;
}

.col_widget_content li {
  padding-left: 12px;
  font-size: 16px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 5px;
  position: relative;
  line-height: 18px;
}

.col_widget_content li a {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.col_widget_content li a:hover {
  text-decoration: none;
}

.col_widget_content li:before {
  content: "";
  background: #595959;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 6px;
}

.small_title_widget .lhs_content h2,
.small_title_widget .lhs_content h1,
.small_title_widget .lhs_content h3,
.small_title_widget .lhs_content h4,
.small_title_widget .lhs_content h5,
.small_title_widget .lhs_content h6 {
  font-size: 24px;
  line-height: 26px;
}

.small_title_widget .lhs_content p {
  margin: 0 0 9px;
}

.support_panel .col_widget_inner {
  background: #01556B;
}

.support_panel .col_widget_inner_Noequalheight {
  background: #01556B;
}


.support_panel_content {
  padding: 15px;
}

.support_panel .title {
  font-size: 32px;
  color: #fff;
  font-family: Montserrat-Bold;
  line-height: 37px;
  margin: 2px 0 15px;
}

.support_panel .small_title {
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  font-family: Roboto-Regular;
  margin: 0 0 19px;
}

.support_panel p {
  color: #fff;
  margin: 0 0 15px;
  line-height: 20px;
  font-family: Roboto-Regular;
  font-size: 15px;
}

.support_panel p a {
  color: #fff;
  text-decoration: underline;
  font-family: Roboto-Bold;
}

.support_panel p a:hover {
  text-decoration: none;
}

.support_panel .heading {
  font-size: 22px;
  color: #fff;
  line-height: 26px;
  font-family: Montserrat-Bold;
  padding: 14px 0 16px;
}

.support_panel h4 {
  font-size: 22px;
  color: #fff;
  line-height: 26px;
  font-family: Montserrat-Bold;
  padding: 14px 0 16px;
  margin: 0;
}

.support_panel ul {
  margin: 0;
  padding: 0 0 15px;
  list-style: none;
}

.support_panel ul li {
  position: relative;
  padding-left: 0;
  margin-bottom: 7px;
  color: #fff;
  font-size: 15px;
  line-height: 18px;
}

.support_panel ul li span {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-left: 15px;
}

.support_panel ul li span:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '\f105';
  font-family: 'FontAwesomesolid';
  font-size: 20px;
  line-height: 17px;
}

.support_panel ul li a {
  color: #fff;
}

.support_social_icon {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0 0;
}

.support_social_icon a {
  float: left;
  margin-right: 15px;
  font-size: 18px;
  color: #fff;
}


/*-----------------------------------
        -Concepts and Approaches Landing
-----------------------------------*/
.page_back_btn {
  position: absolute;
  right: 5px;
  top: 14px;
  display: none;
}

.page_back_btn a {
  position: relative;
  color: #fff;
  font-size: 16px;
}

.page_back_btn a:after {
  color: #fff;
  position: absolute;
  left: -24px;
  top: 1px;
  content: '\f104';
  font-family: 'FontAwesomesolid';
  font-size: 26px;
  line-height: 20px;
}

.mob_page_back_btn {
  display: none;
  position: absolute;
  left: 15px;
  top: 12px;
  width: 30px;
  height: 30px;
  font-size: 0px;
}

.mob_page_back_btn a {
  width: 30px;
  height: 30px;
  float: left;
}

.mob_page_back_btn a span {
  position: absolute;
  height: 5px;
  width: 100%;
  top: 50%;
  margin-top: -2.5px;
  left: 0;
}

.mob_page_back_btn a span:before {
  position: absolute;
  left: 0;
  top: -11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
  transform: rotateZ(-45deg) scaleX(0.75) translate(-12px, -3px);
  -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(-12px, -3px);
  -o-transform: rotateZ(-45deg) scaleX(0.75) translate(-12px, -3px);
}

.mob_page_back_btn a span:after {
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #595959;
  content: '';
  width: 100%;
  height: 5px;
  transform: rotateZ(45deg) scaleX(0.75) translate(-12px, 3px);
  -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(-12px, 3px);
  -o-transform: rotateZ(45deg) scaleX(0.75) translate(-12px, 3px);
}

.concept_appro_panel {
  padding: 14px 0 25px;
  background: #e9e9e8;
}

.concept_landing {
  float: left;
  width: 100%;
  background: #fff;
}

.concept_landing h1 {
  background: #3AA199;
  font-size: 32px;
  color: #fff;
  font-family: Montserrat-Bold;
  margin: 0;
  line-height: 36px;
  padding: 9px 15px;
}

.concept_content {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 20px 15px 0;
}

.concept_cate_block {
  float: left;
  width: 25%;
  position: relative;
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 50px;
  margin-bottom: 30px;
}

.cate_bg_head {
  /* background: url(../images/concept_cate_bg1.jpg) left top no-repeat; */
  background: #01556B;
  width: 100%;
  display: table;
  float: left;
  padding: 14px 20px;
  height: 162px;
  text-align: center;
  text-align: center;
  margin: 0 0 25px;
}

.cate_block_2 .cate_bg_head {
  background: #01556B;
}

.cate_bg_head .cate_heading {
  display: table-cell;
  /*background: #fff;*/
  vertical-align: middle;
  padding: 0 8px;
}

.cate_bg_head .cate_heading h2 {
  margin: 0;
  font-size: 18px;
  font-family: Montserrat-Bold;
  line-height: 23px;
}

.cate_bg_head .cate_heading h2 a {
  color: #fff;
}

.concept_cate_block p {
  font-size: 15px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.concept_cate_block a.cate_find_btn {
  font-family: Montserrat-Bold;
  color: #01556B;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 18px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.concept_cate_block a.cate_find_btn:before {
  position: absolute;
  right: 0;
  top: 0;
  content: '\f0a9';
  font-family: 'FontAwesomesolid';
  line-height: 19px;
  font-size: 14px;
}

.concept_cate_block a.cate_find_btn:hover {
  text-decoration: underline;
}

.concept_text_block {
  float: right;
  width: 425px;
}

.concept_text_block p {
  font-size: 15px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 20px;
  margin-bottom: 18px;
}

.concept_cate_block:nth-child(1) .cate_bg_head {
  background: #01556B;
}

.concept_cate_block:nth-child(2) .cate_bg_head {
  background: #f8e100;
}

.concept_cate_block:nth-child(2) .cate_bg_head .cate_heading h2 a {
  color: #01556B;
}

.concept_cate_block:nth-child(3) .cate_bg_head {
  background: #fff;
  border: 1px solid #01556B;
}

.concept_cate_block:nth-child(3) .cate_bg_head .cate_heading h2 a {
  color: #e74949;
}

.concept_cate_block:nth-child(4) .cate_bg_head {
  background: #F04A4A;
}

.concept_cate_block:nth-child(4) .cate_bg_head h2 a:focus,
.concept_cate_block:nth-child(1) .cate_bg_head h2 a:focus {
  outline-color: #fff;
}

/*---------------------------------------------
        -Concepts & Approaches Category
-----------------------------------------------*/
.concepts_approaches_section {
  padding: 12px 0 0;
  background: #e9e9e8;
}

.concepts_approaches_section .lhs_content h3 {
  font-size: 22px;
  line-height: 24px;
}

.computational_title {
  padding: 8px 12px 7px 12px;
  margin: 0px;
  font-size: 34px;
  color: #fff;
  background: #3AA199;
  line-height: 36px;
}

.computational_think {
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
  float: left;
  background: #fff;
}

.computational_think .image {
  max-width: 310px;
  float: left;
}

.computational_think .text_right {
  width: calc(100% - 325px);
  float: right;
}

.computational_think .text_right .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-family: Montserrat-Bold;
}

.computational_think .text_right p {
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
  line-height: 20px;
}

.computational_think .text_right ol {
  list-style: decimal;
}

.computational_think .text_right ol li {
  margin-left: 15px;
}

.concepts_approaches {
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
  float: left;
  text-align: center;
  background: #fff;
}

.concepts_approaches h2 {
  margin: 0 0 15px 0;
  font-size: 24px;
}

.concepts_approaches .concepts {
  padding: 0px;
  margin: 20px 0 0 0;
  list-style: none;
}

.concepts_approaches .concepts li {
  margin: 15px 20px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.concepts_approaches .concepts li.catitle {
  display: block;
  clear: both;
  max-width: 100%;
}

.concepts_approaches .concepts li a {
  display: block;
  color: #000;
  text-decoration: underline;
}

.concepts_approaches .concepts li a:hover {
  text-decoration: none;
}

.concepts_approaches .concepts li .image {
  margin-bottom: 10px;
  width: 100%;
  height: 64px;
  display: block;
}

.concepts_approaches .concepts li .cntr {
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
}

.concepts_approaches .concepts li .cntr img {
  max-width: 100%;
  max-height: 100%;
}

.concepts_approaches .concepts li .title {
  display: block;
  font-size: 16px;
  font-family: Montserrat-Bold;
}

.concepts_approaches .intro {
  font-size: 16px;
  color: #000;
  font-family: Roboto-Regular;
}

.primary_curriculum {
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
  float: left;
  background: #fff;
}

.primary_curriculum h2 {
  margin-top: 6px;
  font-size: 24px;
}

.primary_curriculum p {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 22px;
}

.primary_curriculum blockquote {
  padding: 0 0 5px 35px;
  margin: 0px;
  display: table;
  position: relative;
  font-family: Montserrat-Bold;
  border: none;
  font-size: 16px;
  line-height: 22px;
  color: #01556B;
}

.primary_curriculum blockquote:before {
  width: 20px;
  height: 15px;
  position: absolute;
  top: 3px;
  left: 0px;
  content: '';
  background: url(../images/quote-icon.png) no-repeat top center;
}

.download_resource {
  margin: 0 15px 0 0;
  max-width: 310px;
  float: left;
}

.download_resource img {
  width: 100%;
}

.download_resource .download_btn {
  background: #01556B;
  color: #fff;
  font-size: 16px;
  font-family: Montserrat-Bold;
  text-align: center;
  width: 100%;
  float: left;
  padding: 14px 5px;
  position: relative;
}

.download_resource .download_btn:before {
  margin-right: 4px;
  content: '\f019';
  font-size: 15px;
  color: #fff;
  font-family: 'FontAwesomesolid';
}

.groups_generic {
  margin-bottom: 20px;
  width: 100%;
  float: left;
  background: #fff;
}

.groups_generic .generic_title {
  padding: 8px 12px;
  margin: 0px;
  font-size: 24px;
  color: #fff;
  font-family: Montserrat-Bold;
  background: #3AA199;
}

.content_top {
  padding: 20px;
  width: 100%;
  float: left;
}

.year_tabs {
  width: 100%;
  float: left;
}

.year_tabs .tab_nav {
  width: 100%;
  float: left;
  border-bottom: 1px solid #595959;
}

.year_tabs .tab_nav h3 {
  padding: 0;
  margin: 0px;
  float: left;
  font-size: 24px;
  font-family: Roboto-Regular;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  color: #000;
}

.year_tabs .tab_nav h3.active {
  color: #01556B;
  font-family: Roboto-Bold;
  border-bottom-color: #01556B;
}

/*.year_tabs .tab_nav h3 a{padding: 0 23px 14px 23px;float: left;color: #595959;}*/
.year_tabs .tab_nav h3 a {
  padding: 7px 23px;
  float: left;
  color: #000;
}

.year_tabs .tab_nav h3.active a {
  color: #01556B;
}

.tab_content {
  padding: 20px;
  width: 100%;
  float: left;
}

.curriculum_tabs .tab_content .year_content {
  display: none;
}

.tab_content #year3 {
  display: block;
}

.find_more {
  margin-bottom: 20px;
  padding: 20px;
  width: 100%;
  float: left;
  text-align: center;
  background: #fff;
}

.find_more .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-family: Montserrat-Bold;
}

.find_more p {
  font-family: Montserrat-Bold;
}

.concepts_approaches_section .find_more a,
.content_top a,
.content_box a,
.year_content a,
.concept_text_block a,
.resource_detail .detail_full_content a {
  font-family: Roboto-Bold;
  text-decoration: underline;
  color: #000;
  font-size: 16px;
  word-break: break-word;
}

.concepts_approaches_section .find_more a:hover,
.content_top a:hover,
.content_box a:hover,
.year_content a:hover,
.concept_text_block a:hover,
.resource_detail .detail_full_content a:hover {
  text-decoration: none;
}

/*---------------------------------------------
        -Concepts & Approaches Detail
-----------------------------------------------*/
.concepts_detail_intro {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.concepts_detail_intro h1 {
  background: #F04A4A;
  font-size: 34px;
  color: #fff;
  font-family: Montserrat-Bold;
  margin: 0;
  line-height: 36px;
  padding: 9px 15px 7px;
}

.concepts_detail_intro_content {
  float: left;
  width: 100%;
  background: #fff;
  padding: 20px;
}

.concepts_detail_intro_img {
  max-width: 290px;
  float: left;
}

.concepts_detail_intro_text {
  float: right;
  width: calc(100% - 315px);
}

.concepts_detail_intro_text .title {
  margin-bottom: 23px;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  color: #000;
}

.concepts_detail_intro_text p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
  line-height: 20px;
}

.concepts_related_res {
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
  float: left;
}

.concepts_related_res .content_box {
  width: 100%;
  padding: 20px 20px 10px;
  float: left;
}

.concepts_related_res .content_box .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  color: #000;
}

.concepts_related_res .content_box p {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.concepts_related_res .resources_posts {
  padding: 20px 12px;
  background: url(../images/concepts_related_res_bg.jpg?v1) center center no-repeat;
  background-size: cover;
  margin: 0;
}

.concepts_related_res .posts_row {
  margin: 0 -5px;
}

.concepts_related_res .resources_post {
  padding: 0 5px;
}

.concepts_related_res .resources_post .inner_panel {
  padding: 0 0 50px;
}

.concepts_related_res .resources_post .inner_panel img {
  width: 100%;
}

.concepts_related_res .resources_post .inner_panel .post_rating img {
  width: auto;
}

/*---------------------------------------------
        -My Barefoot
-----------------------------------------------*/
.my_barefoot_dash {
  padding: 15px 0 10px;
  background: #e1f8fe url(../images/myactivitybg.jpg?123) center top no-repeat;

}

.welcome_msg,
.container_msg {
  width: 100%;
  float: left;
  background: #3AA199;
  text-align: center;
  padding: 11px 15px 8px;
  margin-bottom: 15px;
}

.welcome_msg h1,
.welcome_msg .heading,
.container_msg h1,
.container_msg .heading {
  font-size: 34px;
  color: #fff;
  line-height: 36px;
  margin: 0 0 4px;
  font-family: Montserrat-Bold;
}

.welcome_msg p,
.welcome_msg p a,
.container_msg p,
.container_msg p a {
  font-size: 18px;
  color: #fff;
  line-height: 22px;
  margin: 0 0 4px;
}

.welcome_msg p a,
.container_msg p a {
  text-decoration: underline;
}

.welcome_msg_bar {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.welcome_msg_bar .content {
  float: left;
  background: #F04A4A;
  font-size: 18px;
  color: #fff;
  line-height: 22px;
  font-family: Roboto-Regular;
  padding: 9px 10px 9px 40px;
  position: relative;
  width: calc(100% - 175px);
}

.welcome_msg_bar .content:before {
  width: 21px;
  height: 20px;
  background: url(../images/info-icon.png) left top no-repeat;
  float: left;
  position: absolute;
  left: 10px;
  top: 9px;
  content: '';
}

.welcome_msg_bar .bar_btn {
  padding: 10px 10px;
  font-size: 16px;
  color: #fff;
  font-family: Montserrat-Bold;
  line-height: 20px;
  float: right;
  background: #01556B;
  min-width: 160px;
  text-align: center;
}

.welcome_msg_bar .bar_btn:hover {
  /*background: #F04A4A;*/
  text-decoration: underline;
}

.dashboard_colour_panels {
  width: 100%;
  float: left;
  background: #fff;
  margin-bottom: 10px;
  padding: 16px 8px;
}

.colour_panel {
  float: left;
  width: 25%;
  padding: 0 8px
}

.colour_panel .heading {
  width: 100%;
  float: left;
  display: table;
  text-align: center;
  height: 160px;
  background: #01556B;
  margin-bottom: 20px;
}

.colour_panel .heading h2 {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 20px;
  font-family: Montserrat-Bold;
  padding: 0 10px;
}

.colour_panel .heading h2 a {
  color: #fff;
}

.colour_panel .heading.purple_white {
  background: #01556B;
}

.colour_panel .heading.purple_white h2 a {
  color: #fff;
}

.colour_panel .heading.purple_white h2 a:focus {
  outline-color: #fff;
}

.colour_panel .heading.pink_white {
  background: #F04A4A;
}

.colour_panel .heading.pink_white h2 a,
.colour_panel .heading.pink_white h2 {
  color: #fff;
}

.colour_panel .heading.pink_white h2 a:focus {
  outline-color: #fff;
}

.colour_panel .heading.yellow_purple {
  background: #f8e100;
}

.colour_panel .heading.yellow_purple h2 a,
.colour_panel .heading.yellow_purple h2 {
  color: #01556B;
}

.colour_panel .heading.grey_white {
  background: #ffffff;
  border: 1px solid #01556B;
}

.colour_panel .heading.grey_white h2 a,
.colour_panel .heading.grey_white h2 {
  color: #e74949;
}

.text_content {
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 40px;
}

.text_content p {
  font-size: 14px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 20px;
  margin: 0 0 10px;
}

.text_content a.find_more_panel_detail {
  font-family: Roboto-Bold;
  color: #01556B;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 18px;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 21px;
}

.text_content a.find_more_panel_detail:before {
  position: absolute;
  right: 0;
  top: 0;
  content: '\f0a9';
  font-family: 'FontAwesomesolid';
  line-height: 20px;
  font-size: 14px;
}

.text_content a.find_more_panel_detail:hover {
  text-decoration: underline;
}


/*---------------------------------------------
        -My Barefoot Getting Started
-----------------------------------------------*/
.getting_heading {
  width: 100%;
  float: left;
}

.getting_heading h1 {
  background: #F04A4A;
  font-size: 34px;
  color: #fff;
  font-family: Montserrat-Bold;
  line-height: 36px;
  padding: 9px 15px 5px;
  margin: 0;
  position: relative;
  z-index: 2;
}

.getting_heading h1:before {
  background: url(../images/getting-started_heading_bg.png) right bottom no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  content: '';
  pointer-events: none;
  top: 0;
  z-index: -1;
}

.getting_key_tabing {
  float: left;
  width: 100%;
  background: #fff;
  padding: 13px 0 0;
}

.key_tabs {
  float: left;
  width: 100%;
  border-bottom: 1px solid #595959;
}

.key_tabs h2.active {
  color: #01556B;
  font-family: Montserrat-Bold;
  border-bottom-color: #01556B;
}

.key_tabs h2 {
  padding: 0;
  margin: 0px;
  float: left;
  font-size: 24px;
  font-family: Roboto-Regular;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  color: #000;
}

.key_tabs h2 a {
  color: #000;
  padding: 0 17px 14px;
  float: left;
}

.key_tabs h2.active a {
  color: #01556B;
}

.ky_tab_content {
  float: left;
  width: 100%;
  display: none;
}

#key_stage0 {
  display: block;
}

.key_intro {
  float: left;
  width: 100%;
  padding: 17px 17px 10px;
}

.key_intro .title {
  margin-bottom: 16px;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  color: #000;
}

.key_intro p {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.ky_tab_content .resources_posts {
  padding: 20px 12px;
  background: url(../images/concepts_related_res_bg.jpg?v1) center center no-repeat;
  background-size: cover;
  margin: 0;
}

.ky_tab_content .posts_row {
  margin: 0 -5px;
}

.ky_tab_content .resources_post {
  padding: 0 5px;
}

.ky_tab_content .resources_post .inner_panel {
  padding: 0 0 50px;
}

.ky_tab_content .resources_post .inner_panel img {
  width: 100%;
}

.ky_tab_content .resources_post .inner_panel .post_rating img {
  width: auto;
}

.key_concept_intro {
  float: left;
  width: 100%;
  padding: 30px 17px 25px;
}

.key_concept_intro .heading {
  margin-bottom: 7px;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  color: #000;
}

.key_concept_intro p {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.key_concept_intro ul {
  margin: 0;
  padding: 13px 0 0;
  list-style: none;
}

.key_concept_intro ul li {
  margin: 0;
  max-width: 180px;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  text-align: center;
}

.key_concept_intro ul li a {
  display: block;
  color: #000;
  text-decoration: underline;
}

.key_concept_intro ul li a:hover {
  text-decoration: none;
}

.key_concept_intro ul li .image {
  margin-bottom: 7px;
  width: 100%;
  height: 64px;
  display: table;
}

.key_concept_intro ul li .cntr {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.key_concept_intro ul li .cntr img {
  max-width: 100%;
  max-height: 100%;
}

.key_concept_intro li .title {
  display: block;
  font-size: 16px;
  font-family: Montserrat-Bold;
}

.key_concept_intro li .des {
  font-size: 14px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 16px;
  padding: 6px 0 0;
}

/*---------------------------------------------
        -My Barefoot Activity
-----------------------------------------------*/
.activity_heading {
  width: 100%;
  float: left;
}

.activity_heading h1 {
  position: relative;
  font-size: 30px;
  color: #01556B;
  font-family: Montserrat-Bold;
  margin: 0 0 16px;
  line-height: 36px;
  padding: 7px 15px;
  overflow: hidden;
  z-index: 2;
  text-align: center;
}

.activity_heading h1:after {
  width: 552px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 25px;
  content: "";
  background: url(../images/activity-title-bg.jpg) no-repeat top center;
  pointer-events: none;
  z-index: -1;
  display: none;
}

.activity_list_panels {
  width: 100%;
  float: left;
}

.activity_list {
  margin-bottom: 16px;
  width: 49%;
  float: left;
  background: #fff;
}

.activity_list:last-child {
  float: right;
}

.activity_list h2 {
  background: #008080;
  font-size: 22px;
  color: #ffffff;
  font-family: Roboto-Regular;
  margin: 0;
  line-height: 36px;
  padding: 7px 15px;
  overflow: hidden;
}

.activity_list .list {
  padding: 12px 28px 12px 12px;
  margin: 0px;
  width: 100%;
  height: 300px;
  overflow: auto;
  float: left;
  list-style: none;
}

.activity_list .list li {
  margin: 8px 0;
  width: 100%;
  float: left;
  color: #000;
}

.activity_list .list li a {
  padding-left: 35px;
  position: relative;
  width: calc(100% - 100px);
  float: left;
  color: #000;
}

.activity_list .list li a:before {
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: 0px;
  font-family: 'FontAwesomesolid';
}

.activity_list .list li span {
  float: right;
}

.activity_list .list.favourite li a:before {
  color: #F04A4A;
  content: "\f004";
}

.activity_list .list.favourite li a {
  width: 100%;
}

.activity_list .list.download li a:before {
  color: #01556B;
  content: '\f019';
  font-size: 18px;
}

.activity_workshops {
  width: 100%;
  float: left;
  margin-bottom: 16px;
}

.activity_workshops h3 {
  background: #008080;
  font-size: 22px;
  color: #ffffff;
  font-family: Roboto-Regular;
  margin: 0;
  line-height: 36px;
  padding: 7px 15px;
  overflow: hidden;
}

.activity_workshops_ticket {
  width: 100%;
  float: left;
  background: #fff;
  max-height: 314px;
  overflow: auto;
}

.activity_ticket {
  width: 100%;
  float: left;
  padding: 15px 17px;
  border-bottom: 2px solid #e9e9e8;
}

.activity_ticket:last-child {
  border-bottom: none;
}

.date_loc {
  float: left;
  width: calc(100% - 150px);
}

.activity_ticket .date {
  float: left;
  font-family: Montserrat-Bold;
  color: #000;
  font-size: 16px;
  min-width: 200px;
}

.activity_ticket .date span {
  font-family: Roboto-Regular;
}

.activity_ticket .location {
  float: left;
  padding-left: 20px;
  width: calc(100% - 206px);
}

.activity_ticket .location span {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}

.activity_ticket .location .address_view_map {
  font-size: 14px;
  color: #000;
  position: relative;
  float: left;
  padding-left: 15px;
}

.activity_ticket .location .address_view_map:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '\f3c5';
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  line-height: 16px;
}

.activity_ticket .location .address_view_map:hover {
  color: #F04A4A;
}

.activity_ticket .location .address_view_more {
  font-size: 14px;
  color: #000;
  position: relative;
  float: left;
  padding-left: 15px;
}

.activity_ticket .location .address_view_more:hover {
  color: #F04A4A;
}

.activity_ticket .cancel_activity {
  float: right;
}

.activity_ticket.canceltext .cancel_activity {
  float: right;
  font-family: Montserrat-Bold;
  text-transform: uppercase;
}

.activity_ticket .cancel_activity .cancel_act_btn {
  color: #01556B;
  font-size: 16px;
  font-family: Roboto-Regular;
}

.activity_ticket .cancel_activity .cancel_act_btn:hover {
  /*color: #e5267c;*/
  text-decoration: underline;
}

.activity_ticket .cancel_activity .cancelled_act {
  font-size: 16px;
  color: #F04A4A;
  font-family: Montserrat-Bold;
  text-transform: uppercase;
  display: block;
  text-align: right;
}

.activity_ticket.ticket_msg {
  border-left: 1px solid #01556B;
  border-bottom: 1px solid #01556B;
  border-right: 1px solid #01556B;
}

.ticket_msg_text {
  background: #e6e6e6;
  float: left;
  width: calc(100% + 34px);
  font-family: Roboto-Regular;
  margin: -15px 0 15px -17px;
  padding: 8px 17px 8px 53px;
  position: relative;
}

.ticket_msg_text:before {
  width: 21px;
  height: 20px;
  background: url(../images/info-icon_indgo.png) left top no-repeat;
  float: left;
  position: absolute;
  left: 17px;
  top: 10px;
  content: '';
}

.ticket_msg_text .ticket_msg_title {
  font-size: 24px;
  color: #01556B;
  line-height: 24px;
}

.ticket_msg_text .ticket_msg_des {
  font-size: 18px;
  color: #01556B;
}

body.cancel_workshop_popup_open {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.cancel_workshop_popup {
  max-width: 810px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 60px 0 20px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
}

.cancel_workshop_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.cancel_workshop_popup .popup_title {
  font-size: 24px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 26px;
  padding-bottom: 12px;
}

.cancel_workshop_popup .popup_title span {
  border-bottom: 1px solid #595959;
  display: inline-block;
  padding: 0 20px 14px;
}

.popup_date_loc {
  padding-bottom: 12px;
}

.popup_date_loc p {
  font-size: 18px;
  margin-bottom: 0;
  color: #000;
  line-height: 22px;
}

.popup_team_msg {
  padding: 0 30px 15px;
}

.popup_team_msg p {
  font-size: 16px;
  margin-bottom: 0;
  color: #000;
  line-height: 20px;
}

.popup_sure_msg {
  padding: 27px 0 0;
}

.popup_sure_msg label {
  font-size: 24px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 26px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 42px;
  margin: 0;
}

.popup_sure_msg input[type="submit"] {
  border: none;
  background: #01556B;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  padding: 8px 15px 9px;
  min-width: 130px;
  margin: 0 9px;
}

.cancel_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.5;
  z-index: 10;
  display: none;
}



.map_popup {
  width: 650px;
  height: 400px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 0;
  box-shadow: 0 0 16px -1px #000;
  display: none;
}

.map_popup #dvMap {
  width: 100%;
  height: 100%;
  float: left;
}

.map_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: #fff url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
}

.map_popup_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.5;
  z-index: 10;
  display: none;
}


/*---------------------------------------------
        -My Barefoot Curriculum
-----------------------------------------------*/
.curriculum_heading {
  width: 100%;
  float: left;
}

.curriculum_heading h1 {
  position: relative;
  background: #01556B;
  font-size: 34px;
  color: #fff;
  font-family: Montserrat-Bold;
  margin: 0px;
  line-height: 36px;
  padding: 7px 15px;
  overflow: hidden;
  z-index: 1;
}

.curriculum_heading h1:after {
  width: 365px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 25px;
  content: "";
  background: url(../images/curriculum-title-bg.jpg) no-repeat top center;
  pointer-events: none;
  z-index: -1;
}

.my_curriculum {
  padding: 15px 0 25px 0;
  background: #e9e9e8;
}

.my_curriculum aside {
  padding: 10px 10px;
  width: 200px;
  float: left;
  background-color: #fff;
}

.my_curriculum .curriculum_right {
  width: calc(100% - 215px);
  float: right;
}

.my_curriculum .curriculum_content {
  padding: 0 10px 10px 10px;
  width: 100%;
  float: left;
  background: #fff;
}

.my_curriculum .curriculum_right h2 {
  font-size: 24px;
}

.my_curriculum .curriculum_right .country_row {
  padding: 15px 0;
}

.my_curriculum .curriculum_right .country_img {
  padding: 0 7px;
  width: 125px;
}

.my_curriculum .curriculum_right .country_text {
  padding-top: 8px;
  width: calc(100% - 135px);
  text-align: left;
}

.my_curriculum .curriculum_right .country_text p {
  margin-bottom: 10px;
}

.my_curriculum .curriculum_right .resource_link {
  padding: 0 10px 5px 10px;
  width: 100%;
  float: left;
  border-top: 1px solid #595959;
  border-bottom: 1px solid #595959;
}

.my_curriculum .curriculum_right .statements {
  padding: 0 10px;
  width: 100%;
  float: left;
}

.my_curriculum .curriculum_right .statements h2 {
  margin-bottom: 5px;
}

.my_curriculum .curriculum_right .pupils_sub_title {
  margin-bottom: 15px;
  font-size: 24px;
}

.my_curriculum .curriculum_right .statement_row {
  margin-bottom: 35px;
  width: 100%;
  float: left;
}

.my_curriculum .curriculum_right .statement_row .row_title {
  margin-bottom: 10px;
  font-size: 16px;
  font-family: Montserrat-Bold;
}

.my_curriculum .curriculum_right .statement_row .image {
  width: 88px;
  float: left;
}

.my_curriculum .curriculum_right .statement_row .link {
  width: calc(100% - 118px);
  float: right;
}

.my_curriculum .curriculum_right .statement_row .link a {
  display: block;
  color: #000;
  text-decoration: underline;
  font-weight: bold;
  position: relative;
  padding-left: 14px;
}

.my_curriculum .curriculum_right .statement_row .link a:hover {
  text-decoration: none;
}

.my_curriculum .curriculum_right .statement_row .row_title ul li {
  list-style: inside;
}

.my_curriculum .curriculum_right .statement_row .link ul {
  list-style: none;
}

/*.my_curriculum .curriculum_right .statement_row .link ul li:before { content: "\00BB";float:left;margin-right:5px;clear:both;}*/
.my_curriculum .curriculum_right .statement_row .link a:before {
  color: #000;
  position: absolute;
  left: 0;
  top: 3px;
  content: '\f105';
  font-family: 'FontAwesomesolid';
  font-size: 17px;
  line-height: 17px;
}

/*---------------------------------------------
        -Request Workshop
---------------------------------------------*/
.request_workshop {
  padding: 20px 0 35px 0;
}

.request_workshop .container {
  max-width: 530px;
}

.request_workshop .request_heading {
  font-size: 38px;
  color: #01556B;
  font-family: Montserrat-Bold;
  margin: 0 0 15px 0;
  text-align: center;
}

.request_workshop .intro {
  font-size: 16px;
  color: #000;
  text-align: center;
  line-height: 20px;
}

.request_workshop .intro a {
  color: #01556B;
  text-decoration: underline;
}

.request_workshop .intro a:hover {
  text-decoration: none;
}

.workshop_form {
  width: 100%;
  float: left;
}

.workshop_form .user_name {
  padding: 10px 12px 5px 12px;
  width: 100%;
  float: left;
}

.workshop_form .form_set_bg {
  padding: 10px 12px 0;
  width: 100%;
  float: left;
  background: #e9e9e8;
}

fieldset .row,
.row.fieldset {
  margin: 0 -5px;
}

fieldset .field_group,
.fieldset .field_group {
  padding: 0 5px 15px 5px;
}

fieldset .field_group label,
.fieldset .field_group label {
  display: block;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  font-family: Roboto-Bold;
}

fieldset .field_group label span,
.fieldset .field_group label span {
  font-size: 16px;
  font-weight: normal;
  font-family: Roboto-Regular;
}

fieldset input[type="text"],
fieldset input[type="email"],
fieldset textarea,
fieldset select,
fieldset input[type="password"],
.fieldset input[type="text"],
.fieldset input[type="email"],
.fieldset textarea,
.fieldset select,
.fieldset input[type="password"] {
  padding: 0 8px;
  width: 100%;
  height: 38px;
  border: 1px solid #666;
  float: left;
  -webkit-appearance: none;
}

fieldset select,
.fieldset select {
  padding-right: 35px;
  background: #fff url(../images/select-arrow.png) no-repeat center right 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

fieldset input.search,
.fieldset input.search {
  width: calc(100% - 44px);
}

fieldset input.passhow,
.fieldset input.passhow {
  width: calc(100% - 175px);
  height: 44px;
}

.fieldset input.passhow+.check_only {
  margin-top: 0;
}

.fieldset .show_password input.passhow {
  width: calc(100% - 175px);
  height: 44px;
}

fieldset select.aspNetDisabled,
.fieldset select.aspNetDisabled {
  background-color: rgb(235, 235, 228);
}

input:read-only {
  background-color: rgb(235, 235, 228);
}

input:-moz-read-only {
  /* For Firefox */
  background-color: rgb(235, 235, 228);
}

fieldset .form_field_heading,
.fieldset .form_field_heading {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  font-family: Montserrat-Bold;
}

fieldset .search_btn,
.fieldset .search_btn {
  width: 38px;
  height: 38px;
  float: right;
  border: none;
  background: #595959 url(../images/search-icon.png) no-repeat center center;
  text-indent: -9999px;
}

fieldset .remember,
.fieldset .remember {
  padding-top: 15px;
}

fieldset p.remember a,
.fieldset p.remember a {
  color: #01556B;
  text-decoration: underline;
  display: inline-block;
}

fieldset p.remember a:hover,
.fieldset p.remember a:hover {
  text-decoration: none;
}

fieldset .field_group p,
.fieldset .field_group p {
  margin: 0;
}

fieldset .field_group.note_msg p,
.fieldset .field_group.note_msg p {
  color: #000;
  font-size: 15px;
  line-height: 19px;
  font-family: Montserrat-Bold;
}

.input_extra_space .field_group {}

.rid_top_space {
  width: 100%;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
}

fieldset .field_group.cntr_txt,
.fieldset .field_group.cntr_txt {
  text-align: center;
}

fieldset .field_group .upload_btn,
.fieldset .field_group .upload_btn {
  display: inline-block;
  position: relative;
}

fieldset .field_group .upload_btn label,
.fieldset .field_group .upload_btn label {
  margin: 0px;
  font-size: 16px;
  color: #fff;
  padding: 9px 18px;
  position: relative;
  display: inline-block;
  background: #01556B;
  border: none;
  font-family: Roboto-Regular;
}

fieldset .field_group .upload_btn input[type="file"],
.fieldset .field_group .upload_btn input[type="file"] {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
}

fieldset .field_group .upload_btn input[type="file"]:focus+label {
  outline-width: 2px;
  outline-style: solid;
  outline-color: Black;

}

.workshop_form .text_with_check {
  padding: 0 12px 15px 12px;
  width: 100%;
  float: left;
}

.workshop_form .text_with_check .title {
  font-size: 15px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 18px;
}

.workshop_form .text_with_check p {
  line-height: 18px;
  font-size: 15px;
  margin: 0;
}

.workshop_form .text_with_check label {
  line-height: 18px;
  font-size: 15px;
  margin: 0;
  font-weight: normal;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding-top: 0;
}

.workshop_form .text_with_check.vol label {
  font-size: 13px;
  margin-bottom: 5px
}

.workshop_form .text_with_check .text_check {
  width: calc(100% - 200px);
  float: left;
}

.workshop_form .text_with_check .check_area {
  margin-top: 10px;
  width: 190px;
  float: right;
  text-align: right;
}

.workshop_form .text_with_check .check_area .check {

  display: inline-block;
  position: relative;
  font-weight: normal;
  margin-bottom: 0;
}

.workshop_form .text_with_check .check_area .check:first-child {
  margin-left: 0px;
  margin-right: 5px;
}

.workshop_form .text_with_check .check_area .check input[type="checkbox"],
.workshop_form .text_with_check .check_area .check input[type="radio"] {
  margin: 0px;
  width: 44px;
  height: 44px;
  float: left;
  position: absolute;
  top: 0px;
  right: -1px;
  opacity: 0;
  z-index: 2;
}

.workshop_form .text_with_check .check_area .check span {
  margin-right: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 3px;
}

.workshop_form .text_with_check .check_area .check em {
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  line-height: 43px;
  font-style: normal;
  border: 1px solid #666;
  position: relative;
}

.workshop_form .text_with_check .check_area .check.radio_in em {
  border-radius: 50%;
}

.workshop_form .text_with_check .check_area .check input[type="checkbox"]:checked~em:before,
.workshop_form .text_with_check .check_area .check input[type="radio"]:checked~em:before {
  display: block;
  content: '\f00c';
  font-family: FontAwesomesolid;
}

.workshop_form .text_with_check .check_area .check.radio_in input[type="radio"]:checked~em:before {
  content: '';
  background: #585858;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.workshop_form .text_with_check.volunteer .check_area {
  margin-top: 0px;
}

.workshop_form .text_with_check.volunteer .title {
  margin-top: 7px;
}

.workshop_form .text_with_check.volunteer .field_group {
  margin-top: 15px;
  padding-bottom: 0;
}

.workshop_form .text_with_check.account_access {
  padding: 12px 0;
}

.workshop_form .text_with_check.account_access .text_check {
  width: 100%;
}

.workshop_form .text_with_check.account_access .text_check label {
  font-size: 13px;
}

.workshop_form .text_with_check.account_access .check_area {
  width: 100%;
  padding: 0 5px 5px 5px;
}

.workshop_form .text_with_check.account_access .check_area .check {
  margin-left: 0;
  margin-right: 15px;
  float: left;
  text-align: left;
}

.workshop_form .text_with_check.account_access .check_area .check span {}


.workshop_form .text_with_check.volunteer {
  padding: 5px 12px 15px 12px;
}

.workshop_form .text_with_check.volunteer .volunteer_name {
  display: none;
}


.workshop_form .text_with_check.term .check_area {
  text-align: left;
}

.workshop_form .text_with_check.term .text_check p {
  padding-top: 15px;
}

.workshop_form .text_with_check.term .text_check label {
  padding-top: 15px;
}

.workshop_form .text_with_check.term .text_check a {
  color: #01556B;
  text-decoration: underline;
}

.workshop_form .specific_time {
  width: 100%;
  float: left;
  display: none;
}

.workshop_form .none_specific_time {
  width: 100%;
  float: left;
  display: none;
}

.workshop_form .reg_specific_time {
  width: 100%;
  float: left;
  display: none;
  padding: 0;
}

.workshop_form .reg_none_specific_time {
  width: 100%;
  float: left;
  display: none;
  padding: 0;
}

.workshop_form .start_time {
  padding: 10px 12px 0;
  width: 100%;
  float: left;
}

.workshop_form .start_time .title {
  margin-bottom: 5px;
  font-size: 16px;
  color: #000;
  font-family: Montserrat-Bold;
}

.workshop_form .start_time p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 18px;
}

.workshop_form .start_time i,
.request_workshop .start_time a {
  margin-left: 10px;
  color: #01556B;
  text-decoration: none;
}

.request_workshop .start_time .CampaignCodemoreinfo_popup a,
.request_workshop .start_time .CampaignCodeForBothmoreinfo_popup a {
  margin-left: 0;
}

.workshop_form .day_list {
  padding: 10px 12px 10px 12px;
  width: 100%;
  float: left;
}

.workshop_form .day_list .title {
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
  font-family: Montserrat-Bold;
}

.workshop_form .day_list .list_group {
  padding: 0 5px;
}

.workshop_form .day_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  min-height: 46px;
}

.workshop_form .day_list ul li {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #000;
  position: relative;
  margin-bottom: 6px;
}

.workshop_form .day_list li input[type="checkbox"] {
  width: 44px;
  height: 44px;
  background: red;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.workshop_form .day_list label {
  padding-left: 50px;
  position: relative;
  margin: 0;
  font-weight: normal;
  min-height: 44px;
  display: flex;
  align-items: center;
}

.workshop_form .day_list label:before {
  width: 44px;
  height: 44px;
  background: #fff;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  border: 1px solid #666;
  font-family: 'FontAwesomesolid';
  color: #000;
  content: "";
  font-size: 27px;
  line-height: 44px;
  text-align: center;
}

.workshop_form .day_list input[type="checkbox"]:checked+label:before {
  content: "\f00c";
}

fieldset .check_only,
.fieldset .check_only {
  margin-top: 8px;
  float: right;
  font-size: 14px;
  color: #000;
  position: relative;
}

fieldset .check_only input[type="checkbox"],
.fieldset .check_only input[type="checkbox"] {
  width: 44px;
  height: 44px;
  background: red;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

fieldset .check_only label,
.fieldset .check_only label {
  padding-left: 53px;
  position: relative;
  margin: 0;
  font-weight: normal;
  font-family: Roboto-Regular;
  font-size: 15px;
  display: flex;
  line-height: 20px;
  align-items: center;
  min-height: 44px;
}

fieldset .check_only label:before,
.fieldset .check_only label:before {
  width: 44px;
  height: 44px;
  background: #fff;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #666;
  font-family: 'FontAwesomesolid';
  color: #000;
  content: "";
  font-size: 24px;
  line-height: 43px;
  text-align: center;
}

fieldset .check_only input[type="checkbox"]:checked+label:before,
.fieldset .check_only input[type="checkbox"]:checked+label:before {
  content: "\f00c";
}


.workshop_form .register {
  padding: 30px 12px 0 12px;
  width: 100%;
  float: left;
  text-align: center;
}

.workshop_form .register .reg_btn {
  font-size: 22px;
  color: #fff;
  padding: 9px 78px;
  position: relative;
  display: inline-block;
  background: #01556B;
  border: none;
}

.workshop_form .register .reg_btn:hover {
  text-decoration: underline;
}

.workshop_form .register a {
  font-family: Roboto-Bold;
  color: #01556B;
}

.moreinfo_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: 138px;
}

.moreinfo_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.moreinfo_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.moreinfo_popup p {
  font-size: 15px;
}

.moreinfo_popup p:last-child {
  margin-bottom: 0px;
}

.moreinfo_popup .close_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.moreinfo_popup .close_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}

.CampaignCodemoreinfo_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: 0px;
}

.CampaignCodemoreinfo_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.CampaignCodemoreinfo_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.CampaignCodemoreinfo_popup p {
  font-size: 15px;
}

.CampaignCodemoreinfo_popup p:last-child {
  margin-bottom: 0px;
}

.CampaignCodemoreinfo_popup .CampaignCodeclose_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.CampaignCodemoreinfo_popup .CampaignCodeclose_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}


.CampaignCodeForBothmoreinfo_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: 0px;
}

.CampaignCodeForBothmoreinfo_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.CampaignCodeForBothmoreinfo_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.CampaignCodeForBothmoreinfo_popup p {
  font-size: 15px;
}

.CampaignCodeForBothmoreinfo_popup p:last-child {
  margin-bottom: 0px;
}

.CampaignCodeForBothmoreinfo_popup .CampaignCodeForBothclose_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.CampaignCodeForBothmoreinfo_popup .CampaignCodeForBothclose_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}

body .form_btn,
body .form_btn:read-only {
  min-width: 140px;
  font-size: 18px;
  color: #fff;
  padding: 8px 10px;
  position: relative;
  display: inline-block;
  background: #01556B;
  border: none;
  font-family: Roboto-Regular;
}

body .form_btn:hover,
body .form_btn:read-only:hover {
  text-decoration: underline;
}

.account_seting {
  background: #e9e9e8;
}

.account_seting .container {
  max-width: 550px;
}

.account_seting .workshop_form .form_set_bg {
  margin-bottom: 18px;
  padding: 15px 20px 20px 20px;
  background: #fff;
}

.account_seting .workshop_form .form_set_bg a {
  color: #01556B;
}

.account_seting .workshop_form .form_set_bg .text_with_check {
  padding: 0 0 15px;
}

.account_seting .workshop_form .form_set_bg .text_with_check p {
  margin: 10px 0;
}

.account_seting .workshop_form .form_set_bg .text_with_check .check_area {
  margin-top: 0px;
}

.account_seting .workshop_form .day_list {
  padding: 5px 0;
}

.account_seting .workshop_form .day_list li {
  margin: 5px 20px 0 0;
  width: auto;
}

.account_seting .workshop_form .register {
  padding-top: 5px;
}

.reset_popup {
  width: 810px;
}

/*---------------------------------------------
        -Register Page
---------------------------------------------*/
/*.reg_teacher_volun{display: none;}*/
.workshop_form .register_teacher,
.workshop_form .register_volunteer {
  /*display: none;*/
}

.workshop_form .reg_check {
  padding: 0 0 5px;
}

.workshop_form .reg_check .check_area {
  width: 100%;
  text-align: left;
}

.workshop_form .reg_check .check_area .check {
  float: left;
}

.workshop_form .reg_check .check_area .check:last-child {
  float: right;
}

.workshop_form .reg_check .check_area .check span {
  margin-right: 30px;
}

.reg_main_check {
  float: left;
  width: 100%;
  padding-top: 10px;
}

.reg_main_check_field {
  float: left;
  position: relative;
}

.reg_main_check_field:last-child {
  float: right;
}

.reg_main_check_field .reg_teacher_volun_check {
  float: left;
  width: 100%;
}

.reg_main_check_field .reg_teacher_volun_check input {
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 2;
}

.reg_main_check_field label {
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  margin: 0;
  position: relative;
  padding-right: 66px;
  padding-top: 9px;
  min-height: 33px;
}

.reg_main_check_field label:before {
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  line-height: 42px;
  font-style: normal;
  border: 1px solid #666;
  position: absolute;
  right: 10px;
  top: 0;
  content: '';
}

.reg_main_check_field .reg_teacher_volun_check input[type="checkbox"]:checked+label:before {
  display: block;
  content: '\f00c';
  font-family: FontAwesomesolid;
}

.workshop_form .reg_text_with_check,
.request_workshop .reg_text_with_check {
  padding: 10px 12px;
}

.workshop_form .reg_text_with_check p {
  padding-top: 0px !important;
  margin-top: 8px;
}

.workshop_form .reg_text_with_check .check_area {
  margin-top: 0px;
}

.workshop_form .text_with_check .top_space {
  margin-top: 7px;
}

.workshop_form .top_bottom_space {
  margin: 15px 0 20px;
}

.workshop_form .reg_daylist {}

.workshop_form .reg_daylist ul li {
  margin: 2px 20px 0 0;
  width: auto;
}

.workshop_form .register p {
  margin-top: 30px;
}

.workshop_form .register p a {
  text-decoration: underline;
}

.workshop_form .register p a:hover {
  text-decoration: none;
}

.workshop_form .form_set {
  padding: 0 12px;
  width: 100%;
  float: left;
}

.workshop_form .reg_teacher_volun .form_set .input_extra_space {
  padding-top: 10px;
}

.req_work_checkbox {
  display: none;
  width: 100%;
  float: left;
}

.req_work_checkbox_yes {
  display: none;
  width: 100%;
  float: left;
}

.none_specific_no {
  display: none;
  width: 100%;
  float: left;
}

.bt_employee,
.bt_employee_no {
  display: none;
  width: 100%;
  float: left;
  padding-top: 5px !important;
}

.school_country_static_text_popup {
  max-width: 550px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 40px 40px 40px;
  box-shadow: 0 0 16px -1px #000;
  width: 100%;
  display: none;
}

.school_country_static_text_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.school_country_static_text_popup p {
  font-size: 18px;
  color: #000;
  font-family: Roboto-Regular;
  margin: 0;
}

.school_extra_field {
  /*display: none;*/
  width: 100%;
  float: left;
}

/*.school_list{display: none;}*/

.outof_uk_side {
  width: 100%;
  float: left;
}

/*---------------------------------------------
        -Login
---------------------------------------------*/
.login_wrap {
  padding: 40px 0 40px 0;
}

.request_workshop.login_wrap .request_heading {
  margin: 0 0 25px 0;
}

.login_form {
  width: 100%;
  float: left;
  padding: 25px 12px 0;
}

.field_group .submit_btn {
  font-size: 24px;
  color: #fff;
  padding: 8px 78px 10px;
  position: relative;
  display: inline-block;
  background: #01556B;
  border: none;
  line-height: 26px;
}

.field_group.full_btn .submit_btn {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.field_group .submit_btn:hover {
  /*background: #e7267c;*/
  text-decoration: underline;
}

.remember_text_with_center {
  text-align: center;
  margin-top: 10px;
}

fieldset .remember_text_with_center .remember,
.fieldset .remember_text_with_center .remember {
  padding-top: 7px;
  margin: 0;
}

.field_group.remember_text_with_center .remember a {
  color: #01556B;
}

fieldset .two_checkbox_with_text,
.fieldset .two_checkbox_with_text {
  text-align: center;
  padding: 15px 5px 20px;
}

fieldset .two_checkbox_with_text .check_only,
.fieldset .two_checkbox_with_text .check_only {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}

.back_to_landing {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 8px;
}

.back_to_landing a {
  position: relative;
  color: #01556B;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.back_to_landing a:after {
  position: absolute;
  left: -18px;
  top: 1px;
  content: '\f104';
  font-family: 'FontAwesomesolid';
  font-size: 26px;
  line-height: 20px;
}


.verify_email_wrap {
  padding: 40px 15px;
}

.request_workshop.verify_email_wrap .request_heading {
  margin: 0 0 25px 0;
}

.request_workshop.verify_email_wrap .container {
  max-width: 100%;
}

.verify_email_wrap .intro {
  padding-bottom: 10px;
}

.verify_email_btn {
  text-align: center;
  padding: 20px 0 22px;
}

.field_group.verify_email_btn .submit_btn {
  width: 100%;
  max-width: 476px;
}

/*---------------------------------------------
        -My barefoot Volunteers
---------------------------------------------*/
.barefoot_volunt_heading {
  float: left;
  width: 100%;
  margin-bottom: 13px;
  margin-top: 4px;
}

.barefoot_volunt_heading h1 {
  /*background: #F04A4A;*/
  font-size: 34px;
  color: #01556B;
  font-family: Montserrat-Bold;
  line-height: 36px;
  padding: 9px 15px;
  margin: 0;
  position: relative;
  z-index: 2;
}

.barefoot_volunt_heading h1:before {
  background: url(../images/barefoot_volun_bg.png) right bottom no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  content: '';
  pointer-events: none;
  top: 0;
  z-index: -1;
  display: none;
}

.bare_volunt_static_text_boxs {
  width: 100%;
  float: left;
  margin-bottom: 13px;
}

.bare_volunt_static {
  float: left;
  width: 50%;
  background: #008080;
  padding: 20px 22px;
}

.bare_volunt_static+.bare_volunt_static {
  /*background: url(../images/bare_volunt_static_bg2.jpg) left top no-repeat;*/
}

.static_inner {
  width: 100%;
  float: left;
  background: #fff;
  min-height: 170px;
  padding: 19px 20px 15px;
  position: relative;
}

.static_inner h2 {
  color: #01556B;
  font-size: 28px;
  margin: 0 0 10px;
  line-height: 30px;
}

.static_inner p {
  font-size: 16px;
  color: #000;
  line-height: 18px;
  margin: 0 0 17px;
}

.volunt_static_btn {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 17px;
}

.volunt_static_btn .download_volunt_btn {
  background: #01556B;
  color: #fff;
  font-size: 16px;
  font-family: Roboto-Bold;
  min-width: 156px;
  float: left;
  padding: 10px 0 9px;
  position: relative;
  text-align: center;
  line-height: 21px;
}

.volunt_static_btn .download_volunt_btn:before {
  content: '\f019';
  font-size: 15px;
  color: #fff;
  font-family: 'FontAwesomesolid';
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  margin-top: -2px;
  line-height: 22px;
}

.volunt_static_btn .download_volunt_btn:hover {
  color: #fff;
  text-decoration:underline;
}

.volunt_static_btn .last_updated {
  float: right;
  font-size: 14px;
  color: #000;
  line-height: 18px;
  padding: 11px 0 0;
}

.volunt_static_btn .click_here_btn {
  background: #01556B;
  color: #fff;
  font-size: 16px;
  font-family: Roboto-Bold;
  min-width: 156px;
  float: left;
  padding: 10px 0 9px;
  position: relative;
  text-align: center;
}

.support_request_box {
  background: #fff;
  box-shadow: 0 0 11px 0px #000;
  position: absolute;
  bottom: 42px;
  right: 60%;
  width: 100%;
  padding: 20px;
  z-index: 2;
  text-align: center;
  display: none;
}

.support_request_box:before {
  border-top: 15px solid white;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  content: '';
  position: absolute;
  bottom: -15px;
  right: 25px;
}

.support_request_box .box_title {
  font-family: Montserrat-Bold;
  font-size: 16px;
  color: #000;
  padding: 0 0 6px;
}

.support_request_box .box_desc {
  font-size: 14px;
  color: #000;
}

.support_request_box .req_pop_close {
  background: url(../images/popup_close_btn.png) center center no-repeat;
  width: 22px;
  height: 22px;
  float: left;
  position: absolute;
  right: 5px;
  top: 5px;
}

.volunt_act_near_panel {
  width: 100%;
  float: left;
  background: #fff;
  margin: 0 0 20px;
}

.volunt_act_near_head {
  float: left;
  width: 100%;
  background: #008080;
  padding: 9px 15px;
}

.volunt_act_near_head h3,
.volunt_act_near_head label {
  font-size: 24px;
  color: #fff;
  line-height: 26px;
  font-family: Montserrat-Bold;
  margin: 0;
  float: left;
  padding: 3px 35px 0px 0;
}

.volunt_act_near_head .postcode_search {
  float: left;
  width: 135px;
}

.volunt_act_near_head .postcode_search fieldset input[type="text"],
.volunt_act_near_head .postcode_search .fieldset input[type="text"] {
  width: calc(100% - 34px);
  float: left;
  height: 32px;
  border: none;
  padding: 0 5px;
  font-size: 18px;
  color: #000;
}

.volunt_act_near_head .postcode_search fieldset input[type="submit"],
.volunt_act_near_head .postcode_search .fieldset input[type="submit"] {
  float: right;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  border: none;
  background: #fff url(../images/filter_search.png) center center no-repeat;
}

.radius_select {
  float: right;
}

.radius_label {
  float: left;
  font-size: 24px;
  color: #fff;
  line-height: 26px;
  font-family: Montserrat-Bold;
  padding-right: 15px;
  padding-top: 3px;
}

.radius_select fieldset select,
.radius_select .fieldset select {
  width: 100px;
  background: #fff url(../images/select_arrow_twoside.png) 92% 5px no-repeat;
  height: 32px;
  border: none;
}

.volunt_act_near_content {
  width: 100%;
  float: left;
}

.workshop_tab {
  width: 100%;
  float: left;
  padding: 15px 15px 8px;
}

.workshop_tab ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.workshop_tab ul li {
  float: left;
  padding: 0 18px 0 0;
  font-size: 18px;
  color: #cccccc;
  font-family: Montserrat-Bold;
}

.workshop_tab ul li a {
  color: #575757;
  position: relative;
  float: left;
  padding-left: 20px;
}

.workshop_tab ul li a:before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '\f111';
  float: left;
  font-family: 'FontAwesomeregular';
  font-size: 15px;
  line-height: 18px;
}

.workshop_tab ul li.tab_active a {
  color: #2B2B2B;
}

.workshop_tab ul li.tab_active a:before {
  content: '\f192';
}

#deliver_workshop {
  display: block;
}

.workshop_tab_content {
  float: left;
  width: 100%;
  display: none;
}

.tab_intro {
  float: left;
  width: 100%;
  padding: 0 15px 10px;
}

.tab_intro p {
  margin: 0;
  line-height: 20px
}

.workshop_tab_list {
  float: left;
  width: 100%;
  border-top: 1px solid #595959;
  border-bottom: 1px solid #595959;
  max-height: 286px;
  overflow: auto;
}

.workshop_tab_listitem {
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 13px 15px;
}

.workshop_tab_listitem:first-child {
  border-top: none;
}

.tab_listitem_address {
  float: left;
  padding: 4px 0 0px;
}

.tab_listitem_address p {
  margin: 0;
  font-size: 16px;
  color: #000;
  font-family: Roboto-Regular;
}

.tab_listitem_address p span {
  float: left;
  border-right: 1px solid #595959;
  line-height: 17px;
  padding-right: 6px;
  margin-right: 6px;
}

.tab_listitem_address p strong {
  font-family: Roboto-Regular;
}

.tab_listitem_address p a {
  font-size: 14px;
  color: #000;
  position: relative;
  float: left;
  padding-left: 15px;
}

.tab_listitem_address p a:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '\f3c5';
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  line-height: 16px;
}

.tab_listitem_address p a:hover {
  color: #e7267d;
}

.tab_listitem_btn {
  float: right;
}

.tab_listitem_btn .butn {
  color: #fff;
  font-size: 16px;
  background: #01556B;
  padding: 5px 13px;
  float: left;
  font-family: Roboto-Regular;
  line-height: 20px;
}

.tab_listitem_btn .butn:hover {
  /*background: #e7267d;*/
  text-decoration: underline;
}

.workshop_tab_pagi {
  float: left;
  width: 100%;
  padding: 15px 15px;
}

.workshop_tab_pagi .inner {
  float: right;
}

.showing_result {
  float: left;
  font-size: 16px;
  color: #000;
  line-height: 20px;
}

.tab_pagi {
  float: left;
  padding-left: 50px;
}

.tab_pagi a {
  width: 15px;
  height: 17px;
  background: url(../images/pangi_defu.png) left top no-repeat;
  margin-left: 2px;
  float: left;
}

.tab_pagi a.tab_pagi_next_btn {
  background-position: -17px 0;
}

.tab_pagi a.active {
  background: url(../images/pangi_active.png) left top no-repeat;
}

.tab_pagi a.active.tab_pagi_next_btn {
  background-position: -17px 0;
}


.volunt_act_upcoming_panel {
  float: left;
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
}

.volunt_act_upcoming_head {
  float: left;
  width: 100%;
  background: #008080;
  padding: 12px 15px;
}

.volunt_act_upcoming_head h3 {
  font-size: 24px;
  color: #fff;
  line-height: 26px;
  font-family: Montserrat-Bold;
  margin: 0;
  float: left;
}

.volunt_act_list_panel {
  float: left;
  width: 100%;
  max-height: 307px;
  overflow: auto;
}

.volunt_act_upcoming_panel .workshop_tab_pagi {
  border-top: 1px solid #595959;
}

.volunt_act_listitem {
  width: 100%;
  float: left;
  padding: 15px 17px;
  border-bottom: 1px solid #cccccc;
}

.volunt_act_date_loc {
  float: left;
  width: calc(100% - 260px);
}

.volunt_act_date_loc .date {
  float: left;
  font-family: Montserrat-Bold;
  color: #000;
  font-size: 16px;
  min-width: 201px;
}

.volunt_act_date_loc .date span {
  font-family: Roboto-Regular;
}

.volunt_act_date_loc .loc {
  float: left;
  padding-left: 35px;
  width: calc(100% - 210px);
}

.volunt_act_date_loc .loc .volunt_act_name {
  color: #000;
  font-size: 18px;
  font-family: Montserrat-Bold;
  padding: 0 0 12px;
  line-height: 20px;
}

.volunt_act_date_loc .loc p {
  margin: 0;
  font-size: 16px;
  color: #000;
  font-family: Roboto-Regular;
}

.volunt_act_date_loc .loc p span {
  float: left;
  border-right: 1px solid #595959;
  line-height: 17px;
  padding-right: 6px;
  margin-right: 6px;
}

.volunt_act_date_loc .loc p a {
  font-size: 14px;
  color: #000;
  position: relative;
  float: left;
  padding-left: 15px;
}

.volunt_act_date_loc .loc p a:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '\f3c5';
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  line-height: 16px;
}

.volunt_act_date_loc .loc p a:hover {
  color: #e7267d;
}

.volunt_act_status {
  float: right;
  padding-top: 15px;
  min-width: 246px;
}

.volunt_act_status .status {
  font-size: 16px;
  font-family: Montserrat-Bold;
  text-transform: uppercase;
  float: left;
  padding-top: 4px;
}

.volunt_act_status .butn {
  color: #fff;
  font-size: 16px;
  background: #01556B;
  padding: 5px 13px;
  float: left;
  font-family: Roboto-Regular;
  line-height: 20px;
  min-width: 145px;
  text-align: center;
  margin-left: 25px;
}

.volunt_act_status .butn:hover {
  background: #e7267d;
}

.volunt_act_listitem.volunt_act_msg {
  border-left: 1px solid #01556B;
  border-bottom: 1px solid #01556B;
  border-right: 1px solid #01556B;
}

.volunt_act_msg_text {
  background: #01556B;
  float: left;
  width: calc(100% + 34px);
  font-family: Roboto-Regular;
  margin: -15px 0 15px -17px;
  padding: 17px 17px 17px 53px;
  position: relative;
}

.volunt_act_msg_text:before {
  width: 21px;
  height: 20px;
  background: url(../images/info-icon.png) left top no-repeat;
  float: left;
  position: absolute;
  left: 17px;
  top: 18px;
  content: '';
}

.volunt_act_msg_text .volunt_act_msg_title {
  font-size: 24px;
  color: #fff;
  line-height: 24px;
}

.volunt_act_msg_text .volunt_act_msg_des {
  font-size: 18px;
  color: #fff;
}

/**-- Register Interest Pop-up --**/
.popup_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.5;
  z-index: 10;
  display: none;
}

body.popup_open {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.register_interest_popup {
  max-width: 735px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 50px 40px 40px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
  width: 100%;
}

.register_interest_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.register_interest_popup .popup_title {
  color: #000;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  padding: 0 0 25px;
}

.register_interest_popup .popup_loc_title {
  font-size: 18px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 22px;
}

.popup_sel_date {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 16px 0 12px;
}

.popup_sel_date .popup_sel_title {
  font-size: 24px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 26px;
  padding: 0 0 20px;
}

.popup_sel_date ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.popup_sel_date ul li {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 0 0 14px;
}

.popup_sel_date ul li div {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.popup_sel_date ul li label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0;
  padding-left: 32px;
  font-size: 18px;
  color: #000;
  font-family: Roboto-Regular;
  font-weight: 400;
  line-height: 22px;
}

.popup_sel_date ul li label span {
  font-family: Montserrat-Bold;
}

.popup_sel_date ul li label:before {
  background: url(../images/check_box_img.png) left top no-repeat;
  width: 19px;
  height: 19px;
  float: left;
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
}

.popup_sel_date ul li input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  z-index: 2;
}

.popup_sel_date ul li input[type="checkbox"]:checked+label:before {
  background-position: 0 -32px;
}

.popup_bottom {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-top: 10px;
}

.popup_bottom .touch_title {
  font-size: 24px;
  color: #000;
  font-family: Roboto-Regular;
  border-bottom: 1px solid #595959;
  padding: 0 0 10px;
}

.popup_bottom fieldset,
.popup_bottom .fieldset {
  padding: 18px 0 0;
}

.popup_bottom fieldset label,
.popup_bottom .fieldset label {
  font-size: 24px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 26px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 22px;
  margin: 0;
}

.popup_bottom fieldset input[type="submit"],
.popup_bottom .fieldset input[type="submit"] {
  border: none;
  background: #01556B;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  padding: 8px 15px 9px;
  min-width: 130px;
  margin: 0 9px;
}

.popup_bottom fieldset input[type="submit"]:hover,
.popup_bottom .fieldset input[type="submit"]:hover {
  background: #F04A4A;
}

/**-- Cancel Volunteer Pop-up --**/
.cancel_volunt_act_popup {
  max-width: 735px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 50px 40px 40px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
  width: 100%;
}

.cancel_volunt_act_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.cancel_volunt_act_popup .popup_title {
  color: #000;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  padding: 0 0 27px;
}

.cancel_volunt_act_popup .popup_loc_title {
  font-size: 18px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 22px;
  padding-bottom: 15px;
}

.cancel_volunt_popup_msg {
  font-size: 24px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 26px;
  padding: 0 0 22px;
}

.cancel_volunt_act_butns {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  border-top: 1px solid #595959;
  margin-top: 35px;
}

.cancel_volunt_act_butns fieldset,
.cancel_volunt_act_butns .fieldset {
  padding: 25px 0 0;
}

.cancel_volunt_act_butns fieldset label,
.cancel_volunt_act_butns .fieldset label {
  font-size: 24px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 26px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 30px;
  margin: 0;
}

.cancel_volunt_act_butns fieldset input[type="submit"],
.cancel_volunt_act_butns .fieldset input[type="submit"] {
  border: none;
  background: #01556B;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  padding: 8px 15px 9px;
  min-width: 130px;
  margin: 0 9px;
}

.cancel_volunt_act_butns fieldset input[type="submit"]:hover,
.cancel_volunt_act_butns .fieldset input[type="submit"]:hover {
  background: #F04A4A;
}

/**-- Download Promote Pop-up --**/
.download_promote_popup {
  max-width: 735px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 50px 40px 40px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
  width: 100%;
}

.download_promote_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.download_promote_popup .popup_title {
  color: #000;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  padding: 0 0 32px;
}

.download_promote_popup .popup_loc_title {
  font-size: 18px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 22px;
  padding: 0 0 20px;
}

.download_promote_popup_msg {
  font-size: 24px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 26px;
  padding: 0 0 22px;
}

.download_promote_butns {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 25px 0;
}

.download_promote_butns a {
  background: #01556B;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  padding: 7px 15px 8px;
  min-width: 180px;
  margin: 0 9px;
  border: 1px solid #01556B;
}

.download_promote_butns a:hover {
  text-decoration: underline;
}

.download_promote_butns a.canl {
  background: #fff;
  color: #01556B;
}

.download_promote_butns a.canl:hover {
  color: #fff;
  background: #F04A4A;
  border-color: #F04A4A;
}


/**-- My Barefoot Curriculum England Learning Objectives --**/
.concepts_detail_intro .concepts_approaches {
  margin: 0;
  text-align: left;
}

.concepts_detail_intro .concepts_approaches .concepts li .title {
  font-size: 18px;
}

.concepts_detail_intro .concepts_approaches .concepts li:first-child {
  margin-left: 0;
}

.curriculum_non_england_content {
  width: 100%;
  float: left;
  padding: 15px 0;
}

.curriculum_non_england_content img {
  float: left;
  width: 110px;
  margin-right: 17px;
  margin-bottom: 10px;
}

.curriculum_non_england_content p {
  margin-bottom: 12px;
  font-size: 16px;
  color: #000;
  line-height: 20px;
}

.curriculum_non_england_content p a {
  font-family: Montserrat-Bold;
  text-decoration: underline;
  color: #000;
}

.curriculum_non_england_content p a:hover {
  text-decoration: none;
}


.res_links_curriculum_content {
  background: #fff;
  width: 100%;
  float: left;
  margin: 10px 0;
}

.res_links_curriculum_content .content_box {
  float: left;
  width: 100%;
  padding: 0 20px 10px;
}

.concepts_related_res .content_box h2,
.concepts_related_res .content_box h3 {
  margin-bottom: 10px;
  font-size: 24px;
  font-family: Montserrat-Bold;
  line-height: 26px;
  color: #000;
  margin-top: 0;
}

.res_links_curriculum_content .content_box p {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.res_links_curriculum_content .resources_posts {
  padding: 15px 15px 5px;
  background: url(../images/res_links_curriculum_bg.jpg?v1) center center no-repeat;
  background-size: cover;
  margin: 0;
}


/*=======
My barefoot volunteers no Status
========*/
.no_status .tab_intro {
  padding: 25px 15px;
}

.not_approved_status {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 20px 15px;
  background: #fff;
  margin-bottom: 20px;
  margin-top: -13px;
}

.status_content {
  float: left;
  width: calc(100% - 210px);
}

.status_content h2 {
  font-size: 24px;
  color: #01556B;
  font-family: Montserrat-Bold;
  line-height: 27px;
  margin: 0 0 12px;
}

.status_content .sub_heading {
  font-size: 24px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 28px;
  margin: 0 0 10px;
}

.status_content p {
  font-size: 16px;
  color: #000;
  margin: 0 0 9px;
  line-height: 20px;
}

.status_content p a {
  font-family: Montserrat-Bold;
  color: #000;
}

.status_content p a:hover {
  text-decoration: underline;
}

.status_img {
  width: 204px;
  float: right;
}

.parentActivity_ticket {
  width: 100%;
  float: left;
  border-bottom: 2px solid #e9e9e8;
}

.parentActivity_ticket.ticket_msg {
  border-left: 1px solid #01556B;
  border-bottom: 1px solid #01556B;
  border-right: 1px solid #01556B;
}


#divdeacivated .deactivateclose {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/*ACCOUNT STYLE*/
.cancel_workshop_popup .popup_title h2 {
  border-bottom: 2px solid #ababab;
  display: inline-block;
  padding: 0 20px 14px;
  font-size: 24px;
  margin: 0px;
  font-family: Montserrat-Bold;
  line-height: 26px;
}

.reset_popup {
  width: 810px;
}

.msgcolor {
  color: #4cb861;
}

.colourwhite {
  color: #fff;
}

.form_btn {
  font-size: 18px;
  padding: 8px 10px;
}

body.reset_deactivatepopup_open {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.reset_deactivatepopup {
  max-width: 810px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 60px 0 20px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
}

.reset_deactivatepopup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.reset_deactivatepopup .popup_title {
  font-size: 24px;
  color: #000;
  font-family: Montserrat-Bold;
  line-height: 26px;
  padding-bottom: 12px;
}

.reset_deactivatepopup .popup_title span {
  border-bottom: 1px solid #595959;
  display: inline-block;
  padding: 0 20px 14px;
}

/*END*/
.reg_main_check_field.disable input[type="checkbox"][disabled] {
  cursor: auto;
}

.reg_main_check_field.disable input[type="checkbox"]:disabled~label:before {
  background-color: #ebebe4;
}

.paddingnon {
  padding: 0 !important;
}

.un-subscribe {
  width: 100%;
}

.un-subscribe .reg_main_check_field {
  width: 95%;
}

.un-subscribe .reg_main_check_field {
  padding-right: 50px;
}

.un-subscribe .reg_teacher_volun_check #chkUnsubscribe {
  opacity: 1;
}

.reg_main_check_field.emailopt label {
  padding-top: 0;
}


.sitemap_wrap {
  padding: 10px 0 0;
}

.country_text .sitemap_wrap ul {
  margin: 0 0 10px;
}

.country_text .sitemap_wrap ul+ul {}

.country_text .sitemap_wrap ul li {
  padding-left: 0;
  font-size: 16px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 8px;
  position: relative;
  line-height: 18px;
  list-style: disc;
}

.country_text .sitemap_wrap ul li:before {
  content: "\f058";
  font-size: 13px;
  color: #01556B;
  font-family: 'FontAwesomeregular';
  position: absolute;
  left: -24px;
  top: 0;
  line-height: 20px;
  font-weight: 700;
  background: none;
  width: auto;
  height: auto;
  z-index: 2;
}

.country_text .sitemap_wrap ul li:after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: -24px;
  top: 0;
  background: #e9e9e8;
  z-index: 1;
}

.country_text .sitemap_wrap ul li a {
  color: #01556B;
}

.country_text .sitemap_wrap ul li ul {
  padding: 10px 0 0 30px;
}

/*show_legend*/
.show_legend {
  border-bottom: 0px;
  margin-bottom: 0px;
  display: block !important;
}

.show_legend.label_text {
  margin-bottom: 0px;
  margin-top: 8px;
  border: none;
  font-size: 16px;
  color: #000;
}

.show_legend.ptext {
  margin-bottom: 10px;
  border: none;
  font-size: 16px;
  color: #000;
}

.normal_label {
  font-weight: normal;
}


.register_interest_popup .popup_sel_date.interest_check ul {
  max-width: 300px;
  display: inline-block;
  text-align: left;
}

/*sessionpopup*/
body.SessionExpirepopup_open {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.SessionExpirepopup {
  max-width: 810px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 60px 0 20px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
}

.SessionExpirepopup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

#divSessionExpire .sessionexpireclose {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.SessionExpirepopup[aria-hidden="false"]:not(:focus-within) {
  background-color: rgb(255, 255, 254);
  transition: background-color 0.01s ease;
}

.required {
  margin-left: 1px;
  border: none;
  font-size: 16px;
  color: #b50400;
}

/*Cookies Policy*/

body.reg_page.cookies_policy {
  padding-top: 152px;
}

body.cookies_policy {
  padding-top: 104px;
}

body.cookies_policy header {
  top: 48px;
}

body.reg_page.cookies_policy.campaign_bar {
  padding-top: 196px;
}

body.cookies_policy.campaign_bar {
  padding-top: 150px;
}

body.reg_page.campaign_bar {
  padding-top: 148px;
}

body.campaign_bar {
  padding-top: 102px;
}

.pea_cook_wrapper {
  display: none;
  float: left;
  width: 100%;
  background: #01556B;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  min-height: 48px;
}

.pea_cook_wrapper p {
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: Roboto-Regular;
}

.pea_cook_wrapper p a {
  color: #fff;
  text-decoration: underline;
}

.pea_cook_wrapper p a:hover {
  text-decoration: none;
}

.pea_cook_wrapper a.pea_cook_btn {
  color: #fff !important;
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  opacity: 1;
  text-transform: uppercase;
  vertical-align: top;
  display: inline-block;
  font-family: Montserrat-Bold;
  letter-spacing: 0.4px;
  padding: 12px 18px;
  float: right;
  text-decoration: underline;
}

.left_cook_bar {
  float: left;
  padding: 10px 0 0;
  width: calc(100% - 55px);
}

.right_cook_bar {
  float: right;
}

.labelhelp {
  font-style: italic;
  font-size: 13px !important;
  font-weight: normal;
  font-family: Roboto-Regular !important;

}

/*NEW*/
.curriculum_tabs {
  width: 100%;
  float: left;
}

.curriculum_tabs .tab_nav {
  width: 100%;
  float: left;
  border-bottom: 1px solid #595959;
  text-align: center;
}

.curriculum_tabs .tab_nav .sf_colsOut .sf_colsIn {
  display: inline-block;
  vertical-align: top;
}

.curriculum_tabs .tab_nav h3,
.curriculum_tabs .tab_nav h5 {
  padding: 0;
  margin: 0px;
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  font-family: Roboto-Regular;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  color: #000;
}

.curriculum_tabs .tab_nav h3.active,
.curriculum_tabs .tab_nav h5.active {
  color: #01556B;
  font-family: Roboto-Bold;
  border-bottom-color: #01556B;
}

.curriculum_tabs .tab_nav h3 a,
.curriculum_tabs .tab_nav h5 a {
  padding: 14px 23px;
  float: left;
  color: #000;
  font-size: 22px;
}

.curriculum_tabs .tab_nav h3.active a,
.curriculum_tabs .tab_nav h5.active a {
  color: #01556B;
}

.tab_content #england {
  display: block;
}

.curriculum_tabs .country_row {
  padding: 20px 15px;
}

.sfPageWrapper .year_content {
  display: block;
}

.sfPageWrapper .curriculum_tabs .tab_nav .sf_colsOut .sf_colsIn {
  width: 23%;
}

.curriculum_tabs .country_row .container {
  width: 100%;
  padding: 0;
}

/*NEW*/

/*.slider_content svg#Layer_1 {
    width: 90%;
    margin-bottom: 15px;
}*/

.new_svg_h {
  height: 60px;
}

.slider_content svg#Layer_1,
.slider_content svg#Layer_1_2 {
  width: 90%;
  max-width: 282px;
  margin-bottom: 15px;
  margin-top: 59px;
}

.slider_content svg#Layer_2 {
  width: 100%;
  margin-bottom: 15px;
  fill: #fff;
  margin-top: 58px;
}

.slider_content svg#Layer_2 .st0 {
  fill: #fff;
}

.campaign_top_bar {
  float: left;
  width: 100%;
  background: #3AA199;
  min-height: 48px;
}

.left_camp_bar {
  float: left;
  padding: 11px 0 0;
  width: calc(100% - 140px);
}

.campaign_top_bar p {
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  z-index: 999;
  font-family: Roboto-Regular;
  position: relative;
}

.campaign_top_bar p a {
  color: #fff;
}

.campaign_top_bar p a:focus {
  outline-color: #fff;
}

.campaign_top_bar p svg {
  width: 45px;
  height: 45px;
  position: absolute;
  top: -11px;
  left: 0;
}

.campaign_top_bar p svg .st0 {
  fill: #000;
}

/*.campaign_top_bar .left_camp_bar p:before {position: absolute;left: 0;top:-6px;background: url(../images/clock.svg) center center no-repeat;width: 36px;height: 36px;content: '';}*/
.campaign_top_bar .left_camp_bar p {
  padding-left: 45px;
}

.right_camp_bar {
  float: right;
}

.campaign_top_bar a.learn_camp {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-family: Roboto-Regular;
  padding: 11px 0;
  float: left;
}

.campaign_top_bar a.pea_cook_btn {
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  margin: 0;
  opacity: 1;
  text-transform: uppercase;
  vertical-align: top;
  display: inline-block;
  font-family: Montserrat-Bold;
  letter-spacing: 0.4px;
  /*padding: 12px 18px;*/
  float: right;
  text-decoration: underline;
  padding-left: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 0px;
}

/*=======
NEW Campaign
========*/

.new_campaign {
  background: #e1f8fe;
  padding: 30px 0;
}

.new_campaign.ready_level {
  background: #01556B;
}

.new_campaign.ready_level .new_campaign_content {
  padding: 30px 0 0 0;
  background: none;
}

.new_campaign.ready_level .campaign_text p {
  color: #fff;
}
.new_campaign.ready_level .campaign_text a.link, .new_campaign.ready_level .campaign_text button.link {
float: right;
}

.new_campaign .heading {
  float: left;
  width: 100%;
  padding: 0px;
}

.new_campaign .heading h2 {
  float: left;
  background: #3AA199;
  font-size: 26px;
  color: #fff;
  font-family: Montserrat-Bold;
  padding: 17px 65px 17px 18px;
  margin: 0;
  width: 100%;
  position: relative;
}

.new_campaign .heading h2:before {
  position: absolute;
  right: 19px;
  top: 14px;
  background: url(../images/clock.png) center center no-repeat;
  width: 36px;
  height: 36px;
  content: '';
}

.new_campaign.ready_level .heading h2:before {
  display: none;
}

.new_campaign .heading a {
  float: right;
  font-size: 22px;
  color: #fff;
  background: #01556B;
  padding: 24px 18px 22px;
  min-width: 196px;
  font-family: Montserrat-Bold;
  line-height: 22px;
  height: 74px;
  text-align: center;
}

.new_campaign .heading a:hover {
  text-decoration: underline;
}

.new_campaign.barefoot_advocate {
    background-color: #f2f2f2;
}
.new_campaign.barefoot_advocate .heading h2:before {
    background: none;
}

.new_campaign_content {
  float: left;
  width: 100%;
  background: #fff;
  padding: 30px 15px;
}

.campaign_img {
  max-width: 180px;
  width: 100%;
  float: left;
  position: relative;
}

.campaign_img img {
  width: 100%;
}

.campaign_img .campaign_date {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #01556B;
  font-family: Montserrat-Bold;
}

.campaign_img .mob_campaign_date {
  padding: 4px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #01556B;
  font-family: Roboto-Regular;
  display: none;
}

.campaign_text {
  width: calc(100% - 200px);
  float: right;
}

.campaign_text p {
  color: #000;
  font-size: 18px;
  margin: 0 0 11px;
  line-height: 26px;
}

.campaign_text p strong {
  font-family: Montserrat-Bold;
}

.campaign_text a.link,
.campaign_text button.link {}

.campaign_text a.link,
.campaign_text button.link {
  float: left;
  font-size: 16px;
  color: #000;
  background: #FFE100;
  padding: 15px 18px;
  min-width: 175px;
  font-family: Roboto-Bold;
  line-height: 22px;
  text-align: center;
  margin-top: 0;
  border: none;
}

.campaign_text a.link:hover,
.campaign_text button.link:hover {
  text-decoration: underline;
}

.campaign_text a.link:focus,
.campaign_text button.link:focus {
  outline-color: #000;
}

.campaign_text_mob_date {
  display: none;
}

.flip_content {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  position: relative;
  transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  visibility: visible;
}

.show_thanks_text .flip_front_item {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.show_thanks_text .flip_back_item {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}

.flip_front_item {
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.flip_back_item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  transform-origin: 50% 106%;
  -webkit-transform-origin: 50% 106%;
  transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.campaign_overlay {
  text-align: center;
  float: left;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.campaign_overlay p {
  font-size: 20px;
  color: #fff;
}

.campaign_overlay p .close_ovlery {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #fff;
  background: #01556B;
  padding: 15px 18px;
  min-width: 175px;
  font-family: Montserrat-Bold;
  line-height: 24px;
  text-align: center;
  margin-top: 15px;
  text-decoration: none;
}

.campaign_text a.removelink {}

.campaign_text a.removelink {
  float: right;
  font-size: 18px;
  color: #000;
  background: #FFE100;
  padding: 15px 18px;
  min-width: 175px;
  font-family: Montserrat-Bold;
  line-height: 24px;
  text-align: center;
  margin-top: 0;
  cursor: default;
}

.campaign_text a.removelink:focus {
  outline-color: #FFE100;
}

.campaign_text a.removelink:hover {
  /*background: #2168ff;*/
  cursor: default;
}

/*moreinfopopup on registration page*/
.InterestedInFreeWorkshopAsTeacher_moreinfo_popup a {
  margin-left: 0;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: 0px;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup p {
  font-size: 15px;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup p:last-child {
  margin-bottom: 0px;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup .InterestedInFreeWorkshopAsTeacher_close_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.InterestedInFreeWorkshopAsTeacher_moreinfo_popup .InterestedInFreeWorkshopAsTeacher_close_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup a {
  margin-left: 0;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: 0px;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup p {
  font-size: 15px;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup p:last-child {
  margin-bottom: 0px;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup .InterestedInFreeWorkshopAsBoth_close_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup .InterestedInFreeWorkshopAsBoth_close_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}

/**/
.campaign_overlay p a {
  color: #fff;
  text-decoration: underline;
}

.bfw_video_section {
  padding: 35px 0;
  width: 100%;
  float: left;
}

.bfw_video_wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.bfw_video_wrap .bfw_video_img {
  width: 385px;
}

.bfw_video_wrap .bfw_video_text {
  width: 50%;
}


.bfw_video_popup {
  max-width: 735px;
  float: left;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 15;
  text-align: center;
  padding: 50px 40px 40px;
  box-shadow: 0 0 16px -1px #000;
  display: none;
  width: 100%;
}

.bfw_video_popup .popup_close_btn {
  width: 30px;
  height: 30px;
  background: url(../images/popup_close_btn.png) center center no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.bfw_video_popup_content {
  width: 100%;
  float: left;
}

.bfw_video_popup_content p {
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
}

.bfw_video_popup_content p a {
  color: #F04A4A;
}

.bfw_video_popup_content p a:hover {
  color: #01556B;
}

.bfw_file_upload_wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.bfw_file_upload_wrap .bfw_file_upload_img {
  width: 385px;
}

.bfw_file_upload_wrap .bfw_file_upload_text {
  width: 50%;
}

.bfw_file_upload_text p {
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
}

.bfw_file_upload_text p a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.bfw_file_upload_text p a:hover {
  text-decoration: none;
}

.bfw_file_upload_img .box_input {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  position: relative;
}

.bfw_file_upload_img .box_input img {
  cursor: pointer;
}

.bfw_file_upload_img .box_input .box__file {
  display: none;
}

.bfw_file_upload_img .box_input label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.bfw_fileupload_text {
  position: absolute;
  top: 43%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #000;
  font-family: Montserrat-Bold;
  text-align: center;
  width: 100%;
  pointer-events: none;
}

.bfw_fileupload_text p {
  padding-top: 7px;
  margin: 0;
}

.bfw_fileupload_text p span {
  font-family: Roboto-Regular;
}

.bfw_fileupload_text svg path {
  fill: #000;
}

.bfw_video_popup_content iframe {
  width: 100%;
}

.box__uploading,
.box__success,
.box__error,
.box__button {
  display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box.is-uploading .box__uploading {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  font-size: 19px;
  font-family: Montserrat-Bold;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box.has-advanced-upload.is-uploading .bfw_fileupload_text {
  display: none;
}

.sharethis-inline-share-buttons {
  margin-top: 0;
  float: left;
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 10px;
  background: #fff;
  z-index: 2 !important;
}

.st-sticky-share-buttons .st-toggle {
  display: none !important;
}


.data_table_wrap {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 15px;
}

.data_table_inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 600px;
}

.design_1 .data_table_inner {}

.design_1 table {
  width: 100%;
  font-family: Roboto-Regular;
}

.design_1 table caption {
  font-family: Montserrat-SemiBold;
  font-weight: 400;
  font-size: 24px;
  color: #01556B;
  margin-bottom: 15px;
  padding-bottom: 8px;
  line-height: 1.2;
  border-bottom: 2px solid #01556B;
}

.design_1 table th {
  background: #066051;
  color: #fff;
  font-size: 13px;
  font-family: Montserrat-SemiBold;
  font-weight: 400;
  text-align: center;
  padding: 5px 0;
}

.design_1 table td {
  color: #000;
  font-size: 13px;
  font-family: Montserrat-Bold;
  font-weight: 400;
  text-align: center;
  padding: 5px 0;
}

.design_1 table tr:nth-child(odd) {
  background: #fff;
}

.design_1 table tr:nth-child(even) {
  background: #dedede;
}


.design_2 table {
  width: 100%;
  font-family: Roboto-Regular;
  border: 2px solid #A80065;
}

.design_2 table th {
  color: #01556B;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
  font-weight: 400;
  text-align: left;
  line-height: 1.1;
  padding: 5px 10px;
  border-right: 1px solid #A80065;
  border-bottom: 1px solid #A80065;
  width: 160px;
}

.design_2 table td {
  color: #01556B;
  font-size: 12px;
  font-family: Montserrat-SemiBold;
  font-weight: 400;
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #A80065;
}

/*Additional Widgets 31-03-2020*/
/*.anchor_buttons_wrap{background: #01556B;text-align: center;padding: 48px 0;}*/
/*6/4/2020*/
.anchor_buttons_wrap {
  background: #01556B;
  text-align: center;
  padding: 36px 0;
}

.anchor_buttons_wrap_WhiteBackground {
  background: #fff;
  text-align: center;
  padding: 36px 0;
}

.anchor_buttons_wrap_Indigo {
  background: #01556B;
  text-align: center;
  padding: 36px 0;
}

.anchor_buttons_wrap_Indigo .anchor_buttons {
  max-width: 800px;
}

/*.anchor_buttons_wrap_WhiteBackground .anchor_btns a{
        background: #01556B;
}*/

.anchor_buttons {
  /*max-width: 650px;*/
  max-width: 900px;
  margin: 0 auto;
}

.anchor_buttons_wrap .anchor_buttons p {
  max-width: 720px;
  margin: 0 auto 30px;
}

.anchor_buttons_wrap .anchor_buttons p strong {
  font-family: Roboto-Bold;
}

/*.cymraeg .anchor_buttons {max-width: 720px;}*/
.cymraeg .anchor_buttons_wrap .anchor_buttons p {
  max-width: 720px;
  margin: 0 auto 30px;
}

.anchor_buttons h1,
.anchor_buttons h2,
.anchor_buttons h3,
.anchor_buttons h4,
.anchor_buttons h5,
.anchor_buttons h6,
.anchor_buttons p {
  font-size: 24px;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 30px;
  font-family: Roboto-Regular;
}

/*.anchor_buttons h1 span, .anchor_buttons h2 span, .anchor_buttons h3 span, .anchor_buttons h4 span, .anchor_buttons h5 span, .anchor_buttons h6 span, .anchor_buttons p span {
        font-family: Montserrat-SemiBold
    }*/

.anchor_btns {}

.anchor_btns a {
  color: #000;
  font-size: 16px;
  background: #FFE100;
  max-width: 240px;
  padding: 10px 10px 11px;
  margin: 0 6px;
  min-width: 160px;
  display: inline-block;
  font-family: Roboto-Medium;
}

.anchor_btns a:hover {
  /* background: #2168ff; */
  text-decoration: underline;
}

.anchor_btns a:focus {
  outline-color: #FFE100;
}

.cymraeg .anchor_btns a {
  max-width: 300px;
}


/*New text Area*/

/*acti_ctnt_with_icons*/
.acti_ctnt_with_icons {
  padding: 20px 0;
  background: #fff url(../images/acti_ctnt_bg.jpg) center 83% no-repeat;
  background-size: 1500px auto;
  text-align: center;
}

.acti_ctnt_with_icons h1,
.acti_ctnt_with_icons h2,
.acti_ctnt_with_icons h3,
.acti_ctnt_with_icons h4,
.acti_ctnt_with_icons h5 {
  color: #01556B;
  font-size: 35px;
  margin: 0 0 15px;
}


.acti_ctnt_with_icons p {
  font-size: 18px;
  margin-bottom: 20px;
}

.acti_ctnt_with_icons img {
  max-width: 600px;
  width: 100%;
}

.acti_ctnt_btn {
  margin-top: 30px;
}

.acti_ctnt_btn a {
  color: #fff;
  font-size: 18px;
  background: #01556B;
  padding: 10px 35px 9px;
  margin: 0 6px;
  min-width: 160px;
  display: inline-block;
  font-family: Montserrat-SemiBold;
}

.acti_ctnt_btn a:hover {
  text-decoration: underline;
}

.video_col2_wrap {
  background: #fff;
  padding: 48px 0;
}


.video_col2 {
  display: flex;
  width: 100%;
}

.video_text {
  padding-right: 12%;
}

.bfw_video_wrap .bfw_video_img .video_text {
  padding-right: 0;
}

.video_text p {
  font-size: 18px;
  color: #01556B;
  margin: 0 0 20px;
  line-height: normal;
}

.video_text p a {
  font-size: 20px;
  color: #01556B;
  margin: 0 0 20px;
  line-height: normal;
  text-decoration: underline;
}

.video_text p a:hover {
  text-decoration: none;
}

.video_thumb {
  width: 50%;
  text-align: right;
}

.video_thumb img {
  width: 90%;
}

.video_thumb iframe {
  width: 90%;
}

.parent_resources {
  padding: 36px 0;
  background: #01556B url(../images/learning-together-activities-back-replace-min.jpg?123) center top no-repeat;
  /*background-size: cover;*/
}

/* .parent_resources .heading {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 10px 10% 45px;
}

.parent_resources .heading h1,
.parent_resources .heading h2,
.parent_resources .heading h3,
.parent_resources .heading h4,
.parent_resources .heading h5 {
  font-size: 38px;
  color: #fff;
  margin: 0 0 15px;
}

.parent_resources .heading p {
  font-size: 22px;
  color: #fff;
  margin: 0;
  line-height: 1.2;
} */


.parent_resources .heading {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 15px 10% 20px;
  background: #fff;
  margin-bottom: 20px;
}

.parent_resources .heading h1,
.parent_resources .heading h2,
.parent_resources .heading h3,
.parent_resources .heading h4,
.parent_resources .heading h5 {
  font-size: 38px;
  color: #01556B;
  margin: 0 0 15px;
}

.parent_resources .heading p {
  font-size: 22px;
  color: #01556B;
  margin: 0;
  line-height: 1.2;
}

.parent_resources .resources_post .inner_panel {
  padding: 2px 2px 10px;
  height: 100% !important;
}

.parent_resources .resources_post ul li:last-child span+span {
  padding: 0;
}

.post_pdf_download {
  display: block;
  width: 100%;
  padding: 5px 12px 0;
}

.post_pdf_download p {
  margin: 0 0 5px;
  color: #000;
  font-size: 14px;
  line-height: 1.2;
}

.post_pdf_download p a {
  color: #01556B;
  text-decoration: underline;
  word-break: break-all;
}

.post_pdf_download p a:hover {
  text-decoration: none;
}

.parent_resources .posts_row {
  display: flex;
  flex-wrap: wrap;
}

.parent_resources .resources_post {
  width: 25%;
  margin-bottom: 15px;
}


.parent_resources_clone {
  padding: 36px 0;
  background: #00546c url(../images/Barefoot-Bytes_Rainbow_background.jpg?1234) center top no-repeat;
  /*background-size: cover;*/
}

.parent_resources_clone.nobackground {

  background: #3AA199;

}

.parent_resources_clone .heading {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 10px 10% 45px;
}

.parent_resources_clone .heading h1,
.parent_resources_clone .heading h2,
.parent_resources_clone .heading h3,
.parent_resources_clone .heading h4,
.parent_resources_clone .heading h5 {
  font-size: 40px;
  color: #fff;
  margin: 0 0 15px;
}

.parent_resources_clone .heading p {
  font-size: 24px;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}

.parent_resources_clone .resources_post .inner_panel {
  padding: 2px 2px 10px;
  height: 100% !important;
}

.parent_resources_clone .resources_post ul li:last-child span+span {
  padding: 0;
}

.parent_resources_clone .posts_row {
  display: flex;
  flex-wrap: wrap;
}

.parent_resources_clone .resources_post {
  width: 25%;
  margin-bottom: 15px;
}

/* activities_bg */
.parent_resources_clone.activities_bg {
  background: #fff url(../images/activities_bg.jpg?1234) center -177px no-repeat;
  background-size: 1500px auto;
  padding-top: 70px;
}

.parent_resources_clone.activities_bg .heading h1,
.parent_resources_clone.activities_bg .heading h2,
.parent_resources_clone.activities_bg .heading h3,
.parent_resources_clone.activities_bg .heading h4,
.parent_resources_clone.activities_bg .heading h5 {
  color: #01556B;
}

.parent_resources_clone.activities_bg .heading {
  padding-bottom: 75px;
}

.activities_bg .bfl_digital_posts .resources_post .inner_panel {
  background: #E7E7E8;
}

.activities_bg .resources_post h3 {
  color: #01556B;
}

.activities_bg .download_resource_btn .download_btn {
  background: #01556B;
}


.bfl_digital_game_wrap {
  background: #01556B;
  text-align: center;
  padding: 48px 0;
  /*margin-bottom: 20px;*/
}

.bfl_digital_game {
  padding: 0;
}

.bfl_digital_game h1,
.bfl_digital_game h2,
.bfl_digital_game h3,
.bfl_digital_game h4,
.bfl_digital_game h5,
.bfl_digital_game h6 {
  font-size: 38px;
  color: #fff;
  margin: 0 0 20px;
}

.bfl_digital_game p {
  font-size: 22px;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}

.bfl_digital_game p a {
  color: #fff;
  font-size: 22px;
  background: #36B39D;
  padding: 12px 5px 13px;
  display: inline-block;
  font-family: Montserrat-SemiBold;
  width: 100%;
  max-width: 640px;
  margin-top: 20px;
}

.bfl_digital_game p a:hover {
  /*background: #2168ff;*/
}


.bfl_digital_posts {
  text-align: left;
  padding-top: 25px;
}

.bfl_digital_posts .resources_posts {
  margin-bottom: 0;
}

.bfl_digital_posts .posts_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bfl_digital_posts .resources_post {
  width: 32%;
  margin-bottom: 15px;
}

.bfl_digital_posts .resources_post .inner_panel {
  padding: 2px 2px 50px;
  height: 100% !important;
}

.bfl_digital_posts .resources_post .sf_colsIn {
  height: 100%;
}

.bfl_digital_posts .resources_post ul li:last-child span+span {
  padding-top: 0;
}


.bfl_digital_posts .game_link {
  position: absolute;
  bottom: 9px;
  left: 0;
  color: #01556B;
  font-family: Roboto-Bold;
  padding: 5px 12px;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  width: calc(100% - 70px);
  z-index: 2;
}

.bfl_digital_posts .game_link a {
  color: #01556B;
  display: block;
  text-decoration: underline;
}

.concepts_wrap {
  padding: 40px 0;
  background: #fff;
  text-align: center;
}

.concepts_wrap h1,
.concepts_wrap h2,
.concepts_wrap h3,
.concepts_wrap h4,
.concepts_wrap h5,
.concepts_wrap h6 {
  font-size: 38px;
  margin: 0 0 50px;
  color: #01556B;
  line-height: 1.2;
}

.concepts_col2 {
  display: flex;
  width: 100%;
  justify-content: center;
}

.concepts_row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  max-width: 590px;
}

.concepts_col {
  width: 50%;
  padding: 0 15px 50px;
}

.concepts_col .concepts_col_icon {
  display: flex;
  height: 64px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.concepts_col p {
  margin: 0;
  color: #01556B;
  font-size: 18px;
  line-height: 1.3;
}

.concepts_footer {
  display: block;
  width: 100%;
}

.concepts_footer p {
  font-size: 22px;
  color: #01556B;
  font-family: Montserrat-SemiBold;
  line-height: 1.2;
}

/*29/4/2020*/
.resources_accordion {
  float: left;
  width: 100%;
  padding: 0 3px 20px;
  position: relative;
}

.resources_accordion h2 {
  margin: 0;
}

.resources_accordion h2 a {
  font-size: 22px;
  margin: 0;
  font-family: Montserrat-Bold;
  color: #fff;
  background: #3AA199;
  padding: 11px 48px 11px 15px;
  cursor: pointer;
  display: block;
}

.resources_accordion_ctn {
  padding: 10px 15px;
  background: #fff;
  display: none;
}

.resources_accordion_ctn p {
  font-family: Roboto-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin: 0;
}

.resources_accordion_ctn p a {
  font-family: Montserrat-Bold;
  text-decoration: underline;
  color: #000;
  font-size: 16px;
  word-break: break-word;
}

.open_accord .accordion_arrow_icon::before {
  opacity: 0;
}

.accordion_arrow_icon {
  width: 46px;
  height: 46px;
  position: absolute;
  right: 3px;
  top: 0;
  pointer-events: none;
}

.accordion_arrow_icon::before {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  background-color: #fff;
  width: 2px;
  left: 50%;
  margin-left: -1px;
}

.accordion_arrow_icon::after {
  content: "";
  position: absolute;
  right: 15px;
  left: 15px;
  background-color: #fff;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}

/*6/4/2020*/
.anchor_buttons .sfContentBlock {
  border-style: none !important;
}

.bfw_video_title h1,
.bfw_video_title h2,
.bfw_video_title h3,
.bfw_video_title h4,
.bfw_video_title h5,
.bfw_video_title h6 {
  font-size: 38px;
  color: #01556B;
  line-height: 1.2;
  margin: 0 0 30px;
  font-family: Montserrat-Bold;
  text-align: center;
}

.bfw_video_section.gray {
  background: #e9e9e8;
}

/*New Video BG*/
.bfw_video_section.new_videobg {
  background: #25b2a1 url(../images/new_videobg.jpg) left 88% no-repeat;
  background-size: 818px auto;
}

.new_videobg .bfw_video_title h1,
.new_videobg .bfw_video_title h2,
.new_videobg .bfw_video_title h3,
.new_videobg .bfw_video_title h4,
.new_videobg .bfw_video_title h5,
.new_videobg .bfw_video_title h6 {
  font-size: 36px;
}

.video_text.text_black p {
  color: #000;
}

.bfw_video_title h2 span,
.video_text p span,
.video_text.text_black p span {
  color: #F04A4A;
}


.new_videobg .bfw_video_title h2 span {
  color: #fee101;
}

.new_videobg .bfw_video_wrap {
  align-items: normal;
}

.new_videobg .bfw_video_wrap p {
  color: #fff;
  font-size: 20px;
}


/*Video Section*/
.videos_section {
  float: left;
  width: 100%;
  padding: 10px 0 10px;
}

.video_multicol_row {
  display: flex;
  margin: 0 -15px;
}

.video_multicol_col {
  width: 50%;
  padding: 0 15px 30px;
}

.video_multicol_img {
  position: relative;
}

.video_multicol_img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video_multicol_img a svg {
  height: 36%;
}

.video_multicol_text {
  padding: 20px 0 0;
}

.video_multicol_text h3 {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 21px;
  font-family: Montserrat-Bold;
}

.video_multicol_text p {
  margin: 0;
}

/*.generalVideo .sf_cols {
    width:auto;      
     /*padding: 0; 
}
*/
.sfPageEditor .generalVideo .sf_cols {
  width: 100%;
  padding: 0;
}



/*Teacher Css*/
.lhs_img_content_widget.purple_bg {
  background: #01556B;
  display: flex;
}

.purple_bg .lhs_img {
  background: url(../images/res_links_curriculum_bg.jpg?v1) left top no-repeat;
  min-height: 300px;
  display: flex;
  padding: 20px;
  background-size: cover;
}

.purple_bg .lhs_img span {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 48px;
  font-family: Montserrat-Bold;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  padding: 0;
  flex-direction: column;
}

.purple_bg .lhs_img span small {
  display: block;
  font-size: 48px;
}

.purple_bg .lhs_content {
  padding-left: 10px;
  position: relative;
  padding-bottom: 43px;
}

.purple_bg .lhs_content h2 {
  color: #fff;
}

.purple_bg .lhs_content h3 {
  color: #fff;
}

.purple_bg .lhs_content p {
  color: #fff;
}

.socialshare_icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 17px;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.socialshare_icon img {
  width: 30px;
  margin-left: 8px;
}

.teacher_articles_heading h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-family: Montserrat-Bold;
}

.teacher_article {
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
  display: flex;
  background: #fff;
  border: 1px solid #fff;
}

.teacher_article.feature_art {
  border-color: #01556B;
  border-width: 3px;
}

.feature_art .tarticle_content {
  padding-top: 44px;
}

.feature_art .feature_title {
  display: block;
}

.feature_title {
  position: absolute;
  left: 4px;
  right: 0;
  top: 0;
  background: #01556B;
  text-align: center;
  padding: 6px 0;
  font-family: Montserrat-SemiBold;
  color: #fff;
  font-size: 15px;
  display: none;
}

.tarticle_img {
  width: 30%;
}

.tarticle_content {
  padding-left: 20px;
  position: relative;
  padding-bottom: 45px;
  width: 70%;
  padding-top: 15px;
  padding-right: 20px;
}

.tarticle_content h3 {
  margin: 0 0 15px;
}

.tarticle_content p {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  line-height: 20px;
}

.tarticle_btn_date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 20px;
  bottom: 15px;
  right: 20px;
}

.tarticle_btn_date a.readnow_btn {
  font-family: Montserrat-Bold;
  color: #01556B;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 21px;
  position: relative;
  text-decoration: underline;
}

.tarticle_btn_date a.readnow_btn:hover {
  text-decoration: none;
}

.tarticle_btn_date .tarticle_date {
  font-family: Montserrat-Bold;
  color: #6f6f6e;
}

.t_col3_article.teacher_article {
  background: none;
  border: none;
}

.t_col3_article .t_col3_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.t_col3_article .tarticle_content {
  width: 33.33%;
  padding: 0 10px;
}

.tarticle_content_inner {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 12px 20px 66px;
  position: relative;
}

.t_col3_article .tarticle_btn_date {
  display: block;
  left: 20px;
}

.t_col3_article .tarticle_btn_date .tarticle_date {
  padding-top: 4px;
}


/*concept_new_layout*/
.concept_new_layout {
  margin-top: 20px;
  float: left;
  width: 100%;
}

.concept_new_layout_wrap {
  width: 100%;
  display: flex;
  background: #fff;
  align-items: center;
}

.concept_new_layout_wrap .cate_bg_head {
  width: 23%;
  background: none;
  margin: 0;
  padding: 0;
  height: auto;
}

.concept_new_layout_content {
  width: 77%;
  padding: 15px 20px;
}

.concept_new_layout_content p {
  font-size: 15px;
  color: #000;
  font-family: Roboto-Regular;
  line-height: 20px;
  margin-bottom: 10px;
}

.concept_new_layout_content a.cate_find_btn {
  font-family: Montserrat-Bold;
  color: #01556B;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 18px;
  position: relative;
}

.concept_new_layout_content a.cate_find_btn:before {
  position: absolute;
  right: 0;
  top: 0;
  content: "\f0a9";
  font-family: "FontAwesomesolid";
  line-height: 19px;
  font-size: 14px;
}


/*Research Article*/
.concepts_detail_intro_text .socialshare_icon {
  position: static;
}

.concepts_detail_intro_text .title {
  margin-top: 0;
}

.research_article_main_title {
  background: #F04A4A;
  font-size: 34px;
  color: #fff;
  font-family: Montserrat-Bold;
  margin: 0;
  line-height: 36px;
  padding: 9px 15px 7px;
  display: flex;
  width: 100%;
}

.research_article_content {
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
  float: left;
  padding: 20px;
}

.research_article_content h2,
.research_article_content h3,
.research_article_content h4,
.research_article_content h5 {
  font-family: Montserrat-Bold;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: 1.1;
}

.research_article_content h2 {
  font-size: 24px;
}

.research_article_content h3 {
  font-size: 20px;
}

.research_article_content h4 {
  font-size: 20px;
  font-family: Roboto-Regular;
}

.research_article_content p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}

.research_article_content p a {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.research_article_content p a:hover {
  text-decoration: none;
}

.center_img {
  text-align: center;
  margin-bottom: 15px;
}

.research_article_content ul {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
}

.research_article_content ul li {
  padding-left: 0;
  font-size: 16px;
  font-family: Roboto-Regular;
  color: #000;
  margin: 0 0 6px;
  position: relative;
  line-height: 18px;
  list-style: disc;
}

.research_article_content ul li:before {
  content: "\f058";
  font-size: 13px;
  color: #01556B;
  font-family: "FontAwesomeregular";
  position: absolute;
  left: -30px;
  top: -1px;
  line-height: 20px;
  font-weight: 700;
  z-index: 2;
}

.research_article_content ul li::after {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: -27px;
  top: 0;
  background: white;
  z-index: 1;
}

.research_article_content ul li a {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.research_article_content ul li a:hover {
  text-decoration: none;
}

.bottom_margin_remove {
  margin-bottom: 0px !important;
}

.research_article_content .sfContentBlock h3 {
  font-family: Montserrat-Bold;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: 1.1;
  padding-bottom: 0px;
  border-bottom: none !important;
}

.groups_generic h2 {
  padding: 8px 12px;
  margin: 0px;
  font-size: 24px;
  color: #fff;
  font-family: Montserrat-Bold;
  background: #01556B;
}

.rigthalign {
  text-align: right !important;
}

.sfContentBlock a.researchdownload {
  color: #000;
  text-decoration: underline;
  font-family: Montserrat-Bold;
}

.purple_bg .lhs_img h1 small {
  display: block;
  font-size: 48px;
  font-family: Montserrat-Bold;
  line-height: 1.1;
  color: #fff;
  text-align: center;
}

.purple_bg .lhs_img h1 {
  height: 100%;
  width: 100%;
  /*display: flex;*/
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  /*font-size: 48px;*/
  font-size: 40px;
  margin-top: 0;
  font-family: Montserrat-Bold;
  line-height: 1.1;
  color: #fff;
  text-align: left;
  padding: 0;
  flex-direction: column;
}

.hide {
  display: none;
}

.research {
  padding: 0px !important;
}

.sfContentBlock .find_more h3 {
  border-bottom: none !important;
}

.research .purple_bg {
  margin: 0 0 0px !important;
}

.concepts_approaches_section .purple_bg {
  margin: 0 0 0px !important;
}



/*Feedback Form*/
.request_workshop .heading_area .intro a {
  color: #000;
  font-family: Montserrat-Bold;
}

.field_multi_checkbox {
  padding: 0 5px 15px;
}

.field_multi_checkbox label {
  display: block;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  font-family: Montserrat-Bold;
}

.field_multi_checkbox label em {
  display: block;
  font-family: Roboto-Regular;
}

.field_multi_checkbox label sup {
  color: red;
}

.field_multi_checkbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.full_radio_check {}

.field_multi_checkbox.full_radio_check ul li {
  width: 100%;
}

.field_multi_checkbox ul li {
  font-size: 14px;
  color: #000;
  position: relative;
  margin-bottom: 6px;
  width: 33.33%;
  padding-right: 10px;
}

.field_multi_checkbox li input[type="checkbox"] {
  width: 18px;
  height: 18px;
  background: red;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.field_multi_checkbox li label {
  padding-left: 25px;
  position: relative;
  margin: 0;
  font-weight: normal;
  font-family: Roboto-Regular;
  font-size: 14px;
}

.field_multi_checkbox li label:before {
  width: 18px;
  height: 18px;
  background: #fff;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  border: 1px solid #bec0c0;
  font-family: "FontAwesomesolid";
  color: #000;
  content: "";
  font-size: 13px;
  line-height: 17px;
  text-align: center;
}

.field_multi_checkbox input[type="checkbox"]:checked+label:before {
  content: "\f00c";
}

.field_multi_radio {
  padding: 0 5px 15px;
}

.field_multi_radio label {
  display: block;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  font-family: Montserrat-Bold;
}

.field_multi_radio label em {
  display: block;
  font-family: Roboto-Regular;
}

.field_multi_radio label sup {
  color: red;
}

.field_multi_radio ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.field_multi_radio.full_radio_check ul li {
  width: 100%;
}

.field_multi_radio.nowidth_radio_check ul {
  justify-content: space-between;
}

.field_multi_radio.nowidth_radio_check ul li {
  width: auto;
}

.field_multi_radio ul li {
  font-size: 14px;
  color: #000;
  position: relative;
  margin-bottom: 6px;
  width: 33.33%;
  padding-right: 10px;
}

.field_multi_radio li input[type="radio"] {
  width: 18px;
  height: 18px;
  background: red;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

.field_multi_radio li label {
  padding-left: 25px;
  position: relative;
  margin: 0;
  font-weight: normal;
  font-family: Roboto-Regular;
  font-size: 14px;
}

.field_multi_radio li label:before {
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  float: left;
  position: absolute;
  left: 0;
  top: 1px;
  border: 1px solid #bec0c0;
  content: "";
  text-align: center;
}

.field_multi_radio li label:after {
  width: 8px;
  height: 8px;
  background: #585858;
  border-radius: 50%;
  float: left;
  position: absolute;
  left: 5px;
  top: 50%;
  content: "";
  text-align: center;
  margin-top: -4px;
  opacity: 0;
}

.field_multi_radio input[type="radio"]:checked+label:after {
  opacity: 1;
}


.field_group textarea {
  height: 100px;
  padding: 10px;
}

.field_group label sup {
  color: red;
}

.field_group label em {
  display: block;
  font-family: Roboto-Regular;
}

.field_group label a {
  text-decoration: underline;
  color: #000;
  font-family: Montserrat-Bold;
}

/*Workshop moreinfopopup on registration page*/
.WorkshopType_popup a {
  margin-left: 0;
}

.WorkshopType_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: auto;
}

.WorkshopType_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.WorkshopType_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.WorkshopType_popup p {
  font-size: 15px;
}

.WorkshopType_popup p:last-child {
  margin-bottom: 0px;
}

.WorkshopType_popup .WorkshopTypeclose_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.WorkshopType_popup .WorkshopTypeclose_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}

.InterestedInFreeWorkshopAsBoth_moreinfo_popup a {
  margin-left: 0;
}

.WorkshopTypeBoth_popup {
  margin: 0 auto;
  display: none;
  padding: 20px;
  max-width: 320px;
  position: absolute;
  box-shadow: 0 0px 11px #000;
  background: #fff;
  z-index: 2;
  left: 130px;
  right: 0;
  bottom: auto;
}

.WorkshopTypeBoth_popup .info_title {
  margin-bottom: 10px;
  text-align: center;
  color: #01556B;
}

.WorkshopTypeBoth_popup .info_title img {
  margin-right: 3px;
  margin-top: -3px;
}

.WorkshopTypeBoth_popup p {
  font-size: 15px;
}

.WorkshopTypeBoth_popup p:last-child {
  margin-bottom: 0px;
}

.WorkshopTypeBoth_popup .WorkshopTypeBothclose_info {
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 0px;
  border: none;
  background: none;
}

.WorkshopTypeBoth_popup .WorkshopTypeBothclose_info:before {
  font-family: 'FontAwesomesolid';
  font-size: 16px;
  content: "\f00d";
  color: #000;
}

/**/
.workshop_form .text_with_check .check_area.lessmargin {
  margin-left: 2px;
  display: inline-block;
  position: relative;
  font-weight: normal;
  margin-bottom: 0;
}

.workshop_form .text_with_check .check_area.lessmargin label {
  line-height: 18px;
  font-size: 13px;
  margin: 0;
  font-weight: normal;
}

.day_list ul.radiobox_list li .check input[type="radio"] {
  margin: 0px;
  width: 44px;
  height: 44px;
  float: left;
  position: absolute;
  top: 0px;
  right: -1px;
  opacity: 0;
  z-index: 2;
  left: auto;
}

.day_list ul.radiobox_list li .check em {
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  line-height: 31px;
  font-style: normal;
  border: 1px solid #666;
  position: relative;
}

.day_list ul.radiobox_list li .check.radio_in em {
  border-radius: 50%;
}

.day_list ul.radiobox_list li .check input[type="radio"]:checked~em:before {
  display: block;
  content: '\f00c';
  font-family: FontAwesomesolid;
}

.day_list ul.radiobox_list li .check input[type="radio"]:checked~em:before {
  content: '';
  background: #000;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.day_list ul.radiobox_list li label {
  line-height: 18px;
  font-size: 15px;
  margin: 0;
  font-weight: normal;
  padding-left: 0px;
}

.day_list ul.radiobox_list li label:before {
  content: none;
}

.day_list ul.radiobox_list li .check input[type="radio"]:checked+label:before {
  content: none;
}

.day_list ul.radiobox_list li .check span {
  margin-right: 14px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 0px;
}

/* Cyber Page*/
.cyber_anchor_buttons_wrap {
  background: #EDEDED;
  text-align: center;
  padding: 35px 0;
}

.cyber_anchor_buttons {}

.cyber_anchor_buttons h3 {
  font-size: 23px;
  color: #00053F;
  line-height: 1.2;
  margin: 0 0 30px;
  font-family: Montserrat-Bold;
}

.cyber_anchor_buttons h3 span {
  font-family: Roboto-Regular;
}

.anchor_btns {}

.cyber_anchor_btns a {
  color: #fff;
  font-size: 18px;
  background: #01556B;
  max-width: 240px;
  padding: 10px 5px;
  margin: 0 6px;
  min-width: 160px;
  display: inline-block;
  font-family: Montserrat-Bold;
}

.cyber_anchor_btns a:hover {
  background: #2168ff;
}

.cyber_green_bar {
  background: #3FAEA8;
  text-align: center;
  padding: 17px 0;
}

.cyber_green_bar h3 {
  font-size: 28px;
  color: #fff;
  line-height: 1.2;
  margin: 0;
  font-family: Montserrat-Bold;
}

.cyber_ask_expect {
  background: #ededed;
  border-top: 15px solid #fff;
  padding: 31px 0 50px;
}

.cyber_ask_expect_content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.cyber_ask_expect_img {
  width: 58%;
  position: relative;
}

.cyber_ask_expect_img:before {
  background: url(../images/ask_top_icon.jpg) center center no-repeat;
  width: 121px;
  height: 70px;
  content: '';
  display: block;
  margin-left: 31px;
}

.cyber_ask_expect_img img {}

.cyber_ask_expect_text {
  width: 42%;
  padding-left: 20px;
  padding-top: 65px;
  position: relative;
}

.cyber_ask_expect_text .sfContentBlock h3 {
  font-size: 26px;
  color: #01556B;
  line-height: 1.2;
  margin: 0;
  font-family: Montserrat-Bold;
  margin: 0 0 20px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

.cyber_ask_expect_text .sfContentBlock p {
  font-size: 22px;
  color: #00053F;
  line-height: 1.2;
  margin: 0 0 20px;
  font-family: Roboto-Regular;
}

.cyber_ask_expect_text .sfContentBlock a {
  font-size: 22px;
}

.cyber_ask_expect_text .sfContentBlock img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cyber_blue_bar {
  background: #01556B;
  padding: 20px 0 30px;
}

.cyber_blue_bar_content {
  width: 100%;
  text-align: center;
  padding: 0 5%;
}

.cyber_blue_bar_content h3 {
  font-size: 48px;
  color: #fff;
  line-height: 1.2;
  font-family: Montserrat-Bold;
  margin: 0 0 15px;
}

.cyber_blue_bar_content p {
  font-size: 26px;
  color: #fff;
  line-height: 1.2;
  margin: 0;
  font-family: Roboto-Regular;
}

.cyber_share_panel {
  padding: 15px 0 40px;
}

.cyber_share_panel_content {
  width: 100%;
  text-align: center;
  padding: 0 5%;
}

.cyber_share_panel_content h3 {
  font-size: 35px;
  color: #01556B;
  line-height: 1.2;
  font-family: Montserrat-Bold;
  margin: 0 0 15px;
}

.cyber_share_panel_content .sfContentBlock h3 {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.cyber_share_panel_content .sfContentBlock p {
  font-size: 20px;
  color: #00053F;
  line-height: 1.2;
  margin: 0 0 25px;
  font-family: Roboto-Regular;
}

.cyber_share_icons {
  display: flex;
  width: 100%;
  justify-content: center;
}

.cyber_share_icons a {
  padding: 0 6px;
  width: 45px;
}

.parent_resources_clone.cyber_resources {
  background: #fff;
  background-size: 1500px auto;
  padding-top: 70px;
}

.parent_resources_clone.cyber_resources .heading h1,
.parent_resources_clone.cyber_resources .heading h2,
.parent_resources_clone.cyber_resources .heading h3,
.parent_resources_clone.cyber_resources .heading h4,
.parent_resources_clone.cyber_resources .heading h5 {
  color: #01556B;
  font-size: 48px;
}

.parent_resources_clone.cyber_resources .heading {
  padding-bottom: 0;
}

.cyber_resources .bfl_digital_posts {
  padding-top: 15px;
}

.cyber_resources .bfl_digital_posts .resources_post .inner_panel {
  background: #E7E7E8;
}

.cyber_resources .bfl_digital_posts .resources_post {
  width: 33.33%;
}

.cyber_resources .bfl_digital_posts .resources_post.half_width {
  width: 66.67%;
}

.cyber_resources .resources_post h3 {
  color: #01556B;
}

.cyber_resources .download_resource_btn .download_btn {
  background: #01556B;
  font-family: Roboto-Bold;
}

.cyber_resources .download_resource_btn .download_btn:hover {
  /*background: #2168ff;*/
  font-family: Roboto-Bold;
}

.cyber_resources .resources_post h3 {
  color: #01556B;
  font-family: Montserrat-Bold;
}

.cyber_resources .resources_post p {
  font-size: 12px;
  margin: 0 0 10px;
  font-family: Roboto-Regular;
}

.download_resource_btn .viewgame_btn {
  background: #01556B;
  color: #fff;
  font-size: 15px;
  font-family: Roboto-Bold;
  width: 100%;
  float: left;
  padding: 9px 15px;
  position: relative;
  text-align: center;
  margin-left: 15px;
}

.download_resource_btn .viewgame_btn:hover {
  /*background: #2168ff;*/
}

.cyber_anchor_buttons .sfContentBlock h3 {
  padding-bottom: 0px;
  border-bottom: 0px;
}

.b_st0 {
  display: none;
  fill: #991313;
}

.b_st1 {
  fill: #FFFFFF;
}

.b_st2 {
  fill: none;
}

.b_st3 {
  enable-background: new;
}

/*Prmote_Panel*/
.promote_panel {
  width: 100%;
  float: left;
  margin: 0 0 20px;
  background: #01556B url(../images/promote_bg.png) center center no-repeat;
  padding: 20px 13% 25px;
  text-align: center;
  color: #fff;
  background-size: 100% auto;
}

.promote_panel h3 {
  font-size: 32px;
  color: #fff;
  line-height: 37px;
  font-family: Montserrat-Bold;
  margin: 0 0 15px;
}

.promote_panel p {
  margin: 0 0 15px;
}

.promote_btn {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 10px;
}

.promote_btn a {
  color: #01556B;
  font-size: 16px;
  background: #e6e6e6;
  max-width: 240px;
  padding: 10px 22px 11px;
  margin: 0 6px;
  min-width: 160px;
  display: inline-block;
  font-family: Montserrat-SemiBold;
}

.promote_btn a:hover {
  text-decoration: underline;
}

.promote_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
}

.promote_popup_inner {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.promote_popup:before {
  opacity: 0.5;
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  z-index: -1;
}

.promote_popup_content {
  width: 100%;
  position: relative;
  background: #fff;
  border: 5px solid #ffffff;
  box-shadow: 0 0 0px 2px #01556B inset;
  max-width: 700px;
  text-align: center;
  color: #01556B;
  padding: 38px 60px 30px;
}

.promote_popup_content h3 {
  margin: 0 0 15px;
  color: #01556B;
  font-size: 24px;
}

.promote_popup_content p {
  margin: 0 0 15px;
  font-size: 16px;
}

.promote_popup_content .popup_close_btn {
  width: 30px;
  height: 35px;
  background: #F04A4A url(../images/popup_close_btn_w.png) center center no-repeat;
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}

.promote_popup_field {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: left;
  padding: 0 10%;
}

.promote_popup_field label {
  width: 100%;
  color: #000;
  font-family: Montserrat-Bold;
  font-weight: 400;
  margin-bottom: 8px;
}

.promote_popup_field input[type="text"] {
  width: 100%;
  border: 2px solid #01556B;
  height: 37px;
  padding: 0 11px;
}

.promote_popup_field input[type="submit"] {
  background: #01556B;
  color: #fff;
  padding: 0 50px;
  border: none;
  margin: 39px auto 0;
  height: 38px;
  line-height: 38px;
  font-family: Montserrat-Bold;
}

.promote_popup_field input[type="submit"]:hover {
  text-decoration: underline;
}

.bottom_footer ul li a:focus,
.support_panel a:focus,
.secondary-nav-ul li a:focus,
.container_msg p a:focus,
.dashboard_colour_panels .purple_white a:focus,
.concept_cate_block:nth-child(1) .cate_bg_head a:focus,
.purple_bg a:focus,
.volunt_act_near_head input:focus,
.volunt_act_near_head select:focus,
.promote_btn a:focus {
  outline-offset: 2px;
  outline-color: #e6e6e6;
}

.concept_cate_block:nth-child(4) .cate_bg_head a:focus,
.primary_curriculum .download_resource a.download_btn:focus {
  outline-offset: 2px;
  outline-color: Black;
}

.slider_content .st0 {
  fill: #fff;
}

.slider_content .st1 {
  fill: #fff;
}

.slider_content .st2 {
  fill: #fff;
}

.slider_content .st3 {
  fill: #fff;
}

.bfw_video_section.new_videobg h2 {
  color: #fff;
}

.about_register_free.gray_about_register_free {
background: #e9e9e8;
}
.about_register_free.gray_about_register_free a {
background: #3AA199 !important;
border-color: #3AA199 !important;
}


/* workTypeTab */
.workshop_content_panel.workTypeTab .three_row {
    display: flex;
    flex-wrap: wrap;
}

.workshop_content_panel.workTypeTab .col_widget_inner {
    min-height: 100%;
    height: auto !important;
}

.workshop_content_panel.workTypeTab .tab_content {
    padding: 0px;
}

.workshop_content_panel.workTypeTab .tab_nav {
    /* width: 100%; */
    float: left;
    /* text-align: center; */
	 text-align: left;
    background: #fff;
	clear: both;
}

.workshop_content_panel.workTypeTab .tab_nav .sf_colsOut .sf_colsIn {
    display: inline-block;
    vertical-align: top;
}

.workshop_content_panel.workTypeTab .tab_nav h3,
.workshop_content_panel.workTypeTab .tab_nav h5 {
    padding: 0;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-family: Roboto-Regular;
    cursor: pointer;
    color: #000;
    position: relative;
}

.workshop_content_panel.workTypeTab .tab_nav h3::after,
.workshop_content_panel.workTypeTab .tab_nav h5::after {
    content: "|";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
	opacity:0;
}

.workshop_content_panel.workTypeTab .tab_nav .sf_colsIn:last-child h3::after,
.workshop_content_panel.workTypeTab .tab_nav .sf_colsIn:last-child h5::after {
    display: none;
}

.workshop_content_panel.workTypeTab .tab_nav h3.active,
.workshop_content_panel.workTypeTab .tab_nav h5.active {
    color: #323333;
    font-family: Roboto-Bold;
}

.workshop_content_panel.workTypeTab .tab_nav h3 a,
.workshop_content_panel.workTypeTab .tab_nav h5 a {
    padding: 14px 27.5px;
    float: left;
    color: #000;
    font-size: 18px;
	text-decoration: underline;
	border: 2px solid transparent;
	border-bottom: none;
}
.workshop_content_panel.workTypeTab .tab_nav h3 a:hover,
.workshop_content_panel.workTypeTab .tab_nav h5 a:hover {
	text-decoration: none;
}





.workshop_content_panel.workTypeTab .tab_nav h3.active a,
.workshop_content_panel.workTypeTab .tab_nav h5.active a {
    /* color: #01556B; */
    /* text-decoration: underline; */
	    color: #fff;
    text-decoration: none;
    background: #F04A4A;
	border: 2px solid #000;
	border-bottom: none;
}
.workshop_content_panel.workTypeTab .tab_nav h3.active:after,
.workshop_content_panel.workTypeTab .tab_nav h5.active:after {
	opacity: 0;
}

.tab_content #computational-thinking,
.tab_content #programming-scratch-workshops {
    display: block;
}

.mb-0 {
    margin-bottom: 0px !important;
}

/* .workshop_content_panel.workTypeTab {
    padding-bottom: 62px;
} */

/* upcoming_computational */
.upcoming_computational {
    margin: 0;
}

.upcoming_computational .volunt_act_near_head {
    background: #3AA199;
}

.upcoming_computational .workshop_tab_list {
    border-bottom: none;
    border-top: 1px solid #c3c3c3;
}

.upcoming_computational .workshop_tab_listitem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: none;
    border-bottom: 1px solid #c3c3c3;
}

.upcoming_computational .workshop_tab_listitem span,
.upcoming_computational .workshop_tab_listitem strong {
    display: block;
}

.upcoming_computational .workshop_tab_listitem a {
    color: #000;
    text-decoration: none;
}

.upcoming_computational .workshop_tab_listitem a:hover {
    text-decoration: underline;
}

.upcoming_computational .workshop_tab_listitem .green {
    color: green;
}

.upcoming_computational .tab_listitem_btn .butn {
    padding: 10px 15px;
    border: none;
}

.upcoming_computational .tab_listitem_btn .butn:disabled {
    /* opacity: 0.3; */
    cursor: no-drop;
    background: #b3ccd3;
    color: #333;
}

.upcoming_computational .radius_select fieldset select {
    width: auto;
    background: #fff url(../images/select-arrow.png) 92% center no-repeat;
}

.upcoming_computational .tab_listitem_btn {
    min-width: 136px;
    text-align: center;
}

.upcoming_computational .listCont {
    width: 23%;
}

.upcoming_computational .listCont.linkwidth {
    min-width: 178px;
}
.upcoming_computational .listCont.datetimespace {
    min-width: 140px;
}

.upcoming_computational.widthauto .listCont {
    width: auto;
}

.upcoming_computational.widthauto .listCont.online_text {
    width: 82px;
}
.upcoming_computational .listCont.meeting-text {
    width: 90px;
    text-align: center;
}

.upcoming_computational.widthauto .workshop_tab_listitem a.worksLink {
    color: #01556B;
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.upcoming_computational.widthauto .workshop_tab_listitem a.worksLink:hover {
    text-decoration: none;
}

.upcoming_computational .infoDetails {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.upcoming_computational .infoDetails .ibtn {
    width: 28px;
    height: 28px;
    display: block;
    background: #FFE100 url(../images/info.png) no-repeat center center / auto 11px;
    border: 1px solid #FFE100;
    border-radius: 100%;
    cursor: pointer;
}

.upcoming_computational .infoDetails .textinfo {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10px);
    border: 1px solid #01556B;
    width: 247px;
    text-align: center;
    padding: 15px 30px;
    background: #fff;
    display: none;
    z-index: 2;
}

.upcoming_computational .infoDetails .textinfo:after {
    position: absolute;
    top: -10px;
    left: 50%;
    content: "";
    border-width: 0 7px 10px 7px;
    border-style: solid;
    border-color: #01556B transparent;
    transform: translate(-50%, 0px);
}

.upcoming_computational .infoDetails .textinfo.open {
    display: block;
}

.upcoming_computational .infoDetails .textinfo p {
    font-size: 12px;
    margin: 0px;
}

.upcoming_computational .infoDetails .textinfo .closeInfo {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    border: none;
    background: none;
    width: 21px;
    height: 21px;
    background: #F04A4A url(../images/normal-closebtn.png) no-repeat center center / 25px auto;
    font-size: 0px;
}

.upcoming_computational .infoDetails.rightI .textinfo {
    left: auto;
    right: 0px;
    transform: translate(0, 10px);
}

.upcoming_computational .infoDetails.rightI .textinfo:after {
    left: auto;
    right: 6px;
    transform: none;
}

.upcoming_computational.widthauto .workshop_tab_list {
    max-height: none;
    overflow: inherit;
}

.upcoming_computational .listCont.setwidth {
    width: 23%;
}

.upcoming_computational .volunt_act_near_head label {
    padding-right: 0px;
}

.upcoming_computational.myAct {
    margin: 0px;
}

.upcoming_computational.myAct .volunt_act_near_head {
    background: #F04A4A;
}

.upcoming_computational.myAct .tab_listitem_btn .butn {
    float: right;
}

.upcoming_computational.myAct .volunt_act_near_head label {
    width: 100%;
}

.request_workshop .bottomintroText {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0 0 0;
}

.request_workshop .bottomintroText h3 {
    clear: both;
    color: #01556B;
    font-size: 28px;
    margin-bottom: 25px;
    line-height: normal;
}

.request_workshop .bottomintroText a {
    color: #333;
    display: inline-block;
    font-weight: bold;
    margin: 2px 6px;
}

.request_workshop .bottomintroText a:hover {
    text-decoration: underline;
}

.request_workshop .bottomintroText p {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 25px;
}

.workshopVolunteers {
    display: flex;
    flex-wrap: wrap;
}

.workshopVolunteers .volunt_static_btn {
    position: static;
    width: 48%;
    float: left;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}

/*.workshopVolunteers .volunt_static_btn:last-child {
    padding-bottom: 0px;
    float: right;
}*/

.workshopVolunteers .volunt_static_btn strong {
    display: block;
    margin-bottom: 6px;
    width: 100%;
    font-family: Roboto-Bold;
}

.workshopVolunteers .volunt_static_btn p {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    font-size: 14px;
    font-style: italic;
}

.workshopVolunteers .static_inner {
    min-height: 100%;
}

.workshopVolunteers .bare_volunt_static {
    width: 100%;
    background: #3AA199;
}

.upcoming_computational.myAct .volunt_act_near_head {
    background: #3AA199;
}

.workshopVolunteers .bare_volunt_static {
    width: 100%;
    background: #3AA199;
}

.workshopVolunteers .volunt_static_btn .last_updated {
    order: 4;
    padding-left: 15px;
}

.workshopVolunteers .volunt_static_btn .download_volunt_btn {
    order: 3;
}

.activity_list h2 {
    background: #3AA199;
}

/* popupBookPlace */
.popupBookPlace {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    display: none;
}

.popupBookPlace.open {
    display: flex;
}

.popupBookPlace .underpop {
    position: relative;
    border: 1px solid #01556B;
    max-width: 451px;
    text-align: center;
    padding: 40px 30px;
    background: #fff;
}

.popupBookPlace .underpop h4 {
    font-size: 16px;
    margin: 0 0 20px;
    color: #01556B;
}

.popupBookPlace .underpop p {
    font-size: 14px;
    margin: 0px;
}

.popupBookPlace .underpop p a {
    color: #01556B;
    text-decoration: none;
    font-family: Roboto-Bold;
}

.popupBookPlace .underpop p strong {
    display: inline;
    font-family: Roboto-Bold;
    font-weight: normal;
    color: #01556B;
}

.popupBookPlace .underpop p a:hover {
    text-decoration: underline;
}

.popupBookPlace .underpop .butn {
    float: none;
    margin-top: 25px;
    width: auto !important;
}

.popupBookPlace .underpop .closeInfo {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    border: none;
    background: none;
    width: 21px;
    height: 21px;
    background: #F04A4A url(../images/normal-closebtn.png) no-repeat center center / 25px auto;
    font-size: 0px;
}



.popupconfirmBookPlace {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    display: none;
}


.popupconfirmBookPlace.open {
    display: flex;
}

.popupconfirmBookPlace .underpop {
    position: relative;
    border: 1px solid #01556B;
    max-width: 451px;
    text-align: center;
    padding: 40px 30px;
    background: #fff;
}

.popupconfirmBookPlace .underpop h4 {
    font-size: 16px;
    margin: 0 0 20px;
    color: #01556B;
}

.popupconfirmBookPlace .underpop p {
    font-size: 14px;
    margin: 0px;
}

.popupconfirmBookPlace .underpop p a {
    color: #01556B;
    text-decoration: none;
    font-family: Roboto-Bold;
}

.popupconfirmBookPlace .underpop p strong {
    display: inline;
    font-family: Roboto-Bold;
    font-weight: normal;
    color: #01556B;
}

.popupconfirmBookPlace .underpop p a:hover {
    text-decoration: underline;
}

.popupconfirmBookPlace .underpop .butn {
    float: none;
    margin-top: 25px;
    width: auto !important;
}

.popupconfirmBookPlace .underpop .closeInfo {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    border: none;
    background: none;
    width: 21px;
    height: 21px;
    background: #F04A4A url(../images/normal-closebtn.png) no-repeat center center / 25px auto;
    font-size: 0px;
}

.popupconfirmBookPlace .butn {
  color: #fff;
  font-size: 16px;
  background: #01556B;
  padding: 5px 13px;
  
  font-family: Roboto-Regular;
  line-height: 20px;
}

.popupconfirmBookPlace .butn:hover {  
  text-decoration: underline;
}

.upcoming_computational .infoDetails .ibtn {
    width: 28px;
    height: 28px;
    display: block;
    background: #FFE100 url(../images/info.png) no-repeat center center / auto 11px;
    border: 1px solid #FFE100;
    border-radius: 100%;
    cursor: pointer;
}
.upcoming_computational.widthauto .listCont.space {
    width: 30%;
}

.upcoming_computational.widthauto .listCont.space2 {
    width: 34.2%;
}

.upcoming_computational.widthauto .listCont.space4 {
    width:80px;
    text-align:center;
}





.infoPopupTextinfo {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 10px);
border: 1px solid #01556B;
width: 247px;
text-align: center;
padding: 15px 30px;
background: #fff;
display: none;
z-index: 2;
margin: 26px 0 0 15px;
}

.infoPopupTextinfo:after {
position: absolute;
top: -10px;
left: 50%;
content: "";
border-width: 0 7px 10px 7px;
border-style: solid;
border-color: #01556B transparent;
transform: translate(-50%, 0px);
}

.infoPopupTextinfo.open {
display: block;
}

.infoPopupTextinfo p {
font-size: 12px;
margin: 0px;
}


.infoPopupTextinfo p a {
font-family: Roboto-Bold;
}

.infoPopupTextinfo .closeInfo {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
border: none;
background: none;
width: 21px;
height: 21px;
background: #F04A4A url(../images/normal-closebtn.png) no-repeat center center / 25px auto;
font-size: 0px;
}


/* 18-oct-2021 */
.new_campaign.barefoot_advocate {
    background-color: #f2f2f2;
}

.new_campaign.barefoot_advocate .heading h2:before {
    background: none;
}

.workshop_form .infoDetails {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 19px 0 0 23px;
}

.workshop_form .infoDetails.mt0 {
    margin-top: 0px;
}

.workshop_form .infoDetails .ibtn {
    width: 28px;
    height: 28px;
    display: block;
    background: #FFE100 url(../images/info.png) no-repeat center center / auto 11px;
    border: 1px solid #FFE100;
    border-radius: 100%;
    cursor: pointer;
}

.register_login .reg_main_check_field {
    width: 51%;
    margin: 10px 0;
}

.register_login .reg_main_check_field:nth-child(2n) {
    float: right;
}

.barefoot_advocateArea {
    display: none;
}

.register_login .reg_main_check_field.check_advocate {
    position: relative;
    float: left;
}

.register_login .reg_main_check_field.check_advocate .infoDetails {
    position: absolute;
    top: 8px;
    right: -44px;
    margin: 0;
}

.register_login .reg_main_check_field.check_Teacher {
    position: relative;
    float: left;
}

.register_login .reg_main_check_field.check_Teacher .infoDetails {
    position: absolute;
    top: 8px;
    right: -44px;
    margin: 0;
}

.register_login .reg_main_check_field.check_Volunteer {
    position: relative;
    float: left;
}

.register_login .reg_main_check_field.check_Volunteer .infoDetails {
    position: absolute;
    top: 8px;
    right: -44px;
    margin: 0;
}

.workshop_form .text_with_check.term .text_check label {
    position: relative;
}

.workshop_form .text_with_check.term .text_check label .infoDetails {
    position: absolute;
    top: 18px;
    right: -95px;
    margin: 0;
}
.reg_main_check .userType_chk {
    width: 100%;
    /*display: inline-block;*/
}
.reg_main_check .text_msg {
    position: relative;
    display: inline-block;
    width: 49%;
    margin: 10px 0;
    font-size:13px;
    font-style:italic;
}




/* .newLayout_post */
.parent_resources_clone.newLayout_post {
    background: #fff;
    padding: 0px !important;
}

.newLayout_post .bfl_digital_posts .resources_post .inner_panel {
    padding: 0px;
}

.newLayout_post .resources_post h3 {
    padding: 0 0 10px;
    min-height: 44px;
}

.newLayout_post .resources_post + .acti_ctnt_with_icons.acti_ctnt_no_icons.pt-0 {
  padding-top: 20px !important;
}

.newLayout_post .bfl_digital_posts {
    padding-top: 0px;
}

.newLayout_post .resources_posts {
    margin-bottom: 0px;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons {
    background: #fff;
    padding-bottom: 0px;
}

 .acti_ctnt_with_icons.acti_ctnt_no_icons h1 {
        padding:0px 5%;
    }
    .acti_ctnt_with_icons.acti_ctnt_no_icons h2 {
        font-size: 30px;
        border:none;
    }

    .acti_ctnt_with_icons.acti_ctnt_no_icons h3 {
        font-size: 26px;
    }

    .acti_ctnt_with_icons.acti_ctnt_no_icons .acti_ctnt {
      position: relative;
    }

.newLayout_post.pb-50 {
    padding-bottom: 50px !important;
}

.data_champions.space_top {
    padding-top: 40px;
}

.top_head nav .new-nav ul.submenu {
    padding: 10px 0;
}

    .top_head nav .new-nav ul.submenu li {
        padding: 5px 10px;
    }


.acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg {
    background: #25b2a1;
    color: #fff;
}

    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h1,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h2,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h3,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h4,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h5,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h6 {
        color: #fff;
        border:none;
    }

.parent_resources_clone.newLayout_post.new_blue_bg {
    background: #25b2a1;
}


.acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg {
    background: #f04a4a;
    color: #fff;
}

    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h1,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h2,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h3,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h4,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h5,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h6 {
        color: #fff;
        border:none;
    }

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg {
    background: #26afe0;
    color: #fff;
}

    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h1,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h2,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h3,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h4,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h5,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h6 {
        color: #fff;
        border: none;
    }

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg {
    background: #01556B;
    color: #fff;
}

    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h1,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h2,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h3,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h4,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h5,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h6 {
        color: #fff;
        border: none;
    }

.parent_resources_clone.newLayout_post.new_red_bg {
    background: #f04a4a;
}

.parent_resources_clone.newLayout_post.new_skyblue_bg {
    background: #26afe0;
}

.parent_resources_clone.newLayout_post.new_darkblue_bg {
    background: #01556B;
}

.new_service_bar.site_service_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .new_service_bar.site_service_bar .sf_colsIn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .new_service_bar.site_service_bar .bar_item .title {
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
    }

.menu_list .submenu li {
    padding: 2px 10px;
}

.new_profile_menu.profile_menu li br {
    display: none;
}

.d-noneS {
    display: none;
}

.relativeaccor {
    position: relative;
}

.accordionSec {
    width: 33px;
    height: 33px;
    position: absolute;
    right: 0px;
    top: 0;
}

    .accordionSec::before {
        content: "";
        position: absolute;
        background-color: #fff;
        width: 2px;
        height: 15px;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .accordionSec::after {
        content: "";
        position: absolute;
        background-color: #fff;
        height: 2px;
        width: 15px;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .accordionSec.open::before {
        opacity: 0;
    }

.acti_ctnt_with_icons.acti_ctnt_no_icons .accordionSec::after,
.acti_ctnt_with_icons.acti_ctnt_no_icons .accordionSec::before {
    background: #01556B;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg .accordionSec::after,
.acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg .accordionSec::before {
    background: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg .accordionSec::after,
.acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg .accordionSec::before {
    background: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg .accordionSec::after,
.acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg .accordionSec::before {
    background: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg .accordionSec::after,
.acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg .accordionSec::before {
    background: #fff;
}

.new_blue_bg.pt-0,
.acti_ctnt_with_icons.acti_ctnt_no_icons.pt-0 {
    padding-top: 0px !important;
}

.acti_ctnt_with_icons p.shortdesc {
    font-size: 16px;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons .shortdesc {
  margin-bottom: 20px;
  font-size: 16px;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons .accordionSec {
  z-index: 2;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons h2 + .sf_colsIn {
  font-size: 18px;
  margin-bottom: 20px;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons .shortdesc a, .acti_ctnt_with_icons.acti_ctnt_no_icons h2 + .sf_colsIn a {
  font-family: Roboto-Bold;
	text-decoration: underline;
	color: #000;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons .shortdesc a:hover, .acti_ctnt_with_icons.acti_ctnt_no_icons h2 + .sf_colsIn a:hover {  
	text-decoration: none;	
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg .shortdesc a, .acti_ctnt_with_icons.acti_ctnt_no_icons.new_red_bg h2 + .sf_colsIn a { 
	color: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg .shortdesc a, .acti_ctnt_with_icons.acti_ctnt_no_icons.new_skyblue_bg h2 + .sf_colsIn a {
    color: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg .shortdesc a, .acti_ctnt_with_icons.acti_ctnt_no_icons.new_darkblue_bg h2 + .sf_colsIn a {
    color: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg .shortdesc a, .acti_ctnt_with_icons.acti_ctnt_no_icons.new_blue_bg h2 + .sf_colsIn a {  
	color: #fff;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons h2 + .sf_colsIn p,
.acti_ctnt_with_icons.acti_ctnt_no_icons .accordionSec p {
  margin-bottom: 0px !important;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons .acti_ctnt p a {
  font-family: Roboto-Bold;
    text-decoration: underline;
    color: #000;
}

.acti_ctnt_with_icons.acti_ctnt_no_icons .acti_ctnt p a:hover {
  text-decoration: none;
}

@media (max-width: 991px) {

    .data_champions.space_top {
        padding-top: 0px;
    }

    .newLayout_post.pb-50 {
        padding-bottom: 40px !important;
    }
}

@media (max-width: 767px) {

  .acti_ctnt_with_icons.acti_ctnt_no_icons .shortdesc {
    font-size: 14px;
  }

  .acti_ctnt_with_icons.acti_ctnt_no_icons h2 + .sf_colsIn {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .newLayout_post .resources_post + .acti_ctnt_with_icons.acti_ctnt_no_icons.pt-0 {
    padding-top: 12px !important;
}

.newLayout_post .resources_post h3  {
  min-height: auto;
}

    .parent_resources_clone.newLayout_post .resources_post .post_text {
        min-height: auto;
        height: auto !important;
    }

    .newLayout_post.pb-50 {
        padding-bottom: 30px !important;
    }

    .new_profile_menu.profile_menu ul {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .new_profile_menu.profile_menu li {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .new_profile_menu.profile_menu li br {
            display: block;
        }

    .newLayout_post .bfl_digital_posts .resources_post .inner_panel {
        padding: 2px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .newLayout_post .bfl_digital_posts .resources_post {
        margin-bottom: 8px;
    }

        .newLayout_post .bfl_digital_posts .resources_post:last-child {
            margin-bottom: 0px;
        }

    .new_service_bar.site_service_bar {
        padding: 10px 0;
    }

        .new_service_bar.site_service_bar .bar_item {
            padding: 0 5px;
        }

            .new_service_bar.site_service_bar .bar_item .title {
                padding-top: 0px;
            }
	.acti_ctnt_with_icons.acti_ctnt_no_icons h1 {
	  padding:0px;
	}
    .new_blue_bg.pt-0,
    .acti_ctnt_with_icons.acti_ctnt_no_icons.pt-0 {
        padding-top: 20px !important;
    }
        .new_blue_bg.pt-0.top-pt0,
        .acti_ctnt_with_icons.acti_ctnt_no_icons.pt-0.top-pt0 {
            padding-top: 0px !important;
        }
}


/* Westhill */
.text_content_block {
  background: #faf9f9;
  padding: 30px 0;
}

.text_content_block.white-bg {
  background-color: #fff;
}

.text_content_block .sub {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}


.text_content_block .image {
  width: 25%;
}

.text_content_block .text {
  width: 62%;
}

.text_content_block p {
  margin-bottom: 10px;
  font-size: 16px;
  color: inherit;
  line-height: 20px;
}

.text_content_block.skycolor {
  background: #40aeab;
  padding: 0px;
  color: #fff;
}

.text_content_block.skycolor h3,
.text_content_block.skycolor p {
  color: #fff;
}

.text_content_block.skycolor .cta_btn {
  display: inline-block;
  color: #01556B;
  font-size: 16px;
  background: #fff;
  padding: 8px 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
}

.text_content_block.skycolor .cta_btn:hover {
  text-decoration: underline;
}

.text_content_block.skycolor .image {
  width: 50%;
}

.text_content_block.skycolor .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text_content_block.skycolor .text {
  width: 472px;
  padding: 20px 30px 20px 0px;
  display: flex;
  align-items: center;
}

.text_content_block.skycolor .text .underText {

}

.text_content_block.skycolor .text h3 {
  margin-top: 0px;
}

.text_content_block.insights_features {
  position: relative;
  z-index: 1;
  padding: 40px 0;
  width: 100%;
  overflow: hidden;
}

.text_content_block.insights_features .content-panel {
  content: '';
  position: absolute;
  top: 75px;
  bottom: 0;
  width: 50%;
  z-index: -1;
}

.text_content_block.insights_features.right-image-left-text .content-panel {
  left: -190px;
}

.text_content_block.insights_features.left-image-right-text .content-panel {
  right: -190px;
}


.text_content_block.insights_features .sub {
  box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.09);
  background: #fff;
}

.text_content_block.insights_features .sub .image {
  width: 45%;
}

.text_content_block.insights_features .sub .image img {
  width: 100%;
}

.text_content_block.insights_features .sub .text,
.text_content_block.insights_features.right-image-left-text .sub .text,
.text_content_block.insights_features.left-image-right-text .sub .text {
  width: 55%;
  padding: 40px;
}

.text_content_block.insights_features .sub .text h3 {
  color: #01556B;
  margin-top: 0px;
}


.text_content_block.right-image-left-text .sub {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.text_content_block.right-image-left-text .sub .text {
  padding: 20px 30px 20px 0;
}

.text_content_block.left-image-right-text .sub {
  justify-content: flex-start;
}

.text_content_block.left-image-right-text .sub .text {
  padding: 20px 0 20px 30px;
}

/* box_block */
.box_block {
  padding: 40px 0;
  background: #e1f8fe;
}

.box_block .sub {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box_block .box {
  width: calc(33.33% - 15px);
  text-align: center;
  background-color: #01556B;
  padding: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.box_block .box h3 {
  color: #fff;
}

.box_block .box p {
  color: #fff;
}

/* cta_bar */
.cta_bar {
  background: #40aeab;
  text-align: center;
  padding: 20px 0;
}

.cta_bar h3 {
  color: #fff;
}

.cta_bar p {
  color: #fff;
}

.cta_bar a {
  color: #fff;
  display: inline-block;
}

.cta_bar a:hover {
  text-decoration: underline;
}

/* dual_cta_bar */
.dual_cta_bar {
  padding: 30px 0;
  background: #e1f8fe;
}

.dual_cta_bar h2 {
  color: #01556B;
  text-align: center;
  margin: 0 0 25px;
}

.dual_cta_bar .bars {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dual_cta_bar .item {
  width: calc(50% - 15px);
  background-color: #01556B;
  padding: 20px;
}

.dual_cta_bar h3 {
  color: #fff;
  margin: 0 0 15px;
  font-size: 18px;
}

.dual_cta_bar p {
  color: #fff;
  margin-bottom: 15px;
}

.dual_cta_bar .cta_btn {
  display: block;
  color: #01556B;
  font-size: 16px;
  background: #fff;
  padding: 8px 13px;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
}

.dual_cta_bar .cta_btn:hover {
  text-decoration: underline;
}

@media (max-width: 991px) {

  .text_content_block.skycolor .text {
    width: 364px;
  }

}

@media (max-width: 767px) {
  
  .text_content_block .text {
    width: 100%;
  }

  .text_content_block .image {
    width: 100%;
    margin-bottom: 30px;
  }

  .text_content_block .image img {
    margin: 0 auto;
    display: block;
  }

  .box_block {
    padding: 30px 0;
  }

  .box_block .box {
    width: 100%;
    margin: 10px 0;
  }

  .dual_cta_bar .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .dual_cta_bar .item:last-child {
    margin-bottom: 0px;
  }

  .text_content_block.skycolor .text,
  .text_content_block.right-image-left-text .sub .text,
  .text_content_block.left-image-right-text .sub .text {
    width: 100%;
    padding: 20px 15px;
  }

  .text_content_block.skycolor .image {
    width: 100%;
    margin: 0px;
  }

  .text_content_block.insights_features {
    padding: 30px 0;
  }

  .text_content_block.insights_features .sub .text,
  .text_content_block.insights_features.right-image-left-text .sub .text,
  .text_content_block.insights_features.left-image-right-text .sub .text {
    width: 100%;
    padding: 30px;
  }

  .text_content_block.insights_features .sub .image {
    width: 100%;
    margin: 0px;
  }

}