/* global-style */
@font-face {
	font-family: 'PlayfairDisplay-Regular';
	url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'PF_Din_Text_Cond_Pro';
  src: url("../fonts/PF_Din_Text_Cond_Pro.ttf") format("truetype");
}
*{
	margin: 0;
	padding: 0;
    text-decoration: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   letter-spacing: 1px;
  font-size: 20px;
}
}
*::after, *::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  height: auto;
  background:#fff;
  font-family: 'PF_Din_Text_Cond_Pro' ;
  font-style: normal;
 }
.container {
	width: 100%;
  position: relative;
  z-index: 1
}
.row {
  display: flex;
 }
.d-flex {
	display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.justify-center {
  justify-content:center
}
.text-center {
  text-align:center
}
h1,h2,h3,h4,h5,h6 {
     font-weight: normal; 
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.7rem;
}
 h3 {
  font-size: 1.5rem;
}
/* ========= locale-style ============== */
header {
  display: flex;
    align-items: end;
    width: 100%;
    flex-wrap: wrap;
    padding: 0 1rem;
    border-bottom: 1rem solid #ceeeef;
}
header a {
  display: flex;
}
header img {
  width: 100%;
  height: auto;
}
.navbar {
	display: flex;
	justify-content: flex-end;
    flex-grow: 2;
}
.navbar ul {
  display: flex;
    gap: 1rem;
}
.navbar li {
	list-style: none;
	display: flex;
    align-items: center;
}
.navbar li i {
	margin: .5rem;
    font-size: 12px;
    color: #4a92a2;
}
.navbar li a {
    color: #006d94;
    display: flex;
    align-items: center;
    background-image: -webkit-linear-gradient(currentColor, currentColor);
   background-image:  -moz-linear-gradient(currentColor, currentColor);
   background-image: -o-linear-gradient(currentColor, currentColor);
   background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
}
.navbar li a:hover {
  background-size: 100% 1px;
  }
.title {
  padding: 2rem .5rem;
  width: fit-content;
  margin: 0 auto;
}
.block {
   margin-bottom: 2rem;
  }
.block .content {
  justify-content: center;
  align-items: center;
    z-index: 2;
  background: #f6f6f6;
  padding: 2rem 0;
  width: 100%;
  gap: 4rem;
}
.block_text {
 width: 30%;
  padding:1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.block_text h2 {
   color: #000;
}
.block_text h3 {
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0px 8px 10px #376e88;
    margin-bottom: 1rem;
    letter-spacing: 2px;
}
.block_text .numb {
  margin: 0
}
.block_text p {
   margin: .3rem 0;
}
.card {
   display: flex;
 flex-direction: column;
}
a.btn {
   margin-top: 2rem;
    background: -webkit-linear-gradient (181deg, #f7c765 10%, #d69c26 50%);
    background: -moz-linear-gradient (181deg, #f7c765 10%, #d69c26 50%);
    background: -o-linear-gradient (181deg, #f7c765 10%, #d69c26 50%);
    background: linear-gradient(181deg, #b2afb2 10%, #7b797b 50%);
    color: #fff;
    padding: .8rem 3rem;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: min-content;
}
a.btn:hover {
   background:  -webkit-linear-gradient(181deg, #ffcd68 10%, #d38d00  50%);
  background: -moz-linear-gradient(181deg, #ffcd68 10%, #d38d00  50%);
  background: -o-linear-gradient(181deg, #ffcd68 10%, #d38d00  50%);
  background: linear-gradient(181deg, #ffcd68 10%, #d38d00  50%);
 }
.block .content img {
  width: 100%;
    height: auto;
    max-width: 600px;
}
/*  ======== license ==========  */
.license {
  background-color: #f6f6f6;
}
.license .block {
  background: none;
  padding: 0
}
.license .block:before {
  content: none
}
.license .block_text {
    width: 70%;
  margin-bottom: 10rem;
}
.license h1 {
  font-size: 2.2rem;
  margin: 1rem 0
}
.license h2 {
    color: #000;
  text-align: center;
    margin-bottom: 3rem;
    font-size: 1.8rem;
}
.license h2 span {
   font-size: 1.5rem
}
.license .block_text p {
    color: #000;
    text-shadow: none;
  }
.license .block_text ul {
    font-size: 20px;
  margin-bottom: 1rem;
}
.license .block_text ul li {
    margin-left: 3rem
}
.license h3 {
    text-transform: inherit;
    font-weight: normal;
    text-shadow: none;
    color: #000;
    font-size: 1.5rem;
    letter-spacing: inherit;
    text-align: center;
}

/*  ======== responsive ==========  */

@media(max-width: 1199.98px){
  .body {
   height: auto
  }
   .navbar {
    padding: 0;
    border-bottom: none;
    position: absolute;
    top: .3rem;
    right: 0;
  }
  .navbar ul {
   opacity: 0;
  }
  .navbar.open {
     padding: .5rem;
    justify-content: flex-start;
    width: 100%;
    background: #fff;
    z-index: 2;
  }
  .navbar.open ul {
     opacity: 1;
    display: block;
    width: 100%;
  }
   .navbar ul.open ul li {
    display: flex;
    padding: 0 .5rem;
  }
.navbar.open a {
    color: #4a92a2;
 }
 .toggle-btn {
	padding: .2rem;
    display: flex;
    cursor: pointer;
    border: 1px solid #48818e;
    border-radius: 2px;
    width: 38px;
    flex-direction: column;
    z-index: 999;
    position: absolute;
    right: 1rem;
    top: 6rem;
   }
.toggle-btn:hover span {
    background: #48818e;
    }
.toggle-btn span {
	height: 3px;
    background: #48818e;
    margin: 3px 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
.toggle-btn.open span:nth-child(1) {
    position: relative;
    top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.toggle-btn.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.toggle-btn.open span:nth-child(3) {
    position: relative;
  top: -9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
   .block  {
    gap: 3rem;
  }
  .block .content {
    flex-direction: column;
    width: 100%;
    padding-top: 0;
    gap: 0;
  }
  .block_text {
   width: 100%
  }
  a.btn {
    margin: 1rem auto
  }
  .block .content img {
     order: -1;
    margin-top: 1rem;
}
}
  @media(max-width: 767.98px){
     .toggle-btn {
       top: 0
     }
}