@import 'https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap';@import 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap';a._2F38v___branding-Container__cls1._1HStU___branding-Container__isPhone {
  display: none!important
}

@font-face {
  font-family: iciel-medium;
  src: url('../webfonts/iCiel Medium.ttf') format('truetype'),
}

/* TOOGLE MODAL */
/* disable standard toggle class (visible) */
.RMFORM_2112.RMFORM_2112.RMFORM_2112.RMFORM_2112.floating_form .floatingarea.visible {
  /* display: none !important; */
}
/* create custom toggle class  */
.RMFORM_2112.RMFORM_2112.RMFORM_2112.RMFORM_2112.floating_form .floatingarea.open {
  /* display: block !important; */
}

/* REGISTRATION MODAL */
/* Close Button */
#content .floatingarea .floatingareaAlignment .inputImageControl.imageControl a img {
  opacity: 0 !important
}
#content .floatingarea .floatingareaAlignment .inputImageControl.imageControl a {
  position: relative !important;
  top: -21px !important;
  left: -3px;
  text-decoration: none !important;
  color: #bebebe !important;
  font-size: 1.6rem !important;
}
#content .floatingarea .floatingareaAlignment .inputImageControl.imageControl a:before {
  content: '✕'
}

/* Modal shadow */
.inner_bodyarea_multyelements > div {
  box-shadow: 0px 3px 12px 0px #00000063 !important;
}

div._2DyJO___side_panel-InnerPaddingContainer__cls1 {
  display: none!important
}

body,html {
  width: 100%;
  height: 100%
}

body,p {
  color: #787976;
  font-family: Rubik,sans-serif;
  font-weight: 200;
  font-style: normal
}

#page-region {
  width: 90%;
  transform: scale(1)
}

.p-large {
  font-family: Rubik,sans-serif;
  font-weight: 400;
  font-style: normal
}

.p-small {
  font: 400 0.875rem/1.375rem "Rubik",sans-serif
}

.p-heading {
  margin-bottom: 3.5rem
}

.p-thankyou {
  text-align: left;
  color: #f5b700;
  padding: 2rem 2% 0;
  font: 600 1.75rem/2.125rem "Rubik",sans-serif
}

.p-contact {
  color: #dfe5ec;
  font-size: 16px;
  padding: 1rem 2% 0;
  font-weight: 400
}

@media only screen and (max-width: 500px) {
  .p-thankyou {
      padding:1rem 9% 0
  }

  .p-contact {
      padding: .5rem 9%
  }
}

.p-register-status {
  color: #f5b700;
  font-size: 26px;
  font-weight: 600;
  text-decoration: underline
}

.copyright .p-small {
  opacity: .8;
  font-weight: 200
}

.firstp-small {
  padding-bottom: 1rem
}

.li-space-lg li {
  margin-bottom: .375rem
}

.indent {
  padding-left: 1.25rem
}

h1 {
  color: #23408f;
  font: 700 2.5rem/3rem "Rubik",sans-serif
}

h2 {
  color: #23408f;
  font: 700 1.75rem/2.125rem "Rubik",sans-serif
}

h3 {
  color: #23408f;
  font: 700 1.375rem/1.75rem "Rubik",sans-serif
}

h4 {
  color: #23408f;
  font: 700 1.25rem/1.625rem "Rubik",sans-serif
}

h5 {
  color: #23408f;
  font: 700 1.125rem/1.5rem "Rubik",sans-serif
}

h6 {
  color: #23408f;
  font: 700 1rem/1.375rem "Rubik",sans-serif
}

a {
  color: inherit;
  text-decoration: none
}

::placeholder {
  color: #787976;
  opacity: 1
}

#termsofuse {
  text-decoration: underline;
  vertical-align: middle
}

a:hover {
  color: inherit;
  text-decoration: none
}

a.green {
  color: #56bfc3
}

a.white,.white {
  color: #dfe5ec
}

.testimonial-text {
  font-style: italic
}

.testimonial-author {
  font: 700 1rem/1.375rem "Rubik",sans-serif
}

strong {
  color: #484a46
}

.section-title {
  font: 500 0.8125rem/1.125rem "Rubik",sans-serif
}

.btn-solid-reg {
  display: inline-block;
  padding: 1.1875rem 1.875rem;
  border: .125rem solid #56bfc3;
  border-radius: .25rem;
  background-color: #56bfc3;
  color: #fff;
  font: 700 0.75rem/0 "Rubik",sans-serif;
  text-decoration: none;
  transition: all .2s
}

.btn-solid-reg:hover {
  background-color: transparent;
  color: #56bfc3;
  text-decoration: none
}

.btn-solid-lg {
  display: inline-block;
  padding: 1.375rem 2.125rem;
  border: .125rem solid #56bfc3;
  border-radius: .25rem;
  background-color: #56bfc3;
  color: #fff;
  font: 700 0.75rem/0 "Rubik",sans-serif;
  text-decoration: none;
  transition: all .2s
}

.btn-solid-lg:hover {
  background-color: transparent;
  color: #56bfc3;
  text-decoration: none
}

.btn-outline-reg {
  display: inline-block;
  padding: 1.1875rem 1.875rem;
  border: .125rem solid #787976;
  border-radius: .25rem;
  background-color: transparent;
  color: #787976;
  font: 700 0.75rem/0 "Rubik",sans-serif;
  text-decoration: none;
  transition: all .2s
}

.btn-outline-reg:hover {
  background-color: #787976;
  color: #fff;
  text-decoration: none
}

.btn-outline-lg {
  display: inline-block;
  padding: 1.375rem 2.125rem;
  border: .125rem solid #787976;
  border-radius: .25rem;
  background-color: transparent;
  color: #787976;
  font: 700 0.75rem/0 "Rubik",sans-serif;
  text-decoration: none;
  transition: all .2s
}

.btn-outline-lg:hover {
  background-color: #787976;
  color: #fff;
  text-decoration: none
}

.btn-outline-sm {
  display: inline-block;
  padding: 1rem 1.625rem .9375rem;
  border: .125rem solid #787976;
  border-radius: .25rem;
  background-color: transparent;
  color: #787976;
  font: 700 0.75rem/0 "Rubik",sans-serif;
  text-decoration: none;
  transition: all .2s
}

.btn-outline-sm:hover {
  background-color: #787976;
  color: #fff;
  text-decoration: none
}

.form-group {
  position: relative;
  margin-bottom: .75rem;
  text-align: right;
}

.form-group.has-error.has-danger {
  margin-bottom: .625rem
}

.form-group.has-error.has-danger .help-block.with-errors ul {
  margin-top: .375rem
}

.label-control {
  position: absolute;
  top: .8125rem;
  left: 1.375rem;
  color: #787976;
  opacity: 1;
  font: 400 0.875rem/1.375rem "Rubik",sans-serif;
  cursor: text;
  transition: all .2s ease
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .label-control {
      top: .9375rem
  }
}

.form-control-input:focus+.label-control,.form-control-input.notEmpty+.label-control,.form-control-textarea:focus+.label-control,.form-control-textarea.notEmpty+.label-control {
  top: .125rem;
  opacity: 1;
  font-size: .75rem;
  font-weight: 500
}

.form-control-input,.form-control-select {
  display: block;
  width: 100%!important;
  padding-top: 1.25rem;
  padding-bottom: .25rem;
  padding-left: 1.3125rem!important;
  border: 1px solid #dadada;
  border-radius: .25rem!important;
  background-color: #fff;
  color: #787976;
  font: 400 0.875rem/1.375rem "Rubik",sans-serif;
  transition: all .2s;
  -webkit-appearance: none;
  height: 3rem!important
}

.form-control-input,.form-control-select {
  padding-top: .5rem!important;
  padding-bottom: .5rem!important;
  height: 3rem!important;
  padding-left: 1.3125rem!important
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  .form-control-input {
      padding-top: 1.25rem;
      padding-bottom: .75rem;
      line-height: 1.75rem
  }

  .form-control-select {
      padding-top: .875rem;
      padding-bottom: .75rem;
      height: 3.125rem;
      line-height: 2.125rem
  }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url(../images/down-arrow.png);
  background-position: 96% 50%;
  background-repeat: no-repeat;
  outline: none
}

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

.form-control-textarea {
  display: block;
  width: 100%;
  height: 8rem;
  padding-top: 1.25rem;
  padding-left: 1.3125rem;
  border: 1px solid #dadada;
  border-radius: .25rem;
  background-color: #fff;
  color: #787976;
  font: 400 1rem/1.5625rem "Rubik",sans-serif;
  transition: all .2s
}

.form-control-input:focus,.form-control-select:focus,.form-control-textarea:focus {
  border: 1px solid #a1a1a1;
  outline: none
}

.form-control-input:hover,.form-control-select:hover,.form-control-textarea:hover {
  border: 1px solid #a1a1a1
}

.checkbox {
  font: 400 0.875rem/1.375rem "Rubik",sans-serif
}

input[type=checkbox] {
  vertical-align: -15%;
  margin-right: .375rem
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  input[type=checkbox] {
      vertical-align: -9%
  }
}

.form-control-submit-button {
  display: inline-block;
  width: 100%;
  line-height: 3.5rem;
  vertical-align: middle;
  border: .125rem solid #f5b700;
  border-radius: 3.125rem;
  background-color: #f5b700;
  color: #fff;
  font-family: Rubik,sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s;
  letter-spacing: 1px
}

.form-control-submit-button a {
  letter-spacing: 1px;
  font-size: 20px;
}

.form-control-submit-button:hover {
  background-color: transparent;
  color: #ffcb08;
  border-color: #ffcb08
}

#lmsgSubmit.h3.text-center.tada.animated,#cmsgSubmit.h3.text-center.tada.animated,#pmsgSubmit.h3.text-center.tada.animated,#lmsgSubmit.h3.text-center,#cmsgSubmit.h3.text-center,#pmsgSubmit.h3.text-center {
  display: block;
  margin-bottom: 0;
  color: #b93636;
  font: 400 1.125rem/1rem "Rubik",sans-serif
}

.help-block.with-errors .list-unstyled {
  color: #787976;
  font-size: .75rem;
  line-height: 1.125rem;
  text-align: left
}

.help-block.with-errors ul {
  margin-bottom: 0
}

@-webkit-keyframes tada {
  from {
      -webkit-transform: scale3d(1,1,1);
      -ms-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      -ms-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

@keyframes tada {
  from {
      -webkit-transform: scale3d(1,1,1);
      -ms-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }

  10%,20% {
      -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }

  to {
      -webkit-transform: scale3d(1,1,1);
      -ms-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all .2s ease-out;
  -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
  -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
  transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
  -ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
  transform: translateY(0) perspective(37.5rem) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
  -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
  transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity .2s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0
}

@-webkit-keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeIn {
  -webkit-animation: fadeIn .6s;
  animation: fadeIn .6s
}

@-webkit-keyframes fadeOut {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fadeOut {
  from {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.fadeOut {
  -webkit-animation: fadeOut .8s;
  animation: fadeOut .8s
}

.small-h2 {
  font-size: 18px
}

.spinner-wrapper {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #113448
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.75rem;
  height: 1.25rem;
  margin: -.625rem 0 0 -1.875rem;
  text-align: center
}

.spinner>div {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #fff;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s
}

.spinner .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
  0%,80%,100% {
      -webkit-transform: scale(0)
  }

  40% {
      -webkit-transform: scale(1)
  }
}

@keyframes sk-bouncedelay {
  0%,80%,100% {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0)
  }

  40% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
  }
}

#region-dropdown {
  z-index: 999;
  position: absolute;
  height: 53px;
  line-height: 16px;
  background-color: rgba(35,64,143,.95);
  vertical-align: middle
}

#region-dropdown ul {
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0
}

#region-dropdown li {
  float: left
}

#region-dropdown li a,.dropdown-btn {
  width: 100%;
  display: inline-block;
  color: #dfe5ec;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  padding: 15px 50px;
  text-decoration: none
}

#region-dropdown .arrow {
  border: solid #dfe5ec;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 3px;
  margin: 3px
}

#region-dropdown .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

#region-dropdown li.dropdown {
  display: inline-block
}

#region-dropdown .dropdown-content {
  display: none;
  min-width: 50vw;
  top: 100px;
  left: 0;
  background-color: #f9f9f9;
  min-width: 166px;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,.3);
  z-index: 999
}

#region-dropdown .dropdown-content a {
  width: 100%;
  color: #23408f;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: .5px #ccc solid
}

#region-dropdown .dropdown-content a:hover {
  background-color: #eee
}

#region-dropdown .dropdown:hover .dropdown-content {
  display: block
}

@media only screen and (max-width: 500px) {
  #region-dropdown {
      width:150px
  }

  #region-dropdown li a,.dropdown-btn {
      width: 150px;
      font-size: 14px;
      padding: 15px 0
  }
}

.header {
  margin: 0 auto;
  background: url(../images/9days-lectures.jpg) center center no-repeat;
  background-size: cover;
  position: relative
}

.header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg,rgba(0,20,179,0.8757878151260504) 0%,rgba(35,64,128,0.8029586834733894) 20%,rgba(255,255,255,0) 30%);
  opacity: .75
}

.header .header-content {
  padding-top: 0
}

#header .text-container {
  margin-bottom: 6.25rem;
}

#header .text-container {
  width: 100%;
  /* justify-content: right; */
  /* right: 0; */
  /* margin-left: 0; */
  direction: rtl;
  text-align: center;
  text-align: center;
  /* margin-right: 0; */
  /* margin-left: auto; */
  margin-bottom: 0;
}

#header .text-container p {
  text-align: left;
  max-width: 90%
}

.header .header-content {
  padding-top: 13rem;
  padding-bottom: 7.5rem
}

#header h1 {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 60px;
  line-height: 63px;
  font-weight: 550;
  font-style: normal
}

#header h2 {
  color: #f5b700;
  padding-bottom: 5px;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 1em;
  text-align: left;
  font-size: 30px
}

#header .p-large {
  margin-top: 1rem;
  margin-bottom: .75rem;
  color: #23408f;
  font-size: 20px;
  font-weight: 500;
  text-shadow: 1px 2px 40px rgba(255,255,255,.75)
}

.header .btn-solid-lg {
  margin-right: .5rem;
  margin-bottom: 1.25rem
}

.header .header-content {
  padding-top: 20rem;
  padding-bottom: 4rem;
}

.header .text-container {
  margin-top: 0
}

.benefits {
  display: flex;
  flex-direction: row
}

.cards-1 {
  padding-top: 0;
  padding-bottom: 2.875rem
}

.cards-1 .card {
  margin-bottom: 2.5rem;
  margin-right: 0;
  padding: 0;
  border: none;
  text-align: left;
  display: flex;
  flex-flow: row nowrap
}

.cards-1 .fa-stack {
  flex-grow: 1;
  flex-basis: 0;
  line-height: 6rem;
  text-align: left
}

.cards-1 .fa-stack img {
  width: 60px;
  vertical-align: top
}

.cards-1 .card-body {
  text-align: right;
  padding: 0;
  flex-grow: 8;
  flex-basis: 0;
  margin: 0
}

.cards-1 .card-body p {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  text-align: right;
}

.cards-1 h4.card-title {
  margin-bottom: .625rem;
  font-weight: 500;
  font-size: 22px;
  font-style: normal;
  direction: rtl;
  text-align: right;
}

.cards-1 {
  padding-top: 4.75rem;
  direction: rtl !important;
}

.cards-1 .card {
  text-align: right;
  vertical-align: top;
  display: flex;
  flex-flow: row wrap
}

.cards-1 div.fa-stack {
  text-align: right;
  margin-left: 1.5rem;
  flex: 1;
}

.cards-1 div.card-body {
  flex: 3;
}

.cards-1 div.card:nth-child {
  margin-right: 2.5rem;
  margin-left: 2.5rem
}

#callMe .card {
  padding: 0;
  text-align: right;
  width: 100%;
  direction: rtl;
}

#callMe .yellow {
  color: #f5b700
}

#mc-embedded-subscribe-form p {
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 350;
  line-height: 16px;
  opacity: .75;
  padding-bottom: .5rem;
  margin: 0
}

#mc-embedded-subscribe-form {
  text-align: center;
  margin: 0 auto;
  padding: 1.75rem 1.75rem 0
}

.form-1 {
  padding-top: 2rem
}

div#callMe.form-1 {
  padding-top: 0
}

#callMe .col-lg-6 {
  padding: 0;
  margin: 0
}

#form-container {
  max-width: 26rem;
  background-color: #23408f;
  padding: 3.5rem 3rem 3rem;
  margin-top: -8.75rem;
  margin-left: 3rem;
  z-index: 2
}

#form-container .white {
  text-align: center;
  padding: .5rem 0 1rem;
  margin: 0
}

p.white {
  font-size: 16px;
  font-weight: 400
}

div.form-group checkbox {
  text-align: center;
  justify-content: center
}

#crediencial {
  clear: both;
  color: #fff!important;
  text-align: left;
  width: 150%;
  margin-left: -9%;
  letter-spacing: -.25px
}

#form-container p {
  text-align: left
}

.form-1 .text-container {
  margin-bottom: 4rem
}

.form-1 .section-title {
  margin-bottom: .5rem
}

.form-1 h2 {
  margin-bottom: 1.375rem;
  color: #fff
}

.form-1 .list-unstyled .fas {
  font-size: .5rem;
  line-height: 1.375rem
}

.form-1 .list-unstyled .media-body {
  margin-left: .625rem
}

.form-1 .label-control {
  color: #787976
}

.form-1 .form-control-input,.form-1 .form-control-select {
  border: 1px solid #39728f;
  color: #787976;
  margin-top: .5rem;
  margin-bottom: 1.75rem
}

.form-1 .form-control-textarea {
  border: 1px solid #39728f;
  background-color: #2a5d77;
  color: #fff
}

.form-1 .form-control-input:focus,.form-1 .form-control-input:hover,.form-1 .form-control-select:focus,.form-1 .form-control-select:hover,.form-1 .form-control-textarea:focus,.form-1 .form-control-textarea:hover {
  border: 1px solid #fff
}

#lmsgSubmit.h3.text-center.tada.animated,#lmsgSubmit.h3.text-center {
  color: #fff
}

.form-1 .help-block.with-errors .list-unstyled {
  color: #dfe5ec
}

.form-message {
  padding-bottom: 1rem
}

#lmsgSubmit.h3.text-center {
  color: #f5b700!important
}

#mc_embed_signup {
  margin-top: 1.5rem
}

#register-btn {
  clear: both;
  padding: .7rem!important;
  width: 100%!important;
  line-height: 3.125rem!important;
  vertical-align: middle!important;
  border: .125rem solid #f5b700!important;
  border-radius: 3.125rem!important;
  background-color: #f5b700!important;
  color: #fff!important;
  font: 0.75rem/1.75rem "Rubik",sans-serif!important;
  font-weight: 600!important;
  font-size: 18px!important;
  text-transform: uppercase!important;
  cursor: pointer!important;
  transition: all .2s!important;
  letter-spacing: 1px!important
}

input#mce-PHONE.form-control-input {
  width: 100!important
}

#mc_embed_signup .mc-field-group {
  width: 100%!important
}

#intro {
  background: url(../images/what_is_flg_bg-revised.jpg) top center no-repeat;
  background-size: cover;
  text-align: left
}

#intro-2 {
  background: url(../images/9days-lectures-w-l.jpg) center no-repeat;
  background-size: cover;
  text-align: left;
  padding-left: 50%
}

h2.bigwhite {
  color: #fff;
  font-weight: 1000;
  font-size: 39px;
  text-align: left;
  line-height: 70px
}

h2.bigdark {
  color: #23408f;
  font-weight: 1000;
  font-size: 49px;
  text-align: left;
  line-height: 70px
}

.basic-1 {
  padding-top: 4rem;
  padding-bottom: 1.75rem;
  position: relative
}

.basic-1 .text-container {
  padding: 3rem 18%;
  margin: 0;
  max-width: 1140px;
  /* direction: rtl; */
  /* text-align: right; */
}

.basic-1 .text-container h2,.basic-1 .text-container p {
  max-width: 35.85rem;
  direction: rtl;
  text-align: right;
}

.basic-1 .text-container p {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  text-shadow: 2px 2px 12px #414140
}

.basic-1 .text-container img {
  /* width: 525px; */
  padding-bottom: 2.5rem;
  opacity: .75;
  width: 35.85rem;
  padding: 1.1rem 0rem 3.2rem 2.5rem;
}

.basic-1 .section-title {
  margin-bottom: .5rem
}

.basic-1 h2 {
  margin-bottom: 1.375rem;
}

.basic-1 .testimonial-author {
  color: #484a46
}

#intro-2 p {
  color: #333;
  text-shadow: none;
  font-weight: 300
}

.basic-1 .image-container {
  margin: 0 auto;
  overflow: hidden;
  border-radius: .25rem
}

.basic-1 .image-container img {
  margin: 0;
  border-radius: .25rem;
  transition: all .3s
}

.basic-1 .image-container:hover img {
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}

#intro-video-div {
  padding: 2.75rem 5rem .25rem
}

.video-container {
  text-align: center;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#masterquote-container {
  background: #f3f4f4;
  padding: 3.5em 1.5em
}

#masterquote {
  max-width: 1140px;
  margin: auto;
  display: flex;
}

#masterquote img {
  width: 100%;
  height: auto
}

#masterquote .h2-title {
  text-align: right;
  font-size: 26px!important;
  font-weight: 500!important;
  margin-bottom: 0
}

.indented {
  color: #333;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  text-align: right;
}

.h2-title {
  font-size: 36px;
  line-height: 50px;
  direction: rtl;
}

#exercise-div {
  padding: 1.75rem 3rem;
  text-align: center;
  margin: 0 auto
}

#exercise-div h2 {
  padding-top: 3rem
}

#exercise-container {
  display: flex;
  flex-flow: row wrap;
  padding: 3rem 3rem 0
}

.exercise {
  flex-basis: 0;
  flex-flow: 1
}

#exercise-container img {
  width: 300px
}

#exercise-div button {
  width: 300px;
  margin: 1rem auto
}

h2 {
  text-align: center
}

#exercise-div .accordion span .circle-numbering {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: .875rem;
  border: .125rem solid #f5b700;
  border-radius: 50%;
  background-color: #f5b700;
  color: #fff;
  font: 700 1rem/2.125rem "Rubik",sans-serif;
  text-align: center;
  vertical-align: top;
  cursor: default;
  transition: all .2s ease
}

#exercise-div .accordion .item:hover span[aria-expanded=false] .circle-numbering {
  border: .125rem solid #f5b700;
  background-color: #f5b700;
  color: #fff
}

#exercise-div .accordion .accordion-title {
  display: inline-block;
  width: 80%;
  height: auto;
  margin-top: .125rem;
  margin-bottom: 0;
  color: #23408f;
  font: 400 Rubik,sans-serif;
  font-size: 18px;
  line-height: 22px;
  vertical-align: middle;
  transition: all .2s ease;
  cursor: default
}

#exercise-div .accordion .accordion-body {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px
}

#exercise-div .accordion-container {
  display: flex;
  flex-flow: row wrap;
  max-width: 100%
}

#exercise-div .accordion-container .item {
  flex: 1;
  text-align: left;
  margin-left: .25rem;
  margin-right: .25rem
}

img.exercise-img {
  width: 150px!important
}

img#img1 {
  padding-top: 1.5rem;
  padding-bottom: .25rem;
  margin-left: -1.2rem;
  width: 150px!important
}

img#img2 {
  width: 87px!important;
  padding-top: .25rem;
  margin-right: 1rem
}

img#img3 {
  width: 78px!important;
  padding-bottom: .25rem;
  margin-right: 1rem
}

img#img4 {
  width: 80px!important;
  padding-top: 1.3rem;
  margin-bottom: -.25rem;
  margin-right: 1rem
}

img#img5 {
  width: 150px!important;
  padding-bottom: 2.1rem!important;
  padding-top: 4.5rem;
  margin-right: 1rem
}

.img-div {
  text-align: center
}

div.exer1ong {
  padding-top: .5rem
}

@media(min-width: 993px) {
  div.exershot {
      padding-top:.5rem
  }
}

#Testimonials {
  padding-top: 3.5em;
  padding-bottom: 3.5em
}

.test-flex {
  display: flex;
  flex-flow: row wrap
}

.test-video {
  width: 12rem;
  flex-grow: 1;
  flex-basis: 0;
  padding: 2.75rem 5rem .25rem
}

.test-text {
  flex-grow: 1;
  flex-basis: 0
}

div.test-text .testimonial-text {
  position: relative;
  padding: 2.5rem 2rem;
  padding-bottom: 1.75rem;
  border-radius: .5rem;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,.03);
  box-shadow: 0 1.5rem 1.5rem rgba(0,0,0,.03)
}

div.testimonial-text p:before {
  content: '”';
  font-weight: normal;
  position: absolute;
  font-size: 3.2em;
  color: #cfd1d0;
  font-weight: 500;
  right: .6em;
  top: -1.5rem
}

.test-text .testimonial-author {
  margin-left: .5rem
}

.plain-text {
  flex: 1
}

.plain-text .testimonial-text p {
  border-radius: .5rem;
  padding: 0 2.3em;
  margin: .75rem 1.25rem;
  vertical-align: middle;
  font-size: 17px!important;
  font-weight: 300;
  color: #333;
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  transition: -webkit-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
  line-height: 1.5;
  direction: rtl;
  text-align: right !important;
}

div.text-bubble {
  width: 90%
}

#plain-text-container,#plain-text-container-1 {
  margin-top: 1.75rem;
  text-align: left;
  font-size: 17px
}

.testimonial-text {
  position: relative
}

.plain-text .testimonial-author {
  z-index: 5;
  padding-right: 3.75rem;
  direction: rtl;
  text-align: right;
}

.testimonial-author {
  color: #23408f!important;
  padding-top: .5rem;
  font-weight: 400;
  letter-spacing: 1px
}

#Testimonials h3 {
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1.5em;
  direction: rtl;
}

#around-world {
  margin-top: .5rem;
  padding-top: 3.25rem;
  padding-bottom: 2rem;
  background: #f3f4f4
}

.br-on-mobile {
  display: none
}

.slider {
  padding-top: 1.375rem;
  padding-bottom: 0
}

.slider .slider-container {
  position: relative
}

.slider .swiper-container {
  position: static;
  width: 90%;
  text-align: center
}

#around-world .slider .swiper-button-prev:focus,#around-world .slider .swiper-button-next:focus {
  outline: none
}

.slider .swiper-button-prev {
  left: -.5rem;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyOCA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjNzg3OTc2Jy8+PC9zdmc+);
  background-size: 1.125rem 1.75rem
}

.slider .swiper-button-next {
  right: -.5rem;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyOCA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyM3ODc5NzYnLz48L3N2Zz4=);
  background-size: 1.125rem 1.75rem
}

.slider .card {
  position: relative;
  border: none;
  background-color: transparent;
  margin-right: 0;
  margin-left: auto;
  margin: .5rem
}

.slider .card-image {
  height: 13rem;
  width: auto;
  margin-right: auto;
  margin-bottom: .25rem;
  margin-left: auto;
  text-align: center
}

.slider .card .card-body {
  padding-bottom: 0;
  padding-top: .25rem;
  text-align: center
}

.slider .testimonial-text {
  margin-bottom: .625rem;
  text-decoration: none;
  color: #000;
  font-style: normal
}

.slider .testimonial-author {
  color: #484848;
  letter-spacing: 20;
  font-size: 14px
}

#h2-faq {
  font-size: 26px!important;
  font-weight: 500
}

.accordion .accordion-container {
  max-width: 90%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 1.5rem
}

.accordion h2 {
  margin-bottom: 1.625rem
}

.accordion .item {
  margin-bottom: 2rem;
  direction: rtl;
}

.accordion h4 {
  margin-bottom: 0
}

.accordion span[aria-expanded=true] .circle-numbering,.accordion span[aria-expanded=false] .circle-numbering {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  margin-left: .875rem;
  border: .125rem solid #23408f;
  border-radius: 50%;
  background-color: #23408f;
  color: #fff;
  font: 700 1rem/2.125rem "Rubik",sans-serif;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: all .2s ease
}

.accordion span[aria-expanded=false] .circle-numbering {
  border: .125rem solid #484a46;
  background-color: transparent;
  color: #484a46
}

.accordion .item:hover span[aria-expanded=false] .circle-numbering {
  border: .125rem solid #23408f;
  background-color: #23408f;
  color: #fff
}

.accordion .accordion-title {
  display: inline-block;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  color: #484a46;
  vertical-align: middle;
  cursor: pointer;
  transition: all .2s ease;
  font-size: 20px;
  direction: rtl;
  text-align: right;
  /* font-weight: 500; */
}

.accordion .item:hover .accordion-title {
  color: #23408f
}

.accordion span[aria-expanded=true] .accordion-title {
  color: #23408f;
  font-weight: 500;
}

.accordion .accordion-body {
  margin-right: 3.125rem;
  direction: rtl;
  text-align: right;
}

.accordion .accordion-container {
  padding-bottom: 0
}

div#accordionOne.accordion-container {
  max-width: 30%;
  padding-bottom: 0
}

.accordion .accordion-title {
  width: 85%;
}

#footer {
  padding: 3rem 4rem 1rem;
  text-align: center;
  position: relative;
  margin-top: 3.75rem
}

#footer p {
  font-family: Rubik,sans-serif;
  font-weight: 200;
  font-style: normal;
  direction: rtl;
}

#footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .51;
  z-index: -1;
  background: url(../images/nordcloud-cloud.jpg) center center no-repeat;
  background-size: cover
}

p.date {
  max-width: 600px;
  font-size: 26px;
  color: #23408f;
  font-weight: 300!important;
  padding-top: 1.25rem;
  margin: 0 auto
}

p.time {
  font-size: 18px;
  padding: 2px;
  margin: 0;
  letter-spacing: 1px
}

p.footernote {
  font-size: 12px;
  margin-top: -1.75rem
}

.s-br-on-mobile {
  display: none
}

.copyright {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  background-color: #23408f;
  text-align: center;
  vertical-align: bottom
}

.copyright p,.copyright a {
  color: #dfe5ec;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5rem
}

a.back-to-top {
  position: fixed;
  z-index: 999;
  right: .75rem;
  bottom: .75rem;
  display: none;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 1.875rem;
  background: #23408f url(../images/up-arrow.png) no-repeat center 47%;
  background-size: 1.125rem 1.125rem;
  border-color: #fff;
  text-indent: -9999px
}

a:hover.back-to-top {
  background-color: #f5b700
}

.ytp-embed:not(.ad-showing) .ytp-title-text {
  display: none!important
}

.ytp-title-enable-channel-logo .ytp-title-text {
  display: none!important
}

.ytp-title-text {
  display: none!important
}

.ytp-title-text {
  display: none!important
}

a.ytp-title-link yt-uix-sessionlink {
  display: none!important
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,.4)
}

#termsofuse,#privacypolicy {
  text-decoration: underline;
  vertical-align: middle;
  cursor: pointer
}

.terms-div span {
  color: #23408f;
  text-decoration: underline;
  cursor: pointer
}

.modal-content {
  width: 60%;
  position: relative;
  background-color: #fefefe;
  margin: auto
}

div.terms-div {
  padding: 2rem 4rem 2rem 3rem;
  margin: 0;
  height: 90%
}

div.pravicy-div {
  display: none;
  padding: 2rem 4rem 2rem 3rem;
  margin: 0;
  height: 90%
}

.closebox {
  position: fixed;
  top: 1rem;
  right: 16%;
  color: #aaa;
  text-align: right;
  font-size: 28px;
  font-weight: 700;
  padding-top: 1rem
}

.closebox:hover,.closebox:focus {
  color: #23408f;
  text-decoration: none;
  cursor: pointer
}

@media only screen and (max-width: 500px) {
  body {
      overflow-x:hidden
  }

  h2 {
      font-size: 20px
  }

  h2.h2-title {
      line-height: 40px!important
  }

  .header {
      height: 40rem;
      background: url(../images/DAN-no%20bird-long.jpg) no-repeat;
      background-size: cover;
      background-position: bottom left;
      padding: .75rem
  }

  #header h1 {
      padding-top: 0;
      font-size: 37px;
      line-height: 45px;
      margin: 0;
      font-weight: 550
  }

  #header .p-large {
      width: 100%;
      font-size: 16px;
      margin: 0;
      padding: 1.25rem 0
  }

  .header .header-content {
      padding-top: .75rem;
      padding-bottom: 7.5rem
  }

  #header .text-container {
      width: 100%;
      text-align: center
  }

  #header .text-container p {
      text-align: left;
      max-width: 90%
  }

  #header .col-lg-12 {
      width: 100%
  }

  #callMe .container .row {
      display: flex;
      flex-flow: column
  }

  #callMe .container .row :first-child {
      /* order: 2; */
  }

  #callMe .row :nth-child(2) {
      /* order: 1; */
  }

  h2.white {
      font-size: 30px
  }

  #crediencial {
      width: 110%;
      margin-left: 0;
      text-align: center
  }

  #form-container {
      margin: 0!important;
      padding: 3rem 2rem 1.75rem!important
  }

  div.thankyou-div {
      padding: 3rem!important
  }

  #mc-embedded-subscribe-form {
      padding: 1rem 3rem!important
  }

  .benefits {
      padding: 3.75rem 1rem 0;
      display: flex;
      flex-flow: column
  }

  .benefits .card-body {
      padding-right: 6rem;
  }

  .benefits .fa-stack {
      position: absolute;
      left: 1rem
  }

  #callMe .card {
      position: relative;
      /* order: 2; */
  }

  h2.bigwhite {
      font-size: 30px;
      line-height: 40px
  }

  div#intro {
      background: url(../images/mobile-what_is_flg_bg-revised.jpg) left top no-repeat;
      background-size: 500%;
      text-align: center
  }

  div#intro.basic-1 {
      padding: 3.75rem 1rem 2rem;
      margin-top: -3rem
  }

  div#intro .text-container {
      padding: 0
  }

  div#intro .text-container h2 {
      padding-right: .5rem;
  }

  div#intro .text-container p {
      padding: 0 .5rem;
      text-align: right;
      font-size: 20px
  }

  div#intro .text-container img {
      width: 95%;
      padding-top: 2rem
  }

  div#intro-video-div {
      padding: 0
  }

  div#intro-video-container.container {
      padding: 0!important;
      margin: 0
  }

  #intro-2 {
      padding: 3.5em 1.5em;
      background-position: right
  }

  #intro-2.basic-1 .text-container {
      padding: 0!important
  }

  #intro-2 h2 {
      text-align: center;
      font-size: 30px;
      line-height: 1.5em;
      margin-bottom: 0!important
  }

  #intro-2 p {
      font-size: 20px
  }

  .form-group {
      text-align: center;
      margin: auto
  }

  #masterquote {
      flex-direction: column
  }

  .indented {
      font-size: 20px;
      margin-bottom: 1.5em
  }

  h2.h2-title {
      font-size: 26px;
      line-height: 30px!important;
      padding: 1rem;
      padding-left: 0;
      padding-right: 0
  }

  div.exer1ong {
      padding-top: .1rem
  }

  #exercise-div h2 {
      padding-top: 3rem;
      padding-bottom: 0;
      margin-bottom: 0
  }

  #exercise-container {
      display: flex;
      flex-flow: row wrap;
      margin: 0;
      padding: 1.75rem 2rem
  }

  #exercise-div .form-group {
      padding-top: 3rem
  }

  img#img5 {
      padding-bottom: .5rem!important
  }

  .exercise {
      flex-basis: 0
  }

  .exercise-img img {
      width: 300px
  }

  img.exercise-img {
      width: 400px
  }

  #exercise-div {
      padding: 0;
      margin: 0;
      text-align: center
  }

  #exercise-div .accordion-container {
      margin-left: 2%;
      margin-right: 2%
  }

  div#exercise-div .item {
      display: contents
  }

  .img-div {
      text-align: center;
      width: 100%;
      margin-top: 2rem
  }

  #exercise-div .accordion .accordion-title {
      letter-spacing: -1px;
      width: 300px!important;
      vertical-align: middle;
      padding-left: .5rem;
      line-height: 2.25rem
  }

  div#exercise-div .accordion span.circle-numbering {
      margin-right: 0;
      vertical-align: middle
  }

  div#exercise-div .accordion-body {
      padding-left: 0
  }

  div#exercise-div .accordion .accordion-body {
      margin-left: 2.725rem;
      font-size: 16px
  }

  div#img1 {
      margin-top: 0
  }

  div#Testimonials.container {
      padding: 3.5rem 1.5em!important
  }

  .test-video {
      padding: 0;
      margin-top: .5rem
  }

  .test-flex {
      margin-top: 0
  }

  #Testimonials .col-lg-12 {
      padding: 0
  }

  #plain-text-container {
      display: block;
      text-align: left;
      text-align: center
  }

  .plain-text {
      padding: 1rem 0
  }

  .plain-text .testimonial-text p {
      height: auto;
      text-align: left;
      margin: 0 1.25rem;
      padding: 1.95rem;
      padding-bottom: .75rem
  }

  .plain-text {
      padding: 0
  }

  div.testimonial-text p:before {
      left: .5em;
      top: .25rem!important
  }

  .plain-text .testimonial-author {
      z-index: 5;
      text-align: left;
      padding-top: 0;
      margin-top: 0
  }

  #around-world {
      padding: 2rem 0 1rem;
      margin: 1rem 0
  }

  .br-on-mobile {
      display: inherit
  }

  div.slider {
      padding: 0;
      padding-top: 1rem
  }

  div.slider h2.section-title {
      margin-bottom: 2rem
  }

  div#accordionOne.accordion-container {
      max-width: 80%!important;
      padding-bottom: 0
  }

  div#details {
      margin-top: 0;
      padding-top: .75rem
  }

  .item .accordion-title {
      font-size: 18px;
      width: 80%
  }

  #details .accordion .accordion-container {
      width: 100%!important;
      padding-bottom: 0
  }

  #accordionOne.accordion-container {
      padding-top: 0
  }

  .accordion .accordion-body {
      margin-left: 3.25rem
  }

  .copyright {
      padding-top: 1.5rem;
      padding-bottom: 4.25rem;
      background-color: #23408f;
      text-align: center;
      vertical-align: middle
  }

  .copyrighttext {
      margin-top: 1rem
  }

  .hide-on-mobile {
      display: none
  }

  #footer {
      padding-left: .5rem;
      padding-right: .5rem
  }

  .modal-content {
      width: 90%
  }

  .closebox {
      position: fixed;
      top: 1rem;
      right: 10%
  }
}

@media(max-width: 375px) {
  #intro .container {
      padding:0!important
  }
}

@media(max-width: 361px) {
  .s-br-on-mobile {
      display:block
  }

  .s-hide-on-mobile {
      display: none
  }
}

@media(min-width: 768px) {
  .header .header-content {
      padding-top: 4rem;
      padding-bottom: 55rem;
  }
}

@media all and (max-width: 992px) and (min-width:501px) {
  .header {
      height:32rem;
      background: url(../images/DAN-no%20bird-long.jpg) no-repeat;
      background-size: cover;
      background-position: bottom left;
      padding: .75rem
  }

  #header h1 {
      padding-top: 10%;
      font-size: 37px;
      line-height: 45px;
      margin: 0;
      font-weight: 500;
      padding-left: 40%
  }

  #header .p-large {
      width: 100%;
      font-size: 16px;
      margin: 0;
      padding: 1.25rem 0;
      padding-left: 40%
  }

  .header .header-content {
      padding-top: .75rem;
      padding-bottom: 7.5rem
  }

  #header .text-container {
      width: 100%;
      margin-left: 4%
  }

  #header .text-container p {
      text-align: left;
      max-width: 90%
  }

  #header .col-lg-12 {
      width: 100%
  }

  #callMe .container .row {
      display: flex;
      flex-flow: column
  }

  #callMe .container .row :first-child {
      /* order: 2; */
  }

  #callMe .row :nth-child(2) {
      /* order: 1; */
  }

  h2.white {
      font-size: 30px
  }

  #form-container {
      margin-top: -2.5rem!important
  }

  .benefits {
      padding: 3.75rem 1rem 0
  }

  .benefits .card-body {
      padding-right: 6rem;
  }

  .benefits .fa-stack {
      position: absolute;
      right: 1rem;
  }

  #callMe .card {
      position: relative;
      /* order: 2; */
  }

  h2.bigwhite {
      font-size: 30px;
      line-height: 40px
  }

  div#intro {
      background: url(../images/what_is_flg_bg-revised.jpg) left top no-repeat;
      background-size: 500%;
      text-align: center
  }

  div#intro.basic-1 {
      padding: 3.75rem 1rem 2rem;
      margin-top: -3rem
  }

  div#intro .text-container {
      padding: 0
  }

  div#intro .text-container h2 {
      padding-right: .5rem;
  }

  div#intro .text-container p {
      padding: 0 .5rem;
      text-align: right;
      font-size: 20px
  }

  div#intro .text-container img {
      width: 95%;
      padding-top: 2rem
  }

  div#intro-video-div {
      padding: 0
  }

  #exercise-div .accordion-container {
      margin-left: 5%;
      margin-right: 5%
  }
}

@media(max-width: 992px) {
  .p-heading {
      width:65%
  }

  .header {
      height: 43rem;
      background: url(../images/DAN-no%20bird-long.jpg) no-repeat;
      background-size: cover;
      background-position: center left;
      padding: .75rem
  }

  .header-content h2 {
      text-align: center!important;
      font-size: 21px!important;
      margin-bottom: 0!important
  }

  h2.h2-title {
      font-size: 26px;
      line-height: 30px!important;
      padding: 1rem;
      padding-left: 0;
      padding-right: 0
  }

  #Testimonials h2.h2-title {
      margin-bottom: -30px
  }

  #plain-text-container-1.test-flex {
      flex-direction: column
  }

  #intro-video-div {
      padding: 2.75rem 8rem .25rem
  }

  div.exer1ong {
      padding-top: .1rem
  }

  #exercise-div h2 {
      padding-top: 3rem;
      padding-bottom: 0;
      margin-bottom: 0
  }

  #exercise-container {
      display: flex;
      flex-flow: row wrap;
      margin: 0;
      padding: 1.75rem 2rem
  }

  img#img4 {
      padding-top: 1rem
  }

  img#img5 {
      padding-bottom: .5rem!important;
      padding-top: 1rem
  }

  .exercise {
      flex-basis: 0
  }

  .exercise-img img {
      width: 300px
  }

  img.exercise-img {
      width: 400px
  }

  #exercise-div {
      width: 100%;
      padding: 0;
      margin: 0 auto;
      text-align: center
  }

  div#exercise-div .item {
      display: contents
  }

  .img-div {
      text-align: center;
      width: 100%;
      margin-top: 2rem
  }

  #exercise-div .accordion .accordion-title {
      letter-spacing: -1px;
      font-size: 17px!important;
      width: 300px!important;
      vertical-align: middle;
      padding-left: .5rem;
      line-height: 2.25rem
  }

  div#exercise-div .accordion span.circle-numbering {
      margin-right: 0;
      vertical-align: middle
  }

  div#exercise-div .accordion-body {
      padding-left: 0;
      font-size: 15px
  }

  div#exercise-div .accordion .accordion-body {
      margin-left: 2.725rem;
      font-size: 15px
  }

  div#img1 {
      margin-top: 0
  }

  .benefits {
      padding: 0 1rem
  }

  .benefits .card-body {
      padding-right: 6rem;
  }

  .benefits .fa-stack {
      position: absolute;
      right: 1rem;
  }

  #plain-text-container {
      display: block;
      text-align: left;
      text-align: center
  }

  .plain-text {
      padding: 1rem 0
  }

  .plain-text .testimonial-text p {
      height: auto;
      text-align: left;
      margin: 0 1.25rem;
      padding: 1.95rem;
      padding-bottom: .75rem
  }
}

@media all and (max-width: 1600px) and (min-width:768px) {
  #intro-video-div {
      padding:2.75rem 5rem .25rem
  }

  #Testimonials .test-video {
      margin: 1rem 8rem
  }
}

@media(max-width: 1200px) {
  #header {
      background:url(../images/9days-lectures-m.jpg) no-repeat;
      background-size: cover;
      background-position: center;
      padding: .75rem;
      padding-top: 1.5em
  }

  .header::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg,rgba(0,20,179,0.8757878151260504) 0%,rgba(35,64,128,0.8029586834733894) 25%,rgba(255,255,255,0) 55%);
      opacity: .75
  }

  #intro-video-container {
      padding: 0 3rem
  }
}

@media(max-width: 1500px) {
  .p-heading {
      width:55%
  }

  .basic-1 .text-container {
      padding: 3rem 10%;
      margin: 0
  }

  #details {
      text-align: center;
      padding-top: 4rem
  }

  #details .item {
      text-align: right;
  }

  .form-1 .text-container {
      margin-top: 1.375rem;
      margin-right: 1.75rem;
      margin-left: 3rem
  }

  .form-1 form {
      margin-left: 1.75rem;
      margin-right: 1.75rem
  }

  #intro-video-div {
      padding: 2.75rem 5rem .25rem
  }

  #exercise-div .accordion .accordion-title {
      display: inline-block;
      width: 70%;
      margin-top: .125rem;
      margin-bottom: 0;
      color: #23408f;
      font: 400 16px Rubik,sans-serif;
      line-height: 22px;
      vertical-align: middle;
      transition: all .2s ease;
      cursor: default;
      letter-spacing: .5px
  }

  #exercise-div .accordion .accordion-body {
      font-size: 14px;
      line-height: 20px
  }

  #exercise-container {
      padding: 0
  }

  div#accordionOne.accordion-container {
      max-width: 70%;
      padding-bottom: 0
  }

  div#Testimonials.container {
      padding-top: 3.5em
  }

  .test-video {
      padding: 0;
      margin-top: .5rem
  }

  .test-flex {
      margin-top: 0
  }

  #Testimonials .col-lg-12 {
      padding: 0
  }

  div.testimonial-text p:before {
      right: .5em;
      top: -1.5rem
  }

  .plain-text .testimonial-author {
      z-index: 5;
      text-align: right;
      padding-top: 0;
      margin-top: 0
  }

  .footer .text-container.about {
      margin-right: 5rem
  }
}

@media(min-width: 1500px) {
  #crediencial {
      width:100%;
      margin-left: 0
  }
}

@media(min-width: 1600px) {
  #details {
      text-align:center;
      padding-top: 2.5rem
  }

  #details .item {
      text-align: left
  }
}

@media all and (max-width: 320px) {
  .header {
      height:32rem;
      background: url(../images/DAN-no%20bird-long.jpg) no-repeat;
      background-size: cover;
      background-position: bottom left;
      padding: .75rem
  }

  #header h1 {
      padding-top: 5%;
      font-size: 37px;
      line-height: 45px;
      margin: 0;
      font-weight: 500
  }

  #header .p-large {
      width: 100%;
      font-size: 16px;
      margin: 0;
      padding: 1.25rem 0
  }

  .header .header-content {
      padding-top: .75rem;
      padding-bottom: 7.5rem
  }

  #header .text-container {
      padding-top: 3em;
      width: 100%;
      margin-left: 4%
  }

  .br-on-desktop {
      display: none
  }

  #exercise-div .accordion .accordion-title {
      font-size: 15px!important;
      width: 30ch!important
  }

  #exercise-div .accordion .accordion-body {
      font-size: 14px!important
  }
}

@media all and (max-width: 331px) {
  .header {
      height:32rem;
      background: url(../images/DAN-no%20bird-long.jpg) no-repeat;
      background-size: cover;
      background-position: bottom left;
      padding: .75rem
  }

  #header h1 {
      padding-top: 5%;
      font-size: 32px;
      line-height: 40px;
      margin: 0;
      font-weight: 500
  }

  #header .p-large {
      width: 100%;
      font-size: 16px;
      margin: 0;
      padding: 1.25rem 0
  }

  .header .header-content {
      padding-top: .75rem;
      padding-bottom: 7.5rem
  }

  #header .text-container {
      width: 100%;
      margin-left: 4%
  }

  div#intro {
      background: url(../images/mobile-what_is_flg_bg-revised.jpg) left top no-repeat;
      background-size: cover;
      text-align: center
  }

  div#accordionOne.accordion-container {
      max-width: 80%!important;
      padding-bottom: 0
  }

  div#details {
      margin-top: 0;
      padding-top: .75rem
  }

  .item .accordion-title {
      font-size: 18px;
      width: 75%
  }

  #details .accordion .accordion-container {
      width: 100%!important;
      padding-bottom: 0
  }

  #accordionOne.accordion-container {
      padding-top: 0
  }

  .accordion .accordion-body {
      margin-left: 3.25rem
  }
}

@media(max-width: 280px) {
  #header .text-container {
      padding-top:1.75em
  }

  #exercise-div .accordion .accordion-title {
      width: 25ch!important;
      font-size: 15px!important
  }

  #exercise-div .accordion .accordion-body {
      font-size: 14px
  }
}

span.fb-share-button {
  display: inline-block;
  vertical-align: middle;
  background: #4267b2;
  border-radius: 3px;
  width: 75px;
  height: 26px;
  padding-top: 2px
}

span.fb-btn-f {
  display: inline-block;
  background: #fff;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-weight: 800;
  color: #4267b2;
  line-height: 20px;
  vertical-align: middle;
  font-size: 18px
}

span.fb-btn-share {
  color: #fff
}

@media(max-width: 768px) {
  span.fb-share-button {
      margin-top:.5rem
  }
}

.form-1 {
  padding-bottom: 0!important
}

#floating-share-buttons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0
}

#floating-share-buttons li {
}

#floating-share-buttons a {
  color: #fff;
  text-decoration: none;
  font-size: 14px
}

#floating-share-buttons a.share-facebook {
  background-color: #395793
}

#floating-share-buttons a.share-pinterest {
  background-color: #b8171c
}

#floating-share-buttons a.share-twitter {
  background-color: #1c9deb
}

#floating-share-buttons a.share-linkedin {
  background-color: #21577e
}

#floating-share-buttons a.share-whatsapp {
  background-color: #48a91f
}

#floating-share-buttons a.share-mail {
  background-color: #333
}

@media(min-width: 1023px) {
  ul#floating-share-buttons {
      position:fixed;
      top: 50%;
      transform: translateY(-50%);
      min-height: 100px;
      padding: 0;
      right: 0
  }

  ul#floating-share-buttons a {
      width: 3rem;
      height: 3rem;
      align-items: center;
      display: inline-flex;
      justify-content: center;
      transition: width .5s
  }

  ul#floating-share-buttons a:hover {
      width: 3.5rem
  }

  #floating-share-buttons a.share-whatsapp {
      display: none
  }
}

@media(max-width: 1024px) {
  footer {
      padding-bottom:4rem
  }

  #floating-share-buttons {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center
  }

  #floating-share-buttons li {
      display: inline-block;
      width: calc(100%/6);
      padding: 0;
      margin: 0
  }

  #floating-share-buttons li a {
      align-items: center;
      display: inline-flex;
      justify-content: center;
      height: 3rem;
      width: 100%
  }
}