/*!
 * Start Bootstrap - Landing Page v5.0.7 (https://startbootstrap.com/template-overviews/landing-page)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
 */

 /* 
 color properties
 #707070
#d5d5d5
 */

 /* body {
  font-family: 'Merriweather', sans-serif;
} */

a {
    text-decoration: none;
    color: #034588;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    color: #333333;
}
p {
  color: #707070;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Merriweather', sans-serif;
}

header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

.features-icons-item h6 {
  color: #034588;
  font-weight: 600;
}

.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* ==============================
BASIC
=============================== */
.section {
  margin-top: 3.5rem;
}
.bg-blue {
  background-color: #034588;
}
.bg-blue-sea {
  background-color: #17b9f5;
  color: #fff;
}
.bg-light-grey {
  background-color: #fafafa;
}
.c-blue {
  color: #034588;
}
.c-blue-sea {
  color: #17b9f5;
}
.c-white {
  color: #fff !important;
}
.border-top-grey {
  border-top: .05rem solid #dee2e6;
}
.icon-lg {
  font-size: 60px;
  margin-bottom: .5rem;
  color: #fff;
  width: 180px;
  height: 180px;
  padding: 28px;
  background: #f6f6f6;
  border-radius: 50%;
}

/* ==============================
TEXT
=============================== */
.section-title {
  color: #034588;
}
.section-title:before {
  content: "";
  width: 80px;
  height: 2px;
  background-color: #034588;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.section-title:after {
  content: "";
  width: 80px;
  height: 2px;
  background-color: #034588;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}

/* ===================================
NAVBAR 
=================================== */
nav.navbar {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background-color: #fff;
    max-height: 72px;
}
.navbar-light .navbar-brand {
  color: #034588;
}
.navbar-light .navbar-brand .navbar-brand-light {
  font-weight: 400;
}
.navbar-light .navbar-brand .navbar-brand-bold {
  font-weight: 700;
}
#nav-header .nav-link {
    text-transform: uppercase;
    color: #034588;
    font-weight: 500;
}
#nav-header .nav-link:after {
  content: "";
  display: block;
  border-bottom: .1rem solid;
  transition: 0.25s;
  width: 0%;
}
#nav-header .nav-link:hover:after {
  width: 100%;
}
#nav-header .navbar-light .navbar-nav .active > .nav-link:hover:after {
  width: 100%;
}
.navbar-light .navbar-nav .active>.nav-link:hover:after, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show,  
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .show>.nav-link:hover {
    /* border-bottom: .1rem solid; */
    width: 100% !important;
}
.nav-item .btn-signin {
  display: block;
  text-transform: uppercase;
  text-align: center;
}
.nav-item .btn-signin:hover,
.nav-item .btn-signin:active,
.nav-item .btn-signin:focus {
  color: #034588;
}
.nav-item.nav-lang {
  color: #aaaaaa;
}
.nav-item.nav-lang a {
  color: #aaaaaa;
}
.nav-item.nav-lang a:hover, 
.nav-item.nav-lang a:focus,
.nav-item.nav-lang a:active,
.nav-item.nav-lang .active {
  border-bottom: .1rem solid;
  color: #034688;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: .2rem;
    margin-right: .8rem;
    margin-left: .8rem;
}
.navbar-brand:hover {
  color: #034588 !important;
}
.navbar-logo {
  width: 30px;
  margin-right: .2rem;
}
.navbar-light .navbar-toggler {
  color: #034588;
  border: none;
  font-size: 26px;
}
.nav-item.dropdown {
  padding: 7px 10px;
}
.nav-item a {
  color: #034588;
  font-size: 14px;
  padding: .3rem;
}
/* ============================= 
BANNER
============================= */
.big-banner {
  background: url('../../img/home.jpg');
  background-size: cover;
  background-position: top center;
  min-height: 600px;
  margin-top: 72px;
  padding-top: 20px;
  color: #034588;
}
.small-banner {
  min-height: 280px;
  margin-top: 72px;
  padding-top: 180px;
}
.small-banner h1 {
  color: #fff;
}
/* .small-banner:after {
  content: "";
  width: 100%;
  height: 280px;
  background-color: #17b9f5;
  display: block;
  opacity: .5;
} */
.banner-service {
  background: url(../img/banner_2_raw.jpg) no-repeat center;
  background-size: cover;
}
.banner-about {
  background: url(../../img/about_us.png) no-repeat center;
  background-size: cover;
}
.banner-event {
  background: url(../../img/event.jpg) no-repeat center;
  background-size: cover;
}
.banner-publication {
  background: url(../../img/publication.jpg) no-repeat center;
  background-size: cover;
  background-position-y: bottom;
}
.banner-contact {
  background: url(../../img/contact_us.jpg) no-repeat center;
  background-size: cover;
  background-position-y: bottom;
}

/* ============================= 
BUTTON
============================= */
.btn {
  font-family: 'Poppins', sans-serif;
}
.btn-border {
  padding: .2rem 1.2rem !important;
  margin: .25rem 1rem;
  border: .1rem solid;
  border-radius: 3px;
}
.navbar-custom.show > .navbar-nav > .nav-item > .btn-border {
  margin: .25rem 0rem;
  color: #034588;
}
.btn-round {
    border-radius: 25px;
    padding-left: 40px;
    padding-right: 40px;
}
.btn-primary {
    color: #fff !important;
    background-color: #034588;
    border-color: #034588;
}
.btn-primary:hover {
    color: #fff;
    background-color: #135392;
    border-color: #135392;
}
.btn-gray-lg {
  padding: .8rem 4rem;
}
.btn-gray-1 {
  background-color: #707070;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  text-transform: capitalize;
  border: none;
  color: white;
}
.btn-gray-1:hover {
  color: white;
}
.btn-gray {
  background-color: #707070;
  color: #cacaca;
}
/* .btn-sm {
  font-size: 14px;
  padding: .5rem 1rem;
} */
a.btn-lang {
  text-decoration: none;
  color: rgba(0,0,0,.5);
  text-transform: uppercase;
}
a.btn-lang:hover, a.btn-lang.active {
  text-decoration: none;
  color: rgba(0,0,0,.9);
}
.btn-service-category {
  background-color: #17b9f5;
  color: #fff;
  border-right: 1px solid #0e9cd1;
}
.btn-service-category:hover,
.btn-service-category:focus,
.btn-service-category:active,
.btn-service-category:visited {
  background-color: #0e9cd1;
  color: #fff;
}

p.highlight {
  font-size: 1.2rem;
}
h2.section-title {
  font-size: 1.6rem;
}
.read-more {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.read-more::after {
  height: .1rem;
  display: inline-block;
  width: 60px;
  background: #707070;
  border-right: 1px #ffaa00;
  vertical-align: middle;
  margin-left: 5px;
  content: '';
}

.bg-law {
  background-color: #f1f1f1;
  /* background-image: url('../img/bg-law.jpg'); */
  background-position: top right;
  background-size: cover;
}
.jumbotron {
  color: #707070;
}

.big-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}


/* carousel */
.carousel-nav-icon {
  height: 30px;
  width: 30px;
}
.carousel-item .col, .carousel-item .col-sm, .carousel-item .col-md {
  margin: 16px;
  height: 100px;
  background-size: cover;
  background-position: center center;
}

.register-link-text {
  text-decoration: underline;
}
.register-link-text:after {
  height: .1rem;
  display: inline-block;
  width: 45px;
  background: #707070;
  vertical-align: middle;
  margin-left: 10px;
  content: '';
}
.register-link-text:before {
  height: .1rem;
  display: inline-block;
  width: 45px;
  background: #707070;
  vertical-align: middle;
  margin-right: 10px;
  content: '';
}

/* post */
.post-thumb-img {
max-height: 220px;
overflow: hidden;
margin-bottom: 8px;
}
.post-thumb-img img {
height: 100%;
width: max-content;
}
.post-thumb-date {
text-align: right;
font-size: 12px;
margin: .2rem;
}
.post-thumb-title {
  line-height: 135%;
}

.event-box {
  background-color: #fff;
  padding: 0;
  -webkit-box-shadow: -10px 10px 7px -5px rgb(200, 200, 200);
  -moz-box-shadow: -10px 10px 7px -5px rgba(200, 200, 200);
  box-shadow: -10px 10px 7px -5px rgb(200, 200, 200);
}
.event-title {
font-family: 'Poppins', sans-serif;
font-size: 2rem;
font-weight: 500;
color: #707070;
}

.img-partner {
width: 110px;
}

.bg-grey-1 {
background-color: #cacaca;
}
.bg-grey-2 {
background-color: #9F9F9F;
}
.bg-grey-3 {
background-color: #707070;
}
.bg-grey-opacity {
background: rgba(202, 202, 202, 0.94);
}

#footer {
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #e6e6e6;
}
#footer p {
color: #e6e6e6;
line-height: 1.5rem;
}
#footer p a {
  color: #e6e6e6;
}
.nav-footer .nav-item .nav-link {
color: #e6e6e6;
font-size: 14px;
}
.nav-socmed .nav-item .nav-link {
font-size: 24px;
margin: 0 5px;
}
.top-border {
border-top: 1px solid #0f549a;
}
#nav-footer li.nav-item:first-child a.nav-link {
padding-top: 0;
}
#nav-footer a.nav-link {
padding-left: 0;
}

a.btn-back-to-top {
display: inline-block;
background-color: #17b9f5;
/* width: 50px; */
/* height: 50px; */
font-size: 26px;
padding: 4px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
color: #fff !important;
cursor: pointer;
}
/* a.btn-back-to-top::after {
content: "\f077";
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
} */
a.btn-back-to-top:hover {
cursor: pointer;
background-color: #17b9f5;
}
a.btn-back-to-top.show {
opacity: 1;
visibility: visible;
}

/* ===============================
DRAWER
=============================== */
.drawer {
  font-family: 'Poppins', sans-serif;
  width: 30%;
  min-width: 250px;
  background-color: #fff;
  padding: 1rem;
}

#drawer li.nav-item:last-child {
  border-bottom: none;
}
#drawer .nav-link {
  color: #034588;
}
#drawer .nav-link:hover,
#drawer .nav-link:active, 
#drawer .nav-link:focus,
#drawer .nav-link .active {
  color: #034588;
}
#drawer .nav-link {
  display: block;
  padding: .7rem 1rem;
}
#drawer .nav-link:after {
  content: "";
  display: block;
  border-bottom: .1rem solid #034588;
  transition: 0.25s;
  width: 0%;
}
#drawer .nav-link:hover:after,
#drawer .nav-link:active:after,
#drawer .nav-link:focus:after {
  width: 100%;
}
#drawer a.nav-link.active:after {
  width: 100%;
}
.drawer-lang {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.drawer-lang .btn-lang {
  text-align: center;
  padding: 1rem;
  display: block;
  background-color: #17b9f5;
  color: #fff;
  transition: background-color .5s;
}
.drawer-lang a.btn-lang:hover,
.drawer-lang a.btn-lang.active {
  background-color: #034588 !important;
  color: #fff !important;
}
a.btn-drawer-close {
  font-size: 26px;
}

/* Modal */
.modal-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #fff;
}
.modal-title::after {
  content: "";
  width: 66px;
  height: 3px;
  vertical-align: middle;
  background-color: #fff;
  display: inline-block;
  margin-left: 6px;
}
.modal-header .close {
  padding: .4rem 1rem;
  margin: -1rem -1rem -1rem auto;
  font-size: 48px;
  opacity: 1;
  color: #fff;
}
.modal-header {
  padding: 2rem;
  border: none;
}
.modal-body .login-form {
  padding: 12px;
  font-family: 'Poppins', sans-serif;
}
.modal-body .login-form .input-icon {
border: none;
border-radius: 0;
border-bottom: .12rem solid #fff;
background: none;
color: #fff;
}
/* .custom-field {
border: none;
border-radius: 0;
border-bottom: .12rem solid #707070;
} */
.alert-icon-lg {
margin-top: 1rem;
margin-bottom: 1.5rem;
text-align: center;
font-size: 60px;
}

/* Cart */
ul.dropdown-cart{
min-width:250px;
}
ul.dropdown-cart li {
padding-top: 10px;
padding-bottom: 10px;
}
ul.dropdown-cart li:last-child {

}
ul.dropdown-cart li .item{
display:block;
padding:3px 10px;
margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

ul.dropdown-cart li .item-left{
float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
float:left;
}
ul.dropdown-cart li .item-left span.item-info{
margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
display:block;
}
ul.dropdown-cart li .item-right{
float:right;
}
ul.dropdown-cart li .item-right button{
margin-top:6px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: auto;
right: 0px;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
span.item-price {
font-size: 14px;
color: #a4a4a4;
}

.divider {
  height: 1px;
  background-color: #034588;
  margin-top: 10px;
  margin-bottom: 10px;
}
.nav-user-menu {
padding: 1rem;
}

.header-banner {
min-height: 200px;
padding: 0;
margin-bottom: 2rem;
border-radius: .3rem;
}

/* Service */
.service-category-box {
overflow-x: scroll;
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.service-category-box::-webkit-scrollbar {
width: 11px;
}
.service-category-box::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.service-category-box::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
.service-category-box .btn-group button {
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
.service-category-box .btn-gray:hover, 
.service-category-box .btn-gray:focus, 
.service-category-box .btn-gray:active,
.service-category-box .active {
background-color: #636363;
color: #cacaca;
}

.breadcrumb {
font-size: 12px;
color: #ccc;
background: none;
padding: 0;
border: none;
}

h1.post-title {
font-size: 30px;
color: #034588;
line-height: 135%;
}
p.post-content {
line-height: 180%;
}

.nav-tabs a {
font-family: 'Poppins', sans-serif;
}
.tab-content li {
line-height: 200%;
}
.tab-content {
font-size: 14px;
}

.price-box {
background-color: #fafafa;
padding: 2rem;
}
.price-before {
text-decoration: line-through;
color: #9f9f9f;
font-size: 14px;
}
h4.price {
font-size: 26px;
font-weight: 600;
}
.nb {
color: #9f9f9f;
font-size: 12px;
display: block;
text-align: right;
}

.img-round {
border-radius: 50%;
}
h6 {

}
.video {
  min-height: 300px;
  background: url(../img/main.jpg) no-repeat center;
  background-position: cover;
  padding: 7rem 11rem;
}
.video a {
font-size: 50px;
color: white;
border: 6px solid;
padding: 8px;
border-radius: 54px;
background: rgba(0, 0, 0, .4);
}
.video a:hover, .video a:active, .video a:focus {

}
.hide {
display: none;
}

.post-date-float {
  z-index: 99;
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #034588;
  padding: .6rem;
  color: #fff;
}
span.the-date {
display: block;
font-size: 20px;
color: #fff;
text-align: center;
font-style: italic;
} 
span.the-year {
display: block;
text-align: center;
font-size: 14px;
font-style: italic;
}
.post {
  padding-bottom: 0.4rem;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
  border-bottom-style: ridge;
  display: flex;
}
.post .post-content {
  width: 80%;
  margin-left: 1rem;
}
.post-img {
  display: block;
  width: 140px;
  height: 140px;
}
.post-img-lg {
  width: 100%;
  height: 360px;
  display: block;
}
.post-content {
  display: block;
}
ul.pagination {
font-family: 'Poppins';
}

.featured-img {
padding: 2.5rem;
padding-bottom: .5rem;
padding-top: .5rem;
}

.nav-shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .02);
}

/* =============================
CART
============================== */
.cart span.quantity {
  display: inline-block;
  width: 65%;
}
.cart span.remove {
  display: inline-block;
}
.cart .btn-remove {
  position: absolute;
  right: 0px;
  padding: 7px;
  background-color: #034588;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
}
.invoice {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 14px;
}
.invoice .number {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
.invoice table {
  color: #fff !important;
}
.invoice .no-top-border {
  border-top: none;
}

/* ============================= 
BOX
============================= */
.box {
  border-radius: 4px;
  padding: 2rem;
}
.box-white-transparent {
  background: rgba(255, 255, 255, .7);
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .big-banner {
    min-height: 560px;
    padding-top: 220px;
  }
  .small-banner {
    min-height: 280px;
    padding-top: 150px;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .big-banner {
    min-height: 560px;
    padding-top: 55px;
  }
  .small-banner {
    min-height: 280px;
    padding-top: 150px;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .big-banner {
    min-height: 560px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .small-banner {
    min-height: 280px;
    padding-top: 150px;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .big-banner {
    min-height: 840px;
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .small-banner {
    min-height: 280px;
    padding-top: 150px;
  }
  /* .small-banner:after {
    height: 280px;
  } */
}

.loading {
  width: 100%;
  background: url(../img/loader.svg);
  display: block;
  height: 200px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.nav-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
  background: rgba(0,0,0,.7) url(../img/loader.svg);
  background-position: center;
  background-size: 30%;
  background-repeat: no-repeat;
}
.modal-loading {
  width: 100%;
  background: rgba(0,0,0,.5) url(../img/loader.svg);
  display: block;
  height: 100%;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
}
.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: .25rem;
  font-size: 75%;
  color: #dc3545;
}

/* Table */
.table thead, .table tfoot {
  background-color: #034588;
  color: #fff;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(3,70,136,.05);
}


/* blockquote */
blockquote {
  font-size: 18px !important;
}
blockquote:before {
  content: open-quote;
  font-size: 26px;
  position: relative;
  top: 3px;
  margin-right: 4px;
  font-family: auto;
}
blockquote:after {
  content: close-quote;
  font-size: 26px;
  position: relative;
  top: 3px;
  margin-left: 4px;
  font-family: auto;
}