/*
Theme Name: Divi Child Theme 2
Description: This is a child theme for Divi
Version: 1.0
Author:  Elegant Themes
Author URI:     http://www.elegantthemes.com/gallery/divi
Template: Divi
Text Domain: Divi-child
*/

@import url("../Divi/style.css");


.li-moc {
list-style-image: url('images/haken2s.png') !important;
padding: 10px;
}

/*
#top-menu li li {
 margin: 0;
 padding: 0 5px;
}*/

.bg_petrol {
background-color: #1ea7a9;
color: #ffffff;
padding: 5 5 5 5px;
}

#snippet-box {
display: none;
}
@media (max-width: 767px) {
 
p.et_pb_contact_field {
max-width: 100% !important;
}
}

/*  
- - - - - - - - - - - - - - - - - - - - */
h1, h2, h3, h4, h5, h6 {
   font-weight: 300;
}

.et_pb_contact_main_title {
   font-weight: 300;
}

.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }


/*--------------------------------------------*/
/*------[Triangle Dividers - Quiroz.co]-------*/
/*--------------------------------------------*/
 
    .triangles::before, .triangles::after {position: absolute; content: ''; pointer-events: none;}
 
    .triangles::before, .triangles::after {
        left: 50%;
        width: 100px;
        height: 100px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);}
 
        /* Top arrow pointing down. Currently set as black. This can be removed if you don't want a top arrow */
            .triangles::before {top: -50px; background: #fff;}
 
        /* Bottom arrow pointing down. Currently set to inherit the background of the section. This can be removed if you don't want a bottom arrow */
         .triangles::after { bottom: -50px; z-index: 10; background: inherit;}

/*------------------------------------------------*/
/*---------[GQ - CUSTOM BLURB HOVER]--------------*/
/*------------------------------------------------*/
 
 
    @media only screen and (min-width : 767px) {
 
    .gq-blurb-hover .et_pb_main_blurb_image {
            position: relative;
            overflow: hidden;}
 
    .gq-blurb-hover img.et-waypoint {
        margin-bottom: -5px;
            -webkit-transition: -webkit-transform 0.3s;
            transition: transform 0.3s;
            -webkit-transform: scale(.99);
            transform: scale(.99);}
 
    .gq-blurb-hover img.et-waypoint:hover {
            -webkit-transform: scale(1.11) rotate(2deg);
            transform: scale(1.11) rotate(2deg);}
 
    }

/*------------------------------------------------*/
/*----[Left Diagonal Lines - By Geno Quiroz]------*/
/*-----------------[Quiroz.Co]--------------------*/
/*------------------------------------------------*/
 
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.left-diagonal {
z-index: 1;
padding-top: 0px;}
 
.left-diagonal::after {
position: absolute;
content: '';
pointer-events: none;
top: -150px;
left: -25%;
z-index: -1;
width: 150%;
height: 50%;
background: inherit;
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
-webkit-transform-origin: -3% 0;
transform-origin: -3% 0;}
 
@media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {.left-diagonal::after {top: -150px; height: 85%;}}
@media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {.left-diagonal::after {top: -131px; height: 68%;}}
@media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {.left-diagonal::after {top: -116px;}}
@media only screen and ( max-width: 1000px ) {.left-diagonal::after {top: -90px;}}

/*------------------------------------------------*/
/*-----------[Rounded Split - Quiroz.co]----------*/
/*------------------------------------------------*/
 
/* Rounded center split and bottom rounded */
 
    .roundedsplit::before,
    .roundedsplit::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .roundedsplit {
        border-radius: 0 0 80px 80px;}
 
    .roundedsplit::before,
    .roundedsplit::after {
        top: -70px;
        left: 0;
        z-index: 10;
        width: 50%;
        height: 70px;
        background: inherit;}
 
    .roundedsplit::before {
        border-radius: 0 80px 0 0;}
 
    .roundedsplit::after {
        left: 50%;
        border-radius: 80px 0 0 0;}

 
.myblurb {
    border: 1px solid #000000;
    border-radius: 25%;
    margin-top: -50px;
}


#footer-info {
visibility: hidden;
}

/*------------------------------------------------*/
/*-------------[TESTIMONIAL HOVER]----------------*/
/*--------------[BY GENO QUIROZ]------------------*/
/*------------------------------------------------*/
 
 
/* testimonials  / blurbs effects */
    .gq-module-hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
        -webkit-transition: all 0.6s;
        transition: all 0.6s;}
    .gq-module-hover:hover {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
        box-shadow: 1px 5px 14px rgba(0, 0, 0, 3);
        z-index: 1;}
         
         
/*------------------------------------------------*/       

/* chat thing

#wp-live-chat {
/* background: rgba(255,255,255,0.5) url(https://michaelopper.de/wp-content/uploads/chat_with_me2-1.png); */
background-repeat: no-repeat;
width:10px; 
height:280px;

}

#wplc_hovercard.modern {
postition: relative;
left: 10px;
}

.wplc_close.wplc_right #wp-live-chat-1 {
    bottom: 0;
    float: left;
    left: 8px;
    padding: 0;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: 0 0 0;
    width: 250px;
}

 end chat thing */






/*---------- [Accordion Image Slider Menu] ----------*/

.ds-container {
	width: 1000px;
	margin: 20px auto;
	overflow: hidden;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,1);
}

.ds-container figure {
    position: absolute;
	top: 0 !important;
	left: 100px; /* width of visible piece */
	margin: 0;
	width: 500px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
    transition: all 0.3s ease-in-out;
}

.ds-container > figure {
    position: relative;
	left: 0 !important;
}

.ds-container img {
	display: block;
	width: 100%;
}

.ds-container input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px; /* just cover visible part */
	height: 100%;
	cursor: pointer;
	border: 0;
	padding: 0;
    opacity: 0;
	z-index: 100;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ds-container input:checked{
	width: 5px;
	left: auto;
	right: 0px;
}
.ds-container input:checked ~ figure {
    left: 500px;
    transition: all 0.7s ease-in-out;
}

.ds-container figcaption {
	width: 100%;
	height: 100%;
	background: rgba(87, 73, 81, 0.1);
	position: absolute;
	top: 0px;
    transition: all 0.2s linear;
}

.ds-container figcaption span {
	position: absolute;
	top: 80%;
	margin-top: -30px;
	right: 20px;
	left: 20px;
	overflow: hidden;
	text-align: center;
	background: rgba(87, 73, 81, 0.3);
	border: 1px solid #fff;
	line-height: 20px;
	font-size: 20px;
    opacity: 0;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-weight: 800;
	padding: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.ds-container figcaption span:hover {
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: 1px solid #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.ds-container input:checked + figcaption,
.ds-container input:checked:hover + figcaption{
	background: rgba(87, 73, 81, 0);
}

.ds-container input:checked + figcaption span {
    transition: all 0.4s ease-in-out 0.5s;
	opacity: 1;
	top: 88%; /*placement of title link*/
}

.ds-container #ds-selector-last:checked + figcaption span {
	transition-delay: 0.3s;
}

.ds-container input:hover + figcaption {
	background: rgba(87, 73, 81, 0.03);
}

.ds-container input:checked ~ figure input{
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .ds-container { 
		width: 740px; 
	}
	
	.ds-container figure { 
		left: 80px; 
		width: 340px; 
	}
	
	.ds-container input { 
		width: 80px; 
	}
	
	.ds-container input:checked ~ figure { 
		left: 340px; 
	}
	
	.ds-container figcaption span { 
		font-size: 18px; 
	}
	
	.ds-container input:checked + figcaption span {
		top: 82%; /*placement of title link*/
	}
}

@media screen and (max-width: 768px) {
    .ds-container { 
		width: 540px; 
	}
	
	.ds-container figure { 
		left: 50px; 
		width: 290px; 
	}
	
	.ds-container input { 
		width: 50px; 
	}
	
	.ds-container input:checked ~ figure { 
		left: 290px; 
	}
	
	.ds-container figcaption span { 
		font-size: 16px; 
	}
	
	.ds-container input:checked + figcaption span {
		top: 80%; /*placement of title link*/
	}
}

@media screen and (max-width: 520px) {
    .ds-container { 
		width: 300px; 
	}
	
	.ds-container figure { 
		left: 30px; 
		width: 150px; 
	}
	
	.ds-container input { 
		width: 30px; 
	}
	
	.ds-container input:checked ~ figure { 
		left: 150px; 
	}
	
	.ds-container figcaption span { 
		font-size: 12px; 
		letter-spacing: 2px; 
		padding: 10px; 
		margin-top: -20px; 
	} 
	
	.ds-container input:checked + figcaption span {
		top: 77%; /*placement of title link*/
	}

}

@media screen and (max-width: 320px) {
    .ds-container { 
		width: 260px; 
	}
	
	.ds-container figure { 
		left: 26px; 
		width: 130px; 
	}
	
	.ds-container input { 
		width: 26px; 
	}
	
	.ds-container input:checked ~ figure { 
		left: 130px; 
	}
	
	.ds-container figcaption span { 
		font-size: 10px; 
		letter-spacing: 2px; 
		padding: 10px; 
		margin-top: -20px; 
	} 
	
	.ds-container input:checked + figcaption span {
		top: 77%; /*placement of title link*/
	}

}




/*SELECT A SECTION OF CSS BELOW BASED ON THE ALIGNMENT OPTION YOU HAVE CHOSEN*/

/*-------------------------------------------------*/
/*---------Header with changing words left---------*/
/*-------------------------------------------------*/

.rw-wrapper{
	width: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 10px;
	overflow: hidden;
}
.rw-sentence{
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}
.rw-sentence span{
	color: #000;
	white-space: normal;
}
.rw-sentence > span:first-child{
	display: block;
	font-size: 100%;
}
.rw-words{
	width: 100%;
	height: 100px;
	-webkit-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	white-space: normal;
	overflow: hidden;
}
.rw-words-1 span{
	font-size: 310%;
	line-height: 82%;
	color: #da0a0a;	
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2 span{
	font-size: 120%;
	font-style: italic;
	line-height: 90%;
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px); transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px); transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 1023px){
	.rw-words{ height: 75px; }
	.rw-words-1 span{ font-size: 280%;}
	.rw-words-2 span { font-size: 160%; }
}
@media screen and (max-width: 560px){
	.rw-words{ height: 50px; }
	.rw-words-1 span{ font-size: 180%;}
	.rw-words-2 span { font-size: 90%; }
	.rw-sentence > span:first-child{ font-size: 80%;}
}
@media screen and (max-width: 400px){
	.rw-words{ height: 45px; }
	.rw-words-1 span{ font-size: 140%;}
	.rw-words-2 span { font-size: 70%; }
	.rw-sentence > span:first-child{ font-size: 60%;}
}

/*-------------------------------------------------*/
/*---------END Header with changing words left-----*/
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/*---------Header with changing words right--------*/
/*-------------------------------------------------*/

.rw-wrapper-right .et_pb_button {
	float: right !important;
}
.rw-wrapper-right{
	width: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 10px;
	overflow: hidden;
}
.rw-sentence-right{
	margin: auto;
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}
.rw-sentence-right span{
	color: #000;
	white-space: normal;
	text-align:right;
}
.rw-sentence-right > span:first-child{
	display: block;
	font-size: 100%;
}
.rw-words-right{
	width: 100%;
	max-width:1080px;
	height: 100px;
	-webkit-perspective: 800px;
	perspective: 800px;
	
}
.rw-words-right span{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	white-space: normal;
	overflow: hidden;
	text-align:right;
}
.rw-words-1-right span{
	font-size: 310%;
	line-height: 82%;
	color: #da0a0a;	
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2-right span{
	font-size: 120%;
	font-style: italic;
	line-height: 90%;
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words-right span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words-right span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words-right span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words-right span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words-right span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 100%;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 100%;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 100%;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(-400px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(600px) translateX(-400px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(-400px); transform: translateZ(600px) translateX(-400px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px); transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 1023px){
	.rw-words-right{ height: 75px; }
	.rw-words-1-right span{ font-size: 280%;}
	.rw-words-2-right span { font-size: 160%; }
}
@media screen and (max-width: 560px){
	.rw-words-right{ height: 50px; }
	.rw-words-1-right span{ font-size: 180%;}
	.rw-words-2-right span { font-size: 90%; }
	.rw-sentence-right > span:first-child{ font-size: 80%;}
}
@media screen and (max-width: 400px){
	.rw-words-right{ height: 45px; }
	.rw-words-1-right span{ font-size: 140%;}
	.rw-words-2-right span { font-size: 70%; }
	.rw-sentence-right > span:first-child{ font-size: 60%;}
}

/*-------------------------------------------------*/
/*---------END Header with changing words right----*/
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/*---------Header with changing words center-------*/
/*-------------------------------------------------*/


.rw-wrapper-center .et_pb_button {
	display: block !important;
	width: 160px; /*you may want to increase or decrease this value based on your button title*/
	margin: 0 auto !important;
	text-align: center;
}
.rw-wrapper-center{
	width: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 10px;
	overflow: hidden;
}
.rw-sentence-center{
	margin: auto;
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}
.rw-sentence-center span{
	color: #000;
	white-space: normal;
	text-align:center;
}
.rw-sentence-center > span:first-child{
	display: block;
	font-size: 100%;
}
.rw-words-center{
	width: 100%;
	max-width:1080px;
	height: 100px;
	-webkit-perspective: 800px;
	perspective: 800px;
	
}
.rw-words-center span{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	white-space: normal;
	overflow: hidden;
	text-align:center;
}
.rw-words-1-center span{
	font-size: 310%;
	line-height: 82%;
	color: #da0a0a;	
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2-center span{
	font-size: 120%;
	font-style: italic;
	line-height: 90%;
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words-center span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words-center span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words-center span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words-center span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words-center span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 100%;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 100%;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 100%;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(0px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(600px) translateX(0px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(0px); transform: translateZ(600px) translateX(0px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px); transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 1023px){
	.rw-words-center{ height: 75px; }
	.rw-words-1-center span{ font-size: 280%;}
	.rw-words-2-center span { font-size: 160%; }
}
@media screen and (max-width: 560px){
	.rw-words-center{ height: 50px; }
	.rw-words-1-center span{ font-size: 180%;}
	.rw-words-2-center span { font-size: 90%; }
	.rw-sentence-center > span:first-child{ font-size: 80%;}
}
@media screen and (max-width: 400px){
	.rw-words-center{ height: 45px; }
	.rw-words-1-center span{ font-size: 140%;}
	.rw-words-2-center span { font-size: 70%; }
	.rw-sentence-center > span:first-child{ font-size: 60%;}
}

/*-------------------------------------------------*/
/*---------END Header with changing words center---*/
/*-------------------------------------------------*/





/*--------FROM LEFT----------*/

.left-animated.et-animated { 
	opacity: 1; 
	-webkit-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
	-moz-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
	-o-animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3); 
	animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3);}

/*--------FROM RIGHT---------*/

.right-animated.et-animated { 
	opacity: 1; 
	-webkit-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
	-moz-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
	-o-animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3); 
	animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3);}

/*---------FROM TOP----------*/

.top-animated.et-animated { 
	opacity: 1; 
	-webkit-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2); 
	-moz-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2); 
	-o-animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2); 
	animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2);}

/*--------FROM BOTTOM--------*/

.bottom-animated.et-animated { 
	opacity: 1; 
	-webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-o-animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2); 
	animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);}

/*---------FADE IN-----------*/

.fadein-animated.et-animated { 
	opacity: 1; 
	-webkit-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2); 
	-moz-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2); 
	-o-animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2); 
	animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2);}

/* angebots_anfrage_horiz */
#angebotsanfrage_horiz .et_contact_bottom_container {
margin-top: 0;
max-width: 25%;

}



/* === Tab Icons Starts Here ===
*/
.et_pb_tabs.icon-tabs {
 border: none;
}
.icon-tabs ul {
 margin-bottom: 30px;
}
 
.icon-tabs .et_pb_tabs_controls li {
 border-right: none;
}
 
.icon-tabs ul.et_pb_tabs_controls {
 background-color: transparent;
}
.icon-tabs img.alignleft {
 margin-right: 70px;
}
.icon-tabs .et_pb_all_tabs {
 border-top: none;
}
 
.icon-tabs .et_pb_tabs_controls {
 padding: 0 20% !important;
}
.icon-tabs .et_pb_tabs_controls li {
 width: 33.333% !important;
}
.icon-tabs .et_pb_tabs_controls li a {
 width: 100% !important;
 text-align:center;
 color: #a3a3a3;
 text-transform: uppercase;
 letter-spacing:2px;
 font-weight: 300 !important;
}
.icon-tabs .et_pb_tab_active a {
 color: #0b83a1 !important;
}
.icon-tabs .et_pb_tab h2 {
 line-height: 1.5em;
 color: #0b83a1;
 font-weight: 300 !important;
font-size: 24px;
}
.icon-tabs .et_pb_tab p {
 font-weight: 300 !important;
}
.icon-tabs .et_pb_tabs_controls li a:before {
 font-family: 'FontAwesome';
 display:block;
 font-size:40px;
 color: #a3a3a3;
 margin-bottom: 15px;
 font-weight: 300 !important;
}
 
.icon-tabs .et_pb_tabs_controls li.et_pb_tab_active a:before {
 color: #0b83a1;
}
 
ul.et_pb_tabs_controls::after { 
border-top: none !important;
} 
 
.et_pb_tabs .et_pb_all_tabs .et_pb_tab {
padding-top: 1em; 
}
 
 
/*
* === Change Icons Here ===
*/
 
.icon-tabs .et_pb_tab_0 a:before {
 content: url(https://michaelopper.de/wp-content/uploads/shop-integration2.png);
}
.icon-tabs .et_pb_tab_1 a:before {
 content: url(https://michaelopper.de/wp-content/uploads/shop-integration2.png);
}
.icon-tabs .et_pb_tab_2 a:before {
 content: url(https://michaelopper.de/wp-content/uploads/shop-integration2.png);
}
 
/*
* === Mobile Styles ===
*/
@media (max-width: 768px) {
 
.icon-tabs .et_pb_tabs_controls li {
 width: 100% !important;
}
 
.icon-tabs .et_pb_tabs_controls {
 padding: 0 !important;
}
 
.icon-tabs .et_pb_tabs_controls li {
 margin-bottom: 35px;
}
}
/*
* === Tab Icons Ends Here ===
*/


/*------------------------------------------------------------------------*/
/*-------------------- BLURB RIPPLE EFFECT  ------------------------------*/
/*------------------------------------------------------------------------*/
/* Ripple Out */
@-webkit-keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
@keyframes blurb-ripple-out {
100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; }
}
.blurb-ripple-out .et-pb-icon {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.blurb-ripple-out .et-pb-icon:before {
content: '';
position: absolute;
/* This is your ripple color & size */
border: #00cc69 solid 6px;
/* Uncomment the line below if it's a circle*/
border-radius: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.blurb-ripple-out:hover .et-pb-icon:before, 
.blurb-ripple-out:focus .et-pb-icon:before, 
.blurb-ripple-out:active .et-pb-icon:before {
-webkit-animation-name: blurb-ripple-out;
animation-name: blurb-ripple-out;
}
 
/*******  BLURB STYLES  *******/
.b3_blurb_1 img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}
.b3_blurb_1 {
    border: none !important;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
    -webkit-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
    -moz-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
    -o-box-shadow: 0 20px 100px rgba(212, 215, 217,.5);
}
.b3_blurb_1:hover {
  box-shadow: 0 40px 100px rgb(212, 215, 217);
  -webkit-box-shadow: 0 40px 100px rgb(212, 215, 217);
  -moz-box-shadow: 0 40px 100px rgb(212, 215, 217);
  -o-box-shadow: 0 40px 100px rgb(212, 215, 217);
}
.b3_blurb_1:hover img {
    -ms-transform: scale(1.00) !important;
    -webkit-transform: scale(1.00) !important;
    transform: scale(1.00) !important;
    -webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    -moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    -o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); 
    transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */
}
.b3_blurb_1 .et_pb_main_blurb_image {
    margin-bottom: 20px;
    text-align: center;
}
/**** BLURB LINK ***/
.blurb_link {
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.blurb_link:hover {
    letter-spacing: 1px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}