@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap&subset=latin,greek');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC:wght@400;500&display=swap');
/* ====================================================================== */
/* Extras */
html,
body {
  width: 100%;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
}
body {
  background-image: url('../images/page_bg.jpg');
  background-repeat: repeat-x;
  background-position-y: top;
  background-position-x: left;
  background-color: #F5F5F5;
  color: #636363;
}
body.home main.container {
  max-width: 100%;
  margin-bottom: 0;
  padding: 15px;
  padding-bottom: 0;
}
body:not(.home) main {
  margin-bottom: 80px;
  min-height: 600px;
  max-width: 100%;
}
#spacer { padding-top: 150px; }
main {
  min-height: 50%;
}
#header-top[style*='background-image'],
#header-middle[style*='background-image'],
#header-bottom[style*='background-image'] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#title-language h1 {
  font-weight: 400;
  color: #909090;
  font-size: 1.2em;
  text-align: center;
}
figcaption>.title {
  display: inline-block;
  margin-top: 10px;
  text-decoration: none;
  color: inherit;
}
@media (min-width: 768px) {
  #title-language h1 {
    font-weight: 400;
    font-size: 1.2em;
    margin: .67em 0;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .container { max-width: 1170px; }
}

.navbar-dark .navbar-toggler {
  color: #636363;
  font-size: 23px;
  border-color: rgba(255,255,255,.1);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Alegreya SC', serif;
}
/* Page title and jumbotron ===================================================== */
#hero-title {
  background-color: #fff;
  color: #fff;
}
body:not(.home) .jumbotron.with-header-image {
  color: #fff;
  border: 20px solid #fff;
  border-radius: 20px;
  margin-right: 100px;
  margin-left: 100px;
  margin-top: 150px;
  margin-bottom: -40px;
  z-index: -1;
}
body:not(.home) .jumbotron.with-header-image img {
  border-radius: 20px;
}
body.more h1#page-title.with-header-image {
  margin-left: 40px;
}

/* Footer ====================================================================== */
#footer {
  display: block;
  position: relative;
  background: #fff;
  color: #2d2d2d;
  padding: 0;
}
#footer .container-fluid > .row { flex-direction: column-reverse; }
#footer > .container-fluid > .top {
  padding: 20px 0;
}
#footer .bottom { position: relative; }
#footer h1 {
  padding: 20px;
  text-align: center;
  color: #565656;
  font-size: 3em;
  max-width: 1000px;
  margin: auto;
}
#footer #home-map {
  height: 800px;
}
#footer-contact {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  left: auto;
  right: 80px;
  width: 800px;
  z-index: 999;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
}
#footer-contact a {
  color: inherit;
  text-decoration: none;
}
#footer-contact .contact-info-container {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
  margin-left: -40px;
  margin-right: -40px;
  border-bottom: 1px solid #d8d8d8;
}
#footer-contact .contact-info-container .icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: #119d92;
  color: #fff;
  padding: 8px;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: -10px;
}
#footer-contact .row.contactform {
  margin: 0;
}
#footer-contact #contact-form {
  padding: 0;
  width: 100%;
  max-width: 100%;
}
#footer-contact form > .col-md-4 {
  max-width: 41.666667%;
  flex: 0 0 41.666667%;
  padding-left: 0;
}
#footer-contact form > .notes-container {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
  padding-right: 0;
}
#footer-contact input, #footer-contact textarea {
  border: 1px solid #2d2d2d;
  border-radius: 10px;
  padding: 10px;
}
#footer-contact textarea {
  height: calc(100% - 50px);
}
#footer-contact form .button {
  margin-top: 15px;
  margin-left: 0;
}
#footer .logo {
  order: -1;
  text-align: right;
}
footer #fourty-logo { margin: 20px; }
#footer .right {
  display: flex;
  flex-direction: column-reverse;
  padding: 20px 0;
}
#footer .left,
#footer .right {
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0;
}
body.modal-open #footer {
  z-index: 99999;
}
/* Buttons ===================================================================== */
.button, .btn {
  display: inline-block;
  position: relative;
  margin: auto;
  padding: 10px 20px;
  padding-left: 25px;
  background-color: rgba(0,0,0,.2);
  color: #fff;
  border: 0;
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.button:before {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  width: 10px;
  top: 0;
  bottom: 0;
  left: 10px;
  right: auto;
  margin: auto;
  background-image: url(../images/menu.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.button:hover, .btn:hover {
  background-color: rgba(0,0,0,.5);
  color: #fff;
}
.btn.inverted,
.button.inverted {
  background-color: #109d92;
  color: #fff;
}
.button.inverted:hover {
  background-color: #0c8076;
  color: #fff;
}
.btn.focus, button.focus, .btn:focus, button:focus {
  box-shadow: none;
}
.button > .fa-sort-down { transform: rotateZ(-90deg); }
/* ============================================================================= */

/* Header ====================================================================== */
#header {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: #252525;
}
#header .row { margin: 0; }
#header-bottom {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
}
#header-bottom .container { max-width: 100%; }
header .contact-info-container { padding-top: 5px; }
header .contact-info-container .contact-info-section,
header .contact-info-container .contact-info-section a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
header .contact-info-container .contact-info-section { margin-left: 20px; }
header .contact-info-container .contact-info-section:first-of-type { margin-left: 0; }
header .contact-info-container .contact-info-section .icon {
  color: #2eb3e0;
  margin-right: 10px;
}
/* ============================================================================= */

/* Logo ======================================================================== */
#logo {
  display: flex;
  align-items: center;
  height: 130px;
  width: 200px;
  padding: 10px 0;
  transition: all 0.3s ease;
}
#logo > img {
  width: auto;
  height: 100%;
}
/* ============================================================================= */

/* MainNav ===================================================================== */
#main-nav {
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  padding: 0 15px;
  position: relative;
  color: #5a5a5a;
  margin: 0;
}
#mainNavContent {
  align-items: stretch;
}
#main-nav .navbar-nav {
  align-items: stretch;
}
#main-nav .navbar-collapse {
  flex-grow: 0;
}
#main-nav .nav-item {
  margin-right: 15px;
  display: flex;
  position: relative;
  align-items: center;
}
#main-nav .nav-item:last-of-type { margin-right: 0; }
#main-nav a.nav-link {
  position: relative;
  padding: 10px 20px;
  border-radius: 8px;
  color: inherit;
  font-weight: normal;
  font-size: 1em;
  font-family: 'Alegreya SC', serif;
  background-color: #dddddd;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
#main-nav .dropdown-menu-right > a {
  border-radius: 8px;
  margin-bottom: 5px;
}
#main-nav .nav-item:hover > .nav-link,
#main-nav .nav-item.active > .nav-link,
#main-nav .nav-item.open > .nav-link {
  background-color: #109d92;
  color: #fff;
}
#main-nav .dropdown-menu {
  left: 0;
  right: auto;
  min-width: 300px;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  padding: 0;
  transition: all 0.1s ease;
}
#main-nav .dropdown-menu li.nav-item {
  border: 0;
  flex-direction: column;
}
#main-nav .dropdown-menu a.nav-link {
  display: block;
  width: 100%;
  padding: 15px 20px;
  margin-bottom: 5px;
  transition: color 0.3s ease;
}
#main-nav .dropdown-menu .nav-item:hover>a.nav-link,
#main-nav .dropdown-menu .nav-item.active>a.nav-link,
#main-nav .dropdown-menu .nav-item.open>a.nav-link {
  color: #fff;
}
#main-nav .navbar-nav > li.open > .dropdown-menu {
  display: block;
  top: 100%;
  margin-top: -35px;
  left: 0;
  right: auto;
  opacity: 1;
  z-index: 99999;
}
#main-nav .navbar-nav > li.open > .dropdown-menu .dropdown-menu {
  position: relative;
  background-color: transparent;
  color: inherit;
  border-radius: 0;
  border: 0;
  padding-left: 20px;
  margin-right: -20px;
  margin-bottom: 10px;
}
/* Languages */
#main-nav .langsDropdown.dropdown-menu {
  min-width: 100px;
}
#main-nav .langsDropdown.dropdown-menu .dropdown-item {
  color: #212529;
  background-color: #ddd;
  transition: color 0.3s ease;
}
#main-nav .langsDropdown.dropdown-menu .dropdown-item:hover {
  color: #fff;
  background-color: #109d92;
}
/* Sticky */
#main-nav.compact-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  background: linear-gradient(to bottom,#F4F4F4 0%,rgba(244,244,244,.7) 60%,rgba(244,244,244,0) 100%);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* ============================================================================= */

/* Social ====================================================================== */
.social-container {
  text-align: center;
  padding-top: 20px;
}
.social-container>li {
  display: inline-block;
  padding: 0;
  margin: 0 2px;
  vertical-align: middle;
  margin-top: 2px;
}

.social-container>li>a {
  color: #fff;
  background-color: #119d92;
  text-align: center;
  line-height: 12px;
  font-size: 36px;
  display: inline-block;
  padding: 15px 10px;
  overflow: hidden;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.social-container>li>a:hover { border-radius: 50%; }
/* ============================================================================= */

/* Slideshow =================================================================== */
#main-slideshow {
  padding-top: 130px;
  margin-bottom: 100px;
}
.carousel-indicators .indicator {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255,255,255,.5);
}
.carousel-indicators .indicator.active {
  background-color: rgba(255,255,255,1);
}
.carousel-inner {
  border: 25px solid #fff;
  border-radius: 30px;
  background-color: #fff;
}
#main-slideshow .carousel-inner { overflow: visible; }
#main-slideshow img {
  border-radius: 30px;
}
#main-slideshow .carousel-caption {
  background-color: #109d92;
  border-radius: 20px;
  text-align: left;
  padding: 30px 50px;
  max-width: 50%;
  top: auto;
  bottom: -100px;
  left: 50px;
  right: auto;
}
#main-slideshow .carousel-caption h3,
#main-slideshow .carousel-caption p {
  display: block;
  position: relative;
  color: inherit;
  text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
}
#main-slideshow .carousel-caption h3 {
  font-size: 3.5em;
  margin-top: 0;
  margin-bottom: 10px;
}
#main-slideshow .carousel-caption p {
  font-size: 1.2em;
  margin-bottom: 20px;
  color: inherit;
}
#main-slideshow .carousel-indicators {
  position: absolute;
  right: auto;
  bottom: 20px;
  left: 138px;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
}
#main-slideshow .carousel-indicators li {
  height: 20px;
  width: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid #fff;
  background-color: #fff;
  transition: all 0.3s ease;
}
#main-slideshow .carousel-indicators li.active {
  background-color: #109d92;
}
#main-slideshow .carousel-control-prev,
#main-slideshow .carousel-control-next {
  opacity: 0.9;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: auto;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(../images/chevron.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#main-slideshow .carousel-control-prev {
  transform: rotateZ(-90deg);
  left: 150px;
}
#main-slideshow .carousel-control-next {
  transform: rotateZ(90deg);
  right: 150px;
}
/* ============================================================================= */

/* Premium text ================================================================ */
#premium-text {
  background-color: transparent;
  margin-top: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  font-size: 20px;
}
/* ============================================================================= */

/* Exclusive URLs ============================================================== */
.exclusive-url {
  margin-top: 40px;
  margin-bottom: 40px;
}
.exclusive-url > .url-head {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0;
  height: auto;
  width: 100%;
  border: 20px solid #fff;
  border-radius: 30px;
}
.exclusive-url > .url-head > img {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
}
.exclusive-url > .figure-caption {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px;
  text-align: left;
  color: #545454;
  transition: top 0.5s ease;
}
.exclusive-url:hover > .figure-caption { top: 0; }
.exclusive-url .url-title { text-decoration: none; }
.exclusive-url .url-title > h3 {
  color: #2d2d2d;
  text-decoration: none;
  font-size: 2em;
}

/* Small URLs ---------------------------------------------------------------- */
.exclusive-url.smallUrl {
  flex: 0 0 33.33336%;
  position: relative;
  height: auto;
  overflow: hidden;
}
.exclusive-url.smallUrl > .figure-caption {
  position: absolute;
  top: 50%;
  transform: translateY(200%);
  bottom: auto;
  left: 50px;
  right: 50px;
  padding: 20px;
  width: auto;
  border-radius: 20px;
  background-color: #109d92;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 0.3s ease;
  height: 75px;
  overflow: hidden;
}
.exclusive-url.smallUrl .url-title>h3 {
  color: #fff;
  font-size: 2.7em;
}
.exclusive-url.smallUrl .url-contents {
  font-size: 1.3em;
  opacity: 1;
}

.exclusive-url.smallUrl:hover > .figure-caption {
  transform: translateY(-50%) scale(1);
  height: auto;
}

/* Medium URLs --------------------------------------------------------------- */
.exclusive-url.mediumUrl {
  flex: 0 0 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.exclusive-url.mediumUrl > .url-head,
.exclusive-url.mediumUrl > .figure-caption {
  flex: 0 0 60%;
}
.exclusive-url.mediumUrl > .figure-caption {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0;
  transform: translateY(-50%);
  font-size: 1.3em;
  padding: 10px 50px;
  display: flex;
  height: auto;
  max-width: 70%;
  align-items: center;
  padding: 20px;
  width: auto;
  border-radius: 20px;
  background-color: #109d92;
  color: #fff;
  text-align: center;
}
.exclusive-url.mediumUrl .url-title > h3 {
  position: relative;
  margin-bottom: 20px;
  color: #fff;
}

.exclusive-url.mediumUrl .url-contents { margin-bottom: 30px; }

/* Big URLs ------------------------------------------------------------------ */
.exclusive-url.bigUrl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  margin-bottom: 0;
  flex: auto;
  max-width: 1000%;
  overflow: hidden;
}
.exclusive-url.bigUrl .url-head {
  display: block;
  position: relative;
  flex: 0 0 70%;
}
.exclusive-url.bigUrl .figure-caption {
  display: block;
  position: relative;
  flex: 0 0 28%;
  background-color: #0d8a82;
  padding: 0;
  border-radius: 20px;
}
.exclusive-url.bigUrl .contents-wrapper {
  display: block;
  position: absolute;
  background-color: #109d92;
  color: #fff;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  left: auto;
  right: 250px;
  text-align: center;
  padding: 40px 20px;
  border-radius: 20px;
}
.exclusive-url.bigUrl .url-title > h3 {
  color: #fff;
  position: relative;
  margin-bottom: 0;
  font-size: 3em;
}
.exclusive-url.bigUrl .url-contents {
  margin: 40px auto;
  font-size: 1.4em;
}

/* Expo ------------------------------------------------------------------------ */
#expo-container {
  position: relative;
  overflow: hidden;
  background-color: #119d92;
  margin-top: 40px;
  color: #fff;
}
#expo {
  display: flex;
  flex-direction: row;
  width: auto;
  overflow: hidden;
  margin-left: 0;
  transition: all 0.4s ease;
}

#expo .expoUrl {
  padding: 0 40px;
  flex: 0 0 33.3%;
  transition: all 0.4s ease;
}

#expo .exclusive-url > .url-head {
  height: auto;
  border: 0;
}

#expo .exclusive-url>.figure-caption {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: inherit;
  transition: top 0.5s ease;
}
.exclusive-url .url-title>h3 { color: #fff; }

#expo-container a.next,
#expo-container a.prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  left: auto;
  padding: 13px 20px;
  font-size: 16px;
  background-color: #2d2d2d;
  color: #fff;
  border-radius: 50%;
  opacity: 0.6;
  transition: all 0.3s ease;
}
#expo-container a.next {
  right: -60px;
}
#expo-container a.prev {
  left: -60px;
}
#expo-container:hover a.next {
  right: 50px;
}
#expo-container:hover a.prev {
  left: 50px;;
}
#expo-container a.next:hover, #expo-container a.prev:hover { opacity: 0.8; }
/* ============================================================================= */


/* Articles ==================================================================== */
#recent-articles {
  margin-bottom: 100px;
}
#recent-articles h2 {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 2.5em;
  text-transform: uppercase;
  color: #2d2d2d;
  opacity: 0.7;
  text-align: center;
  font-weight: normal;
  position: relative;
}
.recent-article.figure, #articles-list .article {
  padding: 0 40px;
}
.recent-article.figure:first-of-type, #articles-list .article:first-of-type { padding-left: 0; }
.recent-article.figure:last-of-type, #articles-list .article:last-of-type { padding-right: 0; }
.recent-article img, .article figure img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 20px solid #fff;
  border-radius: 30px;
}
.recent-article figcaption, .article figure > figcaption {
  display: block;
  position: relative;
  background-color: #119d92;
  padding: 20px 40px;
  border-radius: 20px;
  color: #fff;
  margin-top: -100px;
  margin-right: -50px;
  margin-left: 50px;
}
.recent-article figcaption h3, .article figure > figcaption h3 {
  color: #fff;
  text-transform: uppercase;
  margin: 20px auto;
}
.recent-article a, .article a {
  text-decoration: none;
}
.recent-article figcaption a .article figure > figcaption a { text-decoration: none; }
#recent-articles .more-button-container {
  text-align: center;
  margin-top: 40px;
}
.recent-article.figure { flex: 0 0 33.333333%; }

#view-article-content #image-container {
  position: relative;
  padding: 25px;
  background-color: #119d92;
  border-radius: 20px;
  margin-bottom: 20px;
  z-index: 1;
}

#article-image {
  max-width: 45%;
  border-radius: 50px;
  float: right;
  width: auto;
  margin-left: 30px;
  margin-bottom: 30px;
  border-width: 25px;
  border-style: solid;
  border-color: #119d92;
}

#view-article .back-to-catalog.button {
  margin-left: auto;
  margin-right: 120px;
  float: right;
}
#view-article-content.noPicture #article-image { display: none; }

#view-article #text-container {
  position: relative;
  background-color: #fff;
  padding: 50px 150px;
  margin-left: -100px;
  margin-top: 70px;
  z-index: -1;
}
#view-article h2 {
  font-size: 2.7em;
  color: #119d92;
}
body.offers .modal-content {
  background-color: #e6e6e6;
}
.modal-body p { color: #000; }
/* ============================================================================= */


/* More ======================================================================== */
body.more h1#page-title {
  display: inline-block;
  background-color: #119d92;
  color: #fff;
  padding: 10px 30px;
  border-radius: 20px;
}
body.more #more-content {
  background-color: #fff;
  padding: 80px 100px;
  border-radius: 20px;
  margin-top: 20px;
}
/* ============================================================================= */


/* Contact ===================================================================== */
body.contact main { margin-bottom: 0; }
body.contact #contact {
  padding: 0;
}
#contact-content>.row {
  margin: 0;
  align-items: flex-start;
  justify-content: flex-end;
}
body.contact .singlecontact .map-holder {
  height: 400px;
  max-width: 100%;
  flex: 0 0 100%;
  border: 20px solid #fff;
  border-radius: 20px;
  overflow: hidden;
}
body.contact #page-title { order: -1; }
body.contact .contact-details-card .contact-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 40px;
  background-color: #119d92;
  color: #fff;
  border-radius: 20px;
  width: calc(45% - 50px);
  height: auto;
  margin-top: -100px;
  z-index: 999;
}
body.contact .contact-details-card .contact-form-container {
  max-width: 55%;
  flex: 0 0 55%;
}
body.contact .contact-details-card .contact-details {
  text-transform: uppercase;
}
body.contact .contact-details-card .contact-details a {
  color: #fff;
  text-decoration: none;
}
#contact-form {
  max-width: 100%;
}
#contact #contact-form label {
  display: block;
}
.form-control,
#contact #contact-form input[type="text"],
#contact #contact-form input[type="email"],
#contact #contact-form input[type="tel"],
#contact #contact-form textarea,
input[type=date], input[type=datetime-local], input[type=month],
input[type=time] {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  background-color: #fff;
  color: #7b7b7b;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  margin: 2px;
  margin-bottom: 15px;
  border-radius: 0;
}
body.contact #contact-form .col-md-4 {
  max-width: 41.666667%;
  flex: 0 0 41.666667%;
}
body.contact .notes-container {
  max-width: 58.333333%;
  flex: 0 0 58.333333%;
}
#contact-form .notes-container > .form-group { height: 100%; }
#contact #contact-form textarea {
  height: calc(100% - 2.5em);
  min-height: 200px;
}
.form-group.actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
#contact #contact-form .button {
  margin-left: inherit;
  margin-right: inherit;
  margin-top: 0;
}
.g-recaptcha {
  display: inline-block;
}

body.contact #contact-form {
  padding: 40px;
  padding-right: 0;
  width: 100%;
}
/* body.contact #contact-form  > form > div {
  width: 50% !important;
  max-width: 50%;
} */
body.contact .form-control,
body.contact #contact #contact-form input[type="text"],
body.contact #contact #contact-form input[type="email"],
body.contact #contact #contact-form input[type="tel"],
body.contact #contact #contact-form textarea,
body.contact input[type=date], body.contact input[type=datetime-local],
body.contact input[type=month], body.contact input[type=time] {
  padding: 5px;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
}
.form-group.actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
#contact #contact-form .button {
  margin-left: inherit;
  margin-right: inherit;
  margin-top: 20px;
}
body.contact .contact-details > p {
  display: flex;
  align-items: center;
  font-weight: bold;
}
body.contact .contact-details > p > svg { order: -1; }
body.contact .contact-details .icon {
  display: inline-block;
  padding: 12px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.2);
  margin-right: 10px;
}
body.contact .contact-details .cd-title {
  display: block;
  margin-right: 10px;
}

/* Multiple */
#secondary-contacts.row { justify-content: flex-start; }
.secondary-contact {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.secondary-contact > div {
  flex: 0 0 50%;
  max-width: 50%;
}
.secondary-contact > .map-holder { min-height: 200px; }
.secondary-contact.col-md-6 > .col-md-4.contact-details {
  display: flex;
  max-width: 50%;
  flex: 0 0 50%;
  margin-top: 0;
  flex-direction: column;
  justify-content: center;
  background-color: #119d92;
  padding: 15px;
  color: #fff;
  overflow: hidden;
  border-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
#secondary-contacts .contact-details { text-transform: none; }
#secondary-contacts .contact-details > p {
  display: block;
  font-weight: normal;
}

body.contact .contact-details-card .contact-address,
body.contact .contact-details-card .contact-area {
  margin-right: 10px;
}
/* ============================================================================= */

/* Gallery ===================================================================== */
#gallery .image {
  position: relative;
  max-width: 25%;
  flex: 0 0 25%;
  height: 400px;
  overflow: hidden;
  padding: 15px;
}
#gallery .image .figure {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 20px solid #fff;
  background-color: #fff;
  border-radius: 20px;
}
#gallery .image  a.img {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
#gallery .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  max-width: 1000%;
  height: auto;
  opacity: 1;
  transform: translate(-50%,-50%);
  transition: all 0.3s ease;
}
#gallery figure>figcaption {
  display: block;
  position: absolute;
  top: auto;
  bottom: 15px;
  left: 15px;
  right: 15px;
  text-align: center;
  background: #109d92;
  color: #fff;
  padding: 20px;
  border-radius: 20px;
}
#gallery figure>figcaption > p {
  display: block;
  margin-bottom: 0;
  height: 0;
  overflow: hidden;
}
#gallery figure:hover > figcaption > p {
  height: auto;
}
#gallery .image:hover img {
  transform: translate(-50%,-50%) scale(1.1);
}
/* ============================================================================= */

/* Videos ====================================================================== */
#videos-condent .video,
#offers .offer {
  position: relative;
  max-width: 100%;
  flex: 0 0 100%;
  margin-top: 30px;
  margin-bottom: 100px;
  border: 0;
}
.video > .embed-responsive,
#offers .offer .img-container {
  background-color: #fff;
  border: 20px solid #fff;
  border-radius: 20px;
  width: 50%;
}
#offers .offer .img-container {
  display: inline-block;
  position: relative;
  z-index: 9;
}
#offers .offer .img-container > img {
  width: 100%;
  height: auto;
}
.video:nth-of-type(even) >.embed-responsive,
#offers .offer:nth-of-type(even) .img-container {
  margin-right: 0;
  margin-left: auto;
}
#offers .offer:nth-of-type(even) { text-align: right; }

.video iframe,
#offers .offer img {
  border-radius: 20px;
}
#videos-condent .video .video-caption,
#offers .offer .contents,
#offers .offer .card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  top: 80px;
  bottom: -80px;
  right: 0;
  left: 40%;
  padding: 80px;
  padding-left: 200px;
  background-color: #109d92;
  color: #fff;
  border-radius: 20px;
  z-index: -1;
}
#offers .offer:nth-of-type(even) .card-body {
  left: 0;
  right: 40%;
  padding-left: 40px;
  padding-right: 200px;
  align-items: flex-end;
}
#offers .button, #offers .btn { border-radius: 10px; }
#offers .offer > .card {
  background-color: transparent;
  border: none;
}
#offers .offer .card-title {
  text-decoration: none;
  font-size: 2.5em;
  text-transform: uppercase;
}
#offers .offer .offer-price { margin-left: 10px; }
#offers .offer .card-body {
  font-size: 1.2em;
  z-index: 1;
}
#offers .buttons,
#offers .btn {
  display: inline-block;
  flex: 0;
}
#offers .offer .contents {
  font-size: 1.2em;
  z-index: 1
}
#videos-condent .video:nth-of-type(even) .video-caption,
#offers .offer:nth-of-type(even) .contents {
  left: 0;
  right: 40%;
  padding-left: 40px;
  padding-right: 200px;
  align-items: flex-end;
}

#videos-condent .video .video-caption h3,
#offers .offer h3 {
  text-decoration: none;
  font-size: 2.5em;
  text-transform: uppercase;
}
#videos-condent .video .video-caption p {
  font-size: 20px;
}
#videos-condent .video:nth-of-type(even) .video-caption h3,
#videos-condent .video:nth-of-type(even) .video-caption p,
#videos-condent .video:nth-of-type(even) .video-caption h3 {
  text-align: right;
}
#offers .offer .code-title { font-weight: bold; }
#offers .offer .countdown-title {
  text-align: left;
  font-weight: bold;
}
#offers .offer .countdown { width: 100%; }
#offers .offer .countdown .title {
  font-size: .7em;
  background-color: rgba(0,0,0,0.1);
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
}
#offers .button .buttons {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 20px;
  padding-right: 30px;
}
#offers .offer:nth-of-type(even) .buttons {
  text-align: left;
  padding-right: 0;
  padding-left: 30px;
}
/* ============================================================================= */

/* PDF ========================================================================= */
#pdf-content .pdf {
  max-width: 25%;
  flex: 0 0 25%;
  padding-right: 80px;
}
.pdf a.img {
  display: block;
  background-color: #fff;
  border: 20px solid #fff;
  border-radius: 20px;
  position: relative;
  z-index: -1;
}
.pdf a.img img { border-radius: 20px; }
.pdf figcaption {
  background-color: #109d92;
  color: #fff;
  padding: 20px 30px;
  border-radius: 20px;
  margin-top: -80px;
  margin-right: -80px;
  margin-left: 80px;
}
/* ============================================================================= */

#move-top {
  position: fixed;
  padding: 14px 18px;
  background-color: #2d2d2d;
  bottom: 10px;
  right: 10px;
  top: auto;
  left: auto;
  font-size: 0.7em;
  color: #fff;
  cursor: pointer;
  opacity: .5;
  z-index: 99999;
}


/* Search ====================================================================== */
#search-dropdown .dropdown-menu {
  left: auto !important;
  right: 0 !important;
}
/* Search results list */
#searchform-container .open-icon > a:hover,
#searchform-container .close-icon > a:hover {
  color: #2eb3e0;
}
#search-results-list { width: 100%; }
#search-results-list .result .title {
  color: #2eb3e0;
}
/* ============================================================================= */

#banners {
  display: flex;
  position: fixed;
  bottom: 0;
}

#banners > #fixed-banner,
#banners > #second-banner {
  position: relative;
  left: 0!important;
}

#second-banner {
  min-width: 300px;
  max-height: 150px;
  padding: 0!important;
  margin-left: 20px;
}
#second-banner > img {
  display: block!important;
  width: 100%;
  height: 100%;
}

body.more #contact-form input,
body.more #contact-form textarea {
  border: 1px solid #ced4da;
}

body.more #contact-form textarea {
  height: 85%;
}

/* Responsive ================================================================== */
@media all and (min-width: 768px) {
  #premium-text, #exclusiveURLs, #expo-container, #recent-articles,
  body:not(.home) main, .contact-details-card, #contact-form {
    padding-left: 15px;
    padding-right: 15px;
  }
  body:not(.home) .jumbotron.with-header-image {
    margin-left: 0;
    margin-right: 0;
  }
  #expo-container {
    margin-left: -0;
    margin-right: -0;
    flex: 0 0 100%;
  }
}

@media all and (min-width: 1280px) {
  #premium-text, #exclusiveURLs, #recent-articles,
  body:not(.home) main, .contact-details-card, #contact-form {
    padding-left: 20px;
    padding-right: 20px;
  }
  #expo-container {
    padding-left: 50px;
    padding-right: 50px;
  }
  body:not(.home) .jumbotron.with-header-image {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media all and (min-width: 1440px) {
  #premium-text, #exclusiveURLs, #expo-container, #recent-articles,
  body:not(.home) main, .contact-details-card, #contact-form {
    padding-left: 50px;
    padding-right: 50px;
  }
  body:not(.home) .jumbotron.with-header-image {
    margin-left: 50px;
    margin-right: 50px;
  }
  #expo-container {
    margin-left: -50px;
    margin-right: -50px;
    flex: 0 0 calc(100% + 100px);
  }
}

@media all and (min-width: 1920px) {
  #main-nav, #premium-text, #exclusiveURLs, #expo-container, #recent-articles,
  body:not(.home) main, .contact-details-card, #contact-form, #main-slideshow {
    padding-left: 100px;
    padding-right: 100px;
  }
  body:not(.home) .jumbotron.with-header-image {
    margin-left: 100px;
    margin-right: 100px;
  }
  #expo-container {
    margin-left: -100px;
    margin-right: -100px;
    flex: 0 0 calc(100% + 200px);
  }
}
/* ============================================================================= */
@media all and (max-width: 1440px) {
  #main-nav a.nav-link { padding: 10px 15px; }
  #main-slideshow .carousel-control-prev { left: 50px; }
  #main-slideshow .carousel-control-next { right: 50px; }
  #main-slideshow .carousel-indicators { left: 50px; }
  #main-slideshow .carousel-caption { left: 95px; }
  .exclusive-url.smallUrl>.figure-caption {
    transform: translateY(100%);
  }
  .exclusive-url.bigUrl .contents-wrapper { right: 200px; }
  .exclusive-url.bigUrl .url-title>h3 { font-size: 2.7em; }
  .exclusive-url.bigUrl .url-contents { font-size: 1.1em; }
  #expo-container:hover a.prev { left: 25px; }
  #expo-container:hover a.next { right: 25px; }
  #footer h1 { font-size: 2.7em; }
  .social-container>li>a { font-size: 20px; }

  #gallery .image {
    padding: 10px;
    height: 350px;
  }
  #videos-condent .video .video-caption h3,
  #offers .offer .card-title {
    font-size: 2em;
  }
  #videos-condent .video .video-caption {
    padding: 40px;
    padding-left: 200px;
  }
  #videos-condent .video:nth-of-type(even) .video-caption,
  #offers .offer:nth-of-type(even) .contents {
    padding-left: 40px;
    padding-right: 200px;
  }
  #offers .offer .countdown .title { font-size: 0.5em; }
  #videos-condent .video .video-caption h3, #offers .offer h3 { font-size: 2em; }
  #offers .offer .card-text { font-size: 0.8rem; }
  .recent-article.figure, #articles-list .article {
    flex: 0 0 50%;
    max-width: calc(50% - 50px);
  }
  body.contact #contact-form .col-md-4 { padding: 0; }
  body.contact #contact-form .notes-container > .form-group {
    padding-left: 20px;
  }
}

@media all and (max-width: 1280px) {
  #main-nav .nav-item { margin-right: 5px; }
  #main-nav a.nav-link {
    padding: 10px;
    font-size: 0.7em;
  }
  .exclusive-url.smallUrl .url-title > h3,
  .exclusive-url .url-title > h3, .exclusive-url.bigUrl .url-title > h3 {
    font-size: 1.7em;
  }
  .exclusive-url.smallUrl>.figure-caption {
    padding: 15px;
    height: 55px;
    transform: translateY(150%);
  }
  .url-contents, .exclusive-url.mediumUrl .url-contents {
    font-size: 0.9em;
  }
  .exclusive-url.bigUrl .url-contents {
    margin: 20px auto;
  }
  #expo .expoUrl {
    padding: 0 20px;
  }
  #expo-container:hover a.next { right: 15px; }
  #expo-container:hover a.prev { left: 15px; }
  #pdf .pdf {
    max-width: 50%;
    flex: 0 0 50%;
  }
  #view-article #text-container {
    margin-left: -50px;
  }
  #view-article-content #image-container {
    margin-right: -50px;
    margin-left: 50px;
  }
}

@media all and (max-width: 1024px) {
  .button, .btn { font-size: 0.7em; }
  #main-slideshow .carousel-caption { padding: 20px; }
  #main-slideshow .carousel-caption h3 { font-size: 2em; }
  #main-slideshow .carousel-caption p { font-size: 0.9em; }
  .exclusive-url.smallUrl>.figure-caption {
    transform: translateY(100%);
    height: 50px;
  }
  .url-contents, .exclusive-url.mediumUrl .url-contents {
    font-size: .7em;
    margin-bottom: 15px;
  }
  .exclusive-url.smallUrl .url-contents {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .exclusive-url.mediumUrl .url-title > h3 {
    font-size: 1.4em;
    margin-bottom: 10px;
  }
  .recent-article figcaption h3 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 10px;
  }
  #footer h1 {
    font-size: 2em;
  }
  #footer #home-map {
    height: 400px;
  }
  #footer-contact {
    position: relative;
    top: auto;
    transform: translateY(0);
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 800px;
    margin: auto;
  }

  #gallery .image .figure { border-width: 10px; }
  #gallery .image { height: 250px; }
  .video>.embed-responsive, #offers .offer .img-container { border-width: 10px; }
  #videos-condent .video .video-caption,
  #offers .offer .card-body {
    padding: 20px;
    padding-left: 120px;
    right: 15px;
  }
  #videos-condent .video:nth-of-type(even) .video-caption,
  #offers .offer:nth-of-type(even) .contents {
    padding-right: 120px;
    left: 15px;
  }
  #videos-condent .video .video-caption h3, #offers .offer h3 {
    font-size: 1.5em;
  }
  #videos-condent .video .video-caption p, #offers .offer p {
    font-size: 1em;
  }
  .countdown > div { padding: 0 5px; }
  .pdf figcaption { margin-right: -50px; }
  .article figure>figcaption { padding: 20px; }
  .article figure>figcaption h3 { font-size: 1.3em; }
  .article figure > figcaption p { font-size: 0.8em; }
  .recent-article.figure, #articles-list .article { max-width: calc(50% - 20px); }
  body.contact .contact-details>p {
    font-size: 0.8em;
  }
  body.contact .contact-details .icon {
    display: inline-block;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.2);
    margin-right: 10px;
  }
  .contact h1 {
    font-size: 2rem;
  }
  body.contact .contact-details > p:not([class]) span { width: 100%; }
  body.contact #contact #contact-form textarea {
    height: calc(100% - 11em);
  }
  body.contact #contact-form {
    padding: 20px;
  }
}

/* Mobile ====================================================================== */
@media screen and (max-width: 768px) {
  #spacer { display: none; }
  header .contact-info-container .contact-info-section {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  #header-bottom {
    position: relative;
    top: 0;
  }
  .navbar-toggler:not(:disabled):not(.disabled) { border: 0; }
  #main-nav .nav-item {
    flex-direction: column;
    align-items: flex-start;
  }
  #main-nav a.nav-link {
    display: block;
    width: 100%;
  }

  #main-nav.compact-sticky { position: relative; }
  #main-nav.compact-sticky #logo { height: 100px; }
  #main-nav.compact-sticky a.nav-link { padding: 20px 0; }

  #main-slideshow {
    padding-top: 20px;
    margin-bottom: 20px;
  }
  #main-slideshow .carousel-indicators { display: none; }
  #main-slideshow .carousel-caption {
    position: relative;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
  #main-slideshow .carousel-caption p { font-size: 1em; }

  .exclusive-url {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .exclusive-url.smallUrl {
    flex: 0 0 100%;
  }
  .exclusive-url.smallUrl .url-contents { font-size: 1.3em; }
  .exclusive-url.smallUrl>.figure-caption {
    height: auto;
    transform: translateY(-50%);
  }
  .exclusive-url.mediumUrl {
    flex: 0 0 100%;
  }
  .exclusive-url.mediumUrl, .exclusive-url.mediumUrl:nth-of-type(odd) {
    flex-direction: column;
  }
  .exclusive-url.mediumUrl>.figure-caption {
    font-size: 1.4em;
    padding: 10px;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: translateY(0);
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    height: auto;
    flex: auto;
  }
  .exclusive-url.bigUrl {
    display: block;
    position: relative;
    height: auto;
  }
  .exclusive-url.bigUrl .url-head {
    flex: 0 0 100%;
  }
  .bigUrl .contents-wrapper {
    max-width: 100%;
    margin: auto;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: auto;
    transform: translateY(0);
  }
  .exclusive-url.bigUrl .contents-wrapper {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 20px;
    transform: translateY(0);
  }
  .exclusive-url.bigUrl .figure-caption {
    margin: auto;
    margin-top: 20px;
  }
  .recent-article.figure {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
    margin-top: 0;
  }
  .recent-article figcaption {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  #expo .expoUrl {
    flex: 0 0 100%;
  }
  body.home #footer .left {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
  #view-article {
    padding: 15px;
  }
  #view-article h2 {
    font-size: 2em;
  }
  #article-image {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .form-group.actions {
    flex-direction: column;
  }
  .map-holder {
    height: 300px;
  }
  #hero-title {
    margin-top: 10px;
  }
  #gallery .image {
    max-width: 100%;
    flex: 0 0 100%;
    height: 300px;
  }

  .video>.embed-responsive, #offers .offer .img-container {
    max-width: 100%;
  }
  #videos-condent .video .video-caption,
  #offers .offer .contents,
  #videos-condent .video:nth-of-type(even) .video-caption,
  #offers .offer:nth-of-type(even) .contents {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    animation: auto;
    margin: auto;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
  }
  #videos-condent .video:nth-of-type(even) .video-caption h3,
  #videos-condent .video:nth-of-type(even) .video-caption p,
  #videos-condent .video:nth-of-type(even) .video-caption h3 {
    text-align: center;
  }
  #videos-condent .video, #offers .offer {
    margin-bottom: 20px;
  }
  #videos-condent .video .video-caption,
  #offers .offer .card-body {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    padding: 20px;
  }
  #offers .offer:nth-of-type(even) .card-body {
    padding-right: 20px;
  }
  #offers .offer .countdown { width: auto; }
  #pdf .pdf {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 15px;
  }
  .pdf figcaption {
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
  }

  .recent-article.figure, #articles-list .article {
    padding: 15px !important;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .article figure>figcaption {
    padding: 20px;
    margin: auto;
    margin-top: 20px;
  }
  #contact-content>.row {
    display: block;
    margin: auto;
  }
  body.contact .contact-details-card .contact-details {
    text-transform: uppercase;
    width: 100%;
    margin-top: 20px;
  }
  body.contact .contact-details-card .contact-form-container {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 20px;
  }
  body.contact #contact-form>form>div {
    width: 100% !important;
    max-width: 100%;
  }
  body.contact form {
    flex-direction: column-reverse;
  }
  #main-slideshow .carousel-control-prev,
  #main-slideshow .carousel-control-next {
    display: none;
  }
  .exclusive-url>.url-head {
    height: auto;
    flex: auto !important;
  }

  #footer-contact .contact-info-container {
    padding: 20px;
    height: auto;
  }
  #footer .contact-info-section {
    margin-bottom: 20px;
  }
  #footer-contact form>.col-md-8 {
    padding-right: 15px;
    padding-left: 40px;
  }

  #hero-title {
    margin-top: 10px;
    margin: 0;
    border-width: 10px;
  }
  body.more h1#page-title.with-header-image {
    margin: 0;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 2em;
  }
  body.more #more-content {
    padding: 15px;
  }
  body.more main {
    padding: 0;
  }
  body.contact #contact-form .col-md-4 { max-width: 100%; }
  body.contact .notes-container,
  body.contact #contact-form .notes-container > .form-group {
    padding: 0;
  }
  body.contact .secondary-contact {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 767px) {

  #banners {
    z-index: 9999;
    flex-direction: column;
  }
  #second-banner {
    margin-left: 0;
    margin-top: 10px;
  }

  body.home #footer .left {
    padding-left: 0;
    padding-right: 0;
  }
  #footer-contact .contact-info-container .icon {
    margin-right: 0;
  }

  #footer-contact .contact-info-container {
    flex-direction: column;
    padding: 20px;
  }
  body.home #footer-contact form > .col-md-8,
  body.home #basic-contact-fields .form-group {
    padding-right: 10px;
  }
  .video > .embed-responsive,
  #offers .offer .img-container {
    width: 100%;
  }
  #offers .offer .card-title,
  #offers .offer .card-text {
    text-align: center;
  }
  #offers .buttons,
  #offers .btn {
    display: flex;
  }
  #offers .info { margin-right: 5px; }
  #offers .offer .card-body,
  #offers .offer:nth-of-type(even) .card-body {
    margin-top: 20px;
    align-items: center;
  }
  #offers .offer:nth-of-type(even) .buttons {
    padding-left: 0;
  }
  #contact-form form {
    flex-direction: column-reverse;
  }
  #footer-contact form > .col-md-4,
  #footer-contact form>.col-md-8 {
    padding: 0;
    max-width: 100%;
  }
  body.contact .contact-details .cd-title {
    margin-right: 6px;
  }
  body.contact .col-md-6.contact-form-container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 374px) {
  .exclusive-url.smallUrl .url-contents {
    font-size: 13px;
  }
  .g-recaptcha { margin-left: -15px; }
  #offers .buttons,
  #offers .btn {
    flex-direction: column;
  }
  #offers .info { margin-bottom: 5px; }
}

/* ======================== DISPLAY NONE ============================= */
#header-top,.open-icon,.close-icon,#footer .right .contact-info,.offer .inverted,
#footer .right .contactform,.right .logo,#footer form .col-md-12,.recent-article .inverted,
.carousel-control-next-icon,.carousel-control-prev-icon,#pdf-content .inverted,
body.more .right #page-title, .offer .card > img,.offer .card > img + .card-body,
.article .inverted,.singlecontact > .contact-details,.singlecontact + .contactform,
body.contact #footer #page-title,body.contact #contact-form .col-md-12,
body.contact .contact-info,body.contact .social {
  display: none!important;
}

/* ,#contact-content > .container-fluid.justify-content-center */