@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');

.v-hidden { display: none }
.d-none { display: none; }
.d-block { display: block; }
.pb-5 { padding-bottom: 5px; -webkit-line-clamp: inherit !important; }
.header { background-color: rgba(0,0,0,0.15); width: 100%; position: fixed; color: #ffffff; padding: 10px 10px; box-sizing: border-box; z-index: 4;  }
.header-wrapper { width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.header .logo img { width: 100%; max-width: 275px; }
.blur { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.m-mt-0 { margin-top:0px; }
.nav { display: none; }
.nav-mobile__nav { position: absolute; width: 200px; top: 56px; right: -200px; height: 100vh; background-color: rgba(0,0,0,0.85); display: flex; transition: linear 0.2s; flex-direction: column; z-index: 6; }
.nav-mobile__nav a { color: #ffffff; padding: 10px; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 14px;font-family: 'Montserrat', sans-serif; }
.nav-mobile__button { color: #ffffff; padding: 5px 10px; transition: .3s ease; font-size: 14px; background-color: rgba(255,255,255,0.2); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s ease; }
.open-menu { right: 0px !important; transition: linear 0.2s; }
.menu-overlay { width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 1; position: absolute; z-index: 2; }
.text-left > p > b {font-family: 'Montserrat', sans-serif;}
.text-left > p { line-height:135%;}


.banner { width: 100%; min-height: 500px; }
.banner-content-wrapper { width: 90%; margin: auto; }
.banner-content { width: 100%; }
.banner-content__box { -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); margin-top: -85px; border: 1px solid rgba(0,0,0,0.15); position: relative; }
.banner-content__box-head { height: 85px; background-color: rgba(255,255,255,0.25); display: flex; align-items: center; position: absolute; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); width: 100%; }
.banner-content__box-head h1 { color: #000000; font-weight: 700; padding: 0px 20px; letter-spacing: 1px; font-size: 25px;font-family: 'Montserrat', sans-serif; line-height:130%; }
.banner-content__box-text { background-color: #ffffff; padding: 20px; margin-top: 85px; }
.banner-content__box-text p {  font-size: 16px; line-height: 145%; color: #212221; text-align:justify }


.content { width: 100%; margin-top: 50px; }
.content-wrapper { width: 90%; margin: auto; }
.content-row { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; margin-bottom: 25px; }
.content-row__text { color: #212221; width: 100%; padding: 15px; }
.content-row__text h2 { font-size: 24px; font-weight: 600; padding-bottom: 15px; line-height:145%;font-family: 'Montserrat', sans-serif; }
.content-row__text p { font-size: 16px; font-weight: 400; line-height: 145%; text-align:justify }
.content-row__avatar { width: 100%; text-align: center; }
.content-row__avatar img { width: 100%; }


.content-row__main { width: 100%; }
.content-row__main h1 { width: 100%; font-size: 25px; padding-bottom: 10px;font-family: 'Montserrat', sans-serif; }
.content-row__main p { width: 100%; font-size: 16px; line-height: 145%; text-align:justify; }
.content-row__sidebar { width: 100%; margin-bottom: 20px; text-align: center }
.content-row__sidebar .sidebar__box { border: 1px solid #212221; padding: 5px; font-size: 11px; color: #000000; display: inline-block; margin-bottom: 5px; }


.news { width: 100%; margin-top: 50px; }
.news-wrapper { width: 90%; margin: auto; }
.news-row { background-color: #ffffff; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); }
.news-row__text { color: #212221; width: 100%; box-sizing: border-box; padding: 20px; }
.news-row__text h2 { font-size: 20px; font-weight: 600; padding-bottom: 10px; line-height: 125%;font-family: 'Montserrat', sans-serif; }
.news-row__text p { font-size: 14px; font-weight: 400; line-height: 125%; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:justify }
.news-row__avatar { width: 100%; text-align: center; }
.news-row__avatar img { width: 100%; }
.news-row__details { display: block; background-color: rgba(0,0,0,0.5); color: #ffffff; text-align: center; padding: 10px; margin-top: 15px; font-weight: 600; font-size: 14px; }
.news-row__details2 { display: inline-block; background-color: #f9f9f9; color: #222222; border: 1px solid #ddd; border-radius: 10px; text-align: center; padding: 10px; margin-top: 15px; font-weight: 600; font-size: 14px; }
.news-detail-top { margin-top: -400px; }


.contact { width: 100%; }
.contact-wrapper { width: 90%; margin: auto; margin-top: 20px; display: flex; flex-direction: column-reverse; }
.contact-left { width: 100%; box-sizing: border-box; margin: 10px 0px; }
.contact-right { width: 100%; margin: 10px 0px; }
.contact-left__title { width: 100%; font-size: 20px; padding-bottom: 10px;font-family: 'Montserrat', sans-serif; }
.form { width: 100%; box-sizing: content-box; display: flex; justify-content: space-between; flex-direction: column }
.form input { border: 1px solid #898989; color: #000000; height: 45px; margin: 1%; padding-left: 10px; font-size: 14px; width: 98%; box-sizing: border-box; transition: .2s ease; }
.form textarea { border: 1px solid #898989; color: #000000; height: 95px; margin: 1%; padding: 10px; font-size: 14px; width: 98%; box-sizing: border-box; transition: .2s ease; }
.form input:focus, .form textarea:focus { border: 1px solid #000000; }
.form a, form button { display: inline-block; background-color: #222; color: #fff; text-align: center; padding: 15px 10px; transition: .2s ease; }
.form a:hover, form button:hover { background-color: #000000; }
.form-row { display: flex; }



.footer { width: 100%; margin-top: 40px; }
.footer-top { width: 100%; background-color: #262626; color: #ffffff; padding: 20px 0px; margin-top: 20px; }
.footer-wrapper { width: 90%; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
.footer .logo img { max-width: 290px; }
.footer-nav { display: flex; box-sizing: content-box; padding: 20px 10px 0px 10px; justify-content: space-between; width: 100%; }
.footer-nav div { width: 50%; }
.footer-nav a { color: rgba(255,255,255,0.85); font-size: 14px; padding: 2.5px 5px; text-align: center; font-weight: 300; display: block; }
.footer-bottom { width: 100%; background-color: #202020; color: #ffffff; padding: 20px 0px; }
.footer-bottom p { text-align: center; font-size: 12px; line-height: 125%; color: rgba(255,255,255,0.85); width: 100%; }
.footer-legal { width: 100%; background-color: #181818; color: #ffffff; padding: 10px 0px; }
.footer-legal p { text-align: center; font-size: 10px; color: rgba(255,255,255,0.85); line-height: 125%; width: 100%; }

@media (min-width: 576px) {
}


@media (min-width: 768px) {
    .content-row { display: flex; flex-direction: row; align-items: start; justify-content: space-between; width: 100%; margin: auto; }
    .content-row__text { color: #212221; width: 75%; padding: 10px; }
    .content-row__text h2 { font-size: 18px; padding-bottom: 15px; }
    .content-row__text p { font-size: 15px; line-height: 135%; }
    .content-row__avatar { width: 25%; text-align: right; padding: 10px }
    .content-row__avatar img { width: 100%; }

    .news { width: 100%; margin-top: 50px; }
    .news-wrapper { width: 90%; margin: auto; }
    .news-row { background-color: #ffffff; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); }
    .news-row__text { color: #212221; width: 70%; box-sizing: border-box; padding: 20px; }
    .news-row__text h2 { font-size: 20px; font-weight: 600; padding-bottom: 10px; line-height: 125%; }
    .news-row__text p { font-size: 14px; font-weight: 400; line-height: 125%; width: 100%; }
    .news-row__avatar { width: 30%; text-align: left; display: flex; align-items: center; }
    .news-row__avatar img { width: 100%; }
    .news-row__details { display: block; background-color: rgba(0,0,0,0.5); color: #ffffff; text-align: center; padding: 10px; margin-top: 15px; font-weight: 600; font-size: 14px; }
}

@media (min-width: 992px) {

    .header .logo img { max-width: 100%; }

    .nav { display: block; }
    .nav-mobile { display: none }

    .nav a { color: #ffffff; padding: 10px; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s ease;font-family: 'Montserrat', sans-serif; }
    .nav a:hover { transition: .2s ease; }
    .banner { min-height: calc(100vh - 200px); }
    .menu-active { border: 1px solid #ffffff; }
}


@media (min-width: 1200px) {
    .m-mt-0 { margin-top:-170px !important; }
    .header-wrapper { width: 1250px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
    .nav a:hover { background-color: rgba(255,255,255,0.1) }

    .banner-content-wrapper { width: 1250px; margin: auto; display: flex; align-items: center; justify-content: flex-end; }
    .banner-content__box { margin-top: -85px; border: 1px solid rgba(0,0,0,0.15); position: relative; width: 550px; }
    .banner-content__box-2 { width: 850px; }
    .banner-content__box-text { padding: 20px 30px; }
    .banner-content__box-head h1 { color: #000000; font-weight: 700; padding: 0px 20px; letter-spacing: 1px; font-size: 35px; }
    .banner-content__box-text { background-color: #ffffff; padding: 20px; margin-top: 85px; }
    .banner-content__box-text p { text-align: center; font-size: 17px; line-height: 30px; color: #212221; }
    .banner-content { margin-bottom:100px; }

    .footer-wrapper { width: 1250px; flex-direction: row; }
    .footer .logo img { max-width: 100%; }

    .footer-nav { display: flex; box-sizing: content-box; padding: 20px 0px; justify-content: flex-end; width: 100%; }
    .footer-nav div { width: auto; text-align: right; }
    .footer-nav a { display: inline; font-size: 15px; }


    .content-wrapper { width: 1250px; margin: auto; }
    .content-row { display: flex; flex-direction: row; align-items: start; justify-content: space-between; width: 80%; margin: auto; margin-bottom:100px }
    .content-row__text { color: #212221; width: 75%; padding: 10px; }
    .content-row__text h2 { font-size: 22px; padding-bottom: 15px; }
    .content-row__text p { font-size: 16px; line-height: 150%; }
    .content-row__avatar { width: 25%; text-align: right; padding: 10px }
    .content-row__avatar img { width: 100%; }

    .content-row__main { width: 70%; padding-right: 50px }
    .content-row__main h1 { width: 100%; font-size: 27px; padding-bottom: 20px; line-height:130%; }
    .content-row__main p { width: 100%; font-size: 16px; line-height: 145%; }
    .content-row__sidebar { width: 30%; margin-bottom: 20px; text-align: left }
    .content-row__sidebar .sidebar__box { border: 0px solid #212221; border-bottom: 1px solid #d6d4d4; padding: 10px 5px; font-size: 16px; color: #000000; display: block; margin-bottom: 5px; transition: .2s ease;font-family: 'Montserrat', sans-serif; }
    .content-row__sidebar .sidebar__box:hover { background-color: #000000; color: #ffffff; }
    .content-row__sidebar .sidebar__box:hover > span { border-left: 2px solid #ffffff !important; }
    .content-row__sidebar .active { background-color: #000000 !important; color: #ffffff !important; }
    .content-row__sidebar .active span { border-left: 2px solid #ffffff !important; margin: 5px 0px; padding-left: 10px;font-family: 'Montserrat', sans-serif; }
    .content-row__sidebar .sidebar__box span { border-left: 2px solid #212221; margin: 5px 0px; padding-left: 10px;font-family: 'Montserrat', sans-serif; }

    .news { width: 100%; margin-top: 50px; }
    .news-wrapper { width: 1000px; margin: auto; }
    .news-row { background-color: #ffffff; display: flex; flex-direction: row-reverse; align-items: start; justify-content: space-between; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); }
    .news-row__text { color: #212221; width: 75%; box-sizing: border-box; padding: 20px 50px 30px 30px; }
    .news-row__text h2 { font-size: 21px; font-weight: 600; padding-bottom: 10px; line-height: 125%; }
    .news-row__text p { font-size: 16px; font-weight: 400; line-height: 145%; width: 100%; -webkit-line-clamp: 5; }
    .news-row__avatar { width: 25%; text-align: left; display: flex; align-items: center; }
    .news-row__avatar img { width: 100%; }
    .news-row__details { display: block; background-color: rgba(0,0,0,0.5); color: #ffffff; text-align: center; padding: 10px; margin-top: 15px; font-weight: 600; font-size: 14px; }
    .news-row__details2 { display: inline-block; background-color: #f9f9f9; color: #222222; border: 1px solid #ddd; border-radius: 0px; text-align: center; padding: 10px; margin-top: 15px; font-weight: 600; font-size: 14px; }

    .news-detail-title { font-size: 40px !important; font-weight: 900 !important; line-height: 130%; border-bottom: 1px solid #cfcfcf }
    .news-detail-top { margin-top: -460px; }


    .contact { width: 100%; }
    .contact-wrapper { width: 1250px; margin: auto; margin-top: 20px; display: flex; flex-direction: row; }
    .contact-left { width: 50%; padding: 20px; box-sizing: border-box; margin: 0px 0px; }
    .contact-right { width: 50%; padding: 20px; margin: 0px 0px; }
    .contact-left__title { width: 100%; font-size: 27px; padding-bottom: 10px; margin: 1%; }
    .form { width: 100%; box-sizing: content-box; display: flex; justify-content: space-between; flex-direction: column }
    .form input { border: 1px solid #898989; color: #000000; height: 45px; margin: 1%; padding-left: 10px; font-size: 14px; width: 98%; box-sizing: border-box; transition: .2s ease; }
    .form textarea { border: 1px solid #898989; color: #000000; height: 95px; margin: 1%; padding: 10px; font-size: 14px; width: 98%; box-sizing: border-box; transition: .2s ease; }
    .form input:focus, .form textarea:focus { border: 1px solid #000000; }
    .form a, form button { display: inline-block; background-color: #222; color: #fff; margin: 1%; text-align: center; padding: 15px 10px; transition: .2s ease; width: 200px; margin: auto; }
    .form a:hover, form button:hover { background-color: #000000; }
    .form-row { display: flex; }


    .footer { margin-top: 150px; }
}