/* ===================================== */
/*  Fonts (Families)                     */
/* ===================================== */
body {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: merriweather, serif;
  font-weight: normal;
}

p,
li {
  font-family: merriweather, serif;
  font-weight: 300;
  font-size: 1.125em;
  line-height: 1.72em;
}

#main_menu>li>a,
.footer .widgettitle {
  font-family: open-sans-condensed, sans-serif;
  font-weight: 700;
}

#main_menu li li a,
.footer .row li a {
  font-family: merriweather, serif;
}

.footer-btm {
  font-family: open-sans-condensed, sans-serif;
  font-weight: 700;
}

.side-column h1,
.side-column h2,
.side-column h3,
.side-column h4,
.side-column h5,
.side-column h6 {
  font-family: merriweather, serif;
  font-weight: 700;
}

.side-column p {
  font-family: open-sans, sans-serif;
}

.aside-right h2,
.aside-right h3,
.aside-right h4,
.aside-left h2,
.aside-left h3,
.aside-left h4
{
  line-height: 1.25em;
}

.aside-right p,
.aside-left p {
  font-size: 1em;
}

.btn,
.btn-btn {
  font-family: open-sans, sans-serif;
  font-weight: 600;
}

/* ===================================== */
/*  General / Generic / Classes          */
/* ===================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1em;
}

h1{
  margin-bottom: 25px;
  font-size: 3.75em;
  line-height: 0.967em;
}

h2 {
  font-size: 2.75em;  
  line-height: 0.967em;
  margin-bottom: 20px;
}

h3,
.aside-right h2,
.aside-right h3,
.aside-left h2,
.aside-left h3 {
  font-weight: 700;
  font-size: 1.6875em;
}

@media (max-width: 768px){
  h1 {
    font-size: 3em;
  }
  h2 {
    font-size: 2.25em;
  }
}
@media (max-width: 480px){
  h1 {
    font-size: 2.5em;
  }
  h2 {
    font-size: 2em;
  }
}
/*h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: inline-block;
}
*/
p,
li {
  color: #333;
}

a {
  color: #4C7A15;
  text-decoration: underline;
}
a:hover {
  color: #000;
}

button:focus,
a:focus {
  outline: 1px dotted #4C7A15;
}

input, select, textarea {
  border-color: #ccc;
}

.main h1 {
  padding-left: 0;
}

.main-content {
  padding: 0;
}
.main-content li {
  margin-bottom: 10px;
}

.aside-left ~ .main-content {
  padding: 0 0 0 15px;
}

.gridContainer {
  max-width: 1280px;
}

.mesmerize-inner-page div.page-content,
.mesmerize-inner-page div.content,
.mesmerize-front-page.mesmerize-content-padding div.page-content {
  background-color: #fff;
}

.green-clr {
  color: #78be20;
}

.up,
.page-template-homepage .up {
  margin-top: -40px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}
@media (max-width: 767px){
  .up,
  .page-template-homepage .up {
    padding: 0;
    margin-top: -20px;
  }
}


.up2 h2 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4c4c4+0,ffffff+34 */
  background: #c4c4c4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c4c4c4 0%, #ffffff 34%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c4c4c4 0%, #ffffff 34%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4c4c4 0%, #ffffff 34%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  padding: 15px;
}

.btn-btn a {
  background: #78be20;
  padding: 8px 15px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

.btn-btn a:hover {
  background: #333;
  color: #fff;
}

.btn {
  display: inline-block;
  padding: 7px 10px;
  margin: 5px;
  line-height: 1.25em;
}
.btn-year {
  font-family: open-sans-condensed, sans-serif;  
}
.btn-green {
  border: none;
  color: #3D3E3F;
  background-color: #E4F2C4;
  font-size: 1em;
  font-weight: bold;
}
.btn-green.active,
.btn-green:hover {
  background-color: #78be20;
}

.btn.btn-green-2 {
  border: none;
  color: #333;
  background-color: #78be20;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
}
.btn.btn-green-2:hover {
  color: #333;
  background-color: #E4F2C4;
  text-decoration: none;
}


.gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+1,ffffff+25 */
  /*background: #e2e2e2;*/
  /* Old browsers */
  background: -moz-linear-gradient(top, #EFEFEF 0px, #ffffff 65px);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #EFEFEF 0px, #ffffff 65px);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #EFEFEF 0px, #ffffff 65px);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  padding: 25px;
}

.main,
.main-content {
  max-width:100%;
}

.screen-reader-text[href="#page-content"]:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
}

/* ===================================== */
/*  Header                               */
/* ===================================== */
.header-content .hero-title {
  font-size: 42px;  
  line-height: 1.3em;
  color: #fff;
}

.header-top-bar {
  background: #fff;
}
.coloured-nav ul.dropdown-menu.active-line-bottom>li>a,
.coloured-nav ul.dropdown-menu.active-line-bottom>li>a {
    border-bottom: 3px solid #55565b;
}
.coloured-nav ul.dropdown-menu.active-line-bottom>.current-menu-item>a,
.coloured-nav ul.dropdown-menu.active-line-bottom>.current_page_item>a,
.coloured-nav ul.dropdown-menu.active-line-bottom>.current-menu-parent>a 
{
  border-bottom: 3px solid #79bf21;
}

#mainmenu_container {
  width: 100%;
  background: #55565B;
}

.coloured-nav ul.dropdown-menu>li,
.fixto-fixed ul.dropdown-menu>li {
  color: #fff;
  overflow: visible;
}

.header .inner-header-description {
  min-height: 200px;
}

.header-homepage:not(.header-slide) .background-overlay, .header-homepage:not(.header-slide).color-overlay::before,
.header .background-overlay,
.header.color-overlay::before {
  background-image: url(/wp-content/themes/tprmbempowerwp/assets/images/header-overlay-left.png), url(/wp-content/themes/tprmbempowerwp/assets/images/header-overlay-dots.png), url(/wp-content/themes/tprmbempowerwp/assets/images/header-overlay-right.png);
  /* If using fixed position */
  /*background-position: -700px 0, center, right -700px top 50%;*/
  /*background-size: contain, auto, contain;*/
  background-position: -700px -190px, center, right -900px top 0%;
  background-size: 1300px, auto, 1300px;
  background-color: transparent;
  background-repeat: no-repeat, repeat, no-repeat;
}


@media (min-width: 1023px){
  .header-content .hero-title {
    float: right;
    width: 45%;
    min-width: 540px;
  }
}
@media (max-width: 1024px){
  .header-homepage:not(.header-slide) .background-overlay, .header-homepage:not(.header-slide).color-overlay::before,
  .header .background-overlay,
  .header.color-overlay::before  {
    background-position: -1000px -190px, center, right -900px top -200px;
  }
}
/*@media (min-width: 768px){
  .header .background-overlay,
  .header-homepage.color-overlay {
    padding-top: 0!important;
    margin-top: 141px;
  }
}
@media (max-width: 767px){
  .header .background-overlay,
  .header-homepage.color-overlay {
    padding-top: 0!important;
    margin-top: 80px;
  }
}*/

/* ------------------------------------- */
/*  Top Bar                              */
/* ------------------------------------- */

.header-top-bar.no-padding {
  padding-top: 15px;
}
.header-top-bar-inner {
  /*width: 60%;*/
  width: 100%;
  float: right;
  align-items: normal;
  position: relative;
  z-index: 9;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .header-top-bar-inner {
    height: auto;
  }  
}
.header-top-bar .header-top-bar-area i.fa.fa-linkedin {
  transform: translateY(-2px);
}
body.locale-en-ca .offcanvas-top .lang a {
  padding: 10px 10px 10px 0;  
}
body.locale-fr-fr .offcanvas-top .lang a {
  padding: 10px 0 10px 10px;
  margin-left: -10px;
}

.header-top-bar-inner .top-bar-field a {
  color: #53555A;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 700;
  font-size: 0.9375em;
  text-decoration: none;
  vertical-align: baseline;
}
.header-top-bar-inner .top-bar-field a:hover {
  color: #4C7A15;  
}
.header-top-bar-inner .top-bar-field.lang span {
  color: #4C7A15;
}
.header-top-bar-inner .area-left,
.header-top-bar-inner .area-right
{
  vertical-align: top;
}
.header-top-bar-inner .area-left {
  padding: 0;
  text-align: right;
}
@media (max-width: 1024) {
  .header-top-bar-inner .area-left {
    margin-top: -2px;
  }
}
.header-top-bar-inner .area-left i {
  display: inline-block;
  float: none;
  margin-top: -1px;
  font-size: 0.4em;
  vertical-align: middle;
}
.header-top-bar-inner .area-left .top-bar-field {
  float: none;
  display: inline-block;
  margin-top: 3px;
}
.header-top-bar-inner .area-left .top-bar-field span {
  display: inline-block;
  float: none;
  vertical-align: middle;
  font-family: open-sans-condensed, sans-serif;
  font-weight: 700;
  vertical-align: baseline;
}
.header-top-bar-inner .area-left .top-bar-field:first-of-type {
  text-transform: uppercase;
}
.header-top-bar-inner .area-right {
  padding-left: 0;
  padding-right: 0;
}
.top-bar-social-icons {
  float: none;
  display: inline-block;
  margin-top: -5px;
  vertical-align: middle;
}
.top-bar-social-icons a {
  padding-right: 5px;
}
.header-top-bar .header-top-bar-area i.fa {
  color: #53555A;
}
.header-top-bar .header-top-bar-area a:hover i.fa {
  color: #4C7A15;
}
.header-top-bar-area.area-right .top-bar-social-icons a:last-of-type {
  padding-left: 5px;
  padding-right: 10px;
  margin-right: 0;
}
.header-top-bar-area .search-form {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.top-bar-field {
  padding: 5px 4px;
  font-size: 1em;
  color: #333;
}
.top-bar-field i.fa {
  margin-right: 6px;
}
.top-bar-field span {
  font-size: 0.9375em;
  font-weight: 600;
  text-transform: uppercase;
}

.header-top-bar-area .search-form input.search-field {
  width: 140px;
}

.header-top-bar-area .menu-online-services-container, 
.header-top-bar-area .menu-online-services-french-container {
  float: right;
  margin-left: 10px;
}

.header-top-bar-area ul.online-services-menu ul {
  left: unset;
  right: 0;
  margin-top: -3px;
  border-right: 5px solid #78be20;
  background-image: url(/wp-content/themes/tprmbempowerwp/assets/images/mesh-texture.png);
}
.header-top-bar-area ul.online-services-menu > li:hover > a {
  color: #333; 
}
.header-top-bar-area ul.online-services-menu > li > a {
  padding-right: 30px;
  font-family: open-sans-condensed, sans-serif;
  font-size: .85em;
  color: #333;
  background-color: #78be20;
  border-radius: 3px;
}

.header-top-bar-area ul.online-services-menu.dropdown-menu li.menu-item-has-children > a:after,
.header-top-bar-area ul.online-services-menu.dropdown-menu li.page_item_has_children > a:after {
  content: '\f078';
  width: 10px;
  height: 20px;
  font-weight: 100;
  /*background-image: url(/wp-content/themes/tprmbempowerwp/assets/images/arrow-simple-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;*/
}

.header-top-bar-area ul.online-services-menu.dropdown-menu li.menu-item-has-children:hover > a:after,
.header-top-bar-area ul.online-services-menu.dropdown-menu li.page_item_has_children:hover > a:after {
  content: '\f078';
}

/* ------------------------------------- */
/*  Nav / Logo                           */
/* ------------------------------------- */
.navigation-bar {
  padding-top: 0;
  padding-bottom: 0;
}
.custom-logo {
  /*margin-top: -45px;*/
  margin-top: -13px;
  margin-bottom: 10px;
}
.main_menu_col {
  padding-top: 17px;
}
ul.dropdown-menu li {
  flex: 1;
  padding: 0;
}
ul.dropdown-menu li.hover,
ul.dropdown-menu li:hover,
ul.dropdown-menu > li.hover > a,
ul.dropdown-menu > li:hover > a,
.coloured-nav ul.dropdown-menu.active-line-bottom>li:not(.current-menu-item):not(.current_page_item):hover>a {
  color: #fff;
}

/* active parent links */
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a:hover,
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a:hover,
.coloured-nav ul.dropdown-menu.active-line-bottom > li:hover > a:hover,
.coloured-nav ul.dropdown-menu.active-line-bottom > li.hover > a:hover,
.coloured-nav ul.dropdown-menu.active-line-bottom>li:not(.current-menu-item):not(.current_page_item).hover>a
{
  color: #333;
  border-color: #79bf21;
}

ul.dropdown-menu li a {
  padding: 10px;
  font-size: 0.9375em;
  line-height: 1.25em;
  white-space: normal;
}

/* child links */
ul.dropdown-menu li a:hover,
ul.dropdown-menu li a:focus,
ul.dropdown-menu li a:active,
ul.dropdown-menu li.current_page_item > a {
  background: #79bf21;
  color: #333;
  border-color: #79bf21;
}

/* parent links */
ul.dropdown-menu li ul ul {
  margin-left: 0;
}

ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children>a:after,
ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children:hover >a:after {
  content: '\f054';
}

ul.dropdown-menu > li > a {
  background-color: #55565b;
}

ul.dropdown-menu > li.hover > a,
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus,
ul.dropdown-menu > li > a:active {
  background: #79bf21;
  color: #333;
  border-color: #79bf21;
}

ul.dropdown-menu ul {
  border-radius: 0px;
  background-color: #fff;
}
ul.dropdown-menu ul li {
  color: #55565b;
}
ul.dropdown-menu ul li {
  text-align: left;
}

.row.spaced-cols {
  margin-bottom: 0;
}

/* prevent sub-menus of the last 2 menu items from overflowing causing horizontal scrolling */
ul.dropdown-menu li:nth-last-of-type(1).hover,
ul.dropdown-menu li:nth-last-of-type(1).hover>ul,
ul.dropdown-menu li:nth-last-of-type(1):hover,
ul.dropdown-menu li:nth-last-of-type(1):hover > ul,
ul.dropdown-menu li:nth-last-of-type(1):focus-within,
ul.dropdown-menu li:nth-last-of-type(1):focus-within > ul,
ul.dropdown-menu li:nth-last-of-type(2).hover,
ul.dropdown-menu li:nth-last-of-type(2).hover>ul,
ul.dropdown-menu li:nth-last-of-type(2):hover,
ul.dropdown-menu li:nth-last-of-type(2):hover > ul,
ul.dropdown-menu li:nth-last-of-type(2):focus-within,
ul.dropdown-menu li:nth-last-of-type(2):focus-within > ul  {
  left: auto;
  right: 0;
}

ul.dropdown-menu li:focus-within,
ul.dropdown-menu li:focus-within > ul {
  opacity: 1;
  height: auto;
  overflow: visible;
}

#main_menu > li > a {
  height: 100%;
  padding-bottom: 30px;
  border-right: 1px solid #333;
  white-space: normal;
}
#main_menu > li:last-of-type > a {
  border-right: none;
  margin-right: -1px;
}

#main_menu > li.menu-item-has-children > a:after {
  content: '';
  position: absolute;
  right: 10px;
  bottom: 7px;
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(/wp-content/themes/tprmbempowerwp/assets/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 22px
}
#main_menu > li.menu-item-has-children:hover > a:after {
  opacity: 0;
}

/* make property registry french link in menu a bit wider as the french text is really long  */
#main_menu li#menu-item-2669 {
  flex-basis: 5%;
}

a.custom-logo-link {
  width: 100%;
}
a.custom-logo-link:focus {
  outline: none;
}
a.custom-logo-link:focus > img{
  outline: 1px solid #4C7A15;
}

/* ------------------------------------- */
/* Mobile Nav                            */
/* ------------------------------------- */

.coloured-nav .main_menu_col [data-component=offcanvas] .bubble, .fixto-fixed .main_menu_col [data-component=offcanvas] .bubble {
  background: transparent;
}
.main_menu_col [data-component=offcanvas] i.fa {
  font-size: 1.3rem;
}

#offcanvas-wrapper {
  background-color: #55565B;
}

/*#offcanvas-wrapper .offcanvas-top {*/
  /*background-color: #fff;*/
/*}*/
#offcanvas-wrapper .offcanvas-top .logo-holder img {
  max-width: 100%;
}
.offcanvas_menu li.open>a, .offcanvas_menu li.open>a:hover,
.offcanvas_menu_footer li.open>a, .offcanvas_menu_footer li.open>a:hover {
  color: #fff;
  background-color: #333;
  border-left: none;
}

#offcanvas-wrapper .header-top-bar.no-padding {
  display: block;
  padding-top: 0;
}
#offcanvas-wrapper .header-top-bar-area.area-left {
  text-align: left;
}
#offcanvas-wrapper .top-bar-field.lang {
  width: 100%;
  padding: 0;
  text-align: center;
  color: #fff;
}
#offcanvas-wrapper .header-top-bar {
  background-color: transparent;
}
#offcanvas-wrapper .header-top-bar-inner {
  height: auto;
  margin-bottom: 0;
  font-size: 1.125em;  
}
#offcanvas-wrapper .top-bar-social-icons {
  width: 100%;
}
#offcanvas-wrapper .header-top-bar-inner .area-left .top-bar-field {
  color: #fff;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
}
#offcanvas-wrapper .header-top-bar-inner .area-left i.fa {
  display: none;
}
#offcanvas-wrapper .header-top-bar-inner .top-bar-field a {
  color: #fff;
}
#offcanvas-wrapper .header-top-bar-inner .top-bar-field a:hover,
#offcanvas-wrapper .header-top-bar-inner .top-bar-field.lang span {
  color: #78be20;
}
#offcanvas-wrapper .header-top-bar-area {
  width: 100%;
  text-align: left;
}
#offcanvas-wrapper .header-top-bar-area .search-form {
  width: 100%;
}
#offcanvas-wrapper .header-top-bar-area .search-form label, 
#offcanvas-wrapper .header-top-bar-area .search-form input {
  width: 100%;
}
#offcanvas-wrapper .header-top-bar .header-top-bar-area i.fa {
  color: #fff;
}
#offcanvas-wrapper .header-top-bar .header-top-bar-area a:hover i.fa {
  color: #78be20;  
}
#offcanvas-wrapper .header-top-bar-area.area-right {
  margin-top: 10px;
}
#offcanvas-wrapper .mobile-menu-header .header-top-bar-area.area-right {
  margin-top: 30px;
}

.offcanvas_menu,
.offcanvas_menu_footer {
  margin-left: 0;
  list-style: none;
  flex: 1;
}

.offcanvas_menu *,
.offcanvas_menu_footer * {
    color: #fff;
}

.offcanvas_menu li,
.offcanvas_menu_footer li {
  color: #fff;
  border-bottom: 1px solid rgba(128,128,128,.2);
  font-size: .8rem;
  text-align: left;
  transition: all .1s linear;
}

.offcanvas_menu li>ul>li>ul>li>a {
  padding-left: 3.5rem;
}

.offcanvas_menu li a,
.offcanvas_menu_footer li a {
  padding: 10px 30px 10px 20px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3em;

  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
}

.offcanvas_menu li a:hover,
.offcanvas_menu_footer li a:hover {
  background-color: rgba(255,255,255,.1);
}

.offcanvas_menu li>ul,
.offcanvas_menu_footer li>ul {
  background-color: rgb(110, 111, 115);
}
.offcanvas_menu li>ul>li>a,
.offcanvas_menu_footer li>ul>li>a {
  padding-left: 30px;
  padding-right: 30px;
  line-height: 1.3em;
}
.offcanvas_menu li:first-of-type,
.offcanvas_menu_footer li:first-of-type {
  border-top: 1px solid rgba(128,128,128,.2);
}
.offcanvas_menu li.open>a,
.offcanvas_menu li.open>a:hover,
.offcanvas_menu_footer li.open>a,
.offcanvas_menu_footer li.open>a:hover {
  color: #3D3E3F;
  background-color: #ffffff;
}
#offcanvas-wrapper form.search-form button {
  height: 35px;
}
.offcanvas_menu,
.offcanvas_menu_footer {
  margin-bottom: 0;
}
#offcanvas-wrapper #offcanvas-menu {
  flex: 0;
}
#offcanvas-wrapper .menu {
  margin-left: 0;
}
#offcanvas-wrapper .widget li {
  list-style: none;
  border-bottom: 1px solid rgba(128,128,128,.2);
}
#offcanvas-wrapper .widget li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0 10px 20px;
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.125em;
  text-decoration: none;
}
#offcanvas-wrapper .widget li a:hover {
  background-color: rgba(255,255,255,.1);
}

.mobile-menu-header .header-top-bar-inner {
  margin: 0;
}
.mobile-menu-footer .header-top-bar-inner {
  padding: 10px 0;
  margin: 0 -15px;
}
.mobile-menu-footer .gridContainer {
  padding-left: 0;
}
.mobile-menu-footer .top-bar-field {
  width: 100%;
}
.mobile-menu-footer .top-bar-field.lang {
  display: none;
}
.mobile-menu-footer form.search-form {
  display: none;
}


/* ===================================== */
/*  Misc                                 */
/* ===================================== */

/* stop iOS input styling form fields */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

#section-1 {
  padding: 0;
}

#section-2 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4c4c4+0,ffffff+34 */
  background: #c4c4c4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c4c4c4 0%, #ffffff 34%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c4c4c4 0%, #ffffff 34%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c4c4c4 0%, #ffffff 34%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */

}

.desc-img {
  width: 30%;
  float: left;
  padding-right: 15px;
}

.desc-img img {
  width: 100%;
  height: auto;
}

.desc-txt {
  width: 70%;
  float: left;
}

.date-sec {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+1,ffffff+25 */
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 1%, #ffffff 25%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e2e2e2 1%, #ffffff 25%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 1%, #ffffff 25%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */

  padding: 15px;
  margin-bottom: 10px;
}

.date-sec p {
  margin-bottom: 10px;
}

.date-sec p a {
  color: #333;
}

/* ===================================== */
/* Footer                                */
/* ===================================== */

.footer-content-lists .footer-content {
  background-color: #4E4F50;
}

.footer h4.widgettitle {
  font-size: 17px;
  text-transform: uppercase;
}

.footer-content-lists .textwidget p {
  color: #fff;
  font-size: .9em;
}

.footer .widgets-row {
  align-items: end;
}

.footer ul {
  line-height: 1.2em;  
}
.footer .footer-top .menu {
  display: flex;
}
.footer .footer-top .menu > li {
  flex: 1;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #666;
}
.footer .footer-top .menu > li:first-of-type {
  padding-left: 0;
}
.footer .footer-top .menu > li:last-of-type {
  padding-right: 0;
  border-right: none;
}
.footer .footer-top .menu > li > a {
  padding-top: 0;
  font-family: open-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}

.footer .footer-top .menu a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: .9rem;
  line-height: 1.3em;
  color: #fff;
}
.footer .footer-top .menu a:hover {
  border: none;
  text-decoration: underline;
}
.footer-content-lists a {
  color: #fff;
  text-decoration: none;
}
.footer-content-lists a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer .footer-top .menu a:focus,
.footer-content-lists a:focus,
.footer-content-lists .widget li a:focus {
  outline: 1px dotted #fff;
}
.footer-content-lists .widgets-row>* {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 40px;
}

.footer-content-lists a:hover .fa {
  color: #78be20;
}

.footer-social-icons {
  margin-left: 0;
}
.footer-social-icons a {
  vertical-align: top;
}
.footer i.fa.fa-youtube-play {
  padding-top: 3px;
}

.footer-btm {
  margin-bottom: 30px;
}

.footer-btm ul {
  text-align: center;
}

.footer-btm ul li {
  display: inline-block;
  padding: 0 15px;
  text-align: center;
}

.footer-btm ul li a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.footer-column-black {
  padding-top: 40px;
  padding-left: 88px;
  align-items: flex-start;
}
.footer-column-black img {
  max-width: 225px;
  height: auto;
  margin-left: -68px;
}

.footer .footer-btm .widget > div li.lang .slash {
  padding-right: 3px;
}
.footer .footer-btm .widget > div li.lang.en {
  padding-left: 5px;
}
.footer .footer-btm .widget > div li.lang.active span {
  color: #fff;  
}
.footer .footer-btm .widget > div li.lang {
  padding: 0 2px;
}
.footer .footer-btm .widget > div {
  margin-top: 20px;
}
.footer .footer-btm .widget > div a,
.footer .footer-btm .widget > div span {
  font-family: open-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 0.9375rem;
  text-transform: uppercase;  
  line-height: 1.3em;  
  color: #ccc;
}
.footer .footer-btm .widget > div a:hover {
  color: #fff;
}

.m40 {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .header-homepage div.header-content {
    padding: 0 10px;
  }  
}
@media (max-width: 480px) {
  .header-homepage div.header-content {
    padding: 0 20px;
  }  
}

.inner-header-description .header-content .hero-title {
  font-size: 0px;
  text-indent: -9999px;
}

.mesmerize-inner-page #page>.page-content {
  padding-top: 0;
  padding-bottom: 3rem;
}

.tbl {
  margin-top: 20px;
}

.tbl table th {
  background-color: #fff;
}

.tbl table th {
  background-color: #fff;
  border-top: 2px solid #78be20;
  border-bottom: 2px solid #78be20;
  padding-left: 10px;
}

.tbl table th,
.tbl table td {
  color: #333;
}

.tbl td:first-child,
.tbl th:first-child {
  padding-left: 10px;
  border-right: 1px solid #eee;
}

.yrs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.yrs ul li {
  display: inline-block;
  padding: 1px 7px;
  margin-right: 4px;
  background: #cee8a9;
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.yrs ul li:first-child {
  background: #78be20;
}

p.copyright {
  display: none;
}

/* ===================================== */
/* Features                              */
/* ===================================== */

/* ------------------------------------- */
/* Land Title Fee Calculator             */
/* ------------------------------------- */

.page-template-page-land-title-fee-calculator .calculator_wrap form div {
  margin-bottom: 20px;
}
.page-template-page-land-title-fee-calculator .calculator_wrap label,
.page-template-page-land-title-fee-calculator .calculator_wrap .input-wrap {
  font-family: merriweather, serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.72em;
  color: #313439;
}
.page-template-page-land-title-fee-calculator .calculator_wrap .input-wrap {

}
.page-template-page-land-title-fee-calculator .calculator_wrap span.dollar-icon {
  display: inline-block;
  width: 20px;
}
.page-template-page-land-title-fee-calculator .calculator_wrap input {
  display: inline-block;
  width: 245px;
  text-align: left;
}

/* ------------------------------------- */
/* TablePress                            */
/* ------------------------------------- */

.dataTables_wrapper {
  overflow: auto;
}
h2.tablepress-table-name.tablepress-table-name-id-2 {
  font-size: 24px;
}

/* Registrar-General Directives and Notices tablepress filter */
.dataTables_filter {
  margin-bottom: 10px;
}
.btn-year-wrap {
  clear: both;
  padding: 0 0 10px;
}
.dataTables_wrapper .btn-year {
  min-width: 50px;
}

.dataTables_wrapper label select {
  padding-right: 20px;
}

#tablepress-2_filter input,
#tablepress-3_filter input,
#tablepress-4_filter input {
  border: 1px solid #ccc;
}

span.img4 {
  display: inline-block;
  margin-top: 40px;
}

.tablepress thead th.sorting {
  background: #fff;
  border-top: 2px solid #78be20;
  border-bottom: 2px solid #78be20;
}
.tablepress thead th.sorting:focus {
  background-color: #78be20;
}

.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
  background-color: #78be20;
}

.tablepress .row-hover tr:hover td {
  background-color: #EEF8D8;
}

.tablepress a {
  color: #4C7A15;
}
.tablepress .row-hover tr:hover td a:hover {
  color: #000;
}

.tablepress td {
  color: #333;
  font-size: 1.125rem;
}

.dataTables_wrapper .paging_simple .paginate_button.next:after,
.dataTables_wrapper .paging_simple .paginate_button.previous:before {
  height: 12px;
  text-shadow: none;
}
.dataTables_wrapper .paginate_button:after,
.dataTables_wrapper .paginate_button:before {
  color: #4c7a15;
}
.dataTables_wrapper .paging_simple .paginate_button:hover:before,
.dataTables_wrapper .paging_simple .paginate_button:hover:after {
  color: #78be20;
}
.dataTables_wrapper .paging_simple .paginate_button.disabled:after,
.dataTables_wrapper .paging_simple .paginate_button.disabled:before {
    color: #aaa;
}

/* ------------------------------------- */
/* Search Field                          */
/* ------------------------------------- */

.search-form {
  position: relative;  
}
.search-form input.search-field {
  padding-left: 10px;
  background: #fff;
}

.search-form input.search-field::-webkit-input-placeholder {
  font-family: open-sans-condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;  
}
.search-form input.search-field:-moz-placeholder { /* older Firefox*/
  font-family: open-sans-condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;  
}
.search-form input.search-field::-moz-placeholder { /* Firefox 19+ */ 
  font-family: open-sans-condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;  
} 
.search-form input.search-field:-ms-input-placeholder { 
  font-family: open-sans-condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;  
}
form.search-form label {
  position: relative;
  display: inline-block;  
}
form.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 39px;
  border: none;
  border-radius: 3px;
  background: transparent;
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
  cursor: pointer;
}
form.search-form button svg {
  width: 18px;
  padding-top: 4px;
}
form.search-form button svg * {
  fill: #4C7A15;  
}
form.search-form button:hover svg * {
  fill: #78be20;
}
form.search-form button span {
  display: inline-block;
  text-indent: -99999px;
}

/* ===================================== */
/* Pages                                 */
/* ===================================== */

#page .main > .row {
  margin-left: 0;
}
#page .main:not(.has_right) > .row {
  margin-right: 0;
}
#page .main > .row h2 {
  padding-left: 0;
}
#page .main > .row .aside-left {
  padding-left: 0;
  padding-right: 10px;
}

.aside-right ul,
.aside-left ul {
  margin-left: 0;
  list-style: none;
}
.aside-right ul li a,
.aside-left ul li a {
  display: inline-block;
  width: 100%;
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #CECECE;
  text-decoration: none;
}
.aside-right ul li a:hover,
.aside-left ul li a:hover {
  color: #4C7A15;
  text-decoration: underline;
}
.aside-right a,
.aside-left a {
  color: #4C7A15;
  text-decoration: none;
}
.aside-right a:hover,
.aside-left a:hover {
  color: #000;
  text-decoration: underline;
}
.aside-right li a,
.aside-left li a {
  color: #666;
  font-size: .9375em;
  text-decoration: none;
}
.aside-right li a:hover,
.aside-left li a:hover {
  color: #4C7A15;
  text-decoration: underline;
}
.aside-right strong a,
.aside-left strong a {
  color: #333;
}

/* ------------------------------------- */
/* Child Page Links                      */
/* ------------------------------------- */
.services .title {
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #CECECE;
}
.services a {
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px;
  line-height: 1.1em;
  align-items: center;
}
.services .service-title {
  display: inline-block;
  width: 92%;
  padding-right: 10px;
  vertical-align: middle;
}
.services a .arrow-icon {
  display: inline-block;
  width: 22px;
  vertical-align: middle;
}
.services a .arrow-icon svg {
  max-height: 22px;
}
.services a:hover .arrow-icon svg circle {
  stroke: #4C7A15;
}
.service-left {
  width: 50%;
  float: left;
  padding-right: 15px;
}
.service-right {
  width: 50%;
  float: left;
}
.service-right ul {
  list-style: none;
}
.service-right ul li {
  font-size: 14px;
  color: #333;
  line-height: 45px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  position: relative;
}
.service-right ul li a {
  text-decoration: none;
  color: #333;
}

.service-right ul li a:hover {
  color: #78be20;
}

.service-img {
  width: 100%;
}

.service-img img {
  width: 100%;
}

.listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.listing ul li {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  line-height: 45px;
  border-bottom: 1px solid #eee;
}

.listing ul li a {
  text-decoration: none;
  color: #333;
}

.listing ul li a:hover {
  color: #78be20;
}

.listing2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.listing2 ul li {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  border-bottom: 1px solid #CECECE;
  position: relative;
}

.listing2 ul li:first-of-type {
  border-top: 1px solid #CECECE;
}

.listing2 ul li a {
  text-decoration: none;
  color: #333;
}

.listing2 ul li a:hover {
  color: #4c7a15;
}

/* ------------------------------------- */
/* Online Sercvices                      */
/* ------------------------------------- */
.service-callouts h2,
.service-callouts h3 {
  font-size: 1.3em;
  font-weight: bold;
}

.service-callouts .arrow-icon,
.service-callouts .arrow-icon svg {
  display: inline-block;
  width: 22px;
  height: 22px;  
  margin-top: -2px;
  vertical-align: middle;
}

.service-callouts .read-more {
  float: right;
  margin-top: 0;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #464749;
}
.service-callouts .read-more:hover {
  color: #4C7A15;
}
.service-callouts .read-more:hover svg circle {
  stroke: #78be20;
}
.service-callouts .read-more-text {
  display: inline-block;
  vertical-align: middle;
}

.service-callout {
  padding-right: 5px;
  margin-bottom: 20px;
}
@media (max-width: 768px){
  .row div.service-callout {
    padding-right: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px){
  .row div.service-callout {
    padding-right: 20px;
  }
}
.service-callout.has-link .service-callout-inner-wrap {
  position: relative;
  height: 100%;
  padding: 15px 15px 40px;
  border-left: 5px solid #78BE20;
  background-image: url(/wp-content/themes/tprmbempowerwp/assets/images/mesh-texture.png);
}
.service-callouts .read-more {
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.service-callout.has-link p {
  /*font-size: 0.9375em;*/
  font-size: 15px;
}



/* ------------------------------------- */
/* Leadership Team                       */
/* ------------------------------------- */

.leader img {
  margin-bottom: 10px;
  border-radius: 5px;
}
.leader p {
  margin-bottom: 10px;
  line-height: 1.25em;
}
.leader a {
  color: #4C7A15;
  text-decoration: none;
}
.leader a:hover {
  text-decoration: underline;
}


/* ===================================== */
/* Homepage                              */
/* ===================================== */
.section-services {
  padding: 0;
  z-index: 1;
}
.section-services img {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.section-services .content {
  clear: left;
}
.section-services p {
  font-size: .9375em;
}
.section-services .services {
  width: 50%;
  float: right;
  padding-left: 20px;
  margin-bottom: 20px;
}
.section-services .listing2 {
  width: 100%;
  padding: 0;
}
.section-services .listing2 li a {
  font-size: .93em;
}
.section-services .service-right.listing2 ul li:first-of-type {
  border-top: 0;
}
.home-services-left {
  border-right: 1px solid #CECECE;
}
@media (max-width: 1024px){
  .home-services-left {
    border-right: 0;
  }
  .home-services-right {
    margin-top: 20px;
  }
}
@media (max-width: 768px){
  .section-services .content {
    margin-top: 0;
    background: transparent;
  }
  .section-services .content .gradient {
    background: transparent;
  }
}
@media (max-width: 480px){
  .section-services img {
    width: 100%;
  }
  .section-services .services {
    float: none;
    width: 100%;
    padding: 0;
  }
  .section-services .content .gradient {
    padding: 0;
  }
}

/* ===================================== */
/* Blog/News/Archive                     */
/* ===================================== */

.post-list .post-list-item {
  padding: 0;
  border-bottom: 1px solid #CECECE;
}

/* ------------------------------------- */
/* Pagination Links                      */
/* ------------------------------------- */

.nav-links {
  padding: 10px 0;
}

/* pagination page links */
.nav-links .numbers-navigation .page-numbers, .post-comments .navigation .numbers-navigation .page-numbers {
  background-color: #e5f2c4;
  color: #3D3E3F;
  font-weight: bold;
}

/* paginiation page link active/hover */
.nav-links .numbers-navigation a:hover, .nav-links .numbers-navigation span.current, .post-comments .navigation .numbers-navigation a:hover, .post-comments .navigation .numbers-navigation span.current {
  background-color: #78be20;
  color: #3D3E3F;
  border-radius: 0;
}

/* dots */
.nav-links .numbers-navigation .page-numbers.dots {
  background-color: transparent;
}

/* next/prev arrows */
.nav-links .next-navigation a, .nav-links .prev-navigation a, .post-comments .navigation .next-navigation a, .post-comments .navigation .prev-navigation a {
  border-color: #78be20;
  color: #78be20;
}

/* next/prev arrows hover */
.nav-links .next-navigation a:hover, .nav-links .prev-navigation a:hover, .post-comments .navigation .next-navigation a:hover, .post-comments .navigation .prev-navigation a:hover {
  background-color: #78be20;
  color: #fff;
}
.prev-navigation {
  padding-left: 0;
}
.next-navigation {
  padding-right: 0;
}

/* ===================================== */
/* Single                                */
/* ===================================== */
.single .content {
  padding-top: 0;
  padding-bottom: : 0;
}
.post-page .post-item {
  box-shadow: none;
}
.post-item .post-content-single,
.post-content-single {
  padding: 0;
}
.single .thumbnail {
  max-width: 33.33%;
}
.nav-links .nav-next {
  padding-right: 0;
}
.nav-links .nav-previous {
  padding-left: 0;
}
.nav-next a,
.nav-previous a {
  display: inline-block;
  color: #333;
  transition: none;
}
.nav-next a:hover,
.nav-previous a:hover {
  color: #77bd20;
  text-decoration: underline;
}
@media (min-width: 1024px){
  .single-post .main {
    padding-right: 0;
  }
}
@media (max-width: 1023px){
  .aside-right .news-archives li {
    float: left;
    width: 50%;
    padding-right: 10px;
  }  
}
@media (max-width: 768px){
  .single .thumbnail {
    max-width: 100%;
  }
}

/* ===================================== */
/* Blog/404/Search                       */
/* ===================================== */

.blog .has_right,
.archive .has_right,
.search .has_right
{
  padding-right: 0;
}

.blog .date,
.archive .date,
.search .date {  
  color: #333;
}
.archive .post-title,
.blog .post-title,
.search .post-title,
.archive .post-title a,
.blog .post-title a,
.search .post-title a
{
  color: #333;  
}
.archive .post-title a:hover,
.blog .post-title a:hover,
.search .post-title a:hover {  
  color: #78be20;
}
.archive .post-content,
.blog .post-content,
.search .post-content {  
  padding: 10px 0;
}
.blog .post-meta,
.archive .post-meta,
.search .post-meta {  
  margin-bottom: 0px;
}
.blog .post-title,
.archive .post-title,
.search .post-title {  
  font-size: 1.25em;
  margin-bottom: 10px;
}
.blog .post-list .post-list-item .card,
.archive .post-list .post-list-item .card,
.search .post-list .post-list-item .card {
  box-shadow: none;
}
.read-more.btn {
  margin-top: 0;
  margin-left: 0;
  font-size: 1rem;
}
p .read-more.btn {
  margin-top: 10px;  
}
.read-more:after {
  display: none;
}
.site>.content.blog-page {
  padding: 0;
}

body.search #page-content .search-form input,
body.error404 #page-content .search-form input {
  max-width: 320px;
}

body.search #page-content .search-form input:-webkit-autofill,
body.search #page-content .search-form input:-webkit-autofill:hover,
body.search #page-content .search-form input:-webkit-autofill:focus,
body.error404 #page-content .search-form input:-webkit-autofill,
body.error404 #page-content .search-form input:-webkit-autofill:hover,
body.error404 #page-content .search-form input:-webkit-autofill:focus {
  -webkit-animation: autofill 0s forwards;
  animation: autofill 0s forwards;
}

body.search form.search-form,
body.error404 form.search-form {
  display: inline-block;
}

@keyframes autofill {
  100% {
    background: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23000" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
    background-repeat: no-repeat;
    background-position: 8px 53%;
    color: inherit;
  }
}

@-webkit-keyframes autofill {
  100% {
    background: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23000" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
    background-repeat: no-repeat;
    background-position: 8px 53%;
    color: inherit;
  }
}

.read-more {
  color: #79bf43;
}

/* ===================================== */
/* Columns                               */
/* ===================================== */

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .col-xsm-1 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
  }

  .col-xsm-2 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .col-xsm-3,.col-xsm-4 {
    -webkit-box-flex: 0;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px
  }

  .col-xsm-3 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }

  .col-xsm-4 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .col-xsm-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .col-xsm-6,.post-comments .navigation .next-posts,.post-comments .navigation .prev-posts {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }

  .col-xsm-7,.col-xsm-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 15px;
    padding-left: 15px
  }

  .col-xsm-7 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .col-xsm-8 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .col-xsm-10,.col-xsm-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 15px;
    padding-left: 15px
  }

  .col-xsm-9 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }

  .col-xsm-10 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .col-xsm-11,.col-xsm-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    padding-right: 15px;
    padding-left: 15px
  }

  .col-xsm-11 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .col-xsm-12 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}

/* ===================================== */
/* Responsive                            */
/* ===================================== */
@media only screen and (max-width: 1280px) {
  img.custom-logo {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1200px) {
  ul.dropdown-menu li a {
    font-size: 12px;
  }
  .footer-column-black {
    padding-left: 15px;
  }
  .footer-column-black img {
    max-width: 100%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* ===================================== */
  /* Header                                */
  /* ===================================== */
  .header-top-bar-inner {
    width: 100%;
  }

  /* ------------------------------------- */
  /* Logo                                  */
  /* ------------------------------------- */
  div.logo_col {
    max-width: none;
    width: 100%;
  }
  .custom-logo-link {
    max-width: 480px;
    margin: auto;
  }
  .header-top-bar-inner {
    display: block;
    float: none;
    width: auto;
    text-align: center;
  }
  .header-top-bar-inner .area-left,
  .header-top-bar-inner .area-right {
    display: inline-block;
  }
  img.custom-logo {
    margin-top: 0;
    margin-bottom: 0;
  }
  #mainmenu_container {
    flex: 1;
  }
  form.search-form button {
    height: 35px;
  }

  /* ------------------------------------- */
  /* Nav                                   */
  /* ------------------------------------- */
  #main_menu > li > a {
    padding-bottom: 37px;
  }
}

@media only screen and (max-width: 1024px) {
  #page .main > .row {
    margin-right: 0;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .row {
    margin: 0;
  }
  .row [class*='col-'] {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .main {
    padding-left: 0;
  }
  .main h1 {
    padding: 0;
  }
  .main-content {
    padding: 0;
  }

  .single .row {
    margin: 0;
  }
  .single .row [class*='col-'] {
    padding: 0;
  }

  .navigation-bar {
    padding-bottom: 10px;
  }

  /* Logo */
  .logo_col {
    max-width: 78%;
    padding-right: 0;
  }
  img.custom-logo {
    max-height: 70px!important; /* You can blame the 3rd party child them devs for this :/ */
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .row .main_menu_col {
    padding-top: 10px;
  }

  .header-content .hero-title {
    font-size: 24px;
    line-height: 36px;
  }

  .desc-img {
    width: 100%;
  }

  .desc-txt {
    width: 100%;
  }

  .service-left,
  .service-right {
    width: 100%;
    padding: 0;
  }

  /* Footer */
  .footer .footer-top .menu {
    flex-wrap: wrap;
  }
  .footer .footer-top .menu > li {
    max-width: 33%;
    min-width: 33%;
    margin-bottom: 10px;
  }
  @media only screen and (min-width: 481px) {
    .footer .footer-top .menu > li:nth-of-type(3n) {
      border-right: 0;
    }
    .footer .footer-top .menu > li:nth-of-type(3n+1) {
      padding-left: 0;
    }
  }
  .footer-column-black > div {
    width: 100%;
  }
  .footer .footer-content .row .col-sm-9.flexbox {
    padding-top: 0;
  }
  div#nav_menu-3 {
    padding-top: 0;
    margin-top: 0;
  }
  .footer-logo {
    float: left;
    width: 90%;
    margin-bottom: 0;
  }
  .footer-social-icons {
    display: inline-block;
  }
  .footer-social-icons a {
    display: block;
  }
  .footer-column-black img {
    max-width: 215px;
    padding-right: 10px;
  }
  .footer-content-lists .textwidget p {
    float: left;
    padding-right: 20px;
  }
  /* to prevent support button from covering footer links */
  .menu-footerlinks-container {
    margin-bottom: 40px;
  }
}

@media (max-width: 640px) {
  .footer-logo {
    width: 300px;
  }
  .footer-social-icons {
    display: inline-block;
    margin-top: 75px;
  }
}

@media (min-width: 768px) {
  .logo_col {
    max-width: 40%;
  }

  ul.dropdown-menu>li>ul {
    left: 0rem;
  }

  ul.dropdown-menu li ul {
    min-width: 232px;
  }
}

@media (max-width: 768px) {
  .service-right ul li:first-of-type {
    border-top: 0;
  }
}

@media (max-width: 480px) {
  #page .main > .row .aside-left {
    padding-right: 0;
  }
  .spaced-cols>div {
    padding: 0;
  }
  .gradient {
    padding: 20px;
  }
  .row.spaced-cols {
    margin:0;
  }

  .footer .footer-top .menu > li {
    max-width: 50%;
    min-width: 50%;
  }
  .footer .footer-top .menu > li:nth-of-type(2n) {
    border-right: 0;
  }
  .footer .footer-top .menu > li:nth-of-type(2n+1) {
    padding-left: 0;
  }
}

@media (max-width: 380px) {
  .footer-logo {
    width: 100%;
  }
  .footer-column-black > div {
    padding: 0 15px;
  }
  .footer-content-lists .textwidget p {
    float: none;
    padding-right: 0;
  }
  .footer-social-icons {
    display: block;
    width: 100%;
    padding-top: 10px;
    margin-top: 0;
    clear: left;
  }
  .footer-social-icons a {
    display: inline-block;
  }
  .footer-social-icons i.fa.fa-youtube-play {
    padding-top: 2px;
  }
  .footer .widgets-row {
    margin: 0;
  }
  .footer-content-lists .widgets-row>* {
    border: none;
  }
  .footer .footer-top .menu > li {
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    border-right: none;
  }
  .footer .footer-btm .widget > div {
    margin-top: 0;
  }
  .footer .footer-content .row .flexbox {
    padding-bottom: 0;
  }
}

/* IE 11 fix for columns */

_:-ms-fullscreen, :root .col-md-8 {
  flex: auto;
  width: 66.66%;
}
_:-ms-fullscreen, :root .col-md-4 {
  flex: auto;
  width: 33.33%;
}

.wp-caption p.wp-caption-text {
  font-size: .9em;
}

/* lang switcher in footer */
footer .wpml-ls-legacy-list-horizontal .wpml-ls-item a {
  padding-left: 0;
  font-size: .9rem;
}
footer .wpml-ls-legacy-list-horizontal .wpml-ls-item a:hover {
  border-bottom: 0;
  text-decoration: underline;
}
footer .wpml-ls-legacy-list-horizontal {
  padding-left: 0;
}

.mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
  display: inline-block;
  top: 50%;
  border-radius: 0;
  background-color: #55565b;
  color: #fff;
  transform: translateY(-50%);
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
  transform: translateY(-50%) !important;
  background-color: #e4f2c4;
  color: #000;
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-content p a {
  transition: color .2s ease;
}
.mysticky-welcomebar-fixed .mysticky-welcomebar-content p a:hover {
  color:  #000;
}

body.admin-bar.mysticky-welcomebar-apper {
  margin-top: 32px;
}
body.admin-bar.mysticky-welcomebar-apper .mysticky-welcomebar-fixed.mysticky-welcomebar-position-top {
  margin-top: 32px;
}

@media (max-width:  768px) {
  body.admin-bar.mysticky-welcomebar-apper {
    margin-top: 46px;
  }
  body.admin-bar.mysticky-welcomebar-apper .mysticky-welcomebar-fixed.mysticky-welcomebar-position-top {
    margin-top: 46px;
  }
}