
/*------------------------------------ HOME PAGE STYLE ---------------------------------- */
html {
  height: 100%;
}
.page{
  font-size: 14px;
  background-color: #f7f7f7;
  height: 100%;
}
.page__wrapper{
  height: 100%;
  background-color: #f7f7f7;
}


.header__wrapper{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;

}
.header__container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.header__logo{
  width: 113px;
  height: 113px;
}
.header__btn{
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header__btn:focus, :active{
  background-color: transparent;
  border: none;
  outline: none;
}
.header__nav-block{
  position: relative;
  text-align: right;
}
.header__dropdown{
/*
  position: absolute;
  top: 34px;
  right: 0; */
  /* display: none; */
  /* opacity: 0.3; */
  transition: .3s all;
  /* background-color: #f7f7f7; */
}
.header__li{
  white-space: nowrap;
  list-style: none;
}
.header__link{
  font-family: 'product_sansbold';
  text-transform: uppercase;
  color: #064795;
  transition: .3s all;
  font-size: 14px;
  padding: 0 7.5px;
  margin: 0;
}
.header__link:hover {
  text-decoration: none;
  color: #e97914;
  /* font-size: 14px; */
  transition: .3s all;
}

.header__menu-icon{
  height: 30px;
}
.navbar-toggler:not(:disabled):not(.disabled){
  outline: none;
}

.navbar-nav{
  text-align: right;
}


.active-link{
  color: #e97914;
}

.dropdown-show{
  opacity: 1;
  display: block;
  transition: .3s all;
}


.start__wrapper{
  min-height: 400px;
  background-image: url(../img/Home/home2.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; */
}

.start__container{

}

.start__caption{
  padding: 190px 0 0 0;
  margin: 0;
  color: #064795;
  font-size: 36px;
  text-align: center;
  font-family: 'product_sansbold';
}

.start__line-block{
  margin: 10px auto;
  height: 4px;
  width: 52px;
  background-color: #e97914;
}

.start__desc{
  padding: 0;
  margin: 0;
  color: #064795;
  font-size: 24px;
  font-family: 'product_sansbold';
  text-align: center;
}

.contant__wrapper{
  background-color: #f7f7f7;
  overflow: hidden;
}
.contant__container{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 85px 0;
}
.contant__desc{
  color: #064795;
  font-family: 'product_sansregular';
  font-size: 16px;
  line-height: 22px;
}
.contant__item{
  padding: 0 30px;
}
.contant__letter{
  font-family: 'product_sansbold';
  font-size: 78px;
  color: #e97914;
  float: left;
  height: 54px;
  margin: 0;
  padding: 0 5px 0 0;
  transform: translateY(27px);
}

.footer__wrapper{
  background-color: #064795;

}
.footer__container{

}
.footer__desc{
  font-family: 'product_sansregular';
  color: white;
  text-align: center;
  padding: 40px 0;
  margin: 0;
}


/*----------------------- about page wrapper --------------------------  */

.aboutPage{
  min-height: 400px;
  background-image: url(../img/About_us/about_us2.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; */
}

.contant__line-block{
  background-color: #e5e5e5;
  height: 2px;
  margin: 60px auto;
}

.contant__desc-italica{
  z-index: 3;
  position: relative;
  font-family: 'product_sansregular';
  font-style: italic;
  color: #064795;
  font-size: 16px;
}
.contant__desc-italica::before{
  content: '';
  position: absolute;
  top: -50px;
  left: -50px;
  background-image: url(../img/About_us/quotes.svg);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100px;
  width: 100px;
  z-index: -1;
}

.contant__cameron{
  font-family: 'product_sansbold';
  color: #e97914;
  text-align: right;
  font-size: 16px;
}

/*-------------------------------- management page --------------------------*/

.management-page{
  min-height: 400px;
  background-image: url(../img/Management/management2.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.includes__wrapper{
  padding: 0 0 80px 0;

}

.includes__container{
  display: flex;
  justify-content: center;

}
.includes__caption{
  padding: 0;
  font-size: 24px;
  margin: 0;
  font-family: 'product_sansbold';
  color: #064795;

}
.includes__line-block{
  height: 4px;
  width: 52px;
  background-color: #e97914;
  margin: 20px 0 35px 0;
}
.includes__option-block{
  display: flex;
  flex-wrap: wrap;

}
.includes__item{
  padding: 10px 0;
}
.includes__desc{
  padding: 0 40px 0 30px;
  margin: 0;
  color: #064795;
  font-family: 'product_sansregular';
  font-size: 16px;
  line-height: 22px;

}

.set{
  position: relative;
}
.set::before{
  position: absolute;
  content: '';
  background-image: url(../img/Management/1.svg);
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
}

.supp{
  position: relative;
}
.supp::before{
  position: absolute;
  content: '';
  background-image: url(../img/Management/3.svg);
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
}
.system{
  position: relative;
}
.system::before{
  position: absolute;
  content: '';
  background-image: url(../img/Management/2.svg);
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
}


/*-------------------------------- contact page --------------------------*/

.contactPage{
  min-height: 400px;
  background-image: url(../img/Contact_us/contact_us2.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.contant__caption-contact{
  color: #064d8d;
  font-size: 24px;
  padding: 0;
  margin: 0;
  font-family: 'product_sansbold';
}

.contant__line-block-red{
  background-color: #e97914;
  height: 4px;
  width: 52px;
  margin: 20px 0 40px 0;
}

.contant__tel-block{
  position: relative;
  padding: 0 0 23px 0;
}
.contant__tel-block:before{
  top: 0px;
  position: absolute;
  content: '';
  background-image: url(../img/Contact_us/phone.svg);
  height: 26px;
  width: 26px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

.contant__tel-link{
  padding: 0 0 0 40px;
  margin: 0;
  display: block;
  font-size: 16px;
  color: #064d8d;
  font-family: 'product_sansregular';
}
.contant__tel-link:hover{
  text-decoration: none;
}

.contant__mail-block{
  position: relative;
  padding: 0 0 23px 0;
}
.contant__mail-block:before{
  position: absolute;
  content: '';
  background-image: url(../img/Contact_us/email.svg);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  height: 26px;
  width: 26px;
  top: 0px;
}
.contant__mail{
  padding: 0 0 0 0px;
  margin: 0 0 0 40px;
  font-size: 16px;
  color: #064d8d;
  font-family: 'product_sansregular';
  text-decoration: none;
  position: relative;
}
.contant__mail:before{
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 1.3px;
  width: 100%;
  background-color: #064d8d;
  transition: .3s all;
  opacity: 1;
}
.contant__mail:hover{
  color: #064d8d;
  text-decoration: none;
}
.contant__mail:hover.contant__mail:before{
  width: 0%;
  opacity: .3;
}

.contant__adress{
  text-decoration: none;
  position: relative;
}
.contant__adress:before{
  position: absolute;
  content: '';
  background-image: url(../img/Contact_us/address.svg);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  height: 26px;
  width: 26px;

}
.contant__adress:hover, :active{
  text-decoration: none;
  color: #064d8d;
}

.contant__adress-link{
  padding: 0 0 0 40px;
  margin: 0;
  text-decoration: none;
  font-size: 16px;
  color: #064d8d;
  font-family: 'product_sansregular';

}

.contant__adress-link:hover, :active{
  text-decoration: none;
}
.contant__google-map{
  border: 2px solid #ebebeb;
}
.contant__top-block{
  background-color: #ebebeb;
}
.contant__map-address{
  padding: 23px 0 23px 20px;
  margin: 0;
  color: #313131;
  font-size: 14px;
  font-family: 'product_sansregular';
}
