/*
 Theme Name: Massimo Rossato Omnia Look-Alike
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* CUSTOM CSS CODES */
/*@import url("../Divi/style.css");
	
/*------------------------------------------------------------------------------------------------*/
/*--------------------------------------- CUSTOM STYLE -------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
	
.et_pb_contact p .et_contact_error {
    border: 1px solid #ffa93a!important;
}
	

/*------------------------------------------------------------------------------------------------*/
/*--------------------------------------- Ken Burns Header ---------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.kenburns-header {
    overflow:hidden ;
    position: relative;
    padding: 0;
}
.kenburns-header:before {
    content: "";
    position: absolute;
    left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
    top:0;
    width: calc(100vw + 120px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
    height: calc(100vh + 150px);
    z-index: -1;
    background: url(http://marketplace2.company.webseiten.cc/wp-content/uploads/2017/01/MountainbikeBackground.jpg); /*Change to the URL of the image you     want to use*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -ms-animation:move 30s ease forwards;
    -webkit-animation:move 30s ease forwards;
    -0-animation:move 30s ease forwards;
    -moz-animation:move 30s ease forwards;
    animation:move 30s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
}
@keyframes move {
    from {
    -ms-transform: scale3d(1); 
    -webkit-transform: scale3d(1); 
    -o-transform: scale3d(1); 
    -moz-transform: scale3d(1); 
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }
    to {
    -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  }
}



/*------------------------------------------------------------------------------------------------*/
/*--------------------------- Animation for Image Hover Dark Layout ------------------------------*/
/*------------------------------------------------------------------------------------------------*/
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: #272727; /* Changes the overlay background color */ 
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: #272727; /* Changes the overlay background color */ 
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}
[class^='imghvr-'] figcaption h1,
[class*=' imghvr-'] figcaption h1,
[class^='imghvr-'] figcaption h2,
[class*=' imghvr-'] figcaption h2,
[class^='imghvr-'] figcaption h3,
[class*=' imghvr-'] figcaption h3,
[class^='imghvr-'] figcaption h4,
[class*=' imghvr-'] figcaption h4,
[class^='imghvr-'] figcaption h5,
[class*=' imghvr-'] figcaption h5,
[class^='imghvr-'] figcaption h6,
[class*=' imghvr-'] figcaption h6 {
  color: #ffffff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption,
[class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.imghvr-push-up:hover > img {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}




/*------------------------------------------------------------------------------------------------*/
/*----------------------------------- MENU + SLIDER CSS CODES ------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.et-pb-arrow-prev, .et-pb-arrow-next{
background-color: rgba(102,102,153,0.3);   /* Defines the Arrow Background Color*/ 
border: 1px solid  rgba(102,102,153,0.3);  /* Defines the Arrow Border Color*/ 
}

.et-pb-arrow-prev:hover, .et-pb-arrow-next:hover {
background-color: rgba(255,255,255,0.9); /* Defines the Arrow Background Color while hovering */ 
}

.et-pb-arrow-prev:hover:before, .et-pb-arrow-next:hover:before {
color: #666699; /* Defines the Arror color before hovering */
}


/*------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Team Hover Slider -----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/* Hover Slider 1/4 - general css */
     .team_image {
        z-index: 1;
        position: relative;
        background: #fff;
        cursor: pointer;
        padding-bottom: 10px;
        margin-bottom: 0px!important;
}
    .team_name {
        z-index: 1;
        position: relative;
        background: #fff;       
        border: 1px solid #e0e0e0;
        padding: 15px 10px;
        cursor: pointer;
        margin-bottom: 0px!important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
    .team_name h3 {
        font-size: 18px;
        line-height: 25px;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 0px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
    .team_name p {
        font-weight: 700;
        color: #666699;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
    .team_info {
        border: 1px solid #e0e0e0;
        border-top: 0px;
        padding: 15px 10px;
        margin-bottom: 0px!important;
}

/* Hover Slider 2/4 -  hide & unhide css */
     .hide_info {
        margin-top: -100%;
        z-index: 0;
        position: relative;
        opacity: 0;
        max-height: 200px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
}
    .hide_close {
        opacity: 0;
        max-height: 0px;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
}
    .unhide_info {
        margin-top: 0%;
        z-index: 0;
        position: relative;
        opacity: 1;
        max-height: 1000px;
}
    .unhide_close {
        opacity: 1;
        max-height: 1000px;
}
 
    @media only screen and (max-width : 980px) {
        .hide_info {
            margin-top: -10%;
            max-height: 0px;
}
        .unhide_info {
            margin-top: 0%;
            max-height: 1000px;
}
}


/* Hover Slider 3/4 -  hover css */
     .team_image:hover + .team_name, .team_name:hover {
        background: #666699;
        border: 1px solid #666699;
}
 
    .team_image:hover + .team_name h1,
    .team_image:hover + .team_name p, 
    .team_name:hover > h1, 
    .team_name:hover  > p {
        color: #fff!important;
}
 
    .hover_name {
        background: #666699;
        border: 1px solid #666699;
}
    .hover_name h1, .hover_name p {
        color: #fff!important;
}


/* Hover Slider 4/4 -  overlay css*/
     .team_image:before {
        position: absolute;
        color: #fff;
        font-family: "FontAwesome";
        content: "\f067";
        font-size: 22px;
        background: #666699;
        padding: 27px 19px;
        border-radius: 1px;
        opacity: 0;
        margin-top: 45%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
 
    .team_image:hover:before {
        opacity: .8;
}
 
    .close_icon:before {
        position: absolute;
        color: #fff;
        font-family: "FontAwesome";
        content: "\f062";
        font-size: 22px;
        background: #666699;
        padding: 27px 19px;
        border-radius: 1px;
        opacity: 0.8;
        margin-top: 45%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%);
}


/*------------------------------------------------------------------------------------------------*/
/*-------------------------------------------Height Google Map -----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.et_pb_map { 
height: 550px !important; 
}




/*------------------------------------------------------------------------------------------------*/
/*-----------------------------------Changes Font Size for Dropdown Menu--------------------------*/
/*------------------------------------------------------------------------------------------------*/
#top-menu li li a {
font-size: 14px;
}

/*------------------------------------------------------------------------------------------------*/
/*----------------- Changes Font Size for Dropdown Menu also on fixed Header----------------------*/
/*------------------------------------------------------------------------------------------------*/
.et_fixed_nav #top-menu li li a {
font-size: 14px;
}

/*------------------------------------------------------------------------------------------------*/
/*---------------------------------- Animation Effect Primary Menu -------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#top-menu a::before,
#top-menu a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}
#top-menu a::before {
	margin-right: 10px; /*you may want to adjust this*/
	content: '|'; /*you can change the pipe to something else if you wish*/
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}
#top-menu a::after {
	margin-left: 10px; /*you may want to adjust this*/
	content: '|'; /*you can change the pipe to something else if you wish*/
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}
#top-menu a:hover::before,
#top-menu a:hover::after,
#top-menu a:focus::before,
#top-menu a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/*------------------------------------------------------------------------------------------------*/
/*---------------------- = Excludes the Dropdown Menu item from Animation Effect -----------------*/
/*------------------------------------------------------------------------------------------------*/
#top-menu .menu-item-384 a:before,
#top-menu .menu-item-384 a:after {
display: none !important;
}

#top-menu .menu-item-417 a:before,
#top-menu .menu-item-417 a:after {
display: none !important;
}


/*------------------------------------------------------------------------------------------------*/
/*----------------------------------- = Animation Setting for Blurbs -----------------------------*/
/*------------------------------------------------------------------------------------------------*/
.hoverblurb:hover {
-webkit-transform:scale(1.1);
transform:scale(1.1);
background: rgba(237,237,237,0.9) !important;
box-shadow: 10px 10px 5px #888888; /* Defines the shadow - just change the values to your needs */
}
.hoverblurb {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


/*------------------------------------------------------------------------------------------------*/
/*----------------------------- Transparent Triangle between Sections ----------------------------*/
/*------------------------------------------------------------------------------------------------*/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.triangle1:after,.triangle1:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom:50px solid #fff; /* Defines color of the cutout (white for white section backgrounds) */
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);
}
 
.triangle1:before {
    right:50%;
    border-right:75px solid transparent;
    border-left:1000px solid;
}
 
.triangle1:after {
    left:50%;
    border-left:75px solid transparent;
    border-right:1000px solid;
}

/*------------------------------------------------------------------------------------------------*/
/*------------------------------- Diagonal Line 1 between Sections ------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.diagonal-line::before,.diagonal-line::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
 
.diagonal-line {
    z-index: 1;
    padding-top: 6em;
    background: #fff; 
}
 
.diagonal-line::before,.diagonal-line::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.diagonal-line::before {
    height: 50%;
    background: #302d7f;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}

/*------------------------------------------------------------------------------------------------*/
/*--------------------------------- Diagonal Line 2 between Sections------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.diagonal-line2::before,.diagonal-line2::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
 
.diagonal-line2 {
    z-index: 1;
    padding-top: 6em;
    background: #302d7f;
}
 
.diagonal-line2::before,.diagonal-line2::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.diagonal-line2::before {
    height: 50%;
    background: #302d7f;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}




/*------------------------------------------------------------------------------------------------*/
/*------------------------------------ Image Hover Dark Layout -----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
.hover-wrapper {
	position: relative;
	color: rgba(0,0,0,0);
	width: 100%
}
.hover h2 {
    right: 0;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 0;
    font-size: 56px; /* Defines the font size of the title */
    font-weight: 900; /* Defines the font weight of the title */
    color: #fff; /* Defines the font color of the title */
   /* background-color: #000;*/
    padding: 5px;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    max-width: 450px;
}

figure.hover { 
	margin: 0;
	padding: 0;
	display: block;
	line-height: 0;
	position: relative;
	overflow: hidden; 
}
figure.hover img{
	display: block;
}

/*-----Shutter Effect Start-----*/
figure.hover::before, figure.hover::after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: black;
	position: absolute;
	opacity: 0.3;
	top: 0;
	left 0;
	-moz-transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

figure.hover:hover::before{
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*-----Shutter Effect END -----*/



/*------------------------------------------------------------------------------------------------*/
/*-----------------------------------Scrolling Image Carousel-------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*Stops the browser creating a horizontal scrollbar*/
.carousel-section {
    overflow: hidden;
    max-height: 300px;
}
/*Reduces the section height on mobiles*/
@media only screen and (max-width: 567px) {
.carousel-section {
    max-height: 140px;
    padding: 0;
    }
}
/*Sets the width of the image modules and floats them so they are next to each other*/
.carousel-logo {
    width: 20%;
    float: left;
}
/*Sets the layout for the first row*/
.image-carousel-first {
    width: 100% !important;
    max-height: 200px;
    height: 200px;
    background: #fff;
    animation: 15s first 1 linear;
    animation-fill-mode: forwards;
    
}
/*Sets the layout for the second row*/
.image-carousel-second {
    z-index: 2;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -200px;
    animation: 30s second infinite linear;    
}
/*Sets the layout for the third row*/
.image-carousel-third {
    z-index: 1;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -400px;
    animation: 30s third infinite linear;
    animation-delay: 15s;
    opacity: 0;
}
/*Animation for the continuous scrolling effect*/
@keyframes first {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 3;
  }
  99.99% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 3;
  }
  100% {
    z-index: -1;
  }
}
@keyframes second {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes third {
  0.1% {
    opacity: 0;
  }
  0.2% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
  }
}

/*------------------------------------------------------------------------------------------------*/
/*-------------------------------- Diagonal Line 3 between Sections ------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.diagonal-line3::before,.diagonal-line3::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
 
.diagonal-line3 {
    z-index: 1;
    padding-top: 6em;
    background: #fff;
}
 
.diagonal-line3::before,.diagonal-line3::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.diagonal-line3::before {
    height: 50%;
    background: #fff;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}


/*------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- DIVIDER LINES -------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
    hr.line-middle {
        border: 0;
        height: 5px;
        background-color: #ffa93a; /* Defines the color of the divider */
        width: 66px;
}   

    hr.line-left-dark {
        border: 0;
        height: 5px;
        background-color: #666699; /* Defines the color of the divider */
        width: 66px;
        margin-left: 0px; /* Defines if the divider is left or right orientated */
}   

    hr.line-left-darklayout {
        border: 0;
        height: 5px;
        background-color: #8BD3C8; /* Defines the color of the divider */
        width: 66px;
        margin-left: 0px; /* Defines if the divider is left or right orientated */
}   

    hr.line-right-darklayout {
        border: 0;
        height: 5px;
        background-color: #8BD3C8; /* Defines the color of the divider */
        width: 66px;
        margin-right: 0px; /* Defines if the divider is left or right orientated */
}   


    hr.line-right-bright {
        border: 0;
        height: 5px;
        background-color: #fff; /* Defines the color of the divider */
        width: 66px;
        margin-right: 0px; /* Defines if the divider is left or right orientated */
}   

    hr.line-left-bright {
        border: 0;
        height: 5px;
        background-color: #fff; /* Defines the color of the divider */
        width: 66px;
        margin-left: 0px; /* Defines if the divider is left or right orientated */
}   



/*------------------------------------------------------------------------------------------------*/
/*----------------------------------- TRIANGLES / DREIECK CSS CODES-------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/** image arrows for mobile **/
@media screen and (max-width: 980px) {
.image-left:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-bottom: solid 30px #666699;  /* Defines the color of the triangle */
border-left: solid 30px transparent;
border-right: solid 30px transparent;
z-index: 2;
}

.image-left-darklayout:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-bottom: solid 30px #ffffff; /* Defines the color of the triangle */
border-left: solid 30px transparent;
border-right: solid 30px transparent;
z-index: 2;
}



.image-right:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-top: solid 30px white;
border-left: solid 30px transparent;
border-right: solid 30px transparent;
z-index: 2;
}
}


/** image arrows for desktop **/
@media screen and (min-width: 981px) {
.image-left:after {
content: '';
position: absolute;
top: 45%;
right:0;
margin: 0 auto;
width: 0;
height: 0;
border-top: solid 30px transparent;
border-right: solid 30px #302d7f; /* Defines the color of the triangle */
border-bottom: solid 30px transparent;
z-index: 9;
}

.image-left-darklayout:after {
content: '';
position: absolute;
top: 45%;
right:0;
margin: 0 auto;
width: 0;
height: 0;
border-top: solid 30px transparent;
border-right: solid 30px #ffffff; /* Defines the color of the triangle */
border-bottom: solid 30px transparent;
z-index: 9;
}

.image-right:after {
content: '';
position: absolute;
top: 45%;
left:0;
margin: 0 auto;
width: 0;
height: 0;
border-top: solid 30px transparent;
border-left: solid 30px white;
border-bottom: solid 30px transparent;
z-index: 9;
}
}



/*------------------------------------------------------------------------------------------------*/
/*--------------------------------------- BEHAVIOUR 981 - 1279-----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 981px) and (max-width: 1279px) {
.splithead {
font-size: 36px!important; /* Defines font size of the split screen header text for tablet optimization */
}
 
.splitbody {
font-size: 20px!important; /* Defines font size of the split screen sub text text for tablet optimization */
}
}

/*------------------------------------------------------------------------------------------------*/
/*--------------------------------------- BEHAVIOUR 10 - 980-----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 10px) and (max-width: 980px) {
/* =Set Top Header (with secondary menu) to be fixed on mobile */
.et_fixed_nav #top-header {
position: fixed;
background-color: #666699; /* Defines background color of the secondary mobile menu */
}

/* =Set Top Header (with primary menu) to be fixed on mobile */
.et_fixed_nav #main-header {
position: fixed;
background-color: #000000; /* Defines background color of the primary mobile menu */
box-shadow: none !important; 
}
}

/*!
* Propeller v1.0.0 (http://propeller.in)
* Copyright 2016-2017 Digicorp, Inc.
* Licensed under MIT (http://propeller.in/LICENSE)
*/
/* -- Box shadow -- */
.box-shadow-0, .box-shadow-1, .box-shadow-2, .box-shadow-3, .box-shadow-4, .box-shadow-5, .box-shadow-0-hover, .box-shadow-1-hover, .box-shadow-2-hover, .box-shadow-3-hover, .box-shadow-4-hover {
padding: 30px;
border-radius: 3px;
transition: .3s all;
}
.box-shadow-0-hover, .box-shadow-0, .box-shadow-0-hover {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.box-shadow-0-hover:hover, .box-shadow-1, .box-shadow-1-hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.box-shadow-1-hover:hover, .box-shadow-2, .box-shadow-2-hover {
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.box-shadow-2-hover:hover, .box-shadow-3, .box-shadow-3-hover {
-webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
-moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.box-shadow-3-hover:hover, .box-shadow-4, .box-shadow-4-hover {
-webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
-moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.box-shadow-4-hover:hover, .box-shadow-5 {
-webkit-box-shadow: 0 24px 48px rgba(0,0,0,0.30), 0 20px 14px rgba(0,0,0,0.22);
-moz-box-shadow: 0 24px 48px rgba(0,0,0,0.30), 0 20px 14px rgba(0,0,0,0.22);
box-shadow: 0 24px 48px rgba(0,0,0,0.30), 0 20px 14px rgba(0,0,0,0.22);
}

/*--------------------------- Defines the Button in Sec. Menu and info----------------------------*/
.menu-button-1 a{
color: #ffffff !important;
padding:12px 12px 12px 12px!important;
margin-bottom: 12px;
cursor: pointer;
border: 1px solid #fff; /* Change the values to define border color, thickness and type */
font-weight: 600; /* Defines if the font is slim 100, normal 300 or bold 600-900*/
}

.menu-button-1 a:hover{
background-color: #ffa93a; /* Defines the background color when hovering with the mouse over the button */
border: 1px solid #fff; /* Defines the border color when hovering with the mouse over the button */
color: #ffffff !important;
}

.et_pb_slide_0 .et_parallax_bg
{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.et_pb_slide_1 .et_parallax_bg
{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.et_pb_slide_2 .et_parallax_bg
{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.et_pb_slide_3 .et_parallax_bg
{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.hero-section {
    padding-top: 185px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-height: 450px;
    background-color: #333;
}
 
.single-post #main-content #left-area {padding-top: 0px;}
 
/* ---- Sidebar Settings ---- */
.single #sidebar {background: #efefef; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;}
 
/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-title, .single p.post-meta {
width: 100%;
text-align: center;
padding-left: 8px;
padding-right: 8px;
text-transform: uppercase;
color: #fff;
margin-top: 20px;
}
 
 @media only screen and (min-width: 980px) {
/*** Set title font size for desktop ***/
.single h1.entry-title {
font-size: 50px !important;
}
 }