/* Custom CSS DT Consulting */

/*C ookies */

body .cky-revisit-bottom-right {
background-color: #e36425 !important;
}

.cky-btn-accept, .cky-btn-reject {
  background: #e36425 !important;
  border: 2px solid #e36425 !important;
}

.cky-btn-customize {
  border: 2px solid #e36425 !important;
  color: #e36425 !important;
}

.cky-btn-preferences {
  color: #e36425 !important;
  background: #fff !important;
  border: 2px solid #e36425 !important;
}


/* toolbar */

.phonelist .uk-grid-small > * {
  padding-left: 10px;
}

.maillist .uk-grid-small > * {
  padding-left: 10px;
}

.tm-toolbar-default {
  background: #086b83;
  background-image: linear-gradient(270deg,#086b83 0,#002d38 100%);
}

/* Logo Position */

.uk-logo {
	position: absolute;
  z-index: 1;
  top: -18px;
}


/* Menu */

.uk-navbar-nav li .chevdown {
	background-image: url('down-arrow.svg');
	background-repeat: no-repeat;
	background-size: 13px 12px;
	background-position: 100% 50%;
	padding-right: 20px;
}

.uk-navbar-dropdown {
	border-top: 6px solid #e36425;
}

.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
  border-top: 3px dotted rgba(0,0,0,.15);
}

.uk-navbar-dropdown .uk-nav-default {
	font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0px;
}

.uk-nav-default .uk-nav-sub {
	font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0px;
}

.uk-nav-default .uk-nav-sub a {
  border-bottom: 2px dotted #ccc;
}


/* Home Hero */

.homehero .uk-position-cover {
 background-color: rgba(8, 107, 131, 0.35) !important;
  background-image: linear-gradient(90deg,rgba(0, 44, 55, 1) 0%, rgba(0, 44, 55, 0) 100%), linear-gradient(285deg,rgba(227, 100, 37, 0.38) 0%, rgba(227, 100, 37, 0) 100%) !important;
}


/* STATS Grid */

.statsgrid .el-title {
	background: #e36425;
	border-radius: 100%;
	color: #fff;
	font-weight: 500 !important;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.16);
	height: 175px;
	width: 175px;
	line-height: 175px;
	margin-left: auto;
	margin-right: auto;
	font-size: 68px;
}

.statsgrid .el-title sup {
	font-size: 20px;
    top: 25px;
	vertical-align: text-top;
}

.statsgrid .el-title span {
	left: 4px;
	position: relative;
}


/* Dividers */

.uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 5px dotted rgba(0,0,0,.1);
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 5px dotted rgba(0,0,0,.1);
}

/* Backgrounds */

.uk-section-secondary.secondaryreverse {
  background-image: linear-gradient(270deg,#086b83 0,#002d38 100%);
}

.borderorangeleft{
	border-left: 6px solid #e36425;
	padding-left: 40px;
}


/* Tiles */

.uk-tile-muted {
  background: linear-gradient(180deg,rgba(160, 220, 226, 1) 0%, rgba(211, 239, 242, 1) 100%);
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.16);
}

/* Testimonial Slides */

.testimonialslides .uk-panel {
	margin: 10px;
}

.testimonialslides .uk-padding {
    padding: 30px;
}

.testimonialslides .el-slidenav svg {
	display: none;
}

.testimonialslides .uk-slidenav-next {
	background-image: url('next.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
	transition: opacity o.3s ease;
}

.testimonialslides .uk-slidenav-next:hover{
	opacity: 0.7;
}


.testimonialslides .uk-slidenav-previous:hover {
	opacity: 0.7;
}

.testimonialslides .uk-slidenav-previous {
	 background-image: url('prev.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
	transition: opacity o.3s ease;
}

.testimonialslides .uk-slidenav {
    padding: 20px 20px;
}
	


@media (min-width: 1200px) {
	.testimonialslides .uk-dotnav {
		display: none;
}
.testimonialslides .uk-margin-medium-top {
display: none;
}
}

/* Lists */

.chevlist li {
  background-image: url('chevlist.svg');
  background-repeat: no-repeat;
  background-position: 0px 7px;
  background-size: 12px 12px;
  padding-left: 22px;
}

.ticklist li {
  background-image: url('check.svg');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-size: 21px 21px;
  padding-left: 30px;
}

.ticklist.uk-text-large li {
  background-image: url('check.svg');
  background-repeat: no-repeat;
  background-position: 0px 4px;
  background-size: 23px 23px;
  padding-left: 35px;
}

.largeticklist li {
	  background-image: url('check.svg');
  background-repeat: no-repeat;
  background-position: 0px 7px;
  background-size: 50px 50px;
  padding-left: 65px;
}

.orange {
	color: #eb7f43;
}

.largeticklist .el-content {
	font-size: 18px;
	font-weight: 500;
}

.largeticklist .largetitle {
  font-size: 26px;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: -30px;
  display: block;
}



/* Buttons */

.uk-section-primary:not(.uk-preserve-color) .uk-button-primary {
  background: linear-gradient(90deg,rgba(161, 220, 227, 1) 0%, rgba(211, 239, 242, 1) 100%);
  border: 0px solid;
  line-height: 59px;
  transition: opacity 0.4s ease;
  color: #086b83;
}

.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover {
	opacity: 0.6;
	color: #086b83;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary {
  background-color: #e36425;
  color: #fff;
  border: 2px solid transparent;
  background-image: linear-gradient(90deg,#e36425 0,#eb7f43 100%);
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
	  background-image: none;
}

/* CTA */

.circlebg {
  background-image: url('circle-bg-left.svg'), url('circle-bg-right.svg');
  background-repeat: no-repeat;
  background-position: -30% 50%, 130% 50%;
  background-size: 1100px 1100px;
  background-attachment: fixed;
}

/* Columns */

.columncontent {
	padding-top: 40px;
	padding-bottom: 40px;
}

.columnimage .uk-tile {
	border-radius: 10px;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
}


/* BYB Footer */

.bybfooter a {
	color: #000;
}

.footerlist a {
	color: #000;
}

.footerlist a:hover {
	color: #eb7f43;
}

.phonelist a, .maillist a {
	font-weight: 500 !important;
}

.phonelist a {
	letter-spacing: 1px;
}

.footerborder {
	border-bottom: 6px solid #eb7f43;
}
.phonecta {
	color: #fff !important;
}

/* Circles */

.bluecircleright {
  width: 165px;
  height: 680px;
  background-image: url('blue-circle-right.svg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 100% auto;
  position: absolute;
  right: -1px;
  margin-top:-320px;
  background-color: transparent;
    z-index: 1;
}

.orangecircleleft {
  width: 128px;
  height: 420px;
  background-image: url('orange-circle-left.svg');
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 100% auto;
  position: absolute;
  left: -1px;
  margin-top: -300px;
  background-color: transparent;
  z-index: 1;
}

/* Packages */

.packages .uk-h3 {
	font-size: 25px;
}

.packages .uk-h4 {
  font-size: 19px;
}

.packageicon {
	margin-top: -50px;
}

.packagepanel .el-image {
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
	border-radius: 50%;
	margin-top: -50px !important;
}


.packagelisticons .el-image {
		margin-left: auto;
		margin-right: auto;
}

.packagelisticons .uk-width-auto {
  width: 100%;
}

.packagelist.uk-list-large.uk-list-striped > *, .packagelisticons.uk-list-large.uk-list-striped > * {
  border-radius: 6px;
}

.packagelist li {
	font-size: 15px;
	height: 85px;
	display: flex;
    align-items: center;
}

.packagelisticons li {
	font-size: 15px;
	height: 85px;
	display: flex;
    align-items: center;
	justify-content: center;
}

.timelist li {
	justify-content: center;
	font-size: 18px;
}


.fivehour {
  padding: 203px 10px;
  background: rgba(8,107,131,0.7);
  color: #fff;
  border-radius: 6px;
}




/* Site Map */

.treeview a.selected {
  background-color: transparent;
  text-decoration: none;
  font-size: 17px;
}

.treeview .hover {
	color: #086b83;
}


/* Enquiry Form */

.dtcform .ba-field-label-wrapper {
	margin-bottom: 5px;
	font-size: 16px;
}

.dtcform .ba-field-container textarea {
  min-height: 7rem;
  resize: vertical;
}

.required-star {
  margin: 0px !important;
  font-size: 15px !important;
  color: #e36425 !important;
}

.ba-form-acceptance-field .ba-field-container, .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
 padding-left: 40px !important;
}

.ba-form-acceptance-field .ba-form-acceptance-html p a {
color: #e36425 !important;
}

.ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
    color: #eb7f43 !important;
}

.ba-form-submit-btn {
margin-top: 10px;
font-weight: 600 !important;
padding: 0 30px !important;
  vertical-align: middle;
  font-size: 18px !important;
  line-height: 55px !important;
   background-image: linear-gradient(90deg,#e36425 0,#eb7f43 100%);
   transition: all 0.3s ease !important;
}

.ba-form-submit-btn:hover {
  background-image: none !important;
	background-color: #eb7f43 !important;
}

.dtcform .ba-form-acceptance-field label.ba-form-checkbox > span {
	background: rgba(0, 0, 0, .3);
}


@media (max-width: 768px) {
.dtcform .ba-form-page {
    padding: 0px !important;
}
}


/*Adjust Responsive*/

@media all and (min-width: 1600px) and (max-width:1699px){
 .bluecircleright {
    width: 120px;
    height: 400px;
    margin-top: -200px;
  }

  .orangecircleleft {
    width: 100px;
    height: 330px;
    margin-top: -260px;
  }
 .circlebg {
  background-position: -60% 50%, 160% 50%;
}
}

@media all and (min-width: 1400px) and (max-width:1599px){
 .bluecircleright {
    width: 50px;
    height: 165px;
    margin-top: -82px;
  }

  .orangecircleleft {
    width: 40px;
    height: 135px;
    margin-top: -100px;
  }
 .circlebg {
  background-position: -100% 50%, 200% 50%;
}
  .uk-navbar-nav {
    gap: 40px;
  }
  .uk-logo img {
	  width: 340px;
  }
  .uk-logo {
  top: -7px;
}
 .uk-button {
  padding: 0px 26px;
  font-size: 17px;
  line-height: 45px;
}
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary {
	line-height: 49px;
}

.uk-h3 {
	font-size: 27px;
}
.uk-heading-small {
    font-size: 70px;
}
.uk-text-small {
  font-size: 13px;
}
.footerlist {
	font-size: 14px;
}
}

@media all and (min-width: 1400px) and (max-width:1499px){
	.testimonialslides .uk-position-small {
  margin: -5px;
  --uk-position-margin-offset: -5px;
}
}

@media all and (min-width: 1600px) and (max-width:1649px){
.uk-text-small {
  font-size: 13px;
}
}

@media (max-width: 1399px) {
 .bluecircleright {
    display: none;
  }

  .orangecircleleft {
 display: none;
  }
}


@media all and (min-width: 1200px) and (max-width:1399px){
 .uk-button {
  padding: 0px 22px;
  font-size: 16px;
  line-height: 42px;
}
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary {
	line-height: 46px;
}

.beaconlogoheader img {
	width: 110px;
	height: auto;
}
  .uk-navbar-nav {
    gap: 30px;
  }
 .uk-navbar-nav > li > a {
	 font-size: 16px;
	 letter-spacing: 0px;
	 min-height: 85px;
 }
  .uk-logo img {
	  width: 320px;
  }
  .uk-logo {
  top: -11px;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 85px;
}

.uk-text-small {
  font-size: 13px;
}
.footerlist {
	font-size: 14px;
}
  .circlebg {
    background-position: -100% 50%, 200% 50%;
	background-size: 900px 900px;
  }
  .largeticklist .el-content {
  font-size: 16px;
  font-weight: 500;
}
.largeticklist .largetitle {
  margin-bottom: -25px;
}
.largeticklist li {
  background-size: 30px 30px;
  padding-left: 40px;
}
	.testimonialslides .uk-position-small {
  margin: -5px;
  --uk-position-margin-offset: -5px;
}
.uk-width-xlarge {
  width: 580px;
}
.statsgrid .el-title {
  height: 155px;
  width: 155px;
  line-height: 155px;
  font-size: 55px;
}
.uk-h1 {
    font-size: 47px;
  }
 
.uk-h4  {
  font-size: 21px;
}
.uk-h3 {
	font-size: 25px;
}
.uk-heading-small {
    font-size: 60px;
}
.uk-text-large {
  font-size: 20px;
}
.packages .uk-h3 {
  font-size: 21px;
}
.packages .smallertext {
	font-size: 13px;
}

.packages .el-meta  {
	font-size: 13px;
}
.packagelist li {
  font-size: 14px;
}
.packagelisticons .el-image {
  margin-left: auto;
  margin-right: auto;
  width: 30px;
  height: 30px;
}
}


@media (max-width: 1199px) {
 .uk-button {
  padding: 0px 22px;
  font-size: 16px;
  line-height: 42px;
}
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary {
	line-height: 46px;
}
.packageicon {
  margin-top: -30px;
}
}

/*small desktop*/
@media all and (min-width: 960px) and (max-width:1199px){
.uk-logo {
  position: relative;
  z-index: 1;
  top: 3px;
}
.uk-navbar-container {
	border-top: 15px solid #013541;
}
.uk-logo img {
	width: 300px;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 80px;
}
.uk-navbar-toggle-icon svg {
	width: 29px;
	height: 29px;
}
  .homehero.uk-section-large {
    padding-top: 100px;
    padding-bottom: 100px;
  }
.homehero .uk-position-cover {
  background-color: rgba(8, 107, 131, 0.65) !important;
}
.uk-heading-small {
    font-size: 65px;
  }
.statsgrid .el-title {
  height: 155px;
  width: 155px;
  line-height: 155px;
  font-size: 55px;
}

.uk-heading-small {
    font-size: 55px;
}

.uk-h1 {
    font-size: 40px;
  }
.uk-h3 {
	font-size: 25px;
}
 
.uk-h4  {
  font-size: 21px;
}
.uk-text-large {
  font-size: 20px;
}
.columncontent {
  padding-top: 0px;
  padding-bottom: 0px;
}
.beaconfloat img {
	width: 200px;
}
.beaconfloat{
	right: -55px !important;
  bottom: -20px !important;
}

.rocket img {
	width: 70px;
	height: 70px;
}
.rocket {
	right: 34px !important;
}
.largeticklist .el-content {
  font-size: 16px;
  font-weight: 500;
}
.largeticklist .largetitle {
  margin-bottom: -25px;
}
.largeticklist li {
  background-size: 30px 30px;
  padding-left: 40px;
}
.circlebg {
  background-position: -100% 50%, 200% 50%;
  background-size: 800px 800px;
}
}

/*tablet & mobile*/
@media (max-width: 959px) {
  .statsgrid .el-title {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 40px;
  }
  .statsgrid .el-title sup {
  font-size: 15px;
  top: 10px;
  vertical-align: text-top;
}
.columncontent {
  padding-top: 0px;
  padding-bottom: 0px;
}
.beaconfloat img {
	display: none;
}
.rocket img {
	display: none;
}
.largeticklist .el-content {
  font-size: 16px;
  font-weight: 500;
}
.largeticklist .largetitle {
  margin-bottom: -25px;
}
.largeticklist li {
  background-size: 30px 30px;
  padding-left: 40px;
}
.homehero .uk-position-cover {
  background-color: rgba(8, 107, 131, 0.65) !important;
}
.borderorangeleft{
	border-left: 0px solid #e36425;
	padding-left: 0px;
}
.intropanelicon img {
	width: 80px;
}
.casestudylogo img {
	width: 200px;
	height: auto;
}
}



/*ipad*/
@media all and (min-width: 640px) and (max-width:959px){
.uk-logo {
  position: relative;
  z-index: 1;
  top: 3px;
}
.uk-navbar-container {
	border-top: 15px solid #013541;
}
.uk-logo img {
	width: 300px;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 80px;
}
.uk-heading-small {
    font-size: 55px;
}
.uk-h1 {
    font-size: 40px;
  }
.uk-h3 {
	font-size: 25px;
}
 
.uk-h4  {
  font-size: 21px;
}
.uk-text-large {
  font-size: 20px;
}
.columnimage .uk-tile {
  height: 400px;
}
.breadcrumbstop {
	min-height: 60px !important;
}
}

/*mobile*/
@media (max-width: 639px) {
.uk-logo {
  position: relative;
  z-index: 1;
  top: 1px;
}
.uk-navbar-container {
	border-top: 15px solid #013541;
}
.uk-logo img {
	width: 210px;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  min-height: 55px;
}
.uk-text-lead {
  font-size: 15px;
}
.uk-heading-small {
    font-size: 40px;
}
.uk-h1 {
    font-size: 33px;
  }
.uk-h3 {
	font-size: 22px;
}
 
.uk-h4  {
  font-size: 17px;
}
.uk-text-large {
  font-size: 18px;
}
.columnimage .uk-tile {
  height: 300px;
}
.homehero .uk-margin-medium {
  margin-top: 20px !important;
}
.homehero .uk-margin-medium {
  margin-bottom: 20px;
}
.homehero .uk-object-top-right {
  object-position: 58% 50%;
}
.adjustfooterlinks {
	margin-top: 16px !important;
}
.footerleftmob {
	text-align: left !important;
}
.uk-breadcrumb > * > * {
  font-size: 12.5px;
}
.breadcrumbstop {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
}


	