/* guides */

/*
color orange: #f76a00
color black: #140502
color white: #f1f2f2
color grey (light): #e6e7e8
font-family: "Lato", sans-serif;
font-family: "Montserrat", sans-serif;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
-o-transition: all .15s ease-out;
transition: all .15s ease-out;
*/

/* important */

.inner-div-last-child-mb-0 > div:last-child {
  margin-bottom: 0 !important;
}

/* general */

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-family: "Lato", sans-serif;
}

.page-section {
  padding: 8rem 0;
}

.btn-learn-more {
  position: relative;
  padding: 1rem 2rem;
  color: #140502;
  font-family: "Montserrat";
  font-size: .9rem;
  font-weight: 600;
  background-color: transparent;
  border: 3px solid #140502;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.btn-learn-more:hover {
  color: #f1f2f2;
  background-color: #140502;
  border: 3px solid #140502;
}

/* navigation */

.navbar {
  box-shadow: none;
  background-color: transparent;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.navbar .navbar-brand img {
  width: 190px;
  height: auto;
}

.navbar .navbar-nav .nav-item .nav-link {
  padding: 0.5rem 0;
  color: #fff;
  font-size: .95rem;
  font-weight: 700;
}

.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link:active,
.navbar .navbar-nav .nav-item .nav-link.active {
  color: #f1f2f2;
}

.navbar .navbar-nav .nav-item-language .nav-link {
  padding: .5rem;
  color: #f1f2f2;
  border: 2px solid #f1f2f2;
  border-radius: 4px;
}

.navbar .navbar-nav .nav-item-language .nav-link:hover,
.navbar .navbar-nav .nav-item-language .nav-link:active {
  color: #140502 !important;
  background-color: #f1f2f2;
}

@media (max-width: 991px) {
  .navbar.navbar-shrink {
    background-color: #f76a00;
  }

  .navbar .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  .navbar {
    box-shadow: none;
    background-color: transparent;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
    padding: 1.5rem;
  }

  .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #f1f2f2;
  }

  .navbar.navbar-shrink {
    box-shadow: none;
    background-color: #f76a00;
  }

  .navbar.navbar-shrink .navbar-nav .nav-item .nav-link {
    color: #fff;
  }

  .navbar.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
    color: #f1f2f2;
  }
}

/* header */

header {
  height: 100vh;
  padding-top: 94px;
  padding-bottom: 0;
  background: rgb(247,106,0);
  background: linear-gradient(140deg, rgba(247, 106, 0, .95) 0%, rgba(255, 155, 79, .8) 100%), url("../images/cover.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

header h1,
header .h1 {
  color: #fff;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 1.9rem;
}

header p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
}

.btn-cover {
  position: relative;
  padding: 1rem 2rem;
  color: #f1f2f2;
  font-family: "Montserrat";
  font-size: .9rem;
  font-weight: 600;
  background-color: transparent;
  border: 3px solid #f1f2f2;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.btn-cover:hover {
  color: #140502;
  background-color: #f1f2f2;
  border: 3px solid #f1f2f2;
}

@media (min-width: 992px) {
  header {
    height: 80vh;
    padding-top: 103px;
    padding-bottom: 0;
  }

  header p {
    width: 75%;
    font-size: 1.05rem;
  }

  header h1,
  header .h1 {
    font-size: 2.4rem;
  }
}

/* values */

.front-page-values-section {
  padding: 3rem 0;
  background-color: #e6e7e8;
}

.individual-value-div {
  width: 50%;
  text-align: center;
}

.individual-value-div h4 {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 400;
}

.individual-value-div img {
  margin-bottom: 1rem;
  height: 50px;
  width: auto;
}

@media (min-width: 768px) {
  .individual-value-div {
    width: 20%;
  }
}

/* services */

.front-page-services-section {
  padding: 3rem 0;
  background-color: #fff;
}

.front-page-services-section h2 {
  color: #f76a00;
  font-family: "Montserrat";
  font-size: 2rem;
  font-weight: 700;
}

.individual-service-div {
  display: flex;
  align-items: center;
  margin-bottom: .6rem;
}

.individual-service-div > div:nth-child(1) {
  flex: 35px;
}

.individual-service-div > div:nth-child(2) {
  flex: calc(100% - 35px);
  font-size: 1rem;
  line-height: 1.4rem;
}

.individual-service-div img {
  height: 16px;
  width: auto;
}

.individual-industry-div {
  display: flex;
  align-items: center;
  margin-bottom: .6rem;
}

.individual-industry-div > div:nth-child(1) {
  flex: 30px;
}

.individual-industry-div > div:nth-child(2) {
  flex: calc(100% - 30px);
  font-size: 1rem;
  line-height: 1.4rem;
}

.individual-industry-div img {
  height: 16px;
  width: auto;
}

@media (max-width: 767px) {
  .front-page-services-section h2 {
    font-size: 1.7rem;
  }

  .individual-industry-div > div:nth-child(1) {
    flex: 35px;
  }

  .individual-industry-div > div:nth-child(2) {
    flex: calc(100% - 35px);
  }
}

/* blocks */

.front-page-blocks-section {
  padding: 0;
  background-color: #e6e7e8;
}

.front-page-blocks-section h2 {
  color: #140502;
  font-family: "Montserrat";
  font-size: 2rem;
  font-weight: 700;
}

.individual-block {
  padding: 3rem 0;
  background: linear-gradient(140deg, rgba(230, 231, 232, .5) 0%, rgba(230, 231, 232, .5) 100%), url("../images/conduct_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.individual-block-contacts {
  background: #f76a00;
  background-image: linear-gradient(140deg, rgba(247, 106, 0, .75) 0%, rgba(247, 106, 0, .75) 100%), url("../images/monogram.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: calc(100% + 45px) center;
}

.individual-block-contacts h2 {
  color: #f1f2f2;
}

@media (max-width: 767px) {
  .front-page-blocks-section h2 {
    font-size: 1.7rem;
  }

  .individual-block-contacts {
    background-size: 150px;
  }
}

/* footer */

footer {
  padding: 2rem 0;
  background-color: #fff;
}

footer p {
  margin-bottom: 0;
  color: #58595b;
  font-size: .9rem;
}

footer p a {
  color: #58595b;
  text-decoration: none;
}

footer p a:hover {
  color: #58595b;
  text-decoration: underline;
}




/* */
