@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/Ubuntu.eot');
  src:
    url('../fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Ubuntu.woff2') format('woff2'),
    url('../fonts/Ubuntu.woff') format('woff'),
    url('../fonts/Ubuntu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.navbar-logo {
  width: 200px;
}

.navbar-header {
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-header::before,
.navbar-header::after {
  display: none;
}

.navbar-brand {
  height: 115px;
  display: flex;
  align-items: center;
  order: 0;
}

.navbar-toggle {
  float: none;
  order: 1;
}

.navbar-buttons {
  padding: 35px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar-buttons a.support {
  display: inline-block !important;
  background: #40798b !important;
  color: #fff !important;
  width: 130px !important;
  text-align: center !important;
  padding: 12px 0 !important;
  border-radius: 2px !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

.navbar-buttons .login {
  display: inline-block !important;
  background: #fff !important;
  color: #40798b !important;
  width: 130px !important;
  text-align: center !important;
  padding: 12px 0 !important;
  border-radius: 2px !important;
  font-size: 16px !important;
  line-height: 20px !important;
  margin-left: 26px !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  border: 0 !important;
}

.navbar-inverse .navbar-collapse {
  border-color: #d9d3d3 !important;
}

@media (min-width: 769px) {
  .navbar {
    display: flex;
  }
  .navbar-header {
    float: none;
  }
  #myNavbar {
    display: flex !important;
    align-items: center;
    flex: 1;
    justify-content: space-between;
  }
  #myNavbar:after {
    display: none;
  }
  #myNavbar .dropdown-menu > li > a {
    color: #252424 !important;
    text-align: left;
  }
  #myNavbar .dropdown-menu > li > a:hover {
    color: #f59b29 !important;
    background-color: #253544 !important;
  }
}

.contain_A1 {
  margin-top: 10px;
}

.color-tel p {
  background-color: #1c2733;
  color: #d9d3d3;
  text-align: center;
  font-size: 15px;
  font-family: 'Ubuntu', serif;
  padding: 6px 8px 6px 8px;
}

.color-tel span {
  color: #f59b29;
}

.main_cont_fluid {
  background-color: #253544;
  border-bottom: 1px solid #d9d3d3;
}

.my_inverse {
  background-color: #253544 !important;
  height: 115px;
  border: none;
  margin: 0px !important;
}

.my_ul_list {
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.my_ul_list li a {
  color: #d9d3d3 !important;
}

.eng_fluid {
  background-color: #253544;
  height: 500px;
}

.navbar-inverse .navbar-nav > .active > a {
  color: #f59b29 !important;
  background-color: transparent !important;
}

.systa_mati h2 {
  color: #ffffff;
  font-family: 'Ubuntu', serif;
  text-align: center;
  margin-left: -50px;
  padding-top: 15px;
}

.lear_an {
  color: #d9d3d3;
  text-align: center;
  padding: 213px;
  padding: 60px 155px 0px 155px;
  font-family: 'Ubuntu', serif;
  line-height: 2.5;
  font-size: 16px;
}

.with_ow {
  padding-top: 20px;
}

.palu_b2 img {
  width: 280px;
  transform: translate(-100px, 30px);
}

.palu_b2 figcaption {
  color: #f59b29;
  margin-top: 30px;
  /*  margin-left: -15px;*/
  font-size: 17px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
}

.palu_b2 span {
  color: #f59b29;
  font-family: 'Ubuntu', serif;
  margin-left: 8px;
}

.sus_cribe_1 {
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: -50px;
  margin-bottom: 80px;
}

.sus_cribe h3 {
  text-align: center;
  color: #253544;
  font-family: 'Ubuntu', serif;
}

.sus_cribe span {
  color: #f59b29;
}

.sus_cribe img {
  margin-right: 40px;
  margin-top: -20px;
}

.sudo_image img {
  margin-top: -26px;
  margin-bottom: -30px;
  margin-left: -215px;
}

.sus_cribe p {
  font-size: 24px;
  color: #253544;
  text-align: center;
  margin-left: 65px;
  font-family: 'Ubuntu', serif;
}

.great_way p {
  text-align: center;
  font-size: 17px;
  font-family: 'Ubuntu', serif;
  padding-top: 40px;
}

/*.box {
  background: #666666;
  color: #ffffff;
  width: 250px;
  padding: 10px;
  margin: 1em auto;
}*/

input[type='checkbox'],
input[type='radio'] {
  visibility: hidden;
}

label {
  cursor: pointer;
}

input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  border: 2px solid #ccc;
  content: '\00a0';
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin-right: 15px;
  margin-top: 4px;
  padding: 0;
  vertical-align: top;
  width: 16px;
  transform: scale(1.5);
}

input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
  background: #fff;
  color: #f59b29;
  content: '\2713';
  text-align: center;
}

input[type='checkbox']:checked + label:after,
input[type='radio']:checked + label:after {
  font-weight: bold;
}

input[type='checkbox']:focus + label::before,
input[type='radio']:focus + label:before {
  outline: rgb(59, 153, 252) auto 5px;
}

.under_s {
  margin-left: -16px;
}

.smart_speak label {
  font-weight: normal;
  color: #253544;
  font-family: 'Ubuntu', serif;
  font-size: 16px;
}

.yy_name {
  margin-top: 15px;
  /*background-color:#f59b29;*/
  border: 1px solid gray;
  margin-left: 35px;
  border-radius: 0px;
}

.yy_name::-moz-placeholder {
  color: #fff !important;
  font-family: 'Ubuntu', serif;
}

.yy_name:-ms-input-placeholder {
  color: #fff !important;
  font-family: 'Ubuntu', serif;
}

.yy_name::placeholder {
  color: #fff !important;
  font-family: 'Ubuntu', serif;
}

.cribe_but {
  background-color: #228b22;
  color: #fff;
  border: none;
  font-family: 'Ubuntu', serif;
  padding: 7px 25px 7px 25px;
}

.my_form {
  text-align: center;
}

.try_fast {
  margin-left: 20px;
  margin-top: 0;
  font-size: 17px;
  font-family: 'Ubuntu', serif;
  color: #f59b29;
}

.che_pau {
  padding-left: 90px;
  padding-bottom: 20px;
}

.start_now {
  background-color: #253544;
  color: #f59b29;
}

.con_ago h4 {
  font-size: 23px;
}

.y_quiz {
  text-align: center;
  font-family: 'Ubuntu', serif;
}

.y_quiz h3 {
  padding-top: 20px;
}

.y_quiz h4 {
  color: #fff;
  padding-top: 10px;
  font-size: 23px;
}

.y_quiz p {
  color: #fff;
}

.container_flip {
  width: 250px;
  height: 250px;
  position: relative;
  /*   border: 1px solid #ccc;*/
  -o-perspective: 800px;
  perspective: 800px;
  margin: 0 auto;
}

.card {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card .front {
  background: #fff;
  color: #000;
}

.card .back {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card.flipped {
  transform: rotateY(180deg);
}

.ff_flip {
  position: absolute;
  z-index: 1;
  margin-top: 150px;
  margin-left: 80px;
  color: #000;
  background-color: #f59b29;
  border: none;
  padding: 5px 15px 5px 15px;
}

.ff_bor {
  border-top: 2px solid #f59b29;
  width: 95px !important;
  padding-top: 23px;
  margin-top: 15px;
  border-left: 2px solid #f59b29;
  height: 95px !important;
  margin-left: 15px;
}

.right_angle {
  border-bottom: 2px solid #f59b29;
  border-right: 2px solid #f59b29;
  width: 110px !important;
  height: 95px !important;
  margin-left: 125px;
  margin-top: 140px;
}

.an_infor {
  /*margin-top: 70px;*/
  line-height: 30px;
  font-weight: normal;
  font-family: 'Ubuntu', serif;
  padding: 50px 30px 0px 30px;
}

.pip_contain {
  margin-top: 130px;
}

.sor_y {
  line-height: 40px;
  padding-top: 10px;
}

.back img {
  padding-top: 20px;
}

.card1 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card1 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card1 .front1 {
  background: #fff;
  color: #000;
}

.card1 .back1 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card1.flipped1 {
  transform: rotateY(180deg);
}

.card2 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card2 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card2 .front2 {
  background: #fff;
  color: #000;
}

.card2 .back2 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card2.flipped2 {
  transform: rotateY(180deg);
}

.Mans_day {
  margin-top: 70px;
  font-family: 'Ubuntu', serif;
}

.card3 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card3 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card3 .front3 {
  background: #fff;
  color: #000;
}

.card3 .back3 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card3.flipped3 {
  transform: rotateY(180deg);
}

.card4 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card4 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card4 .front4 {
  background: #fff;
  color: #000;
}

.card4 .back4 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card4.flipped4 {
  transform: rotateY(180deg);
}

.card5 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card5 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card5 .front5 {
  background: #fff;
  color: #000;
}

.card5 .back5 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card5.flipped5 {
  transform: rotateY(180deg);
}

.last_three_box {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
  background-image: url(../images/brainmapleft.png);
  background-repeat: no-repeat;
  background-position-y: 220px;
  height: 450px;
  background-size: 226px;
}

.con_ago {
  text-align: center;
  margin-top: 50px;
}

.card6 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card6 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card6 .front6 {
  background: #fff;
  color: #000;
}

.card6 .back6 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card6.flipped6 {
  transform: rotateY(180deg);
}

.card7 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card7 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card7 .front7 {
  background: #fff;
  color: #000;
}

.card7 .back7 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card7.flipped7 {
  transform: rotateY(180deg);
}

.card8 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card8 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card8 .front8 {
  background: #fff;
  color: #000;
}

.card8 .back8 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card8.flipped8 {
  transform: rotateY(180deg);
}

/*slider style*/

/** page structure **/

#w {
  display: block;
  max-width: 830px;
  min-width: 300px;
  margin: 0 auto;
  padding: 2px 3px;
}

/** posts slider widget **/

.crsl-items {
  display: block;
  padding: 5px;
}

.crsl-item {
  background: #fff;
  /* padding: 8px;*/
  box-shadow: 0px 11px 8px rgba(0, 0, 0, 0.4);
  width: 329px !important;
  margin-left: 28px;
}

.crsl-item .thumbnail {
  display: block;
  position: relative;
  margin-bottom: 60px;
  cursor: pointer;
  background-color: #f59b29;
  padding: 30px;
}

.crsl-item .thumbnail img {
  display: block; /* fix 1px image space http://stackoverflow.com/q/5804256/477958 */
  transition: all 0.3s linear;
  border-radius: 50%;
  width: 100px;
  margin-bottom: -60px;
}

.crsl-item .thumbnail:hover img {
  opacity: 0.8;
}

.crsl-item h3 {
  font-family: 'Ubuntu', serif;
  font-size: 1.95em;
  line-height: 1.25em;
  margin-bottom: 12px;
}

.crsl-item h3 a {
  text-decoration: none;
  color: #333;
}

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

.crsl-item .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}

.crsl-item p {
  font-size: 1.2em;
  line-height: 1.55em;
  margin-bottom: 5px;
  padding-left: 50px;
  padding-right: 50px;
  /* text-align: center;*/
  font-family: 'Ubuntu', serif;
}

.crsl-item p.readmore a {
  display: block;
  float: right;
  color: #4e90da;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
}

.crsl-item p.readmore a:hover {
  background: #4b6caa;
  color: #fff;
}

/** posts slider nav **/

.slidernav {
  display: block;
  text-align: right;
  margin-bottom: 5px;
}

.slidernav a {
  display: inline-block;
  padding: 5px 8px;
  margin-right: 8px;
  font-size: 1.4em;
  background: #fff;
  color: #666;
  text-decoration: none;
  border-radius: 3px;
  /* -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);*/
}

.previous i {
  color: #f59b29;
}

.next i {
  color: #f59b29;
}

.slidernav a:active {
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/** media queries **/

@media screen and (max-width: 660px) {
  h1 {
    font-size: 2.4em;
    line-height: 1.2em;
  }

  .crsl-item h3 {
    font-size: 1.65em;
  }
}

/** clearfix **/

.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.our_hap {
  text-align: center;
  padding-top: 50px;
  font-family: 'Ubuntu', serif;
}

/*.my_crsl{margin-right: 30px!important;
        margin-left: -30px!important;}*/

.one_word img {
  margin-left: -180px;
  width: 30px;
}

.rig_com {
  width: 25px;
}

.lef_com {
  width: 25px;
}

.sv_t {
  text-align: center;
  padding: 30px 0px 30px 0px;
}

.to_geth {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.box_images {
  border: 1px solid #ccc;
  width: 23%;
  margin-right: 15px;
}

.my_wdr_img {
  height: 100px;
}

.footer_container {
  background-color: #253544;
  margin-top: 90px;
  padding-bottom: 50px;
}

.orange_logo img {
  margin: 0 auto;
  padding-top: 25px;
}

.foot_lis {
  text-align: center;
  margin-top: 50px;
}

.foot_lis ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.foot_lis ul li a {
  color: #516476;
  font-size: 25px;
  border: 1px solid #516476;
  border-radius: 50%;
  background-color: #253544;
  margin-right: 60px;
  padding: 5px;
}

.foot_lis ul li a:hover {
  color: #fff;
  background-color: #f59b29;
  border: 1px solid #f59b29;
}

.my_likin a {
  padding: 6px 8px 4px 7px !important;
}

.my_fac a {
  padding: 5px 9px 5px 9px !important;
  font-size: 24px !important;
}

.foot_bor {
  border-top: 1px solid #000;
  transform: translate(0px, 17px);
}

.un_list {
  margin-top: -17px;
}

.smit_foot {
  color: #fff;
  font-family: 'Ubuntu', serif;
  font-size: 15px;
}

.smit_foot ul li {
  list-style-type: none;
  margin-left: -40px;
}

.smit_foot span {
  color: #f59b29;
}

.smit_foot h5 {
  font-size: 19px;
}

.footer-menu {
  line-height: 2.2;
}

.footer-menu a {
  color: #fff;
  font-family: 'Ubuntu', serif;
  font-size: 15px;
  margin-right: 5px;
  text-decoration: none !important;
}

.footer-menu a:hover {
  color: #bdb2b2;
  text-decoration: none;
}

.footer-menu span {
  color: #f59b29;
}

.in_touch {
  padding-bottom: 10px;
}

.and_go {
  padding-top: 10px;
}

.e_mail {
  padding-top: 10px;
}

.dire_mail {
  margin-top: -10px;
}

.arr_entit {
  font-size: 22px;
  color: #fff !important;
  padding-left: 7px;
}

.tet_alig {
  margin-right: -50px;
  padding-left: 80px;
}

.ll_last_list ul li {
  background-image: url(../images/wh-arrow.png);
  background-repeat: no-repeat;
  background-position-y: 11px;
  line-height: 2.2;
}

.ll_last_list ul li a {
  padding-left: 15px;
  color: #fff;
}

.th_col_foot {
  margin-top: 30px;
}

.copy_righ {
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 15px;
  font-family: 'Ubuntu', serif;
  font-size: 15px;
}

.copy_righ p {
  margin: 0;
}

.gg_drop {
  background-color: #eee;
}

.gg_drop li a {
  color: #292929 !important;
}

/*LAST WORD STYLE SHEET*/

.last_wrod_fluid {
  background-color: #253544;
}

.last_quiz {
  padding-top: 80px;
  padding-bottom: 80px;
}

.last_quiz h1 {
  color: #fff;
  font-family: 'Ubuntu', serif;
}

.last_quiz p {
  color: #fff;
  font-size: 16px;
  font-family: 'Ubuntu', serif;
}

.last_three_box_words {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
  background-image: url(../images/branmapright.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: -53px;
  background-size: 315px;
  margin-top: 100px;
}

.card9 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card9 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card9 .front9 {
  background: #fff;
  color: #000;
}

.card9 .back9 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card9.flipped9 {
  transform: rotateY(180deg);
}

.card10 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card10 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card10 .front10 {
  background: #fff;
  color: #000;
}

.card10 .back10 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card10.flipped10 {
  transform: rotateY(180deg);
}

.card11 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card11 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card11 .front11 {
  background: #fff;
  color: #000;
}

.card11 .back11 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card11.flipped11 {
  transform: rotateY(180deg);
}

.card12 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card12 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card12 .front12 {
  background: #fff;
  color: #000;
}

.card12 .back12 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card12.flipped12 {
  transform: rotateY(180deg);
}

.card13 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card13 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card13 .front13 {
  background: #fff;
  color: #000;
}

.card13 .back13 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card13.flipped13 {
  transform: rotateY(180deg);
}

.card14 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card14 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card14 .front14 {
  background: #fff;
  color: #000;
}

.card14 .back14 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card14.flipped14 {
  transform: rotateY(180deg);
}

.card15 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card15 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card15 .front15 {
  background: #fff;
  color: #000;
}

.card15 .back15 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card15.flipped15 {
  transform: rotateY(180deg);
}

.card16 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card16 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card16 .front16 {
  background: #fff;
  color: #000;
}

.card16 .back16 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card16.flipped16 {
  transform: rotateY(180deg);
}

.card17 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card17 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card17 .front17 {
  background: #fff;
  color: #000;
}

.card17 .back17 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card17.flipped17 {
  transform: rotateY(180deg);
}

.card18 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card18 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card18 .front18 {
  background: #fff;
  color: #000;
}

.card18 .back18 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card18.flipped18 {
  transform: rotateY(180deg);
}

.card19 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card19 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card19 .front19 {
  background: #fff;
  color: #000;
}

.card19 .back19 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card19.flipped19 {
  transform: rotateY(180deg);
}

.card20 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card20 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card20 .front20 {
  background: #fff;
  color: #000;
}

.card20 .back20 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card20.flipped20 {
  transform: rotateY(180deg);
}

.last_three_box_words_1 {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
  background-image: url(../images/brainmapleft.png);
  background-repeat: no-repeat;
  background-position-y: 220px;
  height: 450px;
  background-size: 226px;
}

.card21 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card21 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card21 .front21 {
  background: #fff;
  color: #000;
}

.card21 .back21 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card21.flipped21 {
  transform: rotateY(180deg);
}

.card22 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card22 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card22 .front22 {
  background: #fff;
  color: #000;
}

.card22 .back22 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card22.flipped22 {
  transform: rotateY(180deg);
}

.card23 {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50%;
}

.card23 div {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 10px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card23 .front23 {
  background: #fff;
  color: #000;
}

.card23 .back23 {
  background: #f59b29;
  transform: rotateY(180deg);
}

.card23.flipped23 {
  transform: rotateY(180deg);
}

/*POP UP STYLE SHEET*/

/* Cookie Dialog */

#gdpr-cookie-message,
.gdpr-cookie-message {
  position: fixed;
  right: 30px;
  bottom: 30px;
  max-width: 375px;
  background-color: var(--purple);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
  margin-left: 30px;
  font-family: system-ui;
}

#gdpr-cookie-message h4,
.gdpr-cookie-message h4 {
  color: var(--red);
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

#gdpr-cookie-message h5,
.gdpr-cookie-message h5 {
  color: var(--red);
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

#gdpr-cookie-message p,
.gdpr-cookie-message p,
#gdpr-cookie-message ul,
.gdpr-cookie-message ul {
  color: white;
  font-size: 15px;
  line-height: 1.5em;
}

#gdpr-cookie-message p:last-child,
.gdpr-cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}

#gdpr-cookie-message li,
.gdpr-cookie-message li {
  width: 49%;
  display: inline-block;
}

#gdpr-cookie-message a,
.gdpr-cookie-message a {
  color: var(--red);
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message a:hover,
.gdpr-cookie-message a:hover {
  color: white;
  border-bottom-color: var(--red);
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message button,
.gdpr-cookie-message button,
button#ihavecookiesBtn {
  border: none;
  background: var(--red);
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  padding: 7px;
  border-radius: 3px;
  margin-left: 15px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}

#gdpr-cookie-message button:hover,
.gdpr-cookie-message button:hover {
  background: #253544;
  color: var(--red);
  transition: all 0.3s ease-in;
}

button#gdpr-cookie-advanced {
  background: white;
  color: var(--red);
}

#gdpr-cookie-message button:disabled,
.gdpr-cookie-message button:disabled {
  opacity: 0.3;
}

#gdpr-cookie-message input[type='checkbox'],
.gdpr-cookie-message input[type='checkbox'] {
  float: none;
  margin-top: 0;
  margin-right: 5px;
}

#gdpr-cookie-advanced {
  display: none;
}

#gdpr-cookie-message,
.gdpr-cookie-message {
  background-color: #f59b29;
  z-index: 1;
}

/*End Cookie Dialog */

/*STAR FAQ STYLESHEET*/

.hel_pyou {
  background-color: #253544;
  color: #fff;
}

.paul_will {
  padding-top: 80px;
  padding-bottom: 80px;
}

.paul_will h1 {
  font-family: 'Ubuntu', serif;
}

.paul_will p {
  font-family: 'Ubuntu', serif;
  font-size: 16px;
}

.ow_ow_faq {
  text-align: center;
  font-family: 'Ubuntu', serif;
}

.ow_ow_faq p {
  font-family: 'Ubuntu', serif;
  font-size: 16px;
}

.accordion {
  background-color: transparent;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-size: 20px;
  border-bottom: 2px solid #253544;
  color: #253544;
}

/*.active, .accordion:hover {
  background-color: #ccc;
}
*/

.accordion:hover {
  background-color: #f59b29;
}

.accordion-panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  box-shadow: none;
}

.accordion:before {
  content: '\002B';
  font-weight: bold;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  color: #253544;
}

.accordion.active:before {
  content: '\2212';
}

.accordion-panel p {
  font-family: 'Ubuntu', serif;
  font-size: 16px;
  padding: 20px 0px 20px 0px;
}

.accordion-panel p a {
  color: #f59b29 !important;
}

.owad_contact {
  text-align: center;
  margin-top: 50px;
  font-family: 'Ubuntu', serif;
}

.get_team {
  font-family: 'Ubuntu', serif;
  color: #253544;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.get_team p {
  padding: 15px 0px 15px 0px;
  font-size: 16px;
}

.get_team_1 {
  font-family: 'Ubuntu', serif;
  color: #253544;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.get_team_1 p {
  padding: 15px 0px 15px 0px;
  font-size: 16px;
  font-weight: bold;
}

.get_team_1 p a {
  color: #f59b29;
}

.has-error input[type='text'],
.has-error input[type='email'] {
  border: 1px solid #a94442;
}

.my_textar {
  height: 200px !important;
  border-radius: 0px;
  background-color: #eee;
  border: none;
  box-shadow: none;
}

.form-group {
  width: 90%;
  margin-left: 40px;
}

.my_in_box {
  border-radius: 0px;
  height: 50px;
  background-color: #eee;
  border: none;
  box-shadow: none;
}

.font_fam_form {
  font-family: 'Ubuntu', serif;
  font-size: 16px;
}

.send_mm_but {
  width: 95%;
  background-color: #253544;
  color: #fff;
  border: none;
  padding: 15px 0px 15px 0px;
  margin-left: 15px;
}

.form_top_marg {
  margin-top: 80px;
}

.your_brain {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
}

.refr_brain {
  padding-top: 80px;
  padding-bottom: 80px;
}

.refr_brain p {
  font-size: 16px;
  text-transform: uppercase;
}

.or_easy {
  font-family: 'Ubuntu', serif;
  background-color: #f8f8f8;
  padding-bottom: 50px;
}

.or_easy p {
  font-size: 16px;
}

.or_easy_para {
  padding-top: 40px;
}

.roll_eyes i {
  color: #f59b29;
}

.put_common {
  border: none;
  height: 50px;
  border-radius: 0px;
  box-shadow: none;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-appearance: none;
}

.re_veal {
  margin-top: 72px;
}

.re_veal_button {
  border: 2px solid #253544;
  background-color: #f0f0f0;
  color: #253544;
  padding: 5px 15px 5px 15px;
  margin-right: 15px;
}

.reset_1 {
  border: 2px solid #253544;
  background-color: #f0f0f0;
  color: #253544;
  padding: 5px 15px 5px 15px;
  font-size: 16px;
  font-family: 'Ubuntu', serif;
}

.calen_date {
  border: 2px solid #253544;
  border-radius: 0px;
  padding-top: 0px;
  height: 37px;
  color: #253544;
  font-family: 'Ubuntu', serif;
  font-size: 16px;
}

.footer_container_a1 {
  background-color: #253544;
  padding-bottom: 50px;
}

.about_fluid {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
}

.head_about {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.this_page {
  font-size: 16px;
  font-family: 'Ubuntu', serif;
  margin-top: 40px;
}

.this_page ul li {
  list-style-type: none;
  margin-left: -40px;
  font-size: 17px;
}

.this_page ul li a {
  color: #f59b29;
}

.educat_start {
  font-family: 'Ubuntu', serif;
  color: #253544;
}

.educat_start p {
  color: 16px;
}

.recomend_owad h1 {
  font-family: 'Ubuntu', serif;
  color: #253544;
  text-align: center;
  margin-top: 80px;
}

.recomend_owad h2 {
  font-family: 'Ubuntu', serif;
  color: #253544;
  text-align: center;
  margin-top: 40px;
}

.face_bok {
  padding: 5px 15px 5px 15px;
  background-color: #3b5998;
  color: #fff;
  border: 2px solid transparent;
  font-family: 'Ubuntu', serif;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}

.face_bok:hover {
  padding: 5px 15px 5px 15px;
  background-color: #fff;
  color: #3b5998;
  border: 2px solid #3b5998;
  font-family: 'Ubuntu', serif;
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}

.twi_ter {
  padding: 5px 15px 5px 15px;
  border: 2px solid transparent;
  background-color: #55acee;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.twi_ter:hover {
  padding: 5px 15px 5px 15px;
  border: 2px solid #55acee;
  background-color: #fff;
  color: #55acee;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.ee_mail {
  padding: 5px 15px 5px 15px;
  border: 2px solid transparent;
  background-color: #253544;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.ee_mail:hover {
  padding: 5px 15px 5px 15px;
  border: 2px solid #253544;
  background-color: #fff;
  color: #253544;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.button_box {
  padding: 0px;
  margin-top: 20px;
}

.linke_d {
  padding: 5px 15px 5px 15px;
  border: 2px solid transparent;
  background-color: #0077b5;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.linke_d:hover {
  padding: 5px 15px 5px 15px;
  border: 2px solid #0077b5;
  background-color: #fff;
  color: #0077b5;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.whats_ap {
  padding: 5px 15px 5px 15px;
  border: 2px solid transparent;
  background-color: #25d366;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.whats_ap:hover {
  padding: 5px 15px 5px 15px;
  border: 2px solid #25d366;
  background-color: #fff;
  color: #25d366;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.xing_but {
  padding: 5px 15px 5px 15px;
  border: 2px solid transparent;
  background-color: #1a7576;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.xing_but:hover {
  padding: 5px 15px 5px 15px;
  border: 2px solid #1a7576;
  background-color: #fff;
  color: #1a7576;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Ubuntu', serif;
  margin-right: 10px;
}

.send_them {
  font-family: 'Ubuntu', serif;
  padding-top: 10px;
  padding-bottom: 10px;
}

.send_them h2 {
  text-align: left;
  margin-left: 50px;
}

.recommend-page {
  font-family: 'Open Sans', sans-serif;
}

.recommend-page h1 {
  font-weight: 700;
  text-align: center;
}

.recommend-page h2 {
  font-weight: 300;
  color: #c55910;
  font-size: 24px;
  text-align: center;
  margin: 0 auto;
  max-width: 720px;
  line-height: 32px;
}

.recommend-page h2 a {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  text-decoration: underline;
}

.recommed_form {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding-top: 30px;
  max-width: 570px;
  margin: 0 auto;
}

.recommed_form h4 {
  font-weight: 700;
  font-size: 20px;
  margin: 32px 0 12px;
}

.recommed_form .form-group {
  margin-left: 0;
  width: 100%;
}

.recommed_form .form-group label {
  font-weight: 500;
}

.recommed_form .recomend-buttons {
  display: flex;
  justify-content: space-between;
}

.recom_inp_field {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  box-shadow: none;
  height: 50px;
  border-radius: 0px;
}

.recom_inp_field::-moz-placeholder {
  color: #a6a6b4;
}

.recom_inp_field:-ms-input-placeholder {
  color: #a6a6b4;
}

.recom_inp_field::placeholder {
  color: #a6a6b4;
}

.recom_inp_field_select {
  border: none;
  box-shadow: none;
  height: 50px;
  border-radius: 0px;
  -webkit-appearance: none;
}

.sub_recommend {
  background-color: #228b22;
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  border: none;
  padding: 10px 20px 10px 20px;
  margin-top: 10px;
}

.add_friend_btn {
  background-color: #e2f0d9;
  border: 1px solid #a9d18e;
  color: #538234;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding: 10px 20px 10px 20px;
  margin-top: 10px;
}

.rec_friend {
  display: none;
}

.privacy_fluid {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
}

.privacy_fluid h1 {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.paul_statement {
  font-family: 'Ubuntu', serif;
}

.paul_statement p {
  font-size: 16px;
  text-align: justify;
}

.paul_statement a {
  color: #f59b29;
}

.my_lawyer {
  padding-top: 40px;
}

/*word paraskevadekatriaphobia*/

.paras_k {
  background-color: #253544;
  /*width: 100px;*/
}

.box_phobia {
  background-color: #f59b29;
  color: #fff;
  text-align: center;
  border: 8px solid #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px 0px 50px 0px;
  font-family: 'Ubuntu', serif;
}

.prask_hr {
  border-bottom: 1px solid #fff;
  margin-left: 30px;
  margin-right: 30px;
}

.trans_lation_fluid {
  background-color: #f8f8f8;
  font-family: 'Ubuntu', serif;
  padding: 10px 0px 30px 0px;
}

.angest_vor {
  font-size: 16px;
  padding-top: 20px;
}

.stat_tis {
  font-family: 'Ubuntu', serif;
  padding: 0px 0px 30px 0px;
}

.Victor_Robert {
  background-color: #f8f8f8;
  font-family: 'Ubuntu', serif;
  padding: 30px 0px 30px 0px;
}

.Victor_Robert p {
  font-size: 16px;
}

.stat_tis_1 {
  font-family: 'Ubuntu', serif;
  padding: 20px 0px 30px 0px;
}

.stat_tis_1 p {
  font-size: 16px;
}

.trans_lation_fluid_1 {
  background-color: #f8f8f8;
  font-family: 'Ubuntu', serif;
  padding: 30px 0px 30px 0px;
}

.trans_lation_fluid_1 p {
  font-size: 16px;
}

.vadek_button {
  border: 2px solid #253544;
  width: 100%;
  padding: 10px 0px 10px 0px;
  color: #253544;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 100px;
}

.vadek_button:hover {
  border: 2px solid transparent;
  width: 100%;
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 100px;
  color: #fff;
  background-color: #253544;
}

.friend_ned {
  font-family: 'Ubuntu', serif;
}

.friend_ned h1 {
  text-transform: uppercase;
}

.video_owad {
  margin-top: 20px;
}

.support_button {
  border: 2px solid #253544;
  width: 100%;
  padding: 10px 0px 10px 0px;
  color: #253544;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: 'Ubuntu', serif;
}

.support_button:hover {
  border: 2px solid transparent;
  width: 100%;
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background-color: #253544;
  margin-top: 20px;
  font-family: 'Ubuntu', serif;
}

.More_Word {
  background-color: #f8f8f8;
  font-family: 'Ubuntu', serif;
  padding: 10px 0px 30px 0px;
  margin-top: 40px;
}

.contact_thankyou {
  background-color: #f8f8f8;
  color: #253544;
  text-align: center;
  font-family: 'Ubuntu', serif;
  height: 400px;
}

.coro_will_be h3 {
  font-size: 23px;
  transform: translate(0px, 150px);
}

.coro_will_be p {
  font-size: 17px;
  transform: translate(0px, 200px);
}

.footer_container_coro {
  background-color: #253544;
  padding-bottom: 50px;
}

.coro_will_be h2 {
  font-size: 32px;
  transform: translate(0px, 150px);
}

.you_get {
  margin-bottom: 60px;
}

.you_get_1 {
  margin-top: 80px;
}

.my_well_you {
  font-size: 32px;
  transform: translate(0px, 45px);
}

.my_form_create label {
  margin-top: 20px;
  font-size: 17px;
  font-family: 'Ubuntu', serif;
}

.my_form_create input {
  height: 50px;
  font-family: 'Ubuntu', serif;
  background-color: #f5f5f5;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

html
  body
  div.container
  div.jqte
  div.jqte_toolbar.unselectable
  div.jqte_tool.jqte_tool_1.unselectable
  a.jqte_tool_label.unselectable {
  height: 22px;
}

.jqte_editor {
  height: 300px;
}

.my_form_create {
  transform: translate(0px, 100px);
}

.bot_fix {
  margin-top: 120px;
}

.my_browse {
  display: none !important;
}

.choose_fle {
  padding: 5px 15px 5px 15px;
  background-color: #253544;
  color: #f59b29;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.cre_word {
  padding: 10px 20px 10px 20px;
  background-color: #f59b29;
  color: #253544;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.jqte {
  border-radius: 0px !important;
  border: 2px solid #253544 !important;
}

.jqte_toolbar {
  border-bottom: 2px solid #253544 !important;
  height: 50px !important;
  padding-top: 10px !important;
}

.login_one {
  text-align: left;
  font-size: 23px;
  font-family: 'Ubuntu', serif;
  border-bottom: 2px solid #253544;
  height: 50px;
  padding: 7px 0px 0px 30px;
  background-color: #f5f5f5;
}

.main_lo_gin {
  border: 2px solid #253544;
  padding: 0px;
  margin-top: 50px;
  margin-bottom: 30px;
}

.login_but1 {
  padding: 5px 20px 5px 20px;
  background-color: #253544;
  color: #fff;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.for_got_pass {
  padding: 5px 20px 5px 20px;
  background-color: #f59b29;
  color: #253544;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  margin-left: 12px;
}

.forg_form {
  max-width: 540px;
  margin: 0 auto;
  margin-top: 30px;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.pass_box {
  margin-top: 30px;
  margin-bottom: 30px;
}

.pass_box input {
  border-radius: 0px;
  height: 40px;
  border: none;
  background-color: #f5f5f5;
  box-shadow: none;
}

.box_one_pass input {
  border-radius: 0px;
  height: 40px;
  border: none;
  background-color: #f5f5f5;
  box-shadow: none;
}

.two_but_box {
  margin-top: 20px;
  margin-bottom: 20px;
}

.e_address {
  text-align: right;
}

.word_ps {
  text-align: right;
}

.ww_suges {
  margin-top: 50px;
  padding: 0px;
}

.ww_suges h1 {
  font-family: 'Ubuntu', serif;
}

.Posit_recomm {
  background-color: #516476;
  color: #fff;
  font-family: 'Ubuntu', serif;
  margin-top: 25px;
}

.Posit_recomm h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 700px;
}

.Posit_recomm p {
  font-size: 17px;
  padding: 10px 0px 10px 0px;
  width: 700px;
}

.Posit_recomm a {
  font-size: 35px;
  color: #fff;
}

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

.subscir_ber_page {
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: 50px;
  margin-bottom: 80px;
}

.wor_crete_box {
  font-size: 17px;
  font-family: 'Ubuntu', serif;
}

.update_pref {
  background-color: #253544;
  color: #fff;
  font-family: 'Ubuntu', serif;
  height: 500px;
}

.update_pref h1 {
  text-align: center;
  font-size: 65px;
}

.settig_are {
  margin-top: 70px;
}

.settig_are p {
  text-align: center;
  font-size: 17px;
  font-family: 'Ubuntu', serif;
}

.update_form_email {
  font-size: 17px;
  font-family: 'Ubuntu', serif;
  margin-top: 30px;
}

.update_form_email input {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: 40px;
}

.update_form_email button {
  padding: 10px 20px 10px 20px;
  background-color: #f59b29;
  border: none;
  color: #fff;
  margin-top: 20px;
}

.pref_r1 {
  font-family: 'Ubuntu', serif;
}

.pref_r2 {
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.pref_r2 label {
  margin-top: 30px;
}

.pref_r2 input {
  border: none;
  background-color: #f5f5f5;
  height: 40px;
  width: 300px;
  border-radius: 0px;
  box-shadow: none;
}

.pref_r3 {
  padding: 10px 15px 10px 15px;
  background-color: #253544;
  color: #fff;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.pref_r4 {
  padding: 10px 15px 10px 15px;
  background-color: #253544;
  color: #fff;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  margin-top: 30px;
}

.pref_r5 {
  text-align: right;
  margin-top: 30px;
}

.pref_r6 hr {
  border-bottom: 2px solid #253544;
  transform: translate(0px, 20px);
}

.pref_r7 label {
  font-family: 'Ubuntu', serif;
  font-size: 36px;
  margin-top: 20px;
}

.pref_r7 input {
  border: none;
  background-color: #f5f5f5;
  height: 40px;
  border-radius: 0px;
  box-shadow: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  margin-top: 20px;
}

.pref_r8 input {
  padding: 8px 20px 8px 20px;
  background-color: #253544;
  color: #fff;
  border: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  width: 350px;
  margin-top: 96px;
}

.other_s0 {
  background-color: #253544;
  color: #fff;
  margin-top: 50px;
  font-family: 'Ubuntu', serif;
}

.other_s1 h1 {
  width: 100px;
  margin-bottom: 20px;
}

.other_s1 {
  font-family: 'Ubuntu', serif;
}

.other_s2 {
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.other_s2 p {
  margin-top: 20px;
}

.other_s3 {
  font-family: 'Ubuntu', serif;
}

.other_s3 h1 {
  width: 160px;
}

.other_s4 p {
  font-size: 17px;
  font-family: 'Ubuntu', serif;
  margin-top: 20px;
}

.other_s4 input {
  padding: 10px 15px 10px 15px;
  background-color: #253544;
  color: #fff;
  font-size: 17px;
  border: none;
  font-family: 'Ubuntu', serif;
}

.data_s1 {
  background-color: #f8f8f8;
  height: 200px;
}

.data_s2 {
  text-align: center;
  font-family: 'Ubuntu', serif;
  margin-top: 30px;
}

.data_s2 p {
  font-size: 17px;
}

.custom-search-form {
  margin-top: 5px;
  z-index: 1;
}

.data_s3 input {
  border: none;
  background-color: #f5f5f5;
  height: 50px;
  border-radius: 0px;
  box-shadow: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.data_s4 {
  /*border-bottom: 1px solid #253544;
         border-top: 1px solid #253544;
         height: 75px;*/
}

.data_s3 button {
  height: 50px;
  border: none;
  background-color: #253544;
  color: #fff;
  font-size: 30px;
}

.data_s3 button:hover {
  background-color: #f59b29;
  color: #253544;
}

.data_s3 {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px;
}

.data_s4 p {
  /*nt-size: 20px;
           font-weight: bold;
           font-family: 'Ubuntu',serif;*/
}

.data_s5 {
  padding: 5px 50px 5px 50px;
  border: 2px solid #253544;
  color: #253544;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  background-color: transparent;
  font-weight: bold;
}

.data_s5:hover {
  color: #fff;
  background-color: #253544;
}

.data_s5b {
  border: 1px solid #253544;
  color: #253544;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  background-color: transparent;
  font-weight: bold;
}

.data_s5b:hover {
  color: #fff;
  background-color: #253544;
}

.data_s6 {
  text-align: right;
  margin-top: 5px;
}

.edit-show {
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  padding: 5px 58px 5px 58px;
  border: 2px solid #253544;
  font-weight: bold;
  background-color: transparent;
}

.edit-show:hover {
  color: #fff;
  background-color: #253544;
}

.show_mor_res {
  padding: 0px;
  border-top: 1px solid #253544;
  padding-top: 30px;
}

.show_mor_res button {
  border: 2px solid #253544;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  background-color: transparent;
  font-weight: bold;
  padding: 5px 75px 5px 75px;
  width: 100%;
}

.find_z1 {
  margin-top: 30px;
}

.show_mor_res button:hover {
  color: #fff;
  background-color: #253544;
}

.find_emai_ad input {
  border: none;
  background-color: #f5f5f5;
  height: 40px;
  border-radius: 0px;
  box-shadow: none;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
}

.ress_z2 {
  border: 2px solid #253544;
  font-family: 'Ubuntu', serif;
  font-size: 17px;
  background-color: transparent;
  font-weight: bold;
  padding: 6px 75px 6px 75px;
  width: 100%;
}

.ress_z2:hover {
  color: #fff;
  background-color: #253544;
}

.dropbtn {
  color: white;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  font-size: 17px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.navbar {
  /* overflow: hidden;*/
  background-color: #333;
}

.navbar a {
  /* float: left;*/
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  /* overflow: hidden;*/
}

.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover,
.subnav:hover .subnavbtn {
  background-color: transparent;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #f5f5f5;
  /* width: 100%;*/
  z-index: 100;
  border: 2px solid #253544;
  border-radius: 0px;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: transparent;
  color: #f59b29 !important;
}

.subnav:hover .subnav-content {
  display: inline-flex;
}

.new_wo_list li {
  width: 150px;
  list-style-type: none;
  padding: 5px 0px 5px 0px;
  color: #253544;
}

.new_wo_list li a {
  padding: 0px 0px 15px 0px;
  text-align: left;
}

.pas_res {
  margin-top: 20px;
  margin-left: 5px;
}

.rest_form {
  margin-top: 50px;
}

.donation-banner {
  background-color: #267b8d;
  color: #fff;
  margin: 10px 0;
  padding: 12px 55px 28px 55px;
  opacity: 0;
  border: 1px solid #0000b3;
  visibility: hidden;
}

.donation-banner-wrapper {
  background-color: #253544;
  width: 100%;
}

.donation-icon-wrapper {
  width: 70px;
  height: 70px;
  background-color: #267b8d;
  position: fixed;
  top: 50vh;
  right: 0;
  border-radius: 50%;
  border: 1px solid #0000b3;
  padding: 10px;
  z-index: 100;
  visibility: hidden;
}

.donation-icon-image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.donation-banner-image {
  width: 50px;
  margin-top: -10px;
  margin-left: 20px;
}

.banner-call {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.banner-close-icon {
  position: absolute;
  top: 3px;
  right: 5px;
  background-color: #267b8d;
  border: 0;
}

.banner-header {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.banner-body {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 20px;
}

.banner-button {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  background-color: #f59b29;
  padding: 9px 7px;
  max-width: 201px;
  margin-top: -10px;
  border-radius: 8px;
  border: 1px solid #0000b3;
}

.header-container {
  background-color: #253544;
  min-height: 400px;
}

@media (max-width: 992px) {
  .photo img {
    margin-bottom: 70px;
    padding-top: 40px;
  }

  .registration-form-input {
    max-width: 100% !important;
  }

  .subscribe-button {
    max-width: 100% !important;
  }

  .img-responsive {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
  .photo img {
    width: auto !important;
  }

  .registration-logo {
    max-width: 150%;
  }
}

.main-content-container-header {
  color: #d9d3d3;
  padding-top: 20px;
  font-family: 'Helvetica Neue', serif;
  font-size: 16px;
}

.main-content-container-body {
  color: #d9d3d3;
  font-family: 'Helvetica Neue', serif;
  font-size: 16px;
}

.photo img {
  padding-top: 10px;
  width: 280px;
  height: auto;
}

.registration_form {
  border: 1px solid #ccc;
  background-color: #fff;
  margin-top: -50px;
  margin-bottom: 80px;
  margin-left: 10%;
  width: 80%;
}

.form-content {
  color: #253544;
  font-family: 'Helvetica Neue', serif;
}

.registration-form-input {
  margin-top: 15px;
  border: 1px solid gray;
  border-radius: 0;
  width: 100%;
  max-width: 30%;
  padding: 5px;
}

.subscribe-button {
  background-color: #008d00;
  color: #fff;
  border-radius: 6px;
  font-family: 'Helvetica Neue', serif;
  font-weight: 700;
  padding: 7px 25px 7px 25px;
  border: 4px solid #365722;
  margin-bottom: 30px;
  max-width: 30%;
}

p.subscribe-checkbox {
  margin-top: 20px;
  margin-left: -10px;
}

.registration-logo {
  float: right;
}

.name_field {
  margin-top: 5px;
  color: #d9d3d3;
}

.privacy-anchor {
  display: inline-block;
}

.img-logos {
  display: block;
  max-width: 100%;
  height: 100%;
}

.home-footer {
  margin-top: 0;
}

#navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}

/* cta */

.cta {
  display: flex;
  padding: 20px 0;
  background: #267b8d;
  color: #fff;
  margin: 0 -15px;
}

.cta-body {
  padding: 0 30px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media (max-width: 768px) {
  .cta-body {
    flex-direction: column;
    padding: 0 15px;
  }
  .cta-body .cta-content {
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center;
  }
  .recommend-page h1 {
    font-size: 28px;
  }
  .recommend-page h2 {
    font-size: 20px;
    line-height: 1.25;
  }
  .recommed_form .recomend-buttons {
    flex-direction: column;
  }
  .recommed_form .recomend-buttons button {
    width: 100%;
  }
  .recommed_form .recomend-buttons .sub_recommend {
    order: 2;
  }
}

@media (min-width: 768px) {
  .cta-body {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .cta-body {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .cta-body {
    width: 1170px;
  }
}

.cta-heading {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 16px;
}

.cta-text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.cta-button {
  font-family: Roboto, sans-serif;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 16px;
  outline: none !important;
  border: none !important;
  border-radius: 3px;
  color: #000;
  background-color: #f59b29;
  white-space: nowrap;
}

.cta-content {
  padding-right: 24px;
}

.cta-content > div:empty {
  display: none;
}

.data_s5b {
  border-radius: 0;
  margin: 0 5px;
}

#hits.list-group .ais-infinite-hits--item:first-child .list-group-item {
  border-radius: 4px 4px 0 0;
  border-top-width: 1px;
}

#hits.list-group .ais-infinite-hits--item:last-child .list-group-item {
  border-radius: 0 0 4px 4px;
}

#hits.list-group .ais-infinite-hits--item .list-group-item {
  border-radius: 0;
  border-top-width: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

/* About the qnglish iq test */

.text-orange {
  color: #f59b29;
}

.about-eiq .about-test {
  background-color: #253544;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.about-eiq .about-test .container {
  padding-top: 50px;
  padding-bottom: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-eiq .about-test h1 {
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 500;
}

.about-eiq .about-test p {
  font-size: 18px;
  max-width: 509px;
  text-align: center;
  line-height: 20px;
}

.about-eiq .about-test p + p {
  margin-top: 20px;
  color: #e99f45;
}

.about-eiq .words-exists {
  padding-top: 50px;
  padding-bottom: 50px;
}

.about-eiq .words-exists h2 {
  color: #000;
  text-align: center;
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 30px;
}

.about-eiq .words-exists h2 span {
  color: #e99f45;
}

.about-eiq .words-exists div {
  max-width: 757px;
}

.about-eiq .words-exists p {
  color: #000;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.about-eiq .words-exists p + p {
  margin-top: 20px;
}

.about-eiq .words-oxford {
  padding-top: 66px;
  padding-bottom: 66px;
  background-color: #253544;
  color: #fff;
}

.about-eiq .words-oxford .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-eiq .words-oxford p {
  color: #fff;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  max-width: 450px;
}

.about-eiq .words-oxford p + p {
  margin-top: 18px;
  color: #e99f45;
  text-align: center;
  font-family: Ubuntu;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.about-eiq .words-oxford div + div {
  margin-top: 50px;
}

.about-eiq .words-need {
  padding-top: 50px;
  padding-bottom: 80px;
}

.about-eiq .words-need .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-eiq .words-need h2 {
  color: #000;
  text-align: center;
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 30px;
}

.about-eiq .words-need h2 span {
  color: #e99f45;
}

.about-eiq .words-need p {
  margin: 0;
  color: #000;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.about-eiq .words-need ul {
  list-style: none;
  margin-top: 60px;
  max-width: 400px;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.about-eiq .words-need li {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.about-eiq .words-need li + li {
  margin-top: 40px;
}

.about-eiq .words-need li span {
  color: #e99f45;
  text-align: right;
  font-family: Ubuntu;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.about-eiq .words-know {
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: #253544;
  color: #fff;
}

.about-eiq .words-know .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-eiq .words-know h2 {
  color: #fff;
  text-align: center;
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 50px;
}

.about-eiq .words-know h2 span {
  color: #e99f45;
}

.about-eiq .words-know p {
  color: #fff;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.about-eiq .words-know .columns {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .about-eiq .words-know .columns {
    justify-content: space-between;
  }
}

.about-eiq .words-know .column {
  width: 212px;
}

.about-eiq .words-know .column-inner {
  width: 212px;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.about-eiq .words-know .column-info {
  color: #fff;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 24px;
  display: block;
}

.about-eiq .words-know .column:nth-child(3) .column-inner {
  border: 1px solid #fff;
}

.about-eiq .words-know h3 {
  color: #e99f45;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transform: rotate(-90deg) translate(-50%, 0%);
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  width: 210px;
  transform-origin: left top;
}

.about-eiq .words-know ul {
  display: block;
  list-style: none;
  border-left: 1px solid #e99f45;
  margin: 0 0 0 30px;
  padding: 0 0 0 6px;
}

.about-eiq .words-know li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.about-eiq .words-know li + li {
  margin-top: 10px;
}

.about-eiq .words-know .nth {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: Ubuntu;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  width: 16px;
  height: 12px;
  padding-right: 6px;
}

.about-eiq .words-know .word {
  color: #fff;
  font-family: Ubuntu;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-left: 10px;
}

.about-eiq .words-know .check {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background: #283543;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.about-eiq .words-know .level {
  position: relative;
}

.about-eiq .words-know .level + .level {
  margin-top: 26px;
}

.about-eiq .words-pdf {
  padding-top: 50px;
  padding-bottom: 50px;
}

.about-eiq .words-pdf .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-eiq .words-pdf h2 {
  color: #000;
  text-align: center;
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 30px;
}

.about-eiq .words-pdf p {
  margin: 0;
  color: #000;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.about-eiq .words-pdf a {
  width: 220px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 13px 0;
  background: #e99f45;
  border-radius: 2px;
  margin-top: 40px;
  text-decoration: none;
}

.about-eiq .words-rationale {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #253544;
}

.about-eiq .words-rationale .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about-eiq .words-rationale h2 {
  color: #fff;
  text-align: center;
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 30px;
}

.about-eiq .words-rationale p {
  margin: 0;
  color: #fff;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  max-width: 420px;
}

.about-eiq .words-rationale a {
  color: #e99f45;
  text-align: center;
  font-family: Ubuntu;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: 40px;
  text-decoration: none;
}

/* Intelligent English */

.ies-page {
  color: #1f3864;
}

.ies-heading {
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  font-size: 50px;
}

.ies-subheading {
  font-weight: 400;
  text-align: center;
  font-size: 32px;
}

.ies-head {
  margin: 0 0 60px;
  padding-top: 40px;
  position: relative;
}

.ies-flags {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 60px 0;
  max-width: 100%;
}

.ies-flags img {
  width: auto;
  height: 100px;
  max-width: 100%;
}

.ies-with {
  margin-bottom: 60px;
}

.ies-with > div {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.ies-smiths {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}

.ies-smiths span {
  font-size: 28px;
  font-weight: 600;
  margin-right: 8px;
}

.ies-smiths small {
  font-size: 20px;
  font-weight: 400;
}

.ies-dates {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  background: #f8f2d0;
  font-size: 28px;
  padding: 20px 0;
}

.ies-dates strong {
  font-weight: 700;
}

.ies-where {
  font-size: 24px;
  text-align: center;
  margin: 12px 0;
}

.ies-overview {
  text-align: center;
  margin-top: 48px;
}

.ies-overview h3 {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.ies-overview p {
  font-size: 19px;
}

.ies-overview p + p {
  max-width: 600px;
  margin: 24px auto 0;
}

.ies-programme {
  margin: 80px 0;
}

.ies-programme h3 {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

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

.ies-programme ul li + li {
  margin-top: 24px;
}

.ies-programme h5 {
  font-size: 24px;
  font-weight: 700;
  display: flex;
  gap: 24px;
}

.ies-programme p {
  font-size: 18px;
  margin: 0;
}

.ies-trainers {
  margin: 80px 0;
}

.ies-trainers h3 {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.ies-trainers h4 {
  font-weight: 700;
  font-size: 28px;
  margin: 24px 0;
  text-align: center;
}

.ies-trainers p {
  font-size: 20px;
  margin-bottom: 24px;
}

.ies-trainers p strong {
  font-weight: 700;
}

.ies-timetable {
  margin: 80px 0 40px;
  font-size: 20px;
}

.ies-timetable h3 {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.ies-timetable p:first-of-type {
  margin-bottom: 16px;
}

.ies-timetable div span:first-of-type {
  width: 100px;
  display: inline-block;
}

.ies-budget {
  margin: 40px 0;
  font-size: 20px;
}

.ies-budget h3 {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.ies-budget p {
  margin-bottom: 20px;
}

.ies-locations h3 {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 20px;
}

.ies-locations {
  margin: 40px 0;
  font-size: 20px;
}

.ies-locations a {
  text-decoration: underline;
}

.ies-feedbacks {
  margin: 80px 0 0;
  font-size: 20px;
}

.ies-feedbacks h3 {
  font-weight: 700;
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.ies-feedbacks p {
  margin-bottom: 24px;
  font-size: 22px;
}

.ies-book {
  margin: 40px 0;
}

.ies-book h3 {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 20px;
}

.ies-book p {
  font-size: 20px;
  margin-bottom: 0;
}

.ies-book form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ies-book form .name {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.ies-book form input:not([type='radio']),
.ies-book form textarea,
.ies-book form select {
  flex: 1;
  padding: 10px !important;
  font-size: 20px !important;
  border: 0 solid #2e5394;
  color: #1f3864 !important;
  border-radius: 0 !important;
  background: #eee;
  height: auto;
  box-shadow: none;
}

.ies-book form input:not([type='radio']):focus,
.ies-book form input:not([type='radio']):focus-visible,
.ies-book form select:focus,
.ies-book form select:focus-visible,
.ies-book form textarea:focus,
.ies-book form textarea:focus-visible {
  flex: 1;
  padding: 10px;
  font-size: 20px;
  border: 0 solid #2e5394;
  color: #1f3864;
  border-radius: 0;
  outline: none;
}

.ies-book form input::-moz-placeholder, .ies-book form textarea::-moz-placeholder {
  color: #bfbfbf;
}

.ies-book form input:-ms-input-placeholder, .ies-book form textarea:-ms-input-placeholder {
  color: #bfbfbf;
}

.ies-book form option::disabled,
.ies-book form input::placeholder,
.ies-book form textarea::placeholder {
  color: #bfbfbf;
}

.ies-book .radio {
  position: relative;
  padding-left: 5px;
}

.ies-book .radio input {
  position: absolute;
}

.ies-book .radio label {
  padding-left: 0;
  font-size: 20px;
  line-height: 24px;
}

.ies-radios {
  font-size: 20px;
  line-height: 24px;
}

.ies-radios .radio + .radio {
  margin-top: 20px;
}

.ies-book .submit {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.ies-book .submit button {
  background-color: #253544;
  color: #fff;
  border: none;
  font-size: 20px;
  padding: 15px;
  cursor: pointer;
  width: 200px;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .ies-heading {
    font-size: 40px;
  }

  .ies-subheading {
    font-size: 24px;
  }

  .ies-flags {
    margin: 24px 0;
  }

  .ies-smiths {
    flex-direction: column;
    gap: 8px;
  }

  .ies-dates {
    flex-direction: column;
    align-items: center;
    gap: 0px;
  }

  .ies-book form .name {
    flex-direction: column;
  }
}