/* Fonts */

@font-face {

  font-family: 'Montserrat';

  src: url(../fonts/Montserrat-Regular.ttf);

}

@font-face {

  font-family: "Montserrat Bold";

  src: url(../fonts/Montserrat-Bold.ttf);

}

@font-face {

  font-family: "Montserrat SemiBold";

  src: url(../fonts/Montserrat-SemiBold.ttf);

}



h1 {

  font-family: "Montserrat Bold"!important;

  color: #728584!important;

}

a:hover {

  text-decoration: none!important;

}

a:active {

  text-decoration: none!important;

}

a:focus {

  text-decoration: none!important;

}

.btn-link {

  color: #fff!important;

  background-color: #f9b45c!important;

  border: 2px solid #f9b45c;

  font-size: 1.184em;

  font-family: "Montserrat Bold";

  padding: 0.67em 2em;

  border-radius: 7px;

  transition: all 0.3s ease-in-out;

}

.btn-link:hover {

  background-color: #728584!important;

  border-color: #728584!important;

  color: #f6f6f6!important;

}

div.line {

  background-color: #f9b45c;

  padding: 1px 40px;

  display: inline-block;

  margin-bottom: 2.4em;

  margin-top: 1em;

}

.scrollup {

  width: 40px;

  height: 40px;



  position: fixed;

  bottom: 20px;

  right: 50px;

  display: none;

  z-index: 1;

  border-radius: 50%;

  background-color: #f9b45c;

  color: #fff!important;

  font-size: 0.9em;

  text-align: center;

  padding-top: 0.5em;

  transition: all 0.2s ease-in-out;

}

.scrollup:hover {

  opacity: 0.8;

  color: #212121!important;

}

.big-image {

  width: 100%;

  border-radius: 7px;

}







/************

*

*

Media

*

*

***********/







@media screen and (max-width: 959px) {

  .top_post {

    padding: 4.4em 0.4em!important;

  }

}

@media screen and (max-width: 767px) {

  .biography {

    background-image: none!important;

  }

  .whatIs {

    display: none!important;

  }

  .whatIs img {

    display: block!important;

    float: none!important;

    text-align: center;

    margin-bottom: 20px!important;

  }

  .aboutMe img {

    padding-right: 0!important;

  }

}

@media screen and (max-width:599px) {

  header .beforeStart span {

    display: block;

    text-align: center;

  }

  .jumbotron-fluid .carousel-caption h3, h5 {

    font-size: 1em!important;

  }

  .jumbotron-fluid .carousel-indicators {

    display: none!important;

  }

}

@media screen and (max-width: 475px) {

  .whatIs img {

    width: 100%!important;

  }

  h1 {

    font-size: 1.6em!important;

  }

  .top_post {

    padding: 3.4em 0.2em!important;

  }

}

@media screen and (max-width: 320px) {

  .btn-link {

    font-size: 1em!important;

  }

  .contacts-data p, .contacts-data a {

    font-size: 13px!important;

  }

}







/************

*

*

Header

*

*

***********/







.beforeStart {

  background-color: #f6f6f6;

}

.beforeStart.mr-d-menu {

  margin-bottom: 128px;

}

.beforeStart i {

  color: #f9b45c;

  margin-right: 10px;

}

.beforeStart span:not(:last-child) {

  margin-right: 1.96em;

}

.beforeStart a {

  color: #65908f;

  font-weight: 400;

  font-size: 0.9em;

  line-height: 2em;

  font-family: "Montserrat";

}



/* Menu */



#afterStart {

  padding: 1em 0;

  background-color: rgba(250,250,250,0.9);

  transition: all 0.2s ease-in-out;

}

#afterStart.fixed {

  position: fixed;

  top: 0;

  z-index: 99;

  width: 100%;

  padding: 0.5em 0!important;

}

header .navbar li {

  font-family: "Montserrat SemiBold";

  padding: 0.65em 1em;

}

.carousel-caption {

  text-align: left!important;

}

.carousel-caption h3 span {

  font-size: 1.2em!important;

  color: #f9b45c;

}

header .navbar li a {

  color: #65908f!important;

  font-size: 0.9em;

  transition: all 0.3s ease-in-out;

}

a.navbar-brand {

  font-family: "Montserrat Bold"!important;

}

header .navbar li a.active {

  color: #f9b45c !important;

}

header .navbar li a:hover {

  color: #f9b45c !important;

}











/************

*

*

Where we are

*

*

***********/







.top_post {

  background-image: url(../img/bg_top_post.jpg);

  background-size: cover;

  background-position: center;

  padding: 6.4em 0.6em;

}

.top_post h1 {

  color: #fff!important;

  font-size: 3em;

}

.top_post .breadcrumb {

  background-color: transparent!important;

}

.breadcrumb-item, .breadcrumb a {

  font-family: "Montserrat Bold";

  color: #fff!important;

  transition: all 0.2s ease-in-out;

}

.top_post a:hover {

  color: #f9b45c!important;

}







/************

*

*

Jumbotron

*

*

***********/







.jumbotron-fluid .carousel-item, #jumbotronCarouselIndicators, .carousel-inner {

  max-height: 75vh;

}

.jumbotron-fluid .carousel-caption {

  display: block!important;

}

.jumbotron-fluid .carousel-caption h3 {

  font-family: "Montserrat Bold";

}







/************

*

*

Services

*

*

***********/







.Services {

  padding-top: 4.35em;

  padding-bottom: 5em;

}

.Services>.container>.row div {

  margin-top: 2em;

}

.Services p a {

  color: #65908f;

  font-size: 3.68em;

  transition: all 0.3s ease-in-out;

}

.Services p a:hover {

  color: #f9b45c!important;

}

.Services h5 a {

  color: #f9b45c;

  font-family: "Montserrat Bold";

  transition: all 0.3s ease-in-out;

}

.Services h5 a:hover {

  color: #65908f!important;

}

.Services p {

  font-family: "Montserrat";

  color: #65908f;

  font-size: 0.8em;

}







/************

*

*

Biography

*

*

***********/







.biography {

  background-image: url(../img/biography.jpg);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #f6f6f6;

  padding-top: 6.35em;

  padding-bottom: 5em;

}

.biography h1 {

  font-size: 2em;

}

.biography p {

  margin-bottom: 4em;

  color: #65908f;

  font-size: 1em;

  font-family: "Montserrat";

}







/************

*

*

What is

*

*

***********/







.whatIs {

  padding-top: 6.35em;

  padding-bottom: 5em;

}

.whatIs p {

  font-family: "Montserrat";

  color: #65908f;

  font-size: 1em;

  text-align: justify;

}

.whatIs img {

  float: left;

  margin: 25px 25px 0 0;

  width: 25em;

}







/************

*

*

Are you ready?

*

*

***********/







.areYouReady {

  background-image: url(../img/changeLife.jpg);

  background-size: cover;

  background-position: center center;

  padding-top: 18em;

  padding-bottom: 4em;

}

.areYouReady h1 {

  color: #f6f6f6!important;

  transition: all 0.3s ease-in-out;

  margin-bottom: 1em;

}







/************

*

*

Statistic

*

*

***********/







.statistic {

  padding-top: 6.35em;

  padding-bottom: 5em;

}

.statistic p {

  font-family: "Montserrat";

  color: #65908f;

  font-size: 1em;

}







/************

*

*

Contact form

*

*

***********/







.contact-form {

  padding-top: 6.35em;

  padding-bottom: 5em;

}

.contact-form p {

  font-family: "Montserrat";

  color: #65908f;

  font-size: 1em;

}

.contact-form input, .contact-form textarea {

  background-color: #f6f6f6;

  border: 1px solid #f6f6f6;

  border-radius: 7px;

  font-family: "Montserrat";

  color: #65908f;

  font-size: 0.9em;

  padding: 0.9em 2em;

  resize: none;

}

.contact-form input:hover, .contact-form textarea:hover {

  border-color: #65908f;

}

.contact-form input:focus, .contact-form textarea:focus {

  border: 1px solid #f9b45c!important;

  background-color: #f6f6f6;

  box-shadow: none;

  font-family: "Montserrat";

  color: #65908f;

  font-size: 0.9em;

}

.contact-form .btn {

  background-color: #f9b45c;

  color: #fff;

  font-family: "Montserrat Bold";

  font-size:

  border: 1px solid #f9b45c;

  border-radius: 7px;

  font-size: 1em;

  padding: 0.67em 2em!important;

  margin-top: 16px;

}

.contact-form .btn:hover {

  background-color: #728584;

}







/************

*

*

About me & How it works

*

*

***********/







.information-block-with-picture {

  padding-top: 6.35em;

  padding-bottom: 5em;

}

.information-block-with-picture img {

  padding-right: 80px;

  margin-bottom: 1em;

}

.information-block-with-picture h5 {

  color: #84b5b4;

  font-family: "Montserrat SemiBold";

}

.information-block-with-picture p {

  color: #65908f;

  font-size: 1em;

  font-family: "Montserrat";

}

.information-block-with-picture a {

  color: #f9b45c;

}

.information-block-with-picture a:hover {

  color: #f9b45c;

}







/************

*

*

Contacts data

*

*

***********/







.contacts-data {

  padding-top: 6.35em;

  padding-bottom: 5em;

}

.contacts-data p i {

  color: #f9b45c;

  margin-right: 10px;

  font-size: 2em;

}

.contacts-data p, .contacts-data a {

  color: #65908f;

  font-weight: 400;

  font-size: 17px;

  line-height: 2em;

  font-family: "Montserrat";

}

.contacts-data a {

  color: #f9b45c;

}

.contacts-data a:hover {

  color: #84b5b4!important;

}

#map {

  height: 400px;

  width: 100%;

}







/************

*

*

Footer

*

*

***********/







/* Pre footer */

.pre-footer {

  padding-top: 6.35em;

  padding-bottom: 5em;

  background-color: #4a4a4a;

}

.pre-footer div.align-items-center {

  margin-top: 2em!important;

}

.pre-footer p {

  font-family: "Montserrat";

  color: #65908f;

  font-size: 0.8em;

  margin-top: 1em;

}

.pre-footer ul {

  list-style-type: none;

}

.pre-footer ul a {

    color: #65908f;

    font-family: "Montserrat";

    font-size: 0.8em;

    transition: all 0.3s ease-in-out;

}

.pre-footer ul a:hover {

  color: #f9b45c!important;

}

.pre-footer .tmp, .pre-footer .tmp a {

  font-family: "Montserrat";

  color: #65908f;

  font-size: 0.8em;

}

.pre-footer a i {

  color: #f9b45c;

  margin-left: 20px;

  font-size: 1.5em;

  transition: all 0.3s ease-in-out;

}

.pre-footer a i:hover {

  color: #65908f;

}



/* Post footer */

.post-footer {

  padding-top: 1.5em;

  padding-bottom: 0.5em;

  background-color: #3f4040;

}