/* 
	Table of Contents
	update on Tue Nov 14 2023 20:35:27 GMT+0200 (GMT+02:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Required for backgroung images 1920x716 --
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Sidebar ----------------------------------
	     04. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	     02. Card -------------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	     05. List -------------------------------------
	     06. Nav --------------------------------------
	     07. Section ----------------------------------
	     08. Slider -----------------------------------
	     09. Table ------------------------------------
	     10. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; }

details, menu { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { appearance: none; }

textarea { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

table { width: 100%; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

article ul,
article ol,
.article ul,
.article ol  { list-style-type: disc !important; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: white; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 1rem; line-height: 1.2; color: black; }

a { color: inherit; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.6em; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 1499px) {
	html { font-size: 14px; }
}

@media (max-width: 767px) {
	html { font-size: 12px; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* h1,
.h1 { font-size: 26px; } */

@font-face {
  font-family: 'Roboto Regular';
  src: url('../fonts/roboto-regular-webfont.woff') format('woff'),
       url('../fonts/roboto-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Medium';
  src: url('../fonts/roboto-medium-webfont.woff') format('woff'),
       url('../fonts/roboto-medium-webfont.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Bold';
  src: url('../fonts/roboto-bold-webfont.woff') format('woff'),
       url('../fonts/roboto-bold-webfont.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sourceserifpro Regular';
  src: url('../fonts/sourceserifpro-regular-webfont.woff') format('woff'),
       url('../fonts/sourceserifpro-regular-webfont.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

  .header { position: relative; z-index: 500; box-shadow: 0px 4px 5px 1px rgba(0,0,0,.2); }
  .header,
  .navbar-main { background-color: #F4A3C3 !important; }

/* Required for backgroung images 1920x716 */
  .mySwiper2 { position: relative; background-image: url('../css/images/bg1.png'); background-repeat: no-repeat; }
  .mySwiper2.bg2 { background-image: url('../css/images/bg2.png'); transition: 2s linear 0s; }
  .mySwiper2.bg3 { background-image: url('../css/images/bg3.png');transition: 2s linear 0s;  }

  /* .swiper-slide { display: flex; justify-content: center; align-items: center; font-size: 30px; color: red; } */

  .mySwiper { z-index: 500; padding: 0 1rem; }
  .swiper-wrapper { /*width: fit-content; */height: 477px; }
  /* .swiper-wrapper .slider { max-width: fit-content; } */
  /* .swiper-container .swiper-scrollbar { overflow: hidden; bottom: 0; height: 125px; left: 50%; transform: translateX(-50%); width: 1150px; background-color: transparent; } */
  .scroll-background { position: absolute; top: 285px; z-index: 90; }
  .scroll-background .bar { position: absolute; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); bottom: 6%; }
  .swiper-scrollbar-drag { top: -14px; height: 150px; background-color: transparent; background-image: url('../css/images/icon.svg'); background-repeat: no-repeat; background-size: 100px; }
  .scroll-inner .list-group { /*overflow: scroll;*/ position: relative; top: 48px; z-index: 2000; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1rem; }
  /* .scroll-inner .list-group::-webkit-scrollbar{ width: 10px; height: 85px; } */
  
  .swiper-slide-thumb-active { position: relative; color: white; }
  .swiper-slide-thumb-active::before { position: absolute; top: -43px; left: -20px; width: 111px; height: 124px; content: ''; background-image: url('../css/images/icon.svg'); background-repeat: no-repeat; }
  .swiper-wrapper-list { position: relative; left: 50px; bottom: -40px; font-size: 30px; color: #B5A087; line-height: 25px;  }
  .swiper-wrapper-list.active { color: white; }
  .swiper-slide span { position: relative; top: -7px; left: 19px; color: #B5A087; }
  .card { background-color: transparent; border-color: transparent; }
  .card-title { font-family: 'Sourceserifpro Regular', sans-serif; font-size: 10px; color: 10px; }
  .card .card-img-bottom { position: absolute; right: 0; padding: 1rem; }

  @media( min-width: 1199px ) {
    .col-1of5 { -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; }
  }

@media (max-width: 1499px){
  .scroll-background { top: 290px; }
}

@media (max-width: 1460px){
  .swiper-wrapper-list { bottom: -28px; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {  }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header {  }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {  }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {  }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { appearance: none; }

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card {  }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {  }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav {  }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { overflow: hidden; position: relative; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {  }

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {  }

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }