html, body{font-family:'ProximaNova', Verdana, Geneva, sans-serif;}
.carouselContainer {
	text-align: center;
}

img{
	display: inline-block;
	vertical-align: middle;
}
.carouselText{
	margin-left:410px;
	margin-top:80px;
	text-align:left;
	position:relative;
	top:75px;
	left:4%;
}
.carouselText .title{
	margin-left: 150px;
    font-size: 24px;
    width: 50%;
	font-weight:bold;
	color:#48B7E7;
}
.carouselText hr {
    background: #FBAA1C;
    height: 3px;
    border: none;
    width: 385px;
    margin: 15px 0px;
	position:relative;
	left:-125px;
}
.carouselText .text{
	font-size:18px;
}
.carouselText .text .text_detail{
	margin-left: 150px;
    width: 50%;
	display:none;
}
.text0{
	animation-name: anim-1;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
}
@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*spacing*/
.valueSpacing {float: right;clear: right;height: 28px;}
.valueSpacing:nth-child(3){width:210px}
.valueSpacing:nth-child(4){width:250px}
.valueSpacing:nth-child(5){width:295px}
.valueSpacing:nth-child(6){width:340px}
.valueSpacing:nth-child(7){width:385px}
.valueSpacing:nth-child(8){width:430px}
.valueSpacing:nth-child(9){width:475px}
.valueSpacing:nth-child(10){width:520px}
.valueSpacing:nth-child(11){width:575px}
.valueSpacing:nth-child(12){width:625px}
.valueSpacing:nth-child(13){width:650px}
.valueSpacing:nth-child(14){width:675px}
.valueSpacing:nth-child(15){width:705px}
.valueSpacing:nth-child(16){width:750px}
.valueSpacing:nth-child(17){width:780px}
.valueSpacing:nth-child(18){width:805px}
.valueSpacing:nth-child(19){width:830px}
.valueSpacing:nth-child(20){width:865px}
.valueSpacing:nth-child(21){width:900px}
.valueSpacing:nth-child(22){width:930px}
.valueSpacing:nth-child(23){width:960px}
.valueSpacing:nth-child(24){width:990px}
.valueSpacing:nth-child(25){width:1020px}
.valueSpacing:nth-child(26){width:1060px}
.valueSpacing:nth-child(27){width:1090px}
.valueSpacing:nth-child(28){width:1120px}
.growSpacing {float: right;clear: right;height: 28px;}
.growSpacing:nth-child(3){width:0px}
.growSpacing:nth-child(4){width:0px}
.growSpacing:nth-child(5){width:490px}
.growSpacing:nth-child(6){width:510px}
.growSpacing:nth-child(7){width:520px}
.growSpacing:nth-child(8){width:530px}
.growSpacing:nth-child(9){width:540px}
.growSpacing:nth-child(10){width:550px}
.growSpacing:nth-child(11){width:560px}
.growSpacing:nth-child(12){width:570px}
.growSpacing:nth-child(13){width:580px}
.growSpacing:nth-child(14){width:590px}
.growSpacing:nth-child(15){width:600px}
.growSpacing:nth-child(16){width:610px}
.growSpacing:nth-child(17){width:620px}
.growSpacing:nth-child(18){width:630px}
.growSpacing:nth-child(19){width:640px}
.growSpacing:nth-child(20){width:650px}
.growSpacing:nth-child(21){width:660px}
.growSpacing:nth-child(22){width:670px}
.growSpacing:nth-child(23){width:680px}
.growSpacing:nth-child(24){width:690px}
.growSpacing:nth-child(25){width:700px}
.growSpacing:nth-child(26){width:710px}
.growSpacing:nth-child(27){width:720px}

/*top banner*/
.GDPRIconTextWrap{background: url(/images/ukhomeimg/UKHomeBanner.png);height: 460px;background-size:cover;width: 100%;background-repeat: no-repeat;padding-top:120px;}
.GDPRIconWrap{float:left;width:40%;text-align:left;padding-left:16%;display:inline-block;}
.GDPRHalo{margin-top:-60px;}
.bannerTextWrap{float:right;width:60%;text-align:left;padding-left:12%;color:#2e4059;padding-top:8px;display:inline-block;}
.bannerText{top:29%;color:white;padding:0% 3% 0% 60%;position:absolute;z-index:5;}
.bannerHeader{font-size: 50px; font-weight:bold;}
.bannerP{font-size: 25px;margin-top: 50px;margin-bottom:50px;margin-right: 25%;}
.bannerImgsmaller{display:none;}
.bannerDemo{position: relative;left: initial;bottom: initial;margin-left: 0px;width:238px;padding:20px;}
.navbar{font-size:14px;}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*awards and Gifs*/
.awardCol{width:100%;height:auto;float:left;margin:30px 0px;text-align: center;}
.awardCol-sm{width:25%;}
.awardCol img{height:100px;width:auto;}
.awards .awardCol-sm{width:12.5%;}
.awardCol-gif img{height:220px;}
.awards .awardCol-gif{margin:2%;font-size:20px}
.gifText{margin:0px 10%;font-size:25px;color:#4a4a4a}

/*Difference*/
.differencecontainer{height:1000px;}
.differenceHeader{text-align:center;font-size:44px;color:#f6a71d}
.differenceText{text-align:center;font-size:30px;font-weight:600;color:#4a4a4a}
.differencetextsliderlist{position:absolute;top:18%;font-size:24px;padding:0px 56% 0px 12%}
.differencetextslider{font-size:24px;}
.differencetextsliderstart{font-size:30px;transition:font-size .5s ease}
.differencetextnormal{font-size:24px;}
.differencebutton{position:relative;left:49%;top:21%;float:right;}
.differenceimg{visibility:hidden;float:right;position:absolute}
.differenceactive{visibility:visible;}

/*Value Prop*/
.valueTitle{background-image: url('/images/ukhomeimg/Blackgradient.png');background-repeat:no-repeat;padding:3% 10% 3% 7%;font-size:44px}
.valueP{font-size: 25px;padding-left:7%;line-height:28px;}

/*UK*/
.uktext{bottom:650px;margin-left:50%;margin-right:5%}
.ukTitle{font-size: 44px;color:#4a4a4a}
.ukP{font-size:25px;color:#4a4a4a}
.ukDemo{bottom: -121px;left: 97px;width:237px;height:68px;border-radius:4px;font-size:25px;padding:20px}

/*looking to grow*/
.growTitle{font-size:44px;background-image: url('/images/ukhomeimg/Blackgradient.png');background-repeat:no-repeat;padding:3% 10% 3% 7%;}
.growP{padding-left:7%;font-size: 25px;line-height:28px;}

/*Carousel*/
.carousel_container .title{font-size: 24px;font-weight: bold;color: #48B7E7;position: relative;text-align:center;margin:30px 7%;top:50px}
.carousel_container{position:relative;margin:25px 3%;}
.wheelCarouselImg{margin:100px auto 40px 50px!important;float:left!important;}
.carousel_container hr {background: #FBAA1C;height: 3px;border: none; width: 392px;position:relative;top:170px;left:7px;}
.sliderItem img{width:33%;margin:100px 50px 40px auto;float:right;}
.slider_text{position:relative;background-color:rgba(0,0,0,0);color:#4b4b4b;margin-right:20px;margin-bottom:50px;margin-top:98px;text-align:left;vertical-align:middle;height:100%;top:15%;left:15px;right:15px;width:auto;font-size:18px;width:50%}
.wheel_slider_text{float:right;margin-top:150px}
.wheelextrabreak{display:none;}
.wheelextrabreak2{display:none;}
.wheelextrabreak3{display:none;}
/*awards spotlight*/
.spotlightTitle{font-size:44px;margin:35px auto 50px auto;color:white;text-align:center}
.spotlightText{left:10%;font-size: 25px;}
.spotlight{height:275px;float:none;background-image: url('/images/ukhomeimg/Rectangle.png');padding:0px 3% 0px 7%;color:white;display:inline-block;width:100%;}
.spotlightvideo{width:80%; height:700px;margin:50px 10% 50px 10%;cursor:pointer}
#btn_youtube_close{position:absolute;width:24px;height:24px;background:#FFFFFF;border:2px solid #000000;border-radius:12px;top:0px;right:0px;}
#dlg_presentation_youtube{width:854px;height:489px;text-align:center;}
#dlg_presentation_ifr{width:100%;height:100%;padding:10px;text-align:center;}
#dlg_presentation_ifr_inner{width:100%;height:100%;}
#dlg_presentation_ifr_inner iframe{width:100%;height:100%;}

/*more info*/
.moreinfoDemo{position:relative;width:220px;height:60px;border-radius:4px;font-size:22px}
.moreinfoBook{position:relative;width:220px;height:60px;border-radius:4px;font-size:22px;padding-left:10px;padding-right:10px}


/*Animations*/
/*underlineAnimationLeft{text-decoration:none;display: inline-block;cursor: default;font-weight: bold;}
.underlineAnimationLeft::after{content: '';display: block;height: 3px;width: 0;background: transparent;transition: width .5s ease, background-color .5s ease; /* .5 seonds for changes to the width and background-color *//*-webkit-transition: width .5s ease, background-color .5s ease; /* Chrome and Safari *//*-moz-transition: width .5s ease, background-color .5s ease; /* FireFox }*/
/*.underlineLeftStart::after{width: 100%;background: #FFA603;}
.underlineAnimationRight{text-decoration:none;display: inline-block;position:relative;top:3px;cursor: default;font-weight: bold;}
.underlineAnimationRight::after {content: '';display: block;height: 3px;width: 0;background: transparent;transition: width .5s ease, background-color .5s ease;-webkit-transition: width .5s ease, background-color .5s ease;-moz-transition: width .5s ease, background-color .5s ease;position:absolute;right:0;bottom:0;}
.underlineRightStart::after{width: 100%;background: #FFA603;}*/
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-opacityout{animation:opacout 0.8s}@keyframes opacout{from{opacity:1} to{opacity:0}}
.w3-animate-rightmore{position:absolute;animation:animaterightmore 0.8s}@keyframes animaterightmore{from{right:0px;opacity:1} to{right:100px;opacity:0}}
.w3-animate-right{position:relative;animation:animateright 0.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@font-face {
	font-family: 'ProximaNova';
	src: url("/styles/fonts/ProximaNova-Regular.otf");
}
@font-face {
    font-family: 'ProximaNova';
    src: url("/styles/fonts/ProximaNova-Bold.otf");
    font-weight: bold;
}
@media only screen and (min-width: 2200px){
	.jdhome_container{width:2200px;margin:0px auto}
	.bannerText{padding:0% 30% 0% 40%}
}
@media only screen and (min-width:1785px){
	.wheelextrabreak3{display:block;}
}
@media only screen and (min-width:1735px){
	.wheelextrabreak2{display:block;}
}

@media only screen and (min-width: 1440px){
	.video-container iframe{height:133%;top:-115px}
	.video-container {padding-bottom: 42.25%;}
	.bannerImg{display:none;}
	.bannerImgsmaller{display:inline-block;}
}

@media only screen and (max-width:1443px){
	.wheelextrabreak{display:block;}
}
@media only screen and (max-width: 1320px){
	.bannerText{top:23%}
	.controls .next{left:294%}
}
@media only screen and (max-width:1390px){
	.valueSpacing:nth-child(3){width:10px}
	.valueSpacing:nth-child(4){width:50px}
	.valueSpacing:nth-child(5){width:95px}
	.valueSpacing:nth-child(6){width:140px}
	.valueSpacing:nth-child(7){width:185px}
	.valueSpacing:nth-child(8){width:230px}
	.valueSpacing:nth-child(9){width:275px}
	.valueSpacing:nth-child(10){width:320px}
	.valueSpacing:nth-child(11){width:375px}
	.valueSpacing:nth-child(12){width:425px}
	.valueSpacing:nth-child(13){width:450px}
	.valueSpacing:nth-child(14){width:475px}
	.valueSpacing:nth-child(15){width:505px}
	.valueSpacing:nth-child(16){width:550px}
	.valueSpacing:nth-child(17){width:580px}
	.valueSpacing:nth-child(18){width:605px}
	.valueSpacing:nth-child(19){width:630px}
	.valueSpacing:nth-child(20){width:665px}
	.valueSpacing:nth-child(21){width:700px}
	.valueSpacing:nth-child(22){width:730px}
	.valueSpacing:nth-child(23){width:760px}
	.valueSpacing:nth-child(24){width:790px}
	.valueSpacing:nth-child(25){width:820px}
	.valueSpacing:nth-child(26){width:860px}
	.valueSpacing:nth-child(27){width:890px}
	.valueSpacing:nth-child(28){width:920px}
	.growSpacing:nth-child(5){width:390px}
	.growSpacing:nth-child(6){width:410px}
	.growSpacing:nth-child(7){width:420px}
	.growSpacing:nth-child(8){width:430px}
	.growSpacing:nth-child(9){width:440px}
	.growSpacing:nth-child(10){width:450px}
	.growSpacing:nth-child(11){width:460px}
	.growSpacing:nth-child(12){width:470px}
	.growSpacing:nth-child(13){width:480px}
	.growSpacing:nth-child(14){width:490px}
	.growSpacing:nth-child(15){width:500px}
	.growSpacing:nth-child(16){width:510px}
	.growSpacing:nth-child(17){width:520px}
	.growSpacing:nth-child(18){width:530px}
	.growSpacing:nth-child(19){width:540px}
	.growSpacing:nth-child(20){width:550px}
	.growSpacing:nth-child(21){width:560px}
	.growSpacing:nth-child(22){width:570px}
	.growSpacing:nth-child(23){width:580px}
	.growSpacing:nth-child(24){width:590px}
	.growSpacing:nth-child(25){width:600px}
	.growSpacing:nth-child(26){width:610px}
	.growSpacing:nth-child(27){width:620px}
}
@media only screen and (max-width:1383px){
	.wheelextrabreak{display:none;}
}
@media only screen and (max-width:1300px){
	.wheelextrabreak{display:block;}
	.wheelextrabreak2{display:block;}
}
@media only screen and (max-width:1260px){
	.wheelextrabreak2{display:none;}
}
@media only screen and (max-width:1240px){
	.wheelextrabreak{display:none;}
}
@media only screen and (max-width:1220px){
	.growP{font-size:20px;}
	.wheelextrabreak{display:block;}
	.wheelextrabreak2{display:block;}
	.GDPRIconTextWrap{height:400px;padding-top:50px;}
	.GDPRIconWrap{padding-left:5%;}
	.bannerTextWrap{padding-left:8%;}
}
@media only screen and (max-width:1180px){
	.wheelextrabreak2{display:none;}
}
@media only screen and (max-width: 1465px){
	.bannerText{top:18%}
	.growSpacing{width:7%!important}
	.valueSpacing{width:7%!important}
	.carouselText .title{margin-left:100px}
	.carousel_container .title{text-align:left;margin-left:53%;top:25px}
	.carouselText .text .text_detail{margin-left:100px}
	.controls .next{left:254%}
	.spotlightText{font-size:20px}
	.spotlightTitle{font-size:30px;margin-bottom:32px}
	.spotlight{padding-left:3%;}
	.ukP{font-size:18px}
	.ukTitle{font-size:35px}
	.growP{font-size:25px;}
	.awardCol-sm{width:33.3%;}
	.awardCol-lg{width:35%}
	.awards .awardCol-sm{width:25%;}
	.awardCol-gif{width:50%}
	.awardCol-gif img{height:220px;}
	.awardCol-bot img{position:relative;left:51%}
	.spotlightvideo{width:95%; height:500px;margin:50px 2.5% 50px 2.5%;}
	.mapImage{position:relative;left:-135px;overflow:hidden;}
	.differenceHeader{font-size:42px}
	.differenceText{font-size:20px}
	.bannerHeader{font-size:40px}
	.bannerP{font-size:20px}
	.bannerText{padding-left:34%}
	.mobile_wheel{height:450px}
	.jdcarousel2{bottom:170px}
	.carousel_container hr{top:0px}
	.wheelcontainer{overflow:hidden}
	.valueproposition{overflow:hidden}
}
@media only screen and (max-width: 980px){
	.spotlightText{font-size:18px}
}
@media only screen and (max-width: 874px) {
	#dlg_presentation_youtube{width:95%;height:250px;}
	.GDPRIconWrap{padding-left:0px;}
	.bannerTextWrap{padding-left:3%;}
}
@media only screen and (max-width: 800px){
	.jdcustom .feature{font-size:14px;}
	.jdcustom .please_register{font-size:12px;}
	.bannerBGWrap{text-align:center;}
	.GDPRIconTextWrap{height:450px;}
	.GDPRIconWrap{float:none;padding:10px;width:100%;text-align:center;}
	.bannerTextWrap{float:none;padding:10px;width:100%;text-align:center;}
	.bannerP{font-size:18px;margin:10px 0px;}
	.GDPRHalo{height:250px;}
	.bannerHeader{font-size:30px}
	.bannerDemo{padding:10px; width:200px; margin: 20px auto 10px auto;}
}
@media only screen and (max-width: 768px){
	.ukDemo{bottom:-10px;margin-left:-100px}
	.gifText{font-size:18px}
	.valueP{padding:0 3% 0px 3%;font-size: 18px;}
	.valueTitle{font-size:30px}
	.growP{padding:0 3% 0px 3%;font-size: 18px;}
	.growTitle{font-size:30px}
	.awardCol{width:100%;}
	.awards .awardCol-sm{width:33%;}
	.awards .awardCol-sm[name=capterra]{padding-left: 190px;}
	.awards .awardCol-sm[name=customersupport]{padding-left: 200px;}
	.awardCol-sm img{height:100px}
	.awardCol-gif{width:100%}
	.awardCol-gif img{height:220px}
	.gifText{font-size:25px}
	.bannerText{padding:0% 10%;top:12%;text-align:center;vertical-align:left;}
	.bannerHeader{font-size:40px}
	.bannerP{margin-right:0px;font-size:18px}
	.uktext{bottom:500px}
	.differenceHeader{font-size:30px}
	.differenceText{font-size:18px}
	.revealOnScroll{overflow:hidden}
	.valueTitle{text-align: center;background-image:none;}
	.growTitle{text-align: center;background-image:none;}
	.ukTitle{font-size: 30px;text-align: center;}
	.uktext{bottom:600px;margin-left:5%;margin-right:5%}
	.ukDemo{left:46%}
	.sliderItem img{width:50%;margin:100px auto 40px auto!important;float:none!important;}
	.slider_text{position:relative;background-color:#FCFCFC;color:#4b4b4b;margin-right:20px;width:100%;margin-top:0px;margin-bottom:50px;text-align:left;vertical-align:middle;height:100%;top:15%;left:15px;right:15px;width:auto;font-size:16px;}
	.carousel_container{position:relative;margin:25px 3%;box-shadow:0px 0px 37px grey;border-radius:13px}
	.carousel_container .title{text-align:center;margin-left:7%;top:50px}
	.spotlightvideo{width:100%; margin:25px 0%; height:400px;}
	.mobile_wheel{height:100%}
	.jdcarousel2{bottom:0px}
	.carousel_container .title{top:80px}
	.carousel_container hr{top:170px}
}
@media only screen and (max-width: 600px){
	.bannerText{padding:0% 3%;}
	.videoButton{top:-38%!important}
	.awards .awardCol{width:100%;}
	.awards .awardCol-sm{width:100%;}
	.awards .awardCol-sm img{height:100px}
	.awards .awardCol-sm[name=capterra]{padding-left: 0;}
	.awards .awardCol-sm[name=customersupport]{padding-left: 0;}
}
@media only screen and (max-width: 390px){
	.bannerText{top:19%}
	.valueTitle{font-size:22px}
	.growTitle{font-size:22px}
	.videoButton{top:-44%!important;margin: -33.75% 39.75%!important;height:40%!important}
	.spotlightvideo{height:200px}
}
@media only screen and (max-width: 320px){
	.bannerText{top:70px}
		.videoButton{top:-37%!important}
}