/* 
 Theme Name:     APEX Education
 Author:         Optimizer Group
 Author URI:     www.OptimizerGroup.co.th
 Template:       Divi
 Version:        1.0.0
 Description:   A Child Theme built for implement DIVI parent themplate. and this child them gernerate and Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.5
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */
/*
@font-face {
  font-family: "Cloud-SemiBold";
  src: url("fonts/Cloud-SemiBold.eot");
  src: local("☺"), url("fonts/Cloud-SemiBold.woff") format("woff"),
    url("fonts/Cloud-SemiBold.ttf") format("truetype"),
    url("fonts/Cloud-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Cloud-Bold";
  src: url("fonts/Cloud-Bold.eot");
  src: local("☺"), url("fonts/Cloud-Bold.woff") format("woff"),
    url("fonts/Cloud-Bold.ttf") format("truetype"),
    url("fonts/Cloud-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Cloud-Regular";
  src: url("fonts/Cloud-Regular.eot");
  src: local("☺"), url("fonts/Cloud-Regular.woff") format("woff"),
    url("fonts/Cloud-Regular.ttf") format("truetype"),
    url("fonts/Cloud-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
/* Ekkamai Project */
/*
@font-face {
  font-family: "ekkamai_standardbold";
  src: url("fonts/ekkamai-project/ekkamaistandard-light-webfont.eot");
  src: url("fonts/ekkamai-project/ekkamaistandard-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/ekkamai-project/ekkamaistandard-light-webfont.woff2")
      format("woff2"),
    url("fonts/ekkamai-project/ekkamaistandard-light-webfont.woff")
      format("woff"),
    url("fonts/ekkamai-project/ekkamaistandard-light-webfont.ttf")
      format("truetype"),
    url("fonts/ekkamai-project/ekkamaistandard-light-webfont.svg#ekkamai_standardbold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "kunlasatriregular";
  src: url("fonts/ekkamai-project/kunlasatri-webfont.eot");
  src: url("fonts/ekkamai-project/kunlasatri-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/ekkamai-project/kunlasatri-webfont.woff2") format("woff2"),
    url("fonts/ekkamai-project/kunlasatri-webfont.woff") format("woff"),
    url("fonts/ekkamai-project/kunlasatri-webfont.ttf") format("truetype"),
    url("fonts/ekkamai-project/kunlasatri-webfont.svg#kunlasatriregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "kunlasatribold";
  src: url("fonts/ekkamai-project/kunlasatri-bold-webfont.eot");
  src: url("fonts/ekkamai-project/kunlasatri-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/ekkamai-project/kunlasatri-bold-webfont.woff2") format("woff2"),
    url("fonts/ekkamai-project/kunlasatri-bold-webfont.woff") format("woff"),
    url("fonts/ekkamai-project/kunlasatri-bold-webfont.ttf") format("truetype"),
    url("fonts/ekkamai-project/kunlasatri-bold-webfont.svg#kunlasatribold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "kunlasatrilight";
  src: url("fonts/ekkamai-project/kunlasatri-light-webfont.eot");
  src: url("fonts/ekkamai-project/kunlasatri-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/ekkamai-project/kunlasatri-light-webfont.woff2") format("woff2"),
    url("fonts/ekkamai-project/kunlasatri-light-webfont.woff") format("woff"),
    url("fonts/ekkamai-project/kunlasatri-light-webfont.ttf") format("truetype"),
    url("fonts/ekkamai-project/kunlasatri-light-webfont.svg#kunlasatrilight")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanamdeklenchayaregular";
  src: url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.eot");
  src: url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.woff2") format("woff2"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.woff") format("woff"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.ttf")
      format("truetype"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.svg#sanamdeklenchayaregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sanamdeklenchayaregular";
  src: url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.eot");
  src: url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.woff2") format("woff2"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.woff") format("woff"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.ttf")
      format("truetype"),
    url("fonts/ekkamai-project/sanamdeklen_chaya-webfont.svg#sanamdeklenchayaregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
/* End fonts */

/*
h1,
h2 {
  font-family: "Cloud-SemiBold", "Noto Sans Thai", sans-serif !important;
}
h3,
h4,
h5,
h6 {
  font-family: "Cloud-Bold", "Noto Sans Thai", sans-serif !important;
}

body,
input,
textarea,
select {
  font-family: "Cloud-Regular", "Noto Sans Thai", sans-serif !important; 
}

a {
   font-family: "Cloud-Regular", "Noto Sans Thai", sans-serif !important; 
}
*/

h1,
h2 {
  /*font-family: "sanamdeklenchayaregular", "kunlasatrilight", "ekkamai_standardbold", "Noto Sans Thai", sans-serif !important;*/
  font-family: "Prompt", sans-serif;
}
h3,
h4,
h5,
h6 {
  /* font-family: "sanamdeklenchayaregular", "kunlasatrilight", "ekkamai_standardbold", "Noto Sans Thai", sans-serif !important; */
  font-family: "Prompt", sans-serif;
}

body,
input,
textarea,
select {
  /* font-family: "sanamdeklenchayaregular", "kunlasatrilight", "ekkamai_standardbold", "Noto Sans Thai", sans-serif !important; */
  font-family: "Prompt", sans-serif !important;
}

a {
  /*font-family: "sanamdeklenchayaregular", "kunlasatrilight", "ekkamai_standardbold", "Noto Sans Thai", sans-serif !important;*/
  font-family: "Prompt", sans-serif !important;
}
/*
h1{font-size: 7vw;}
h2{font-size: 6vw;}
h3{font-size: 4vw;}
h4{font-size: 4vw;}
h5{font-size: 3vw;}
h6{font-size: 3vw;}
*/

/* Search.php */

/*-------------Menu CTA Button--------------*/
.menu-cta {
  border: 2px solid rgb(166, 37, 170);
  background-color: rgb(166, 37, 170);
  padding: 12px !important;
  border-radius: 25px;
  text-align: center;
}

@media only screen and (min-width: 981px) {
  .menu-cta {
    height: 42px;
  }
}

.menu-cta a {
  color: #fff !important;
}

.menu-cta:hover {
  border: 2px solid rgb(166, 37, 170);
}

.et_header_style_left #et-top-navigation {
  padding-top: 16px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
  padding-top: 8px;
}

/* Utilities */
.clear-fix::after {
  content: "";
  clear: both;
  display: table;
}


/*------------ course component blurbs tabs --------------- */
#blurb-tabs .tab-title {
  width: 15%;
}

#blurb-tabs .tab-title:hover {
  cursor: pointer;
  background-color: #222;
  transition: all 0.3s ease-in-out;
}

#blurb-tabs .et_pb_column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#blurb-tabs .et_pb_blurb_content .et_pb_blurb_container {
  height: 3.8em;
}

@media (max-width: 767px) {
  /* Tablet */
  #blurb-tabs .tab-title {
    width: 50%;
  }
  #blurb-tabs .et_pb_main_blurb_image {
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) {
  /* Mobile */
  #blurb-tabs .tab-title {
    width: 100%;
  }
  #blurb-tabs .et_pb_main_blurb_image {
    margin-bottom: 0;
    margin-right: 20px;
  }
  #blurb-tabs .et_pb_blurb_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  #blurb-tabs .tab-title .et_pb_module_header {
    padding-bottom: 0;
  }
}

.tab-content {
  display: none;
}

.tab-open {
  display: block;
}

#blurb-tabs .tab-title.active-tab {
  background: #d9dfe2;
}

#blurb-tabs .tab-title.active-tab .et-pb-icon {
  color: #666;
}

#blurb-tabs .tab-title.active-tab .et_pb_module_header a {
  color: #666;
}

/* --------- courses in country ------------- */
.section-course-in-country {
}
.row-course-in-country {
}

.section-course-in-country .blurb-item {
  height: 530px;
  overflow: hidden;
}

/*-------------Menu CTA Button Mobile--------------*/
@media only screen and (max-width: 980px) {
  .menu-cta {
    padding: 0px !important;
  }
}
/* Modal Calll to Apex */
#modal-apex-contact {
  left: 50%;
  margin: -250px 0 0 -32%;
  opacity: 0;
  position: absolute;
  top: -50%;
  visibility: hidden;
  width: 65%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

/* margin: -150px 0 0 -22%;
#modal-apex-contact {
  left: 50%;
  margin: -250px 0 0 -32%;
  opacity: 0;
  position: absolute;
  top: -50%;
  visibility: hidden;
  width: 65%;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
*/

#modal-apex-contact:target {
  opacity: 1;
  top: 50%;
  visibility: visible;
}

#modal-apex-contact .header,
#modal-apex-contact .footer {
  border-bottom: 1px solid #1abc9c;
  border-radius: 5px 5px 0 0;
}

#modal-apex-contact .footer {
  border: none;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
}

#modal-apex-contact h2 {
  margin: 0;
  color: #fff;
}

#modal-apex-contact .btn {
  float: right;
}

#modal-apex-contact .apex-contact-copy,
#modal-apex-contact .header,
#modal-apex-contact .footer {
  padding: 10px;
  color: #fff;
}

.modal-content {
  background: #00a9a6;
  position: relative;
  z-index: 20;
  border-radius: 5px;
  color: #fff;
}

#modal-apex-contact .apex-contact-copy {
  background: #b2f3f3;
}

#modal-apex-contact .overlay {
  background-color: #000;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.apex-contact-copy li a {
  text-decoration: none;
  text-align: center;
}

.apex-contact-copy .modal-close {
  color: #252424;
  text-decoration: none;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #00a9a6;
}

/* ********* Search bar *********** */

/* Search Box List */
.sf-field-search label input:focus {
  border: 1px solid #01a9a7;
  -webkit-box-shadow: 0px 0px 16px -2px;
  box-shadow: 0px 0px 16px -2px;
}

.sf-field-search label input {
  border: 1px solid #01a9a7;
  padding: 7px;
  color: #01a9a7 !important;
}

/* check list */
.searchandfilter ul li li {
  padding: 5px 0;
  margin: 5px;
  color: #fff;
  background-color: #01a9a7;
  font-size: 15px;
  -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
}

/* Search box form responsive */

#warp-sf-filter label.filter-toggle-label {
  font-size: 18px;
  display: block;
  cursor: pointer;
  padding: 10px 0 10px 50px;
}
#warp-sf-filter label.filter-toggle-label:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f0b0";
  margin: 5px;
}

#warp-sf-filter input#course-filter-toggle,
#control-bar label.filter-toggle-label {
  display: none;
}

#warp-sf-filter input#course-filter-toggle:checked + label:before {
  content: "\f00d";
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  #control-bar form#search-filter-form-55218 {
    display: none;
  }
  #control-bar input#course-filter-toggle:checked ~ #search-filter-form-55218 {
    display: block;
  }
  #control-bar label.filter-toggle-label {
    display: block;
  }
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}

/********** Coueses Search Result *************/

.search-filter-results {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.search-filter-results .result-item {
  margin: 5px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(214, 214, 214, 0.75);
  -moz-box-shadow: 0px 0px 5px 1px rgba(214, 214, 214, 0.75);
  box-shadow: 0px 0px 5px 1px rgba(214, 214, 214, 0.75);
  /*
  box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.2);
  */
}
.search-filter-results .text-divide {
  align-self: center;
  flex: 1 1 100%;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 1%;
  padding-right: 1%;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.search-filter-results h4 {
  text-align: center;
}

.search-filter-results .result-item a {
  display: flex;
  align-items: center;
}
.search-filter-results .result-item :not(img) {
  padding: 10px;
}
.search-filter-results .result-item {
  flex-basis: 100%;
}
.search-filter-results .item-image {
  width: 120px;
/*   height: 100px; */
  margin: 0;
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .search-filter-results .container-results {
    display: initial;
  }
  .search-filter-results .item-image {
    width: 20%;
    margin: 0;
  }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .search-filter-results .container-results {
    display: initial;
  }
  .search-filter-results .item-image {
    width: 20%;
    margin: 0;
  }
}

/*
.search-filter-results .course-box {
  border: 1px solid #eeeeee;
  width: 250px;
  height: 250px;
  padding: 5px;
  margin: 5px;
  float: left;
}

.search-filter-results .course-box img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

.search-filter-results .course-box p {
  margin-top: 7px;
  text-align: center;
}

.search-filter-results .course-box p a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.search-filter-results .text-divide {
  clear: both;
  padding: 25px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
*/

/*
 When no result
*/
.box-not-available * {
  box-sizing: border-box;
}
.box-not-available {
  display: flex;
  margin-bottom: 20px;
}

@media (max-width: 605px) {
  .box-not-available {
    flex-direction: column-reverse;
  }
}

/* Call to APEX */
ul.apex-call-info {
  list-style: none;
}
ul.apex-call-info li {
  display: inline-block;
}
ul.apex-call-info li a {
  margin-right: 40px;
  padding: 12px;
}

ul.apex-call-info {
  list-style: none;
}
ul.apex-call-info li {
  display: inline-block;
}
ul.apex-call-info li a {
  margin-right: 40px;
  padding: 12px;
}

/* Search Form Overlay */
.main-overlay {
  height: 100%;
  width: 100%;
  margin: auto;
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.main-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

.main-overlay a:hover,
.main-overlay a:focus {
  color: #f1f1f1;
}

.main-overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.content-overlay {
  position: relative;
  top: 10%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

@media screen and (max-height: 450px) {
  .main-overlay a {
    font-size: 20px;
  }
  .main-overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* Searc form elements in overlay */
#search-filter-form-57556 ul {
  display: flex;
  justify-content: center;

  border: 1px solid #22746d;
  padding: 0.5rem;
  box-shadow: 2px 1px 10px 1px #22746d;
}

#search-filter-form-57556 ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#search-filter-form-57556 ul ul h4 {
  color: #fff;
}

#search-filter-form-57556 select.sf-input-select {
  min-width: 170px;
  width: 300px;
  color: #444;
  font-size: 1.9rem;
  padding: 10px;
}

#search-filter-form-57556 input[type="submit"] {
  background-color: #137e75;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.9rem;
  margin-top: 38px;
}
#search-filter-form-57556 input[type="submit"]:hover {
  cursor: pointer;
}

/* ========================= */
/* custom menu for mobile */
/* ========================= */
/* when mobile menu is open, change hamburger icon to x icon */

#mobile_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: "\4d";
  z-index: 9999;
  color: #5ab18f;
  position: fixed;
  top: 2px;
}
.mobile_nav.opened .mobile_menu_bar:before {
}
/* makes sub sub menu icon be right arrow instead of down arrow */
#top-menu
  .menu-item-has-children
  .menu-item-has-children
  > a:first-child::after,
#et-secondary-nav
  .menu-item-has-children
  .menu-item-has-children
  > a:first-child::after {
  content: "5";
}
/* - mobile menu toggling elements, injected via jQuery - */
/* make menu list item be relative, to be able to position toggle within this item */

#section-mobile-menu #mobile_menu.et_mobile_menu .menu-item-has-children {
  position: relative;
}
/* the new toggle element, which is added via jQuery */

#section-mobile-menu #mobile_menu.et_mobile_menu .sub-menu-toggle {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 1;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  top: 35px;
  right: 30px;
  cursor: pointer;
  text-align: center;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
}
/* the new toggle element when popped */

#section-mobile-menu #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
  background-color: rgba(255, 255, 255, 0.2);
}
/* toggle icon */

#section-mobile-menu #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
  font-family: "ETmodules" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 36px;
  font-size: 24px;
  text-transform: none;
  speak: none;
  content: "\33";
  color: #fff;
}
/* toggle icon when triggered */

#section-mobile-menu
  #mobile_menu.et_mobile_menu
  .sub-menu-toggle.popped::before {
  content: "\32";
}
/* hide sub menus by default */

#section-mobile-menu
  #mobile_menu.et_mobile_menu
  .sub-menu-toggle
  ~ ul.sub-menu {
  display: none !important;
  padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */

#section-mobile-menu
  #mobile_menu.et_mobile_menu
  .sub-menu-toggle.popped
  ~ ul.sub-menu {
  display: block !important;
}
/* remove sub menu list item left padding, since padding will be on anchors */

#section-mobile-menu #mobile_menu.et_mobile_menu li li {
  padding-left: 0;
}
/* adjust mobile menu anchors side paddings */

#section-mobile-menu #mobile_menu.et_mobile_menu li a {
  padding-left: 20px;
  padding-right: 20px;
}
/* indent sub sub menus further */

#section-mobile-menu #mobile_menu.et_mobile_menu li li li a {
  padding-left: 60px;
  padding-right: 20px;
}

#section-mobile-menu #mobile_menu.et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
  font-weight: inherit;
}
/* make the current page's mobile menu link be different */

#section-mobile-menu #mobile_menu.et_mobile_menu li.current-menu-item > a {
  font-weight: bolder;
}

/****** Code Style: Menu Full-screen ******/

/* Font Awesome */
.fa,
.fas,
.fab {
  margin: 10px;
}

@media screen and (max-width: 980px) {
  .et_header_style_centered #section-mobile-menu {
    position: fixed;
  }
  .et_header_style_centered #section-mobile-menu .mobile_nav {
    background-color: transparent;
  }

  #section-mobile-menu #mobile_menu .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#section-mobile-menu {
    background-color: transparent !important;
  }
}

@media (max-width: 980px) {
  #section-mobile-menu #mobile_menu .et_pb_fullwidth_menu .et_mobile_menu {
    top: 0;
    padding: 5%;
  }
}
#section-mobile-menu #mobile_menu .et_mobile_menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  overflow: scroll !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  margin-left: -30px;
  padding: 25% 0;
  height: 100%;
  width: calc(100% + 60px);
  border-top: none;
}

#section-mobile-menu #mobile_menu .et_mobile_menu li a {
  text-align: center;
  font-size: 1.55em;
  border: 0;
  padding: 5% 0;
  text-transform: uppercase;
  letter-spacing: 6px;
}

#section-mobile-menu
  #mobile_menu
  .mobile_nav
  ul#mobile_menu
  .current_page_item
  > a {
  color: #5376f6;
  background-color: rgba(255, 255, 255, 0.1);
}
#section-mobile-menu #mobile_menu .mobile_nav ul#mobile_menu li ul li a {
  font-size: 1.05em !important;
  margin: auto;
  padding-top: 0.2em;
}
#section-mobile-menu #mobile_menu .et_mobile_menu li a:hover {
  color: #999;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* ==================== */
/* slider video section */
/* ==================== */
@media (max-width: 980px) {
  #slider-video-section {
    height: 44vh;
  }
}

.et_pb_slides .et_pb_slider_container_inner {
  vertical-align: text-top !important;
}

/* slide alternative */
#slid-video-row .et_pb_slides .et_pb_slider_container_inner {
  position: relative;
  left: -35%;
}

#slid-video-row .et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
  padding: 10% 8%;
}

/* ========================================================================== */
/* Post grid effected page Country shadow and border-radius*/
/* ========================================================================== */


#countries-list .grid-items .item,
#scholarships-list .grid-items .item,
#promotions-list .grid-items .item,
#post-grid-58945 .grid-items .item,
#post-grid-60251 .grid-items .item,
#post-grid-60252 .grid-items .item,
#post-grid-60253 .grid-items .item,
#post-grid-60254 .grid-items .item,
#post-grid-60255 .grid-items .item,
#post-grid-60271 .grid-items .item,
#post-grid-62476 .grid-items .item,
#post-grid-62510 .grid-items .item {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
#post-grid-58251,
#post-grid-55768,
#post-grid-55765,
#post-grid-58945,
#post-grid-60251,
#post-grid-60252,
#post-grid-60253,
#post-grid-60254,
#post-grid-60255,
#post-grid-60271,
#post-grid-62476,
#post-grid-62510 {
  background: #fff0 url() repeat scroll 0 0 !important;
}

/* Make center */
.post-grid .element .element_0{
   text-align: center;
}

/* ===================================================== */
/* Post grid effected page Country Edit-Items-Overflow*/
/* ===================================================== */
#countries-list .grid-items .item,
#scholarships-list .grid-items .item,
#promotions-list .grid-items .item,
#post-grid-58945 .grid-items .item,
#post-grid-60251 .grid-items .item,
#post-grid-60252 .grid-items .item,
#post-grid-60253 .grid-items .item,
#post-grid-60254 .grid-items .item,
#post-grid-60255 .grid-items .item,
#post-grid-60271 .grid-items .item,
#post-grid-62476 .grid-items .item, 
#post-grid-62510 .grid-items .item {
  overflow: hidden;
}
#countries-list .grid-items .item img,
#scholarships-list .grid-items .item img,
#promotions-list .grid-items .item img,
#post-grid-58945 .grid-items .item img,
#post-grid-60251 .grid-items .item img,
#post-grid-60252 .grid-items .item img,
#post-grid-60253 .grid-items .item img,
#post-grid-60254 .grid-items .item img,
#post-grid-60255 .grid-items .item img,
#post-grid-60271 .grid-items .item img,
#post-grid-62476 .grid-items .item img, 
#post-grid-62510 .grid-items .item img {
  transition: transform 0.5s ease;
}
#countries-list .grid-items .item:hover img,
#scholarships-list .grid-items .item:hover img,
#promotions-list .grid-items .item:hover img,
#post-grid-58945 .grid-items .item:hover img,
#post-grid-60251 .grid-items .item:hover img,
#post-grid-60252 .grid-items .item:hover img,
#post-grid-60253 .grid-items .item:hover img,
#post-grid-60254 .grid-items .item:hover img,
#post-grid-60255 .grid-items .item:hover img,
#post-grid-60271 .grid-items .item:hover img,
#post-grid-62476 .grid-items .item:hover img,
#post-grid-62510 .grid-items .item img {
  transform: scale(1.5);
}
/* ===================================================== */
/* Post grid effected page Country Edit-Items-Content*/
/* ===================================================== */
#countries-list .grid-items .item .layer-content .title,
#scholarships-list .grid-items .item .layer-content .title,
#promotions-list .grid-items .item .layer-content .title,
#post-grid-58945 .grid-items .item .layer-content .title,
#post-grid-60251 .grid-items .item .layer-content .title,
#post-grid-60252 .grid-items .item .layer-content .title,
#post-grid-60253 .grid-items .item .layer-content .title,
#post-grid-60254 .grid-items .item .layer-content .title,
#post-grid-60255 .grid-items .item .layer-content .title,
#post-grid-60271 .grid-items .item .layer-content .title, 
#post-grid-62476 .grid-items .item .layer-content .title,
#post-grid-62510 .grid-items .item .layer-content .title {
  font-size: 22px;
  color: black;
	text-align: center;
}
#countries-list .grid-items .item .layer-content .excerpt,
#scholarships-list .grid-items .item .layer-content .excerpt,
#promotions-list .grid-items .item .layer-content .excerpt,
#post-grid-58945 .grid-items .item .layer-content .excerpt,
#post-grid-60251 .grid-items .item .layer-content .excerpt,
#post-grid-60252 .grid-items .item .layer-content .excerpt,
#post-grid-60253 .grid-items .item .layer-content .excerpt,
#post-grid-60254 .grid-items .item .layer-content .excerpt,
#post-grid-60255 .grid-items .item .layer-content .excerpt,
#post-grid-60271 .grid-items .item .layer-content .excerpt,
#post-grid-62476 .grid-items .item .layer-content .excerpt,
#post-grid-62510 .grid-items .item .layer-content .excerpt {
  width: auto;
  height: 165px;
  font-size: 16px;
  font-weight: 300;
  color: black;
  text-align: left;
  overflow: hidden;
}

/* =============================================================================== */
/* Post grid effected page Country , Travel , Promotion media only screen Phone*/
/* =============================================================================== */
@media only screen and (max-width: 767px) {
	
	/* >>>>>>>>>>>>>>>>>>>>>> TRAVEL <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
	#post-grid-58945 .grid-items .item .layer-content .title,
	#post-grid-60251 .grid-items .item .layer-content .title,
	#post-grid-60252 .grid-items .item .layer-content .title,
	#post-grid-60253 .grid-items .item .layer-content .title,
	#post-grid-60254 .grid-items .item .layer-content .title,
	#post-grid-60255 .grid-items .item .layer-content .title,
	#post-grid-60271 .grid-items .item .layer-content .title,
	#post-grid-62476 .grid-items .item .layer-content .title,
	#post-grid-62510 .grid-items .item .layer-content .title {
		font-size: 22px;
	}
	#post-grid-58945 .grid-items .item .layer-media,
	#post-grid-60251 .grid-items .item .layer-media,
	#post-grid-60252 .grid-items .item .layer-media,
	#post-grid-60253 .grid-items .item .layer-media,
	#post-grid-60254 .grid-items .item .layer-media,
	#post-grid-60255 .grid-items .item .layer-media,
	#post-grid-60271 .grid-items .item .layer-media,
	#post-grid-62476 .grid-items .item .layer-media,
	#post-grid-62510 .grid-items .item .layer-media {
		height: 170px;
	}
	#post-grid-58945 .item,
	#post-grid-60251 .item,
	#post-grid-60252 .item,
	#post-grid-60253 .item,
	#post-grid-60254 .item,
	#post-grid-60255 .item,
	#post-grid-60271 .item,
	#post-grid-62476 .item,
	#post-grid-62510 .grid-items {
	
    	margin: 0 0 10px 0 !important;
	}
	
	/* >>>>>>>>>>>>>>>>>>>>>> COUNTRY <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
	#post-grid-58251 .item {
		margin: 0 0 10px 0 !important;
	}
	#post-grid-58251 .grid-items .item .layer-media {
		height: 95px;
	}
	#post-grid-58251 .grid-items .item .layer-content .excerpt {
		height: 150px;
	}
	
	/* >>>>>>>>>>>>>>>>>>>>>> PROMOTION <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
	#post-grid-55765 .item {
		margin: 0 0 10px 0 !important;
	}
	#post-grid-55765 .grid-items .item .layer-media {
		height: 160px;
	}
	
	/* >>>>>>>>>>>>>>>>>>>>>> SCHOLARSHIP <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
	#post-grid-55768 .item {
		margin: 0 0 10px 0 !important;
	}
	#post-grid-55768 .grid-items .item .layer-media {
		height: 140px;
	}
}

/* ============================================================= */
/* Post grid effected page Country Edit-Items-Content-Readmore*/
/* ============================================================= */
#countries-list .grid-items .item .layer-content a:link,
#scholarships-list .grid-items .item .layer-content a:link,
#promotions-list .grid-items .item .layer-content a:link,
#post-grid-58945 .grid-items .item .layer-content a:link,
#post-grid-60251 .grid-items .item .layer-content a:link,
#post-grid-60252 .grid-items .item .layer-content a:link,
#post-grid-60253 .grid-items .item .layer-content a:link,
#post-grid-60254 .grid-items .item .layer-content a:link,
#post-grid-60255 .grid-items .item .layer-content a:link,
#post-grid-60271 .grid-items .item .layer-content a:link,
#post-grid-62476 .grid-items .item .layer-content a:link,
#post-grid-62510 .grid-items .item .layer-content a:link {
  /*border-radius*/
	display: inline-block;
	font-size: 16px !important;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 1.5px solid #00c2b6;
	width: 125px;
	margin-bottom: 20px;
	padding: 10px;
  /*readmore-hover*/
	transition: 0.3s;
}
/*readmore-hover*/
#countries-list .grid-items .item .layer-content a:hover,
#scholarships-list .grid-items .item .layer-content a:hover,
#promotions-list .grid-items .item .layer-content a:hover,
#post-grid-58945 .grid-items .item .layer-content a:hover,
#post-grid-60251 .grid-items .item .layer-content a:hover,
#post-grid-60252 .grid-items .item .layer-content a:hover,
#post-grid-60253 .grid-items .item .layer-content a:hover,
#post-grid-60254 .grid-items .item .layer-content a:hover,
#post-grid-60255 .grid-items .item .layer-content a:hover,
#post-grid-60271 .grid-items .item .layer-content a:hover,
#post-grid-62476 .grid-items .item .layer-content a:hover,
#post-grid-62510 .grid-items .item .layer-content a:hover {
  background-color: #00c2b6;
  color: white;
}

/* ============================================================= */
/* Post grid effected page Travels Edit-Content-Title & Detail-Box*/
/* ============================================================= */
#post-grid-58945 .grid-items .item .layer-content .title,
#post-grid-60251 .grid-items .item .layer-content .title,
#post-grid-60252 .grid-items .item .layer-content .title,
#post-grid-60253 .grid-items .item .layer-content .title,
#post-grid-60254 .grid-items .item .layer-content .title,
#post-grid-60255 .grid-items .item .layer-content .title,
#post-grid-60271 .grid-items .item .layer-content .title,
#post-grid-62476 .grid-items .item .layer-content .title,
#post-grid-55765 .grid-items .item .layer-content .title,
#post-grid-55768 .grid-items .item .layer-content .title,
#post-grid-62510 .grid-items .item .layer-content .title {
	height: 100px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

#post-grid-58251 .grid-items .item .layer-content .title {
	height: 50px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ============================================================= */
/* Module of Slider Country Media only screen Mobile and Ipad*/
/* ============================================================= */
@media only screen and (max-width: 1024px) {
	.et_pb_slides .et_pb_slide_0 .et_pb_container,
	.et_pb_slides .et_pb_slide_1 .et_pb_container {
		margin-left: 0px;
	}
	.et_pb_slide_description .et_pb_text_overlay_wrapper {
		padding: 10px !important;
	}
}

/* #post-grid-58251 >>> Country list
 * 
 * #post-grid-58945 >>> Travel list America
 * #post-grid-60251 >>> Travel list Australia
 * #post-grid-60252 >>> Travel list Canada
 * #post-grid-60253 >>> Travel list England
 * #post-grid-60254 >>> Travel list Germany
 * #post-grid-60255 >>> Travel list New Zealand
 * #post-grid-60271 >>> Travel list Switzerland
 * #post-grid-62476 >>> Travel list Netherlands
 * #post-grid-62510 >>> Travel list Scotland
 * 
 * #post-grid-55765 >>> Promotion list
 * #post-grid-55768 >>> Scholarship list

/* Remove padding in schoraship */
/*
#post-grid-55768 .skin.flat .layer-content
{
  padding: 0;
}
#post-grid-55768 .element {
  padding: 0 !important;
}
*/

/* ============================================================= */
/* Clear Padding top of page */
/* ============================================================= */
/* posts and pages */
.single #page-container,
.page #page-container {
  padding-top: 10px !important;
}

/* homepage */
.home #page-container {
  padding-top: 1px !important;
}

@media only screen and (max-width: 981px) {
  /* mobile posts and pages */
  .single #page-container,
  .page #page-container {
    padding-top: 1px !important;
  }

  /* mobile homepage */
  .home #page-container {
    padding-top: 1px !important;
  }
}

/* ============================================================= */
/* popular institution in country post type */
/* ============================================================= */
.instri-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.instri-container .instri__pop-wrap {
  margin: 7px 7px;
  /*width: 33%;*/
  flex-basis: 31%;
  background-color: #fff;
}

.instri-container .instri__pop-wrap .instri__image {
  padding: 9px;
}

.instri-container .instri__pop-wrap .instri__image img {
  margin: 0 auto;
  display: block;
}
.instri-container .instri__pop-wrap .instri__title {
  text-align: center;
  padding: 9px;
}
.instri-container .instri__pop-wrap .instri__detail {
  padding: 9px;
}

@media only screen and (max-width: 1300px) {
  .instri-container .instri__pop-wrap {
    flex-basis: 100%;
  }
}

/* ============================================================= */
/* Optin Subscrib  */
/* ============================================================= */
.class-optin-subscribe .et_pb_newsletter_field,
.class-optin-subscribe .et_pb_newsletter_button_wrap {
  flex-basis: 49%;
}

@media (max-width: 479px) {
  .class-optin-subscribe .et_pb_newsletter_field,
  .class-optin-subscribe .et_pb_newsletter_button_wrap {
    flex-basis: 100%;
  }
}

/* ============================================================= */
/* Travel page animation */
/* ============================================================= */
.travel-icon-img img {
  animation: rotate-img 90s infinite 00s linear;
}

@keyframes rotate-img {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* ============================================================= */
/* Post Type Course section background */
/* ============================================================= */

article.course.type-course div.et_pb_row.et_pb_row_1,
article.course.type-course div.et_pb_row.et_pb_row_2{
    background-color: rgba(174,174,174,0.14)!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}

article.course.type-course div.et_pb_section.et_pb_section_6.et_section_regular{
margin-top:3vh;
}

.nf-before-form-content{
	display:none;
}

/* ============================================================= */
/* Travel List Country ##Edit## */
/* ============================================================= */

#travel .et_pb_row .et_pb_column {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#travel .et_pb_row .et_pb_column .et_pb_module {
	margin: 3vh;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
#travel .et_pb_row .et_pb_column .et_pb_module .et_pb_text_inner {	
	transition: transform 0.5s ease;
}
#travel .et_pb_row .et_pb_column .et_pb_module:hover >.et_pb_text_inner {
	transform: scale(1.5);
}
#travel .et_pb_row .et_pb_column .et_pb_module > .et_pb_text_inner::before {
	content: "";
        position: absolute;
        top: 75%;
        left: 0;
        height: 10%;
        width: 3px;
        background-color: #fff;
        transform: scaleY(0);
        transition: transform .2s,
                    width .4s cubic-bezier(1,0,0,1) .2s,
                    background-color .1s;
}
#travel .et_pb_row .et_pb_column .et_pb_module:hover >.et_pb_text_inner::before {
	transform: scaleY(1);
    width: 100%;
}
@media only screen and (max-width: 767px) {
	#travel .et_pb_row .et_pb_column .et_pb_module {
		width: 100%;
		height: 270px;
		margin: 0 0 3vh 0 !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#travel .et_pb_row .et_pb_column .et_pb_module {
		width: 360px;
		height: 270px;
		margin: 1vh !important;
		
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	#travel .et_pb_row .et_pb_column .et_pb_module {
		width: 424px;
		height: 318px;
		margin: 1vh !important;
	}
}

/* ============================================================= */
/* Blog Single Page  */
/* ============================================================= */

#blog-single-page .et_pb_row {
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}
#blog-single-page .et_pb_row:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
#blog-h1 {
	text-align: center !important;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
#blog-h1 .et_pb_text_inner h1 {
	padding-bottom: 0px !important;
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
	#blog-single-page .et_pb_row {
		width: 90% !important;
		max-width: 1080px !important;
	}
}

/* POST GRID OF BLOG */
#post-grid-61365 .grid-items .item {
	border: 1px solid #49c0b6;
	margin-bottom: 10px;
}
#post-grid-61365 .grid-items .item .layer-wrapper .layer-content {
	padding-right: 20px;
	padding-left: 20px;
	height: 100px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

#post-grid-60662 .grid-items .item .layer-wrapper .layer-content {
	padding-right: 20px;
	padding-left: 20px;
	height: 100px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
#post-grid-60662 .grid-items .item {
	margin-bottom: 10px;
}

/* BUTTON SEND IN HOMEPAGE */
#nf-field-8 {
	background-color: transparent;
	border: 1px solid #49c0b6;
	padding: 10px 30px;
	font-size: 20px;
	color: #49c0b6;
	letter-spacing: 1px;
	cursor: pointer;
	transition: .3s;
}
#nf-field-8:hover {
	background-color: #49c0b6;
	color: #fff;
}

/* BUTTON CLASS et_pb_button_module_wrapper */
.et_pb_button_module_wrapper >a {
	background-color: transparent;
	border: 1px solid #49c0b6;
	padding: 5px 20px;
	border-radius: 5px;
	letter-spacing: 1px;
	transition: .3s;
}
.et_pb_button_module_wrapper >a:hover {
	background-color: #49c0b6;
	color: #fff !important;
	
}

/* BUTTON CLASS et_pb_button_wrapper */
.et_pb_button_wrapper {
	margin-top: 30px;
}
.et_pb_button_wrapper >a {
	padding: 10px 20px;
	color: #fff;
	font-weight: 200;
	border: 1px solid #fff;
	border-radius: 5px;
	letter-spacing: 1px;
	transition: .3s;
}
.et_pb_button_wrapper >a:hover {
	background-color: #ffffff52;
	border: 0;
}