/* BYB Thinking Software Custom CSS */

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

.cc-btn {
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Poppins';
	 font-weight: 700;
	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);
}

/* Musterd Slides */
/*.musterdslides img{
	box-shadow: 0px 2px 20px rgba(0,0,0,0.1);
}*/

/* Book Button in Nav */

.bookbutton {
	background-color: #f9a240;
    color: #fff !important;
    background-image: linear-gradient(320deg,#f78c2e,#f9a240);
	font-weight: 600!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    border-radius: 500px;
	padding: 0 25px!important;
    vertical-align: middle;
    font-size: 15px!important;
    line-height: 42px;
	min-height: 42px  !important;
    text-align: center;
	margin-top: 19px;;
}

a.bookbutton::before, a.bookbuttongreen::before, a.bookbutton::after, a.bookbuttongreen::after {
	display: none !important;
}


.bookbutton:hover {
    background-image: linear-gradient(320deg, #f78c2e, #f9b440)
}

.musterdbooking .bookbutton, .musterdbooking .item-426 {
	display: none !important;
}

.bookbuttongreen, .item-961 {
	display: none !important;
}

.musterdbooking .bookbuttongreen, .musterdbooking .item-961 {
	display: block !important;
}

.bookbuttongreen {
	background-color: #77a505 !important;
    color: #fff !important;
	font-weight: 600!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    border-radius: 500px;
	padding: 0 25px!important;
    vertical-align: middle;
    font-size: 15px!important;
    line-height: 42px;
	min-height: 42px  !important;
    text-align: center;
	margin-top: 19px;
	transition: opacity 0.3s ease;
}

.bookbuttongreen:hover {
    opacity: 0.6;
}

.subnavheader {
	font-weight: 700;
}

/* icons offcanvas nav */
.uk-nav > li > a[aria-expanded="true"] .uk-nav-parent-icon {
  transform: rotate(0deg);
}

.uk-nav > li > a .uk-nav-parent-icon {
  transform: rotate(-90deg);
}

.lineupbuttonmenu {
	margin-top: 9px;
}

.lineupbuttonmenu a {
	margin-bottom: 1px;
}


/* Colours */

.orange {
	color: #F9A240;
}

.green {
	color: #77A505;
}


.whitetext {
	color: #fff;
}

/* Hide border between sections */

.uk-section-muted+.uk-section-default, .uk-section-muted+style+.uk-section-default {
    border-top: 0px solid #eaeaea;
}

.uk-section-default + .uk-section-muted {
  border-top: 0px solid #eaeaea;
}

/* Features */

.mobile-app-panel.uk-margin-remove-first-child:nth-child(1) > div:nth-child(1) > div:nth-child(1), .mobile-app-panel-2 .uk-flex-last\@l {
text-align: center;
}

/* Custom Panels */

.hovercards {
}

.greenicon .uk-text-emphasis {
  color: #77A505 !important;
}

.orangeicon .uk-text-emphasis {
  color: #F9A240 !important;
}

.greenline .uk-card-default.uk-card-hover:hover {
  border-color: #77a505;
}

.optionslider .uk-button {
	position: absolute;
	bottom: 30px;
	left: 0px;
	right: 0px;
	width: 179px;
	margin-left: auto;
	margin-right: auto;
}

.optionslider .el-content, .gridbuttonforcebottom .el-content {
	padding-bottom: 50px;
}

.gridbuttonforcebottom .uk-button {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
}

.newoptionslider .uk-button {
	position: relative;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.panelslidecontent {
	padding-bottom: 20px;
}

@media (min-width: 1359px) {
	.panelslidecontent {
	min-height: 316px;
}
}

.newoptionslider .uk-slidenav-previous svg, .newoptionslider .uk-slidenav-next svg{
  height: 20px;
  width: 20px;
  color: #fff;
  margin-top: 5px;
}

.newoptionslider .uk-slidenav-previous, .newoptionslider .uk-slidenav-next {
	background: #f9a240;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	transform: background 0.3s ease;
}

.newoptionslider .uk-slidenav-previous:hover, .newoptionslider .uk-slidenav-next:hover {
	background: #77a505;
}

.newoptionslider .uk-dotnav {
	display: none;
}

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

.newoptionslider .uk-position-center-left-out {
  right: 97%;
}
.newoptionslider .uk-position-center-right-out {
  left: 97%;
}
}

@media (max-width: 959px) {
	.newoptionslider .uk-dotnav {
	display: flex;
	}
	.newoptionslider .uk-card-body {
  padding: 20px 20px;
}
}


/* Certified Footer Logos */

.certified table {
	margin-top: 25px;
}

.certified td img {
	margin: 0px 20px 0px 0px;
	height: 113px;
}

/* BYB Footer */

.bybfooter a {
	color: #909090;
}

.bybfooter a:hover {
	color: #404040;
}

/* TS Grid */

.tsgrid .uk-card-secondary {
	background-color: #fff;
	border: 1px solid transparent;
	box-shadow: 0 5px 15px rgba(0,0,0,.06);
}

.tsgrid .uk-card-secondary.uk-card-hover:hover {
  background-color: #fff;
  border-color: #77a505;
  box-shadow: 0 14px 25px rgba(0,0,0,.1);
}

.tsgrid .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body h2 {
	color: #404040;
}

.tsgrid .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-emphasis {
	color: #404040 !important;
}

.tsgrid .uk-card-secondary > :not([class*="uk-card-media"]) {
	color: #404040 !important;
}

.tsgrid .uk-card-secondary.uk-card-body .uk-button-primary, .tsgrid .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary {
	background-color: #77a505;
	color: #fff !important;
}

.tsgrid .uk-card-secondary.uk-card-body .uk-button-primary:hover, .tsgrid .uk-card-secondary > :not([class*="uk-card-media"]) .uk-button-primary:hover {
	background-color: rgba(119,165,5,.7);
	color: #fff !important;
}


.tsgrid .uk-card-secondary.uk-card-body a, .tsgrid .uk-card-secondary > :not([class*="uk-card-media"]) a {
	color: #77a505 !important;
}

.tsgrid .uk-card-secondary.uk-card-body a:hover, .tsgrid .uk-card-secondary > :not([class*="uk-card-media"]) a:hover {
	color: rgba(119,165,5,.7) !important;
}

@media all and (min-width: 1480px){
.rollcallgrid .el-content {
	min-height: 152px;
}
}

@media all and (min-width: 1200px) and (max-width:1479px){
.rollcallgrid .el-content {
	min-height: 148px;
}
.rollcallgrid .uk-text-large {
  font-size: 17px;
}
}

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


}

@media (max-width: 639px) {
	.rollcallgrid .uk-text-large {
	font-size: 17px;
}
	.rollcallgrid .uk-card-body {
  padding: 20px 15px;
}
}


/* Backgrounds */

.beigegradbottom {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,251,251,1) 100%);
}

.whitegradbottom {
	background: rgb(252,251,251);
	background: linear-gradient(180deg, rgba(252,251,251,1) 0%, rgba(255,255,255,1) 100%);
}

/* Features */

.featureimagetitle {
	float: left;
}

.featuretitle {
	padding-left: 60px;
	margin-top: -5px !important;
}

.uk-border-rounded {
  border-radius: 15px;
}


/* List Semi Bold */

.lissemibold .uk-text-bold {
    font-weight: 600;
}


/* tables */

.tick {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('/templates/yootheme_think/css/basic-tick.svg');
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: 50% 50%;
}

.time-atendance-table .uk-table th {
 padding: 5px 5px;
 text-align: center;
 vertical-align: middle;
 font-size: 14px;
 text-transform: capitalize;
}

.time-atendance-table .uk-table{
margin-bottom:0px;
}

.time-atendance-table .table-prices{
 text-align: center;
}

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

.table-column .uk-tile hr{
 border-top: 2px solid #77a505;
}

.time-atendance-table-mobile{
 display:none;
}

.pricerow {
	font-weight: 600;
	background-color: #77a505;
	color: #fff;
}


/* site map */


.site-map-page .uk-navbar-container{
 background:#010203;
}

 
.treeview span {
 color: #F89C3B!important;
}
 
a.hover{
 text-decoration:none;
}

.treeview a{
 color: #F89C3B;
}

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

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

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

/* Go Grey */

.gogrey .el-item {
	filter: grayscale(100%);
	transition: all 0.4s ease;
}

.gogrey .el-item:hover {
	filter: grayscale(0%);
}


/* Bottom Scrolling Logos */


#tm-bottom {
    box-shadow: 1px 1px 10px 0px rgb(8 8 8 / 5%);
    z-index: 1;
    display: inline-block;
}

.scrolllogo img{
	width: 140px;
	height: auto;
	margin: 0px 40px;
	padding: 0px 1px;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: all 0.4s ease;
}

.scrolllogo img:hover{
	filter: grayscale(0%);
	opacity: 1;
}


/* Calendly Heights */

.cal-title {
  background-image: url('date.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: inline-block;
}

h1 .cal-title {
  margin-right: 10px;
  width: 50px;
  height: 40px;
}

h2 .cal-title {
  margin-right: 10px;
  width: 35px;
  height: 30px;
}

#calendly-booking-form.calendly-inline-widget {
	height: 800px !important;
}

@media only screen and (max-width: 1199px){
	#calendly-booking-form.calendly-inline-widget {
	height: 1150px !important;
}
}

/* General */

.mobile-italic-text{
	height:70px!important;
}

.features-cards-height{
	height:300px!important;
}

/* Quotes */

blockquote {
	font-style: italic;
	font-weight: 300;
	background-color: #fcfbfb;
	padding: 30px;
	border-radius: 0px 15px 15px 0px;
	box-shadow: 1px 1px 5px 0px rgb(8 8 8 / 7%);
	border-left: 2px solid #f9a240;
}

/* Pricing - Calc */

.timetitle {
  font-weight: 600;
  color: rgba(0,0,0,0.5);
  letter-spacing: 1px;
}

.pm {
	font-size: 13px;
	color: #888;
}

.costs h2 {
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Pricing Slider */

.priceslide {
	border: 1px solid transparent;
	transition: border-color 0.4s ease;
}

.priceslide:hover, .priceslide:focus {
	border: 1px solid #f9a240;
}

.priceslide label {
  display: none;
}

.priceslide h2#rotaOneEmployees {
	font-size: 40px;
	font-weight: 700;
	margin-top: 30px;
}

.priceslide .custom-range {
    width: 100%;
    height: 1.4rem;
}

.priceslide .custom-range::-webkit-slider-thumb{
	background-color:#f9a240 !important;
	height:30px;
	width: 30px;
	border-radius: 50%;
	margin-top: -10px;
	border: 0px solid;
}


.priceslide .custom-range:focus::-webkit-slider-thumb{
	box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(249,162,64,.25)!important;
}

.priceslide .custom-range::-webkit-slider-thumb:active{
	background-color:#f9a240 !important;
}

.priceslide .custom-range:focus::-moz-range-thumb{
	box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(249,162,64,.25)!important;
}

.priceslide .custom-range:focus::-ms-thumb{
	box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(249,162,64,.25)!important;
}

.priceslide .custom-range::-moz-range-thumb{
	background-color:#f9a240 !important;
	height:30px;
	width: 30px;
	border-radius: 50%;
	margin-top: -10px;
	border: 0px solid;
}
	
.priceslide .custom-range::-moz-range-thumb:active{
	background-color:#f9a240!important;
}

	
.priceslide .custom-range::-ms-thumb{
	background-color:#f9a240 !important;
	height:15px;
	width: 15px;
	border-radius: 50%;
	margin-top: 0px;
}
	
.priceslide .custom-range::-ms-thumb:active {
	background-color:#f9a240 !important;
}


.priceslide .custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}


/* Calc Button */


body {
    margin: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-align: inherit;
    background-color: inherit;
}

.calcbutton {
	margin-top: 30px;
}

.calcbutton .uk-button {
	height: auto;
	font-size: 24px;
	line-height: 30px;
	padding: 17px 30px;
	border-radius: 15px;
	box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1);
}

.calcbutton .uk-button span {
	font-size: 19px;
	line-height: 28px;
}

/* Pulse Animation */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* Rota Horizon Pricing */

.horizontable .uk-table {
	margin-bottom: 0px;
}

.horizontable .uk-table th {
    padding: 8px 8px;
    border-top: 0px solid #efefef;
	background: #f9a240;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
	text-transform: none;
}

.horizontable .uk-table td {
  border-top: 1px solid #efefef;
}

@media only screen and (max-width: 479px){
	
.horizontable .uk-table th, .horizontable .uk-table td {
    padding: 8px 2px;
}
.horizontable .uk-table th {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.horizontable .uk-table td {
	font-size: 13px;
}
.rotaonecost {
	font-size: 14px;
}
}


/* RotaOne Calculaotr */

.calc .uk-panel-box {
	box-shadow: 0 4px 14px 0 rgba(0,0,0,0.06);
}

.calc input[type="number"]{
	width: 20%;
	border: 1px solid #f9a240;
	padding-left: 20px;
	margin-left: 10px;
	float: right;
}

.calc input[type="range"]{
	width: 75%;
	margin-top: 10px;
}

#calcinputs p {
	margin-bottom: 5px;
}

#calcinputs {
	margin-top: -30px;
}

#calcinputs div {
	margin-top: 30px;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	padding-bottom: 30px;
}


/* Styling Calc Range slider */

.calc input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  background: transparent; /* Otherwise white in Chrome */
}

.calc input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
   border-color: transparent;
}

.calc input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.calc input[type=range]::-ms-track {
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Thumb Range Style */

.calc input[type=range] {
  -webkit-appearance: none;
}
.calc input[type=range]:focus {
  outline: none;
}
.calc input[type=range]::-webkit-slider-runnable-track {
  height: 8.4px;
  cursor: pointer;
  background: #dee2e6;
  border-radius: 5px;
  transition: all 0.4s ease;
}
.calc input[type=range]::-webkit-slider-thumb {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f9a240;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -12px;
   border: 2px solid rgba(0,0,0,0);
  box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
}
.calc input[type=range]::-webkit-slider-thumb:hover,.calc input[type=range]::-webkit-slider-thumb:focus{
  border: 2px solid #fff;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
}

.calc input[type=range]:focus::-webkit-slider-runnable-track {
  background: #afb2b6;
}
.calc input[type=range]::-moz-range-track {
  height: 8.4px;
  cursor: pointer;
  background: #dee2e6;
  border-radius: 5px;
}
.calc input[type=range]::-moz-range-thumb {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f9a240;
  cursor: pointer;
  border: 2px solid rgba(0,0,0,0);
  box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
}
.calc input[type=range]::-moz-range-thumb:hover,.calc input[type=range]::-moz-range-thumb:focus  {
  border: 2px solid #fff;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
}

.calc input[type=range]::-ms-track {
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.calc input[type=range]::-ms-fill-lower {
  background: #dee2e6;
  border-radius: 2.6px;
}
.calc input[type=range]::-ms-fill-upper {
  background: #afb2b6;
  border-radius: 5px;
}
.calc input[type=range]::-ms-thumb {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f9a240;
  cursor: pointer;
  border: 2px solid rgba(0,0,0,0);
  box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  margin-top: 0px;
}
.calc input[type=range]::-ms-thumb:hover, .calc input[type=range]::-ms-thumb:focus {
	border: 2px solid #fff;
  box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
}

.calc input[type=range]:focus::-ms-fill-lower {
  background: #dee2e6;
}
.calc input[type=range]:focus::-ms-fill-upper {
  background: #afb2b6;
}

/* Savings Row */


.savings .pound {
    color: #fff;
    background: #f9a240;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.savings .el-content {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 17px;
}


/* Calc Output Results */

.calcoutputs {
	margin-top: 40px;
}

.calcoutputs hr {
	border-top: 1px dotted rgba(0,0,0,0.3);
}

/* Calc Button on other pages */

.calcabove {
	margin-top: 0px !important;
	margin-bottom: 60px;
}

.calcbutton {
	margin-top: 40px;
}

.calcbutton a.tsbutton {
	color: #fff !important;
	height: auto;
	font-size: 24px;
	line-height: 30px;
	padding: 17px 30px;
	border-radius: 15px;
	box-shadow: 0 4px 14px 0 rgba(0,0,0,0.2);
}

.calcbutton a.tsbutton span {
	font-size: 20px;
	line-height: 28px;
	font-family: Poppins-SemiBold;
}



/* Installers Styling - ROI/PDF Calc */

.roiCalculatorLinks a {
	margin-right: 10px;
	margin-top: 5px;
}

.roiCalculatorLinks a#roiCalculator-downloadPDF{
}

.roiCalculatorLinks .pdficon {
  background-image: url('pdf.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 30px;
  height: 18px;
  background-position: 50% 50%;
  display: inline-block;
  margin-left: -10px;
  margin-bottom: -3px;
}

.roiCalculatorLinks .downloadpdf {
  background-image: url('download.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 30px;
  height: 18px;
  background-position: 50% 50%;
  display: inline-block;
  margin-left: -10px;
  margin-bottom: -3px;
}


#roiCalculator-installerUpfrontCost p, #roiCalculator-installerCostPerYear p {
	float: left;
}

/* Installers */

#InstallerLogo {
    float: left;
    margin-right: 30px;
    width: 20%;
    background: #fff;
    text-align: center;
    padding: 20px;
    border: 1px solid #f9a240;
}

.details {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f9a240;
}

@media all and (min-width: 960px) and (max-width:1199px){
#InstallerLogo {
    margin-right: 20px;
}

.details {
	margin-top: 20px;
	padding-bottom: 20px;
}
}

@media all and (min-width: 640px) and (max-width:959px){
#InstallerLogo {
    margin-right: 20px;
}

.details {
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid #f9a240;
}
}

@media only screen and (max-width: 639px){
#InstallerLogo {
    margin-right: 0px;
	float: none;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.details {
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid #f9a240;
}
}


/* Blog Search */

.searchresults #tm-main {
	border-top: 2px solid #77A505;
	border-bottom: 2px solid #77A505;
}

.uk-search-default .uk-search-input {
  height: 40px;
  border: 1px solid #e5e5e7;
  box-shadow: 0px 1px 10px rgba(0,0,0,.05) !important;
  border-radius: 4px;
}

.uk-search-default .uk-search-input:focus {
	border: 1px solid #77A505;
}

.searchresults .uk-article + .uk-article {
  margin-top: 20px;
}

.searchresults .uk-article {
	background: #fff;
	box-shadow: 0 10px 50px 0 rgba(0,0,0,.05) !important;
	padding: 30px;
	border-radius:15px;
}

.searchresults h2 a.uk-link-reset {
  color: #F9A240 !important;
  margin-bottom: 15px;
  display: inline-block;
}

 .searchresults h2 a.uk-link-reset:hover {
	color: #77A505 !important;
}

.uk-search-default .uk-search-input {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.blogsearch input.uk-search-field {
  padding-left: 40px;
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
}
.blogsearch .uk-search::before {
  left: 10px;
}

.uk-search .uk-search-icon {
	z-index: 1;
}


@media (min-width: 1199px) {
	.uk-search-input {
  width: 351px !important;
}

.uk-search-default {
  width: 351px !important;
}
}

/* Site Map*/

.treeview .hover {
 color:#77a505;
 cursor:pointer
}

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

/* Footer Menu */

.footermenu a.cc-custom-revoke {
	color: #858585;
	font-weight: 500;
}

.footermenu a.cc-custom-revoke:hover {
	color: #f9a240;
}

/* Clocking In Machines */

/* Feature List */

ul.featurelist {
	margin-top: 15px;
}

ul.featurelist li {
	margin-top: 15px;
}

.specgrey {
  background-color: #efefef;
  color: #222;
  border-color: #fff !important;
  width: 20%;
}

.spectable {
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
}

.spectable td {
    border-top: 1px solid #efefef;
}


/* Musterd Landing Page */

.musterdlp .tm-header, .musterdlp .tm-header-mobile {
	display: none;
}

.musterdlp #footer, .musterdlp #copyright {
	display: none;
}
@media all and (min-width: 1200px) and (max-width:1399px){
.musterdlp .uk-heading-small {
  font-size: 44px;
}
}

@media all and (min-width: 960px) and (max-width:1199px){
.musterdlp .uk-heading-small {
  font-size: 44px;
}
}

 @media (max-width: 639px) {
.musterdlp .uk-h2 {
  font-size: 22px;
}
}





/*Adjust Responsive*/

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

@media (max-width: 1199px) {
.hidebreak {
	display: none;
}
}
@media (max-width: 959px) {
.featureimagetitle {
	float: none;
}
.featuretitle {
	padding-left: 0px;
	margin-top: 5px !important;
}
}

@media all and (min-width: 1200px) and (max-width:1399px){
.uk-logo img {
	width: 260px;
}

.hero .uk-heading-small {
  font-size: 40px;
}
.certified td img {
  height: 97px;
}

.featuresbottom .uk-h3 {
	font-size: 22.5px;
}
.uk-navbar-container .uk-container {
  padding-left: 15px;
  padding-right: 25px;
}
.uk-navbar-nav {
  gap: 22px;
}
.uk-navbar-nav > li > a {
	font-size: 14.5px;
}

@media (max-width: 1199px) {
.bookbutton  {
  text-align: center !important;
  margin-top: 20px;
  margin-left: 0px;
  display: block !important;
}
.musterdbooking .bookbuttongreen  {
  text-align: center !important;
  margin-top: 20px;
  margin-left: 0px;
  display: block !important;
}
.musterdbooking .bookbutton {
	display: none !important;
}
}

/*small desktop*/
@media all and (min-width: 960px) and (max-width:1199px){
	.certified td img {
	height: 80px;
	width: auto;
	margin: 0px 10px 0px 0px;
}
.hero .uk-heading-small {
  font-size: 36px;
}
.uk-h1 {
	font-size: 36px;
}
.uk-h2 {
	font-size: 27.2px;
}
.uk-h3 {
	font-size: 22px;
}

.uk-card-title {
  font-size: 20px;
}
h2 .cal-title {
  margin-right: 10px;
  width: 28px;
  height: 24px;
}
.calc input[type="range"]{
	width: 65%;
}
.calc input[type="number"] {
  width: 30%;
}
#benefits .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 0px solid #eaeaea!important;
}

}

/* Mobile & Tablet */
@media (max-width: 959px) {
.uk-card-title {
  font-size: 20px;
}
.certified table {
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}
.certified td img {
  margin: 0px 10px 0px 10px;
}
.bookicon img {
	width: 40px;
}
blockquote {
	padding: 20px;
	font-size: 18px;
	line-height: 1.5;
}
h1 .cal-title {
  margin-right: 10px;
  width: 35px;
  height: 30px;
}

#benefits .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 0px solid #eaeaea!important;
}


}


/*Tablet only*/
@media all and (min-width: 640px) and (max-width:959px){
.herohomeimage img {
	max-width: 640px;
}
.hero .uk-heading-small {
  font-size: 36px;
}
h2 .cal-title {
  margin-right: 10px;
  width: 28px;
  height: 24px;
}
.calc input[type="range"]{
	width: 65%;
}
.calc input[type="number"] {
  width: 30%;
}

.time-atendance-table{
	display:none;
}

.time-atendance-table-mobile{
 display:block;
}
.vertimagesmaller img {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	display: block;
}

#benefits .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 0px solid #eaeaea!important;
}

}

/*mobile only*/
@media (max-width: 639px) {
	.certified td img {
	height: 80px;
	width: auto;
}
.hidebybbreak {
	display: none;
}
.uk-logo img {
	width: 208px;
}
.uk-navbar-item {
	padding: 0px 0px;
}
.uk-navbar-toggle {
	padding: 0px 0px;
}
.hero .uk-heading-small {
  font-size: 28px;
}
.uk-h1 {
	font-size: 28px;
}
.uk-h2 {
	font-size: 25px;
}
.uk-h3 {
	font-size: 22px;
}

.uk-card-title {
  font-size: 20px;
}
.scrolllogo img {
    width: 100px;
    height: auto;
    margin: 0px 20px;
    padding: 0px 1px;
}
.uk-text-large {
    font-size: 18px;
}
.uk-breadcrumb>*>* {
    font-size: 12px;
    letter-spacing: 0px;
}
.rotapricelogo img {
	width: 200px;
}
h2 .cal-title {
  margin-right: 10px;
  width: 25px;
  height: 23px;
}
.priceslide h2#rotaOneEmployees {
	font-size: 30px;
}
.uk-card-body.priceslide {
  padding: 20px 20px;
}
.calcbutton .uk-button {
  font-size: 19px;
  line-height: 28px;
}
.calcbutton .uk-button span {
  font-size: 16px;
}
.calc input[type="number"] {
  width: 90px;
  padding-left: 20px;
  margin-left: 0px;
  float: none;
  margin-top: 15px;
}
.calc input[type="range"] {
  width: 100%;
}

.time-atendance-table{
 display:none;
}

.time-atendance-table-mobile{
 display:block;
}
.vertimagesmaller img {
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	display: block;
}
#benefits .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 0px solid #eaeaea!important;
}

}



/*Calendly mobile only*/
@media (max-width: 349px) {
.calpadding  .uk-container {
  padding-left: 0px;
  padding-right: 0px;
}
.calintro {
	padding-left: 15px;
    padding-right: 15px;
}


#benefits .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 0px solid #eaeaea;
}

}