/* Cookie Pop Up */
 
 .cc-revoke, .cc-window {
   /* font-family: 'Poppins-Regular';*/
    font-size: 16px;
    line-height: 24px;
}

.cc-custom-revoke {
	font-size: 14px;
}

.cc-btn {
	font-weight: normal;
	text-transform: uppercase;
	/*font-family: 'Poppins-Bold';*/
	font-size: 14px;
	letter-spacing: 1px;
	transition: opacity 0.4s ease;
	text-decoration: none !important;
}

.cc-btn:hover, .cc-btn:focus {
	opacity: 0.6;
}

.cc-color-override-1020424930 .cc-btn:hover, .cc-color-override-1020424930 .cc-btn:focus {
    border-color: #f9a240;
}

div.cc-window.cc-floating {
	box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
}

.uk-tile-muted{
 border-radius: 15px;
 box-shadow: 0 14px 25px rgba(0,0,0,.30);
}

.font-shadow {
  text-shadow: 0px 2px 8px rgba(0,0,0,0.4);
}

.purple{
 color: #653388;
}


.cc-revoke, .cc-window {
  font-family: inherit;
}


/* Header */

.tm-toolbar .uk-container {
 max-width: 1600px;
}

.toolbar-mail, .toolbar-telephone{
 font-size: 16px;
 font-weight: 700;
 color: #444;
}

.toolbar-mail:hover, .toolbar-telephone:hover{
 color: rgba(68,68,68,0.7);
}

.toolbar-list.uk-list > :nth-child(n+2) {
 margin-top: 5px;
}

.tm-header .uk-navbar-container {
 box-shadow: 0 24px 17px -15px rgba(0,0,0,.2)!important;
}

.icon-telephone-purple {
  width: 23px;
  height: 23px;
  background-image: url("/images/icons/telephone.svg") !important;
  background-repeat: no-repeat !important;
  background-size: auto 100%;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.icon-mail-purple{
  width: 23px;
  height: 23px;
  background-image: url("/images/icons/email.svg") !important;
  background-repeat: no-repeat !important;
  background-size: auto 100%;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}


@media all and (min-width: 1200px) {
.get-in-touch-btn{
 padding-right: 20px!important;
 background-color: #3e145b;
 padding-left: 60px!important;
 background-image: url("/images/icons/comment.svg") !important;
 background-repeat: no-repeat !important;
 background-position: 12% 50% !important;
 background-size: 23px 23px !important;
}
}

.hero{
margin: 40px 40px 0px 40px;
}

#heroarea.uk-section-default {
  background: transparent;
}

.hero-btn{
 padding-right: 20px;
 padding-right: 40px;
 background-image: url("/images/icons/arrow-down.svg") !important;
 background-repeat: no-repeat !important;
 background-position: 90% 50% !important;
 background-size: 20px 20px !important;
}

.hero-btn:hover{
 background-color: rgba(255,255,255,0)!important; 
 color:#fff!important;
 border: 2px solid #fff!important;
}

.hero-text{
 font-size: 18px;
}

.hero-btn-2{
 margin-left: 20px;
 padding-right: 20px;
 padding-left: 20px;
}

.uk-navbar .uk-navbar-nav .uk-active{
  background-image: url("/images/inverse-triangle.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 50% -24% !important;
  background-size: 25px 25px !important;
  z-index: 999;
  position: relative;
}

.uk-navbar li.item-568:nth-child(1) {
background-image: none !important;
}

.hero-subheader{
 font-size: 28px;
}

/* General */

@media all and (min-width: 1200px){
.banner-pannel .uk-card {
  position: relative;
  width: 610px;
  left: -22%;
  z-index: 99;
}
}

.toolbar-logo{
 margin-bottom: 5px!important;
}

.logo-text{
 margin-left: 17px;
 color: rgba(68,68,68,1)!important;
 letter-spacing: 1.45px;
}

.contact-section{
 border-bottom: 5px solid #638 !important;
}

.banner-pannel .uk-card-primary {
  background-color: rgba(102, 51, 136, 0.95);
}


.gallery .el-item.uk-box-shadow-medium:hover{
 box-shadow: 1px 3px 50px rgba(102, 51, 136, 0.5);
}

.intro-section-padding .uk-margin-large.uk-container.uk-container-small{
 margin-top: 100px !important;
}

.home-panel-slider .uk-slideshow-items > * {
 overflow: visible;
}

.logo-text{
 font-family: lora!important;
 color:#663388!important;
}

.thank-you-page .tm-page{
 background-size: auto auto!important;
}

/* Gallery */

.gallery-header.uk-heading-line > ::after, .gallery-header.uk-heading-line > ::before {
  content: "";
  position: absolute;
  top: calc(50% - (2px / 2));
  width: 100px;
  border-bottom: 2px solid #638;
}

/* Home */

.tm-page{
 background-image:  linear-gradient(180deg, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%), url("/images/background-art-rich.jpg") !important;
 background-repeat: repeat-x, no-repeat!important;
 background-size: auto auto, contain !important;
 background-repeat: repeat-x, no-repeat!important;
 box-sizing:border-box!important;
 
}

.uk-button-text{
 padding-right: 40px;
 background-image: url("/images/icons/right-arrow.svg") !important;
 background-repeat: no-repeat !important;
 background-position: 90% 50% !important;
 background-size: 15px 15px !important;
}


.home-panel-slider a.el-slidenav.uk-slidenav-next {
  background-image: url('/images/icons/right-arrow.svg');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 50% 50%;
  width: 55px;
  height: 55px;
  background-color: rgba(102,51,136,0.8);
}


.home-panel-slider a.el-slidenav.uk-slidenav-previous {
  background-image: url('/images/icons/left-arrow.svg');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 50% 50%;
  width: 55px;
  height: 55px;
}

.home-panel-slider a.el-slidenav.uk-slidenav-next svg, .home-panel-slider a.el-slidenav.uk-slidenav-previous svg{
 display:none;
}

.home-panel-slider .uk-slidenav{
 background-color:rgba(102,51,136,0.6);
}

.home-panel-slider .uk-slidenav:hover{
 background-color:rgba(102,51,136,1);
}

.hero-intro .uk-card-primary {
  background-color: rgba(102, 51, 136, 0.95);
}


@media all and (min-width: 1200px){
.hero-intro .uk-card{
  position: relative;
  width:610px;
  left: 22%;
  z-index: 99;
}
}

@media all and (min-width: 960px){

.home-panel-slider .uk-dotnav{
  display:none;
}
}


/* Form */

.tmcform .ba-form-page input[type="text"], .tmcform .ba-form-page input[type="email"], .tmcform .ba-form-page textarea {
 box-shadow: 0px 2px 10px rgba(0,0,0,0.1) !important;
 border: 2px solid transparent!important;
}
.tmcform .ba-form-page input[type="text"]:focus, .tmcform .ba-form-page input[type="email"]:focus, .tmcform .ba-form-page textarea:focus {
 border: 2px solid #ba8f3b !important;
}

.ba-form-submit-btn {
 padding: 0px 35px !important;
 height: 44px!important;
 font-family: 'DM Sans';
 font-weight: 700!important;
 text-transform: uppercase!important;
 letter-spacing: 2px!important;
 border-radius: 0px!important;
 margin-top: 10px!important;
}

.ba-form-submit-btn:hover {
 text-decoration:none;
}

.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 {

 font-size: 16px !important;

}

.tmcform .ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span::before {
  color: #fff;
}

.ba-form-acceptance-field .ba-form-acceptance-html p a {

 font-weight:500;
}
.ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
 opacity: 0.7;
}

.tmcform .ba-form-page {
  padding: 0px !important;
}

.sectorsgrid .uk-card-default{
	margin-top: 0px;
}
.sectorsgrid .el-content {
  padding-bottom: 0px;
}


/* Edge */
.tmcform .ba-field-container textarea::-webkit-input-placeholder, .tmcform .ba-field-container input[type="text"]::-webkit-input-placeholder, .tmcform .ba-field-container input[type="number"]::-webkit-input-placeholder, .tmcform .ba-field-container input[type="email"]::-webkit-input-placeholder{
  color: #000!important;
  opacity: 1 !important;
  font-size: 15px!important;
}

/* Internet Explorer 10-11 */
.tmcform .ba-field-container textarea:-ms-input-placeholder, .tmcform .ba-field-container input[type="text"]:-ms-input-placeholder, .tmcform .ba-field-container input[type="number"]:-ms-input-placeholder, .tmcform .ba-field-container input[type="email"]:-ms-input-placeholder{
  color: #000!important;
  opacity: 1 !important;
  font-size: 15px!important;
}


.tmcform  .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span::before {
 background:#fff!important; 
border-radius: 3px!important;
}

.tmcform .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio input[type="radio"]:checked + span::before {
  background:#73BF45!important; 
}

.tmcform .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-title {
  color: #fff;
}



/* site map */

#jmap_sitemap h1 {
	font-size: 28px;
}
 
.treeview span {
 color: #3c3c3c!important;
}
 
a.hover{
 text-decoration:none;
}

.treeview a{
 color: #3c3c3c;
}

.treeview .hover{
 color: rgba(60, 60, 60, 0.5);
 text-decoration:none;
}

.treeview a.selected {
 background-color: #F5F5F5;
 text-decoration:none;
}

.treeview a.selected {
font-size: 16px;
}


/* animations */

.uk-button, .contact-btn, .uk-icon, .uk-button, .get-in-touch-btn, .uk-button-text{
 transition: all 0.4s ease!important;
}

.el-slidenav.uk-icon.uk-slidenav-next, .el-slidenav.uk-icon.uk-slidenav-previous , .el-title a, .hero-btn{
 transition: all 0.2s ease!important;
}

.el-title a:hover, .contact-btn:hover, .uk-button:hover, .get-in-touch-btn:hover{
 opacity:0.6;
}

.uk-button-text:hover{
 background-position: 98% 50% !important;
}

.el-slidenav.uk-icon.uk-slidenav-next:hover{
 background-position: 70% 50%;
}

.el-slidenav.uk-icon.uk-slidenav-previous:hover{
 background-position: 30% 50%;
}

.hero-btn:hover{
 background-position: 90% 65% !important;
}


/* Services */

.topservicerow {
	padding-top: 40px;
}

.richpanels .uk-card, .richpanelhome a {
	z-index: 2;
}

.richpanelhome .uk-overlay {
  padding: 30px 30px;
}


.uk-box-shadow-medium {
  box-shadow: 1px 3px 50px rgba(102, 51, 136, 0.3);
}

.richpanelhome .uk-overlay {
  padding: 30px 30px;
}

.richpanelhome .uk-position-bottom-center {
  width: 100%;
}

@media (min-width: 1680px) {
.largerpanel .uk-overlay {
  padding: 30px 30px 55px 30px;
}
}

@media all and (min-width: 1500px) and (max-width:1679px){
.richpanelhome .uk-h3 {
  font-size: 23px;
}
.richpanelhome .uk-overlay {
  padding: 30px 30px;
  min-height: 240px;
}

.hero-subheader {
  font-size: 25px;
}

}

@media all and (min-width: 1200px) and (max-width:1499px){
.richpanelhome .uk-h3 {
  font-size: 19px;
}
.richpanelhome .uk-overlay {
  padding: 10px 20px 20px 20px;
  min-height: 200px;
}
.richpanelhome .uk-margin-top {
  margin-top: 10px !important;
}

.uk-h1{
 font-size: 25px;
}

.hero-subheader {
  font-size: 23px;
}


}

@media all and (min-width: 960px) and (max-width:1199px){
.richpanelhome img {
	height: 450px;
}
.richpanelhome .uk-overlay {
  padding: 30px 30px;
  min-height: 240px;
}
.mobilepanel img {
  height: 760px !important;
  width: 1200px  !important;
}
.mobilepanel .uk-overlay {
  min-height: auto  !important;
}

.grid-imgs .el-title{
 font-size: 14px;
}

.uk-h1{
 font-size: 25px;
}

.hero-subheader {
  font-size: 22px;
}

}

/*footer*/

.small-text-footer{
 color: rgb(255, 255, 255);
}

.small-text-footer a{
 color: rgb(255, 255, 255)!important;
}

.small-text-footer a:hover{
 color: rgba(255, 255, 255,0.7)!important;
}

.contact-list-footer.uk-list > :nth-child(n+2) {
 margin-top: 40px;
}

.cta{
  border-bottom: 5px solid #fff!important;
}


 .contact-list-footer .el-content{
  font-size: 18px;
}

/*small desktop*/

@media all and (min-width: 1400px) and (max-width:1600px){
	
.uk-navbar-nav {
 gap: 25px;
}

.get-in-touch-btn {
 padding-left: 45px !important;
}

.uk-navbar-nav > li > a{
 font-size: 14px;
}

.hero-intro .uk-card {
  left: 10%;
}

.uk-h2{
 font-size: 30px;
}

.uk-h3{
 font-size:  26px;
}

.uk-text-lead {
  font-size: 19px;
}

.hero-intro .uk-card{
  position: relative;
   width:510px;
  left: 0%;
  z-index: 99;
}



.banner-pannel .uk-card {
  position: relative;
  width: 520px;
  left: -22%;
  z-index: 99;
}

.quote-text.uk-text-lead{
 font-size: 19px;
}

}

@media all and (min-width: 1200px) and (max-width:1399px){
	

	
.uk-navbar-nav {
 gap: 17px;
}

.get-in-touch-btn {
 padding-left: 30px !important;
}

.get-in-touch-btn {
  padding-right: 15px !important;
}

.uk-navbar-nav > li > a{
 font-size: 12.5px;
}

.get-in-touch-btn {
 
  background-position: 7% 50% !important;
  background-size: 15px 15px !important;
}

.hero-intro .uk-card {
  left: 10%;
}

.tm-header-mobile .uk-navbar-container {
padding-top: 20px;
padding-bottom: 20px;
}

.uk-h2{
 font-size: 30px;
}

.uk-h3{
 font-size:  26px;
}

.uk-text-lead {
  font-size: 19px;
}

.uk-card-body {
  padding: 20px 20px;
}

.hero-intro .uk-card{
  position: relative;
   width:490px;
  left: 0%;
  z-index: 99;
}

.banner-pannel .uk-card {
  position: relative;
  width: 460px;
  left: -22%;
  z-index: 99;
}
.quote-text.uk-text-lead{
 font-size: 20px;
}

}

@media all and (min-width: 960px) and (max-width:1199px){
	
.uk-navbar-container:not(.uk-navbar-transparent) {
 background: #f7f7f7;
 box-shadow: 0 0 50px 0 rgba(102,51,136,.35);
}

.tm-header-mobile .uk-navbar-container {
padding-top: 20px;
padding-bottom: 20px;
}

.footer-img{
 max-width: 260px;
 margin: auto;
}

.contact-list-footer.uk-list > :nth-child(n+2) {
  margin-top: 15px;
}

.sky-image{
max-width: 600px;
margin: auto;
}

.hero-intro .uk-card {
  position: relative;
  width: 570px;
  left: -7%;
  z-index: 99;
}

.uk-h2{
 font-size: 25px;
}

.uk-h3{
 font-size:  22px;
}

.uk-text-lead {
  font-size: 18px;
}

.hero-intro .uk-card{
 position: relative;
 width:450px;
 left: 0%;
 z-index: 99;
}

.banner-pannel .uk-card {
  position: relative;
  width: 377px;
  left: -25%;
  z-index: 99;
}


.quote-text.uk-text-lead{
 font-size: 20px;
}


.gallery-section {
 border-top: 5px solid #65338A;
}

}


@media (max-width: 959px) {
	
#heroarea .uk-box-shadow-xlarge {
  box-shadow: 0 0 0px 0 rgba(102,51,136,.0);
}

.cta-text-column .uk-tile-large {
  padding-top: 40px;
  padding-bottom: 40px;
}

.intro-section-padding .uk-margin-large.uk-container.uk-container-small{
 margin-top: 40px !important;
}


#heroarea .uk-container.uk-container-large{
 padding-left: 0px;
 padding-right: 0px;
}

.quote-text.uk-text-lead{
 font-size: 20px;
}

.gallery-section {
border-top: 5px solid #65338A;
}

}


/*ipad*/
@media all and (min-width: 640px) and (max-width:959px){
	
.uk-navbar-container:not(.uk-navbar-transparent) {
 background: #f7f7f7;
 box-shadow: 0 0 50px 0 rgba(102,51,136,.35);
}

.tm-header-mobile .uk-navbar-container {
padding-top: 20px;
padding-bottom: 20px;
}

.footer-img{
 max-width: 240px;
 margin: auto;
}

.contact-list-footer.uk-list > :nth-child(n+2) {
  margin-top: 15px;
}

.sky-image{
max-width: 600px;
margin: auto;
}


.uk-h2{
 font-size: 25px;
}

.uk-h3{
 font-size:  22px;
}

.uk-text-lead {
  font-size: 18px;
}

.hero {
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom:40px;
}

.service-large{
 display:none;
}

.hero {
 margin-top:0px;
}

.hero-text {
  font-size: 17px;
}
.adjustpanel img {
	height: 450px;
}

.uk-h1{
 font-size: 22px;
}

#heroarea .uk-container.uk-container-large{
 padding-left: 0px;
 padding-right: 0px;
}

.quote-text.uk-text-lead{
 font-size: 20px;
}

.gallery-section {
border-top: 5px solid #65338A;
}

.hero-subheader {
  font-size: 22px;
}

}

/*mobile*/
@media (max-width: 639px) {
.uk-h3{
 font-size: 20px; 
}

.contact-text.uk-text-large {
  font-size: 15px;	
}

.hero .uk-button {
	margin: 5px;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
 background: #fff;
 box-shadow: 0 0 50px 0 rgba(102,51,136,.35);
}

.tm-header-mobile .uk-navbar-container {
padding-top: 20px;
padding-bottom: 20px;
}

.uk-text-small{
 font-size: 11px;
}

.footer-img{
 max-width: 240px;
 margin: auto;
}

.contact-list-footer.uk-list > :nth-child(n+2) {
  margin-top: 15px;
}

.contact-list-footer .el-content {
  font-size: 16px;
}

.uk-h2{
 font-size: 23px;
}

.uk-h3{
 font-size:  21px;
}

.uk-text-lead {
  font-size: 18px;
}

.hero-text {
  font-size: 16px;
}

.hero {
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom:40px;
}

.hero {
 margin-top:0px;
}

.richpanelhome .uk-overlay {
  padding: 10px 20px 20px 20px;
  margin-top: -20px;
}
.richpanelhome .uk-margin-top {
  margin-top: 10px !important;
}
.richpanelhome .uk-overlay-primary {
  background: rgb(102, 51, 136);
}
.richpanelhome [class*="uk-position-bottom"] {
	position: relative !important;
}

.uk-h1{
 font-size: 21px;
}

#heroarea .uk-container.uk-container-large{
 padding-left: 0px;
 padding-right: 0px;
}

#heroarea .uk-card .uk-text-large{
 font-size: 16px;
}
 
.quote-text.uk-text-lead{
 font-size: 16px;
}

.gallery-section {
border-top: 5px solid #65338A;
}

.hero-subheader {
  font-size: 20px;
}

}