body p, html, button {font-size: 18px; line-height: 28px; font-family: gill-sans-nova, sans-serif; font-weight: 300; color: #2a3744;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; color: #2a3744; letter-spacing: normal; font-family: gill-sans-nova, sans-serif;}
.uk-h1, h1 {font-size: 55px; line-height: 65px;}
.uk-h2, h2 {font-size: 45px; line-height: 55px;}
.uk-h3, h3 {font-size: 30px; line-height: 35px;}
.uk-h4, h4 {font-size: 25px; line-height: 30px;}
.uk-h5, h5 {font-size: 20px; line-height: 30px;}
.uk-h6, h6 {font-size: 16px; line-height: 26px;}
.uk-navbar-nav > li > a {font-family: gill-sans-nova, sans-serif; font-weight: 600;}
.homepage .mainbody-wrapper {display: none;}
.uk-container {max-width: 1450px;}
.fullwidth .uk-container {max-width: 100%;}
.fullwidth .mainbody-wrapper .uk-container-center {padding: 0px;}
.tm-padding-large .uk-container .panel-content {padding: 0px;}
.largespacer {height: 125px;}
.footer-wrapper {background: #7EA4C5;}
.footer-wrapper p, .footer-wrapper a {color: #2a3744; font-size: 14px; line-height: 19px;}
.footer-wrapper p:last-child {margin-bottom: 0px;}
.address:before {content: "\f015"; margin-right: 8px; margin-left: 8px; font-family: 'Font Awesome 5 Pro'; font-weight: 100;}
.email:before {content: "\f658"; margin-right: 8px; margin-left: 8px; font-family: 'Font Awesome 5 Pro'; font-weight: 100;}
.phone:before {content: "\f10b"; margin-right: 8px; margin-left: 8px; font-family: 'Font Awesome 5 Pro'; font-weight: 100;}
.listspecial {padding-left: 0px ;}
.listspecial > li {list-style: none; overflow: inherit; padding: 1px 0 0px 25px; position: relative; color: #2a3744;}
.listspecial > li:before {color: #2a3744; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; content: "\f30b"; font-size: 1.1rem; top: 1px; font-weight: 400;}
.productIntro ul {padding-left: 0px;}
.productIntro ul li {list-style: none; overflow: inherit; padding: 1px 0 0px 25px; position: relative; color: #2a3744;}
.productIntro ul li:before {color: #a8251d; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; content: "\f30b"; font-size: 1.1rem; top: 1px; font-weight: 400;}
.g-recaptcha {transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}
.logotop {display: block; opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.tm-header-squeezed .logotop {display: none; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.tm-header-squeezed .logoscroll {display: block; opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.logoscroll {display: none; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.uk-navbar-toggle::after {color: #2a3744; font-size: 14px; margin-left: 8px;}
.redText {color: #a8251d;}
.readon.pdf:after {content: "\f1c1"; margin-left: 10px; font-family: 'Font Awesome 5 Pro'; border-radius: 50px; background: #a8251d; color: #fff; height: 40px; line-height: 40px; width: 40px; display: inline-block; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-weight: 100;}
.readon.pdf:hover:after {margin-left: 20px;}
.readon.pdf a {color: #2a3744; padding: 10px 15px 10px 5px; font-size: 16px; line-height: 21px; display: inline-block;}

/* POP UP */
.teamPopContainer {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: left; background: #fff;}
.teamPopImg {width: 40%;}
.teamPopImg img {height: 100%; width: 100%; object-fit: cover; border-right: 5px solid #a8251d;}
.teamPopInfo {width: 60%; padding: 50px; box-sizing: border-box;}
.teamPopInfo h4 {margin-bottom: 5px;}
.teamPopInfo p {margin: 10px 0px 0px 0px;}
.teamPopInfo .small {text-transform: uppercase; font-size: 13px; line-height: 23px; color: #2a3744; font-weight: 400; letter-spacing: 1px;}
#rstbox_1 {overflow: hidden;}
.rstbox-close {font-size: 20px !important; line-height: 28px; height: 30px; width: 30px; text-align: center; border-radius: 100%; color: #fff !important; background: #a8251d; margin: 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.rstbox-close:hover {background: #2a3744;}
#rstbox_1 .rstbox-close:hover {color: #fff !important;}
.rstbox-close span {font-size: 20px; padding: 0px; line-height: 26px; display: block;}

.gbs3 .gcore-display-table {position: relative;}
#rstbox_4 .rstbox-close:hover {background: #a8251d; color: #fff !important; }
.gbs3 .form-control:focus {border-bottom: 2px solid #a8251d;}
.supportPop .gbs3 .form-control:focus {border-bottom: 2px solid #7EA4C5;}
.enqPop .popup-txt h1:before {display: none;}
#overlay_rstbox_4.rstbox_overlay { -webkit-animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both; animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;}
#overlay_rstbox_3.rstbox_overlay { -webkit-animation: slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both; animation: slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;}

.otherBrand div {width: calc(33.333% - 20px); margin: 10px; padding: 15px 10px; box-sizing: border-box;}
.otherBrand img {max-width: 175px; height: auto; width: 100%;}

/* ERROR PAGE */
.error-page {height: 100vh; position: relative; background: url('../../../images/module_images/header/Committed-Giving-404.jpg') no-repeat scroll; background-size: cover; background-position: center center;}
.error-page:before {content: ""; height: 100%; width: 100%; background: #fff; position: absolute; top: 0px; left: 0px; opacity: 0.9;}
.error-inner {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; max-width: 800px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; padding: 35px;}
.error-mes {width: 40%; text-align: center;}
.error-info {width: calc(60% - 65px);}
.tm-error-headline {font-size: 100px; font-weight: 800; display: inline-block; background: #a8251d; height: 300px; line-height: 300px; width: 300px; border-radius: 50%; color: #fff;}
.error-info h2 {font-weight: 800; color: #a8251d;}
.error-info h2 span {font-weight: 100; color: #2a3744; font-weight: 100;}
.error-info .readon {color:#fff; background:#a8251d;}


#itemListLeading {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 100px 35px 35px; max-width: 1100px; margin: 0 auto;}
.itemContainer {margin: 15px 15px 45px; box-shadow: 0 0 40px 0 rgba(0,0,0,0.02); width: calc(50% - 30px) !important; max-width: calc(50% - 30px) !important; overflow: visible; border-radius: 3px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.catItemImage {width: 150px; height: auto;}
.catItemImage img {height: 100%; width: 100%; object-fit: cover; margin-top: -10px; margin-left: -10px; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.1)}
.catItemTitle {font-weight: 700; font-size: 25px; line-height: 30px; color: #021421; transition: all .3s ease-in-out; margin-bottom: 10px; margin-top: 15px; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.catItemView:hover {background: #0069a4; color: #fff;}
.catItemView:hover .catItemTitle, .catItemView:hover .readmoreIntro, .catItemView:hover .catItemDetails .sim-readon, .catItemView:hover .newsInfoRow p {color: #fff !important;}

.catItemView {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; background: #f5f7f7; border-radius: 3px; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.catItemDetails {padding: 25px; box-sizing: border-box; width: 100%;}
.readmoreIntro {display: none;}
.catItemBlog .readmoreIntro {display: unset; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.catItemBlog .sim-readon {margin-top: 25px;}
.catItemIntroText {margin: 20px 0px;}
.k2Pagination {padding: 0px 35px;}
.k2Pagination ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; max-width: 200px; margin: 0 auto; align-items: center; list-style: none; padding: 0px;}
.k2Pagination .pagination-start {display: none;}
.k2Pagination .pagination-end {display: none;}
.tooltip-inner {display: none;}

.k2Pagination > ul > li.pagination-next a.pagenav, .k2Pagination > ul > li.pagination-next span.pagenav, .k2Pagination > ul > li.pagination-prev a.pagenav, .k2Pagination > ul > li.pagination-prev span.pagenav {height: 35px; width: 55px; display: inline-block; border-radius: 50px; line-height: 33px; text-align: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center;}
.k2Pagination > ul > li a {color: #a8251d;}
.k2Pagination > ul > li a.pagenav:hover, .k2Pagination > ul > li span.pagenav {background: #a8251d; color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.k2Pagination > ul > li:not(.pagination-prev):not(.pagination-next) a.pagenav, .k2Pagination > ul > li:not(.pagination-prev):not(.pagination-next) span.pagenav {height: 35px; width: 35px;display: inline-block; border-radius: 50px; line-height: 33px; text-align: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center;}
    
    
    
    
    @media (max-width: 960px){
    .itemContainer {width: 100% !important; max-width: 100% !important; margin:  0 0 40px;}
    .catItemTitle {font-size: 20px; line-height: 30px;}
    #itemListLeading {padding: 75px 35px;}
    .catItemImage {width: 165px;}
.catItemView {width: 100%;}
.updateNewsPage #itemListLeading {padding: 75px 35px 35px;}
}

@media (max-width: 600px){
    .catItemView {flex-direction: column;}
    .catItemImage img {margin-left: 10px; height: 125px !important; width: auto !important;}
    .catItemTitle {font-size: 18px; line-height: 28px;}
    .catItemBlog .sim-readon {margin: 25px 0px;}
    .catItemDetails {width: 100%;}

}


@media (max-width: 450px){
   #itemListLeading {padding: 50px 35px;}
}