/*Author: Profectus Webdesign
	Author URI: http://www.profectus-webdesign.de
	Description: Theme für Lieblingszähne
	Version: 1.1
	License: Kommerzielle Einzelplatzlizenz
*/

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/zaehne/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* advent-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Advent Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/zaehne/fonts/advent-pro-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/wp-content/themes/zaehne/fonts/advent-pro-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/zaehne/fonts/advent-pro-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/zaehne/fonts/advent-pro-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/zaehne/fonts/advent-pro-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/zaehne/fonts/advent-pro-v19-latin-700.svg#AdventPro') format('svg'); /* Legacy iOS */
}


html,body {margin:0;}
body {font-family: 'Roboto', sans-serif;font-size:16px;padding-top:180px;}



.ginner {max-width:1210px;margin:auto;position:relative;z-index:2;}
.clear {clear:both;}

.introleft {float:left;width:58%;padding-top:50px;}
.introleft h1 {margin:0;font-size:26px;text-transform:uppercase;color:#e89bad;font-family: 'Advent Pro', sans-serif;margin-bottom:30px;}
.introright {display:block;float:right;width:28%;margin-top:45px;margin-right:60px;}
.introiconrow {padding-left:65px;position:relative;margin-bottom:30px;}
.introiconrow img {width:40px;position:absolute;display:block;left:0;top:0;}
.introginner {padding-top:50px;padding-bottom:80px;}

.possibilities {height:960px;position:relative;}
.imagebg {background-size:cover;background-position:center center;}
.verticalbottom {clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);}
.imagebg .ginner {height:100%;}
.absbox {padding:35px;background-color:rgba(255,255,255,0.85);position:absolute;box-sizing:border-box;width:620px;}
.absbox.absboxposs {left:0;bottom:0;}
.absbox p {margin-bottom:0;}
.absbox ul {margin-top:0;padding:0;padding-left:16px;}
.absbox h2 {margin:0;font-size:30px;text-transform:uppercase;color:#e89bad;font-family: 'Advent Pro', sans-serif;margin-top:0px;}

.yourz {height:990px;}
.verticaltopbottom {clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 94%);position:relative;margin-top:-59px;}
.verticaltopbottomreverse {clip-path: polygon(0 0, 100% 6%, 100% 94%, 0% 100%);position:relative;margin-top:-59px;}
.verticaltop {clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);position:relative;margin-top:-59px;}

_:-ms-lang(x),
.verticaltop {clip-path: none;position:relative;margin-top:0px;overflow:hidden;}
_:-ms-lang(x),
.verticaltopbottomreverse {clip-path: none;position:relative;margin-top:0px;overflow:hidden;}
_:-ms-lang(x),
.verticaltopbottom {clip-path: none;position:relative;margin-top:0px;overflow:hidden;}

.owl-carousel.bgslider {height:100%;position:absolute;top:0;left:0;}
.bgslider .owl-stage-outer{height:100%;}
.bgslider .owl-stage{height:100%;}
.bgslider .owl-item{height:100%;}
.bgslider .owl-item div{height:100%;background-size:cover;background-position:center center;}

.owl-controls {position: absolute;
    bottom: 60px;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    width: 100%;
    text-align: right;
    padding-right: 40px;
    box-sizing: border-box;}
.owl-dot {width:11px;height:11px;background-color:#FFF;display:inline-block;margin-left:3px;margin-right:3px;cursor:pointer;}
.owl-dot:HOVER,.owl-dot.active {background-color:#ee8bb2;}

.absboxyourz {left:0;top:50%;transform: translateY(-50%);width:725px;}
.yourz .ginner {pointer-events:none;}

.anspruch {height:960px;position:relative;margin-bottom:100px;}
.anspruch h2 {margin:0;font-size:30px;text-transform:uppercase;color:#FFF;font-family: 'Advent Pro', sans-serif;margin-top:0px;text-align:center;width:100%;position:absolute;bottom:315px;left:0;    text-shadow: 0px 0px 4px #000000;}
.absboxanspr {width:385px;bottom:0;}
.absboxanspr p {margin-top:0;}
.absboxanspr1 {left:0;padding-bottom:55px;}
.absboxanspr2 {left:415px;padding-bottom:95px;}
.absboxanspr3 {left:825px;padding-bottom:115px;}

.about {height:960px;position:relative;margin-bottom:0;z-index:1;}
.absboxabout1 {bottom:0;left:0;width:425px;padding-bottom: 70px;}
.absboxabout1 p {margin-top:0;margin-bottom:1em}
.absboxabout2 {right:0;width:760px;bottom:0;padding-bottom: 70px;}
.absboxabout2 .about2left {float:left;width:110px;font-weight:bold;}
.absboxabout2 .about2right {float:right;width:565px;}

.yourz {height:900px;position:relative;margin-bottom:100px;}
.yourz h2 {position:relative;text-align:left;margin:0;margin-bottom:40px;margin-top:-20px;font-size:30px;color:#e89bad;font-family: 'Advent Pro', sans-serif;left:0;width:100%;}
.yourz h2 img {position:relative;height:66px;top:38px;}

.coworking {height:900px;position:relative;}
.coworking h2 {    margin: 0;
    font-size: 30px;
    text-transform: uppercase;
    color: #e89bad;
    font-family: 'Advent Pro', sans-serif;
    margin-top: 0px;
    text-align: center;
	position:absolute;width:100%;text-align:center;left:0;top:280px;}
.coworking .textleft {position:absolute;left:75px;top:400px;width:310px;}
.coworking p {margin-top:0;}
.coworking .textright {position:absolute;right:75px;top:400px;width:310px;}
.coworking .imgcenter {width:324px;position:absolute;left:442px;top:360px;}

.ambiente {height:900px;}
.ambiente .ginner {pointer-events:none;}
.ambiente h2 {margin:0;font-size:30px;text-transform:uppercase;color:#FFF;font-family: 'Advent Pro', sans-serif;margin-top:0px;text-align:center;width:100%;position:absolute;bottom:110px;left:0;    text-shadow: 0px 0px 4px #000000;}

.einblicke {padding-top:100px;}
.einblicke h2 {margin:0;font-size:30px;text-transform:uppercase;color:#e89bad;font-family: 'Advent Pro', sans-serif;margin-top:0px;text-align:center;}
.refs {margin-top:45px;padding-left:54px;padding-right:54px;}
.refbox {overflow:hidden;position:relative;transition: all .3s;float:left;margin-bottom:40px;height:338px;width:338px;position:relative;background-size:cover;background-position:center center;cursor:pointer;}
.refbox2,.refbox5,.refbox8,.refbox11 {margin-left:40px;margin-right:40px;}
.refbox.large {width:100%;height:800px;margin-left:0;margin-right:0;}
.refbox .over {background-color:rgba(232,155,173,0.7);position:absolute;top:100%;left:0;width:100%;height:100%;transition: all .3s;}
.refbox .overinner {font-weight:bold;text-align:center;position:relative;top:50%;color:#FFF;font-size:30px;transform: translateY(-50%);padding:10px;box-sizing:border-box;}
.refbox:HOVER .over {top:0;}

.contactform.ginner {max-width:1100px;padding-top:100px;padding-bottom:100px;}
.cformcol {float:left;width:310px;}
.cformcol.middlecol {margin-left:85px;margin-right:85px;}
.cformcol h2 {margin-bottom:20px;font-size:30px;text-transform:uppercase;color:#e89bad;font-family: 'Advent Pro', sans-serif;margin-top:0px;}
.cformcol input {border-radius:0;height:30px;box-sizing:border-box;width:100%;border:1px solid #e89bad;font-family: 'Roboto', sans-serif;font-size:16px;padding-left:10px;margin-bottom:12px;}
.agbcheck {padding-left:45px;position:relative;}
.agbcheck .checkouter {box-sizing:border-box;position:absolute;height:35px;width:35px;left:0;top:0;cursor:pointer;}
.agbcheck a {color:#000;text-decoration:none;font-weight:bold;}
.agbcheck .checkouter .checkinner {position:absolute;height:100%;width:100%;left:0;top:0px;background-color:#FFF;transition: all .3s;border:1px solid #e89bad;}
.agbcheck .checkouter.active .checkinner {background-color:#e89bad;}
.cformcol .mandinfo {color:#e89bad;margin-top:25px;}
.cformcol textarea {border-radius:0;resize:none;height:114px;box-sizing:border-box;width:100%;border:1px solid #e89bad;font-family: 'Roboto', sans-serif;font-size:16px;padding-left:10px;margin-bottom:12px;padding-top:5px;}
.cformbtn {margin-bottom:12px;transition: all .3s;height:30px;text-align:center;border:1px solid #e89bad;color:#e89bad;text-transform:uppercase;font-weight:bold;box-sizing:border-box;cursor:pointer;line-height:28px;}
.cformbtn:HOVER {background-color:#e89bad;color:#FFF;}
.contactinfoleft {float:left;width:70px;}
.contactinforight {float:left;}

.error {border-color:red !important;}

.footertop {width:100%;display:block;}
.footerpink {background-color:#ef91a7;padding-top:50px;padding-bottom:70px;}
.footerpink .ginner {text-align:center;}
.fcol {text-align:left;color:#FFF;display:inline-block;vertical-align:top;}
.fcol h3 {margin-bottom:12px;font-size:18x;text-transform:uppercase;color:#FFF;font-family: 'Advent Pro', sans-serif;margin-top:0px;}
.fcol a, .fcol .link {color:#FFF;text-decoration:none;cursor:pointer;}
.copyfooter {font-size:14px;margin-top:60px;color:#FFF;}
.copyfooter a{font-weight:bold;color:#FFF;text-decoration:none;cursor:pointer;}
.fcolmargin {margin-left:80px;}

.header .ginner  {max-width:1400px;}
.header  {height:180px;position:fixed;overflow:hidden;left:0;top:0;z-index:99;width:100%;}
.header .headerbg {height:260px;position:absolute;display:block;left:50%;top:0;transform: translateX(-50%);min-width:100%;}
.header .logo {width:250px;position:absolute;left:50%;top:20px;transform: translateX(-50%);}
.header .a {vertical-align:top;text-align:center;display:inline-block;color:#FFF;position:relative;display:inline-block;font-weight:bold;font-family: 'Advent Pro', sans-serif;}
.header .leftas {position:absolute;left:0;top:20px;}
.header .leftas .a{margin-right:45px;cursor:pointer;}
.header .a img {width:95px;display:block;margin-top:5px;display:none;position:absolute;bottom:-30px;left:50%;transform: translateX(-50%);}
.header .a:HOVER img {display:block;}
.header .rightas {position:absolute;right:0;top:20px;}
.header .rightas .a{margin-left:45px;cursor:pointer;}

.sticky {position:fixed;right:0;z-index:100;}
.sticky img {width:75px;}
.sticky.stickytel {top:220px;}
.sticky.stickymail {top:300px;}
.sticky.stickypin {top:380px;}

.generalginner {padding-top:50px;}
.generalginner h1 {margin:0;font-size:30px;text-transform:uppercase;color:#e89bad;font-family: 'Advent Pro', sans-serif;margin-top:0px;margin-bottom:30px;}

.arrows {position:absolute;height:50px;top:50%;margin-top:-25px;z-index:98;cursor:pointer;background-color:rgba(232,155,173,0.5);padding:10px 0;}
.arleft {left:20px;}
.arright {right:80px;}

.news {position:relative;padding-bottom:100px;}
.newsimgfullwidth {height:30vw;background-size:cover;background-position:center center;}
.news  h2 {    margin: 0;    font-size: 30px;    text-transform: uppercase;    color: #e89bad;    font-family: 'Advent Pro', sans-serif;    margin-top: 0px;    text-align: center;    position: relative;    width: 100%;    text-align: center;margin-bottom:50px;}
.contentslide {padding-left:30px;padding-right:30px;}
.contentslide .img {background-size:cover;background-position:center center;height:360px;} 
.contentslide h3 {color: #e89bad;margin-top: 25px;margin-bottom:20px;text-transform: uppercase;font-size: 20px;font-family: 'Advent Pro', sans-serif;}
.contentslide .teaser a {color:#e89bad;text-decoration:none;}
.contentslide .button{transition: all .3s;line-height:33px;text-align:center;border:1px solid #e89bad;display:block;color:#020307;text-decoration:none;margin-top:20px;}
.contentslide .button:HOVER {background-color:#e89bad;color:#FFF;}
.sliderouter {position:relative;}
.nsliderouter {position:relative;}
.newsdetail {display:none;padding-left:30px;padding-right:30px;box-sizing:border-box;}
.newsdetail h2 {position:relative;margin-bottom:20px;font-size:30px;text-transform:uppercase;color:#e89bad;font-family: 'Advent Pro', sans-serif;margin-top:0px;text-align:left;margin-top:70px;padding-right:30px;}
.newsdetail a {color:#000;}

.closex {font-family: Arial, Baskerville, monospace;position:absolute;top:0;right:30px;color:#e89bad;font-size:30px;cursor:pointer;z-index:2;}

.iconsright {position:fixed;right:0;top:460px;z-index:100;}
.iconsright .icon {position:relative;height:75px;margin-bottom:5px;cursor:pointer;}
.iconsright .iconimg {height:100%;position:absolute;top:0;right:0;transition: all .3s;}
.iconsright .iconimgactive {opacity:0;z-index:1;}
.iconsright .icon:HOVER .iconimgactive,.iconsright .icon.active .iconimgactive {opacity:1;}

.priceoverlay {position:fixed;transition: all .8s;top:50%;transform: translateY(-50%);right:-1200px;width:800px;margin-right:-400px;z-index:101;}
.priceoverlay.active {right:50%;}
.priceoverlay img {width:100%;display:block;}
.priceoverlay .closex {top:-5px;right:5px;} 
.pricelogo {height:44px;display:inline-block;margin-right:5px;}

.teloverlay {font-size:20px;z-index:100;transition: all .3s;width:200px;padding:20px;border:2px solid #e89bad;background-color:#FFF;position:fixed;top:-300px;left:50%;margin-left:-120px;text-align:center;}
.teloverlay.active {top:200px;}
.teloverlay .closex {right:5px;top:-5px;}

.closearticlemobile{cursor:pointer;display:none;transition: all .3s;line-height:33px;text-align:center;border:1px solid #e89bad;display:block;color:#020307;text-decoration:none;margin-top:20px;}
.closearticlemobile:HOVER {background-color:#e89bad;color:#FFF;}

.team {height:1050px;margin-top:-100px;}
.teamouter {text-align:center;position:absolute;top:215px;left:0;width:100%;}
.teamouter .tm {width:324px;display:inline-block;margin-left:30px;margin-right:30px;vertical-align:top;} 
.teamouter .tm img {width:100%;}
.teamouter .tm div.tmhead {color: #e89bad;margin-top: 25px;margin-bottom:20px;text-transform: uppercase;font-size: 20px;font-family: 'Advent Pro', sans-serif;}
.teamouter .tm .tmtext {text-align:left;}
.team h2 {top:125px;}


/***********RESPONSIVE****************/

.mobileas {display:none;background-color:#e89bad;position: relative;z-index: 10;}
.header  .mobileas .a {display:block;float:none;font-size:20px;padding-left:10px;margin:0;line-height:40px;cursor:pointer;}

.togglebtn {    position: absolute;   right: 15px;    top: 15px;    width: 30px;    height: 40px;z-index:20;display:none;}
#toggle {display: block;width: 30px;height: 38px;position: absolute;top: 2px;right: 2px;padding-top: 10px;}
#toggle span, #toggle span:after, #toggle span:before {width: 100%;height: 5px;background-color: #FFF;transition: all .3s;}
#toggle span {position: absolute;}
#toggle span:after, #toggle span:before {position: absolute;top: -10px;left: 0;content: '';}
#toggle span:after {top: 10px;}
.menu_open #toggle span:before {background-color: #FFF;-webkit-transform: rotate(45deg) translate(7px, 9px);-ms-transform: rotate(45deg) translate(7px, 9px);transform: rotate(45deg) translate(7px, 9px);}
.menu_open #toggle span:after {background-color: #FFF;-webkit-transform: rotate(-45deg) translate(5px, -7px);-ms-transform: rotate(-45deg) translate(5px, -7px);transform: rotate(-45deg) translate(5px, -7px);}
.menu_open #toggle span {background-color: transparent;}

.togglebtnmobile {z-index:10;display:none;position:fixed;left:50%;margin-left:-25px;bottom:10px;width:50px;height:38px;}
.togglebtnmobile span{box-sizing:border-box;border:1px solid #79b51c;width: 100%;height: 6px;background-color: #FFF;transition: all .3s;margin-bottom:4px;display:block;}
.menu_open .togglebtnmobile {display:none !important;}

@media screen and (max-width: 1400px)
{
	.ginner {margin-left:10px;margin-right:10px;}
	.ginner:not(.introginner) {box-sizing:border-box;}
}

@media screen and (max-width: 1300px)
{
	.absboxouter {position:absolute;display:inline-block;width:100%;bottom:0;left:0;text-align:center;}
	.absboxanspr {width:30%;position:relative;display:inline-block;left:0;text-align:left;margin-left:1.5%;margin-right:1.5%;vertical-align:bottom;}
	.absboxabout2 {width:60%;}
	.absboxabout2 .about2left {width:20%;}
	.absboxabout2 .about2right {width:75%;}
	.absboxabout1 {width:35%;}
	.refbox {width:32%;height:28vw;}
	.refbox2, .refbox5, .refbox8, .refbox11 {margin-left:2%;margin-right:2%;}
	.refs {padding:0;}
	.leftas {display:none;}
	.rightas {display:none;}
	.togglebtn {display:block;}
	.header {height:auto;min-height:260px;}
}

@media screen and (max-width: 1200px)
{
	.coworking {padding-top: 100px;}
	.coworking .ginner {text-align:center;}
	.coworking h2 {position:relative;top:auto;}
	.coworking .imgcenter {max-width:100%;display:block;position:relative;top:auto;left:auto;margin:auto;margin-top:50px;}
	.coworking .textleft {display:inline-block;position:relative;top:auto;left:auto;vertical-align:top;margin-top:20px;text-align:left;margin-right:30px;}
	.coworking .textright {display:inline-block;position:relative;top:auto;right:auto;vertical-align:top;margin-top:20px;text-align:left;}
	.cformcol {width:32%;}
	.cformcol.middlecol {margin-left:2%;margin-right:2%;}
	.fcol {margin:0;width:49%;}
	.teamouter {position:relative;top:auto;}
	.teamouter .tm {margin:auto;margin-top:30px;display:block;}
	.team {height:auto;padding-bottom:70px;padding-top:100px;}
}

@media screen and (max-width: 1000px)
{
	.introginner {padding-top:20px;}
	.introleft {float:none;width:auto;}
	.introright {float:none;width:324px;margin:auto;margin-top:30px;max-width:100%;}
	.possibilities {height:700px;}
	.yourz {height:700px;}
	.anspruch {height:auto;padding-top:60px;padding-bottom:60px;}
	.anspruch h2 {position:relative;bottom:auto;}
	.anspruch .absboxouter {position:relative;bottom:auto;left:auto;display:block;}
	.absboxanspr {width:auto;display:block;padding-bottom:35px;margin-top:10px;margin-bottom:20px;}
	.sticky img {width:40px;}
	.sticky.stickymail {top:265px;}
	.sticky.stickypin {top:310px;}
	.about {height:auto;padding-top:40px;padding-bottom:60px;}
	.absboxabout1 {position:relative;top:auto;left:auto;width:auto;margin-top:40px;margin-bottom:20px;}
	.absboxabout2  {position:relative;top:auto;left:auto;width:auto;}
	.ambiente {height:700px;}
	.refbox {margin-bottom:20px;}
	.sticky.stickytel {
		top: 180px;
	}
	.sticky.stickymail {
		top: 225px;
	}
	.sticky.stickypin {
		top: 270px;
	}
	.refbox .overinner {font-size:3vw;}
	.arrows {display:none;}
	.iconsright {top:315px;}
	.iconsright .icon {height:40px;}
	.nsliderouter .arrows {display:block;height:25px;margin-top:-50px;}
	.nsliderouter .arrows.arright {right:10px;}
	.nsliderouter .arrows.arleft {left:10px;}
}

@media screen and (max-width: 800px)
{
	.priceoverlay {width:100%;margin-right:0;}
	.priceoverlay.active {right:0;}
}

@media screen and (max-width: 767px)
{
	.possibilities {height:auto;padding-top:50px;padding-bottom:90px;}
	.absbox.absboxposs {width:auto;position:relative;bottom:auto;left:auto;}
	.yourz {height:auto;padding-top:50px;padding-bottom:90px;}
	.absboxyourz {width:auto;position:relative;bottom:auto;left:auto;top:auto;transform:none;}
	.fcol {margin-left:0px;margin-right:0px;margin-bottom:20px;display:block;width:auto;}
	.coworking {height:auto;padding-bottom:70px;padding-top:100px;}
	.coworking .textleft {margin:auto;margin-top:20px;display:block;}
	.coworking .textright {margin:auto;display:block;}
	.refbox {width:48%;margin:0;height:48vw;margin-bottom:4vw;}
	.refbox2, .refbox4, .refbox6, .refbox8,.refbox10, .refbox12 {margin-left:4%;}
	.cformcol {width:auto;float:none;margin:0;}
	.cformcol.middlecol {margin:0;margin-top:20px;}
	.cformcol h2 br {display:none;}
	.refbox .overinner {font-size:4vw;}
	.closearticlemobile {display:block;}
	.newsdetail .closex {display:none;}
	.contentslide {padding:0;}
	.newsdetail {padding:0;}
	.newsdetail h2 {padding:0;}
}

@media screen and (max-width: 500px)
{
	.ambiente h2,.anspruch h2, .absbox h2 {font-size:30px;}
	.header .logo {width:190px;top:16px;left:20px;transform:none;}
	.header .mobileas .a {text-align:left;}
	.introginner {margin-top:-100px;}
	.contactform.ginner {padding-top:40px;}
	.coworking h2 {font-size:30px;}
	.coworking .textright {width:290px;}
	.coworking .textleft {width:290px;}
	.ambiente {height:400px;}
	
}

@media screen and (max-width: 330px)
{
	
}

/***************************************OWLSLIDER*****************************************/

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    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);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    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);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 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);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    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);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-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);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-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);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-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);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    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);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    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);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

/****************************************OVERLAY***************************************/



/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80); }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  -webkit-box-shadow: none;

  box-shadow: none; }



button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  filter: alpha(opacity=65);

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover,

  .mfp-close:focus {

    opacity: 1;

    filter: alpha(opacity=100); }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  color: #333; }



.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  filter: alpha(opacity=65);

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: transparent; }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover,

  .mfp-arrow:focus {

    opacity: 1;

    filter: alpha(opacity=100); }

  .mfp-arrow:before,

  .mfp-arrow:after,

  .mfp-arrow .mfp-b,

  .mfp-arrow .mfp-a {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after,

  .mfp-arrow .mfp-a {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before,

  .mfp-arrow .mfp-b {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after,

  .mfp-arrow-left .mfp-a {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before,

  .mfp-arrow-left .mfp-b {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after,

  .mfp-arrow-right .mfp-a {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before,

  .mfp-arrow-right .mfp-b {

    border-left: 27px solid #3F3F3F; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0; } }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }

  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }

  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; } }



.mfp-ie7 .mfp-img {

  padding: 0; }



.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px; }



.mfp-ie7 .mfp-container {

  padding: 0; }



.mfp-ie7 .mfp-content {

  padding-top: 44px; }



.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0; }



 /**

   * Fade-zoom animation for first dialog

   */

  

  /* start state */

  .my-mfp-zoom-in .zoom-anim-dialog {

	opacity: 0;



	-webkit-transition: all 0.2s ease-in-out; 

	-moz-transition: all 0.2s ease-in-out; 

	-o-transition: all 0.2s ease-in-out; 

	transition: all 0.2s ease-in-out; 







	-webkit-transform: scale(0.8); 

	-moz-transform: scale(0.8); 

	-ms-transform: scale(0.8); 

	-o-transform: scale(0.8); 

	transform: scale(0.8); 

  }



  /* animate in */

  .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {

	opacity: 1;



	-webkit-transform: scale(1); 

	-moz-transform: scale(1); 

	-ms-transform: scale(1); 

	-o-transform: scale(1); 

	transform: scale(1); 

  }



  /* animate out */

  .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {

	-webkit-transform: scale(0.8); 

	-moz-transform: scale(0.8); 

	-ms-transform: scale(0.8); 

	-o-transform: scale(0.8); 

	transform: scale(0.8); 



	opacity: 0;

  }



  /* Dark overlay, start state */

  .my-mfp-zoom-in.mfp-bg {

	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 

	-moz-transition: opacity 0.3s ease-out; 

	-o-transition: opacity 0.3s ease-out; 

	transition: opacity 0.3s ease-out;

  }

  /* animate in */

  .my-mfp-zoom-in.mfp-ready.mfp-bg {

	opacity: 0.8;

  }

  /* animate out */

  .my-mfp-zoom-in.mfp-removing.mfp-bg {

	opacity: 0;

  }