/* Local Fonts */
/***************/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v25-latin-100.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-100.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-100.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-100.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v25-latin-200.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-200.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-200.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-300.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-500.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-600.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-700.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-800.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-900.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-900.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat-v25-latin-100italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-100italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-100italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-100italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-100italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat-v25-latin-200italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-200italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-200italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-200italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-200italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v25-latin-300italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-300italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-300italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-300italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-v25-latin-500italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-500italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-500italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-500italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v25-latin-600italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-600italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-600italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-700italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-v25-latin-800italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-800italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-800italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-latin-900italic.eot');
  src: local(''),
       url('../fonts/montserrat-v25-latin-900italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-900italic.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-900italic.ttf') format('truetype'),
       url('../fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-100.woff') format('woff'),
       url('../fonts/lato-v23-latin-100.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-100.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100italic.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-100italic.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-100italic.woff') format('woff'),
       url('../fonts/lato-v23-latin-100italic.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-100italic.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-300.woff') format('woff'),
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'),
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-regular.woff') format('woff'),
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-italic.woff') format('woff'),
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-700.woff') format('woff'),
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700italic.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'),
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-900.woff') format('woff'),
       url('../fonts/lato-v23-latin-900.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-900.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900italic.eot');
  src: local(''),
       url('../fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-v23-latin-900italic.woff2') format('woff2'),
       url('../fonts/lato-v23-latin-900italic.woff') format('woff'),
       url('../fonts/lato-v23-latin-900italic.ttf') format('truetype'),
       url('../fonts/lato-v23-latin-900italic.svg#Lato') format('svg');
}


/* General */
/***********/
html { font-size: 15px; }
body { font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; color: #666; color: #202020; line-height:25px; width: 100%; overflow-x: hidden; }
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 { line-height: 1.2; font-weight: 400; font-family: 'Montserrat', sans-serif; width:100%; }
h1 { font-size: 3.25rem; font-weight: 800; margin-bottom: 1.2rem; text-transform: uppercase; }
h2 { color: #f49e02; font-size: 2rem; font-weight: 800; text-transform: uppercase; }
h2 span { font-weight: 600; color: #111; position: relative; }
h2 span::before { position: absolute; width: 50px; height: 1px; top: 18px; content: ""; left: -60px; background: #f49e02; }
h3 { font-size: 18px; color: #333; font-weight: 600; }
h4 { font-size: 18px; color: #333; font-weight: 600; }
h5 { color: #444; line-height: 1.5; }
p { font-size: 16px; font-weight: 400; line-height: 30px; color: #666; width:100%; }
a { color:inherit; text-decoration: none; }
.btn.focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; }
a:active, a:hover{ color: #0056b3; }
.hidden { display: none; }
section { padding: 7.5rem 0; }
.padding-bottom { padding-bottom: 7.5rem; }
::selection { background-color: #f49e02; color: #2f3441; }
.no-transition * { transition-timing-function:initial; -moz-transition-timing-function:initial; -webkit-transition-timing-function:initial; -o-transition-timing-function:initial; -ms-transition-timing-function:initial; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; }
.opacity-full { opacity: 1; }
.opacity-1 { opacity: .1; }
.opacity-2 { opacity: .2; }
.opacity-3 { opacity: .3; }
.opacity-4 { opacity: .4; }
.opacity-5 { opacity: .5; }
.opacity-6 { opacity: .6; }
.opacity-7 { opacity: .7; }
.opacity-8 { opacity: .8; }
.opacity-9 { opacity: .9; }
.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-10 { font-size: 10px; }
.font-15 { font-size: 15px; }
.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }
.font-40 { font-size: 40px; }
.font-45 { font-size: 45px; }
.secbg1 { background: #f7f7f79c; }
.secbg2 { background: url(../img/bg-pattern-dot.png) 0 0 repeat !important;}
.btn { -webkit-appearance: initial; overflow: hidden;position: -webkit-sticky; position: sticky; z-index: 2; display:inline-block; font-size: 16px; border:2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform:capitalize; width: auto;font-family: 'Lato', sans-serif; font-weight: bold; -webkit-transition: all .5s ease; -o-transition: all .5s ease !important; transition: all .5s ease !important; }
.btn.btn-blue { background: linear-gradient(148deg, #0097DA 0%, #0077BE 100%); color: white; border: 0; padding: 10px 30px; }
.btn.btn-blue:hover { background: linear-gradient(148deg, #0097DA 0%, #0097DA 100%); }
.btn.btn-blue:hover:after { left: 1rem; color: #fff; -webkit-transform: rotateZ(-360deg); transform: rotateZ(-360deg); }
.btn.btn-blue:after { content: '\f138'; font-family: 'Font Awesome\ 5 Free'; position: relative; left: .5rem; -webkit-transition: all .2s ease; transition: all .2s ease; }
.btn.btn-white { background: #ffffff; border-color: #ffffff; color: #0077BE; }
.btn.btn-white:hover { background: transparent !important; border-color: #ffffff; color: #ffffff !important }
.btn.btn-small { font-size:12px; padding: 4px 1.8em; }
.btn.btn-medium { font-size:16px; padding: 10px 25px; line-height: 1.8em }
.btn.btn-large { font-size:16px;  padding: 10px 30px; line-height: 1.8em; }
.btn.btn-rounded { border-radius: 50px; }
.social-icon:hover{ color:#FFFFFF !important; background: #0056b3 !important; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.shape-bottom { position: absolute; top: auto; bottom: -1px; left: -20px; right: 0; }

/* Scrollbar */
/*************/
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { width: 8px; background:white; border-left: 0 solid white; border-right: 0 solid white; }
::-webkit-scrollbar-thumb { background: #2f3441; width: 0; height: 25%; transition: .5s ease; cursor: pointer; }

/* Layout */
/**********/
.start-img { border: 10px solid white; transform: rotate(-3deg); box-shadow: -5px 7px 8px rgb(0 0 0 / 20%); }
.welcome { height: 800px; z-index: 1; position: relative; }
.welcome h1, .welcome p { color:white; }
.welcome > div.container { position: relative; z-index:2; }
.ueber-uns h2 { margin:0 auto 10px; }
.ueber-uns .ico1 { font-size: 65px; color: #f49e02; margin-left: -20px; padding: 15px; }
.ueber-uns .ico2 { font-size: 65px; color: #f49e02; margin-left: 0px; padding: 15px; }
.ueber-uns .ico3 { font-size: 70px; color: #f49e02; margin-left: 0px; padding: 15px; }
.ueber-uns .wrapper-flex { text-align: center; padding: 1.5rem; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 12%); box-shadow: 0 1px 2px rgb(0 0 0 / 12%); border: 1px solid #f1f1f1; -webkit-transition: .5s ease; transition: .5s ease; cursor: auto; width: 100%; height: 100%; }
.ueber-uns .wrapper-flex h3 { color: #222; margin: 1.7rem 0 .2rem; text-transform: uppercase; font-weight: bold; font-size: 150%; line-height: 150%;  }
.ueber-uns .wrapper-flex h5 { color: #444; line-height: 1.5; font-size: 1.25rem; }
.ueber-uns .wrapper-flex a { padding: 10px 30px; }
.is-items .item { padding-bottom: 1.6rem; }
.is-items .project-single { border-radius: 0 0 8px 8px; position: relative; overflow: hidden; transition: all 0.4s ease; -webkit-box-shadow: 0 4px 12px rgb(0 0 0 / 15%); margin-bottom: 10px; }
.is-items .homes-content { background: #fff !important; padding: 20px 20px !important; }
.is-items .homes-content .fa-map-marker-alt { font-size: 1rem; text-decoration: none; }
.is-items .homes-content a { color: #444; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.is-items .homes-content a:hover { color:#f49e02; }
.is-items .homes-content h3 a { font-size: 1.2rem; font-weight: 600; color: #444; margin-bottom: 3px; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.is-items .homes-content h3 a:hover { color:#f49e02; }
.is-items .homes-price { font-size: 20px !important; font-weight: 500; background: rgb(67 61 60 / 65%); border-radius: 10px; padding: 5px 20px; color: #fff; bottom: 15px; left: 15px; z-index: 1; -webkit-transition: all .5s ease; -o-transition: all .5s ease !important; transition: all .5s ease !important; }
.is-items .homes-price, .is-items .homes-tag { position: absolute; }
.is-items .homes-price:hover { background: rgb(67 61 60 / 80%); }
.is-items .homes-img { position: relative; overflow: hidden; display: block; }
.is-items .project-head { border-radius: 8px 8px 0 0; position: relative; text-align: center; overflow: hidden; }
.is-items .button-effect { opacity: 1; visibility: visible; transform: translateX(0%); position: absolute; text-align: left; bottom: 0; right: 0; z-index: 33; background: transparent; padding: 8px 0px; border-radius: 20px 0 0 0; -webkit-transition: all 0.4s ease; margin-bottom: .7rem; }
.is-items .button-effect .btn { display: inline-block; color: #fff; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin-right: 15px; border-radius: 8px; width: 36px; height: 36px; line-height: 33px; background: rgba(74, 74, 76, 0.7); z-index: 99; }
.is-items .button-effect .btn:hover { background: rgb(67 61 60 / 80%); }
.is-items .footer { border-top: 1px solid #eee; background: none; padding-top: 1rem; font-size: 13px; color: #666; }
.go-up { background: #f49e02; position: fixed; bottom: 1.5rem; right: 1rem; font-size: 1.5rem; font-weight: 500; padding: .9rem; color: #fff; border-radius: 5px; text-decoration: none; z-index: 2000; line-height: 0; display: none; }
.go-up:hover { color: #fff; opacity:0.8; }
.slimga1 { border: 10px solid white; transform: rotate(3deg); box-shadow: -5px 7px 8px rgb(0 0 0 / 20%); }
.slimga2 { border: 10px solid white; transform: rotate(-3deg); box-shadow: -5px 7px 8px rgb(0 0 0 / 20%); }
.align-middle { display: flex; justify-content: center; align-items: center; }
.galimg1, .galimg2, .galimg3 { -webkit-transition: all .5s ease; -o-transition: all .5s ease !important; transition: all .5s ease !important; }
.galimg1:hover, .galimg2:hover, .galimg3:hover { opacity:0.7; }
.galimg1 { border: 10px solid white; transform: rotate(2deg); box-shadow: -2px 2px 10px rgb(0 0 0 / 50%); }
.galimg2 { border: 10px solid white; transform: rotate(-2deg); box-shadow: -2px 2px 10px rgb(0 0 0 / 50%); }
.galimg3 { border: 10px solid white; transform: rotate(4deg); box-shadow: -2px 2px 10px rgb(0 0 0 / 50%); }
#downloads p { margin-bottom:0; }
#downloads h3 span { font-weight: bold; width: 100%; display: inline-block; line-height: 2em; margin-bottom: 10px; }
.mockup { -webkit-transition: all .5s ease; -o-transition: all .5s ease !important; transition: all .5s ease !important; }
.mockup:hover { opacity:0.7; }

/* Header */
/**********/
header a.logo { min-width: 200px; }
header a.logo img { max-width: 200px; vertical-align: sub; width:100%; }
header li { list-style: none; }
.nav-button { margin: 0 .5rem; }
.navbar-top-default { position: absolute; top: 15px; z-index: 99; /* overflow: hidden; */ height: 100px; width: 100%; -webkit-transition: none; -o-transition: none; transition: none; } 
.other-page .navbar-top-default { background-color: #0056b3; }
.header-appear .navbar-top-default { height: 100px; position: fixed; z-index: 99; top: 0; background: #2f3441; -webkit-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); } 
.header-appear .navbar-simple .navbar-nav .nav-link { color: #ffffff; }
.navbar-nav { align-items: center; }
.navbar-top-default #megaone { margin-right: -30px; }
.navbar-simple .navbar-nav .nav-link { font-size: 16px; color: #ffffff; font-weight: 400; text-align: center; padding: 0.5rem 1rem; font-family: 'Lato', sans-serif; }
.nav-box-round .navbar-nav .nav-link { border-radius: 20px; }
.header-appear .nav-box-round .navbar-nav .nav-link.active { background-color: #0056b3; color: #ffffff !important; }
.header-appear .nav-box-round .navbar-nav .nav-link:hover { color: #0056b3; } 
.line:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid rgba(255, 255, 255, 0); bottom: 0; content: " "; display: block; position: relative; -webkit-transition: all 280ms ease-in-out; transition: all 280ms ease-in-out; width: 0; } 
.line:hover:after, .line.active:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-color: #f49e02; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 100%; } 
.header-appear .line:hover:after, .header-appear .line.active:after { border-color: #f49e02; }
.side-menu { width: 100%; position: fixed; right: 0; top: 0; background: #2f3441; z-index: 1032; height: 100vh; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: -o-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; overflow: hidden; } 
.side-menu img { position: absolute; top: 8%; left: 50%; transform: translate(-50%,-50%); max-width: 150px; }
.side-menu .side-nav .navbar-nav { text-align: center; margin-right: 0px; padding-top: 20px; }
.side-menu .side-nav .navbar-nav li a { font-size: 20px; }
.side-footer { text-align: center; }
.side-menu.left { left: 0; right: auto; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.side-menu.before-side { width: 280px; }
.side-menu.side-menu-active, .side-menu.before-side { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.pul-menu .side-menu.side-menu-active { visibility: visible; opacity: 1; }
.side-menu .navbar-brand { margin: 0 0 2.5rem 0; }
#close_side_menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #2f2f2f; -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); display: none; z-index: 1031; opacity: 0.4; } 
.side-menu .btn-close { position: absolute; right: 46px; top: 44px; color: #ffffff; font-size: 30px; cursor: pointer; z-index: 1111; } 
.side-menu .btn-close:hover { -webkit-animation: .8s rotate; animation: .8s rotate; }
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotates {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.sidemenu_btn { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; width: 36px; padding: 6px; margin-right: 1rem; position: absolute; right: 28px; top: 30px; display: inline-block; } 
.sidemenu_btn span { height: 2px; width: 100%; background: #2b2b2b; display: block; }
.sidemenu_btn span:nth-child(2) { margin: 4px 0; }
.sidemenu_btn:hover span { background: #0056b3; }
.sidemenu_btn:hover span:first-child, .sidemenu_btn:hover span:last-child { width: 70%; }
.side-menu .inner-wrapper { padding: 2rem 5rem; height: 100%; position: relative; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pul-menu.pushwrap .side-menu .inner-wrapper { padding: 3.5rem 2.5rem; }
.side-menu .side-nav { margin-bottom: 30px; display: block; }
.side-nav .navbar-nav .nav-item { display: block; margin: 20px 0; padding: 0 !important; opacity: 0; -webkit-transition: all 0.8s ease 500ms; -o-transition: all 0.8s ease 500ms; transition: all 0.8s ease 500ms; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 
.side-nav .navbar-nav .nav-item:first-child { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }
.side-nav .navbar-nav .nav-item:nth-child(2){ -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; }
.side-nav .navbar-nav .nav-item:nth-child(3) {-webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
.side-nav .navbar-nav .nav-item:nth-child(4) { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } 
.side-nav .navbar-nav .nav-item:nth-child(5) { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.side-nav .navbar-nav .nav-item:nth-child(6) { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
.side-nav .navbar-nav .nav-item:nth-child(7) { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; }
.side-nav .navbar-nav .nav-item:nth-child(8) { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.side-nav .navbar-nav .nav-item:nth-child(9) { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s; }
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 
.side-nav .navbar-nav .nav-link { display: inline-table; color: #ffffff; padding: 2px 0 3px 0 !important; font-size: 1.5rem; font-weight: 300; line-height: normal; position: relative; border-radius: 0; text-decoration: none; }
.side-nav .navbar-nav .nav-link::after { content: ""; position: absolute; background: #f49e02; display: inline-block; width: 20px; height: 4px; bottom: 0; left: 0; overflow: hidden; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0, 0, 0.2, 1); } 
.side-nav .navbar-nav .nav-link:hover::after, .side-nav .navbar-nav .nav-link:focus::after, .side-nav .navbar-nav .nav-link.active::after { width: 100%; } 
.side-nav .navbar-nav .nav-link.active { background: transparent; }
.side-menu p { margin-top: .5rem; margin-bottom: 0; }
.social-icons-simple { margin-bottom: 0; margin-left: -10px; }
.social-icons-simple li { display: inline-block; }
.social-icons-simple li a { font-size: 16px; justify-content: center; color: #ffffff; height: 46px; line-height: 38px; width: 46px; border-radius: 50%; position: relative; overflow: hidden; align-items: center; display: flex; } 
@-webkit-keyframes animationFade {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes animationFade {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
.side-menu .side-footer p { color: #ffffff; }
.push-slider-up { margin-top: 100vh; }
.navigation-toggle span { width: 25px; background-color: #ffffff; height: 2px; display: block; margin-top: 3px; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; margin-left: auto; margin-right: auto; -webkit-animation: .8s zoomIn; animation: .8s zoomIn; }
.header-appear  .navigation-toggle span { background-color: #ffffff; }
.header-appear  .navigation-toggle:hover span { background-color: #0056b3; }
.side-menu .mega-title { position: absolute; top: 35%; left: 0; transform: translate(-50%,-50%); color: #3e4452; opacity: 0.5; width: 100%; text-align: center; font-family: 'Montserrat', sans-serif; animation: scale .6s alternate infinite linear both; }
.side-menu .mega-title h2 { font-size: 120px; }
.nav-item:hover .mega-title h2 { opacity: .03; }
.animation-effect { -webkit-animation: .6s slideInDown; animation: .6s zoomIn; }
.cursor-change { cursor: none; }
@keyframes scale {
    from { transform: translateY(0); }
    to { transform: translateY(-10px) }
}
.inner-mega-title { color:#474d5d; }

/* Footer */
/**********/
footer .top-footer { background: #2f3441; color: #333; padding: 6rem 0; border-top: 1px solid #e5e5e5; }
footer p { font-weight: 400; color: rgba(245, 255, 255, 0.8); line-height: 26px; }
footer ul { list-style: none; padding: 0; margin: 0; }
footer ul li { margin-bottom: 1.1rem; }
footer ul li .fa, footer ul li .fas { font-size: 1rem; color: #fff; }
footer h3 { color: #fff; margin-top: 18px; margin-bottom: 34px; }
footer h3::after { background: #63ab22; display: block; height: 3px; font-weight: bold; content: " "; width: 50px; margin-top: .5rem; margin-bottom: 1.5rem; }
footer .logo img { width: 180px; height: auto; margin-bottom: 1.6rem; }
footer .info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .6rem; }
footer .info p { margin: 0px; font-size: 15px; color: rgba(245, 255, 255, 0.8); margin-left: 1rem; font-weight: 400; line-height: 1.5em !important; }
.second-footer { padding: 33px 0; background: #232733; border-top: 1px solid rgba(245, 255, 255, 0.1); color: #fff; } 
.second-footer p { margin: 0; font-weight: 400; width:auto; }
.second-footer a { color: #97bf0e; text-decoration: none; background-color: transparent; }
.second-footer a:hover { color: #f49e02; text-decoration: none; }
.second-footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; }

/* Testimonials */
/****************/
.testimonials .title-style h2, .testimonials .title-style p { color: #f49e02; }
.testimonials .title-style span { color: #000; }
.testimonials .title-icon:before { content: ""; width: 100px; height: 2px; background: #121B22; position: absolute; top: 14px; left: -80px; }
.testimonials .title-icon:after { content: ""; width: 100px; height: 2px; background: #121B22; position: absolute; top: 14px; right: -80px; }
.testimonials .title-icon i { color: #f49e02; font-size: 1.8rem; margin-top: 1px; }
.testimonials .owl-carousel .test-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.testimonials .test-1 img { width: 90px; border-radius: 50%; margin: 0 auto; }
.testimonials .test-1 p { text-align: center; font-weight: 400; font-style: italic; margin: .3rem auto 0; color: #666; }
.testimonials .test-1 p::before { font-family: 'Font Awesome\ 5 Free'; content: '\f10d'; font-size: 1.2rem; left: 136px; top: -24px; position: relative; color: #f49e02; }
.testimonials .test-1 p::after { font-family: 'Font Awesome\ 5 Free'; bottom: 4px; content: '\f10e'; font-size: .7rem; color: #fff; right: -6px; top: 0px; position: relative; color: #fff; }
.testimonials .test-1 h3 { text-align: center; font-size: 1.2rem; margin-bottom: .8rem; font-weight: 600; }
.testimonials .test-1 h6 { text-align: center; font-weight: 400; margin-bottom: 0px; color: #000; line-height: 2em; }
.testimonials .test-1 p::before { font-family: 'Font Awesome\ 5 Free'; content: '\f10d'; font-size: 1.2rem; left: 236px; top: -24px; position: relative; color: #F49E00; }
.owl-dots { text-align: center; margin-top: 1.3rem; line-height: 0; }
.owl-dot { border-radius: 50px; height: 10px; width: 10px; display: inline-block; background: #121B22 !important; margin-left: 5px; margin-right: 5px; }
.owl-dot.active { background: #f49e02 !important; }
.starts { list-style: none; margin-top: .4rem; padding: 0px; }
.starts li { text-align: center; display: inline-block; margin-bottom: 1.8rem; }
.starts .fa { color: #f49e02 !important; }
.owl2 .owl-item { min-height: 110px; display: flex; justify-content: center; align-items: center; }
.owl2 .owl-item img { -webkit-transition:opacity 500ms ease-out; -moz-transition:opacity 500ms ease-out; -o-transition:opacity 500ms ease-out; transition:opacity 500ms ease-out; }
.owl2 .owl-item img:hover { opacity:0.5; }
@media screen and (max-width: 767px) { 
  .testimonials .test-1 p::before { left: 190px !important; }
}
@media screen and (max-width: 414px) { 
  .testimonials .test-1 p::before { left: 135px !important; }
}
@media screen and (max-width: 360px) { 
  .testimonials .test-1 p::before { left: 105px !important; }
}

/* Media Queries */
/*****************/
@media (min-width: 1800px) {
    .side-nav .navbar-nav .nav-item { margin: 30px 0; }
    .side-menu .btn-close { right: 50px; }
}
@media screen and (max-width: 1550px) {
    #vid { position: absolute; right: 0; left: 0; width: 1530px !important; }
}
@media (max-width: 1280px) and (min-width: 992px) {
	header a.logo img { max-width: 150px; }
	.navbar-simple .navbar-nav .nav-link { font-size: 15px; }
    .navbar-simple .navbar-nav .nav-link { padding: 0.5rem 0.5rem; }
    .navbar-simple .btn.btn-large { font-size: 13px; padding: 5px 10px; line-height: 1.8em; }
    .sidemenu_btn { right: -4px; }
    .navbar .container { max-width: 930px; }
    .welcome > div.container { max-width: 1024px; }
}
@media (max-width: 1280px) and (min-width: 992px) {
    .side-menu .side-nav .navbar-nav li a { font-size: 30px; }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .navbar-top-default { background: #2f3441; top: 0; }
    .navigation-toggle span { background-color: #ffffff; }
    .side-menu .btn-close { right: 48px; top: 32px; }
    .side-menu .side-nav .navbar-nav li a { font-size: 22px; }
    .get-started-btn { margin: 40px; }
    .nav-pills .nav-link  { padding: .8rem 1.5rem; }
    .h1, h1 { font-size: 1.5rem; }
    #content-leistungen img { max-height:400px; }
    #content-leistungen div { text-align:center; }
    #content-leistungen p, #content-leistungen ul { text-align:left; }
    .slimga1, .slimga2 { margin-top:30px; }
}
@media screen and (max-width: 767px) {
    .font-10 { font-size: 10px; }
    .font-15 { font-size: 12px; }
    .font-14 { font-size: 14px; }
    .font-16 { font-size: 16px; }
    .font-18 { font-size: 16px; }
    .font-20 { font-size: 16px; }
    .font-22 { font-size: 22px; }
    .font-24 { font-size: 24px; }
    .font-40 { font-size: 28px; }
    .font-45 { font-size: 45px; }
    .tp-caption > .font-18 { font-size: 14px; }
    .navbar-top-default { background: #2f3441; top: 0; height: 85px; }
    .header-appear .navbar-top-default { height: 80px; }
    .navigation-toggle span { background-color: #ffffff; }
    .side-menu .mega-title { display: none; }
    .side-nav .navbar-nav .nav-item { margin: 18px 0; }
    .side-footer p { font-size: 14px; }
    .side-menu .side-nav .navbar-nav li a { font-size: 18px; }
    .sidemenu_btn { right: 8px; top: 25px; }
    .side-menu .btn-close { right: 26px; top: 28px; }
    .tp-caption > .font-40 { font-size: 35px; }
    .side-menu .mega-title h2 { font-size: 54px; }
    .side-menu .mega-title { animation: none; left: 50%; }
    .side-menu .side-nav .navbar-nav .get-started-btn a { font-size: 12px; } 
    .quote-content { padding: 30px 20px; margin: 0; }
    .quote-content #quote_submit_btn { margin-bottom: 0; }
    .quote-content .form-check { padding: 10px 0 40px 0; }
    .get-started-btn { margin-top: 20px; }
    .nav-pills .nav-link { padding: .6rem 1.4rem; }
    .welcome { height:auto; }
    .welcome .container { padding:0 35px; max-width:inherit; }
    .welcome .container .welcome-intro > div { padding-left:0 !important; text-align:center; }
    .welcome .keyvisual { text-align:center; }
    .welcome .keyvisual img { max-height:450px; }
    #vid { width: 1980px !important; }    
    .h1, h1 { font-size: 1.5rem; }
    #content-leistungen img { max-height:400px; }
    #content-leistungen div { text-align:center; }
    #content-leistungen p, #content-leistungen ul { text-align:left; }
    .slimga1, .slimga2 { margin-top:30px; }
    #downloads > div > div > div:nth-child(2) > h3, #downloads > div > div > div:nth-child(3) > h3 { margin-top:25px; }
    .second-footer .container { display: inline-block; text-align: center; max-width: inherit; padding: 0px 70px; }
}
@media (max-width: 575.98px) {
	h2 { font-size: 1.5rem; }
    .side-nav .navbar-nav .nav-item { margin: 12px 0; }
    .side-menu .mega-title h2 { font-size: 48px; }
    .side-footer p { font-size: 10px; line-height: 1rem; }
    #downloads > div > div > div:nth-child(2) > h3, #downloads > div > div > div:nth-child(3) > h3 { margin-top:25px; }
}
@media (max-width: 320px) {
	h2 { font-size: 1.5rem; }
    .side-menu .side-nav .navbar-nav .get-started-btn a { font-size: 8px; }
    .quote-content .fancybox-close-small { right: 6px; }
    .get-started-btn { margin: 0; }
}

/**
* Slick Modals - HTML5 and CSS3 Powered Modal Popups
* ---------------------------------------------------
* @file      Defines plugin styles
* @author    Capelle @ Codecanyon
* @copyright @author
* @version   5.0
* @url       https://codecanyon.net/item/slick-modal-css3-powered-popups/12335988
*/

.sm-wrapper * { box-sizing: border-box; }
[data-sm-init="true"] { display: none; }
.sm-wrapper, .sm-wrapper .sm-overlay, .sm-wrapper .sm-popup { position: fixed; top: 0; left: 0; }
.sm-wrapper { display: none; z-index: 99999997; }
.sm-wrapper .sm-overlay { top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: 99999998; }
.sm-wrapper .sm-popup { z-index: 99999999; }
.sm-sticky-button { position: fixed; top: 30px; left: 30px; background: #333; font-size: 12px; font-weight: 700; color: #fff; padding: 8px 20px; cursor: pointer; z-index: 99999996; }
.sm-sticky-button:hover { opacity: .8; }
.sm-wrapper .sm-popup .sm-draggable { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 30px; background: transparent; cursor: move; -webkit-user-select: none; user-select: none; z-index: 998; }
.sm-wrapper [data-sm-close="true"] { cursor: pointer; }
body.sm-pageAnimated > *:not(.sm-wrapper) { pointer-events: none; }
.sm-wrapper .sm-popup > div:after { content: ''; display: block; clear: both; }
.sm-wrapper .sm-popup[data-sm-position*="enter"] { left: 0; right: 0; }
.sm-wrapper .sm-popup[data-sm-position*="eft"] { left: 0; right: auto; }
.sm-wrapper .sm-popup[data-sm-position*="ight"] { left: auto; right: 0; }
.sm-wrapper .sm-popup[data-sm-position*="top"] { top: 0; bottom: auto; }
.sm-wrapper .sm-popup[data-sm-position*="bottom"] { top: auto; bottom: 0; }
.sm-wrapper .sm-popup[data-sm-position="center"], .sm-wrapper .sm-popup[data-sm-position="left"], .sm-wrapper .sm-popup[data-sm-position="right"] { top: 0; bottom: 0; }
.sm-wrapper div[data-sm-animated="true"] { animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: both; animation-direction: normal; backface-visibility: hidden; transform-style: preserve-3d; }
.sm-wrapper.sm-active div[data-sm-effect="zoomIn"] { animation-name: sm-zoomIn; }
.sm-wrapper div[data-sm-effect="zoomIn"] { animation-name: sm-zoomIn-out; }
@keyframes sm-zoomIn { 
    0% { opacity: 0; transform: scale(0.7); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-zoomIn-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: scale(0.7); }
}
.sm-wrapper.sm-active div[data-sm-effect="zoomOut"] { animation-name: sm-zoomOut; }
.sm-wrapper div[data-sm-effect="zoomOut"] { animation-name: sm-zoomOut-out; }
@keyframes sm-zoomOut { 
    0% { opacity: 0; transform: scale(1.3); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-zoomOut-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: scale(1.3); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideTop"] { animation-name: sm-slideTop; }
.sm-wrapper div[data-sm-effect="slideTop"] { animation-name: sm-slideTop-out; }
@keyframes sm-slideTop { 
    0% { opacity: 0; transform: translateY(-25%); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideTop-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: translateY(-25%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideBottom"] { animation-name: sm-slideBottom; }
.sm-wrapper div[data-sm-effect="slideBottom"] { animation-name: sm-slideBottom-out; }
@keyframes sm-slideBottom { 
    0% { opacity: 0; transform: translateY(25%); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideBottom-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: translateY(25%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideRight"] { animation-name: sm-slideRight; }
.sm-wrapper div[data-sm-effect="slideRight"] { animation-name: sm-slideRight-out; }
@keyframes sm-slideRight { 
    0% { opacity: 0; transform: translateX(25%); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideRight-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: translateX(25%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideLeft"] { animation-name: sm-slideLeft; }
.sm-wrapper div[data-sm-effect="slideLeft"] { animation-name: sm-slideLeft-out; }
@keyframes sm-slideLeft { 
    0% { opacity: 0; transform: translateX(-25%); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideLeft-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: translateX(-25%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideInTop"] { animation-name: sm-slideInTop; }
.sm-wrapper div[data-sm-effect="slideInTop"] { animation-name: sm-slideInTop-out; }
@keyframes sm-slideInTop { 
    0% { opacity: 0; transform: scale(.8) translateY(-30%); }
    50% { opacity: 1; transform: scale(.8) translateY(0); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideInTop-out { 
    0% { opacity: 1; transform: none; }
    50% { opacity: 1; transform: scale(.8) translateY(0); }
    100% { opacity: 0; transform: scale(.8) translateY(-30%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideInBottom"] { animation-name: sm-slideInBottom; }
.sm-wrapper div[data-sm-effect="slideInBottom"] { animation-name: sm-slideInBottom-out; }
@keyframes sm-slideInBottom { 
    0% { opacity: 0; transform: scale(.8) translateY(30%); }
    50% { opacity: 1; transform: scale(.8) translateY(0); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideInBottom-out { 
    0% { opacity: 1; transform: none; }
    50% { opacity: 1; transform: scale(.8) translateY(0); }
    100% { opacity: 0; transform: scale(.8) translateY(30%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideInRight"] { animation-name: sm-slideInRight; }
.sm-wrapper div[data-sm-effect="slideInRight"] { animation-name: sm-slideInRight-out; }
@keyframes sm-slideInRight { 
    0% { opacity: 0; transform: scale(.8) translateX(30%); }
    50% { opacity: 1; transform: scale(.8) translateX(0); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideInRight-out { 
    0% { opacity: 1; transform: none; }
    50% { opacity: 1; transform: scale(.8) translateX(0); }
    100% { opacity: 0; transform: scale(.8) translateX(30%); }
}
.sm-wrapper.sm-active div[data-sm-effect="slideInLeft"] { animation-name: sm-slideInLeft; }
.sm-wrapper div[data-sm-effect="slideInLeft"] { animation-name: sm-slideInLeft-out; }
@keyframes sm-slideInLeft { 
    0% { opacity: 0; transform: scale(.8) translateX(-30%); }
    50% { opacity: 1; transform: scale(.8) translateX(0); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-slideInLeft-out { 
    0% { opacity: 1; transform: none; }
    50% { opacity: 1; transform: scale(.8) translateX(0); }
    100% { opacity: 0; transform: scale(.8) translateX(-30%); }
}
.sm-wrapper.sm-active div[data-sm-effect="rotateIn"] { animation-name: sm-rotateIn; }
.sm-wrapper div[data-sm-effect="rotateIn"] { animation-name: sm-rotateIn-out; }
@keyframes sm-rotateIn { 
    0% { opacity: 0; transform: rotate(720deg) scale(0.5); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-rotateIn-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: rotate(720deg) scale(0.5); }
}
.sm-wrapper.sm-active div[data-sm-effect="rotateOut"] { animation-name: sm-rotateOut; }
.sm-wrapper div[data-sm-effect="rotateOut"] { animation-name: sm-rotateOut-out; }
@keyframes sm-rotateOut { 
    0% { opacity: 0; transform: rotate(720deg) scale(1.4); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-rotateOut-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: rotate(720deg) scale(1.4); }
}
.sm-wrapper.sm-active div[data-sm-effect="flipInX"] { animation-name: sm-flipInX; }
.sm-wrapper div[data-sm-effect="flipInX"] { animation-name: sm-flipInX-out; }
@keyframes sm-flipInX { 
    0% { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; }
    40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; }
    60% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
    80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    100% { transform: perspective(400px); }
}
@keyframes sm-flipInX-out { 
    0% { transform: perspective(400px); }
    20% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    40% { opacity: 1; transform: perspective(400px) rotate3d(1, 0, 0, 10deg); }
    60% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; }
    100% { opacity: 0; transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; }
}
.sm-wrapper.sm-active div[data-sm-effect="flipInY"] { animation-name: sm-flipInY; }
.sm-wrapper div[data-sm-effect="flipInY"] { animation-name: sm-flipInY-out; }
@keyframes sm-flipInY { 
    0% { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; }
    40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; }
    60% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, 10deg); }
    80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% { transform: perspective(400px); }
}
@keyframes sm-flipInY-out { 
    0% { transform: perspective(400px); }
    20% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    40% { opacity: 1; transform: perspective(400px) rotate3d(0, 1, 0, 10deg); }
    60% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transition-timing-function: ease-in; }
    100% { opacity: 0; transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transition-timing-function: ease-in; }
}
.sm-wrapper.sm-active div[data-sm-effect="swingTop"] { animation-name: sm-swingTop; }
.sm-wrapper div[data-sm-effect="swingTop"] { animation-name: sm-swingTop-out; transform-origin: top center; }
@keyframes sm-swingTop { 
    0% { opacity: 0; transform: perspective(300px) rotateX(-90deg); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-swingTop-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: perspective(300px) rotateX(-90deg); }
}
.sm-wrapper.sm-active div[data-sm-effect="swingBottom"] { animation-name: sm-swingBottom; }
.sm-wrapper div[data-sm-effect="swingBottom"] { animation-name: sm-swingBottom-out; transform-origin: bottom center; }
@keyframes sm-swingBottom { 
    0% { opacity: 0; transform: perspective(300px) rotateX(90deg); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-swingBottom-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: perspective(300px) rotateX(90deg); }
}
.sm-wrapper.sm-active div[data-sm-effect="swingRight"] { animation-name: sm-swingRight; }
.sm-wrapper div[data-sm-effect="swingRight"] { animation-name: sm-swingRight-out; transform-origin: center right; }
@keyframes sm-swingRight { 
    0% { opacity: 0; transform: perspective(200px) rotateY(-90deg); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-swingRight-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: perspective(200px) rotateY(-90deg); }
}
.sm-wrapper.sm-active div[data-sm-effect="swingLeft"] { animation-name: sm-swingLeft; }
.sm-wrapper div[data-sm-effect="swingLeft"] { animation-name: sm-swingLeft-out; transform-origin: center left; }
@keyframes sm-swingLeft { 
    0% { opacity: 0; transform: perspective(200px) rotateY(90deg); }
    100% { opacity: 1; transform: none; }
}
@keyframes sm-swingLeft-out { 
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: perspective(200px) rotateY(90deg); }
}
.sm-wrapper.sm-active div[data-sm-effect="flash"] { animation-name: sm-flash; }
@keyframes sm-flash { 
    0%, 40%, 80% { opacity: 0; }
    20%, 60%, 100% { opacity: 1; }
}
.sm-wrapper.sm-active div[data-sm-effect="pulse"] { animation-name: sm-pulse; }
@keyframes sm-pulse { 
    0% { opacity: 0; }
    25% { opacity: 1; }
    25%, 75% { transform: scale(1.05); }
    0%, 50%, 100% { transform: none; }
}
.sm-wrapper.sm-active div[data-sm-effect="rubberBand"] { animation-name: sm-rubberBand; }
@keyframes sm-rubberBand { 
    0% { opacity: 0; transform: scale3d(1, 1, 1); }
    30% { opacity: 1; transform: scale3d(1.25, 0.75, 1); }
    40% { transform: scale3d(0.75, 1.25, 1); }
    50% { transform: scale3d(1.15, 0.85, 1); }
    65% { transform: scale3d(.95, 1.05, 1); }
    75% { transform: scale3d(1.05, .95, 1); }
    100% { transform: scale3d(1, 1, 1); }
}
.sm-wrapper.sm-active div[data-sm-effect="shake"] { animation-name: sm-shake; }
@keyframes sm-shake { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    0%, 100% { transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); }
}
.sm-wrapper.sm-active div[data-sm-effect="swing"] { animation-name: sm-swing; transform-origin: top center; }
@keyframes sm-swing { 
    0% { opacity: 0; }
    20% { opacity: 1; transform: rotate3d(0, 0, 1, 15deg); }
    40% { transform: rotate3d(0, 0, 1, -10deg); }
    60% { transform: rotate3d(0, 0, 1, 5deg); }
    80% { transform: rotate3d(0, 0, 1, -5deg); }
    100% { transform: rotate3d(0, 0, 1, 0deg); }
}
.sm-wrapper.sm-active div[data-sm-effect="tada"] { animation-name: sm-tada; }
@keyframes sm-tada { 
    0% { opacity: 0; transform: scale3d(1, 1, 1); }
    10% { opacity: 1; }
    10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% { transform: scale3d(1, 1, 1); }
}
.sm-wrapper.sm-active div[data-sm-effect="wobble"] { animation-name: sm-wobble; }
@keyframes sm-wobble { 
    0% { opacity: 0; transform: none; }
    15% { opacity: 1; transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    100% { transform: none; }
}
.sm-wrapper.sm-active div[data-sm-effect="bounce"] { animation-name: sm-bounce; transform-origin: center bottom; }
@keyframes sm-bounce { 
    0% { opacity: 0; }
    20% { opacity: 1; }
    0%, 20%, 53%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); }
    40%, 43% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); }
    70% { transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); }
    90% { transform: translate3d(0,-4px,0); }
}
.sm-wrapper.sm-active div[data-sm-effect="bounceIn"] { animation-name: sm-bounceIn; }
@keyframes sm-bounceIn { 
    0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; transform: scale3d(.3, .3, .3); }
    20% { transform: scale3d(1.1, 1.1, 1.1); }
    40% { transform: scale3d(.9, .9, .9); }
    60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
    80% { transform: scale3d(.97, .97, .97); }
    100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
.sm-wrapper.sm-active div[data-sm-effect="bounceInUp"] { animation-name: sm-bounceInUp; }
@keyframes sm-bounceInUp { 
    0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; transform: translate3d(0, 3000px, 0); }
    60% { opacity: 1; transform: translate3d(0, -20px, 0); }
    75% { transform: translate3d(0, 10px, 0); }
    90% { transform: translate3d(0, -5px, 0); }
    100% { transform: translate3d(0, 0, 0); }
}
.sm-wrapper.sm-active div[data-sm-effect="bounceInDown"] { animation-name: sm-bounceInDown; }
@keyframes sm-bounceInDown { 
    0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
    60% { opacity: 1; transform: translate3d(0, 25px, 0); }
    75% { transform: translate3d(0, -10px, 0); }
    90% { transform: translate3d(0, 5px, 0); }
    100% { transform: none; }
}
.sm-wrapper.sm-active div[data-sm-effect="bounceInRight"] { animation-name: sm-bounceInRight; }
@keyframes sm-bounceInRight { 
    0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; transform: translate3d(3000px, 0, 0); }
    60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
    75% { transform: translate3d(10px, 0, 0); }
    90% { transform: translate3d(-5px, 0, 0); }
    100% { transform: none; }
}
.sm-wrapper.sm-active div[data-sm-effect="bounceInLeft"] { animation-name: sm-bounceInLeft; }
@keyframes sm-bounceInLeft { 
    0%, 60%, 75%, 90%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
    60% { opacity: 1; transform: translate3d(25px, 0, 0); }
    75% { transform: translate3d(-10px, 0, 0); }
    90% { transform: translate3d(5px, 0, 0); }
    100% { transform: none; }
}
.sm-wrapper.sm-active div[data-sm-effect="unFold"] { animation-name: sm-unFold; }
.sm-wrapper div[data-sm-effect="unFold"] { animation-name: sm-unFold-out; }
@keyframes sm-unFold { 
    0% { transform: scaleY(.01) scaleX(0); }
    50% { transform: scaleY(.01) scaleX(1); }
    100% { transform: scaleY(1) scaleX(1); }
}
@keyframes sm-unFold-out { 
    0% { transform: scaleY(1) scaleX(1); }
    50% { transform: scaleY(.01) scaleX(1); }
    100% { transform: scaleY(.01) scaleX(0); }
}
.sm-wrapper.sm-active div[data-sm-effect="flowIn"] { animation-name: sm-flowIn; }
.sm-wrapper div[data-sm-effect="flowIn"] { animation-name: sm-flowIn-out; }
@keyframes sm-flowIn { 
    0% { opacity: 0; border-radius: 200px; transform: scale(0.6); }
    50% { opacity: 1; }
    100% { transform: scale(1); }
}
@keyframes sm-flowIn-out { 
    0% { transform: scale(1); }
    50% { opacity: 1; }
    100% { opacity: 0; border-radius: 200px; transform: scale(0.6); }
}
.sm-wrapper.sm-active div[data-sm-effect="fadeIn"] { animation-name: sm-fadeIn; }
@keyframes sm-fadeIn { 
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.sm-wrapper div[data-sm-effect="fadeIn"], .sm-wrapper div[data-sm-effect="flash"], .sm-wrapper div[data-sm-effect="pulse"], .sm-wrapper div[data-sm-effect="rubberBand"], .sm-wrapper div[data-sm-effect="shake"], .sm-wrapper div[data-sm-effect="swing"], .sm-wrapper div[data-sm-effect="tada"], .sm-wrapper div[data-sm-effect="wobble"], .sm-wrapper div[data-sm-effect*="bounce"] { animation-name: sm-fadeIn-out; }
@keyframes sm-fadeIn-out { 
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.sm-wrapper .sm-button { position: absolute; z-index: 999; }
.sm-wrapper .sm-button, .sm-wrapper .sm-button:before, .sm-wrapper .sm-button:after { transition: all .1s ease; }
.sm-wrapper .sm-button[data-sm-button-align="right"][data-sm-button-place="inside"] { right: 12px; }
.sm-wrapper .sm-button[data-sm-button-align="right"][data-sm-button-place="outside"] { right: 0; }
.sm-wrapper .sm-button[data-sm-button-align="left"][data-sm-button-place="inside"] { left: 12px; }
.sm-wrapper .sm-button[data-sm-button-align="left"][data-sm-button-place="outside"] { left: 0; }
.sm-wrapper .sm-button[data-sm-button-place="inside"] { top: 12px; }
.sm-wrapper .sm-button[data-sm-button-place="outside"] { top: -28px; }
.sm-wrapper .sm-button[data-sm-button-style*="cancel"] { width: 24px; height: 24px; }
.sm-wrapper .sm-button[data-sm-button-style*="cancel"][data-sm-button-place="outside"] { margin-top: -6px; }
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:before, .sm-wrapper .sm-button[data-sm-button-style*="cancel"]:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 80%; height: 2px; margin: auto; transform-origin: center; }
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:before { transform: rotate(45deg); }
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:after { transform: rotate(-45deg); }
.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="inside"]:before, .sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="inside"]:after, .sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="inside"], .sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="outside"]:before, .sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="outside"]:after { background: #111; }
.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="outside"]:before, .sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="outside"]:after, .sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="outside"], .sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="inside"]:before, .sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="inside"]:after { background: #fff; }
.sm-wrapper .sm-button:not([data-sm-button-style*="label"]) { opacity: .5; }
.sm-wrapper .sm-button:not([data-sm-button-style*="label"]):hover { opacity: 1; }
.sm-wrapper .sm-button[data-sm-button-style*="text"]:after { content: attr(data-sm-button-text); font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
.sm-wrapper .sm-button[data-sm-button-style*="circle"] { border-radius: 50%; }
.sm-wrapper .sm-button[data-sm-button-style*="text simple"] { font-size: 11px; }
.sm-wrapper .sm-button[data-sm-button-style*="text simple"][data-sm-button-place="inside"]:after { color: #111; }
.sm-wrapper .sm-button[data-sm-button-style*="text simple"][data-sm-button-place="outside"]:after { color: #fff; }
.sm-wrapper .sm-button[data-sm-button-style*="label"] { font-size: 9px; color: #fff; padding: 6px 12px; background: #111; background: linear-gradient(to right, #cc3434 50%, #111 50%); background-size: 200% 100%; background-position: right bottom; }
.sm-wrapper .sm-button[data-sm-button-style*="label"]:hover { background-position: left bottom; }

/* Cookie Notice */
/*****************/
.cookieNotice-1 .title { font-weight: 700; font-size: 22px; padding: 30px 36px 10px 36px; }
.cookieNotice-1 p { font-size: 14px; line-height: 22px; padding: 0 36px 30px 36px; }
.cookieNotice-1 .close { display: inline-block; width: 50%; height: 50px; line-height: 44px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; background: #f49e02; opacity: 1; }
.accept { background:#63ab22 !important; }
.cookieNotice-1 .close:hover { opacity: 1; }
.cookieNotice-1 a { color: #f78f8f; text-decoration: none; border-bottom: dashed 1px #f78f8f; }

.studenten { transition: transform .5s; margin: 0 auto; }
.studenten:hover { transform: scale(1.04); }
.dropdown-menu { min-width: inherit; }
.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.dropdown-item.hover, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #2490cc; }

/* Video Wrapper */
/*****************/
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #e9e9e9; border: 20px solid #e9e9e9; }
.video-wrapper video, .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background-color: black; }
.image-section { padding: 2.5rem 0; }
.quality-btn { border: 0; background-color: #f49e02; color: white; font-weight: bold; padding: 5px 15px; border-radius: 5px; margin-right: 5px; }
.quality-btn:hover { background-color: #85b03f; }