/* Globals */

/* Navbar Links */
.uk-navbar-dropdown .tm-navbar { font-size: 15px; }

/* Links */
#ops-content p a:not(.uk-button), 
#ops-content ol li a:not(.uk-button), 
#ops-content ul.uk-list.uk-list-bullet li a:hover, 
a.ops-link {
    border-bottom: 1px solid #e2408e;
}

/* NAV - Toolbar */

.tm-toolbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

div.tm-toolbar.tm-toolbar-default ul.uk-subnav > li > a { 
    font-size: 12px; 
    font-weight: 300; 
    color: rgba(255, 255, 255, 0.5);
}

header.tm-header.tm-header-overlay div.tm-toolbar.js-toolbar-transparent { 
    background-color: rgba(0, 0, 0, 0.2); 
    /*background: #304050;*/
}

div.tm-toolbar ul.uk-subnav>* {
    padding: 0px;
}

div.tm-toolbar a.tm-bg-orange { background: #e2408e; }
div.tm-toolbar ul.uk-subnav > li > a.tm-bg-orange:hover { color: #ffffff; background: #d11f75; }

div.tm-toolbar ul.uk-subnav > li > a { 
    padding: 7px 10px;
    font-size: 12px; 
    font-weight: 300; 
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

div.tm-toolbar ul.uk-subnav > li > a:hover { 
    color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
}

/* NAV - Content Tabs */

#subnav-tabs .uk-subnav li.uk-active a {
    color:#333333;
    background:#ffffff; 
    padding: 10px 20px 7px; 
    border: solid 1px #cccccc; 
    border-bottom-color: #ffffff;
    }

#subnav-tabs .uk-subnav li a { 
    color: #b5b5b5;
    padding: 10px 20px 7px;
    }

#subnav-tabs ul { justify-content: center; }

#subnav-tabs .uk-subnav>li>a:focus,
#subnav-tabs .uk-subnav>li>a:hover {
    background-color: #f5f5f5;
    color: #1f1e20;
}


/* NAV - Content Tabs > Sub-nav pills */

#subnav-pills .uk-subnav>*>:first-child {
    padding: 9px 20px;
    background: 0 0;
    color: #1f1e20;
    border-radius: 500px;
}
#subnav-pills .uk-subnav>.uk-active>a {
    background-color: #304050;
    color: #fff;
    }
#subnav-pills .uk-subnav>li>a:focus,
#subnav-pills .uk-subnav>li>a:hover {
    background-color: #f5f5f5;
    color: #1f1e20;
}


/* NAV - Offcanvas */

.uk-offcanvas-bar {
    border-left: solid 1px #555;
}

.uk-offcanvas-bar .uk-nav-sub li a:before {
margin-left: -10px;
margin-right: 5px;
top: 2px;
position: relative;
content: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolyline fill="none" stroke="%23777" stroke-width="2" points="7 4 13 10 7 16"%3E%3C/polyline%3E%3C/svg%3E');
}

/* -------------------------------------------------------------------------------------------*/
/* Header Slices #tm-header */
/* Row > Column: images/assets/t.png + Padding Default */
/* https://yoksel.github.io/url-encoder/ 

COLUMN

304050

images/assets/t.png
tm-slice-bottom-pink

*/
/* -------------------------------------------------------------------------------------------*/

.tm-slice-bottom-grey .uk-tile,
.tm-slice-bottom-lightblue .uk-tile,
.tm-slice-bottom-blue .uk-tile, 
.tm-slice-bottom-orange .uk-tile, 
.tm-slice-bottom-green .uk-tile, 
.tm-slice-bottom-red .uk-tile, 
.tm-slice-bottom-pink .uk-tile { padding: calc(2.5vw); }

.tm-slice-bottom-grey,
.tm-slice-bottom-lightblue,
.tm-slice-bottom-blue,
.tm-slice-bottom-orange,
.tm-slice-bottom-green,
.tm-slice-bottom-red,
.tm-slice-bottom-pink { 
  background-repeat: no-repeat;
  background-position: bottom;
}

.tm-slice-bottom-pink { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(226, 64, 142, 1)"/%3E%3C/svg%3E');
}

.tm-slice-bottom-orange { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(245, 130, 32, 1)"/%3E%3C/svg%3E');
}

.tm-slice-bottom-green { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(141, 198, 63, 1)"/%3E%3C/svg%3E');
}

.tm-slice-bottom-red { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(215, 23, 47, 1)"/%3E%3C/svg%3E');
}

.tm-slice-bottom-blue { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(48, 64, 80, 1)"/%3E%3C/svg%3E');
}

.tm-slice-bottom-lightblue { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(69, 187, 206, 1)"/%3E%3C/svg%3E');
}

.tm-slice-bottom-grey { 
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3500 130"%3E%3Cpolygon class="accent" points="3499.98 127.34 0 5.12 0 130 3500 130 3500 126.65 3499.98 127.34" fill="%23fff"/%3E%3Cpolygon class="mask" points="2.35 5.2 0 5.28 0 106 1444.16 55.55 2.35 5.2" fill="rgba(255, 255, 255, 0.3)"/%3E%3C/svg%3E');
}

/* Backgrounds - uk-alert*/
/* Hero text sections top and bottom borders */

.tm-alert-info {
  color: #3578a6;
  background: rgba(110,196,255,0.1);
  border: 1px solid rgba(75,116,144,0.3);
}
.tm-alert-info .el-title { color: #3578a6; }


.tm-alert-red {
  color: #d71f30;
  background: rgba(215, 31, 48, 0.1);
  border: 1px solid rgba(215, 31, 48, 0.3);
}
.tm-alert-red .el-title { color: #d71f30; }

.tm-alert-green {
  color: #579600;
  background: rgba(141,198,63,0.15);
  border: 1px solid rgba(141,198,63,0.7);
}
.tm-alert-green .el-title { color: #579600; }

.tm-alert-orange {
  color: #e2408e;
  background: rgba(245, 130, 32, 0.13);
  border: 1px solid rgba(215, 31, 48, 0.3);
}
.tm-alert-orange .el-title { color: #e2408e; }

.tm-alert-grey {
  color: #666666;
  background: rgba(102, 102, 102, 0.05);
  border: 1px solid rgba(102, 102, 102, 0.2);
}
.tm-alert-grey .el-title { color: #666666; }


.tm-alert-info, .tm-alert-red, .tm-alert-green, .tm-alert-orange, .tm-alert-grey {
  border-left: none; border-right: none;
}


/* Backgrounds */

.tm-border-orange { border-top: solid 1px #e2408e; border-bottom: solid 1px #e2408e; }
.tm-border-green { border-top: solid 1px #8DC63F; border-bottom: solid 1px #8DC63F; }
.tm-border-red { border-top: solid 1px #D7172F; border-bottom: solid 1px #D7172F; }
.tm-border-lightblue { border-top: solid 1px #53B7E8; border-bottom: solid 1px #53B7E8; }
.tm-border-darkblue { border-top: solid 1px #304050; border-bottom: solid 1px #304050; }


 
.tm-bg-orange { background-color: #e2408e; }
.tm-bg-darkblue { background-color: #304050; }

.tm-bg-darkgrey { background-color: #4d5159; /*color: #c3c8d1;*/ }
.tm-bg-lightgrey { background-color: #ebebed; }

.tm-bg-green { background-color: #8DC63F; }
.tm-bg-red { background-color: #D7172F; }

.tm-bg-blue { background-color: #0066cc; }
.tm-bg-lightblue { background-color: #53B7E8; }


.tm-bg-plan-lite { background-color: rgb(127 180 230 / 40%); }
.tm-bg-plan-ess { background-color: rgb(127 180 230 / 80%); }
.tm-bg-plan-bus { background-color: rgb(0 81 135 / 40%); }
.tm-bg-plan-prem { background-color: rgb(0 81 135 / 80%); }


/* Cards */

.tm-bg-seagreen.uk-card-header { background-color: #3CB371; }
.tm-bg-seagreen.uk-card-body  { background-color: rgba(60, 179, 113, 0.1); }

.tm-bg-red.uk-card-header { background-color: #D7172F; }
.tm-bg-red.uk-card-body  { background-color: rgba(215, 23, 47, 0.1); }

.tm-bg-orange.uk-card-header { background-color: #e2408e; }
.tm-bg-orange.uk-card-body  { background-color: rgba(226, 64, 142, 0.1); }



.tm-card-orange .el-meta,
.tm-card-orange .el-content,
.tm-card-blue .el-meta,
.tm-card-blue .el-content,
.tm-card-lightblue .el-meta,
.tm-card-lightblue .el-content,
.tm-card-seagreen .el-meta,
.tm-card-seagreen .el-content,
.tm-card-grey .el-meta,
.tm-card-grey .el-content {
    padding: 0px 20px;
}


.tm-card-orange .el-title,
.tm-card-blue .el-title,
.tm-card-lightblue .el-title,
.tm-card-seagreen .el-title,
.tm-card-grey .el-title {
    color: #fff;
    padding: 20px;
}


.tm-card-orange .el-title { background: #e2408e; }
.tm-card-orange {
    background-color: #e2408e;
    background-color: rgba(245, 130, 32, 0.1);
    box-shadow: none !important;
    border-bottom: 1px solid rgba(245, 130, 32, 0.3);
    border-top: 1px solid rgba(245, 130, 32, 0.3);
    padding: 0px!important;
}

.tm-card-blue .el-title { background: #304050; }
.tm-card-blue {
    background-color: #F5F8F9;
    background-color: rgba(48,64,80,0.1);
    box-shadow: none !important;
    border-bottom: 1px solid rgba(48,64,80,0.3);
    border-top: 1px solid rgba(48,64,80,0.3);
    padding: 0px!important;
}

.uk-card.uk-card-hover.tm-card-blue:hover {
    background-color: rgba(48,64,80,0.15)!important;
}


.tm-card-lightblue .el-title { background: #53B7E8; }
.tm-card-lightblue {
    background-color: #53B7E8;
    background-color: rgba(127, 180, 230, 0.1);
    box-shadow: none !important;
    border-bottom: 1px solid rgba(127, 180, 230, 0.3);
    border-top: 1px solid rgba(127, 180, 230, 0.3);
    padding: 0px!important;
}

.tm-card-seagreen .el-title { background: #3CB371; }
.tm-card-seagreen {
    background-color: #3CB371;
    background-color: rgba(60, 179, 113, 0.1);
    box-shadow: none !important;
    border-bottom: 1px solid rgba(60, 179, 113, 0.3);
    border-top: 1px solid rgba(60, 179, 113, 0.3);
    padding: 0px!important;
}

.tm-card-grey .el-title { background: #555555; }
.tm-card-grey {
    background-color: #f5f5f5;
    box-shadow: none !important;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 0px!important;
}








/* -------------------------------------------------------------------------------------------*/
/* Block Colours */
/* -------------------------------------------------------------------------------------------*/

.uk-block-orange { background-color: #e2408e; color: #ffffff; }
.uk-block-green { background-color: #8DC63F; color: #ffffff; }
.uk-block-seagreen { background-color: #3CB371; color: #ffffff; }
.uk-block-red { background-color: #D7172F; color: #ffffff; }
.uk-block-blue { background-color: #0066cc; color: #ffffff; }
.uk-block-bluelight { background-color: #EDF6FF; }
.uk-block-grey { background-color: #f5f5f5; }
.uk-block-darkgrey { background-color: #555555; color: #ffffff; }
.uk-block-darkblue { background-color: #304050; }
.uk-block-lightblue { background-color: #53B7E8; }

.uk-block-bg-orange { background-color: rgba(245, 130, 32, 0.1); }
.uk-block-bg-green { background-color: rgba(141, 198, 63, 0.1); }
.uk-block-bg-seagreen { background-color: rgba(60, 179, 113, 0.1); }
.uk-block-bg-red { background-color: rgba(215, 23, 47, 0.1); }
.uk-block-bg-blue { background-color: rgba(0, 102, 204, 0.1); }
.uk-block-bg-grey { background-color: #f5f5f5; }
.uk-block-bg-darkblue { background-color: rgba(0, 82, 136, 0.1); }
.uk-block-bg-lightblue { background-color: rgba(83, 183, 232, 0.1); }

.uk-block-grey h3,
.uk-block-darkgrey h3,
.uk-block-bluelight h3,
.uk-block-lightblue h3 { padding: 15px; }

.uk-block-orange h2,
.uk-block-green h2,
.uk-block-seagreen h2,
.uk-block-red h2,
.uk-block-grey h2,
.uk-block-darkgrey h2,
.uk-block-blue h2,
.uk-block-darkblue h2,
.uk-block-lightblue h2,
.uk-block-clear h2,
.uk-block-orange h3,
.uk-block-green h3,
.uk-block-seagreen h3,
.uk-block-red h3,
.uk-block-blue h3,
.uk-block-darkblue h3,
.uk-block-clear h3 { padding: 15px; color: #ffffff; }

#sid strong, #sid b {
    border: 1px solid rgba(60, 179, 113, 0.5);
    border-left: none;
    border-right: none;
    color: #3CB371;
}

#sid.tm-sid-orange strong {
    border: 1px solid rgba(245, 130, 32, 0.5);
    border-left: none;
    border-right: none;
    color: #e2408e;
}






/* Products */


/*REMOVE - Moved to default Box Decoration in theme
.tm-product-thumbnails img,
.uk-article.tm-article-column-item a img,
.border-videos .uk-panel-teaser>img,
.tm-article-content img.border,
img.border, .border {
    border: 1px solid #a3c5e0;
}*/



/* Case Study Testimonials */

.tm-testimonials { margin-left: 30px; border-left: 3px solid #d2d2d2; }
.tm-testimonials .uk-panel {padding: 30px 30px 0px 30px; }




/* CRM Forms */


#newsletter div[data-form-block-id] .onFormSubmittedFeedback {
  background: transparent;
  height: auto!important;
  width: auto!important;
  display: flex;
  align-items: start;
  justify-content: left;  
}
#newsletter div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage { 
  padding: 10px 0px;
  color: #fff; 
}

#newsletter div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackInternalContainerStyle { padding: 0px; }

#newsletter div[data-form-block-id] .onFormSubmittedFeedback .onFormSubmittedFeedbackButtonSuccess { display: none;}


/* CRM Content Forms */

div[data-form-block-id] .formLoader::before,
div[data-correlation-establishing="true"] .formLoader::before {
    padding:
 50px;
}


input[type="text"]:not([class*="uk-"]):focus {
    background-color: #ffffff;
    border-color: #bfbfbf !important;
}

.lp-form-field textarea.lp-form-fieldInput {
    height: 200px;
}

.lp-form-field input[type="radio"].lp-form-fieldInput {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #e5e5e5;  
}


.lp-form-field input[type="checkbox"].lp-form-fieldInput {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  top: 5px;
  position: relative;
  border: 1px solid #e5e5e5;  
}

.lp-form-field input[type="radio"].lp-form-fieldInput:not(:checked),
.lp-form-field input[type="checkbox"].lp-form-fieldInput:not(:checked) {
    background-color: #ffffff;
}


label.lp-ellipsis { 
    margin: 5px 0px;
    display: block;
    font-weight: 400;
}

.lp-required { margin-left:5px; }

.crm-header { background: transparent; padding: 0;}
.crm-header { font-weight: 600; margin: 20px 0px 0px 0px; }
.crm-header p { font-size: 24px; padding:0; margin:0;}
.crm-button-block p { text-align: center; }



/* ---------------------------------------------------------------- */
/* GCSE - Google Custom Search */
/* ---------------------------------------------------------------- */
*/

/* GCSE - Google Custom Search Modal */

#___gcse_0 form.gsc-search-box {
    margin-right: auto;
    margin-left: auto;
}

#___gcse_0 .gsc-search-box {
    max-width: 400px;
}

#___gcse_0 .gsc-input {
    font-size: 24px;
}

#___gcse_0 button.gsc-search-button {
    width: 60px;
    height: 50px;
      padding: 0px;
}

#___gcse_0 table.gsc-search-box tr > td.gsc-input {
    padding-right: 0px;
}

#___gcse_0 button.gsc-search-button svg {
    width: 25px;
    height: 25px;
}

#___gcse_0 .gsc-search-box { max-width:400px; margin: 0 auto;}

/* GCSE - Google Custom Search Page */

#___gcse_1 button.gsc-search-button {
    width: 50px;
    height: 37px;
    margin-left: 0px;
    padding: 5px;
    border-radius: 0px;
    border: none;
}

#___gcse_1 button.gsc-search-button svg {
    width: 20px;
    height: 20px;
}

#___gcse_1 table.gsc-search-box tr > td.gsc-input {
    padding-right: 0px;
}

.gsc-search-box input.gsc-input { background: #ffffff; }
#___gcse_1 .gsc-search-box { max-width:400px; margin: 0 auto;}


/* GCSE - Google Custom Search - Results */

#___gcse_2 .gsc-tabHeader.gsc-tabhActive,
#___gcse_2 .gsc-refinementHeader.gsc-refinementhActive {
    color: #3B3B3B;
    font-weight: 600;
    border-bottom: 3px solid #e2408e;
    bottom: -2px;
    position: relative;
}

#___gcse_2 .gsc-tabHeader {
    font-size: 16px;
    font-weight: 300;
    padding: 0 15px 1px 8px;
}

#___gcse_2 .gsc-control-cse .gs-spelling,
#___gcse_2 .gsc-control-cse .gs-result .gs-title,
#___gcse_2 .gsc-control-cse .gs-result .gs-title * {
  font-family: 'Open Sans';
  font-size: 20px;
}

#___gcse_2 .gsc-control-cse,
#___gcse_2 .gsc-control-cse .gsc-table-result {
    font-size: 14px;
    font-family: 'Open Sans';
}

#___gcse_2 .gsc-webResult .gsc-url-top {
    margin-bottom: 5px;
}

#___gcse_2 .gs-web-image-box, 
#___gcse_2 .gs-promotion-image-box {
    width: 100px;
}

#___gcse_2 .gs-web-image-box .gs-image, 
#___gcse_2 .gs-promotion-image-box .gs-promotion-image {
    width: 100px;
    max-width: 100px;
    height: 60px;
    object-fit: cover;
    display: block;
    /*width: expression(this.width > 64 ? '64px': true);
    height: expression(this.height > 120 ? '120px': true);*/
}

#___gcse_2 .gs-result img.gs-image {
    border: none;
}

#___gcse_2 .gsc-webResult.gsc-result {
    border-bottom: 1px solid #eee!important;
    padding: 15px 0;
}

#___gcse_2 .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: 1px solid #ebebed;
    padding: 5px;
    border-radius: 50%;
    min-width: 25px;
    min-height: 25px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
}

#___gcse_2 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #e2408e;
    background-color: #FFFFFF;
    color: #676767;
}

#___gcse_2 .gsc-results .gsc-cursor-box {
    margin-top: 20px;
    text-align: center;
    padding-top: 10px;
    /* border-top: 1px solid #ebebed; */
}

#___gcse_2 .gcsc-more-maybe-branding-root {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}






/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

ins.play-gif{
	position: absolute;
	font-family: Arial, sans serif;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	background: #222;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	opacity: .9;
	border: 4px solid #fff;
	cursor:pointer;
	text-decoration: none;
}

ins.play-gif:hover{
	opacity:.5;
}

.gifplayer-wrapper{
	position:relative;
	display: inline-block;
}

.spinner {
	height:50px;
	width:50px;
	margin:0px auto;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left:6px solid rgba(256,256,256,.15);
	border-right:6px solid rgba(256,256,256,.15);
	border-bottom:6px solid rgba(256,256,256,.15);
	border-top:6px solid rgba(256,256,256,.8);
	border-radius:100%;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}