/*
	Table of Contents

	     01. Animation --------------------------------
	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	         Small Desktop ----------------------------
	     02. Header -----------------------------------
	     03. Shell ------------------------------------
	     04. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Bar --------------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	         Btn Scroll Down --------------------------
	         Btn Scroll Secondary ---------------------
	         Btn Scroll Top ---------------------------
	         Btn Orange -------------------------------
	         Btn Menu ---------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	         Form Contact -----------------------------
	     05. List -------------------------------------
	         List Contacts ----------------------------
	         List Features ----------------------------
	         Small Desktop ----------------------------
	         List Contacts Secondary ------------------
	         List Links -------------------------------
	         List Work Times --------------------------
	         List Items -------------------------------
	     06. Logo -------------------------------------
	     07. Map --------------------------------------
	     08. Nav --------------------------------------
	     09. Ribbon -----------------------------------
	     10. Section ----------------------------------
	         Section Orange ---------------------------
	         Section Primary --------------------------
	         Section Secondary ------------------------
	         Section Map ------------------------------
	     11. Slider -----------------------------------
	         Slider Intro -----------------------------
	     12. Tile -------------------------------------
	         Tile Secondary ---------------------------
	         Tile Teritary ----------------------------
	IV.  Themes ---------------------------------------
	     01. Theme ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Animation
\* ------------------------------------------------------------ */

@-webkit-keyframes float {
  from {
  	-webkit-transform: translate(-50%, 0px);
  	        transform: translate(-50%, 0px);
  }

  50% {
  	-webkit-transform: translate(-50%, -30px);
  	        transform: translate(-50%, -30px);
  }

  to {
  	-webkit-transform: translate(-50%, -0px);
  	        transform: translate(-50%, -0px);
  }
}

@keyframes float {
  from {
  	-webkit-transform: translate(-50%, 0px);
  	        transform: translate(-50%, 0px);
  }

  50% {
  	-webkit-transform: translate(-50%, -30px);
  	        transform: translate(-50%, -30px);
  }

  to {
  	-webkit-transform: translate(-50%, -0px);
  	        transform: translate(-50%, -0px);
  }
}

.ico-arrow-down { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 891.6666666666666% 1006.6666666666666%; width: 24px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-arrow-up { background-image: url(images/sprite.png); background-position: 20% 100%; background-size: 891.6666666666666% 1006.6666666666666%; width: 24px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-implant { background-image: url(images/sprite.png); background-position: 47.674418604651166% 0%; background-size: 509.5238095238095% 209.72222222222223%; width: 42px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-mail { background-image: url(images/sprite.png); background-position: 65.96858638743456% 64.17910447761194%; background-size: 930.4347826086957% 888.2352941176471%; width: 23px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-microscope { background-image: url(images/sprite.png); background-position: 80.7017543859649% 0%; background-size: 497.6744186046512% 215.7142857142857%; width: 43px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-paragraph { background-image: url(images/sprite.png); background-position: 45.744680851063826% 64.66165413533834%; background-size: 823.076923076923% 838.8888888888889%; width: 26px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-phone { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 1126.3157894736842% 794.7368421052632%; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-pin { background-image: url(images/sprite.png); background-position: 97.98994974874373% 25.384615384615383%; background-size: 1426.6666666666667% 719.047619047619%; width: 15px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-smile { background-image: url(images/sprite.png); background-position: 0% 74.78260869565217%; background-size: 297.22222222222223% 419.44444444444446%; width: 72px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }

.ico-tooth { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 314.70588235294116% 209.72222222222223%; width: 68px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-arrow-down { background-image: url(images/sprite.@2x.png); background-position: 54.77707006369427% 61.42857142857143%; background-size: 754.1666666666667% 1033.3333333333335%; width: 24px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-arrow-up { background-image: url(images/sprite.@2x.png); background-position: 78.98089171974523% 61.42857142857143%; background-size: 754.1666666666667% 1033.3333333333335%; width: 24px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-implant { background-image: url(images/sprite.@2x.png); background-position: 58.992805755395686% 0%; background-size: 430.9523809523809% 215.27777777777777%; width: 42px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-microscope { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 420.93023255813955% 221.42857142857144%; width: 43px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-phone { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 952.6315789473686% 815.7894736842104%; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-smile { background-image: url(images/sprite.@2x.png); background-position: 0% 72.26890756302521%; background-size: 251.38888888888889% 430.55555555555554%; width: 72px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-tooth { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 266.1764705882353% 215.27777777777777%; width: 68px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }}

.cols:after,
.form-contact .form-cols:after,
.list-features:after,
.tiles:after { content: ''; line-height: 0; display: table; clear: both;
}

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

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

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

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; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

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"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

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

button,
select { text-transform: none; }

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

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

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

body { min-width: 320px; background: #fff; font-family: 'Ubuntu', sans-serif, 'Arial', 'Helvetica', sans-serif; font-size: 18px; line-height: 2; color: #5f5b59; }

a { color: inherit; text-decoration: underline; }

a:hover { text-decoration: none; }

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

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

h1,
h2 { font-size: 36px; line-height: 1.17; color: #669999; font-weight: 400; }

h3 { font-size: 23px; line-height: 1.13; color: #5f5b59; font-weight: 400; }

h4 { font-size: 21px; line-height: 1.24; color: #669999; font-weight: 400; }

h5 { font-size: 17px; line-height: 1.53; color: #fff; }

h6 { font-size: 14px; line-height: 1.29; color: #5f5b59; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 2em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
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: 1160px){
	h4 { font-size: 20px; }
}

@media (max-width: 767px){
	body { font-size: 16px; line-height: 1.63; }
	h1,
	h2 { font-size: 26px; line-height: 1.25; }
}

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

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { margin: 0 -16px; }

.cols:after { }

.col { float: left; width: 100%; padding: 0 16px; }

.col-1of2 { width: 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1160px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1161px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

@media (max-width: 1023px){
	.col { float: none; }
	.col-1of2 { width: 100%; margin-bottom: 20px; }
}

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

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

.footer h2 { margin-bottom: 175px; border-top: 2px solid  #8c7c70; padding: 48px 0 0; }

.footer h4 { color: #fff; font-weight: 700; margin-bottom: 28px; }

.footer h5 { margin-bottom: 1px; }

.footer h5 a { text-decoration: none; }

.footer address { margin-bottom: 25px; }

.footer p { margin-bottom: 25px; }

.footer p:last-child { margin-bottom: 0; }

.footer .footer-title { margin-bottom: 25px; }

.footer .footer-title-secondary { margin-top: 54px; }

.footer .footer-inner { background-size: cover; background-position: center center; text-align: center; position: relative; padding-bottom: 33px; }

.footer .footer-inner .shell { position: relative; }

.footer .footer-inner-tablet,
.footer .footer-inner-mobile { display: none; }

.footer .list-work-times { margin-bottom: 25px; }

.footer .list-links { margin-bottom: 25px; margin-right: -12px; }

.footer .btn-scroll-top { margin-top: -9px; }

.footer .footer-content { background: #707070; color: #fff; border-top: 2px solid  #fff; font-size: 17px; line-height: 1.53; padding: 21px 0 29px; }

.footer .footer-cols { margin: 0 -16px; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.footer .footer-col { padding: 0 16px; position: relative; }

.footer .footer-col + .footer-col:before { content: ''; width: 1px; height: 100%; background: #c6beb8; position: absolute; top: 0; left: -16px; }

.footer .footer-col-1of4 { width: 25%; }
.footer .footer-col-2of4 { width: 50%; }

.footer .map { height: 318px; margin-bottom: 12px; margin-top: 10px; }

.footer .socials { margin-top: 27px; }
.footer .socials a { font-size: 17px; color: #cdcdcd; }
.footer .socials a:hover { color: #fff; }

@media (max-width: 1200px) {
	.footer .socials li + li { margin-left: 15px; }
}

/* Small Desktop */

@media (max-width: 1160px) {
/*	.footer br { display: none; } */
	.footer .footer-col + .footer-col:before { left: -7px; }
	.footer .socials img { margin-right: 7px; }
}

@media (max-width: 1023px){
	.footer h2 { margin-bottom: 30px; }

	.footer .footer-inner { background: none !important; }
	.footer .footer-inner .shell { padding: 40px 20px; }
	.footer .footer-inner-tablet { display: none; }
	.footer .footer-inner-tablet,
	.footer .footer-inner-mobile { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center 150px; background-repeat: no-repeat; }
	.footer .footer-inner-mobile { display: none; }
	.footer .footer-col:nth-child(n+3) { display: none; }
	.footer .footer-col-1of4 { width: 50%; }

	.footer .footer-col + .footer-col:before { display: none; }

	.footer .footer-title-secondary { margin-top: 50px; }
	.footer p { line-height: 1.5; }


	.footer .footer-content { padding: 40px 0; }

	.footer .socials li + li { margin-left: 30px; }
	.footer .socials img { margin-right: 15px; }
}

@media (max-width: 767px){

	.footer h2 { margin: 0px -5px 24px; padding-top: 28px; text-align: left; }
	.footer h4 { margin-bottom: 24px; }
	.footer h5 { margin-bottom: -2px; letter-spacing: -0.03em; }
	.footer p { margin-bottom: 21px; letter-spacing: -0.03em; }
	.footer address { font-size: 16px; line-height: 1.5; margin-bottom: 23px; }

	.footer .footer-inner .shell { padding: 29px 20px 0; }
	.footer .footer-inner { padding-bottom: 0px; }
	.footer .footer-inner-tablet { display: none; }
	.footer .footer-inner-mobile { display: block; background-size: contain; background-position: center bottom; }

	.footer .footer-content { padding: 37px 0 32px; }

	.footer .footer-cols { margin: 0; display: block; }
	.footer .footer-col-1of4 { width: 100%; float: none; padding: 0; }
	.footer .footer-col-1of4 + .footer-col-1of4 { border-top: 2px solid  rgba(255,255,255,.5); margin-top: 31px; padding-top: 26px; }

	.footer .list-work-times { margin-bottom: 21px; }
	.footer .list-work-times span { letter-spacing: -0.03em; }
	.footer .btn-scroll-secondary { margin-top: 2px; }
}

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

.header { position: absolute; top: 80px; left: 0; right: 0; z-index: 10; }

.header .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.header .logo { position: absolute; top: 7px; right: 21px; }

@media (max-width: 1023px){
	.header { top: 45px; }

	.header .shell { height: 129px; }

	.header .logo,
	.header .btn-menu { position: absolute; top: 22px; left: 20px; }

	.header .logo { left: auto; right: 20px; width: 131px; height: 105px; }

}

@media (max-width: 767px){
	.header .logo { right: auto; left: 20px; top: 25px; }
	.header .btn-menu  { left: auto; right: 20px; }
	.header .list-contacts  { }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1180px; padding-left: 20px; padding-right: 20px; margin: auto; }

.shell-fluid { max-width: none; }

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

.wrapper { min-height: 100vh; position: relative; overflow: hidden; }

.wrapper .wrapper-inner { position: relative; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.wrapper .wrapper-inner.active { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); }

@media (max-width: 767px){
	.wrapper .wrapper-inner.active { -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); }
}

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

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { background: #707070; border-bottom: 7px solid #fff; padding: 6px 0 5px; }

.bar strong { font-size: 15px; line-height: 1.73; color: rgba(255, 255, 255, 1); margin-right: 21px; }

.bar .shell { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.bar .bar-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.bar .link-impressum { color: #fff; text-decoration: none; font-size: 15px; }

.bar .link-impressum:hover span { opacity: 1; }

.bar .link-impressum i { margin: -3px 9px 0 0; }

.bar .link-impressum span { opacity: .7; transition: opacity .3s; }

@media (max-width: 1023px){
	.bar .link-impressum { display: none; }
	.bar .bar-content { width: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.bar .bar-content .list-contacts { margin-right: -9px; }
}

@media (max-width: 767px){
	.bar { padding: 11px 0 6px; }

	.bar .shell { padding-right: 10px; }

	.bar strong { display: none; }
	.bar span span { display: none; }
}

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

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}

/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0; }

/*  Btn Scroll Down  */

.btn-scroll-down { width: 65px; height: 65px; border-radius: 50%; background: #669999; border: 2px solid  #fff; -webkit-animation: float 1.5s infinite; animation: float 1.5s infinite; position: relative; }

.btn-scroll-down:after { content: ''; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: #fff; margin: 14px 0 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform ; transition: transform ; transition: transform , -webkit-transform ; }

/*  Btn Scroll Secondary  */

.btn-scroll-secondary { display: none; }

/*  Btn Scroll Top  */

.btn-scroll-top { text-decoration: none; }

.btn-scroll-top:hover em { color: #fff; }

.btn-scroll-top em { font-style: normal; color: #f7d7cb; transition: color .3s; }

.btn-scroll-top span { display: inline-block; width: 45px; height: 45px; border-radius: 50%; border: 2px solid  #fff; position: relative; vertical-align: middle; margin-left: 9px; }

.btn-scroll-top i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*  Btn Orange  */

.btn-orange { background: #8c7c70; border: none; color: #fff; padding: 5px 50px; }

/*  Btn Menu  */

.btn-menu { display: none; text-decoration: none; width: 42px; height: 34px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: all .5s;  background: #fff; }

.btn-menu span { display: block; position: absolute; height: 6px; width: 32px; background: #669999; opacity: 1; left: 0; -webkit-transform: translateX(-50%) rotate(0deg); -ms-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); transition: .4s ease-in-out; left: 50%; }

.btn-menu span:nth-child(1) { top: 4px; }

.btn-menu span:nth-child(2) { top: 14px; }

.btn-menu span:nth-child(3) { top: 24px; }

.btn-menu.active span:nth-child(1) { top: 14px; -webkit-transform: translateX(-50%) rotate(-135deg); -ms-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); }

.btn-menu.active span:nth-child(2) { opacity: 0; left: 60px; }

.btn-menu.active span:nth-child(3) { top: 14px; -webkit-transform: translateX(-50%) rotate(135deg); -ms-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); }

@media (max-width: 1023px){
	.btn-menu { display: block; }
	.btn-scroll-down { width: 55px; height: 55px; }
	.btn-scroll-down:after { content: ''; width: 19px; height: 19px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: #fff; margin: 5px 0 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform ; transition: transform ; transition: transform , -webkit-transform ; }
	.btn-scroll-secondary { display: inline-block; }

}

@media (max-width: 767px){
	.btn-menu { width: 32px; height: 24px; z-index: 50; }

	.btn-menu span { width: 26px; height: 4px; }
	.btn-menu span:nth-child(1) { top: 3px; }
	.btn-menu span:nth-child(2) { top: 10px; }
	.btn-menu span:nth-child(3) { top: 17px; }

	.btn-menu.active span:nth-child(1) { top: 10px; -webkit-transform: translateX(-50%) rotate(135deg); -ms-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); }
	.btn-menu.active span:nth-child(2) { opacity: 0; left: -60px; }
	.btn-menu.active span:nth-child(3) { top: 10px; -webkit-transform: translateX(-50%) rotate(-135deg); -ms-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); }
}

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

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

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

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

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

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

textarea::-moz-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; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field { width: 100%; background: #f7f7f7; border: 1px solid  #ccc; height: 33px; padding: 0 10px; vertical-align: top; transition: border-color .3s; border-radius: 0; }

.field:focus { border-color: #8c7c70; }

.textarea { width: 100%; background: #f7f7f7; border: 1px solid  #ccc; padding: 10px; height: 181px; resize: vertical; transition: border-color .3s; border-radius: 0; }

.textarea:focus { border-color: #8c7c70; }

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

/*  Form Contact  */

.form-contact { width: 100%; margin: 0 auto; }

.form-contact .form-row { margin-bottom: 4px; line-height: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.form-contact .form-cols { margin: 0 -14px; }

.form-contact .form-cols:after { }

.form-contact .form-col { float: left; width: 100%; padding: 0 14px; }

.form-contact .form-col-1of2 { width: 50%; }

.form-contact .form-label { display: inline-block; -webkit-flex: 0 0 31%; -ms-flex: 0 0 31%; flex: 0 0 31%; margin-right: 2%; padding-top: 6px; }

.form-contact .form-label-secondary { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%;}

.form-contact .form-controls { display: inline-block; -webkit-flex: 0 0 68%; -ms-flex: 0 0 68%; flex: 0 0 68%; }

.form-contact .form-controls-secondary { -webkit-flex: 0 0 79%; -ms-flex: 0 0 79%; flex: 0 0 79%;}

.form-contact .form-actions { text-align: right; margin: -6px -5px 0 0; }

.form-contact .form-btn { width: 78.3%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; transition: background .3s, color .3s; }

.form-contact .form-btn:hover { background: #ccc; color: #000; }

.form-contact .dataconsent {
    position: relative;
    line-height: 120%;
    margin-bottom: 1rem;
    margin-left: 22%;
    padding-left: 20px;
}
.form-contact .dataconsent input {
    position: absolute;
    left: 0;
    top: 2px;
}

@media (max-width: 1023px){
	.form-contact .form-label { -webkit-flex: 0 0 34%; -ms-flex: 0 0 34%; flex: 0 0 34%; }
	.form-contact .form-label-secondary { -webkit-flex: 0 0 22%; -ms-flex: 0 0 22%; flex: 0 0 22%;}

	.form-contact .form-controls { -webkit-flex: 0 0 64%; -ms-flex: 0 0 64%; flex: 0 0 64%;}
	.form-contact .form-controls-secondary { -webkit-flex: 0 0 74%; -ms-flex: 0 0 74%; flex: 0 0 74%;}
	.form-contact .form-btn { width: 73.5%; }
}

@media (max-width: 767px){
	.form-contact .form-row { margin-bottom: 10px; display: block; }

	.form-contact .form-label,
	.form-contact .form-label-secondary,
	.form-contact .form-controls,
	.form-contact .form-controls-secondary { width: 100%; }

	.form-contact .form-col { float: none; }
	.form-contact .form-col-1of2 { width: 100%; }

	.form-contact .form-label { margin-bottom: 5px; }
	.form-contact .form-btn { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
}

/* ------------------------------------------------------------ *\
	Link Orange
\* ------------------------------------------------------------ */

.link-orange a { color: #8c7c70; text-decoration: none; }

.link-orange a:hover { text-decoration: underline; }


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

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

/*  List Contacts  */

.list-contacts { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 1.73; color: #fff; }

.list-contacts li + li { margin-left: 25px; }

.list-contacts i { vertical-align: middle; margin: -5px 9px 0 0; }
.list-contacts img { vertical-align: middle; margin: -5px 9px 0 0; }

.list-contacts a { text-decoration: none; }

.list-contacts a:hover span { opacity: 1; }

.list-contacts a span { opacity: .7; transition: opacity .3s; }

.list-contacts a span span { opacity: 1; }

/*  List Features */

.list-features { margin: 0 -16px; }

.list-features:after { }

.list-features li { float: left; padding: 0 10px; width: 25%; text-align: center; }

.list-features h3 { margin-bottom: -5px; transition: color .3s; }

.list-features span { font-size: 18px; line-height: 1.44; transition: color .3s; }

.list-features a { text-decoration: none; display: block; }

.list-features a:hover h3,
.list-features a:hover span { color: #8c7c70; }

.list-features a:hover .circle { background: #fff; }

.list-features .circle { display: inline-block; width: 139px; height: 139px; border-radius: 50%; background: rgba(255,255,255,.5); border: 3px solid  #8c7c70; position: relative; transition: background .3s; margin-bottom: 19px; }

.list-features .circle i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* Small Desktop */

@media (max-width: 1160px) {

	.list-features h3 { font-size: 20px; }
}

/*  List Contacts Secondary  */

.list-contacts-secondary li + li { margin-top: 25px; }

.list-contacts-secondary a { text-decoration: none; position: relative; padding-left: 41px; }

.list-contacts-secondary a span { color: #cdcdcd; transition: color .3s; }

.list-contacts-secondary a:hover span { color: #fff; }

.list-contacts-secondary img { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.list-contacts-secondary i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*  List Links  */

.list-links a { display: inline-block; text-decoration: none; color: #f7d7cb;  transition: color .3s; position: relative; padding-left: 9px; }

.list-links a:before { content: '- '; position: absolute; top: -1px; left: 0; }

.list-links a:hover { color: #fff; }

/*  List Work Times  */

.list-work-times li + li { margin-top: -1px; }

/*  List Items  */

.list-items a { color: #8b1003; text-decoration: none; }

.list-items a:hover { text-decoration: underline; }

.list-items-team a { color: #8c7c70; text-decoration: none; }

.list-items-team a:hover { text-decoration: underline; }

@media (max-width: 1023px){
	.list-features li { width: 50%; margin-bottom: 43px; }
}

@media (max-width: 767px){
	.list-contacts { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

	.list-features h3 { font-size: 16px; line-height: 1.13; }
	.list-features span { display: none; }

	.list-features .circle { width: 111px; height: 111px; margin-bottom: 11px; }

	.list-features .ico-smile { width: 58px; height: 29px; }
	.list-features .ico-implant { width: 34px; height: 58px; }
	.list-features .ico-tooth { width: 54px; height: 57px; }
	.list-features .microscope { width: 40px; height: 58px; }

	.list-contacts-secondary a { font-size: 16px; padding-left: 36px; }
	.list-contacts-secondary i { margin: -3px 12px 0 0; }
	.list-contacts-secondary li + li { margin-top: 23px; }

	.list-work-times li + li { margin-top: -2px; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; background: url(images/logo.png); width: 225px; height: 180px; vertical-align: middle; background-size: cover; }

/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */

.map { height: 430px; }
.map .gmap { height: 100%; }

.mapsinfo {
    font-size: .7rem;
    text-align: right;
    color: black;
    margin-right: 9px;
    margin-top: -22px;
}

.mapsinfo a {
    color: black;
    margin-left: .5rem;
}

@media (max-width: 1023px){
	.map { height: 300px; }
}

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

.nav { margin-left: -15px; }

.nav > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.nav > ul > li { position: relative; }
.nav > ul > li:first-child a { border-radius: 5px 0px 0px 5px; }
.nav > ul > li:last-child a { border-radius: 0px 5px 5px 0px; }

.nav > ul > li:hover > a { color: #fff; background: #669999; margin-bottom: 25px; }

.nav > ul > li:hover > a:after { visibility: visible; opacity: 1; }

.nav > ul > li:hover .nav-dropdown { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }

.nav ul > li > a { font-size: 17px; font-weight: 700; color: #5f5b59; line-height: 1; text-decoration: none; display: inline-block; background: #fff; padding: 5px 11px 7px 14px; transition: background .4s, color .4s; position: relative; margin: 0; }

.nav ul > li > a:after { content: '';  display: inline-block; width: 0; height: 0; border-style: solid; border-width: 12px 11.5px 0 11.5px; border-color: #669999 transparent transparent transparent; position: absolute; top: 100%; left: 39px; opacity: 0; visibility: hidden; transition: visibility .4s, opacity .4s; z-index: 1; }

.nav > ul > li.active > a { color: #fff; background: #669999; margin-bottom: 25px; }

.nav > ul > li.active > a:after { visibility: visible; opacity: 1; }

.nav .nav-dropdown { display: block; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s, -webkit-transform .4s; transition: transform .4s, opacity .4s, visibility .4s; transition: transform .4s, opacity .4s, visibility .4s, -webkit-transform .4s; }

.nav .nav-dropdown ul { display: block; background: #fff; min-width: 215px; padding: 0 15px; }

.nav .nav-dropdown li + li { border-top: 1px solid  #ecebeb; }

.nav .nav-dropdown a { background: none; font-size: 17px; color: #5f5b59; display: block; padding: 11px 0 9px; font-weight: 400; margin: 0; }

.nav .nav-dropdown a:hover { color: #8c7c70; }

.nav .dd-trigger { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }

.nav .dd-trigger.hidden { display: none; }

@media (max-width: 1160px){
	.nav { margin-left: -10px; width: 80%; }

	.nav ul > li > a { padding: 4px 10px 6px; font-size: 15px; }

	.nav .nav-dropdown a { font-size: 15px; }

}

@media (max-width: 1023px){
	.nav { width: 250px; background: #fff; border-top: 38px solid  #707070; height: calc(100vh - 45px); position: fixed; top: 0; left: 0; padding: 0 20px 80px; -webkit-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); overflow: auto; z-index: 150; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 0; }
	.nav.active { }


	.nav > ul { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

	.nav > ul > li > a { padding: 14px 0 15px 5px; display: block; }
	.nav ul > li > a:after { display: none; }
	.nav > ul > li.active > a { margin: 0 -20px; padding-left: 25px; background: #707070; }
	.nav > ul > li.active + li { border-top: 0; }
	.nav > ul > li + li { border-top: 1px solid  #d9d5d2; }
	.nav > ul > li:last-child { display: block; }
	.nav > ul > li:hover > a { color: #669999; background: none; margin-bottom: 0; }
	.nav > ul > li:hover > a:after { display: none; }
	.nav ul > li > a,
	.nav .nav-dropdown a { color: #707070; }

	.nav .nav-dropdown { display: none; position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; padding: 0 0 13px; }
	.nav .nav-dropdown ul { background: none; min-width: 0; padding: 0; }
	.nav .nav-dropdown li + li { border: none; }
	.nav .nav-dropdown a { padding: 10px 0 10px 9px; }
	.nav .nav-dropdown a:before { content: '-'; margin-right: 4px; position: absolute; top: 9px; left: 0; }
}

@media (max-width: 767px){
	.nav { left: auto; right: 0; -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); border-top: 42px solid #707070; }

	.nav ul > li > a,
	.nav .nav-dropdown a { font-size: 17px; }
}

/* ------------------------------------------------------------ *\
	Ribbon
\* ------------------------------------------------------------ */

.ribbon { display: inline-block; background: url(images/ribbon.png); width: 82px; height: 59px; }

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

/*  Section Orange  */

.section-orange { background: #707070; border-top: 7px solid  #fff; padding: 32px 0; }

/*  Section Primary  */

.section-primary { padding: 44px 0 70px; }

.section-primary h2 { margin-bottom: 30px; }
.section-primary p + p { margin-top: 32px; }
.section-primary img { display: block; }

.section-primary .section-head { margin-bottom: 30px; }

/*  Section Secondary  */

.section-secondary h1,
.section-secondary h2 { color: #fff; }
.section-secondary h7 { font-size: 21px; line-height: 1.71; color: #8c7c70; font-weight: 400; margin-bottom: 1.71em; }
.section-secondary strong { margin-bottom: 36px; display: block; }

.section-secondary .section-image { min-height: 430px; background-size: cover; background-position: center bottom; }
.section-secondary .section-head { background: #669999; padding: 24px 0 20px; border-top: 7px solid  #fff; }
.section-secondary .section-body { padding: 35px 0 55px; }
.section-secondary .section-entry { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; margin-bottom: 30px; }
.section-secondary .list-items { margin-top: 0; }
.section-secondary .list-items-team { margin-top: 2em; }
.section-secondary .list-items strong { margin: 0; }
.section-secondary .list-items-team strong { margin: 0; }
.section-secondary .tiles-secondary { margin-top: 49px; margin-bottom: -23px; }
.section-secondary .accordion--main { margin: 60px -20px 0; }

/*  Section Map  */

.section-map .list-items { margin-top: -10px; }
.section-map .section-body { padding-bottom: 76px; }

@media (max-width: 1023px){

	.section p { margin: 0; }
	.section p + p { margin-top: 26px; }

	.section-orange { padding: 40px 0 0; }

	.section-primary { padding: 20px 0 29px; }

	.section-primary h2 { margin-bottom: 0; }
	.section-primary h2 br { display: none; }
	.section-primary p { margin-bottom: 0; }
	.section-primary p + p { margin-top: 26px; }
	.section-primary img { margin-top: 10px; }

	.section-primary .section-head { margin-bottom: 20px; }

	.section-secondary .section-entry { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.section-secondary .section-image { min-height: 300px; }
	.section-secondary .section-head { padding: 20px 0 20px; }
	.section-secondary .section-body { padding: 20px 0 0; }
	.section-secondary .tiles-secondary { margin-top: 20px; }
	.section-secondary .form-contact { padding-bottom: 20px; }

	.section-secondary .accordion--main { margin: 13px -20px 50px; }

	.section-secondary .list-items { margin-top: 20px; }
}

@media (max-width: 767px){
	.section-primary { padding-bottom: 21px; }

	.section-primary .section-head { margin-bottom: 27px; }

	.section-secondary .section-image { background-position: center center; min-height: 319px; }
	.section-secondary .section-head { padding: 12px 0 12px; }
	.section-secondary .section-body { padding: 39px 0 33px; }
	.section-secondary .tiles-secondary { margin-top: 33px; }

	.section-secondary .accordion--main { margin: 15px -20px 20px; }
}

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

.slider {}

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

/*  Slider Intro  */

.slider-intro { position: relative; }

.slider-intro .slide { min-height: calc(100vh - 50px);}

.slider-intro .slide-image-desktop { min-height: calc(100vh - 50px); background-size: cover; background-position: center center; }

.slider-intro .slide-image-mobile { min-height: 320px; background-size: cover; background-position: center center; display: none; }

.slider-intro .owl-nav { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.slider-intro .btn-scroll-down { position: absolute; bottom: 34px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 50; }

.slider-intro .owl-prev,
.slider-intro .owl-next { display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; width: 15px; height: 24px; background-size: 15px 24px !important; background-repeat: no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .6; transition: opacity .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }


.slider-intro .owl-prev { background: url(images/slider-arrow-left@2x.png); left: 30px; }

.slider-intro .owl-next { background: url(images/slider-arrow-right@2x.png); right: 30px; }

.slider-intro .owl-prev:hover,
.slider-intro .owl-next:hover { opacity: .6; }

.slider-intro .owl-dots { position: absolute; bottom: 17px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 1140px; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 65px; }

.slider-intro .owl-dot { width: 16px; height: 16px; border-radius: 50%; background: #fff; opacity: .4; transition: opacity .3s; }

.slider-intro .owl-dot + .owl-dot { margin-left: 7px; }

.slider-intro .owl-dot:hover { opacity: 1; }

.slider-intro .owl-dot.active { opacity: 1; }

@media (max-width: 1023px){
	.slider-intro .slide { min-height: calc(50vh - 50px); }
	.slider-intro .slide-image-desktop { min-height: calc(50vh - 50px); }

	.slider-intro .owl-nav { display: none; }

	.slider-intro .btn-scroll-down { bottom: 17px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
}

@media (max-width: 767px){

	.slider-intro .slide-image-mobile { display: block; }

	.slider-intro .slide { min-height: 0; background: none; }
	.slider-intro .slide img { display: block; width: 100%; height: auto; }
	.slider-intro .btn-scroll-down { display: none; }
	.slider-intro .owl-dots { padding-left: 0; width: auto; bottom: 8px; }
}

/* ------------------------------------------------------------ *\
	Tile
\* ------------------------------------------------------------ */

.tiles { list-style: none; margin: 0 -16px; display: flex; flex-flow: wrap;}
.tiles:after {  }

.tile { padding: 0 16px; flex: 0 0 25%; max-width: 25%; position: relative; display: flex; }

.tile span { margin-bottom: 5px; display: block; font-size: 15px; line-height: 1.2em; letter-spacing: -0.03em; color: #5f5b59; }
.tile h4 { margin-bottom: 5px; }

.tile a { position: relative; text-decoration: none; display: block; flex: 1; display: flex; text-decoration: none; }
.tile a:hover .tile-inner { transform: scale(1.02); }
.tile a:hover .tile-body,
.tile a:hover .tile-image,
.tile a:hover .tile-content,
.tile a:hover .tile-content:before { box-shadow: 3px 3px 3px rgba(0,0,0,.3); }

.tile .tile-inner { transition: transform .2s linear; position: relative; backface-visibility: hidden; flex: 1; display: flex; padding-bottom: 80px; }
.tile .ribbon { position: absolute; top: -2px; left: -1px; z-index: 10; }

.tile .tile-body,
.tile .tile-image { overflow: hidden; margin-bottom: 14px; min-height: 170px; background-size: cover; background-position: center center; transition: box-shadow .2s linear; }
.tile .tile-image { width: 100%; }
.tile .tile-image img { opacity: 0; visibility: hidden; }

.tile .tile-content { background: #fff; padding: 11px 6px 5px 9px; position: relative; transition: box-shadow .2s linear; backface-visibility: hidden; position: absolute; bottom: 0; left: 0; width: 100%; min-height: 51px; }
.tile .tile-content:after { content: '';  display: inline-block; width: 0; height: 0; border-style: solid; border-width: 12px 11.5px 0 11.5px; border-color: #fff transparent transparent transparent; position: absolute; top: 99%; left: 29px; }
.tile .tile-content:before { content: ''; display: inline-block; width: 19px; height: 19px; background: none; position: absolute; bottom: -7px; left: 31px; transform: rotate(45deg); transition: box-shadow .2s linear; }

.tile .tile-body { width: 100%; background: #8c7c70; color: #fff; text-align: center; font-size: 17px; line-height: 1.24; padding: 15px 10px 14px; min-height: 170px; margin-bottom: 7px; display: flex; flex-direction: column; justify-content: flex-end; }
.tile .tile-body-gray { background: #7d7b7c; }
.tile .tile-body strong { display: inline-block; }
.tile .tile-body p { margin-bottom: 9px; }

/*  Tile Secondary  */

.tile-secondary { flex: 0 0 50%; max-width: 50%; font-size: 14px; line-height: 1.29; color: #5f5b59; font-weight: 500; }

.tile-secondary p span { font-size: 14px; line-height: 1.29; color: #8c7c70; }

.tile-secondary .tile-inner { padding-bottom: 52px; }
.tile-teritary .tile-content,
.tile-secondary .tile-content { background: #ecebeb; padding: 0; min-height: 51px; display: flex; flex-direction: column; justify-content: flex-start; padding: 8px; }
.tile-teritary .tile-content:after,
.tile-secondary .tile-content:after { border-color: #ecebeb transparent transparent transparent; }

/*  Tile Teritary  */

.tile-teritary { margin-bottom: 32px; }
.tile-teritary .tile-inner { padding-bottom: 72px; }

.tile-teritary strong { margin: 0; }
.tile-teritary h6 { margin-bottom: 0; }

.tile-teritary .tile-body { justify-content: center; padding: 15px 10px 10px; }
.tile-teritary .tile-body p { margin-bottom: 6px; }

.tile-teritary .tile-content { min-height: 72px; }
.tile-teritary .tile-content strong { font-size: 14px; line-height: 1.29; font-weight: 500; }
.tile-teritary .tile-content strong span { color: #8c7c70; font-weight: 500; font-size: 14px; }

@media (max-width: 1160px){
	.tile span { font-size: 16px; }

	.tile { padding: 0 8px; }
	.tile-secondary { padding: 0 8px; }
}

@media (max-width: 1023px){
	.tile { flex: 0 0 50%; max-width: 50%; margin-bottom: 39px; }

	.tile .tile-body { min-height: 237px; justify-content: center; }
	.tile .tile-image { min-height: 200px; }
	.tile .tile-inner { padding-bottom: 79px; }
	.tile .tile-content { min-height: 88px; }
	.tile .ribbon { top: -2px; }
	.tile-teritary .tile-body { min-height: 200px; display: flex; flex-direction: column; justify-content: center; }
}

@media (max-width: 767px){
	.tile { flex: 0 0 100%; max-width: 100%; }

	.tile span { font-size: 16px; margin-right: 0; }
	.tile h4 { margin-bottom: 7px; }

	.tile .tile-image { background: none !important; min-height: 0; }
	.tile .tile-image img { visibility: visible; opacity: 1; display: block; width: 100%; height: auto; }

	.tile .tile-body { min-height: 200px; }

	.tile .ribbon { transform: scaleX(-1); left: auto; right: 0; }

	.tile .tile-content { min-height: auto; }

	.tile .tile-content,
	.tile-secondary .tile-content,
	.tile-teritary .tile-content { position: static; min-height: 0; width: 100%; max-height: none; min-height: 52px; padding: 8px 8px 4px; }

	.tile .tile-inner,
	.tile-secondary .tile-inner,
	.tile-teritary .tile-inner { padding-bottom: 0; flex-flow: wrap; }

	.tile .tile-body,
	.tile-secondary .tile-body,
	.tile-teritary .tile-body { padding-top: 63%; position: relative; }

	.tile .tile-body,
	.tile .tile-image { margin-bottom: 9px; }

	.tile .tile-entry,
	.tile-secondary .tile-entry,
	.tile-teritary .tile-entry { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
}


/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Theme
\* ------------------------------------------------------------ */

.image-source-link { display: none; }

.mfp-bottom-bar { margin-top: -25px; }

img.mfp-img { padding: 40px 0 5px; }

.mfp-bottom-bar { margin: 0; }

.mfp-title { font-size: 16px; line-height: 1.3; display: block; width: 100%; background: #8c7c70; padding: 10px 20px; color: #fff; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

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

.nav--access { list-style-type: none; display: flex; align-items: center; }
.nav--access li + li { margin-left: 10px;  }

/* ------------------------------------------------------------ *\
	Section orange primary
\* ------------------------------------------------------------ */

.section-orange--primary { position: relative; overflow: hidden; }
.section-orange--primary:before { content: ''; display: inline-block; background-image: url('../css/images/krone1.svg'); width: 193px; height: 313px; background-size: 193px 313px; position: absolute; left: 8px; bottom: -8px; }
.section-orange--primary:after { content: ''; display: inline-block; background-image: url('../css/images/krone2.svg'); width: 242px; height: 323px; background-size: 242px 323px; position: absolute; right: -39px; bottom: -12px; }
.section-orange--primary .tiles { position: relative; z-index: 1; }

/* Tablet */

@media (max-width: 1024px) {
	.section-orange--primary:before { display: none; }
	.section-orange--primary:after { display: none; }
}

/* Mobile */

@media (max-width: 767px){
	.section-orange--primary .tiles { margin: 0 -8px; }

	.section-orange--primary:before { display: none; }
	.section-orange--primary:after { display: none; }
}

/* ------------------------------------------------------------ *\
	Align left
\* ------------------------------------------------------------ */

.align-left { float: left; margin: 0 10px 0 0; }

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

.section-primary .align-left { margin-left: -24px; margin-top: 7px; margin-bottom: -5px; }
.section-primary .tile--primary { margin: -8px 0 0 -20px; }
.section-primary .col:after { content: ''; display: table; line-height: 0; clear: both; }

@media (max-width: 1023px){
	.section-primary .align-left { margin-left: 0; margin-top: 7px; margin-bottom: -5px; }

	.section-primary .tile--primary { margin: 29px -10px 0; }
}

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

.list--credits { display: flex; align-items: center; justify-content: space-between; list-style-type: none; }
.list--credits li { font-weight: bold; }
.list--credits li span { font-weight: normal; color: #cdcdcd; }
.list--credits li a { text-decoration: none; transition: color .4s; }
.list--credits li a:hover { text-decoration: none; color: #fff; }

/* ------------------------------------------------------------ *\
	Tile primary
\* ------------------------------------------------------------ */

.tile--primary { padding: 14px 20px; background-color: #f3f2f0; }
.tile--primary h5 { margin-bottom: 0; font-size: 18px; font-weight: bold; color: #669999; }
.tile--primary p { font-size: 18px; font-weight: normal; color: #5f5b59; }

/* Mobile */

@media (max-width: 767px) {
	.tile--primary { padding: 3px 10px; }
	.tile--primary h5 { font-size: 16px; margin-bottom: 4px }
	.tile--primary p { font-size: 16px; margin-bottom: 25px; }
	.tile--primary .socials li + li { margin-left: 14px; }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials ul { list-style-type: none; display: flex; align-items: center; }
.socials li + li { margin-left: 30px; }
.socials a { display: flex; align-items: center; font-size: 18px; font-weight: normal; color: #5f5b59; text-decoration: none; transition: color .4s; }
.socials a:hover { color: #669999; }
.socials img { margin-top: 0 !important; margin-right: 15px; }
.socials i { margin-right: 15px; }

/* Mobile */

@media (max-width: 767px) {
	.socials li + li { margin-left: 25px; }
}

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion--main .accordion__head { margin-bottom: 20px; cursor: pointer; position: relative; }
.accordion--main .accordion__head:hover h3 { background-color: #669999; }
.accordion--main .accordion__head:hover:before { border-color: #669999 transparent transparent transparent; }
.accordion--main .accordion__head:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 12px 11.5px 0 11.5px; border-color: #707070 transparent transparent transparent; position: absolute; top: 100%; left: 42px; transition: border-color .4s; }
.accordion--main .accordion__head h3 { font-size: 18px; font-weight: normal; margin: 0; color: #fff; background-color: #707070; padding: 7px 20px; transition: background .4s; letter-spacing: 0.03em; }

.accordion--main .accordion__body { display: none; padding: 17px 20px 27px; }
.accordion--main .active .accordion__head h3 { background-color: #669999; }
.accordion--main .active .accordion__head:before { border-color: #669999 transparent transparent transparent; }

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

.list--features h6 { margin-bottom: -6px; font-size: 18px; font-weight: bold; color: #707070; }
.list--features p { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0; font-size: 18px; font-weight: normal; color: #707070; }
.list--features span { display: inline-block; flex: 1; }
.list--features span:last-child { display: inline-block; flex: 0 0 90px; max-width: 90px; text-align: right; margin-left: 10px; }
.list--features li + li { margin-top: 12px; }

@media (max-width: 1023px) {
	.list--features h6 { margin-bottom: 3px; }
	.list--features span { line-height: 1.2; }
}

/* ------------------------------------------------------------ *\
	Section secondary alt
\* ------------------------------------------------------------ */

.section-secondary-alt .section-head { overflow: hidden; }
.section-secondary-alt .section-head-inner { position: relative; min-height: 84px; display: flex; align-items: center; }
.section-secondary-alt .section-head-inner:before { content: ''; display: inline-block; background-image: url('../css/images/krone4.svg'); width: 188px; height: 116px; background-size: 188px 116px; position: absolute; right: 8px; bottom: -13px;  }
.section-secondary-alt .section-body p { letter-spacing: -0.037em; }
.section-secondary-alt .section-body .section__image { margin-top: 15px; }

.section-secondary-alt .section-body .image-caption { margin-top: 8px; padding: 7px 8px; background-color: #707070; color: #fff; font-size: 17px; font-weight: normal; font-style: italic; line-height: 1.2; letter-spacing: -0.014em; }

.section-secondary-alt .section-body .cols + h5 { margin-top: 50px; }
.section-secondary-alt .section-body h5 { margin-bottom: 5px; color: #5f5b59; }
.section-secondary-alt .section-body p { letter-spacing: -0.037em; }
.section-secondary-alt .section-body p + h5 { margin-top: 42px; }
.section-secondary-alt .section-body a { text-decoration: none; color: #669999; transition: color .4s; }
.section-secondary-alt .section-body a:hover { color: inherit; }


@media (max-width: 1023px) {
	.section-secondary-alt .section-head-inner:before { display: none; }

	.section-secondary-alt .section-body { padding-bottom: 20px; }
	.section-secondary-alt .section-body .cols + h5 { margin-top: 20px; }
	.section-secondary-alt .section-body p + h5 { margin-top: 25px;  }
}

@media(max-width: 767px){
	.section-secondary-alt .section-head-inner { min-height: auto; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-Light.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-Italic.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-BoldItalic.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu.woff2') format('woff2'),
        url('../css/fonts/Ubuntu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-MediumItalic.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('../css/fonts/UbuntuCondensed-Regular.woff2') format('woff2'),
        url('../css/fonts/UbuntuCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-LightItalic.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('../css/fonts/Ubuntu-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}