#content3 .solutionContent{
    transition: 0.6s;
}
@media all and (min-width: 901px) {#content3 .solutionContent{padding: 110px 110px 80px 110px;}}
@media all and (max-width: 900px) {#content3 .solutionContent{padding: 25px;}}
#content3 .parallax2{
    background: url(../img/stories1.jpg) no-repeat fixed;
    background-position: right;
}
#content3 .parallax3{
    background: url(../img/stories2.jpg) no-repeat fixed;
}

@media all and (min-width: 901px) {#content3 .parallax2,#content3 .parallax3{background-size: 55%;width:50%;}}
@media all and (max-width: 900px) {#content3 .parallax2,#content3 .parallax3{background-size: cover;width:100%;}}

#content3 > div > div > span:nth-of-type(1){
    color: #f5a81c;
    font-family: NexaSlabRegularItalic;
    font-size: 30px;
    display: block;
    margin-bottom: 22px;
}
.services{
    margin-top: 24px;
}
.services > span{
    font-family: NexaSlab-Regular;
    color: #555;
    font-size: 14pt;
}
.services > ul{
    font-family: NexaBook;
    color: #555;
    font-size: 12pt;
    margin: 0;
    padding: 0;
    padding: 0 12px;
    margin-bottom: 24px;
    list-style: none;
}
.services ul li{
    text-indent: -1em;
    margin-top: 8px;
}
.services ul li:before{
    content:"\002022";
    color: #f5a81c;
    padding-right: 7px;
}
#content5{
    height: auto;
    position: relative;
    text-align: center;
    overflow: hidden;
}
#journey-background{
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background: url(../img/183535709.svg) no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0.2;
}
#journey-road{
    position: absolute;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
@media all and (min-width: 900px) {#journey-road{width: 1200px;}}
@media all and (max-width: 899px) {#journey-road{width: 1100px;}}
/* iPhone 4-6 */
@media all and (max-width: 736px) {
	#journey-road {
		background: url(../img/journey-road.png) no-repeat center top;
		width: 100%;
		height: 2410px;
	}
	#journey-container svg {
		display: none;
	}
}
#journey-container{
    padding: 120px 0;
    box-sizing: border-box;
    width: 1200px;
    max-width: 100%;
    position: relative;
    display: inline-block;
}
.journey{
    width: 100%;
    position: relative;
    height:500px;
}
@media all and (min-width: 900px) {.journey{height:640px;}}
@media all and (max-width: 901px) {.journey{height:850px;}}
@media all and (max-width: 800px) {.journey{height:850px;}}
@media all and (max-width: 700px) {.journey{height:850px;}}
@media all and (max-width: 600px) {.journey{height:850px;}}
@media all and (max-width: 530px) {.journey{height:950px;}}

.animatedPathContent{
    text-align: left;
    position:relative;
    padding: 20px;
    box-sizing: border-box;
    max-width: 100vw;
    display:inline-block;
}

.journey-svg{
    width: 160px;
    position: relative;
    /*top:-60px;*/
}

.animatedPathTitle{
    font-family: NexaSlabRegularItalic;
    color: #f5a81c;
    font-size: 32px;
    display: block;
    margin-bottom: 10px;
}
.animatedPathTextBlock{
    font-family: NexaBook;
    color: #333;
    font-size: 14px;
    line-height: 26px;
    max-width:100%;
}
@media all and (min-width: 901px) {.animatedPathTextBlock{width:400px;display:inline-block;}}
@media all and (max-width: 900px) {.animatedPathTextBlock{width:300px;display:block;}}
@media all and (max-width: 530px) {.animatedPathTextBlock{width:225px;display:block;}}

@media all and (min-width: 1200px) {
  .journey-1 .journey-svg{top:80px;left:80px;}
  .journey-1 .animatedPathContent{top: -150px;left: -100px;}
  .journey-2 .journey-svg{left: 850px;top: 0px;}
  .journey-2 .animatedPathContent{left: 40px;top: -260px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: -80px;top: -100px;}
  .journey-4 .journey-svg{left: 575px;top: 0px;}
  .journey-4 .animatedPathContent{left:-160px;top: -100px;}
}
@media all and (max-width: 1199px) {
  .journey-1 .journey-svg{top:80px;left:80px;}
  .journey-1 .animatedPathContent{top: -150px;left: -100px;}
  .journey-2 .journey-svg{left: 850px;top: 0px;}
  .journey-2 .animatedPathContent{left: 40px;top: -260px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: -80px;top: -100px;}
  .journey-4 .journey-svg{left: 575px;top: 0px;}
  .journey-4 .animatedPathContent{left:-160px;top: -100px;}
}
@media all and (max-width: 1099px) {
  .journey-1 .journey-svg{top:80px;left:80px;}
  .journey-1 .animatedPathContent{top: -150px;left: -50px;}
  .journey-2 .journey-svg{left: 850px;top: 0px;}
  .journey-2 .animatedPathContent{left: 40px;top: -260px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: -30px;top: -110px;}
  .journey-4 .journey-svg{left: 575px;top: 0px;}
  .journey-4 .animatedPathContent{left:-130px;top: -100px;}
}
@media all and (max-width: 999px) {
  .journey-1 .journey-svg{top:80px;left:80px;}
  .journey-1 .animatedPathContent{top: -150px;left: 0px;}
  .journey-2 .journey-svg{left: 750px;top: -45px;}
  .journey-2 .animatedPathContent{left: 40px;top: -260px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: 10px;top: -150px;}
  .journey-4 .journey-svg{left: 575px;top: 0px;}
  .journey-4 .animatedPathContent{left:-70px;top: -100px;}
}
@media all and (max-width: 900px) {
  .journey-1 .journey-svg{top:0px;left:280px;}
  .journey-1 .animatedPathContent{top: 0px;left: 0px;}
  .journey-2 .journey-svg{left: 360px;top: -105px;}
  .journey-2 .animatedPathContent{left: 40px;top: -100px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: 50px;top: 30px;}
  .journey-4 .journey-svg{left: 360px;top: 0px;}
  .journey-4 .animatedPathContent{left:-70px;top: -60px;}
}
@media all and (max-width: 700px) {
  .journey-1 .journey-svg{top:0px;left:280px;}
  .journey-1 .animatedPathContent{top: 0px;left: 0px;}
  .journey-2 .journey-svg{left: 270px;top: -105px;}
  .journey-2 .animatedPathContent{left: 40px;top: -100px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: 80px;top: 30px;}
  .journey-4 .journey-svg{left: 360px;top: 0px;}
  .journey-4 .animatedPathContent{left:-70px;top: -60px;}
}
@media all and (max-width: 600px) {
  .journey-1 .journey-svg{top:0px;left:280px;}
  .journey-1 .animatedPathContent{top: 0px;left: 0px;}
  .journey-2 .journey-svg{left: 250px;top: -115px;}
  .journey-2 .animatedPathContent{left: 40px;top: -100px;}
  .journey-3 .journey-svg{left: 100px;top: 100px;}
  .journey-3 .animatedPathContent{left: 40px;top: 80px;}
  .journey-4 .journey-svg{left: 360px;top: 0px;}
  .journey-4 .animatedPathContent{left:-70px;top: -60px;}
}
@media all and (max-width: 530px) {
  .journey-1 .journey-svg{top:0px;left:210px;}
  .journey-1 .animatedPathContent{top: 0px;left: -40px;}
  .journey-2 .journey-svg{left: 200px;top: -115px;}
  .journey-2 .animatedPathContent{left: 80px;top: -125px;}
  .journey-3 .journey-svg{left: 40px;top: 157px;}
  .journey-3 .animatedPathContent{left: 40px;top: 120px;}
  .journey-4 .journey-svg{left: 200px;top: 50px;}
  .journey-4 .animatedPathContent{left:-40px;top: 50px;}
}
/* iPhone 4-5 portrait */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait), 
screen 
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { 
	#journey-road {
		background-size: 320px;
	}
	.journey-1 .animatedPathContent {
	  	top: 90px;
	  	left: -40px;
	}
  	.journey-2 .animatedPathContent {
		top: -260px;
		left: 40px;		
	}
  	.journey-3 .animatedPathContent {
		top: -385px;
		left: 40px;
	}
  	.journey-4 .animatedPathContent {
		top: -250px;
		left:-40px;
	}
  	.journey-3 {
	  	height: 500px;
  	}
  	.journey-4 {
	  	height: 200px;
  	}
}
/* iPhone 4 landscape */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
	.animatedPathTextBlock {
		width: auto;
	}
	.journey-1 .animatedPathContent {
	  	top: 100px;
		left: 0;
		float: left;
		width: 340px;
	}
  	.journey-2 .animatedPathContent {
		top: -200px;
		left: 0;
		float: right;
		width: 340px;
	}
  	.journey-3 .animatedPathContent {
		top: -260px;
		left: 0;
		float: right;
		width: 340px;
	}
  	.journey-4 .animatedPathContent {
		top: -50px;
		left: 0;
		float: left;
		width: 420px;		
	}
  	.journey-3, .journey-4 {
	  	height: 300px;
  	}
}
/* iPhone 4 landscape */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
	.animatedPathTextBlock {
		width: auto;
	}
	.journey-1 .animatedPathContent {
	  	top: 100px;
		left: 0;
		float: left;
		width: 420px;
	}
  	.journey-2 .animatedPathContent {
		top: -100px;
		left: 0;
		float: right;
		width: 370px;
	}
  	.journey-3 .animatedPathContent {
		top: -60px;
		left: 0;
		float: right;
		width: 370px;
	}
  	.journey-4 .animatedPathContent {
		top: 140px;
		left: 0;
		float: left;
		width: 420px;		
	}
  	.journey-3, .journey-4 {
	  	height: 500px;
  	}
}
/* iPhone 6 portrait */
@media only screen 
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
	#journey-road {
		background-size: auto;
	}
	.journey-1 .animatedPathContent {
	  	top: 100px;
	  	left: -40px;
	}
  	.journey-2 .animatedPathContent {
		top: -200px;
		left: 40px;		
	}
  	.journey-3 .animatedPathContent {
		top: -260px;
		left: 40px;
	}
  	.journey-4 .animatedPathContent {
		top: -50px;
		left:-40px;
	}
  	.journey-3 {
	  	height: 500px;
  	}
  	.journey-4 {
	  	height: auto;
  	}
}
/* iPhone 6 landscape */
@media only screen 
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
	.animatedPathTextBlock {
		width: auto;
	}
	.journey-1 .animatedPathContent {
	  	top: 100px;
		left: 0;
		float: left;
		width: 470px;
	}
  	.journey-2 .animatedPathContent {
		top: -100px;
		left: 0;
		float: right;
		width: 420px;
	}
  	.journey-3 .animatedPathContent {
		top: -60px;
		left: 0;
		float: right;
		width: 420px;
	}
  	.journey-4 .animatedPathContent {
		top: 140px;
		left: 0;
		float: left;
		width: 470px;		
	}
  	.journey-3, .journey-4 {
	  	height: 500px;
  	}
}

.titlebtn{
    margin: 0 80px;
}
#content3 h2,#content3 h3{
  color: #f5a81c;
}
#content3 h3{
  padding-bottom:15px;
}
#content3 h4{
font-size: 15px;
margin: 0 auto;
color: #333;
margin-top: 25px;

}
#content3 p{
  font-family:NexaSlabRegularItalic;
}
#content3 ul{
  padding-top:3px;
}