@import url('https://fonts.googleapis.com/css?family=Muli:300,700|Nunito');

  html{
    scroll-behavior: smooth;
  }

  body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
  }

  body.index,
  body.it-course,
  body.contacts,
  body.courses,
  body.qa-labs,
  body.contact-me,
  footer {
    background: #050505;
  }

  #logo{
    background-image: url(../icons/Logo.svg);
    width: 70px;
    height: 38px;
    margin-left: 0;
  }

  .logo-container{
    margin-top: 26px;
  }

  .doc{
    cursor: pointer;
  }

  .doc-item,
  .no-doc-item{
    height: 50px;
    width: 150px;
    padding-top: 15px;
  }

  /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    line-height: inherit;
  }

  h1 {
    color: #3d200c;
    font-size: 3em;
    line-height: normal;
  }

  h2 {
    color: #3d200c;
    font-size: 2em;
    padding-bottom: 10px;
  }

  h3 {
    font-size: 1.5em;
    margin-bottom: 0;
  }

  h3,
  h3 a {
    color: #3d200c;
  }

  p {
    color: #3d200c;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
  }

  h2 small {
    color: #3d200c;
  }


  /*---------------------------------------
     GENERAL               
  -----------------------------------------*/

  html{
    -webkit-font-smoothing: antialiased;
  }

  /* BLOCKED RESIZING */
  .fix-size .container { 
    width: 1170px !important; 
  }

  .fix-size section, 
  .fix-size footer {
    min-width: 1170px;
  }

  .fix-size .col-md-8 {
    width: 66.66666667% !important;
    float: left !important;
  }
  
  .fix-size .col-md-6 {
    width: 50% !important;
    float: left !important;
  }

  .fix-size .col-md-4 {
    width: 33.33333333% !important;
    float: left !important;
  }

  .fix-size .col-md-3 {
    width: 25% !important;
    float: left !important;
  }

  .fix-size .col-md-2 {
    float: left !important;
  }

  a {
    color: #3d200c;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none !important;
  }

  label {
    color: #3d200c;
  }

  a,
  input, button,
  .form-control {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  
  input[type=button] {
    border: 1px solid #775A3A;
    border-radius: 24px;
    background-color: #050505;
    color: #FFFFFF;
    padding: 10px  17px;
  }

  input[type=button]:hover {
    color: #775A3A;
  }

  .form-control {
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    padding-left: 0;
  }

  a:hover, a:active, a:focus {
    color: #775A3A;
    outline: none;
  }

  ::-webkit-scrollbar{
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #000000;
  }

  .section-title {
    padding-bottom: 40px;
  }

  .section-title h2 {
    margin: 0;
  }

  .section-title small {
    display: block;
  }

  .overlay {
    background: #000000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
  }

  .entry-form {
    text-align: center;
    margin-top: 50%;
  }

  .entry-form h2 {
    color: #fffcf8;
    margin: 0;
  }

  .entry-form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    margin: 10px 0;
  }

  .entry-form .submit-btn {
    background: #fffcf8;
    border-radius: 50px;
    border: 0;
    color: #252020;
    width: 50%;
    height: 50px;
    margin: 30px auto;
    margin-bottom: 10px;
  }

  .entry-form .submit-btn:hover {
    background: #3f51b5;
    color: #fffcf8;
  }

  section {
    position: relative;
    padding: 100px 0;
  }

  #team,
  #testimonial,
  #about {
    background: #050505;
  }

  #team, 
  #testimonial {
    text-align: center;
  }
  
  #google-map iframe {
    border: 0;
    width: 100%;
    height: 390px;
  }

  .path, .path-sign, .path-current {
    font-weight: normal;
    font-size: 14px;
    line-height: 48px;
  }

  .path, .path-sign {
    color: #775A3A;
  }

  .path-current {
    color: #FFFFFF;
    opacity: 0.5;
  }
  
  .background-grey {
    background: linear-gradient(0deg, #222221, #222221);
  }

  .text-right {
    text-align: right;
  }

  /*---------------------------------------
     BUTTONS               
  -----------------------------------------*/

  .section-btn {
    background: transparent;
    border-radius: 50px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: inherit;
    font-weight: normal;
    padding: 15px 30px;
    transition: 0.5s;
  }

  .section-btn:hover {
    background: #FFFFFF;
    border-color: transparent;
  }

  /*---------------------------------------
       BANNER           
  -----------------------------------------*/

  section.banner {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(123, 101, 77, 0.8);
    color: #FFFFFF;
    padding: 12px 0;
    z-index: 1;
    display: none; /* TEMPORARY SOLUTION*/
  }

  section.banner .row {
    display: flex;
    align-items: center;
  }

  section.banner p.message {
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
  }

  section.banner input[type='button'] {
    border: 1px solid #FFFFFF;
    background-color: transparent;
    padding: 10px 36px;
  }

  section.banner input[type='button']:hover {
    background-color: #FFFFFF;
    border-color: #775A3A;
    color: #775A3A;
  }

  section.banner span.close-banner {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1px;
    top: 3px;
    cursor: pointer;
  }

  section.banner span.close-banner:after {
    content: '';
    height: 20px;
    border-left: 1px solid #FFFFFF;
    position: absolute;
    transform: rotate(45deg);
    left: 8px;
  }

  section.banner span.close-banner:before {
    content: '';
    height: 20px;
    border-left: 1px solid #FFFFFF;
    position: absolute;
    transform: rotate(-45deg);
    left: 8px;
  }

  /*---------------------------------------
       SCROLLER              
  -----------------------------------------*/

  .scroller {
    position: fixed;
    left: 50px;
    top: 50%;
    padding: 0;
    text-align: center;
  }

  .scroller .scroll-up,
  .scroller .scroll-down {
    height: 20px;
    width: 20px;
    background-color: #775A3A;
    color: #FFFFFF;
  }

  .scroller .scroll-up{
    margin-bottom: 2px;
  }

  .scroller .scroll-down{
  }

  /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

  .preloader,
  .preloader-request {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #050505;
  }

  .preloader-request{
    opacity: 0.5;
  }

  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
    left: -2%;
  }

  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #775A3A;
    border-top-color: #050505;
    animation: spinner .9s linear infinite;
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }

  /*---------------------------------------
      MENU              
  -----------------------------------------*/

  .custom-navbar {
    background: #050505;
    border-bottom: 0;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    padding: 12px 0;
    margin-bottom: 0;
    padding: 0;
  }

  .custom-navbar .navbar-nav.navbar-right li {
    margin-left: 16px;
    margin-right: 16px;
  }

  .custom-navbar .navbar-nav.navbar-right li a {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 4px;
  }

  .custom-navbar .navbar-nav.navbar-right li a.btn {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 50px;
    border: 1px solid #3d200c;
  }

  .custom-navbar .navbar-nav.navbar-right li.li-btn {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 20px;
  }

  .custom-navbar .nav li a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 0 solid #252525;
  }

  .custom-navbar .navbar-nav > li > a:hover,
  .custom-navbar .navbar-nav > li > a:focus {
    background-color: transparent;
  }

  .custom-navbar .nav li a:hover,
  .custom-navbar .nav li.active > a {
    border-bottom: 1px solid #775A3A;
  }

  .custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
  }

  .custom-navbar .navbar-toggle {
    background-color: transparent;
  }

  .custom-navbar .navbar-toggle .icon-bar {
    background: #775A3A;
    border-color: transparent;
  }

  .custom-navbar .navbar-collapse {
    padding-top: 15px;
    padding-bottom: 26px;
  }


  /*---------------------------------------
      HOME  & SLIDER            
  -----------------------------------------*/

  #home {
    padding: 300px 0 100px 0;
    max-height: 840px;
  }

  #home h1 {
    color: #3d200c;
  }

  #home .section-btn {
    border: 1px solid #3d200c;
    color: #3d200c;
  }

  #home .section-btn:hover {
    background: #3d200c;
    color: #fbf2e4;
  }

  #home h3 {
    color: #3d200c;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 5px 0 40px 0;
  }

  #home .home-title{
    width: 100%;
    text-align: center;
  }

  #home .home-title h1{
    color: #FFFFFF;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    max-width: 1004px;
    margin: 0 auto;
    z-index: 1000;
  }

  #home .home-title a {
    border: 1px solid #C29254;
    border-radius: 24px;
    color: #FFFFFF;
    padding: 10px 17px;
    background: #C29254;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
  }

  #home .home-title a:hover {
    background: #775A3A;
    border: 1px solid #775A3A;
  }

  #home .overlay {
    min-width: 1155px;
  }

  #home .fullscreen-bg img {
    width: 100%;
    pointer-events: none;
    min-width: 1155px;
  }
/*
  @media (min-width: 768px) {
    .home-slider .col-md-6 {
      padding-left: 0;
    }
  }
*/
  .caption .container h1{
    color: #fffcf8 !important;
  }

  .home-slider .caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    height: 100%;
    color: #fff;
  }

  .home-slider .item {
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    height: 650px;
  }
  
  .caption h3 a { color: #FFF; }
  .caption h3 a:hover { color: #FF3; }

  .home-slider .item-first {
    background-image: url(../images/slider-image1.png);
	  background-position: center;
    max-width: 1600px;
    margin: 0 auto;
  }

  /*---------------------------------------
      FEATURE              
  -----------------------------------------*/

  .feature-thumb {
    padding: 5em 3em;
    background-color: #050505;
  }

  .feature-thumb span {
    background: #3f51b5;
    border-radius: 50px;
    color: #fffcf8;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 5px;
  }

  .feature-thumb h3 {
    margin: 10px 0;
  }

  /*---------------------------------------
      PAGES              
  -----------------------------------------*/

  .index h2 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #775A3A;
  }

  /*---------------------------------------
      OVERVIEW              
  -----------------------------------------*/

  #overview {
    background-color: transparent;
    padding-bottom: 0px;
  }

  #overview h2 {
    padding-bottom: 14px;
  }

  #overview p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 16px;
  }

  #overview p.bold{
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #775A3A;
    padding-top: 8px;
    margin-bottom: 24px;
  }

  #overview img {
    width: 100%;
  }

  /*---------------------------------------
      ABOUT              
  -----------------------------------------*/

  #about {
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 40px;
  }

  #about figure {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
  }

  #about figure span {
    float: left;
    margin-left: -15px;
    padding: 15px 20px 15px 0;
    position: relative;
    top: 20px;
  }

  #about figure span i {
    background: #3d200c;
    border-radius: 50px;
    color: #fffcf8;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }

  #about h3 {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
  }

  #about .row {
    margin-bottom: 4px;
  }

  #about .row .col-md-4 {
    margin-top: 27px;
  }

  #about .row .col-md-4 p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding-top: 8px;
  }

  /*---------------------------------------
      FEEDBACK              
  -----------------------------------------*/

  #feedback .col-md-4 span.details {
    display: none;
  }

  #feedback{
    padding-bottom: 0px;
  }

  #feedback h2{
    padding-bottom: 15px;
  }

  #feedback p {
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    font-weight: 300;
  }

  #feedback .name{
    font-size: 24px;
    line-height: 32px;
  }

  .custom-carousel img {
    border-radius: 10px;
  }

  .custom-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 33px;
  }

  .custom-carousel .owl-dots .owl-dot span {
    background: #FFFFFF;
  }

  .custom-carousel .owl-dots .owl-dot.active span {
    background: #775A3A;
  }

  /*---------------------------------------
      TEAM              
  -----------------------------------------*/

  .team-thumb {
    background: #fffcf8;
    position: relative;
    overflow: hidden;
    text-align: left;
  }

  .team-info {
    padding: 20px 30px;
  }

  .team-image img {
    width: 100%;
  }

  .team-thumb .social-icon {
    border-top: 1px solid #f0f0f0;
    padding: 4px 20px 0 20px;
  }

  .team-thumb .social-icon li a {
    background: #fffcf8;
    color: #3d200c;
  }

  .team-info h3 {
    margin: 0;
  }


  /*---------------------------------------
      COURSES             
  -----------------------------------------*/

  #courses-list {
    padding-bottom: 0px;
  }

  #courses-list .course-img {
    height: 200px;
    left: 132px;
    top: 1432px;
    border-radius: 10px;
    max-width: 360px;
  }

  #courses-list .course-img-title {
    position: absolute;
    bottom: 0px;
    right: 15px;
    left: 15px;
    max-width: 360px;
    border-radius: 0 0 10px 10px;
    background: rgba(119, 90, 58, 0.81);
    height: 72px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    transition: 0.5s;
  }

  #courses-list .course-img-title:hover {
    height: 100%;
    border-radius: 10px 10px 10px 10px;
  }

  #courses-list .course-img-title h4 {
    margin: 0;
  }

  #courses-list .row{
    padding-bottom: 44px;
  }

  #courses-list .row-title{
    padding-left: 15px;
    margin-top: 4px;
    margin-bottom: 20px;
    max-width: 750px;
  }
  #courses-list h4 {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
  }

  /*---------------------------------------
     NEWS              
  -----------------------------------------*/

  .news-thumb {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .news-thumb .news-image {
    float: left;
    width: 40%;
    margin-right: 30px;
  }

  .news-info h3 {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .news-date span {
    color: #909090;
    font-weight: bold;
  }



  /*---------------------------------------
      TESTIMONIAL             
  -----------------------------------------*/

  #testimonial .item {
    background: #fffcf8;
    margin: 20px 0;
    padding: 4em 3em;
    text-align: left;
  }

  #testimonial .item > p {
    font-size: 16px;
    line-height: 26px;
  }

  .tst-rating {
    margin-bottom: 15px;
  }

  .tst-rating .fa {
    color: #f8cd57;
  }

  .tst-image,
  .tst-author {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    text-align: left;
  }

  .tst-image img {
    border-radius: 50px;
    width: 60px !important;
    height: 60px;
    margin-right: 15px;
  }

  .tst-author h4 {
    margin: 0;
  }

  .tst-author span {
    color: #808080;
    font-size: 14px;
  }

  /*----------------------------------------------------
      CONTACT HEADER  | COURSES HEADER | QA LAB HEADER         
  -----------------------------------------------------*/

  #contact-header,
  #courses-header {
    background: #050505;
  }

  #contact-header,
  #courses-header,
  #qa-lab-header {
    padding-top: 87px;
    padding-bottom: 0;
  }

  #contact-header .row,
  #courses-header .row {
    margin: 0;
  }

  #contact-header h1,
  #courses-header h1 {
    color: #F4EFE6;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    position: absolute;
    left: 137px;
    top: 46%;
  }

  #contact-header .row img,
  #courses-header .row img {
    width: 100%;
  }

  #qa-lab-header h1 {
    position: relative;
    color: #FFFFFF;
    text-align: center;
    margin-top: 163px;
    margin-bottom: 208px;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
  }

  #courses-header h1.courses-header-long-text{
    display: none;
  }

  #courses-header h1.courses-header-short-text{
    display: block;
  }

  /*---------------------------------------
      PATH             
  -----------------------------------------*/

  #path {
    padding-bottom: 0;
    padding-top: 24px;
  }

  /*---------------------------------------
      CONTACT             
  -----------------------------------------*/

  #contact {
    background: #050505;
    padding-top: 20px;
    padding-bottom: 0;
  }

  #contact h2 {
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
  }

  #contact h3 {
    font-size: 24px;
    line-height: 32px;
  }

  #contact h2, #contact h3 {
    color: #775A3A;
  }

  form.contact-form h3 {
    font-weight: 400;
  }

  #contact .contact-info h3 {
    font-weight: 500;
    margin-bottom: 8px;
  }

  #contact .contact-info p {
    margin-bottom: 4px;
  }

  #contact .section-title {
    padding-bottom: 20px;
  }

  #contact .section-title a:hover {
    color: #f8cd57;
  }

  #contact .map {
    padding-top: 24px;
  }

  #contact .map-img {
    background: #000000;
    opacity: 0.5;
    transition: 1s;
  }

  #contact .map-img:hover {
    opacity: 0.8;
  }

  #contact .map-img img {
    max-width: 650px;
    width: 100%;
  }

  #contact p,
  #contact a {
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
  }

  #contact a:hover {
    color: #775A3A;
    outline: none;
  }

  #contact .address p {
    line-height: 25px;
  }

  form.contact-form label{
    font-weight: normal;
  }

  form.contact-form .col-md-12,
  form.contact-form .col-md-4 {
    padding-left: 0;
    padding-right: 0;
  }

  form.contact-form .form-control {
    box-shadow: none;
    margin: 17px 0 0 0;
    border-bottom: 1px solid rgba(119, 90, 58, 0.5);
    box-sizing: border-box;
  }

  form.contact-form input,
  form.contact-form select {
    height: 40px;
  }

  form.contact-form input,
  form.contact-form select,
  form.contact-form textarea {
    font-weight: 300;
    font-size: 16px;
    color: #FFE1A64D;
    background: #050505;
  }

  form.contact-form textarea {
    min-height: 39px;
    height: 39px;
    max-width: 100%;
    min-width: 100%;
  }

  #contact p.hint {
    font-weight: 300;
    font-size: 10px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0;
    opacity: 0.5;
  }

  form.contact-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFE1A64D;
    opacity: 1; /* Firefox */
  }
  
  form.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFE1A64D;
  }
  
  form.contact-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFE1A64D;
  }

  form.contact-form input[type='submit'],
  form.contact-form input[type='button']  {
    border: 1px solid #775A3A;
    box-sizing: border-box;
    border-radius: 24px;
    background-color: #050505;
    margin-top: 16px;
    color: #FFFFFF;
    padding: 8px  17px;
  }

  form.contact-form input[type='submit']:hover,
  form.contact-form input[type='button']:hover  {
    border-color: #775A3A;
    color: #775A3A;
  }

/*---------------------------------------
     COURSES | LESSONS             
  -----------------------------------------*/

  #courses,
  #lessons {
    padding-top: 20px;
    padding-bottom: 23px;
  }

  #courses h2,
  #lessons h2{
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 24px;
    margin-top: 12px;
  }

  #lessons h2 {
    margin-bottom: 14px !important;
  }

  #courses h2{
    text-align: center;
  }

  #courses h2, #contact h3,
  #lessons h2 {
    color: #775A3A;
  }

  #courses p,
  #lessons p,
  #lessons .p {
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
  }

  #lessons p.title {
    font-weight: 500;
    line-height: 24px;
  }

  #courses-tab {
    display: flex;
    justify-content: center;
    padding-bottom: 64px;
  }

  #courses-tab li{
    margin: 0 20px;
  }

  #courses-tab li a{
    padding: 6px 0;
    background-color: #050505;
    border-bottom: 1px solid  #775A3A;
    color: #775A3A;
    border-radius: 0;
  }

  #courses-tab li a:hover {
    border-color: #FFFFFF;
    color: #FFFFFF;
  }

  #courses-tab li.active a{
    border-color: #FFFFFF;
    color: #FFFFFF;
  }

  #courses-tab-content img {
    border-radius: 10px;
    width: 100%;
  }

  #courses-tab-content .fade{
    transition: opacity 1s linear;
  }

  #courses-tab-content img{
    max-width: 430px;
    height: 266.2px;
    object-fit: cover;
  }

  #courses-tab-content .course-image-left img{
    object-position: right;
  }

  #courses-tab-content .course-image-right img{
    object-position: left;
  }

  #courses-tab-content .course-image-left ,
  #lessons .lesson-left {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  #courses-tab-content .course-image-right,
  #lessons .lesson-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  #courses-tab-content .course-image-left,
  #courses-tab-content .course-text-left,
  #lessons .lesson-left {
    padding-right: 10px;
  }

  #courses-tab-content .course-image-right,
  #courses-tab-content .course-text-right,
  #lessons .lesson-right {
    padding-left: 10px;
  }
  
  #courses-tab-content .course-row {
    display: flex;
    height: 328px;
  }

  #courses-tab-content .course-text-left,
  #courses-tab-content .course-text-right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
  }

  #courses-tab-content .course-text-left div {
    margin-left: 130px;
  }

  #courses .course-text-right div {
    margin-right: 130px;
  }

  #courses-tab-content h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    color: #775A3A;
    margin-top: 0;
    margin-bottom: 16px;
  }

  #courses-tab-content p,
  #lessons p {
    margin-bottom: 24px;
  }

  #courses-tab-content input[type=button] {
    padding: 10px 38px;
  }

  #courses-tab-content .mobile-view{
    display: none;
  }
  
  .lesson-row {
    display: flex;
    margin-bottom: 40px;
  }

  .lesson-row .lesson-header {
    max-width: 968px;
    margin: 0 auto;
    padding: 0;
  }

  .lesson {
    box-sizing: border-box;
    width: 474px;
    height: 464px;
    border: 1px solid #775A3A;
    border-radius: 10px;
    padding: 16px;
    transition: 0.5s;
  }

  .lesson:hover {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
  }

  .lesson-image {
    height: 200px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 10px;
  }

  .lesson-image p {
    margin-bottom: 0 !important;
    width: 100%;  
  }

  .lesson .lesson-schedule{
    display: flex;
    text-align: center;
    align-items: center;
    height: 72px;
  }

  .lesson .lesson-schedule-line .p {
    color: #ffffff;
    transition: 1s;
  }

  .lesson:hover .lesson-schedule-line .p {
    color: #775A3A !important;
  }

  .lesson-schedule-line {
    width: 100%;
  }

  .lesson-schedule-line .p {
    vertical-align: middle;
    font-weight: 400;
    line-height: 24px;
  }

  .lesson-schedule .img{
    width: 24px !important;
    border-radius: 0 !important;
    height: 24px;
    margin-right: 8px;
  }

  .lesson .lesson-schedule-line .img.calendar {
    background-image: url('../images/calendar-img.svg');
    display: inline-flex;
    vertical-align: middle;
    transition: 0.5s;
  }

  .lesson:hover .lesson-schedule-line .img.calendar {
    background-image: url('../images/calendar-img-hover.svg');
  }

  .lesson .lesson-schedule-line .img.clock {
    background-image: url('../images/clock-img.svg');
    display: inline-flex;
    vertical-align: middle;
    transition: 0.5s;
  }

  .lesson:hover .lesson-schedule-line .img.clock {
    background-image: url('../images/clock-img-hover.svg');
  }

  .lesson-schedule .date {
    margin-right: 8px;
  }

  .lesson-schedule .day {
    margin-right: 30px;
  }

  .lesson-title{
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
  }

  #lessons .lesson-title h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: 0;
    margin-top: 0;
    margin: 0 auto;
    transition: 0.5s;
  }

  #lessons .lesson:hover  .lesson-title h3 {
    color: #775A3A;
  }

  .lesson-price {
    display: flex;
    align-items: center;
    padding-top: 15px;
  }

  .lesson-price .price {
    position: absolute;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #FFA337;
  }

  .lesson .lesson-price input {
    margin-left: auto;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    border: 1px solid #FFFFFF;
    padding: 10px 35px !important;
    transition: 0.5s;
  }

  .lesson:hover .lesson-price input {
    color: #775A3A;
    border: 1px solid #775A3A;
    background-color: #FFFFFF;
  }

  .subscription-row{
    display: flex;
    width: auto;
    height: 312px;
    background: linear-gradient(95.94deg, #FFB93E -4.45%, #000000 91.75%);
    margin-top: 96px;
    margin-bottom: 96px;
  }

  .subscription-row:last-child{
    margin-bottom: 0 !important;
  }

  #lessons .subscription-row .subscription-list {
    padding: 0;
    margin-top: 45px;
  }

  #lessons .subscription-row .subscription-list .lesson-free {
    color: #00E0A2 !important;
  }

  #lessons .subscription-row h2{
    color: #FFFFFF;
    width: auto;
    margin-top: 40px;
    margin-bottom: 11px !important;
  }

  .subscription-row .col-md-12 {
    max-width: 968px;
    margin: 0 auto;
  }

  #lessons .subscription-row p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 8px;
  }

  #lessons .subscription-row input{
    padding: 10px 35px;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    margin-top: 32px;
    margin-top: 136px;
    border: 0;
  }

  #lessons .subscription-row .subscription-card{
    position: relative;
    width: 376px;
    height: 200px;
    background: linear-gradient(109.85deg, #FFFFFF 27.39%, #EECD86 113.18%);
    border: 1px solid #FFB93E;
    border-radius: 15px;
    transform: rotate(-17.5deg);
    padding: 10px 20px 40px 40px;
  }

  #lessons .subscription-row .subscription-card .lesson-free{
    font-size: 54px !important;
    color: #00B280 !important;
  }
  
  #lessons .subscription-row .subscription-card.first-card{
    margin-top: 20px;
  }

  #lessons .subscription-row .subscription-card.second-card{
    margin-left: 200px;
    margin-top: -40px;
  }

  #lessons .subscription-row .subscription-card p.price{
    font-weight: 400;
    font-size: 64px;
    line-height: 72px;
    color: #775A3A;
    margin-top: 40px;
  }

  #lessons .subscription-row .subscription-card p.name{
    float: right;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #775A3A;
  }

  #lessons .subscription-row .subscription-card p.desc{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #775A3A;
  }

  /*---------------------------------------
     COURSES PAGES:
     - QA BASICS
     - IT SALES/MARK./HR    
     - MOBILE QA BASICS  
     - DOCUMENTATION     
     - SQL QA BASICS  
  -----------------------------------------*/

  .it-course h2{
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    color: #775A3A;
  }

  .course-header {
    padding-bottom: 0;
    padding-top: 87px;
  }

  .course-header .header-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .course-header .container {
    position: absolute;
  }

  .course-header h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: normal;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 16px;
  }
 
  .it-course p,
  .course-header input,
  .modal-body.info input {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
  }

  .course-header input,
  .modal-body.info input {
    background-color: transparent;
    line-height: 20px;
    padding: 10px 35px;
    border-color: #FFFFFF;
  }

  .course-header input:hover,
  .modal-body.info input:hover {
    background-color: #775A3A;
    border-color: #775A3A;
    color: #FFFFFF;
  }


  .course-header .title p {
    margin-bottom: 24px;
  }

  .course-header .title p.regular {
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  .documentation .course-header .overlay,
  .sql-qa-basics .course-header .overlay,
  .virtual-machine .course-header .overlay,
  .web-testing .course-header .overlay {
    opacity: 0.49;
  }

  .course-overview {
    padding-top: 75px;
  }

  .course-overview h2{
    margin-top: 0;
  }

  .course-overview .img{
    text-align: right;
  }

  .course-overview img{
    border-radius: 10px;
  }

  .course-if {
    padding-bottom: 0;
    padding-top: 35px;
  }

  .course-if .mobile-view {
    display: none;
  }

  .virtual-machine .course-if {
    padding-top: 0;
  }

  .course-if .row:last-child {
    margin-top: 20px;
  }

  .course-if .row .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .course-if .row .col-md-3:first-child {
    padding-left: 15px;
  }

  .course-if .row.first-line .col-md-3:last-child {
    padding-right: 15px;
  }

  .course-if .block{
    background: rgba(119, 90, 58, 0.8);
    box-shadow: 0px 4px 4px rgba(52, 30, 5, 0.25);
    border-radius: 8px;
    padding: 16px;
  }

  .qa-basics .course-if .block {
    height: 184px;
  }

  .it-staff .course-if .block{
    height: 256px;
  }

  .mobile-qa-basics .course-if .block {
    height: 200px;
  }

  
  .documentation .course-if .block {
    height: 224px;
  }

  .sql-qa-basics .course-if .block,
  .virtual-machine .course-if .block,
  .web-testing .course-if .block {
    height: 232px;
  }

  .course-if .block p{
    margin-bottom: 0;
  }

  .course-if .block p.title {
    font-weight: 500;
    margin-bottom: 8px;
  }

  .course-if img{
    padding-bottom: 16px;
  }

  .course-if h2{
    margin-bottom: 54px;
  }

  .course-value {
    padding-bottom: 0;
  }

  .course-value .mobile-view {
    display: none;
  }

  .course-value h2{
    margin-top: 4px;
    margin-bottom: 14px;
  }

  .course-value p.title {
    margin-bottom: 32px;
  }

  .qa-basics .course-value .value-header p {
    max-width: 475px;
  }

  .course-value .value-header p{
    margin-bottom: 32px;
  }

  .course-value .value-header .col-md-6:last-child{
    padding-left: 10px;
  }

  .course-value h3{
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 8px;
  }

  .course-value .value-items{
    margin-bottom: 20px;
  }

  .course-value .value-items .value-item {
    height: 216px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #775A3A;
    border-radius: 10px;
    transition: 0.5s;
  }

  .course-value .value-items .value-item:hover {
    border-bottom: 18px solid #775A3A;
  }

  .course-value .value-items .col-md-6:first-child {
    padding-right: 10px;
  }

  .course-value .value-items .col-md-6:last-child {
    padding-left: 10px;
  }

  .course-consultation {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 104px;
  }

  .course-consultation .container {
    height: 334px;
  }

  .course-consultation .row {
    display: flex;
    align-items: center;
  }

  .course-consultation h2{
    font-weight: 500;
    color: #FFFFFF;
  }

  .course-consultation .consultation-form {
    max-width: 363px;
    margin-top: 25px;
  }

  .course-consultation .consultation-form input{
    background: transparent !important;
  }

  .course-consultation .consultation-form p.hint{
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    opacity: 0.5;
    font-weight: 300;
    line-height: 16px; /* 160% */
  }

  .course-myphs {
    padding-bottom: 0;
  }

  .course-myphs h2{
    margin-top: 0;
  }

  .course-myphs ul,
  .course-acquire ul,
  .course-program ul,
  .course-mentors ul,
  .course-cert ul{
    padding-left: 20px;
  }

  .course-myphs ul li p,
  .course-acquire ul li p,
  .course-program ul li p,
  .course-mentors ul li p,
  .course-cert ul li p{
    margin-bottom: 8px;
    margin-left: -4px;
  }

  .course-myphs ul li::marker,
  .course-acquire ul li::marker,
  .course-program ul li::marker,
  .course-mentors ul li::marker,
  .course-cert ul li::marker {
    color: #775A3A;
    font-size: 20px;
  }

  .course-process .col-md-2 {
    width: 20%;
  }
  
  .course-process .row {
    padding-top: 46px;
  }

  .course-process .step-description {
    margin-top: 25px;
  }

  .course-process .arrow {
    background: #775A3A;
    height: 3px;
    width: 110px;
    margin: 0 auto;
    position: relative;
    left: 40px;
    top: 40px;
  }

  .course-process .arrow:before,
  .course-process .arrow:after {
    content: "";
    background: #775A3A;
    position: absolute;
    height: 3px;
    width: 15px;
  }

  .course-process .arrow:before {
    right: -3px;
    bottom: -4px;
    transform: rotate(-45deg);
  }
  
  .course-process .arrow:after {
    right: -3px;
    top: -4px;
    transform: rotate(45deg);
  }

  .course-lectures .row {
    margin-top: 40px;
  }

  .course-lectures {
    padding-top: 0;
  }

  .course-lectures .col-md-4,
  .course-lectures .col-md-3,
  .course-lectures .col-md-6  {
    padding-right: 10px;
    padding-left: 10px;
  }

  .course-lectures .col-md-4:first-child,
  .course-lectures .col-md-3:first-child {
    padding-left: 15px;
  }

  .course-lectures .col-md-4:last-child,
  .course-lectures .col-md-3:last-child {
    padding-right: 15px;
  }

  .course-lectures .block {
    background: #775A3A;
    border-radius: 10px;
    height: 184px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 25px;
    padding-right: 25px;
  }

  .it-staff .course-lectures .block {
    padding-top: 20px;
  }

  .course-lectures .block h2 {
    color: #FFFFFF;
    margin-top: 0;
  }

  .it-staff .course-lectures .block h2 {
    font-size: 60px;
    margin-bottom: 0;
  }

  .course-lectures .block p {
    font-weight: 500;
    font-size: 14px;
  }

  .it-staff .course-lectures .block p {
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
  }
  
  .it-staff .course-lectures .block:first p {
    font-weight: 500;
    font-size: 30px;
  }

  .course-lectures .block p b {
    color: #3D200C;
  }

  .course-materials {
    padding-top: 0;
    padding-bottom: 0;
  }

  .course-materials .material-img img {
    border-radius: 10px;
  }

  .course-materials h2 {
    margin-bottom: 6px;
  }
  
  .course-materials h3 {
    font-weight: 300;
    font-size: 24px;
    line-height: 40px;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .course-materials .material-img {
    padding-right: 10px;
  }

  .course-materials .material-img img{
    width: 100%;
  }

  .course-materials .material-items .row:first-child .col-md-6 {
    padding: 0 10px 12px 10px;
  }

  .course-materials .material-items .col-md-6 {
    padding: 12px  10px;
  }

  .course-materials .material-items .block {
    background: #775A3A;
    border-radius: 8px;
    height: 152px;
    text-align: center;
    display: flex;
    align-items: center;
  }

  .course-materials .material-items .block div {
    width: 100%;
  }

  .course-materials .material-items .block p {
    margin-top: 16px;
    margin-bottom: 0;
  }

  .course-materials .material-items .block p.small-desc {
    font-weight: 300;
    font-size: 10px;
    line-height: 24px;
    margin-top: 0px;
  }

  .it-staff .sign-up {
    margin-bottom: 104px;
  }

  .sign-up .header h2 {
    padding-bottom: 0;
    margin-bottom: 8px;
  }

  .sign-up .header p {
    font-weight: 500;
  }
 
  .it-staff .course-acquire,
  .documentation .course-acquire,
  .virtual-machine .course-acquire {
    padding-bottom: 0;
  }

  .mobile-qa-basics .course-acquire .right-acquire {
    padding-top: 68px;
  }

  .mobile-qa-basics .course-acquire,
  .sql-qa-basics .course-acquire,
  .web-testing .course-acquire {
    padding-bottom: 0;
  }

  .course-acquire h2 {
    margin-top: 0;
  }

  .course-acquire h3 {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
  }

  .course-acquire ul li p {
    margin-bottom: 8px;
  }

  .course-program {
    padding-top: 0;
  }

  .course-program h2.mobile-view {
    display: none;
  }

  .mobile-qa-basics .course-program,
  .sql-qa-basics .course-program,
  .web-testing .course-program {
    padding-top: 104px;
  }

  .it-staff .course-program .content {
    margin-top: 46px;
  }

  .course-program .row {
    margin-top: 46px;
    margin-bottom: 56px;
  }

  .course-program .col-md-2 {
    width: 20%;
  }

  .course-program h2 {
    margin-top: 0;
  }

  .course-program .program-description {
    padding-top: 36px;
  }

  .course-program .content h3{
    margin-top: 0;
    line-height: 40px;
    color: #775A3A;
    font-weight: bold;
    font-size: 24px;
  }

  .course-program .content .panel{
    border: none;
  }

  .course-program .content .panel-heading{
    padding-left: 0;
    padding-right: 0;
    background: #050505;
    border: 1px solid #775A3A;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
  }

  .course-program .content .panel-heading-sign {
    margin-left: auto;
  }

  .course-program .content .panel-collapse,
  .course-qa .content .panel-collapse {
    background: #050505;
  }

  .course-program .content .panel-title,
  .course-qa .content .panel-title {
    display: inline-block;
  }

  .course-program .content .panel-collapse .panel-body{
    padding-left: 0;
    border: none;
  }

  .course-program ul {
    margin-bottom: 0;
  }

  .course-program ul li p {
    margin-bottom: 8px;
  }

  .course-program ul li:last-child p {
    margin-bottom: 0;
  }

  .course-program .content .closed .vertical,
  .course-program .content .closed .horizontal,
  .course-program .content .opened .vertical,
  .course-program .content .opened .horizontal {
    transition: all 0.3s ease-in-out;
  }

  .course-program .content .closed .vertical,
  .course-program .content .closed .horizontal {
    transform: rotate(-90deg);
  }

  .course-program .content .opened .vertical,
  .course-program .content .opened .horizontal {
    transform: rotate(90deg);
  }

  .course-program .content .opened .horizontal {
    opacity: 0;
  }
  
  .course-program .content .circle-plus {
    height: 4em;
    font-size: 1em;
    opacity: 1;
    display: flex;
    align-items: center;
  }
  
  .course-program .content .circle-plus .circle {
    position: relative;
    width: 3.55em;
    height: 2.5em;
  }

  .course-program .content .circle-plus .circle .horizontal {
    position: absolute;
    width: 48px;
    left: 30%;
    margin-left: -15px;
    top: 60%;
    margin-top: -2.5px;
    border: 1px inset #775A3A;
  }

  .course-program .content .circle-plus .circle .vertical {
    position: absolute;
    height: 48px;
    left: 50%;
    margin-left: -2.5px;
    top: 30%;
    margin-top: -15px;
    border: 1px inset #775A3A;
  }

  .course-program .content .circle-plus .circle {
    cursor: pointer;
  }
  
  .documentation .course-program,
  .virtual-machine  .course-program{
    padding-top: 104px;
  }

  .documentation .course-program .content .panel-heading,
  .virtual-machine .course-program .content .panel-heading,
  .web-testing .course-program .content .panel-heading {
    display: block;
    margin: 10px 0;
  }

  .documentation .course-program .content .row,
  .virtual-machine .course-program .content .row,
  .web-testing .course-program .content .row {
    margin-bottom: 0;
    margin-top: 0;
  }

  .documentation .course-program .content .row .col-md-2,
  .documentation .course-program .content .row .col-md-10,
  .virtual-machine .course-program .content .row .col-md-2,
  .virtual-machine .course-program .content .row .col-md-10,
  .web-testing .course-program .content .row .col-md-2,
  .web-testing .course-program .content .row .col-md-10  {
    width: auto;
  }

  .documentation .course-program .content .row .col-md-2,
  .virtual-machine .course-program .content .row .col-md-2,
  .web-testing .course-program .content .row .col-md-2{
    padding-right: 9px;
  }

  .documentation .course-program .content .row .col-md-10,
  .virtual-machine .course-program .content .row .col-md-10,
  .web-testing .course-program .content .row .col-md-10{
    padding-left: 9px;
  }

  .documentation .course-program .content h3,
  .virtual-machine .course-program .content h3,
  .web-testing .course-program .content h3 {
    font-weight: normal;
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;
  }

  .course-mentors {
    padding-top: 0;
  }

  .course-mentors h3 {
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin-top: 4px;
    margin-bottom: 32px;
  }

  .course-mentors .row p {
    margin-bottom: 8px;
  }

  .course-mentors p.name {
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
  }

  .course-mentors p.position {
    margin-bottom: 24px;
  }

  .course-cert {
    padding-top: 0;
    padding-bottom: 68px
  }

  .course-cert h2 {
    margin-bottom: 22px;
  }

  .course-cert img:first-child {
    position: absolute;
    left: 166px;
    top: 68px;
  }

  .course-steps h2 {
    margin-bottom: 56px;
  }

  .course-steps .block {
    margin-bottom: 40px; 
  }

  .course-steps .block {
    background: #775A3A;
    border-radius: 10px;
    height: 224px;
    display: flex;
    align-items: center;
  }

  .it-staff .course-steps .block,
  .mobile-qa-basics .course-steps .block,
  .documentation .course-steps .block,
  .sql-qa-basics .course-steps .block,
  .virtual-machine .course-steps .block,
  .web-testing .course-steps .block {
    background-size:cover;
    box-shadow:inset 0 0 0 2000px rgba(119, 90, 58, 0.8);
    transform: 0.5s;
  }

  .course-steps .block p{
    display: inline-block;
    width: 343px;
    margin-left: 40px;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
  }

  .it-staff .course-steps .block p,
  .mobile-qa-basics .course-steps .block p,
  .documentation .course-steps .block p,
  .sql-qa-basics .course-steps .block p,
  .virtual-machine .course-steps .block p,
  .web-testing .course-steps .block p {
    font-weight: 500;
  }

  .course-steps .block img{
    margin-left: 40px; 
  }

  .course-steps .row .col-md-6:first-child {
    padding-right: 10px;
  }

  .course-steps .row .col-md-6:last-child {
    padding-left: 10px;
  }

  #it-staff-steps .step-1 .block {
    background-image: url('../images/course-step-1.png');
  }

  #it-staff-steps .step-2 .block {
    background-image: url('../images/course-step-2.png');
  }

  #it-staff-steps .step-3 .block {
    background-image: url('../images/course-step-3.png');
  }

  #it-staff-steps .step-4 .block {
    background-image: url('../images/course-step-4.png');
  }

  #it-staff-steps .step-5 .block {
    background-image: url('../images/course-step-5.png');
  }

  .course-packages {
    padding-top: 0;
    padding-bottom: 0;
  }

  .course-packages .mobile-view {
    display: none;
  }

  .course-packages h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #775A3A;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .course-packages p.subheader {
    margin-bottom: 24px;
  }

  .qa-basics .course-packages p.subheader {
    margin-bottom: 56px;
  }

  .course-packages p.header {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-left: 8px;
    margin-bottom: 0;
  }

  .course-packages .row-header {
    margin-bottom: 8px;
  }

  .course-packages .row-option .col-md-3,
  .course-packages .row-header .col-md-3,
  .course-packages .row-discount .col-md-3{
    padding-left: 10px;
    padding-right: 10px;
  }

  .course-packages .row-header .col-md-3:first-child,
  .course-packages .row-discount .col-md-3:first-child {
    padding-left: 15px;
    padding-right: 10px;
  }

  .course-packages .row-option .col-md-3:first-child {
    padding-left: 8px;
    padding-right: 10px;
  }

  .course-packages .row-option .col-md-3:last-child,
  .course-packages .row-header .col-md-3:last-child,
  .course-packages .row-discount .col-md-3:last-child {
    padding-left: 10px;
    padding-right: 15px;
  }

  .course-packages .block {
    background: #775A3A;
    border: 1px solid #775A3A;
    box-sizing: border-box;
    border-radius: 2px;
    min-height: 96px;
    display: flex;
    align-items: center;
  }

  .course-packages .row-option {
    min-height: 72px;
    border-radius: 2px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center
  }

  .course-packages .row-option:nth-child(even) {
    background: rgba(119, 90, 58, 0.3);
  }

  .course-packages .option {
    max-width: 260px;
  }

  .course-packages .option.standard,
  .course-packages .option.advanced,
  .course-packages .option.premium {
    text-align: center;
  }

  .course-packages .option p{
    margin-bottom: 0;
  }

  .course-packages .row-discount .caption p,
  .course-packages .row-discount .item  p{
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
  }

  .course-packages .row-discount .block {
    min-height: 144px;
  }

  .course-packages .row-discount .item .block {
    justify-content: center;
  }

  .course-packages .row-discount p {
    margin-bottom: 0;
  }

  .course-packages .row-discount .caption p {
    margin-left: 16px;
  }

  .course-packages .row-discount .item p {
    text-align: center;
  }

  .course-packages .row-discount.invite {
    margin-top: 24px;
  }

  .course-packages .row-discount.invite .item-desc{
    padding-left: 10px;
  }

  .course-packages .row-discount.invite .block {
    min-height: 120px;
  }

  .course-packages .row-discount.invite .item-desc .block{
    background: rgba(119, 90, 58, 0.3);
    border-width: 0;
    padding-left: 16px;
  }

  .course-packages .row-discount.invite .item .block p{
    margin-top: -12px;
  }

  .course-packages .row-discount.invite .item-desc .block p{
    font-size: 20px;
    margin: 4px 0;
  }

  .course-packages .row-discount.more .item .block p{
    margin-top: 0;
  }

  .course-packages .select {
    padding-top: 32px;
  }

  .course-packages .select .action{
    text-align: center;
  }

  .course-packages .select .action input{
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
  }

  .course-qa {
    padding-bottom: 0;
  }

  .course-qa h2 {
    margin-bottom: 14px;
    margin-top: 0;
  }

  .course-qa .content {
    margin-top: 20px;
  }

  .course-qa .content .panel,
  .course-qa .content .panel-body {
    background: #050505;
    border: none !important;
  } 

  .course-qa .content .panel-body p {
    margin-bottom: 8px;
  }

  .course-qa .content .panel-body p:last-child {
    margin-bottom: 0;
  }

  .course-qa .content h3{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin: 20px 16px;
    color: #FFFFFF;
  }

  .course-qa .content .panel-title a {
    transition: none;
    color: #FFFFFF;
  }

  .course-qa .content .panel-title a:hover {
    color: #FFFFFF;
  }

  .course-qa .content .panel-heading{
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 16px;
    background: #775A3A;
    border: none;
    border-radius: 2px;
    display: flex;
    align-items: center;
  }

  .course-qa .content .panel-heading .panel-heading-sign {
    margin-left: auto;
  }

  .course-qa .content .panel-heading .filter-openCloseWrap {
    position: relative;
    width: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
  }
  
  .course-qa .content .panel-heading .filter-openCloseWrap:hover .filter-openClose,
  .course-qa .content .panel-heading .filter-openCloseWrap:hover .filter-openClose:before {
    background-color: #FFFFFF;
  }

  .course-qa .content .panel-heading .filter-openCloseWrap .filter-openClose {
    width: 12px;
    height: 3px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .course-qa .content .panel-heading .filter-openCloseWrap .filter-openClose:before {
    content: " ";
    position: absolute;
    height: 3px;
    width: 12px;
    top: -10px;
    left: 10px;
    background-color: #FFFFFF;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .course-qa .content .panel-heading .no-filter .filter-openClose {
    transform: rotate(45deg) translate(16px, 0px);
    -webkit-transform: rotate(45deg) translate(16px, 0px);
    -moz-transform: rotate(45deg) translate(16px, 0px);
    -ms-transform: rotate(45deg) translate(16px, 0px);
    -o-transform: rotate(45deg) translate(16px, 0px);
  }
  .course-qa .content .panel-heading .no-filter .filter-openClose:before {
    transform: rotate(-90deg) translate(-15px, -15px);
    -webkit-transform: rotate(-90deg) translate(-15px, -15px);
    -moz-transform: rotate(-90deg) translate(-15px, -15px);
    -ms-transform: rotate(-90deg) translate(-15px, -15px);
    -o-transform: rotate(-90deg) translate(-15px, -15px);
  }
  .course-qa .content .panel-heading .filter-openClose {
    transform: rotate(45deg) translate(12px, 5px);
    -webkit-transform: rotate(45deg) translate(12px, 5px);
    -moz-transform: rotate(45deg) translate(12px, 5px);
    -ms-transform: rotate(45deg) translate(12px, 5px);
    -o-transform: rotate(45deg) translate(12px, 5px);
  }
  .course-qa .content .panel-heading .filter-openClose:before {
    transform: rotate(-90deg) translate(-5px, -5px);
    -webkit-transform: rotate(-90deg) translate(-5px, -5px);
    -moz-transform: rotate(-90deg) translate(-5px, -5px);
    -ms-transform: rotate(-90deg) translate(-5px, -5px);
    -o-transform: rotate(-90deg) translate(-5px, -5px);
  }

  /*---------------------------------------
     CONTACTME SECTION             
  -----------------------------------------*/

  #contactme {
    padding-bottom: 17px;
  }

  #contactme .form-control{
    padding-bottom: 17px;
  }

  #contactme h2, p{
    color: #FFFFFF;
  }

  #contactme h2{
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  #contactme p{
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
  }

  #contactme p.hint{
    font-weight: 300;
    font-size: 10px;
    line-height: 24px;
    padding-top: 8px;
    opacity: 0.5;
  }
/*
  @media only screen and (min-width: 1025px) {
    #contactme .row .col-md-5.col-sm-5{
      width: auto;
    }
  }
*/
  #contactme form{
    max-width: 363px;
    padding-bottom: 28px;
  }

  #contactme input {
    background: linear-gradient(0deg, #222221, #222221);
  }

  #contactme img{
    width: 100%;
    display: inline;
  }

  #contactme .contact-section {
    max-width: 681px;
  }


  /*---------------------------------------
     CONTACT-ME PAGE              
  -----------------------------------------*/

  #contact-me-form {
    padding-bottom: 0;
  }

  #contact-me-form .row {
    max-width: 643px;
    margin: 0 auto;
  }

  #contact-me-form .row h1{
    margin-top: 76px;
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #775A3A;
  }

  #contact-me-form .row h1.mobile-view {
    display: none;
  }

  #contact-me-form .row .contact-form{
    max-width: 361px;
    margin: 0 auto;
    padding-top: 24px;
  }

  #contact-me-form .row .contact-form input[type='button']{
    padding-left: 50px;
    padding-right: 50px;
    margin-right: 20px;
  }

  #contact-me-form .row .contact-form input[type='submit']{
    padding-left: 25px;
    padding-right: 25px;
  }

  #contact-me-form .row p.hint {
    opacity: 0.5;
    font-size: 10px;
    margin-bottom: 48px;
  }
  
  /*---------------------------------------
     404              
  -----------------------------------------*/

  #page-not-found-header {
    background-color: #050505;
    padding-top: 87px;
    padding-bottom: 17px;
  }

  #page-not-found-header h2 {
    color: #775A3A;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
  }

  #page-not-found-header div{
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 80px;
  }

  #page-not-found-header img {
    margin: 0 auto;
    display: block;
    max-width: 653px;
    width: 100%;
    padding-top: 23px;
    padding-bottom: 50px;
  }

  #page-not-found-header input {
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
  }

  #page-not-found-header input:hover {
    border-color: #775A3A;
    color: #775A3A;
    cursor: pointer;
  }

  /*---------------------------------------
     FOOTER              
  -----------------------------------------*/

  footer {
    padding-top: 87px;
  }

  footer .row {
    padding-bottom: 16px;
  }

  footer .row .col-sm-3 h3 {
    margin-top: 0;
  }

  footer .container {
    padding-top: 40px;
    border-top: 1px solid #775A3A;
  }

  footer h3 {
    color: #775A3A;
  }

  footer .section-title {
    padding-bottom: 10px;
  }

  footer h2 {
    font-size: 20px;
  }

  footer a,
  footer p {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding-top: 16px;
  }

  footer p.phone {
    margin-bottom: 0;
  }

  footer p.email {
    padding-top: 8px;
  }

  footer a{
    cursor: pointer;
  }

  footer a.icon-instagram,
  footer a.icon-facebook {
    
    padding-top: 0;
  }

  footer a.icon-instagram img,
  footer a.icon-facebook img {
    height: 24px;
    width: 24px;
  }

  footer a.icon-facebook {
    padding-left: 9px;
  }

  footer a.word-link {
    color: #775A3A;
  }

  footer strong {
    color: #d9d9d9;
  }

  footer address p {
    margin-bottom: 0;
  }

  footer .social-icon {
    margin-top: 0px;
  }

  .footer-info {
    margin-right: 2em;
  }

  .footer-info h2 {
    color: #fffcf8;
    padding: 0;
  }

  .footer_menu h2 {
    margin-top: 2em;
  }

  .footer_menu ul {
    margin: 0;
    padding: 0;
  }

  .footer_menu li {
    display: inline-block;
    list-style: none;
    margin: 5px 10px 5px 0;
  }

  .newsletter-form .form-control {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #303030;
    height: 50px;
    margin: 5px 0;
  }

  .newsletter-form input[type="submit"] {
    background: transparent;
    border: 1px solid #fffcf8;
    border-radius: 50px;
    color: #fffcf8;
    display: block;
    margin-top: 20px;
    outline: none;
    width: 50%;
  }

  .newsletter-form input[type="submit"]:hover {
    background: #fffcf8;
    border-color: transparent;
    color: #3d200c;
  }

  .newsletter-form .form-group span {
    color: #909090;
    display: block;
    font-size: 12px;
    margin-top: 20px;
  }



  /*---------------------------------------
     SOCIAL ICON              
  -----------------------------------------*/

  .social-icon {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
    color: #fffcf8;
  }

  .social-icon li a {
    border-radius: 100px;
    color: #fffcf8;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
    transition: all 0.4s ease-in-out;
    position: relative;
    margin: 5px 5px 5px 0;
  }

  .social-icon li a:hover {
    background: #fffcf8;
    color: #3d200c;
  }



  /*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/
  /*
  @media screen and (max-width: 1170px) {
    .custom-navbar .navbar-nav.navbar-nav-first {
      margin-left: inherit;
    }

    .cert {
          margin-top: 80%;
    }

    .entry-form{
      padding: 0;
    }

    #home {
      padding-top: 87px;
    }

    #courses-list .course-img-title {
      width: 91%;
    }

    #courses-list .course-img-title h4 {
      font-size: 20px;
    }

    #contactme {
      padding-bottom: 0;
    }

    #contactme h2 {
      font-size: 24px;
      line-height: 32px;
      margin-top: 20px;
    }

    #contactme p {
      font-size: 16px;
      line-height: 28px;
      padding-bottom: 10px;
    }

    #contactme .col-md-5, .col-md-7 {
      width: 50%;
    }

    #contactme form .form-control,
    #contactme form .form-submit {
      margin-top: 10px;
    }

    #contactme form {
      padding-bottom: 20px;
    }
  }

  @media only screen and (max-width: 992px) {
    footer {
      padding: 60px 0 0 0;
    }

    .home-slider .item {
      background-position: center center;
    }

    .feature-thumb,
    .about-info,
    .team-thumb,
    .footer-info {
      margin-bottom: 50px;
    }

    .contact-info {
      margin-top: 50px;
    }

    #about {
      padding-top: 60px;
    }

    #about .row {
      margin-bottom: 0px;
    }

    #courses-tab-content .course-row {
      display: block;
    }
  }


  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-navbar .nav li a {
      padding-right: 10px;
      padding-left: 10px;
    }

    .logo-container {
      padding-right: 15px;
    }

    .cert {
      margin: 0 auto;
    }

    #courses-tab-content .course-image-left {
      padding-left: 10px;
    }

    #courses-tab-content .course-image-right {
      padding-right: 10px;
    }
  }

  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 2.5em;
    }

    h1,h2,h3 {
      line-height: normal;
    }

    .custom-navbar {
      background: #050505;
      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      padding: 10px 0;
      text-align: center;
    }

    .custom-navbar .navbar-brand,
    .custom-navbar .nav li a {
      line-height: normal;
    }

    .logo-container {
      padding-left: 15px;
    }

    .custom-navbar .nav li a {
      padding: 10px;
    }

    .custom-navbar .navbar-brand,
    .top-nav-collapse .navbar-brand {
      color: #775A3A;
      font-weight: 600;
    }

    .custom-navbar .navbar-nav.navbar-right li {
      display: inline-block;
    }

    .footer-info {
      margin-right: 0;
    }

    .footer-info.newsletter-form {
      margin-bottom: 0;
    }

    .entry-form {
      display: block;
      margin: 0 auto;
    }
  }

  @media only screen and (max-width: 580px) {
    
    #contact-header h1{
      font-size: 32px;
      left: 50px;
      top: 46%;
    }

    #contact {
      padding-top: 50px !important;
    }
    
    h2 {
      font-size: 1.8em;
    }

    #testimonial .item {
      padding: 2em;
    }

    .contact-info {
      margin-top: 0;
    }

    .cert{
      margin: 0 auto;
    }

    #home h3 {
      font-size: 14px;
    }

    #home h1 {
      font-size: 36px !important;
      line-height: 60px !important;
    }

    .navbar-header {
      margin: 6px 0;
    }

    .navbar-header a{
      margin: 10px 0;
    }

    .custom-navbar .navbar-collapse {
      padding-bottom: 0;
      padding-top: 0;
    }

    .custom-navbar .navbar-collapse.in,
    .custom-navbar .navbar-collapse.collapsing {
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    .custom-navbar .navbar-nav.navbar-right li{
      display: table;
      margin: 0 auto;
    }
  }
  */

  @media screen and (max-width: 1170px) {   
    #home .home-title h1{
      font-size: 48px;
      line-height: 54px;
    }

    #home .fullscreen-bg img{
      min-width: auto;
    }

    #home .overlay{
      min-width: auto;
    }

    #home .home-title a{
      display: none;
    }

    #courses-list .course-img,
    #courses-list .course-img-title {
      margin: 0 auto;
    }

    #contactme .col-md-5 {
      padding-right: 0;
      padding-left: 0;
    }

    #contactme .row {
      margin-right: 0;
      margin-left: 0;
    }

    #courses-list .col-md-4{
      margin-bottom: 15px;
    }
  }

  @media only screen and (max-width: 430px) {    
    .img-ellips-1 {
      background-image: url('../images/ellips-01-s.svg') !important;
      left: 0 !important;
      width: 246px !important;
      height: 240px !important;
    }

    .img-ellips-2 {
      background-image: url('../images/ellips-02-s.svg') !important;
      height: 345px !important;
      width: 129px !important;
    }

    .img-ellips-3 {
      background-image: url('../images/ellips-03-s.svg') !important;
      height: 120px !important;
      width: 76px !important;
      top: 300px !important;
    }
    
    h1 {
      font-size: 2em;
    }

    .entry-form {
      border-radius: 0;
      padding: 2em;
      max-width: 100%;
      max-height: 100%;
      width: inherit;
      height: inherit;
    }

    .web-view{
      display: none;
    }

    .cert {
      margin: 0;
    }

    #logo{
      margin-left: 15px;
    }

    .navbar {
      z-index: 1031;
    }

    .navbar .logo-container{
      margin-top: 20px;
    }

    .navbar .navbar-toggle {
      margin-top: 0;
      padding-right: 0;
    }

    .navbar .navbar-toggle .icon-bar{
      width: 40px;
      height: 3px;
    }

    .navbar .collapse.in,
    .navbar .collapsing{
      border-top: none;
      box-shadow: none;
    }

    .navbar .collapse.in {
      height: 190px;
    }

    #home,
    #overview,
    #courses-list,
    #about,
    #feedback
    {
      padding-bottom: 50px !important;
      padding-top: 0;
    }

    section h2{
      padding-top: 0 !important;
      margin-top: 0 !important;
    }

    #footer{
      padding-top: 40px;
      margin-left: 15px;
      margin-right: 15px;
    }

    #footer .container{
      padding-right: 0;
      padding-left: 0;
    }

    /*HOME*/
    #home {
      padding-top: 75px !important;
    }

    #home h1 {
      font-size: 32px !important;
      line-height: 40px !important;
    }

    #home .overlay {
      min-width: auto;
    }
  
    #home .fullscreen-bg img {
      min-width: auto;
      height: 296px;
      object-fit: cover;
    }

    #home .home-title{
      top: 40%;
    }

    #home .home-title a{
      display: none;
    }
    
    /*HOME*/
    #overview h2,
    #courses-list h2,
    #about h2,
    #feedback h2{
      font-size: 32px;
      font-weight: 700;
      line-height: 40px;
    }

    #overview .overview-img{
      padding: 0;
    }

    #courses-list .col-md-4{
      margin-bottom: 15px;
    }

    #courses-list .row{
      padding-bottom: 10px;
    }

    #courses-list .row-title {
      padding-right: 15px;
    }

    #feedback img {
      width: 100%;
    }

    #feedback .photo{
      display: inline-block;
      width: 45%;
    }

    #feedback .col-md-4 {
      margin-bottom: 15px;
    }

    #feedback .col-md-4 span.details{
      display: inline-block;
      width: 53%;
      position: absolute;
      top: 30%;
      padding-left: 30px;
    }

    #feedback .col-md-8 div.details {
      display: none;
    }

    #feedback .col-md-4 span.details p{
      font-size: 16px;
      line-height: 24px;
    }

    #feedback .col-md-4 span.details p.name{
      font-size: 20px;
      line-height: 32px;
    }

    #contactme {
      padding-top: 0;
    }

    #contactme img {
      display: none;
    }

    #contactme .row {
      margin-right: 0;
      margin-left: 0;
      padding-top: 15px;
    }

    #contactme h2 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 500;
    }

    #contactme .contact-section p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 300;
      margin-bottom: 30px;
    }

    #contact-header h1 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 600;
      left: 20px;
      top: 50%;
    }

    #contact {
      padding-top: 0;
    }

    #contact h2{
      display: none;
    }

    #contact-header img{
      height: 296px;
      object-fit: cover;
      object-position: 0;
    }

    #qa-lab-header h1 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 600;
      margin-top: 20px;
      margin-bottom: 40px;
    }

    #qa-lab-header .row {
      margin-right: 15px;
      margin-left: 15px;
    }

    #lessons {
      padding-bottom: 0;
    }

    #lessons .lesson {
      height: 478px;
    }

    #lessons .lesson .lesson-image{
      height: 162px;
    }

    #lessons .lesson-row {
      display: block;
      margin-bottom: 15px;
    }

    #lessons .lesson-row .lesson-left,
    #lessons .lesson-row .lesson-right{
      padding-left: 15px;
      padding-right: 15px;
    }

    #lessons .lesson-row .lesson-left{
      padding-bottom: 15px;
    }

    #lessons .lesson-title {
      height: 50px;
    }

    #lessons .lesson-title h3 {
      font-size: 20px;
      line-height: 24px;
    }

    #lessons .lesson-price {
      display: block;
      text-align: center;
      position: absolute;
      left: 15px;
      right: 15px;
      max-height: 300px;
      height: 150px;
    }

    #lessons .lesson-price input {
      position: absolute;
      bottom: 0;
      left: 25%;
      right: 25%;
    }

    #lessons .price {
      position: relative;
    }

    /* COURSES */

    #courses-header img {
      min-height: 230px;
      object-fit: cover;
      object-position: 30%;
    }

    #courses-header h1 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 700;
      left: 20px;
      top: 45%;
    }

    #courses-header h1.courses-header-long-text{
      display: block;
    }
  
    #courses-header h1.courses-header-short-text
    {
      display: none;
    }

    #courses {
      padding-bottom: 0;
    }

    #courses h2 {
      display: none;
    }

    #courses-tab {
      align-items: flex-end;  
      padding-bottom: 0;
    }

    #courses-tab li {
      margin: 0 10px;
    }

    #courses .course-row{
      height: auto;
      padding-top: 30px;
    }

    #courses .course-row,
    #courses .col-md-6 {
      display: inline-block;
    }

    #courses .course-image-left,
    #courses .course-image-right{
      padding-right: 0;
      padding-left: 0;
    }

    #courses .course-image-left img,
    #courses .course-image-right img {
      object-position: 70%;
      border-radius: 0;
    }

    #courses .course-text-right {
      padding-left: 15px;
      padding-right: 15px;
    }

    #courses .course-text-right div{
      margin-right: 0;
      padding-top: 20px;
    }

    #courses .course-text-left div{
      margin-left: 0;
      padding-top: 20px;
    }

    #courses-tab-content .web-view{
      display: none;
    }

    #courses-tab-content .mobile-view{
      display: inline-block;
    }

    #contact-me-form .row h1.mobile-view {
      font-size: 32px;
      line-height: 40px;
      font-weight: 600;
      margin-top: 20px;
      display: block;
    }

    #contact-me-form .row h1.web-view {
      display: none;
    }

    #contact-me-form .row .contact-form input[type='button']{
      padding-left: 40px;
      padding-right: 40px;
      float: left; 
    }

    #contact-me-form .row .contact-form input[type='submit']{
      float: right; 
    }

    #qa-basics-header h1,
    #it-staff-header h1,
    #mobile-qa-basics-header h1 {
      font-size: 32px;
      line-height: 40px;
      font-weight: 400;
    }

    #qa-basics-header p,
    #it-staff-header p,
    #mobile-qa-basics-header p{
      font-size: 12px;
      line-height: 16px;
      font-weight: 300;
    }

    #qa-basics-header img,
    #it-staff-header img,
    #mobile-qa-basics-header img {
      object-fit: cover;
      object-position: 70%;
    }

    #qa-basics-header img{
      height: 290px;
    }

    #it-staff-header img,
    #mobile-qa-basics-header img{
      height: 338px;
    }

    #qa-basics-overview,
    #it-staff-overview,
    #mobile-qa-basics-overview {
      padding-top: 20px;
      padding-bottom: 50px;
    }

    #qa-basics-overview img,
    #it-staff-overview img,
    #mobile-qa-basics-overview img {
      width: 100%;
    }

    #qa-basics-overview h2,
    #qa-basics-acquire h2,
    #qa-basics-program h2,
    #mobile-qa-basics-overview h2,
    #mobile-qa-basics-if h2,
    #mobile-qa-basics-acquire h2,
    #mobile-qa-basics-program h2,
    #it-staff-overview h2,
    #it-staff-if h2,
    #it-staff-acquire h2,
    #it-staff-program h2 {
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
    }

    .course-consultation .container{
      height: auto;
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .course-consultation .row{
      display: block;
    }

    .course-consultation h2 {
      font-size: 24px;
      line-height: 32px;
      font-weight: 400;
      color: #775A3A;
    }

    .course-consultation .col-md-4 {
      width: 100%;
    }

    .course-consultation .consultation-form{
      max-width: none;
    }

    .course-consultation .col-md-8 h2 {
      font-weight: 400;
      font-size: 24px;
      line-height: 32px;
    }

    .course-consultation .col-md-8 p {
      font-weight: 400;
      font-size: 10px;
      line-height: 16px;
      opacity: 50%;
    }

    .course-consultation .header {
      text-align: center;
    }

    #qa-basics-if,
    #it-staff-if {
      padding-top: 0;
    }

    #qa-basics-if .web-view,
    #it-staff-if .web-view {
      display: none;
    }

    #qa-basics-if .mobile-view,
    #it-staff-if .mobile-view,
    #mobile-qa-basics-if .mobile-view {
      display: block;
    }

    #qa-basics-if .block,
    #it-staff-if .block,
    #mobile-qa-basics-if .block {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }

    #it-staff-if .block {
      height: 168px;
    }

    #it-staff-if .block p.text {
      font-size: 10px;
      font-weight: 400;
      line-height: 14px; /* 150% */
    }

    #qa-basics-if .block p,
    #it-staff-if .block p,
    #mobile-qa-basics-if .block p{
      text-align: center;
    }

    #qa-basics-if h2,
    #it-staff-if h2 {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px; /* 133.333% */
      margin-bottom: 24px;
    }

    #qa-basics-value,
    #it-staff-value,
    #mobile-qa-basics-value {
      padding-top: 50px;
    }

    #qa-basics-value h2,
    #it-staff-value h2,
    #mobile-qa-basics-value h2{
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
    }

    #it-staff-value p.title{
      margin-bottom: 16px;
    }

    #qa-basics-value .value-header p,
    #it-staff-value .value-header p,
    #mobile-qa-basics-value .value-header p{
      margin-bottom: 20px;
    }

    #qa-basics-value .value-header .col-md-6:last-child,
    #it-staff-value .value-header .col-md-6:last-child,
    #mobile-qa-basics-value .value-header .col-md-6:last-child{
      padding-left: 15px;
    }

    #qa-basics-value .value-items,
    #it-staff-value .value-items,
    #mobile-qa-basics-value .value-items{
      display: none;
    }

    #qa-basics-value .mobile-view,
    #it-staff-value .mobile-view,
    #mobile-qa-basics-value .mobile-view{
      display: block;
    }

    #qa-basics-value ul,
    #it-staff-value ul,
    #mobile-qa-basics-value ul {
      padding-left: 20px;
    }

    #qa-basics-value li::marker,
    #it-staff-value  li::marker,
    #mobile-qa-basics-value li::marker{
      color: #775A3A;
      font-size: 20px;
    }

    #qa-basics-value li p,
    #it-staff-value li p,
    #mobile-qa-basics-value li p {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      margin-bottom: 0;
    }

    #qa-basics-consultation,
    #it-staff-consultation,
    #mobile-qa-basics-consultation {
      margin-top: 50px;
    }

    #it-staff-consultation {
      margin-bottom: 0;
    }
    
    #qa-basics-myphs img {
      display: none;
    }

    #qa-basics-myphs,
    #qa-basics-process,
    #it-staff-process,
    #it-staff-steps,
    #mobile-qa-basics-process {
      padding-top: 50px;
    }

    #qa-basics-myphs h2,
    #qa-basics-process h2,
    #it-staff-process h2,
    #mobile-qa-basics-process h2 {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px; /* 133.333% */
    }

    #qa-basics-process,
    #it-staff-process,
    #mobile-qa-basics-process {
      padding-bottom: 50px;
    }

    #qa-basics-process .row,
    #it-staff-process .row,
    #mobile-qa-basics-process .row {
      padding-top: 20px;  
    }

    #qa-basics-process .arrow,
    #it-staff-process .arrow,
    #mobile-qa-basics-process .arrow {
      display: none;
    }

    #qa-basics-process .col-md-2,
    #it-staff-process .col-md-3,
    #mobile-qa-basics-process .col-md-2 {
      width: auto;
      display: flex;
      margin-bottom: 20px;
    }

    #qa-basics-process .col-md-2:nth-child(2n) {
      padding-left: 80px;
    }

    #qa-basics-process .col-md-2:nth-child(3n) {
      padding-left: 140px;
    }

    #qa-basics-process img,
    #it-staff-process img,
    #mobile-qa-basics-process img {
      width: 100%;
      height: 40px;
      max-width: 40px;
      object-fit: contain;
    }

    #qa-basics-process .step-description,
    #it-staff-process .step-description,
    #mobile-qa-basics-process .step-description {
      margin-top: 0;
      margin-left: 20px;
    }

    #qa-basics-acquire,
    #it-staff-acquire,
    #mobile-qa-basics-acquire {
      padding-bottom: 0;
      padding-top: 50px;
    }

    #it-staff-acquire ul li p {
      margin-bottom: 4px;
    }

    #qa-basics-lectures,
    #it-staff-lectures,
    #mobile-qa-basics-lectures {
      padding-bottom: 50px;
    }

    #qa-basics-lectures h2,
    #it-staff-lectures h2,
    #mobile-qa-basics-lectures h2{
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
      color: #FFFFFF;
      text-align: center;
    }

    #qa-basics-lectures .header,
    #it-staff-lectures .header,
    #mobile-qa-basics-lectures .header{
      background-color: #775A3AB2;
      margin-right: -15px;
      margin-left: -15px;
      padding-top: 20px;
    }

    #qa-basics-lectures .header h2,
    #it-staff-lectures .header h2,
    #mobile-qa-basics-lectures .header h2{
      margin-bottom: 0;
      max-width: 215px;
      margin: 0 auto;
    }

    #qa-basics-lectures .container{
      background-image: url('../images/qa-basics-materials.png');
      background-position: center;
    }

    #it-staff-lectures .container{
      background-image: url('../images/it-staff-materials.png');
      background-position: center;
    }

    #mobile-qa-basics-lectures .container{
      background-image: url('../images/it-staff-materials.png');
      background-position: center;
    }

    #qa-basics-lectures p,
    #it-staff-lectures p,
    #mobile-qa-basics-lectures p{
      font-size: 14px;
      font-weight: 500;
      line-height: 16px;
    }

    #qa-basics-lectures .row,
    #it-staff-lectures .row,
    #mobile-qa-basics-lectures .row{
      margin-top: 0;
      background-color: #775A3AB2;
    }

    #qa-basics-lectures .block p b,
    #it-staff-lectures .block p b,
    #mobile-qa-basics-lectures .block p b{
      color: #FFFFFF;
    }

    #qa-basics-lectures .col-md-4,
    #it-staff-lectures .col-md-3,
    #mobile-qa-basics-lectures .clo-md-4 {
      padding: 0;
    }

    #qa-basics-lectures .col-md-4 .block,
    #it-staff-lectures .col-md-3 .block,
    #mobile-qa-basics-lectures .col-md-4 .block{
      border: 0;
      border-radius:0;
      background: none;
      height: 130px;
    }

    #mobile-qa-basics-lectures .col-md-4:last-child {
      padding-bottom: 40px;
    }

    #it-staff-lectures .col-md-3 .block{
      height: 110px;
    }
    
    #qa-basics-materials h2,
    #it-staff-materials h2,
    #mobile-qa-basics-materials h2 {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
    }

    #qa-basics-materials h3,
    #it-staff-materials h3,
    #mobile-qa-basics-materials h3 {
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
    }

    #qa-basics-materials .material-img,
    #it-staff-materials .material-img,
    #mobile-qa-basics-materials .material-img{
      padding-left: 0;
      padding-right: 0;
      display: none;
    }

    #qa-basics-materials .material-img img,
    #it-staff-materials .material-img img,
    #mobile-qa-basics-materials .material-img {
      object-fit: cover;
      height: 491px;
      border-radius: 0; 
    }

    #qa-basics-materials .material-items img,
    #it-staff-materials .material-items img,
    #mobile-qa-basics-materials .material-items img{
      height: 24px;
      width: 24px;
    }

    #qa-basics-materials .material-items .row,
    #it-staff-materials .material-items .row,
    #mobile-qa-basics-materials .material-items .row{
      display: flex;
      padding-left: 8px;
      padding-right: 8px;
    }

    #qa-basics-materials .material-items .row .col-md-6,
    #it-staff-materials .material-items .row .col-md-6,
    #mobile-qa-basics-materials .material-items .row .col-md-6{
      width: 50%;
      padding: 7px;
      height: 112px;
    }

    #qa-basics-materials .material-items .row .col-md-6 p,
    #it-staff-materials .material-items .row .col-md-6 p,
    #mobile-qa-basics-materials .material-items .row .col-md-6 p {
      font-size: 14px;
      font-weight: 300;
      line-height: 16px;
      margin-top: 10px;
    }

    #qa-basics-materials .material-items .row .col-md-6 .block,
    #it-staff-materials .material-items .row .col-md-6 .block,
    #mobile-qa-basics-materials .material-items .row .col-md-6 .block{
      background: #050505;
      border-radius: 8px;
      border: 1px solid #775A3A;
      height: 100%;
    }

    #mobile-qa-basics-acquire .right-acquire {
      padding-top: 0;
    }

    #qa-basics-acquire img,
    #it-staff-acquire img {
      display: none;
    }

    #mobile-qa-basics-acquire h3{
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
    }


    #qa-basics-program img,
    #it-staff-program img,
    #mobile-qa-basics-program img{
      height: 24px;
    }

    #qa-basics-program .program-description,
    #it-staff-program .program-description,
    #mobile-qa-basics-program .program-description{
      padding-top: 10px;
    }

    #qa-basics-program .col-md-2,
    #it-staff-program .col-md-2,
    #mobile-qa-basics-program .col-md-2{
      display: inline-block;
      vertical-align: top;
    }

    #qa-basics-program .col-md-2 p,
    #it-staff-program .col-md-2 p,
    #mobile-qa-basics-program .col-md-2 p{
      font-size: 10px;
      font-style: normal;
      font-weight: 300;
      line-height: 16px;
    }

    #qa-basics-program .row,
    #it-staff-program .row,
    #mobile-qa-basics-program .row {
      display: inline-table;
      margin-bottom: 50px;
    }

    #qa-basics-program h2.web-view,
    #it-staff-program h2.web-view,
    #mobile-qa-basics-program h2.web-view {
      display: none;
    }

    #qa-basics-program h2.mobile-view,
    #it-staff-program h2.mobile-view,
    #mobile-qa-basics-program h2.mobile-view {
      display: block;
    }

    #qa-basics-program .panel-title,
    #it-staff-program .panel-title,
    #mobile-qa-basics-program .panel-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
    }

    #qa-basics-program .panel-heading-sign .circle-plus,
    #it-staff-program .panel-heading-sign .circle-plus,
    #mobile-qa-basics-program .panel-heading-sign .circle-plus{
      height: auto;
    }

    #qa-basics-program .panel-heading-sign .horizontal,
    #it-staff-program .panel-heading-sign .horizontal,
    #mobile-qa-basics-program .panel-heading-sign .horizontal{
      width: 16px;
      left: 61%;
      top: 50%;
      border: 1px solid #775A3A;
    }

    #qa-basics-program .panel-heading-sign .vertical,
    #it-staff-program .panel-heading-sign .vertical,
    #mobile-qa-basics-program .panel-heading-sign .vertical{
      height: 16px;
      top: 65%;
      border: 1px solid #775A3A;
    }

    #qa-basics-program .panel-heading,
    #it-staff-program .panel-heading,
    #mobile-qa-basics-program .panel-heading{
      padding-top: 10px;
      padding-bottom: 10px;
      border: none;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgba(255, 255, 255, 0.5);
      border-radius: 0;
    }
    
    #qa-basics-program .panel-heading .panel-title br,
    #it-staff-program .panel-heading .panel-title br,
    #mobile-qa-basics-program .panel-heading .panel-title br{
      display: none;
    }

    #qa-basics-program .panel-group,
    #it-staff-program .panel-group,
    #mobile-qa-basics-program .panel-group{
      padding: 16px;
      border-radius: 20px;
    }

    #qa-basics-program .panel-group .panel-body,
    #it-staff-program .panel-group .panel-body,
    #mobile-qa-basics-program  .panel-group .panel-body{
      padding-left: 10px;
    }

    #qa-basics-program .panel-group .panel-body p,
    #it-staff-program .panel-group .panel-body p,
    #mobile-qa-basics-program  .panel-group .panel-body p{
      font-size: 10px;
      line-height: 16px;
      margin-bottom: 0;
    }

    #qa-basics-program .panel-group,
    #qa-basics-program .panel-group .panel-body,
    #qa-basics-program .panel-heading,
    #it-staff-program .panel-group,
    #it-staff-program .panel-group .panel-body,
    #it-staff-program .panel-heading,
    #mobile-qa-basics-program .panel-group,
    #mobile-qa-basics-program .panel-group .panel-body,
    #mobile-qa-basics-program .panel-heading {
      background: linear-gradient(0deg, #222221 0%, #222221 100%);
    }

    #qa-basics-program .panel-group .panel+.panel,
    #it-staff-program .panel-group .panel+.panel,
    #mobile-qa-basics-program .panel-group .panel+.panel {
      margin-top: 0;
    }

    #qa-basics-program,
    #qa-basics-mentors,
    #qa-basics-steps,
    #it-staff-program,
    #it-staff-mentors,
    #it-staff-steps,
    #mobile-qa-basics-program,
    #mobile-qa-basics-mentors,
    #mobile-qa-basics-steps{
      padding-bottom: 50px;
    }

    #qa-basics-steps,
    #mobile-qa-basics-steps {
      padding-top: 50px;
    }

    #qa-basics-program li::marker,
    #it-staff-program li::marker,
    #mobile-qa-basics-program li::marker {
      line-height: 10px;
    }

    #qa-basics-mentors h2,
    #mobile-qa-basics-mentors h2{
      font-size: 24px;
      font-weight: 700;
      line-height: 32px; /* 133.333% */
    }

    #qa-basics-mentors h3,
    #mobile-qa-basics-mentors h3{
      font-size: 16px;
      font-weight: 300;
      line-height: 24px; /* 150% */
    }

    #qa-basics-mentors ul,
    #mobile-qa-basics-mentors ul{
      display: none;
    }

    #qa-basics-mentors .owl-item .row,
    #mobile-qa-basics-mentors .owl-item .row{
      display: flex;
    }

    #qa-basics-mentors .owl-item .row .col-md-4,
    #qa-basics-mentors .owl-item .row .col-md-8,
    #mobile-qa-basics-mentors .owl-item .row .col-md-4{
      width: 50%;
    }

    #qa-basics-mentors .owl-item .row .col-md-8 p,
    #mobile-qa-basics-mentors .owl-item .row .col-md-8 p{
      font-size: 10px;
      font-weight: 300;
      line-height: 16px;
      margin-bottom: 0;
      text-align: center;
    }

    #qa-basics-mentors .owl-item .row .col-md-8 p.name,
    #mobile-qa-basics-mentors .owl-item .row .col-md-8 p.name{
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      padding-top: 20%;
    }

    #qa-basics-mentors img,
    #mobile-qa-basics-mentors img  {
      width: 157px;
      height: 157px;
      object-fit: cover;
      float: right;
      border-radius: 80px;
    }
    
    #qa-basics-mentors .owl-item img.marta,
    #mobile-qa-basics-mentors .owl-item img.marta {
      object-fit: none;
      object-position: 45% 10%;
    }

    #qa-basics-cert h2,
    #it-staff-cert h2,
    #mobile-qa-basics-cert h2{
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
    }

    #qa-basics-cert img,
    #it-staff-cert img,
    #mobile-qa-basics-cert img {
      width: 255px;
      height: 184px;
    }

    #qa-basics-cert img:first-child,
    #it-staff-cert img:first-child,
    #mobile-qa-basics-cert img:first-child{
      left: auto;
      right: 15px;
      top: 50px;
    }

    #qa-basics-steps h2,
    #it-staff-steps h2,
    #mobile-qa-basics-steps h2 {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
    }

    #qa-basics-steps .block,
    #it-staff-steps .block,
    #mobile-qa-basics-steps .block{
      background: none;
      background-image: none !important;
      height: auto;
      margin-bottom: 20px;
      box-shadow: none;
    }

    #qa-basics-steps .block img,
    #it-staff-steps .block img,
    #mobile-qa-basics-steps .block img{
      height: 40px;
      margin-left: 10px;
    }

    #qa-basics-steps .block p,
    #it-staff-steps .block p,
    #mobile-qa-basics-steps .block p{
      font-size: 16px;
      font-weight: 300;
      line-height: 24px;
      margin-bottom: 0;
      margin-left: 20px;
    }

    #qa-basics-steps .col-md-6:nth-child(2n),
    #it-staff-steps .col-md-6:nth-child(2n),
    #mobile-qa-basics-steps .col-md-6:nth-child(2n){
      padding-left: 60px;
    }

    #qa-basics-steps .step-3,
    #it-staff-steps .step-3,
    #mobile-qa-basics-steps .step-3{
      padding-left: 120px;
    }

    #qa-basics-packages,
    #it-staff-packages,
    #mobile-qa-basics-packages{
      padding-bottom: 50px;
    }

    #qa-basics-packages h2,
    #it-staff-packages h2,
    #mobile-qa-basics-packages h2{
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
    }

    #qa-basics-packages .web-view,
    #it-staff-packages .web-view,
    #mobile-qa-basics-packages .web-view{
      display: none;
    }

    #qa-basics-packages .mobile-view,
    #it-staff-packages .mobile-view,
    #mobile-qa-basics-packages .mobile-view{
      display: block;
    }

    #qa-basics-packages .mobile-view .package,
    #it-staff-packages .mobile-view .package,
    #mobile-qa-basics-packages .mobile-view .package{
      text-align: center;
      margin-bottom: 30px;
    }

    #qa-basics-packages .mobile-view .package p,
    #it-staff-packages .mobile-view .package p,
    #mobile-qa-basics-packages .mobile-view .package p{
      margin-bottom: 16px;
      padding-left: 30px;
      padding-right: 30px;
    }

    #qa-basics-packages .mobile-view .package-title,
    #it-staff-packages .mobile-view .package-title,
    #mobile-qa-basics-packages .mobile-view .package-title{
      font-size: 20px;
      font-weight: 700;
      line-height: 24px;
      padding-bottom: 16px;
      padding-top: 16px;
    }

    #qa-basics-packages .mobile-view .package-info,
    #it-staff-packages .mobile-view .package-info,
    #mobile-qa-basics-packages .mobile-view .package-info {
      padding: 20px 45px;
      background-color: #775A3A;
      margin-top: 20px;
    }

    #qa-basics-packages .mobile-view .package-info p,
    #it-staff-packages .mobile-view .package-info p,
    #mobile-qa-basics-packages .mobile-view .package-info p{
      padding-left: 0;
      padding-right: 0;
    }

    #qa-basics-packages .mobile-view .package-info-title,
    #qa-basics-packages .mobile-view .discount-title,
    #it-staff-packages .mobile-view .package-info-title,
    #it-staff-packages .mobile-view .discount-title,
    #mobile-qa-basics-packages .mobile-view .package-info-title,
    #mobile-qa-basics-packages .mobile-view .discount-title{
      font-size: 32px;
      font-weight: 700;
      line-height: 40px; /* 125% */
    }

    #qa-basics-packages .mobile-view p.header,
    #it-staff-packages .mobile-view p.header,
    #mobile-qa-basics-packages .mobile-view p.header{
      font-size: 24px;
      color: #775A3A;
      font-weight: 700;
      line-height: 32px; /* 133.333% */
      text-align: center;
      margin-bottom: 25px;
      margin-top: 25px;
    }

    #qa-basics-packages .mobile-view .discount-block,
    #it-staff-packages .mobile-view .discount-block,
    #mobile-qa-basics-packages .mobile-view .discount-block{
      padding: 30px 15px;
      margin-bottom: 15px;
    }

    #it-staff-qa{
      display: none;
    }

    .qa-basics #feedback h2,
    .mobile-qa-basics #feedback h2{
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
    }

    .mobile-qa-basics #feedback img{
      width: 157px;
      height: 157px;
      object-fit: cover;
      float: right;
      border-radius: 80px;
    }

    #qa-basics-qa,
    #mobile-qa-basics-qa {
      display: none;
    }

    #it-staff-consultation.consultation2{
      margin-bottom: 50px;
    }

    #qa-basics-consultation.consultation4,
    #it-staff-consultation.consultation4,
    #mobile-qa-basics-consultation.consultation4 {
      margin-top: 0;
    }

    #qa-basics-consultation.consultation4 h2,
    #qa-basics-consultation.consultation4 .header p,
    #it-staff-consultation.consultation4 h2,
    #it-staff-consultation.consultation4 .header p,
    #mobile-qa-basics-consultation.consultation4 h2,
    #mobile-qa-basics-consultation.consultation4 .header p{
      text-align: left;
      color: #775A3A;
      opacity: 100%;
    }
  }

  @media only screen and (min-width: 360px) and (max-width: 427px) {
    #lessons p, #lessons .p {
      font-size: 13px;
    } 
  }

  @media only screen and (max-width: 360px) {
    #contactme h2 {
      font-size: 20px;
      line-height: 30px;
    }
  }

  /*-----------------
      MODAL
  ------------------*/

  /*
  @media (min-width: 768px) {
    .modal-dialog {
      width: 700px;
    }
  }*/

  .modal-header, .modal-body p {
    color: #775A3A;
  }

  .modal-header .close{
    margin-top: 3px;
    margin-right: 3px;
    color: #775A3A;
    opacity: 1;
  }

  .modal-header, .modal-footer{
    border-bottom-color: #775A3A;
    border-top-color: #775A3A;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
  }

  .modal-title{
    font-size: 24px;
    line-height: 32px;
  }

  .modal-body h5 {
    color: #775A3A;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-top: 0;
  }

  .modal-body p {
    font-weight: 300;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
  }

  .modal-body .bold {
    font-weight: 600;
  }

  .modal-body .info {
    margin-top: 32px;
    margin-bottom: 16px;
    max-width: 560px;
  }

  .modal-body .public-document {
    max-width: 530px;
  }

  .modal-body .public-document a{
    color: #775A3A;
  }

  #signUpModal .modal-header,
  #signUpModal .modal-footer,
  #inviteModal .modal-header{
    border: none;
  }

  #signUpModal .modal-body {
    padding: 0 62px 15px 62px;
  }
  
  #signUpModal .modal-dialog{
    width: 480px!important;
    margin-top: 10%;
  }

  #signUpModal h3 {
    margin-top: 0;
    color: #775A3A;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
  }

  #signUpModal form.contact-form input,
  #signUpModal form.contact-form select{
    background: transparent;
    background-color: transparent;
    color: #775A3A;
  }

  #signUpModal form.contact-form input::placeholder {
    color: #775A3A;
  }

  #signUpModal form.contact-form input[type=submit]:hover {
    background-color: #775A3A;
    color: #FFFFFF;
  }

  #signUpModal form p.hint {
    font-size: 10px;
    opacity: 0.5;
    color: #161616;
    margin-top: 8px;
    margin-bottom: 0;
  }

  #inviteModal .modal-dialog {
    max-width: 746px;
    width: auto;
  }

  #inviteModal .modal-content{
    background-color: #907F6C;
    border-radius: 0;
  }

  #inviteModal .modal-header {
    padding: 0;
  }

  #inviteModal .modal-header .close{
    color: #FFFFFF;
    margin-top: 0; 
    margin-right: 0;
    font-size: 48px;
    font-weight: 100;
    text-shadow: none;
  }

  #inviteModal .modal-header .close span{
    line-height: 0;
  }

  #inviteModal .modal-body {
    padding-bottom: 76px;
    padding-left: 24px;
    z-index: 2;
  }

  #inviteModal .modal-dialog .invite-img{
    float: right;
    position: fixed;
    z-index: 1;
    right: 1px;
    bottom: 1px;
  }

  #inviteModal .modal-body p,
  #inviteModal .modal-body h3,
  #inviteModal .modal-body h2{
    color: #FFFFFF;
  }

  #inviteModal h2 {
    font-weight: bold;
    font-size: 47px;
    line-height: 50px;
    margin-top: 4px;
    padding-bottom: 0;
  }

  #inviteModal h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-top: 13px;
  }

  #inviteModal p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
  }

  .img-ellips-1 {
    background-image: url('../images/ellips-01.svg');
    display: inline-flex;
    position: fixed;
    vertical-align: middle;
    height: 440px;
    width: 530px;
    left: 72px;
    z-index: 1;
  }

  .img-ellips-2 {
    background-image: url('../images/ellips-02.svg');
    display: inline-flex;
    position: fixed;
    vertical-align: middle;
    height: 530px;
    width: 336px;
    right: 0;
    top: 118px;
    z-index: 1;
  }

  .img-ellips-3 {
    background-image: url('../images/ellips-03.svg');
    display: inline-flex;
    position: fixed;
    vertical-align: middle;
    height: 280px;
    width: 134px;
    top: 500px;
    z-index: 1;
  }

  section {
    z-index: 2;
  }