@charset "utf-8";
/*
Thanks for watching, your welcome!
  __  __ _____  _____ _______ ______ _____             _   _ _____  ______ _____   _____  ____  _   _ 
 |  \/  |_   _|/ ____|__   __|  ____|  __ \      /\   | \ | |  __ \|  ____|  __ \ / ____|/ __ \| \ | |
 | \  / | | | | (___    | |  | |__  | |__) |    /  \  |  \| | |  | | |__  | |__) | (___ | |  | |  \| |
 | |\/| | | |  \___ \   | |  |  __| |  _  /    / /\ \ | . ` | |  | |  __| |  _  / \___ \| |  | | . ` |
 | |  | |_| |_ ____) |  | |  | |____| | \ \   / ____ \| |\  | |__| | |____| | \ \ ____) | |__| | |\  |
 |_|  |_|_____|_____/   |_|  |______|_|  \_\ /_/    \_\_| \_|_____/|______|_|  \_\_____/ \____/|_| \_|
	
v3.4	
*/	

/*----------------------- general start*/
* {
  outline: none !important;
}

html { 
	font-size: 62.5%;
}

html, body {  
	height: 100%;
	background-color:	#fff;		
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 2.6rem;
	line-height: 26px;
  font-weight: 400;
	color: #000;
	overflow-x:hidden;
}

a {
	text-decoration: none;
}

a:active {
	outline: none;
}

img {
 border: 0;
}

.container img {
	max-width: 100%;
	height: auto;
}

section {
	background-color: #fff;
}

strong {
	font-weight: 700;
}
/*----------------------- general end*/

/*----------------------- preloader start*/
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #222;
} 

.ball-pulse-double .loader {
	position: absolute;
  	width: 200px;
  	height: 200px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);		
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);		
	-o-transform: translate(-50%, -50%);
}

.ball-pulse-double .loader:after {
	position: absolute;	
	content: 'LADEN';
	color: #fff;
	top: 100px;
	left: 100px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);		
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);		
	-o-transform: translate(-50%, -50%);
	font-size: 12px;	
}

.ball-pulse-double .ball-1,
.ball-pulse-double .ball-2 {
  	position: absolute;
  	top: 25%;
  	left: 25%;
  	width: 50%;
  	height: 50%;
  	background-color: #e94190;
  	border-radius: 50%;
  	-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
  	animation: ballPulseDouble 2s ease-in-out infinite;
  	opacity: .5;
}

.ball-pulse-double .ball-2 {
  	-webkit-animation-delay: -1s;
  	animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {
  0%, 100% {
    transform: scale(0);	  
	-webkit-transform: scale(0);		
	-moz-transform: scale(0);	
	-ms-transform: scale(0);		
	-o-transform: scale(0); 
  }
  50% {
    transform: scale(1);	  
	-webkit-transform: scale(1);		
	-moz-transform: scale(1);	
	-ms-transform: scale(1);		
	-o-transform: scale(1); 
  }
}

@keyframes ballPulseDouble {
  0%, 100% {
    transform: scale(0);	  
	-webkit-transform: scale(0);		
	-moz-transform: scale(0);	
	-ms-transform: scale(0);		
	-o-transform: scale(0); 
  }
  50% {
    transform: scale(1);	  
	-webkit-transform: scale(1);		
	-moz-transform: scale(1);	
	-ms-transform: scale(1);		
	-o-transform: scale(1); 
  }
}
/*----------------------- preloader end*/

/*----------------------- section navbar start*/
#show-menu {
	position: fixed;
	top: 8px;
	right: 7px;
	width: 68px;
	height: 79px;
	cursor: pointer;
	background-image: url(../images/hexagon-menu.png);
	background-repeat: no-repeat;
	z-index: 5001;
}

#show-menu .text {
	position: relative;
	margin-top: 32px;
	font-size: 1.2rem;
	font-size: 12px;
	line-height: 1rem;
	line-height: 10px;
	color:#FFF;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
}

#logo-header {
	width: 116px;
	height: 57px;
	position: fixed;
	top: 10px;
	left: 18px;
	background-image: url(../images/logos/logo-header.png);
	background-repeat: no-repeat;
	z-index: 1000;
}

#logo-header-panorama {
	width: 116px;
	height: 57px;
	position: fixed;
	top: 10px;
	right: 18px;
	background-image: url(../images/logos/logo-header.png);
	background-repeat: no-repeat;
	z-index: 1000;
}

#btn-menu {
	float: right;
	margin-top: 33px;
	margin-right: 20px;
	font-weight: 400;
  line-height: 50px;		
}

#btn-menu i {
	padding-right: 10px;	
	font-size: 3.6rem;
	font-size: 36px;
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
}

#btn-menu a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	transition: all 0.26s ease;		
}

#btn-menu a:hover {
	color: #eb5b27;
}
/*----------------------- section navbar end*/

/*----------------------- fullscreen menu start*/
.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	left: 0px;
	top: 0;
	background-color: rgba(0,0,0, 0.87);
	overflow-x: hidden;	
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	transition: all 0.26s ease;		
	z-index: 10000;
}

.overlay-content {
	position: relative;
	top: 15%;
	width: 100%;
}

.overlay-content ul {
	list-style-image: none;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding: 0;	
}

.overlay-content ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
	font-size: 3.8rem;
	font-size: 38px;
	font-weight: 100;
	color: #fff;
}

.overlay-content .text-small {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.2rem;
	font-size: 22px;
	color: #fff;
}

.overlay-content ul li a {
	width: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;	
	display: block;
	color: #EAEAEA;
}

.overlay-content ul li a:hover, .overlay-content a:focus {
  color: #e94190;
	transform: translate(20px, 0);
	-webkit-transform: translate(20px, 0);		
	-moz-transform: translate(20px, 0);	
	-ms-transform: translate(20px, 0);		
	-o-transform: translate(20px, 0);		
}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 60px;
	color:#EAEAEA;	
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	transition: all 0.26s ease;	
}

.closebtn:hover {
  	color: #e94190;
}

#nav-more {
	position: absolute;
	top: 16px;
	left: 50px;
}

#nav-more ul i {
	width: 34px;
	height: 39px;	
	color: #fff;
	font-size: 1.5rem;
	font-size: 15px;
	margin-top: 11px;
	text-align: center;
}

#nav-more ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#nav-more ul li {
	width: 34px;
	height: 39px;	
	float: left;
	margin-right: 22px;	
	text-align: center;
	background-image: url(../images/hexagon-frame.png);
	background-repeat: no-repeat;	
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	transition: all 0.26s ease;		
}

#nav-more ul li a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

#nav-more ul li:hover {
	background-image: url(../images/hexagon-full.png);
}

#nav-more ul li:last-child {
	margin-right: 0px;
}
/*----------------------- fullscreen menu end*/

/*----------------------- hero start*/
.intro {
	position: relative;
	width: 100%;
	height: 100%;
/*	background-color: #e94190;*/
}

.split-center {
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	-webkit-transform: translate(-50%, -50%);	
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	
	-o-transform: translate(-50%, -50%);		
	z-index: 2000;
}

.video-wrapper {
  perspective: none;
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	-webkit-transform: translate(-50%, -50%);	
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	
	-o-transform: translate(-50%, -50%);		
	z-index: 3000;
}

.video-smartphone {
	width: 288px;
	height: auto;
	margin-left: 4px;
 	transform: rotateZ(-10.67deg);
/*	z-index: 3500;*/
}

.mouse {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%, 0%);	
	-webkit-transform: translate(-50%, 0%);	
	-moz-transform: translate(-50%, 0%);	
	-ms-transform: translate(-50%, 0%);	
	-o-transform: translate(-50%, 0%);		
	width: 34px;
	height: 60px;
  	margin-left: -17px; /*minus half width*/
	z-index: 2000;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

#hero {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#hero .typo {
	position: absolute;
	left: 60%;
	margin-right: 10%;
	top: 19%;
}

#hero .typo-center {
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

#hero h2 {
	margin-bottom: 0;
	font-size: 9rem;
	font-size: 90px;
	line-height: 9rem;
	line-height: 90px;
	font-weight: 200;
	color: #3B3B3B;
}

#hero .typo-center h2,
#hero .typo-center h3 {
	text-align: center;
}

#hero h3 {
	font-size: 3.8rem;
	font-size: 38px;
	line-height: 5rem;
	line-height: 50px;
	font-weight: 300;
	color: #3B3B3B;
}

.line-center {
	width: 100px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
	text-align: center;
}

#hero .typo-white h2,
#hero .typo-white h3 {
	color: #fff;
}

#hero .mouse {
	position: absolute;
	bottom: 4%;
	left: 50%;
	transform: translate(-50%, 0%);	
	-webkit-transform: translate(-50%, 0%);	
	-moz-transform: translate(-50%, 0%);	
	-ms-transform: translate(-50%, 0%);	
	-o-transform: translate(-50%, 0%);		
	width: 34px;
	height: 60px;
  margin-left: -17px; /*minus half width*/
	z-index: 2000;
}

#hero-image {
	width: 100%;
	margin-top: 0;
	margin-bottom: 50px;
}

#hero-image img {
	width: 100%;
}

.split-hero {
	position: absolute;
  top: 0%;
	right: 0%;
	width: 50%;
	height: 100%;
	z-index: 1;
}

.background-split-webdesign {
	background-color:rgba(237, 240, 255, 0.45);
}

.background-split-grafikdesign {
	background-color:rgba(175, 70, 114, 0.40);
}

.background-split-printdesign {
	background-color:rgba(0, 0, 0, 0.35);
}

.background-split-mister-anderson {
	background-color:rgba(43, 71, 56, 0.75);
}

.background-split-home {
	background: rgba(233, 65, 144, 0.48)
}
/*----------------------- hero end*/

/*----------------------- teaser start*/
#teaser.wrapper {
	padding-top: 30px;
	margin-bottom: 100px;
}

#teaser {
	text-align: center;
}

.teaser-home {
	padding-left: 75px;
	padding-right: 75px;
	text-align: center;
}

.circular {
	position: relative;
	border-radius: 50%;
	width: 100%;
	height: auto;
}

#teaser h1 {
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 3.8rem;
	font-size: 38px;
	line-height: 3.8rem;
	line-height: 38px;
	font-weight: 300;
	text-align: center;
}

#teaser h2 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 2.8rem;
	font-size: 28px;
	line-height: 1em;
	text-align: center;
}

#teaser a h2,
#teaser a p {
	color: #000;
}

#teaser p {
	margin-top: 0px;
	margin-bottom: 18px;
	text-align: center;
}

#teaser .btn {
	margin-top: 8px;
}

.alpha-shadow {
	filter: drop-shadow(3px 6px 6px #888);
	-webkit-filter: drop-shadow(3px 6px 6px #888);
}
/*----------------------- teaser end*/

/*----------------------- teaser start*/
#news.wrapper {
	padding-top: 100px;
	margin-bottom: 100px;
}

#news ul {
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#news ul li {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	transition: all 0.3s;
	-webkit-transition: all 0.26s ease-in-out;
	-moz-transition: all 0.26s ease-in-out;
	-ms-transition: all 0.26s ease-in-out;
	-o-transition: all 0.26s ease-in-out;
}

#news ul li:hover  {
	background-color: #fff;
	padding-left: 20px;
}

#news h3 {
	margin: 0;
}

#news p {
	margin-top: 10px;
	margin-bottom: 0;
	text-decoration: underline;
	color: #000;
}
/*----------------------- teaser end*/

/*----------------------- panel start*/
.panel {}

.panel-pic {
	position: relative;
	width: 50%;
	float: left;	
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	z-index: 100;
	overflow: hidden;
}

.panel-pic .panel-visual {
	object-fit: fill;
}

.play { 
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 200;
}

.play img { 
	position: absolute;
	width: 130px;
	height: 130px;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);	 
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	 
	-o-transform: translate(-50%, -50%);	
}

.panel-content {
	width: 50%;
	float: left;
}

.background-service {
	background-image: url(../images/home/service.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.background-grafikdesign {
	background-image: url(../images/grafikdesign/visual-grafikdesign.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.background-printdesign {
	background-image: url(../images/printdesign/visual-printdesign.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.background-webpages {
	background-image: url(../images/webdesign/visual-webpages.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.background-budget {
	background-image: url(../images/home/visual-budget.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.background-motion-graphics {
	background-image: url(../images/grafikdesign/still-motion-graphics.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.background-6-schritte {
	background-image: url(../images/webdesign/still-6-schritte.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.panel-inner {
	padding-top: 120px;
	padding-right: 100px;
	padding-bottom: 120px;
	padding-left: 100px;
}

.panel-inner p:last-of-type {
	margin-bottom: 0;
}

.panel h2,
.panel h3,
.panel p {
	color: #FFF;
}

.panel h1 {
	color: #fff;
	font-size: 4rem;
	font-size: 40px;
	line-height: 4.1rem;
	line-height: 41px; 
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 20px;
}

.panel h2 {
	font-size: 4rem;
	font-size: 40px;
	line-height: 4.1rem;
	line-height: 41px; 
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 20px;
}

.panel h3 {
	margin-top: 0;
	margin-bottom: 20px;
}

.panel btn {
	margin-top: 30px;
}

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

.split-left {	
	width: 50%;
	float: left;
	overflow: hidden;
}

.split-right {
	float: right;	
	width: 50%;
	overflow: hidden;
}

.inner {
	padding: 100px;
}

.split h2 {
	font-size: 8rem;
	font-size: 80px;
	line-height: 100rem;
	line-height: 100px;
	font-weight: 300;
	color: #000	
}

.split h3 {
	line-height: 3.5rem;
	line-height: 35px;
}

.split h1:first-of-type,
.split h2:first-of-type,
.split h3:first-of-type,
.split h4:first-of-type,
.split p:first-of-type {
margin-top: 0;
}

.parallax-pattern-1 {
	background-image: url("../images/background-pattern-1.png");
	background-repeat: no-repeat center; 
	background-size: cover;
}

.parallax-pattern-2 {
	background-image: url("../images/background-pattern-2.png");	
	background-repeat: no-repeat center; 
	background-size: cover;
}

.parallax-datenschutz {
	position: relative;
	background-image: url(../images/datenschutz/dsgvo.jpg);
	background-repeat: no-repeat center; 
	background-size: cover;
	min-height: 50%;
}

.parallax-impressum {
	position: relative;
	background-image: url(../images/impressum/impressum.jpg);
	background-repeat: no-repeat center; 
	background-size: cover;
	min-height: 50%;
}
/*----------------------- parallax end*/

/*----------------------- section start*/
section.wrapper-140 {
	padding-top: 140px;
	padding-bottom: 140px;
}

section.wrapper-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

section.line {
	border-bottom: 1px solid #DCDCDC;
}

section.line-top {
	border-top: 1px solid #DCDCDC;
}

.title {
	margin-top: 0;
	font-size: 7rem;
	font-size: 70px;
	line-height: 8rem;
	line-height: 80px;
	font-weight: 200;
	color: #e94190;	
	text-align: right;
}

.line-right {
	float: right;
	width: 100px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-right: 0;
	border: 2px solid #575757;
}

.line-right:after {
	content: "";
  	display: table;
  	clear: both;
}

.typo-white .line-left {
	border: 2px solid #fff;
}

.line-left {
	width: 100px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 0;
	border: 2px solid #575757;
}

/*----------------------- portfolio start*/
#referenzen {
	margin-top: 70px;
}

/* filter */
#filters-bar {
	margin-bottom: 30px;
	text-align: center;
}

#filters-bar h1 {
	font-size: 50px;
	margin-bottom: 40px;
}

#filters {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	font-size: 1.5rem;
	font-size: 15px;
	text-transform: uppercase;
}

#filters ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#filters li {
	display: inline;
}

#filters a {
	margin: 6px;
	padding: 9px 24px;
	color: #999;
	position: relative;
	display: inline-block;
	background-color: #fff;
	font-weight: 400;
	text-decoration: none;
	border: 2px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;	
	-webkit-transition: background .26s ease-in-out;
	-moz-transition: background .26s ease-in-out;
	-ms-transition: background .26s ease-in-out;
	-o-transition: background .26s ease-in-out;
	transition: background .26s ease-in-out;		
}

#filters a:hover {
	background-color: #999;
	color: #fff;
}

#filters a.current {
	color: #fff;
	background-color: #f43b98;
	position: relative;
	text-decoration: none;
	border: 2px solid #e94190;	
}

/*items*/
.portfolio-items {
	width: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;  
}

.portfolio-items article {
	float: left;
	overflow: hidden;
	position: relative;
}

.portfolio-items a {
	display: block;
	overflow: hidden;
	background-color: #f43b98; /*Color for hover*/
}

.portfolio-items img {
	vertical-align: middle;
	width: 100%;
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	-o-transition: -o-transform 0.5s ease;
	transition: transform 0.5s ease;	
}

.portfolio-items .current img {
	opacity: 0.1 !important;
	filter:alpha(opacity=10) !important;	
}

.portfolio-items a:hover img {
	transform: scale(1.2) rotate(5deg);	
	-webkit-transform: scale(1.2) rotate(5deg);
	-moz-transform: scale(1.2) rotate(5deg);
	-ms-transform: scale(1.2) rotate(5deg);
	-o-transform: scale(1.2) rotate(5deg);	
	-webkit-filter: blur(3px);
	filter: blur(3px);		
}

.portfolio-items p {	
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 4rem;
	font-size: 40px;
	font-weight: 300;
	text-transform: uppercase;
	opacity: 0;
	filter:alpha(opacity=0);
}

.portfolio-items span {
	position: relative;
	top: -30px;
	display: block !important;
	margin-bottom: 33px;
	font-size: 4rem;
	font-size: 40px;
	opacity: 0;
	filter:alpha(opacity=0);
}
/*----------------------- portfolio end*/

/*----------------------- section services start*/
.services.wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}

.services.nobottom {
	margin-bottom: 0px;
}

.services i {
	font-size: 180px;
	color: #5b5b5b;
}

.services p:last-of-type {
	margin-bottom: 0;
}
/*----------------------- section services end*/

/*----------------------- section expertise start*/
#expertise {}

#expertise.wrapper {
	margin-top: 100px;
	margin-bottom: 100px;
}

#expertise h3 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: 500;
	color: #e94190;
	text-transform: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}

#expertise h3 i {
	margin-top: 4px;
	color: #2FAEFB;
}

#claim h3 {
	margin-top: 40px;
	margin-bottom: 35px;
	font-size: 2.6rem;
	font-size: 26px;
	line-height: 2.6rem;
	line-height: 26px;
}

#claim i {
	color: #e94190;
	margin-top: 20px;
}

#claim-banner {
	height: 250px;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url("../images/mister-anderson/schuhe.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
/*----------------------- section expertise  end*/

/*----------------------- section testimonials start*/
#testimonials {
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
}

#testimonials h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 2rem;
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	text-align: center;
}

#testimonials h3 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 2.5rem;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	color: #e94190;
}

#testimonials i {
	margin-top: 0;
	margin-bottom: 0px;
	font-size: 3.0rem;
	font-size: 30px;
	text-align: center;
}

#testimonials p {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 1.5rem;
	font-size: 15px;
	line-height: 1.5rem;
	line-height: 15px;
	text-align: center;
}
/*----------------------- section testimonials  end*/

/*----------------------- cta-1 start*/
#cta.wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

.cta-1 {
	border: 1px solid #e94190;
	padding-top: 30px;
	padding-right: 35px;
	padding-bottom: 30px;
	padding-left: 35px;
	background-color: #fff;
}

.cta-1 h2 {
	float: left;
	margin: 0;
	padding: 0;	
	font-size: 3.6rem;
	font-size: 36px;
	line-height: 3.6rem;
	line-height: 36px;
	text-transform: none;
}

.cta-1 .btn {
	float: right;
	margin: 0;
}
/*----------------------- cta-1 end*/

/*----------------------- cta-2 start*/
.cta-2 {
	margin-top: 40px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	background-color: #e94190;
}

.cta-2 h2 {
	float: left;
	margin-bottom: 0;
	padding: 0;	
	font-size: 2.2rem;
	font-size: 20px;
	line-height: 2.2rem;
	line-height: 22px;
	color: #fff;
	font-weight: 400;
}

.cta-2 h2:first-child {
	margin-top: 9px;
}

.cta-2 .btn {
	float: right;
	margin: 0;
}
/*----------------------- cta-2 end*/

/*----------------------- section footer start*/
#footer {
	position: relative;
	width: 100%;
	background: linear-gradient(#e94190, #da3884);
	color: #fff;
	padding-top: 14px;
	padding-bottom: 37px;	
}

#footer p {
	margin: 0px;
	text-align: right;	
	font-size: 1.2rem;
	font-size: 12px;
	line-height: 1em;
}

#footer p.copyright {
	text-align: right;	
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1em;
	margin-bottom: 5px; 
}

#footer a {
	color: #fff;
	font-weight: 400;
}

#footer a:hover{
	color: #000;
}

#footer-logo {
	position: absolute;
	width: 45px;
  	left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto; 
}

#footer-info {
	position: relative;
	float: right;
	margin-right: 60px;
	margin-top: 19px;
}

#footer ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#footer-nav {
	position: relative;
	float: left;
	margin-top: 28px;
	margin-left: 60px;
}

#footer-nav ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#footer-nav ul li {
	float: left;
	margin-right: 30px;
	font-size: 1.6rem; 
	font-size: 16px;
	line-height: 1em; 
	text-transform: uppercase;
	font-weight: 500;	
}

#footer-nav ul li:last-child {
	margin-right: 0px;
}

#footer-nav ul li a {
	text-decoration: none;
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	transition: all 0.26s ease;		
}
/*----------------------- section footer start*/

/*----------------------- typography start*/
h1, h2, h3 {
	font-weight: 300;
	margin-bottom: 25px;
	color: #000;
}

h1 {
	margin-top: 0;
	font-size: 5rem;
	font-size: 50px;
	line-height: 5rem;
	line-height: 50px; 
}

h2 { 	
	margin-top: 30px;
	font-size: 3.8rem;
	font-size: 38px;
	line-height: 3.8rem;
	line-height: 38px; 
}

h2:first-child  {
	margin-top: 0;
}

h2 a {
	text-decoration: none;
	color: #000; 
}

h3 {
	margin-top: 35px;
	font-size: 2.8rem;
	font-size: 28px;
	line-height: 2.8rem;
	line-height: 28px; 
}

p {
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 2.6rem;
	line-height: 26px;
	margin-top: 0;
	font-weight: 400;
}

p:first-child  {
	margin-top: 0;
}	

p a {
	color: #e94190;
	text-decoration: underline;
	transition: all 0.26s;	
	-webkit-transition: all 0.26s;	
  	-moz-transition: all 0.26s;    
	-ms-transition: all 0.26s; 
  	-o-transition: all 0.26s;  
}

strong {
	font-weight: 500;
}

p a:hover {
	color: #999;	
}

.text-small {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 1.6rem;
	line-height: 16px;
	margin-top: 0;
	font-weight: 400;
}	

a.text-small  {
	color: #000;
}	
/*----------------------- typography end*/

/*----------------------- contact start*/
.split-contact {
	width: 100%;
	height: 100%;
}

.split-left {
	position: relative;	
	width: 50%;
	height: 100%;
	float: left;
	background-color: #e94190;
}

.split-left h1,
.split-left h2,
.split-left h3,
.split-left p {
	color: #fff;
	text-align: center;
}

.split-left img {
	width: 260px;
	display: block;
	margin-bottom: 28px;
	margin-left: auto;
	margin-right: auto;
}

.split-left a {
	color: #fff;
}

.split-left a:hover {
	color: #000;
}

.split-left-inner {
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	-webkit-transform: translate(-50%, -50%);	
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	
	-o-transform: translate(-50%, -50%);	
}

.split-right {
	position: relative;	
	width: 50%;
	height: 100%;
	float: left;
}

.split-right-inner {
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	-webkit-transform: translate(-50%, -50%);	
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	
	-o-transform: translate(-50%, -50%);	
}

.split-arrow {
	position: absolute;	
	top: 50%;
	left: 50%;
	width: 46px;
	height: 90px;
	transform: translate(-50%, -50%);	
	-webkit-transform: translate(-50%, -50%);	
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	
	-o-transform: translate(-50%, -50%);	
}

.split-arrow img {
	margin-left: 18px;
}
/*----------------------- contact form start*/
#contact form {
	margin-top: 30px;
}

input:focus,
select:focus,
textarea:focus {
	background-color: #F0F0F0;
}

input {
	width: 100%;
	padding: 0 15px;
	margin-bottom: 20px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 1.5rem;
	font-size: 15px;
	font-weight: 400;
	height: 4.5rem;
	height: 45px;
	text-decoration: none;
	white-space: nowrap;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #B7B7B7;
	cursor: pointer;
	box-sizing: border-box;
}

input[type=checkbox] {
	border-radius: 0;
    width: 1.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 2em;
    border: 1px solid black;
}

input[type=checkbox]:checked {
    background-color: #DFDFDF
}

input[type=checkbox]:checked:after {
    margin-left: 0;
    margin-top: 0;
    width: 0.5em;
    height: 1em;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block;
}

textarea {
	width: 100%;
	margin-bottom: 15px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	font-family: 'Roboto', sans-serif;
	color: #000;
	text-align: left;
	font-size: 1.5rem;
	font-size: 15px;
	font-weight: 400;
	height: 18rem;
	height: 180px;
	text-decoration: none;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #B7B7B7;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.26s;
	-moz-transition: all 0.26s;
	-ms-transition: all 0.26s;
	-o-transition: all 0.26s;
}

.label-checkbox {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7;
}

.send {
 width: 100%;
}

td {
	vertical-align:middle;
}

.hasPlaceholderText { /*Fallback modernizr attribute placeholder for input, textarea*/
  color: #000;
}

::-webkit-input-placeholder{color: #000;}
::-moz-placeholder{color:#000; opacity: 1;/* For Firefox 19+ */}
:-ms-input-placeholder{color:#000;}

.delete {}

.delete:hover {
	cursor: pointer;
}

.delete i {
	margin-right: 7px;
}

.pic-contact {
	border-radius: 4px;
}
/*----------------------- contact form end*/
/*----------------------- contact end*/

/*----------------------- misc start*/
.wrapper-margin {
	padding-top: 100px;
	margin-bottom: 100px;
}

.margin-top {
	padding-top: 60px;
}

.divider-line {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #969696;
}

.clear {
	clear: both;
}

.shadow {
	position: relative;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
}
	
.img-responsive {
	max-width: 100%;
  	height: auto;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}

.align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.text-align-left {
	text-align: left;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-150 {

	margin-bottom: 150px;
}

.ul-default {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
}

.ul-default li {
	color: #e94190;
	padding-left: 30px;
	text-indent: -16px;
	line-height: 2rem;
	line-height: 20px;
	margin-bottom: 10px;
}

.ul-default li:last-child {
	margin-bottom: 0px;
}

.ul-default li:before {
	font-size: 0.7rem;
	font-size: 7px;	
	font-family: 'FontAwesome';
	content: '\f10c';
	margin-right: 10px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 2px;
}

.ul-default li a {
	text-decoration: underline;
	color: #e94190;
	transition: all 0.26s;	
	-webkit-transition: all 0.26s;	
  	-moz-transition: all 0.26s;    
	-ms-transition: all 0.26s; 
  	-o-transition: all 0.26s;     
}

.ul-default a:hover {
	color: #000;
}

.ul-default.margin {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ul-default ul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	list-style: none;
}

.ul-check {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	list-style: none;
}

.ul-check li {
 	color: #f39220;
	margin-bottom: 2px;
	padding-left: 29px;
	text-indent: -29px;	
	font-weight: 600;
}

.ul-check li:last-child {
	margin-bottom: 0px;
}

.ul-check li:before {
	font-size: 1.3rem;
	font-size: 13px;	
	font-family: 'FontAwesome';
	content: '\f00c';
	margin-right: 10px;
	color: #eb5b27;
	text-align: center;
	vertical-align: middle;
	line-height: 24px;
	font-weight: 400;
}

#ul-block ul {
	margin-top: 40px;
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#ul-block ul li {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	transition: all 0.3s;
	-webkit-transition: all 0.26s ease-in-out;
	-moz-transition: all 0.26s ease-in-out;
	-ms-transition: all 0.26s ease-in-out;
	-o-transition: all 0.26s ease-in-out;
}

#ul-block ul li:before {
	float: left;
	font-size: 1.1rem;
	font-size: 11px;	
	font-family: 'FontAwesome';
	content: '\f054';
	margin-right: 10px;
}

#ul-block ul li:hover  {
	background-color: #F2F2F2;
	padding-left: 20px;
}

#ul-block h3 {
	margin: 0;
}

#ul-block p {
	margin-top: 0px;
	margin-bottom: 0;
	color: #000;
}

.ul-nav-horizontal {
	margin-top: 70px;
	margin-bottom: 50px;
	padding: 0px;
	list-style: none;
}

.ul-nav-horizontal li {
	float: left;
	margin-right: 15px;
}

.ul-nav-horizontal li a {
	color: #000;
	text-decoration: underline;
}

.ul-nav-horizontal:after {
  	content: "";
  	display: table;
  	clear: both;
}

.pic-effect {
	position: relative;
}

.pic-effect .pic-overlay {
	position: absolute;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);	 
	-moz-transform: translate(-50%, -50%);	
	-ms-transform: translate(-50%, -50%);	 
	-o-transform: translate(-50%, -50%);	
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;		
}

.pic-effect .pic-overlay:before {
	font-family: 'FontAwesome';
	content: '\f002';
	color: #e94190;
	font-size: 6rem;
	font-size: 60px;
}

#teaser .pic-effect .pic-overlay:before {
	font-family: 'FontAwesome';
	content: '\f054';
	color: #e94190;
	font-size: 6rem;
	font-size: 60px;
}

.pic-effect img {
	transition: opacity 0.20s, transform 0.35s;
	-webkit-transition: opacity 0.20s, -webkit-transform 0.35s;	
	-moz-transition: opacity 0.20s, -moz-transform 0.35s;	
	-ms-transition: opacity 0.20s, -ms-transform 0.35s;	
	-o-transition: opacity 0.20s, -o-transform 0.35s;		
	transform: scale(1);	
	-webkit-transform: scale(1);	
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.pic-effect:hover img {
	opacity: 0.4;
	transform: scale(0.88);
	-webkit-transform: scale(0.88); 
	-moz-transform: scale(0.88);
	-ms-transform: scale(0.88);
	-o-transform: scale(0.88);
/*	
  	-webkit-filter: grayscale(100%); 
  	filter: grayscale(100%);	*/
}

.pic-effect:hover .pic-overlay {
	opacity: 1;
}

.pic-effect + p {
	margin-top: 15px;
}

.steps-item{
	margin-bottom: 32px;	
}

.steps-item h2 {
	color: #e94190;
	margin-top: 0px;
	margin-bottom: 17px;
	font-size: 3.0rem;
	font-size: 30px;
	line-height: 3.0rem;
	line-height: 30px;
}

.steps-item p {
	font-size: 1.7rem;
	font-size: 17px;
	line-height: 2.4rem;
	line-height: 24px;
}

.steps-item img {
	margin-bottom: 10px;
/*	border-radius: 4px;*/
}
 
.color-pink {
	color: #e94190;
}

.color-white {
	color: #fff;
}

.color-black {
	color: #000;
}

.background-pink {
	background-color: #e94190;
}

.background-pink-gradient {
  background: linear-gradient(to bottom right, #e94190, #f5ab40);
}

.background-pink-gradient-2 {
 background: linear-gradient(#e94190, #f5ab40);
}

.background-pink-gradient-3 {
  background: linear-gradient(to top left, #e94190, #f5ab40);
}

.background-white {
	background-color: #fff;
}

.background-green {
	background-color: #99AB5A;
}

.background-green-gradient {
  background: linear-gradient(to bottom right, #99AB5A, #5aab95);
}

.background-blue-gradient {
  background: linear-gradient(to bottom right, #728ebc, #62429d);
}

.background-blue-dark {
  background-color: #384a56;
}

.background-black {
  background-color: #000;
}

.background-blue-light {
  background-color: #d5dbe4;
}

.background-light-grey {
	background-color: #f1f1f1;
}

.background-mint {
	background-color: #6eb1b3;
}

.background-mint-gradient {
  background: linear-gradient(to bottom right, #6eb1b3, #5d94b4);
}

.background-urban {
	background-image: url(../images/background-urban.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

button,
.btn {
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	color: #e94190;
	font-weight: 500;
	font-size: 1.5rem;
	font-size: 15px;
	padding: 8px 25px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #e94190;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;	
	transition: all 0.3s;
	-webkit-transition: all 0.26s ease-in-out;
	-moz-transition: all 0.26s ease-in-out;
	-ms-transition: all 0.26s ease-in-out;
	-o-transition: all 0.26s ease-in-out;
	cursor: pointer;
}

button:hover,
.btn:hover {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;	
}

.btn-pink {
	background-color: #e94190;
	color: #fff;
}

.btn-white {
	background-color: #fff;
	color: #e94190;
}

.btn-blue {
	background-color: #fff;
	border: 2px solid #384a56;	
	color: #384a56;
}

.ghost {
	border: 2px solid #fff;	
	background-color: transparent;
	color: #fff;
}

.ghost:hover {
	color: #fff;
}

/*----------------------- animation pulse*/
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;		
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;				
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.4); }
	100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.4); }
	100% { -webkit-transform: scale(1); }
}
@-o-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.4); }
	100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.4); }
	100% { -webkit-transform: scale(1); }
}

@-webkit-keyframes bounce-left {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(-30px);}
 	60% {transform: translateX(-15px);}
}
 
@-moz-keyframes bounce-left {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(-30px);}
 	60% {transform: translateX(-15px);}
}
 
@-o-keyframes bounce-left {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(-30px);}
 	60% {transform: translateX(-15px);}
}

@keyframes bounce-left {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(-30px);}
 	60% {transform: translateX(-15px);}
}

.bounce-left{
  	-moz-animation: bounce-left 2s infinite;
	-webkit-animation: bounce-left 2s infinite;
 	animation: bounce-left 2s infinite;
}

@-webkit-keyframes bounce-right {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(30px);}
 	60% {transform: translateX(15px);}
}
 
@-moz-keyframes bounce-right {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(30px);}
 	60% {transform: translateX(15px);}
}
 
@-o-keyframes bounce-right {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(30px);}
 	60% {transform: translateX(15px);}
}



@keyframes bounce-right {
 	0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
 	40% {transform: translateX(30px);}
 	60% {transform: translateX(15px);}
}

.bounce-right {
  	-moz-animation: bounce-right 2s infinite;
  	-webkit-animation: bounce-right 2s infinite;
  	animation: bounce-right 2s infinite;
}
/*----------------------- misc end*/

/*----------------------- map start*/
#map-canvas {
	height: 100%;;
	width: 100%;
	margin: 0px;
	padding: 0px
}
/*----------------------- map end*/

/*------------------------------------------ scroll to top start*/
.scrollToTop {
	position: fixed;
	width: 40px; 
	height: 46px;
	padding: 0px; 
	overflow: hidden;
	bottom: 10px;
	right: 10px;
	display: none;
	border: none;
	background: url(../images/up.png) no-repeat 0px 0px;
	z-index: 5000;	
	webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
	transition: all 0.26s ease;		
}

.scrollToTop:hover {
	background: url(../images/up-hover.png) no-repeat 0px 0px;
}

.scrollToTop:active, .scrollToTop:focus {
	outline:none;
}
/*------------------------------------------ scroll to topend*/

/*------------------------------------------ form jumpmenu start*/
#jumpmenu select {
	width: 100%;
	padding: 0 15px;
	margin-bottom: 20px;
	color: #e94190;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: 400;
	height: 4rem;
	height: 40px;
	text-decoration: none;
	white-space: nowrap;
	background-color: #F7F7F7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #B7B7B7;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.26s;
	-moz-transition: all 0.26s;
	-ms-transition: all 0.26s;
	-o-transition: all 0.26s;
}
/*------------------------------------------ form jumpmenu end*/
/*fin*/