/*------------------------------------*
  RESET
*------------------------------------*/

@keyframes flashcol {
  from {background-color: #19d913;}
  to {background-color: transparent;}
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: lighter;
}

body *{
font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1, h2:not(.banner-text h2), h1 strong, h2 strong:not(.banner-text h2 strong){
font-family: "adobe-garamond-pro", serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.4px;
}




.hp-help{

}

.hp-help h2{
    color: #374655 !important;
}

.hp-help p{
    color: #fff !important;
    font-size: 24pt !important;
    max-width: 880px;
    font-weight: 300;
}

.hp-help a{
    margin-top: 1em !important;
    padding: 10px 35px;
    line-height: 22pt;
}

q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}

  header:not(.user-registration-profile-header header, .vdp-datepicker header) {

  }

.page-content ul, .page-content ol {
    list-style-position: outside !important;
    margin-left: 30px !important;
}

  .tool-tip-outer{
    position: absolute;
    background-color: #fff;
    color: #121212;
    display: none;
    transform: translate(-98%, -50%);
    white-space: nowrap;
    padding: 8px;
    border-radius: 3px;
    z-index: 9999999999999999999;
    text-align: center;
    border: 1px solid #c1c1c1;
    background-color: #f0fee5;
  }


  .tool-tip-outer > .bi{
transform: translate(4px, -50%);
    position: absolute;
    right: -7px;
    /* text-shadow: 0px 0px 0px #000; */
    font-size: 14pt;
    text-shadow: 0px 0 transparent, 1.5px 0px #c1c1c1, 1px 14px transparent, 0 0px transparent;
    margin-top: 10px;
        color: #f0fee5;
  }



.logo-a{
    display: inline;
    float: left;
    height: 100%;
}

.logo-a:hover{
    opacity: 0.8;
}


.woocommerce-pagination{
    margin: 0 auto;
    float: none !important;
    background: none !important;
    display: block !important;
}

.hp-content-fst h2, .hp-content-fst h3, .hp-content-fst h4, .hp-content-fst h5, .hp-content-fst h6, .hp-content-fst p{
    color: #fff !important;
}

.hp-content-mem-foot h2, .hp-content-mem-foot h3, .hp-content-mem-foot h4, .hp-content-mem-foot h5, .hp-content-mem-foot h6, .hp-content-mem-foot p{
 color: #1b1e25 !important;
}

.hp-content-fst h2{
        font-size: 17pt;
    line-height: 21pt;
}

.hp-content-fst a{
        background: #febc2d;
    border-radius: 0.5em;
    /* height: 50px; */
    /* overflow: hidden; */
    display: inline;
    padding: 10px 20px;
    /* margin-left: 50px; */
    color: #fff;
    line-height: 50px;
}

.hp-content-fst p{
        font-size: 12pt;
    line-height: 15pt;
}



.hp-maxwidth .panel-grid-cell{
    max-width: 1000px;
    padding: 2em;
}

.hp-content-mem-foot{
    width: 100%;
    max-width: 100%;
    justify-content: center;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 4em 2em;
}


.hp-content-mem-foot h2, .hp-content-mem-foot h4{
    margin-top: 0 !important;
}

.hp-content-fst{
    width: 100%;
    max-width: 100%;
    justify-content: center;
    justify-content: center !important;
    align-items: center !important;
        padding: 4em 2em;
}

.hp-content-mem-foot .panel-grid-cell {
    max-width: 500px;
}
.hp-content-mem-foot .panel-grid-cell:first-of-type{
    max-width: 650px;
}

.hp-content-fst .panel-grid-cell {
    max-width: 500px;
}

.hp-content-fst .panel-grid-cell:first-of-type{
    max-width: 650px;
}

.hp-content-mem-foot h2{
font-size: 20pt;
    line-height: 30pt;
    font-weight: 100;
}

.hp-content-mem-foot a{
        background: #1b1e25;
    border-radius: 0.5em;
    /* height: 50px; */
    /* overflow: hidden; */
    display: inline;
    padding: 10px 20px;
    /* margin-left: 50px; */
    color: #fff;
    line-height: 50px;
}

.hp-content-mem-foot p{
        font-size: 12pt;
    line-height: 15pt;
}

.hp-content-mem-foot ul li{
list-style: none;
    padding-left: 34px;
    background: url(/wp-content/themes/lighttheme/images/li-tick.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    border-bottom: 1px solid #1b1e25;
    line-height: 45px;
    font-size: 12pt;
    color: #1b1e25;
}

.hp-content-mem-foot ul li:last-of-type{
    border-bottom: 0;
}

.banner-text-outer{
width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}




@media (max-width: 975px){
    .flexslider .slides .banner-text{
        position: absolute;
        width: 100%;
        margin: 0 auto;
        transform: unset;
        /* margin-bottom: 6em; */
        padding: 1em;
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        z-index: 9;
        left: 0;
        bottom: 50px;
        max-width: unset !important;
    }

.slider1 p{
    max-width: unset !important;
}

    .banner-back .flex-control-nav {
        bottom: 50px !important;
    }

    .bannerimg-inner {
        margin: 1em auto 1em auto !important;
    }


}

@media (min-width: 975px){
    .banner-text-outer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
}

#menu-headermenu ul.sub-menu li a:hover{
color: #febc2d !important;
}

.header-image-right{
    width: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 86px;
    z-index: 9;
}

.page-header-outer{
    margin: 0 auto;
    overflow: hidden;
}

.top-breadcrumb .breadcrumb-inner{
    /*display: none !important;*/
}

.post-date-val{
    font-size: 6pt;
    line-height: 7pt;
    text-transform: uppercase;
    color: #888;
    margin-top: 1em;
    display: block;
    text-transform: uppercase !important;
}

.post-date-val span{
        font-size: 20pt;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    line-height: 20pt;
}

.footer-cta-a{
    color: #fff;
    background: #febc2d;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
        margin: 0 auto;
    display: table;
}

.footer-cta a {
    color: #fff;
    background: #febc2d;
    text-transform: uppercase;
    padding: 1em 3em;
    margin-top: 1em !important;
    display: inline-block;
    border-radius: 5px;
    font-size: 14pt;
    font-weight: 600;
    margin-bottom: 1em;
}

.footer-cta a:hover{
    opacity: 0.8;
    color: #fff;
}

.footer-cta{
    background: url(/wp-content/uploads/2024/09/CTA_Contact.jpg);
    padding: 4em;
    text-align: center;
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}


.footer-cta h2{
        text-align: center;
    font-size: 24pt;
    padding: 1em;
        line-height: 26pt;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            color: #fff;
}

.footer-cta h3{
    text-align: center;
    padding: 1em;
    font-size: 26pt;
    color: #fff;
    font-weight: 100;
    line-height: 35pt;
    margin-top: 0 !important;
    padding: 0;
    margin-bottom: 1em;
}

.team-hp-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    margin-top: 3em;
    border-top: 1px solid #efefef;
}


.blog-hp-inner {
    max-width: 1200px !important; 
    margin: 0 auto;
    text-align: center;
    margin-top: 3em;
    border-top: 1px solid #efefef;
}

.blog-hp-inner-text{
        text-align: left;
    padding: 1.5em;
}

.blog-hp-inner-text h3{
    margin-bottom: 0 !important;
    color: #febc2d !important;
    font-size: 13pt !important;
}

.blog-hp-inner-text p{
    font-size: 10pt !important;
    margin-top: 0.5em;
    color: #000000 !important;
}

.blog-hp-inner ul li {
    display: inline-block;
    background: #fff;
    position: relative;
    width: 100%;
    max-width: 350px;
  /*  border-radius: 2em; */
    margin: 1em;
    overflow: hidden;
    vertical-align: top;
    box-shadow: 1px 1px 5px 2px #d1d1d1;
}

.blog-hp-inner > a{
    color: #fff;
    background: #003e71;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
    margin-top: 3em;
    margin-bottom: 2em;
}

.team-hp-inner li{
  /*  border-radius: 2em;  */
}
.team-hp-inner > a{
color: #fff;
    background: #febc2d;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
    margin-top: 3em;
    margin-bottom: 2em;
}

.publications-hp-outer{
    background: #fff;
}

.publications-hp-inner{
max-width: 1200px;
    margin: 0 auto;
    text-align: center;
        margin-top: 3em;
}

.publications-hp-inner ul{
    list-style: none;
}
.publications-hp-inner ul li{
    display: inline-block;
    background: #000;
    position: relative;
    width: 90%;
	
  /*  border-radius: 2em; */
    margin: 1.5em;
        border: 1px solid #efefef;
}

.publications-hp-inner ul li {
    display: flex;
    align-content: center;
}

.publications-hp-inner ul li:before{
   /* content: "";
  /*  background: #000;  */
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.64;
   /*     background: #013765;  */
}

.publications-hp-inner > a{
    color: #fff;
    background: #febc2d;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
    margin-top: 1em;
}

.services-hp-outer{
}

.services-hp-inner{
max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 3em;
    padding-top: 3em;

    padding-bottom: 3em;

}



.services-hp-inner ul{
    list-style: none;
}
.services-hp-inner ul li{
    display: inline-block;
    background: #000;
    position: relative;
    width: 90%;
    max-width: 370px;
  /*  border-radius: 2em; */
    margin: 1em;
}

.services-hp-inner ul li:hover{
	opacity: 0.8;
}

.services-hp-inner > a{
    color: #000;
    background: #ffbd03;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
    margin-top: 1em;
}

.services-hp-inner-text{

    background: #fff;
    padding: 10px;
}

.services-hp-inner-img{
    width: 350px;
    width: 30%;
}

.publications-hp-inner .services-hp-inner-text h3{

    background: #fb2c44;
    padding: 10px;
    width: calc(100% + 20px);
    margin-top: 10px;
    margin-bottom: 10px !important;
    left: -10px;
    position: relative;
    top: -10px;
}

.services-hp-inner-text h3{
color: #000;
    text-transform: uppercase;
    font-size: 15pt;
    margin-bottom: 0;
    text-align: center;
    font-weight: 100 !important;
    padding-top: 18px;
}

.services-hp-inner-text p {
    text-align: left !important;
}


.sectors-hp-outer{
    background: #fff;
}

.sectors-hp-inner{
max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.sectors-hp-inner{
max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.sectors-hp-inner1 h2, .services-hp-inner1 h2, .team-hp-inner1 h2, .blog-hp-inner1 h2{
        text-align: center;
    padding: 1em;
    font-size: 36pt;
    color: #febc2d;
    margin-top: 1em !important;
    font-weight: 100;
    line-height: 35pt;
    padding-top: 2em;
        margin-top: 0 !important;
}

.sectors-hp-inner li{
    list-style: none;
        padding: 2em;
}

.sectors-hp-inner-text{
    display: inline-block;
    width: 55%;
    padding: 2em;
    vertical-align: middle;
    text-align: left;
	font-size: 14px;
    line-height: 24px;
}

.sectors-hp-inner ul{
    background: none !important;
}

.sectors-hp-inner-text p{
    color: #030407 !important;
	 font-size: 20px !important;
	line-height: 25pt;
}

.sectors-hp-inner-text a{
        color: #fff;
    background: #febc2d;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
	margin-top: 20pt;
}

.sectors-hp-inner-img{
    display: inline-block;
    width: 45%;
    vertical-align: middle;
}

.sectors-hp-inner h3{
    text-transform: uppercase !important;
    color: #febc2d !important;
        font-size: 22pt !important;
}

.hp-main-strip{
    background: #febc2d;
}

.hp-main-strip h2{
color: #fff;
    font-size: 35pt;
    line-height: 42pt;
    font-weight: 300;
}

.hp-main-strip h2 strong{
    font-weight: 600;
}

.testimonail-hp-outer{
  /*  background: #ebf9fd;  */
}



.aligncenter {
    clear: both;
    margin: 0 auto;
}


.banner-container{
        background: #000;
}

.bannerimg-inner{
    overflow: hidden;
    height: auto;
    position: relative;
}


    .test-mobile-img{
        display: none;
    }

    .test-desktop-img{
        display: block;
    }




.sitemap > li > ul {
        padding: 0 !important;
    padding-left: 1em !important;
    margin-bottom: 0 !important;
}

.sitemap > li {
    list-style: square;
}

.blog-lst-outer{
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
}
.mind-bread{
   
}


.xero-icon{
        height: auto;
    margin: 0 0 0 auto;
    max-width: 200px;
    width: 100%;
    margin-bottom: 2.5em;
}


.oth-tl-over{
        position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(-45deg, rgba(41,57,79,0.96) 0%, rgba(51,71,99,0.7) 98%, rgba(51,71,99,0.7) 100%);
background: -webkit-linear-gradient(-45deg, rgba(41,57,79,0.96) 0%,rgba(51,71,99,0.7) 98%,rgba(51,71,99,0.7) 100%);
background: linear-gradient(135deg, rgba(41,57,79,0.96) 0%,rgba(51,71,99,0.7) 98%,rgba(51,71,99,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f529394f', endColorstr='#b3334763',GradientType=1 );
opacity: 0.6;
}

.oth-tile-outer{
        background: -moz-linear-gradient(-45deg, rgba(41,57,79,0.96) 0%, rgba(51,71,99,0.9) 98%, rgba(51,71,99,0.9) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,61,113,0.96) 0%,rgba(0,61,113,0.9) 98%,rgba(0,61,113, 0.9) 100%);
    background: linear-gradient(135deg, rgba(0,61,113,0.96) 0%,rgba(0,61,113,0.9) 98%,rgba(0,61,113, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f529394f', endColorstr='#b3334763',GradientType=1 );
opacity: 1;
}

.oth-tile-inner{
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

 .oth-strip-itm:hover .oth-tl-over{
    opacity: 0.9;
}

.oth-strip-itm{
    width: 100%;
    /* float: left; */
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
}

.oth-strip-in h3{
 font-size: 18pt;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 70px;
    color: #ffffff;
    line-height: 30pt;
    margin-bottom: 60px;
}



.banner-text h1, .banner-text h2 {
    color: #fff;
    font-size: 30pt !important;
    text-align: left;
    line-height: 35pt;
    margin-top: 0 !important;
    font-weight: 100;
    font-size: 18pt !important;
    text-align: left;
    line-height: 28pt;
}

.banner-a-side{
position: absolute;
    left: -2em;
    top: 200px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-transform: uppercase;
    color: #fff;
    background: url(/wp-content/themes/lighttheme/images/ban-lnk-img.png);
    background-position: right 1px;
    background-repeat: no-repeat;
    padding-top: 14px;
    padding-right: 50px;
    font-size: 12pt;
}

.home-boxes h2{
font-size: 18pt;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 0;
    color: #ffffff;
    line-height: 26pt;
    margin-bottom: 30px;
    line-height: 19pt;
    margin-bottom: 14px;
}

.hm-bx-txt .hm-btn{

    width: auto;
    display: table;
    right: 0;
    width: unset !important;
    padding: 1em 1.5em;
    background: #febc2d;
    color: #fff;
    border-radius: 0.5em;
    font-size: 11pt;
    font-weight: 600;
    margin: 0 !important;
}

.hm-strip-itm h3 {
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    font-size: 22pt;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 28pt;
    margin-bottom: 60px;
}

.hm-cont-itm h2{
    text-align: center;
    font-size: 32pt;
    line-height: 50pt;
    color: #fff;
    font-weight: 400;
}

.hm-cont-itm p{
    font-size: 14pt;
    color: #fff;
}

.hm-phone a{
    font-size: 27pt !important;
    line-height: 40pt;
    color: #fff;
    font-weight: 400;
    background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
    background-size: 34px;
    padding-left: 52px;
    background-repeat: no-repeat;
    display: table;
    margin: 0 auto;
    background-position: left center;
    margin-top: 20px;
}



@media (min-width: 500px){

	.hm-cont-itm h2{
    text-align: center;
    font-size: 32pt;
    line-height: 50pt;
    color: #fff;
    font-weight: 400;
}

.hm-cont-itm p{
    font-size: 14pt;
    color: #fff;
}

.hm-phone a{
font-size: 35pt !important;
    line-height: 50pt;
    color: #fff;
    font-weight: 400;
    background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
    background-size: 50px;
    padding-left: 80px;
    background-repeat: no-repeat;
    display: table;
    margin: 0 auto;
    background-position: left center;
        margin-top: 20px;
}

.hm-strip-itm h3 {
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    font-size: 30pt;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 60px;
    line-height: 32pt;
}
}

@media (min-width: 500px){
    .banner-text h1 {
    color: #fff;
    font-size: 30pt !important;
    text-align: left;
    line-height: 35pt;
    margin-top: 0 !important;
    font-weight: 100;
        font-size: 32pt !important;
    text-align: left;
    line-height: 34pt;
}
}

@media (min-width: 600px){
    .oth-strip-itm{
    width: 50%;
}


@media (min-width: 600px) and (max-width: 950px){
.sectors-tile-inner .oth-strip-itm:first-of-type{
    width: 100%;
    max-height: 400px;
    overflow:hidden;
}
}
.hm-bx-txt .hm-btn{
position: absolute;
    bottom: 0;
    right: 0;
    width: unset !important;
    padding: 1em 1.5em;
    background: #febc2d;
    color: #fff;
    border-radius: 0.5em;
    font-size: 14pt;
    font-weight: 600;
    margin: 0 !important;
}

.home-boxes h2{
font-size: 26pt;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 10px;
    color: #ffffff;
    line-height: 30pt;
    margin-bottom: 20px;
}


.banner-text h1 {
color: #fff;
        font-size: 38pt !important;
        text-align: left;
        line-height: 45pt !important;
        margin-top: 0 !important;
        font-weight: 100;
}

    .slider1 .banner-text {
        position: absolute;
        top: 165px;
        z-index: 9;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(0, -50%);
        left: 0;
        bottom: 50px;
        /* height: 100%; */
        width: 80%;
        top: 50%;
     /*   max-width: 650px; */
        width: 80%;
}
}

@media (min-width: 700px){

.oth-strip-in h3{
 font-size: 21pt;
}



}

@media (min-width: 750px){

	.hm-cont-itm h2{
    text-align: center;
    font-size: 50pt;
    line-height: 50pt;
    color: #fff;
    font-weight: 400;
}

.hm-cont-itm p{
    font-size: 17pt;
    color: #fff;
}

.hm-phone a{
font-size: 50pt !important;
    line-height: 50pt;
    color: #fff;
    font-weight: 400;
    background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
    background-size: 50px;
    padding-left: 80px;
    background-repeat: no-repeat;
    display: table;
    margin: 0 auto;
    background-position: left center;
        margin-top: 20px;
}


.banner-a-side{
        left: 2em;
}

.hm-strip-itm h3{
text-align: right;
    text-transform: uppercase;
    color: #fff;
    font-size: 50pt;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 50pt;
}

}

@media (min-width: 950px){
        .oth-strip-itm{
        width: 33.33%;
    }


}

@media (min-width: 1000px){


.banner-text h1 {
        color: #fff;
        font-size: 40pt !important;
        text-align: left;
        line-height: 45pt;
        margin-top: 0 !important;
        font-weight: 100;
}
}

@media (min-width: 1200px){
    .oth-strip-in h3{
     font-size: 28pt;
    }



}

@media (min-width: 1400px){


    .slider1 .banner-text {
position: absolute;
    top: 165px;
    z-index: 9;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-7.5%, -50%);
    left: 0;
    bottom: 50px;
    /* height: 100%; */
    width: 80%;
    top: 50%;
 /*   max-width: 650px; */
    width: 80%;
}

}


.oth-strip-lnk{
    right: 0;
    /* position: absolute; */
    /* bottom: -42px; */
    text-transform: uppercase;
    color: #fff;
    background: url(/wp-content/themes/lighttheme/images/lnk-img.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 26px;
    background-size: 15px;
    font-size: 12pt;
}

.oth-strip-in{
    position: absolute;
    padding: 2em;
    top: 0;

}

.hm-cont-itm {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
    text-align: center;
}




.hm-strip-outer a:not(:last-of-type){
	margin-bottom: 1em;
}

.hm-strip-itm{
width: 100% !important;
    float: none !important;
    display: block;
    padding: 1em;
    position: relative;
}

.hm-strip-in{
	max-width: 1200px;
	width: 90%;
    margin: 0 auto;
    display: block;
    position: relative;
    opacity: 0.7;
}

.hm-strip-itm:hover .hm-strip-in, .hm-strip-itm:hover .hm-tl-over{
	opacity: 1;
}

.hm-tl-over{
	background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) -1%, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.9) 72%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) -1%,rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.9) 72%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(135deg,  rgba(0,0,0,0) -1%,rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.9) 72%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 );
opacity: 0.9;

}

.hm-strip-lnk{
	    right: 0;
    position: absolute;
    bottom: -42px;
    text-transform: uppercase;
    color: #fff;
    background: url(/wp-content/themes/lighttheme/images/lnk-img.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 40px;
    font-size: 12pt;
}






.footer-outer{
	position: relative;
        box-shadow: 0 0 7px #0000004d;
}

.footer-outer h3{
	color: #9cb6ce;
    font-weight: 500;
    margin-top: 0 !important;
    font-size: 10pt !important;
    font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	 
}

.footer-outer p{
    color: #fff;
        font-size: 10pt !important;
	  

}

footer {
    padding-bottom: 100px !important;
}

.footer-outer .hp-split{
    border-bottom: 70px solid #febc2d !important;
    /* padding-top: 3em; */
    background: #febc2d;
}

.footer-outer .hp-split-in{
      background: #febc2d;
}

.footer-menu li a{
    font-size: 10pt;
}



.hm-bx-txt{
  position: relative;
}




.hp-split{
    transform: skewY(-1deg);
    height: 50px;
    position: absolute;
    width: 100%;
    border-bottom: 70px solid #2d3539;
    /* border-top: 50px solid #febc2d; */
    margin-top: -40px;
    z-index: 2;

    transform: skewY(-1deg);
    height: 30px;
    position: absolute;
    width: 100%;
    border-bottom: 42px solid #2d3539;
    /* border-top: 50px solid #febc2d; */
    margin-top: -24px;
    z-index: 2;
}

.hp-split-in{
  background: #febc2d;
  width: 100%;
  height: 10px;
  display: block;
}

footer{
      background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
      padding-top: 2em;
}

.copyright-text{
     
}

footer, .copyright-text{

}

.banner-iframe-cont {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.banner-iframe{display: block; width: 100%; height: 100%; border: none;}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    font-size: 0;
}

/*
.slick-prev, .flex-prev{
    width: 50px !important;
    height: 50px !important;
    /*background: url(/wp-content/themes/lighttheme/images/icons/slide-arrow-left.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.8;
}

.slick-next, .flex-next{
    width: 50px !important;
    height: 50px !important;
    background: url(/wp-content/themes/lighttheme/images/icons/slide-arrow-right.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.8;
}
.slick-prev:hover, .banner-back .flex-prev:hover{
	opacity: 1;
	background:  url(/wp-content/themes/lighttheme/images/icons/slide-arrow-left.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

}

.flex-next{
	right: -10px !important;
}

.slick-next:hover, .banner-back .flex-next:hover{
	opacity: 1;
	background:  url(/wp-content/themes/lighttheme/images/icons/slide-arrow-right.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

}

.slick-disabled, .banner-back .slick-disabled:hover{
	opacity: 0.4 !important;
}



.slick-next{
	right: -50px !important;
}

*/

.banner-back .flex-control-nav li, .banner-back  .flex-control-paging li a{
	border-radius: 5px;
}

.banner-back .flex-control-nav li{
	border: none !important;
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
    cursor: default;
}

.banner-back .flex-control-nav {
    width: auto !important;
    position: absolute;
    bottom: 70px;
    text-align: right;
    z-index: 10;
    right: 3em;
    left: 3em;
    max-width: 1000px;
    margin: 0 auto;
}

.banner-iframe-cont video{
    width: 100%;
    /* height: 100%; */
    left: 50%;
    position: absolute;
    right: 0;
    min-width: 1290px;
    margin: 0 auto;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
   
.price del > span{
	display: block !important;
	padding-bottom: 0 !important;
	font-size: 11pt;
}



.price del{
	display: block !important;
	opacity: .5;		
}

.onsale{
	display: none;
}

.vape-fact-tiles a{
 width: 31.333%;
 margin: 1%;
 float: left;
 border: 1px solid #efefef;
 position: relative;
}

.vape-fact-tiles a:hover{
	opacity: 0.8;
}

.vape-fact-tiles a span{
position: absolute;
    left: 1em;
    bottom: 1em;
    background: #000;
    padding: 0.5em;
    color: #fff;
}


.pub-item-rating img {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    visibility: visible;
}

.reviews-outer ul{
padding: 0 !important;
    background: #fff !important;
}

@media (max-width: 550px){
	.reviews-outer ul li{
		width: 98% !important;
	}
}

.reviews-outer ul li{
    list-style: none;
    padding: 1em;
    border-left: 3px solid;
    border: 1px solid #efefef;
    margin-bottom: 1em;
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    background: #fafafa;
}

.reviews-outer ul li > span{
	margin-bottom: 1em;
	display: block;
}

.payment_method_paypal label{
	display: table;
    width: 200px;
}


.woocommerce-mini-cart__buttons a{
	margin:2px;
}


.woocommerce-checkout label.checkbox, .woocommerce-checkout label.radio input, .woocommerce-checkout label.checkbox input{
 height: unset;
 display: inline-block;
 visibility: visible;
 -webkit-appearance:visible;
}

ul.products li{
	position: relative;
}

.woocommerce ul.products li.product .button, .add_to_cart_button, .product a.button{

}

.woocommerce ul.products li.product .price, .woocommerce-Price-amount{
	    display: inline-block;
}


.woocommerce a.button, .woocommerce button{
	height: auto;
    font-size: 10pt !important;
        display: table !important;
    margin-top: 1em !important;
}

.woocommerce button.slick-arrow{
	font-size: 0 !important;
}

.woocommerce-form p, .woocommerce-checkout p{
	clear: unset !important; 
}

.stripe-icon{
	max-width: 100px !important;
	display: inline-block;
}

.home-blog-list-inner a:hover .sec-overlay, .home-boxes a:hover .sec-overlay{
	display: block;
}
.home-blog-list-inner .sec-overlay, .home-boxes .sec-overlay{
    background: rgba(0,0,0, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    background-image: url(/wp-content/themes/lighttheme/images/vape-caddy-trans.png);
    background-size: 100px;
    background-position: center;
    display: block;
}

.agy a.btn{
	background: #febc2d !important;
	height: auto !important; 
}

.woocommerce-pagination{
    position: relative;
    clear: both;
    background: unset;
    padding: 0 1em 0 1em;
    display: table;
    width: unset;
    margin: 0 auto;
    height: auto;
    top: unset;
    margin-top: 5em;
    clear: both;
    float: none;
    border-bottom: 0 !important;
    display: block !important;
}

.woocommerce-pagination ul{
	margin-bottom: 0 !important;
	margin-top: 2em;
    background: unset !important;
    text-align: center !important;
}

.woocommerce-pagination ul li{
	margin: 2.5px;
	    display: inline-block;
}

.woocommerce-pagination ul li span, .woocommerce-pagination ul li a{
    width: 35px;
    height: 35px;
    background: #efefef;
    display: inline-block;
    vertical-align: middle;
    text-align: center !important;
    border-bottom: 0 !important;
    margin-bottom: 5px;
    font-size: 11pt;
    line-height: 35px;
    color: #000;
}

.woocommerce-pagination ul li span{
    background: #223b1d;
    color: #fff;
}

.woocommerce-pagination .prev, .woocommerce-pagination .next{
 position: unset !important;
 bottom: unset !important;
 left:  unset !important;
 right: unset !important;
}


.facebook-cont {
    background: url(/wp-content/themes/lighttheme/images/icons/facebook.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    font-size: 0;
    display: inline-block;
}

.agy a.btn.btn-beta{
	background: #888 !important;
}

.agy .box .box-right p {
    color: #7c7c7c;
    height: auto !important;
    display: block;
    height: unset !important;
    margin-bottom: 1em !important;
    display: block;
}



.agy .decor-line span {
	background:#fff;
	color:#7c7c7c;
    position: relative;
    top: unset !important;
    padding: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 900;
    margin-bottom: 1em !important;
    display: block;

}
.agy .decor-line{
	height: 40px !important;
	display: block;
	margin-bottom: 1em !important;
	border: 0;
border-top: 0 !important;
}


.post-main-image-blog .post-date-val{

}


.button-blog-list{
  text-decoration: none;
  text-align: left;
  font-size: 12pt;
  display: table;
}

.button-blog-list:after {
    content: "\2192";
}

.Blog-blog h1 {
  text-align: center !important;
	    padding-bottom: 0.5em;
}

.post-date-detail{
  font-size: 14pt !important;
}


.info-box-txt p{
  font-size: 11pt !important;
}


.info-box-txt h3{
      font-size: 16pt !important;
      margin-top: 0 !important;
      margin-bottom: 0.4em !important;
}

.info-box-txt h4{
      font-size: 13pt !important;
          margin-bottom: 0.2em !important;
}


@media (max-width: 800px){
	.woocommerce-product-gallery {
    opacity: 1 !important;
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.type-product .summary {
    width: 100%;
    float: none;
    margin-left: unset;
}

}


.post-date {
    position: absolute;
    top: 2.5em;
    left: 0;
    background: #ffffff;
    padding-left: 1em;
    border-left: 3px solid #febc2d;
    display: table;
    width: auto !important;
    padding-right: 1em;
    padding-top: 2px;
    padding-bottom: 2px;
        font-weight: 600;
    letter-spacing: 0.5px;
    color: #1f1f1f !important;
}

.post-summary{
	    float: left;
    width: 98%;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
    position: relative;
}


.post-text{
  padding: 1em;
}

@media (max-width: 1000px) and (min-width: 460px){

.post-summary{
	    float: left;
    width: 48%;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
}


}


@media (min-width: 1000px){
.post-summary{
	    float: left;
    width: 48%;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
}
}

.home-boxes{
  max-width: 1200px;
  margin: 0 auto;
  padding: 3em 2em;
    padding-top: 20px;
    padding-bottom: 10px;
}

.home-boxes a{
	position: relative;
}

.home-boxes a span{
    position: absolute;
    bottom: 2em;
    right: 2em;
    color: #fff;
    border: 1px solid #fff;
    padding: 0.5em 1.5em;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.33);
    font-weight: 600;
    cursor: pointer;
    border-radius: 2px;
}

.home-boxes a span:hover{
	    background: rgba(186, 146, 37, 0.38) !important;
}

.home-boxes a span:after{
    content: '\25BC';
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 10px;
    font-size: smaller;

}

.home-boxes a span:hover{
	background: rgba(0, 0, 0, 0.4);
}

@media (max-width: 570px){
	.home-boxes a{
	  width: 98%;
	  float: none;
	  margin:1%;
	  max-width: 400px;
	  margin: 0 auto;
	  display: block;
	  margin-bottom: 1em !important;
	} 

	.home-boxes a:nth-child(5){
		margin-bottom: 0 !important;
	}
}

.home-boxes a:nth-child(1){
  width: 98%;
  float: none;
  margin:1%;
  max-width: 400px;
  margin: 0 auto;
} 
.home-boxes a:nth-child(2){
    width: 98%;
  float: none;
  margin:1%;
  max-width: 400px;
  margin: 0 auto;
} 

.home-boxes a:nth-child(3), .home-boxes a:nth-child(4), .home-boxes a:nth-child(5) {
    width: 98%;
  float: none;
  margin:1%;
  max-width: 400px;
  margin: 0 auto;
} 


@media (min-width: 570px) and (max-width: 850px){

.home-boxes a:nth-child(1){
  width: 98%;
  float: left;
  margin:1%;
  max-width: unset;
} 
.home-boxes a:nth-child(2){
    width: 60.3%;
    float: left;
    margin: 1%;
    max-width: unset;
} 

.home-boxes a:nth-child(3), .home-boxes a:nth-child(4), .home-boxes a:nth-child(5) {
    width: 35.7%;
    float: left;
    margin: 1%;
    max-width: unset;
} 

}


@media (min-width: 850px){

.home-boxes a:nth-child(1){
  width: 64.666%;
  float: left;
  margin:1%;
  max-width: unset;
} 
.home-boxes a:nth-child(2){
  width: 31.333%;
  float: left;
  margin:1%;
  max-width: unset;
} 

.home-boxes a:nth-child(3), .home-boxes a:nth-child(4), .home-boxes a:nth-child(5){
  width: 31.333%;
  float: left;
  margin:1%;
  max-width: unset;
} 
}

.home-products{
  max-width: 1400px !important; 
  margin: 0 auto;
}

 .home-blog-list-inner{
 	  max-width: 1200px !important; 
  margin: 0 auto;
 }

.slick-prev:before {
    content: ' ' !important;
}

.slick-next:before {
    content: ' ' !important;
}

.slick-prev {
    left: -30px !important;
}

.slick-next {
    right: -50px !important;
}



.slick-slide{
  margin: 1em;
}

.home-products{

    margin: 0 auto;
    padding: 3em 2em;
}
.home-products-inner{
    margin: 2em;
}

.woocommerce-mini-cart{
  max-width: 300px;
  font-size: 10pt;
margin-bottom: 1em;
}


.woocommerce-mini-cart__total, .woocommerce-mini-cart__total .woocommerce-Price-amount{
  font-size: 12pt;
}


.woocommerce-mini-cart .remove_from_cart_button{
 font-size: 18pt;
vertical-align: middle;
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right: 1px solid #efefef;
    float: left;
}

.woocommerce-mini-cart span.quantity{
  display: block;
}

.woocommerce-mini-cart span.quantity:before{
      font-size: 10pt !important;
      width: 40px;
      display: none;
}

.header-cart{
    background: #f9f9f9;
    padding: 1em;
    border: 1px solid #efefef;
    position: absolute;
    top: 95px;
    width: 300px;
    right: 0;
    box-shadow: 0px 1px 4px 0px #888;
    display: none;

}

.woocommerce-mini-cart img{
max-width: 30px;
    height: auto;
    display: inline-block;
    margin-right: 1em;
}

.woocommerce-mini-cart li{
border-bottom: 1px solid #efefef;
    padding: 0.5em;
}

.woocommerce-mini-cart li .amount{
  font-size: 10pt;
}

.store-sidebar{
float: left;
    width: 25%;
    margin-right: 5%;
    /* background-color: white; */
    border: 1px solid #efefef;
    padding: 1em;
    margin-top: 1.5em;
    z-index:  9;
}
.store-products, .store-products-out{
    padding: 2em;
}
ul.product-categories{
  padding: 1em !important;
}

ul.product-categories li ul li a:before{
  content: "- ";
}

ul.product-categories li{
  line-height: 15px;
  margin-bottom: 5px;
}

ul.product-categories li ul{
  padding: 0;
  margin: 0;
    padding-left: 10px;
    margin-top: 5px;
}

.woocommerce-ordering .orderby{
max-width: 300px;
}

.widget_product_search button{
margin-top: 1em;
}

ul.product-categories li a{
  font-size: 10pt;
}

.page-content-products{
  max-width: 1500px !important;
}


ul.product-categories .current-cat > a{
  color:#c3944a;
}


.woocommerce table.cart img{
  width: 100px;
}

.woocommerce-product-details__short-description{
  margin-bottom: 1em;
}


.add_to_cart_button, .product button, .product a.button{
display: table !important;
    margin: 0 auto;
    margin-top: 0.5em !important;
    font-size: 10pt !important;
    text-transform: unset !important;
}

.cart button{
	margin: 0 !important;
	margin-top:	1em !important;
}

.add_to_cart_button:after, .product button:after, .product a.button:after{

}

.add_to_cart_button:before,  .product a.button:before{
content: "";
    background-image: url(/wp-content/themes/lighttheme/images/cart-btn.png);
    background-size: contain;
    width: 16px;
    display: inline-block;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}

.flex-viewport{
   /*   border: 1px solid #efefef; */
          margin-bottom: 5px;
}

.flex-control-nav{
      width: 100%;
    list-style: none;
}

.flex-control-nav li{
max-width: 65px;
    display: inline-block;
        border: 1px solid #efefef;
    margin: 3px 5px;
  }


  .single_add_to_cart_button{
    margin-top: 1em;
  }


.variations select{
    width: 170px;
}

  .variations_button .quantity input, .quantity input, .qty{

      display: inline-block !important;
    max-width: 100px !important;
  }

  .variations_button .quantity:before, .quantity:before{
    content: "Quantity";
  }

.variations_button .quantity, .quantity{
  padding: 0.5em;
}

.reset_variations{
      visibility: visible;
    position: absolute;
    bottom: 0;
    margin-left: 10px;
        border: 1px solid #cccccc;
    padding: 2px 5px;
}

.summary .cart{
    margin-bottom: 1em;
    margin-top: 2em !important;
}

.summary .cart button{
    background: #6f8b1c !important;
    color: white !important;
}
.summary .cart button:before{
    filter: invert(100%);
    -webkit-filter: invert(100%);
    }

.product_meta > span{
  display: block;
}

.variations tr {
  padding:0.5em;
  display: block;
}

.variations tr td{
  position: relative;
}

.variations label, .quantity:before{
  font-size: 14pt;
    font-weight: 500;
    width: 100px;
    margin-right: 1em;
    width: 70px;
        display: inline-block;
    color: #515151;
}

.buy-qty{
      margin-bottom: 1.5em;
}

.buy-qty span{
display: inline-block;
    font-size: 14pt;
    margin-right: 1em;
    width: 70px;
    color: #3f3f3f;
}

.buy-qty .quantity{
      display: inline-block;
    max-width: 100px;
}

.woocommerce-Price-amount{
      font-size: 16pt;
    color: #000;
    font-weight: 700;
}

.flex-control-thumbs{
	text-align: center;
}


.woocommerce-product-gallery{
  opacity: 1 !important;
  width: 45%;
    display: inline-block;
      margin-bottom: 2em;
}
.woocommerce-product-gallery__image{
    display: inline-block;

    margin-bottom: 5px;
    display: block;
}
.type-product .summary{
    width: 49%;
    display: inline-block;
    margin-left: 5%;
    vertical-align: top;

}

@media (max-width: 800px){		

	.woocommerce-product-gallery {
    opacity: 1 !important;
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.type-product .summary {
    width: 100%;
    float: none;
    margin-left: unset;
}

}



.woocommerce-product-gallery__wrapper{
  text-align: center;
}

.type-product .woocommerce-tabs{
      clear: both;
}

.woocommerce-product-gallery__image img{
max-width: unset;
width: unset;
height: unset;
max-width: 100%;
}

section.related{
  margin-top: 4em;
    border-top: 1px solid #efefef;
    padding-top: 3em;
}

.woocommerce-tabs{
      margin-top: 3em;
    display: block;
    clear: both;
    float: none;
}


ul.wc-tabs{
  display: none;
}

.out-of-stock{
  color: #ec2027 !important;
    margin-bottom: 1em !important;
}

ul.products {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
}

ul.products li{
	width: 240px;
    height: auto !important;
}

.store-sidebar-fixed{
    position: fixed !important;
    /* max-width: 300px; */
    margin: 0 auto;
    background: #fff;
    margin: 0 auto;
    float: none;
    left: 0;
}

.store-sidebar-close{
	    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    width: 30px;
    height: 30px;
    display: block;
    bottom: 0;
    height: 100%;
    background: #ec2027;
    vertical-align: middle;
    color: #fff;
    background: #febc2d url(/wp-content/themes/lighttheme/images/icons/back-to-top.png) no-repeat !important;
    /* background-color: #b5b5b5; */
    height: 57px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    z-index: 3;
    background-position: 50% 50%!important;
    background-size: 18px 18px!important;
    cursor: pointer;
    display: none;
        height: 30px;
    width: 30px;
    margin: 1em;
      -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
  border-radius: 4px;
}

.store-sidebar-close.isopened {
  background: url(/wp-content/themes/lighttheme/images/icons/back-to-top.png) no-repeat !important;
  background-color: #febc2d  !important;
  background-position: 50% 50%!important;
  background-size: 18px 18px!important;
        -ms-transform: rotate(0deg); /* IE 9 */
  transform: rotate(0deg);
}

@media (max-width: 750px){

	.store-sidebar-close{
		display: block;
	}
	.store-products {
	    float: right;
	    width: 100%;
	}

	.store-sidebar{
		width: 100%;
    	margin-right: 0;
    	position: relative;
	}

	.store-sidebar .secondary{
		display: none;
		padding-top: 1em;
	}

	.store-sidebar h2{
		margin-bottom: 0 !important;
	}
}



@media (min-width: 460px) and (max-width: 1000px){

}


@media (min-width: 1000px){

}



li.product{

    padding: 1em !important;
    margin: 1% !important;
    margin-bottom: 5px !important;
    }


    li.product:hover{
    	background: #ededed !important;
    }

ul.products li .size-woocommerce_thumbnail{

}

h2.woocommerce-loop-product__title{
  font-size: 14pt !important;
    margin-top: 1em !important;
    text-align: center !important; 
}

ul.products{
  background: none !important;
  text-align: center;
}
ul.products li img{
  width: 100%;
  height: auto;
}

/******* CART *******/

.cart-block--summary__icon img{
        display: inline-block;
    margin-right: 10px;
        max-width: 20px;
}

.menu--account a{
  font-size: 10pt;
  color:#fff;
}

.cart--cart-block{
    display: table;
    position: absolute;
    right: 20px;
    top: 5px;


}

.cart-block--summary__count{
    color: #fff;
}


.cart-block--link__expand{
  text-decoration: none;
}

.cart-block--summary__icon, .cart-block--summary__count{
  display: inline-block;
  vertical-align: middle;
}

#navbar {
    width:100%;
    max-width: unset;
    position: fixed;
    top:0;
    z-index: 999;
    height: 130px;
    background-color: rgba(0, 0, 0, 0.4);
}

#block-dftheme-main-menu{
    position: absolute;
    right: 0;
    bottom: 0;
}

#block-dftheme-account-menu{
    position: absolute;
    right: 100px;
    top: 14px;
    font-size: 8pt;
}


/**************************************************************
****************         VARIABLES          *******************
**************************************************************/
/**************************************************************
******************         MIXINS          ********************
**************************************************************/

.textwidget h3{
    margin-top: 0 !important;
    font-weight: bold;
	line-height: 1em;
}

.age-18-plus-footer{
      max-width: 900px;
    margin: 0 auto;
    font-size: 8pt;
}

.age-18-plus-footer span {
      background: #ec2027;
    padding: 0.5em 0.5em;
    border-radius: 50%;
    margin-right: 0.5em;
    font-weight: 600;
}


@media (min-width: 900px){

.bottom-footer{
 
        align-items: center;
}

  footer .social-icons{
        text-align: left !important;
        margin-bottom: 2em;
        display: inline-block;
        text-align: left !important;
        margin-bottom: 0;
        width: 100%;
        margin-top: 2em;
  }
}

.banner-table img{
  margin: 0 !important;
  left: unset !important;
  max-width: 70px;
    margin: 0 auto !important;

}

.banner-table td{
    padding: 0.4em !important;
    color: #fff;
    font-size: 16pt;
    vertical-align: middle;
}

.banner-table td strong{
  font-weight: 700;
  font-size: 26pt;
    display: inline-block;
    margin-bottom: 0.4em;
}

.footer-links a{
  padding:0.2em 0 0.2em 0;
  display: table;
}

.map_container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: block;
}
.map_container img {
  display: block;
  max-width: 100%;
  height: auto;
}
.map-marker {
    position: absolute;
    font-size: 15px;
    text-shadow: 1px 1px 1px #000;
    text-decoration:none;
        color: #ff0004;
        opacity: 0.9;
  }
  .map-marker span {
    position:relative;
    color:#fff;
    font-size: 14px;
        display: none;
        visibility: hidden;
  }

  .map-marker .hov-txt{
position: absolute;
    background: #efefef;
    display: block;
    margin-left: 10px;
    padding: 5px;
    color: #58585a;
    text-shadow: none;
    top: 0;
    left: 1px;
    min-width: 200px;
    display: none;
    z-index: 3;
    visibility: visible;
  }

  .map-marker:hover .hov-txt{
    display: block;
  }

  .map-marker:before {
    content: "\f111";
    font-family: 'FontAwesome';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
  }


  #one {
    top: 41.5%;
    left: 48%;
  }

  #two {
    top: 40%;
    left: 74.5%;
  }

  #three {
    top: 43%;
    left: 55.5%;
  }

  #four {
    top: 48%;
    left: 60.5%;
  }

  #five {
    top: 48.2%;
    left: 75%;
  }
  #six {
    top: 45.5%;
    left: 24%;
  }

  #seven {
    top: 30.3%;
    left: 46.8%;
  }
  #eight {
    top: 38.3%;
    left: 28.9%;
  }



.map-gen-pins a{
      /*width: 30px !important;
    height: 33px !important; */
    background-image: url(/wp-content/themes/lighttheme/images/icons/map-pin.png);
    position: absolute;
    z-index: 2;
    width: 1.54%; height: 3.45%;
}


.page-content p strong, .page-content td strong{
  /*font-size: 16pt;*/
}

.rt-wpls .slick-dots{
  background: none;
}


.faq-outer1 table tr td{
  padding:0.5em;
  vertical-align: top;
      font-size: 14pt;
    line-height: 1.6em;
    color: #888;
}

.faq-outer1 table tr td img{
  width: 200px;
  min-width: 200px;
}

.faq-outer1 table tr td strong{
  display: block;
}


@media (max-width: 600px){
  .faq-outer1 table tr td{
    width: 100%;
    display: block;
  }

  .faq-outer1 table tr td img {
    width: 200px;
    min-width: 200px;
    margin: 0 auto;
}
}

.page-content ul{
  /*    background: #f1f1f1;  */

	color:#575764;
}

.faq-outer ul{
  background: none;
  padding: unset;
}


@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


.banner-text-inner iframe{
	    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}



.home-boxes-outer{

}


@media (max-width: 1410px){

}


.faq-outer ul:not(.faq-outer span ul){
  padding: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

.faq-outer ul li:not(.faq-outer span ul li){
    list-style: none !important;
    margin-bottom: 1em;
    border: 1px solid #000000;
    padding: 1em;
    position: relative;
    padding-right: 60px;
    cursor: pointer;
        border-radius: 4px;

}

.faq-outer ul li p{

}

.faq-outer ul li > p{
  font-size: 14pt !important;
    font-weight: 500;
    color: #525252;
}

.faq-outer ul li span{
  display: none;
  margin-top: 1em;
}

.faq-outer ul{
  
}

.faq-btn{
    position: absolute;
    top: 0;
    right: 0;
    background: url(/wp-content/themes/lighttheme/images/icons/submenu.png);
    /* background-color: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1); */
    height: 57.5px;
    width: 50px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    filter: invert(1);
    transform: rotate(-90deg);
}

.faq-btn-open{
    position: absolute;
    top: 0;
    right: 0;
    background: url(/wp-content/themes/lighttheme/images/icons/submenu.png);
    /* background-color: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1); */
    height: 57.5px;
    width: 50px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    filter: invert(1);
    transform: rotate(-180deg);
}


.map-header-ou{
text-align: center;
    /* padding: 3em 1em !important; */

    background: #fff !important;
    border-bottom: 0 !important;
    position: relative;
}

.map-img-para{
      background: url(/wp-content/themes/lighttheme/images/map-scroller.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    background: url(/wp-content/themes/lighttheme/images/map-scroller.jpg) 50% 10% repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    width: 100%;
    position: relative;
}


.map-header-ou img{
  visibility: hidden !important;
  opacity: 0 !important;
}

.map-header-ou h2{
  text-align: center;
}


@media (max-width: 700px){
  ul ul .toggle-submenu{
display: none !important;
}

header nav:not(.navbar) ul ul li{
  float: left !important; 
}
}


@media (min-width: 700px){
  nav:not(.navbar) div > ul > li > ul > li > ul{
  left: unset !important;
  position: relative !important;
  float: none;
  height: 0; 
  visibility: hidden;
      display: block !important;
}
}


.year-strip-outer{
      position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70px;
}

.year-strip {
    position: fixed;
    background: rgba(255, 255, 255, 0.61);
    color: white;
    /* transform: rotate(-45deg); */
    text-align: center;
    top: 22px;
    right: 0;
    width: 70px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.61);
    z-index: 30;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media (max-width: 1000px){
  .year-strip {
    position: fixed;
    background: rgba(255, 255, 255, 0.61);
    color: white;
    /* transform: rotate(-45deg); */
    text-align: center;
    top: 22px;
    left: 0;
    width: 70px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.61);
    z-index: 30;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
        border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
}
.year-strip-small{
  top: 12px;
}





.home-map-image{
      max-width: 1300px;
    margin: 0 auto;
    padding: 2em 0;
    opacity: 0.7;
}

.Excellence-banner h1{
font-family: 'Dancing Script', cursive !important;
}

@media (min-width: 600px){
.map-pop-img{
max-width: 35% !important; height: auto; margin: 0 auto; display: block; float: left; margin-top: 2em;
}

.map-pop-text{
  max-width: 63%; margin-left: 2%; float:left;
}

.map-pop-text-no{

}
}


.the-blog-itm1{
  text-align: center;
}

.the-blog-itm1 .home-blog-itm{
  float: none !important;
  display: inline-block;
      margin: 0.5%;
}

.map-sectors{
    background: #cb4146;
    text-align: center;
}

.map-sectors ul li{
display: inline-block;
    list-style: none;
    cursor: pointer;
    padding: 1em 0.5em;
    color: #fff;
    font-size: 11pt;
}

.map-sectors ul li.sel, .map-sectors ul li:hover{
  background: #bd2a30;
}

.scope-images img{
  width: 48%;
  display: inline-block;
}

@media (min-width: 900px){
  .scope-images img{
    width: 23%;
    display: inline-block;
  }
}

.scope-images{
  text-align: center;
  margin-top: 4em;
}

.scope-images br{
  display: none;
}

.gm-style h3{
  
}

.gm-style .gm-style-iw-c{
  padding: 2em !important;
}

.gm-style .gm-style-iw-c button{
      top: 6px !important;
    right: 6px !important;
        border: 1px solid #efefef;
            border-top: 1px solid #efefef !important;
}

.map-wrapper{
  margin-top: 2em;
}

.map-wrapper, .map{
    height: 350px;
    border-radius: 1em;
    /* border: 1px solid #ec2027; */
    overflow: hidden;
    box-shadow: 0px 0px 12px 0px #3e3e3e;}

.logo-ani{
    max-width: 150px;
    margin: 0 auto !important;
    left: unset !important;
}

@media (min-width: 600px){
  .logo-ani{
    max-width: 350px;
  }
}

.size-medium{
	width: unset !important;
}

.red-button{
    color: #595959 !important;
    background: #efefef !important;
}

.red-button:hover{
    color: #fff !important;
    background: #c3c3c3 !important;
}

.side-part-info{
	position: relative;
    /* float: right; */
    width: 300px;
    border: 1px solid #EFEFE9;
    right: 0;
    margin-top: 3em;
    border: 1px solid #e9e9e9;
    /* border-radius: 3px; */
    box-shadow: 5px 5px 10px #d4d2d2;
    margin: 0 auto;
}

@media(min-width: 900px){

.ban-fixed{
	background-attachment: fixed !important;
}

.two-col{
	padding-right: 340px;
	position: relative;
}

.side-part-info{
	    position: absolute;
    /* float: right; */
    width: 300px;
    border: 1px solid #EFEFE9;
    right: 0;
    top: 2em;
    border: 1px solid #e9e9e9;
    /* border-radius: 3px; */
    box-shadow: 5px 5px 10px #d4d2d2;
    margin-top: 0;
}

}






.side-part-info span{
	display: none;
}

#loc-map{
	height: 250px;
}

.side-part-info p{
	font-size: 12pt !important;
	    padding: 1em;
}

.projects-home-list-3 .home-blog-itm{
    width: 98% !important;
    float: left;
    margin: 1%;
    border: 1px solid #e6e6e6 !important;
}

.home-blog-itm{
	width: 98%;
}

@media (min-width: 700px){
	.projects-home-list-3 .home-blog-itm{
	    width: 48% !important;
	    float: left;
	    margin: 1%;
	    border: 1px solid #e6e6e6 !important;
	}

	.projects-home-list-3 .home-blog-itm:first-of-type{
		width: 98% !important;
	}

	.home-blog-itm{
		width: 48%;
	}
}

@media (min-width: 1150px){
	.projects-home-list-3 .home-blog-itm, .projects-home-list-3 .home-blog-itm:first-of-type{
	    width: 31.333% !important;
	}

	.home-blog-itm{
		width: 31.333%;
	}

}


.banner-btns{
  text-align: center;
}

.banner-btns a{
  color: #fff;
    padding: 1em 1.5em;
    background: #d90d18;
    font-size: 16pt;
    font-weight: bold;
    margin: 0.2em 1em;
    display: inline-block;
    width: 200px;
    border-radius: 5px;
    font-weight: 100;
    transition: 0.3s;
	opacity:0.75;
}

.banner-btns a:hover{
  background: #ff1724;
  color: #fff;
}

.banner-btns-wide{
  text-align: center;
}

.banner-btns-wide a{
  color: #fff;
    padding: 1em 1.5em;
    background: #a7a6a6;
    font-size: 16pt;
    font-weight: bold;
    margin: 0.2em 1em;
    display: inline-block;
    width: 98%;
    border-radius: 5px;
    font-weight: 100;
    transition: 0.3s;
	opacity:0.75;
}

.banner-btns-wide a:hover{
  background: #ff1724;
  color: #fff;
}


@media (max-width: 750px){
  .banner-btns a{
    color: #fff;
    padding: 1em 1.5em;
    background: #d90d18;
    font-size: 9pt;
    font-weight: bold;
    margin: 1em;
    display: inline-block;
    width: 114px;
  }
}

.ban-overlay{
position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #282828;
    opacity: 0.3;
}


.hm-test-itm:before {
    color: #545454;
    content: '"';
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    position: absolute;
    left: 16px;
    top: 40px;
}

.home-test-sec{
  text-align: center;
}

.hm-test-itm img {
  display: none;
}

.hm-test-itm{
border: 1px solid #efefef;
    margin-bottom: 1em;
    box-shadow: 1px 1px 19px #efefef;
    background: #fff;
    padding: 1em;
    text-align: center;
    /* width: 29%; */
    display: inline-block;
    margin: 1em;
    vertical-align: top;
    /* max-width: 300px; */
    width: 300px;
    position: relative;
    text-align: left;
    padding-top: 2em;
}

.home-test-sec {
  text-decoration: 
}



  .banner-text-inner h1{
    font-size: 23pt !important;
    color: #fff !important;
    margin-bottom: 1em !important;
}

.banner-twitter-outer {
    width: 100%;
    position: absolute;
    top: 225px;
    z-index: 9;
    right: 0;
}

  .banner-twitter{
        max-width: 300px;
    max-height: 500px;
    overflow: scroll;
    margin-top: 150px;
    margin-bottom: 1em;
    position: absolute;
    top: 0;
    z-index: 9;
    right: 10%;
    left: 0;
    margin: 0 auto;
    max-width: unset;
    max-height: unset;
    width: 90%;
    margin-left: 5% !important; 
    height: 300px;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    margin-top: unset;
  }


@media (min-width: 600px){
  .banner-text-inner h1{
    color: #fff !important;
    font-size: 25pt !important;
    font-weight: bold !important;
    text-shadow: 1px 1px #000;
  }

  .banner-twitter-outer {
    width: 100%;
    position: absolute;
    top: 275px;
    z-index: 9;
    right: 0;
}
}

@media (min-width: 1000px){

.banner-text-inner h1{
    color: #fff !important;
    font-size: 50pt !important;
    /* font-weight: bold !important; */
    text-shadow: 1px 1px #000;
    margin-bottom: 0.5em !important;
}


.banner-twitter-outer{
      width: 50%;
    position: absolute;
    top: 30%;
    z-index: 9;
    right: 0;
}


.banner-twitter{
      max-width: 300px;
    max-height: 500px;
    overflow: scroll;
    margin-top: 150px;
    margin-bottom: 1em;
    position: absolute;
    top: 0;
    z-index: 9;
    right: 10%;
}

.banner-twitter{
      max-width: 300px;
    max-height: 500px;
    overflow: scroll;
    /* margin-top: 150px; */
    margin-bottom: 1em;
    position: absolute;
    top: 0;
    z-index: 9;
    /* right: 10%; */
    left: 10%;
    right: unset !important;
    margin-top: unset !important;
    height: unset;
}

}

.arrow-open-link{
	width: 50px;
	height: 50px;
	background: url(/wp-content/themes/lighttheme/images/icons/arrow-open-link.png);
	background-size: cover;
	display: block;
}

.client-logos{
	position: relative;
}

.blog-no-img{
	max-width: 200px;
	margin: 0 auto;
}

.home-blog-inner {
	text-align: center;
}

.home-blog-inner .post-summary{
	width: 100% !important;
	display: inline-block !important;
	float: none !important;
	vertical-align: top;
	margin: 0 !important;
}

.home-blog-inner .post-summary:first-of-type{
		width: 100% !important;
}

@media (min-width: 500px){

	.home-blog-inner .post-summary:first-of-type{
		width: 100% !important;
	}

	.home-blog-inner .post-summary{
		width: 49% !important;
	}
}

@media (min-width: 900px){

	.home-blog-inner .post-summary:first-of-type{
		width: 50% !important;
	}

	.home-blog-inner .post-summary{
		width: 24% !important;
	}
}





.home-blog-inner .post-summary:first-of-type h2{
	font-size: 20pt !important;
	    line-height: 1.5em;

}

.home-blog-inner .post-summary p {
	text-align: left;
}


.home-blog-inner .post-summary .post-date{
	text-align: center;
}


.copyright-text{
    width: 100%;
    /* padding: 1em; */
    text-align: center;
    color: #fff;
}

.copyright-text span{
    /* z-index: 3; */
    display: block;
    /* position: relative; */
    /* position: absolute; */
    /* right: 0; */
    /* left: 0; */
    /* margin-top: -10px; */
    text-align: left;
    font-size: 9pt;
    /* text-transform: uppercase; */
    text-align: center;
    line-height: 12pt;
}

.copyright-text span a{
    color: #fff;
    display: inline-block;
    padding: 1em 0;
}

.home-blog-itm{

  float: left;
  margin:1%;
  border: 1px solid #e6e6e6 !important;
}



.home-blog-list-outer{
    width: 100% !important;
    margin: 0 !important;
    padding: 0.5em;
    background: #fff !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    /*border-bottom: 1px solid #d5d5d5 !important;
    border-top: 1px solid #d5d5d5 !important;*/

}


.home-blog-list-inner{
  max-width: 1800px;
  margin: 0 auto;
  text-align: center;
}


.home-blog-inner{
  max-width: 1200px;
  margin:0 auto;
  padding: 2em;
}


.client-logos{
  margin: 0 auto;
  max-width: 1500px;
  text-align: center;
}
.client-logos ul li img{
  display: inline-block;
  max-width: 200px;
  width: 30%;
  padding: 0 2em;
}

@media (min-width: 600px){
	.client-logos ul li img{
	  width: 20%;
	}
}


@media (min-width: 900px){
	.client-logos ul li img{
	  width: 14%;
	}
}

.banner-twitter{

  margin: 0 auto;

}




@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900');


nav:not(.navbar) div > ul > li{
  position: relative;
}


.page-header-outer123::after {
    position: absolute;
    content: " ";
    display: block;
    left: -5%;
    bottom: -50px;
    transform: rotate(-1deg);
    width: 110%;
    height: 94px;
    z-index: 2;
    background: #fff;
}

.tmm_member{
    width: 47%;
    margin: 1%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #e9e9e9;
    box-shadow: 1px 1px 19px #efefef;
    display: inline-block;
    vertical-align: top;
    border-radius: 1em;
    overflow: hidden;
}

.tmm_sociallink img{
  width: 30px;
  height: 30px;
}

@media (min-width: 450px){
.tmm_member{
    width: 47%;
}

.tmm_sociallink img{
  width: 40px;
  height: 40px;
}
}

@media (min-width: 700px){
.tmm_member{
    width: 31%;
}
}

@media (min-width: 1000px){
.tmm_member{
    width: 22%;
}
}


@media (min-width: 1000px){
.tmm_member{
    width: 22%;
}
}

.tmm_textblock{
  padding: 1em;
  text-align: center;
}

.tmm_wrap, .tmm_scblock{
  text-align: center;
}

.tmm_sociallink{
  display: inline-block;
    margin-top: 1em;
}

.tmm_sociallink:hover{
  opacity: 0.8;
}

.tmm_names{
      margin-bottom: 0.5em;
      font-weight: 700;
}

.tmm_job{
      font-size: 10pt;
}



.home-cntct{
  font-size: 16pt;
  color:#fff;
}

.home-cntct a{
  color:#fff;
 text-decoration: none;
}

footer table {
    max-width: 1280px;
    margin: 0 auto;
    width: 98%;
    table-layout: fixed;
}

footer table tr td{
vertical-align: middle;
padding: 0 0.5em;
vertical-align: top;

}

footer table tr td:first-of-type{

}

footer > table > tbody > tr > td:last-of-type table tr td {

}


.footer-outer table tr:first-of-type td{
    vertical-align: top;
}

.footer-outer > footer > table > tbody > tr:first-of-type > td:nth-child(1), .footer-outer > footer > table > tbody > tr:first-of-type > td:nth-child(2){
    width: 225px;
}

@media (min-width: 900px){

footer > table > tbody > tr > td:last-of-type table tr td {

}

footer > table > tbody > tr > td:last-of-type {
 
}
}
.care-logo {
    display: inline-block;
        max-width: 140px;
}

@media (min-width: 900px){

#menu-footermenu {

}
}

footer table tr td{
  
}

footer table tr td img{
    max-width: 200px;
    height: auto;
    margin: 0;
    /* max-width: 50px; */
    width: 100%;
    margin-bottom: 1em;
}

.logo-sub{
        max-width: 112px;
    height: auto;
    margin: 0;
    /* max-width: 50px; */
    width: 100%;
    margin-bottom: 2.5em;
    MARGIN: 0 AUTO;
}


@media (max-width: 900px){

footer a:active, footer a:link, footer a:visited {
    color: #fff;
    display: inline-block !important;
}

    footer table tr td, footer table tr td a, footer table tr td p{
      display: block !important;
      text-align: center;

    }

    footer .social-icons{
      text-align: center !important;
      width: unset !important;
      margin-top: 1em;
      margin-bottom: 1em;
    }
}

.hp-second-strip h3{
    font-size: 20pt;
    color: #fff;
    margin-top: 1em !important;
    font-weight: 100;
    line-height: 29pt;
}

.hp-second-strip h3 strong{
font-size: 32pt;
}

.hp-second-strip{
        padding: 1em;
    padding-bottom: 3em;
}

.hp-second-strip p{
        text-align: center;
    color: #fff;
    font-size: 14pt;
    max-width: 357px;
    margin: 0 auto;
    font-weight: 300;
}
.hp-second-strip a{
    color: #fff;
    background: #febc2d;
    padding: 10px 15px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 45px;
	padding-left: 30px;
	letter-spacing: 0.03em;

	
    font-size: 10pt;
    background-image: url(/wp-content/themes/lighttheme/images/lnk-img.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 15px;
    font-weight: 600;
}

.home-pre-text{
    max-width: 900px !important;
    padding-top: 3em !important;
    padding-bottom: 4em !important;
    text-align: center;
}

.home-boxes-outer{

}

.testimonail-hp-outer .flex-nav-prev:before, .testimonail-hp-outer .flex-nav-next:before{
    display: none;
}

.testimonail-hp-outer .flex-nav-prev{
    position: absolute;
    /* width: 40%; */
    top: 0;
    left: 0em;
    position: absolute;
    z-index: 10;
    /* left: 10em !important; */
    /* margin-left: 2em; */
    top: 50% !important;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(10%, -50%);
    font-size: 0;
width: 20px;
    height: 80px;
    background: url(/wp-content/themes/lighttheme/images/icons/test-right-arrow.png);
        background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonail-hp-outer .flex-nav-prev a, .testimonail-hp-outer .flex-nav-next a{
    display: block;
    width: 40px;
    height: 80px;
}

.testimonail-hp-outer .flex-nav-prev:hover, .testimonail-hp-outer .flex-nav-next:hover{
    opacity: 0.8;
}

.testimonail-hp-outer .flex-nav-next{
    position: absolute;
    /* width: 40%; */
    top: 0;
    right: 0em;
    position: absolute;
    z-index: 10;
    /* left: 10em !important; */
    /* margin-left: 2em; */
    top: 50% !important;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(-10%, -50%);
    font-size: 0;
width: 20px;
    height: 80px;
    background: url(/wp-content/themes/lighttheme/images/icons/test-left-arrow.png);
        background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonail-hp-inner{
max-width: 1100px;
    margin: 0 auto;
    padding: 2em;
    position: relative;
}

.testimonail-hp-inner ul li{
   /* border-radius: 2em;  */
    overflow: hidden;
    list-style: none;
    position: relative;
}

.test-hp-inner h3{
     color: #000;
    font-weight: 300;
    font-size: 15pt;
    line-height: 25pt;

}
.test-hp-inner p{
    color: #000;
    font-size: 14pt;
}

i{
    font-style: italic;
}

.testimonail-hp-inner123123123123 ul li:before/*, .banner-container ul li .bannerimg-inner:before*/{
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(10,6,5);
    background: -moz-linear-gradient(90deg, rgba(10,6,5,1) 0%, rgba(0,59,110,1) 50%, rgba(0,61,113,0.01724439775910369) 100%);
    background: -webkit-linear-gradient(90deg, rgba(10,6,5,1) 0%, rgba(0,59,110,1) 50%, rgba(0,61,113,0.01724439775910369) 100%);
    background: linear-gradient(90deg, rgba(10,6,5,1) 0%, rgba(0,59,110,1) 50%, rgba(0,61,113,0.01724439775910369) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0605",endColorstr="#febc2d",GradientType=1);
    opacity: 0.64;
}

.test-hp-inner{
    width: 90%;
    margin: 0 auto;

}


.test-hp-txt1{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
        padding-bottom: 100px;
    
}

.test-p-ab{
    color: #374655 !important;
    width: auto !important;
        text-align: left;
        font-weight: 100 !important;
        font-size: 14pt !important;
}

.text-hp-logo{
        width: 40%;
    display: inline-block;
    vertical-align: middle;
}

.test-hp-inner i{
    font-size: 11pt;
    font-weight: 300;
}

.home-content-ban{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.ban-boxes-outer{
background: #2d3539;
    padding-top: 0;
    padding-bottom: 0;
}

.ban-boxes-outer .home-boxes{

}

.home-pre-text h1{
  margin-top: 0 !important;
}

.after-text-whole{
	margin-top: 3em;
}

.after-text-whole p {
	color: #000 !important;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 0.5em;
}

.home-pre-text-outer{
	width: 100%;
    background: #f9f9f9;
    border-top: 1px solid #e6e6e6;

}




.pre-text-fhalf, .pre-text-shalf{
width: 50%;
    float: left;
    padding: 0 2em;
}


@media (max-width: 650px){
	.pre-text-fhalf, .pre-text-shalf{
	width: 100%;
    float: left;
    padding: 1em;
}

.pre-text-fhalf h3{
	font-size: 1.9em !important;
}

.pre-text-shalf p{
	font-size: 1.2em !important;
}

.pre-text-shalf{
	padding-top: 2em !important;
}

.pre-text-fhalf h3{
	text-align: left !important; 
}

.test-inner{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

}

.pre-text-fhalf {
  margin-top: 1em;

}

.pre-text-fhalf h3{
  font-size: 2.6em !important;
  text-align: right;
  margin: 0 !important;
  color: #595959 !important;
      font-weight: 700;
}

.pre-text-shalf p {
  font-size: 1.6em !important;
  color: #595959 !important;
}

@media (max-width: 650px){

.pre-text-fhalf h3{
	font-size: 1.9em !important;
}

.pre-text-shalf p{
	font-size: 1.2em !important;
}

}

.pre-text-shalf {
  padding-top: 4.5em;
}

.banner-back{
  position: relative;
}


@media (min-width: 650px){
  .home-pre-text-outer {
        background: #f9f9f9;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: background-size: 50% 100%;
    background-position: right;
    background-size: 50% 100%;
  }

  .pre-text-shalf{
    padding-top: 4.5em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: url(/wp-content/themes/lighttheme/images/home-half-tile.jpg); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
  }

  .after-text-whole {
    margin-top: 3em;
    float: left;
    width: 50%;
    text-align: left;
}

.after-text-whole p {
    color: #000 !important;
    text-align: left;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 0.5em;
}
}

.banner-back::after {
    position: absolute;
    content: " ";
    display: block;
    left: -5%;
    bottom: -20px;
    /* transform: rotate(-2deg); */
    width: 110%;
    height: 94px;
    z-index: 2;
    /* background: #fff; */
    background-image: url(/wp-content/themes/lighttheme/images/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    display: none;
}


.People-blog .page-left-onethird > img{
  display: none;
}


.blog-entry h1, .blog-entry h2, .blog-entry h3, .blog-entry h4, .blog-entry h5, .blog-entry h6, .blog-entry p{
	/* text-align: center !important;  */
}

.blog-entry{
	
        padding: 2em;
}

.blog-entry .content a img{
  max-width: 300px;
  margin:0 auto;
  margin-bottom: 2em !important;
  display: block;
}

.People-blog-item p a img{
  max-width: unset !important;
}

.post-summary{
	box-shadow: 1px 1px 19px #efefef;
}

.Testimonials-blog-item a, .Testimonials-blog-item .post-image a  {
  cursor: default !important;
}


.Testimonials-blog-item .post-date{
  display: none;
}

.Testimonials-blog-item .a-button{
  display: none;
}

.Testimonials-blog-item .post-image img{
    width: 98.75%;
    margin: 0 auto;
    border: 2px solid #2b97d3;
    border-radius: 50%;
    margin-bottom: 1em;
    max-width: 100px;
    margin-top: 1em;
}

.People-blog-item .post-image a img{
  margin-bottom: 0 !important;
}

.Studies-blog-item .post-date{
  display: none;
}

.site-wrap{
	background-color: #fff;
  /*  background-image: url(/wp-content/themes/lighttheme/images/bg-pattern.png); */
}


.testimonials-hide{
  display: none;
}

.pagination{
	text-align: center;
	margin-top: 1em !important;
}

.pagination a{
	position: relative;
}

.blog-post-meta{
	display: none;
}

.top-breadcrumb{
    position: absolute;
    /* top: 155px; */
    top: 0 !important;
    padding-left: 2.5em;
    color: #fff;
    font-size: 10pt;
    /* text-shadow: 1px 1px #787878; */
    position: absolute;
    /* top: 100px; */
    padding-left: 2.5em;
    color: #fff;
    font-size: 10pt;
    /* text-shadow: 1px 1px #787878; */
    background: #fff;
    padding: 1em;
    width: 100%;
    left: 0;
    position: relative;

}

@media (min-width: 1000px){
    .top-breadcrumb{
      top: 125px;
    }
}

.breadcrumb-inner{
  max-width: 1280px;
  margin:0 auto;
}

@media (min-width: 1350px){
	.top-breadcrumb{
    	padding-left: 10px;
	}
}

.top-breadcrumb a, .top-breadcrumb span{
    text-transform: capitalize;
    /* text-decoration: underline; */
    text-shadow: none;
    color: #393745;
        right: 0;
    /* position: absolute; */
    /* bottom: -42px; */
    text-transform: uppercase;
    color: #393745;
    padding-left: 12px;
    font-size: 12pt;
}

@media (max-width: 600px){
    .top-breadcrumb a, .top-breadcrumb span{
        font-size: 10pt;
    }
}


.top-breadcrumb span{
    color: #848195;
}

.page-left-twothird{
	padding:0 2em;
}

.page-left-onethird{
	max-width: 300px;
	margin:0 auto;
    /* padding: 0 2em; */
    border: 1px solid #efefef;
    background: #fff;
    margin-top: 2em;
}

.headbuttons {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    padding-top: 14px;
    margin-right: 18px;
    height: 30px;
}

.headbuttons a.phone-hd{
    color: #fff;
    font-size: 14pt !important;
        margin-left: 12px;
}

.headbuttons a.phone-hd i{
    color: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;
}



.headbuttons .header-search-btn, .headbuttons .header-search, .headbuttons .block-commerce-cart, .headbuttons .header-socials, .headbuttons .cart--cart-block {
    position: relative !important;
    right: unset !important;
    left: unset !important;
    top: unset !important;
    bottom: unset !important;
}

@media (max-width: 1000px){
    .headbuttons .header-search {
        position: fixed !important;
        top: 100px !important;
        width: 100% !important;
        background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
        padding: 5px;
        z-index: 99;
        left: 0 !important;
        right: 0 !important;
    }

    .header-search form {
        max-width: 275px;
        margin: 0 auto !important;
    }
    .header-search input[type=text] {
        display: inline-block;
        max-width: 236px !important;
    }
}

.header-search-btn {
    position: absolute;
    max-width: 20px;
    cursor: pointer;
    margin-left: 16px;
    margin-right: 10px;
}


.header-search-btn img{
    width: 20px;
    height: 20px;
}




@media (min-width: 770px){

.page-left-twothird{
	float:left;
	width:64.666%;
	margin-right: 2%;
	padding:0 2em;
	border-left:1px solid #efefef;
}

.page-left-onethird{
	max-width: unset;
    float: left;
    width: 33.333%;
    /* padding: 0 2em; */
    border: 1px solid #efefef;
    position: absolute;
    top: -130px;
    right: 0;
    background: #fff;
    margin-top: unset;
}


.page-title-outer-h1-active{
	width: 64.666%;
    right: unset !important;
}

}

.page-left-onethird blockquote.quote {
    max-width: unset;
    margin: 2em;
    padding: 0 0 0 55px;
    border: none;
    background: url(/images/quote.png) 0 0 no-repeat;
    color: #747474;

}

.page-left-onethird blockquote p {
	font-size: 11pt;
    
}

.People-blog .page-left-text {
  padding:0;
}

.page-left-text{
	padding: 1em 1em 0 1em;
}

.page-left-text p{
    font-size: 11pt !important; 
}

.a-button {
background: transparent;
    padding: 0.5em 1em;
    border: 1px solid #b1b1b1;
    border-radius: 25px;
    color: #fff;
    /* font-weight: 700; */
    margin-top: 1em;
    margin: 0 auto;
    display: table;
    line-height: normal;
    font-size: 14px !important;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    bottom: 25%;
    /* height: 52px !important; */
    text-align: center;
    color: #b1b1b1;
    text-decoration: none;
    line-height: 26px;
    margin-top: 2em;
    margin-bottom: 1em;
    border-radius: 1em;
    font-size: 9pt !important;
}

.a-button:hover{

  background: rgba(0, 0, 0, 0.5);
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  color: #fff;
}

.side-bar-section{
    /*padding: 2em;*/
}

.side-bar-section ul{
  list-style: none;
    margin: 0 auto !important; 
    margin-bottom: 0 !important; 
}

.side-bar-section h4{
font-size: 1.5em;
}

.side-bar-section ul ul{
  padding-left: 20px;
}


.side-bar-section h3{
margin: 0 !important;
}

.hp-news-feed{
  max-width: 1280px;
  margin:0 auto;
  padding-bottom: 3.5em;
}

	.desktop-menu{
		display: none;
	}

	.mobile-menu{
		display: block;
	}

.secondary-menu-outer{
    display: block;
    position: fixed;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #000;
    display: none;
    /* background-image: linear-gradient(to bottom,#9e9e9e 0,#77757a 100%); */
    padding: 1em;
    background: #5b5b5b;
}

li.parent:hover > .secondary-menu-outer {
  display: block;
}

.secondary-menu-outer .secondary{
    display: block;
    height: auto;
    position: relative;
    width: 100%;
    /* background: #545454; */
    border: 1px solid #6f6f6f;
    box-shadow: 0px 0px 20px 0px #6f6f6f;
    background: url(/wp-content/themes/lighttheme/images/logo_opa.png), linear-gradient(to bottom,#626262 0,#6e6e6e 100%);
    /* background-image: url(/resources/themes/simple/images/logo_opa.png); */
    background-position: bottom right, 100%;
    background-repeat: no-repeat, repeat;
    background-size: 150px, 100%;
}

.secondary-menu-outer .secondary > li {
	width: auto;
    max-width: 17%;
    padding: 0 0.5em 0 0.5em;
    border-right: 1px solid #8c8c8c;
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1em;
    vertical-align: top;
    margin-right: -4px;
}

.secondary-menu-outer ul.secondary > li:last-of-type{
	border-right: 0;
}

.secondary-menu-outer ul.secondary > li:first-of-type{
	/*margin-left: 0.5em;*/
}

.secondary-menu-outer .secondary > li > a{
font-weight: 700;
    font-size: 9pt;
    padding:0;
}

.secondary-menu-outer .secondary > li > a:hover, .secondary-menu-outer .secondary .third > li > a:hover{
background: none !important;
}

.secondary-menu-outer .secondary .third{
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    padding-bottom: 0;
        /*background: rgba(255,255,255, 0.17);*/

        background: none;
}

.secondary-menu-outer .third li a{
    white-space: unset !important;
}

.secondary-menu-outer .secondary .third li a{
	font-size: 10pt;
    line-height: 1.6em;
    padding: 0 0 0.3em 0;
        color: #fff;
        font-weight: 100;
}

.secondary-menu-outer .secondary .third li a:hover{
        color: #424242;
}

.secondary-menu-outer .secondary .third li{
  background: 0;
  list-style-type: disc !important;
}

.secondary-menu-inner{
  position: relative;
}



.menu-sub-text{
    width: 450px;
    padding: 1em;
    float: left;
    border-right: 1px solid #6f6f6f;
}

.menu-sub-text h3{
	color: #fff;
    font-size: 1.2em;
}

.menu-sub-text p{
	color: #fff;
    font-size: 0.9em;
}



ul.third1 {
  list-style-type: none;
}
ul.third1 > li {
  text-indent: -5px;
}

/*
ul.third > li:before {
    content: "-";
    color: #fff;
    position: absolute;
}

*/

.home-blog-list-outer{
  width:97%;
  margin:1.5%;
  float:left;
  background: #fff;
  /*border: 1px solid #efefef;
  box-shadow: 3px 4px 20px 0px #efefef;
  border-radius: 1em;*/
  overflow:hidden;
}


.say-listing-home{
    width: 100% !important;
    background: none !important;
    border: 0;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    display: none;
}

.say-listing-home h3{

}

.test-h3{
      color: #000;
    text-align: center !important;
    font-size: 2.5em;
    font-weight: bold;
    text-transform: uppercase;
}

.test-outer h3{
display: none;
}

.test-inner .home-blog-itm table tr:last-of-type{
  display: none;
}

.test-inner .home-blog-itm table tr:first-of-type td:first-of-type{
  display: none;
}

.home-blog-itm table{
  width: 100%;
}

.home-blog-itm > a{
  display: block;
}

.home-blog-itm > a:hover{
  opacity: 0.7;
}

.test-inner .home-blog-itm table tr:nth-child(1){
display:table-footer-group;
}
.test-inner .home-blog-itm table tr:nth-child(2){
  display:table-header-group;
}
.test-inner .home-blog-itm table tr:nth-child(3){
  display:none;
}

.test-outer{
    background: #000;
    margin: 0 auto;
    margin-top: 4em;
    margin-bottom: 4em;
    transform: rotate(-2deg);
    width: 120%;
    padding: 5em;
    position: relative;
    overflow: hidden;
    left: -10%;
    right: 0;
}

.test-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2em;
  width: 90%;
  transform: rotate(2deg);
  text-align: center;
}

.test-inner .home-blog-itm{
    width: 98%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    background: #000;
    background: url(/images/quote.png);
    background-position: top left;
    padding-left: 50px;
    background-repeat: no-repeat;
    color: #fff !important;
}

.test-inner .home-blog-itm h4, .test-inner .home-blog-itm p{
  color: #fff !important;
  text-align: left;
}

.test-inner .home-blog-itm h4{

}
.test-inner .home-blog-itm p{
font-size: 1.4em;
margin-bottom: 1em !important;
  }

.say-listing-home .home-blog-itm{
  width: 48% !important;
    margin: 1% !important;
    float: left !important;
}

.say-listing-home table tr td p, .say-listing-home h4{
  text-align: center !important;
}

.say-listing-home .home-blog-itm table tr:first-child td{

width: 100%;
    display: block;
    clear: both;
}

.say-listing-home .home-blog-itm table tr:last-child {
  display: none;
}

.say-listing-home .home-blog-img{
    margin: 0 auto;
    border: 2px solid #2b97d3;
    border-radius: 50%;
    margin-bottom: 1em;
}

@media (min-width:750px){



.test-inner .home-blog-itm{
  width:47%;
}


}

@media (min-width:1100px){
	/*.home-blog-list-outer{
	  width:30.333%;
	}

  .home-blog-list-outer:nth-child(3){
    width:30.333%;
  }
*/
}




.home-blog-list-outer h3, .map-outer1 h3{
    padding: 1em;

    margin-bottom: 0 !important;
    margin-top: 0 !important;
    color: #595959 !important;
  /*  background: #48afe9;
background: -moz-linear-gradient(top, #48afe9 0%, #278cc5 100%);
background: -webkit-linear-gradient(top, #48afe9 0%,#278cc5 100%);
background: linear-gradient(to bottom, #48afe9 0%,#278cc5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48afe9', endColorstr='#278cc5',GradientType=0 );
        text-align: center !important;
    text-transform: uppercase;*/
    text-align: center !important;
    font-size: 25pt !important;
    font-weight: bold;
    line-height: 1em;
}



.home-blog-list-outer h3, .home-blog-itm h4, .map-outer1 h3{
  margin-top:0 !important;
  margin-bottom:0 !important;
  text-align:left;

}


.home-blog-itm h4 {
  font-size: 12pt;
      line-height: 1.2em;
      font-weight: bold;
      margin-bottom: 0;
}

.home-blog-itm{
      background: #fff;
    /*border-top:1px solid #efefef;*/
    max-height: 500px;
    
}

.hp-twitter{
  overflow-y: scroll;
}

.home-blog-img{
width: 100%;
    height: 280px;
    margin-right: 1.5em;
    /* border-radius: 1em; */
}

.home-blog-itm table tr td{
  vertical-align: top;
  position: relative;
}


.home-blog-itm table tr:not(:first-of-type) td{
  padding: 1em;
}

.home-blog-itm table tr:last-of-type td{

}


.read-more-blog{
    /* text-align: right; */
    display: inline-block;
    text-decoration: underline;
    height: 25px;
    width: 40px;
    background-image: url(/wp-content/themes/lighttheme/images/icons/link-o.png);
    background-position: center;
    background-size: contain;
    font-size: 0;
    background-repeat: no-repeat;
}

.read-more-blog:hover{
  
}


.Actions {
    display: block !important;
    background: none;
    border-bottom: 0 !important;
    top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
        position: relative;
    margin-top: 1em;
}


.field label{
  margin-top:1em;
  margin-bottom: 1em;
  display: block;
      color: #8c8c8c;
}

.error{
      color: #fd0303;
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
    font-size: 0.78em;
}


@media (max-width:1200px){
    .studio-tab {
        padding: 1em 1.3em !important;
        font-size: 0.8em !important;
    }
    
}

@media (max-width:720px){
    .studio-tab {
        padding: 1em 1em !important;
        font-size: 0.4em !important;
    }
    
}


.system-error-message {
  margin-top: 120px;
}
.Clearfix {
  *zoom: 1;
}
.Clearfix:before,
.Clearfix:after {
  content: "";
  display: table;
}
.Clearfix:after {
  clear: both;
}
.Flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.Flex($values) {
  -webkit-box-flex: $values;
  -moz-box-flex: $values;
  -webkit-flex: $values;
  -ms-flex: $values;
  flex: $values;
}
.Order($val) {
  -webkit-box-ordinal-group: $val;
  -moz-box-ordinal-group: $val;
  -ms-flex-order: $val;
  -webkit-order: $val;
  order: $val;
}
.end {
  clear: both !important;
  float: none !important;
}
.align-center {
  text-align: center;
}
/**************************************************************
***************         SOCIAL ICONS          *****************
**************************************************************/
.facebook {
  background: url(/wp-content/themes/lighttheme/images/icons/facebook-blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.facebook:hover {
    opacity: 0.8;
}
.twitter {
  background: url(/wp-content/themes/lighttheme/images/icons/twitterx-blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.twitter:hover {
    opacity: 0.8;
}
.youtube {
  background: url(/wp-content/themes/lighttheme/images/icons/youtube-blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.youtube:hover {
    opacity: 0.8;
}
.linkedin {
  background: url(/wp-content/themes/lighttheme/images/icons/linkedin-blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.linkedin:hover {
    opacity: 0.8;
}
.instagram {
  background: url(/wp-content/themes/lighttheme/images/icons/instagram-blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.instagram:hover {
    opacity: 0.8;
}
/****
/**************************************************************
*****************         CLASSES          *******************
**************************************************************/
.hidden {
  display: none;
}
.invisible {
  opacity: 0;
}
.freeze {
  overflow-y: hidden;
}
.spacer {
  width: 50%;
  margin: 0 auto;
  border-bottom: 2px solid #e4e4e4;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
/**************************************************************
******************         GENERAL          *******************
**************************************************************/
.back-to-top {
    background: 0 0;
    border: none;
    bottom: 2em;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 0.5em;
    height: 35px;
    width: 35px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 2em;
    z-index: 15;
        background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    border-radius: 4px;
    padding: 6px 6px 6px 6px;
}
html {
  box-sizing: border-box;
  font-size: 1em;
}

*{
 
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  background: #f8f7f5;
  color: #000;
  /*font-family: @mainFont;*/

  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  /*font-feature-settings: "kern","liga";*/

  -webkit-font-smoothing: antialiased; 
 /* font-family: Arial, sans-serif !important; 
	font-family: 'Noto Sans', sans-serif;*/
     font-family: 'Noto Sans', sans-serif;
}
#fouc {
  overflow-x: hidden;
}
h1,
h2,
p {
  margin-bottom: 1em;
}
h1 {
  font-size: 2em;
  line-height: 1.2em;
}
h2 {
  font-size: 1.5em;
}

.header-text h2 {
    height: auto;
    color: #fff;
    font-weight: lighter;
    margin-bottom: 1em !important;
    max-width: 1000px;
    left: 0;
    right: 0;
    /* margin: 0 auto !important; */
    margin-bottom: 0.5em !important;
    /* width: 90%; */
    max-width: 500px;
    font-size: 14pt;
    line-height: 20pt;
    font-weight: 300;
}

.page-content1 h1, .page-content1 h2, .page-content1 h3, .page-content1 h4, .page-content1 h5{
	/*max-width: 900px;*/
	margin:0 auto;
	margin-bottom: 1em;
}

 .page-content table tr td, .page-content table tr th  {
  font-size: 14pt;
  line-height: 1.6em;
  color: #1b1e25;
  }



.page-content p,
.home-contact-inner p, .show-1-p p, .home-content p, .page-content li, .home-content li {
font-size: 15pt;
    line-height: 1.5em;
    color: #525252;
    /* max-width: 900px; */
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1em;
}

.page-content li, .home-content li {
    margin-bottom: 5px;
    line-height: 1.4em !important;
}

.page-content ul, .home-content ul, .page-content ol, .home-content ol {
    list-style: square;
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 1em !important;
}

.page-content p{
    margin-bottom: 1em !important;
}

p,
ul,
ol {
  font-size: 1em;
  line-height: 1.1em;
}
p {
/*   margin-bottom: 1em !important;  */
}
p:last-child {
  margin-bottom: 0 !important;
}
ul,
ol {
  list-style: square;
  list-style-position: inside;
}
ol {
  list-style: decimal;
}
a {
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
h2 {
  font-weight: bold;
}
h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}
em {
  font-style: italic;
}
strong,
bold, b {
  font-weight: 600;
}
input {
  /*-webkit-appearance: none;*/
}
a {
  cursor: pointer;
}
/**************************************************************
******************         HEADER          *******************
**************************************************************/
.head-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  z-index: 4;

}

.banner-container:before{
    content: "";
    background: #184f7d;
    width: 100%;
    height: 80px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 3;
    display: none;
}

.head-outer{
  position: relative;
}

header:not(.user-registration-profile-header header, .vdp-datepicker header) {
  font-size: 1rem;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 99;
  transition: background ease-in 0.5s;
  /*
      background: rgba(0, 0, 0, 0);*/
      background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;

box-shadow: 0 0 8px #0000004d;
}

.vdp-datepicker header{
 background: unset !important;
}

#dmn-partner-widget #dmn-widget-inner .stage .scroll-height{
    height: auto !important;
}

#dmn-partner-widget .footer{
    display: none !important;
}

#dmn-partner-widget{
    margin: 0 auto;
    max-width: 500px !important;
    width: 90% !important;

}

.bookingcode-outer{
    padding:3em 2em;
    position: relative;
    margin-bottom: 4em;
}

.bookingcode-outer h3{
    text-align: center;
    color: white;
    /* z-index: 1; */
    position: relative;
    margin-bottom: 2em;
    font-size: 30pt;
    line-height: 30pt;
}

.bookingcode-outer:before{
content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: black;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.77) 0%, rgba(0,0,0,0.26) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.77) 0%,rgba(0,0,0,0.26) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.77) 0%,rgba(0,0,0,0.26) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4000000', endColorstr='#42000000',GradientType=0 );

}

.side-contact {
  font-size: 1rem;
  height: 50px;
  right: 0;
  padding: 5px 10px 5px 10px;
  position: absolute;
  top: 200px;
  width: 70px;
  margin-top: -20px;
  background: rgba(0, 61, 106, 0.6);
  border-radius: 10px 0 0 10px;
  display: none;
  cursor: pointer;
  color: #fff;
  height: 80px;
  z-index: 0;
}
.side-contact:hover {
  background: #2062ae;
}
.side-contact img {
  display: block;
}
.head-contact {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  left: 16px;
  padding: 5px;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -20px;
}
.m-menu {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  right: 16px;
  padding: 5px;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -2px;
}
.phone-head {
    cursor: pointer;
    font-size: 1rem;
    height: 35px;
    right: 10px;
    padding: 5px;
    position: absolute;
    top: 16px;
    width: 35px;
}
.phone-head span {
  display: none;
}
.phone {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  right: 16px;
  padding: 5px;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -20px;
}
.logo {
display: inline-block;
    height: 100%;
    width: auto;
    margin: 0 auto;
    vertical-align: middle;
    padding: 0;
    float: left;
    padding: 12px 0 12px 0;
    overflow: hidden;
}

section.logo svg{
width: auto;
    height: 100%;
    display: block;
    width: auto;
    height: 90px;
    /* display: block; */
    margin-top: -2px;
} 

.test-slick-hp-outer ul{
    margin: 0 !important;
    list-style: none !important;
}

.page-content-inner .test-slick-hp-outer ul li{
    margin-bottom: 6em;
}

.page-content-inner .test-slick-hp-outer .logos-hp-inner{
    max-width: unset !important;
}

.page-content-inner .test-slick-hp-outer .logos-hp-inner .test-hp-inner{
    width: 100%;
}

.test-hp-txt:not(.testimonail-hp-new-outer-noslide .test-hp-txt){
    position: relative;
    margin-top: 60px;
    border-left: 4px solid #364655;
    padding-left: 2em;
    margin-bottom: 60px;
    padding-top: 1em;
    padding-bottom: 1.5em;
}

.test-hp-txt:not(.testimonail-hp-new-outer-noslide .test-hp-txt):before{
content: "";
    background-image: url(/wp-content/themes/lighttheme/images/quote-start.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -60px;
}

.test-hp-txt:not(.testimonail-hp-new-outer-noslide .test-hp-txt):after{
    content: "";
    background-image: url(/wp-content/themes/lighttheme/images/quote-end.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -20px;
}


@media (max-width: 400px){
	.logo{
		
	}
}

.toggle-submenu {
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) url(/wp-content/themes/lighttheme/images/icons/submenu.png) no-repeat !important;
  background-color: #b5b5b5;
      height: 42px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  z-index: 3;
  background-position: 50% 50%!important;
  background-size: 15px 15px!important;
  cursor: pointer;
}

@media (min-width: 1000px){
	.toggle-submenu {
  		background-color: none;
	}


	.menu li:hover > ul {
		display: block !important; 
	}
}


.toggle-submenu.opened {
  background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1)  url(/wp-content/themes/lighttheme/images/icons/submenu-close.png) no-repeat !important;

  background-position: 50% 50%!important;
  background-size: 15px 15px!important;
}
/*****************   NAV   *****************/
/*********************************
******      GENERAL      ********
********************************/
nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-pagination, .woocommerce-MyAccount-navigation, .woocommerce-breadcrumb, .navbar) {
    background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
  border-bottom: 1px solid #D3D0E1;
  overflow-y: auto;
  padding-bottom: 57px;
  position: fixed;
  text-align: left;
  top: 100px;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;


}
@media (min-width: 1000px){
nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-pagination, .woocommerce-MyAccount-navigation, .navbar) {
  background: none !important;
}

}
    

    @media(max-width: 1000px){
        nav:not(.pms-account-navigation, .woocommerce-MyAccount-navigation, .woocommerce-breadcrumb, .navbar){
            display: none;
        }
    }


nav:not(.pms-account-navigation, .navbar) ul {
  list-style: none;
}
nav:not(.pms-account-navigation, .navbar) > div > ul > li > a {
    color: #28394f;
    display: inline-block;
    height: 100%;
    width: auto;
    padding: 10px 5px;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.3px;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 30px;
}

nav:not(.pms-account-navigation, .navbar) > div > ul > li > ul > li > a {
    color: #28394f;
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px 10px;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.3px;
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 30px;
}

nav:not(.pms-account-navigation, .navbar) > div > ul > li > a{
    
}


nav:not(.pms-account-navigation, .navbar) div > ul > li > a {

}
/* Give the "parent" list items a dropdown arrow to indicate they can be expanded to show a sub-menu */
nav:not(.pms-account-navigation, .navbar) div > ul li.parent {
  /*background-size: ;*/

}
/* Don't show any child menus initially. We only want these to appear if the user taps button to display them */
nav:not(.pms-account-navigation, .navbar) div > ul li ul {
  display: none;
}
/* Add dividing line between menu items - not necessary for the very last one */
nav:not(.pms-account-navigation, .navbar) div > ul li:not(:last-child) {

}
/* If the list item is a parent, reduce the width of the hyperlink contained within it.
   This reveals the li below, allowing us to use it as a fake button which when clicked displays its child menu */
nav:not(.pms-account-navigation, .navbar) div > ul li.parent > a {
  width: 80%;
}
nav:not(.pms-account-navigation, .navbar) div ul li.selected > a, nav:not(.pms-account-navigation, .navbar) div ul li.current-menu-item > a, .current-menu-parent > a, .current_page_ancestor > a, .current-menu-item > a {
color: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;

    font-weight: 600;

}
@media (min-width: 1000px){
#menu-mainmenu > li.current_page_item > a, #menu-mainmenu > li.current-menu-parent > a, #menu-mainmenu > li.current_page_ancestor > a {
  /*border-bottom: 3px solid #febc2d !important;*/
  color: background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    font-weight: 600 !important;
}
}
/*********************************
******     1st LEVEL     ********
********************************/
nav:not(.pms-account-navigation, .navbar) div > ul > li > a {
  color: #fff;
}
nav:not(.pms-account-navigation, .navbar) div > ul > li.parent {
  background: rgba(90, 90, 90, 0.9);
  background-size: 15px 15px;
  position: relative;
  clear: both;
}
nav:not(.pms-account-navigation, .navbar) div > ul > li{
	clear: both;
}

/*********************************
******     2nd LEVEL     ********
********************************/
/*@2nd-level-color: #f4f4f4;*/
nav:not(.pms-account-navigation, .navbar) div > ul > li > ul > li > a {
  background: #006699 !important;
 /*    background: rgba(var(--site_colour_red), calc(var(--site_colour_green)), var(--site_colour_blue), 0.85) !important; */
	background: #3e4f60 !important;
   color: #fff !important;
}
nav:not(.pms-account-navigation, .navbar) div > ul > li > ul > li.parent {
  background: #f4f4f4;
  background-size: 15px 15px;
}
/*********************************
******     3rd LEVEL     ********
********************************/
nav:not(.pms-account-navigation, .navbar) div > ul > li > ul > li > ul > li > a {
  
}
nav:not(.pms-account-navigation, .navbar) div > ul > li > ul > li > ul > li.parent {
  background: #dfdfdf;
  background-size: 15px 15px;
}
/**************************************************************
***************         CONTACT FORM          *****************
**************************************************************/

.contact-location-outer{
    margin-bottom: 1em;
    background: #fff;
}

.contact-location-outer .end{
	font-size: 0;
	height: 0;
}

.map-outer{
	height:250px;
}
.contact-content {
  float: left;
  width: 100%;
}
.offices-section {
  padding: 1em;
  margin-top: 1em;
}
.contact-office {
  padding: 1em 0 1em 0;
  margin-bottom: 2em;
  width: 96%;
  float: left;
  margin: 2%;
  text-align: center;
}
.contact-office iframe {
  width: 100% !important;
}
.offices-section {
  text-align: center;
}
.contact-content p {
  line-height: 1.5em;

}
.c-left {
  width: 100%;
  margin-right: 0;
  float: left;
  margin-bottom: 3em;
}
.c-right {
  width: 100%;
  margin-top: 40px;
  float: left;
  margin-bottom: 3em;
}
.contact-content h2 {
  color: #242d59;
}
.contact_form {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
select {
  background: url('/wp-content/themes/lighttheme/images/icons/select-down.png') no-repeat right #ffffff;
  background-size: 18px 18px;
  background-position: right 10px center;
}
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea,
select {
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}
.form-field > input[type="text"],
.form-field > input[type="password"],
.form-field > input[type="email"],
.form-field > textarea,
.form-field > select {
  padding-left: 50px !important;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea,
select {
  color: #444;
  font-family: inherit;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea,
select {
  background-color: #f2f2f2;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
select {
  height: 42px !important;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea,
select {
  border: none;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  background-color: #fff;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  display: inline-block;
  border: 1px solid #ccc;
}
input:focus,
textarea:focus {
  outline: none;
  border: 1px solid #999;
}
.form-field > i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  text-align: center;
  /*line-height: 42px;*/

  height: 42px;
  width: 50px;
  opacity: 0.33;
  -webkit-transition: opacity 0.3s,color 0.3s;
  transition: opacity 0.3s,color 0.3s;
  padding: 5px;
}
.form-field i img {
  line-height: inherit;
  height: 100%;
  width: 100%;
}
.fm {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form-field {
  position: relative;
}
.form-row {
  padding-bottom: 20px;
}
.form-label {
  display: none;
  margin-bottom: 3px;
}
/**************************************************************
***********         CALL TO ACTION - CTA          *************
**************************************************************/
.cta-outer {
  background: #fff;
}
.cta-inner {
  padding: 2em 2em 3em 2em;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.cta-outer img {
  display: block;
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: 1em;
}
/* captcha */
.captcha-area {
  position: relative;
  width: 225px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #efefef;
}
iframe {
  width: 100%;
  margin: 0 auto !important;
  overflow: hidden;
  display: block;
  position: relative;
}
.captcha-img {
  width: 58px;
  position: absolute;
  top: 10px;
  right: 2px;
}
.g-recaptcha {
  width: 235px;
  height: 70px;
  overflow: hidden;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0;
}
.g-recaptcha div {
  width: auto !important;
  margin-left: -5px;
  margin-top: -5px;
}
.rc-anchor-normal .rc-anchor-pt {
  margin: 4px 20px 0 0;
}
.rc-anchor-normal {
  width: 286px !important;
}
.rc-anchor-logo-portrait {
  margin: 10px 0 0 2px !important;
}
.rc-anchor-normal .rc-anchor-pt {
  margin: 4px 13px 0 0 !important;
  width: 141px !important;
}
/**************************************************************
***************         PAGE-CONTENT          *****************
**************************************************************/
.white-bg {
  background: #fff;
  width: auto !important;
  max-width: none !important;
}
/********* EVENTS PAGE ********/
.events-header {
  height: 300px;
  background: url(/wp-content/themes/lighttheme/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}
.past-events {
  width: 84%;
  float: none;
  margin: 0 auto;
}
.upcoming-events {
  width: 84%;
  float: none;
  margin: 0 auto;
}
.past-events h2 {
  margin-top: 2em;
}
.past-events h2,
.upcoming-events h2 {
  color: #003d6a;
  font-size: 1.8em;
  text-align: center;
  font-weight: lighter;
  text-transform: uppercase;
}
.event-page {
  position: relative;
  padding: 3.5em 1em 2em 1em;
  border: 1px solid #dcdcdc;
  margin-top: 3em;
  text-align: center;
  background: #f8f7f5;
  box-shadow: 2px 2px 5px #b5b5b5;
}
.event-page .event-date-outer {
  position: absolute;
  top: -2.2em;
  left: 50%;
  margin-left: -37.5px;
}
.event-speakers div {
  width: 98%;
  float: left;
  margin: 1%;
}
.event-speakers img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 200px;
  margin: 0 auto;
}
.event-speakers span {
  margin: 1em 0 1em 0;
  font-size: 1.2em;
  line-height: 1.4em;
  display: block;
}
.event-speakers p {
  font-size: 1em;
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}
.event-speaker-spacer {
  clear: both;
  float: none;
  width: 100% !important;
  display: block;
}
.event-past-videos div {
  width: 98%;
  float: left;
  margin: 1%;
}
.event-past-videos span {
  margin: 1em 0 1em 0;
  font-size: 1.2em;
  line-height: 1.4em;
  display: block;
  height: 50px;
}
.event-past-videos iframe {
  width: 100%;
  min-height: 300px;
  max-width: 500px;
}
.event-agenda {
  width: 98%;
  float: left;
  margin: 1%;
}
.event-agenda span {
  color: #266890;
}
.event-agenda img {
  max-width: 50px;
  display: block;
  margin: 0 auto;
}
.event-agenda table {
  text-align: left;
}
.event-venue {
  width: 98%;
  float: left;
  margin: 1%;
  padding: 1em;
  text-align: left;
  font-size: 1.3em;
  line-height: 1.4em;
  table-layout: fixed;
  color: #888;
}
.event-venue td {
  padding: 1em;
}
.event-page h2 {
  color: #003d6a;
  font-size: 2.8em;
  text-align: center;
  font-weight: lighter;
}
.event-page h3 {
  color: #003d6a;
  font-size: 2.3em;
  text-align: center;
  font-weight: lighter;
}
.event-item {
  position: relative;
  padding: 2.5em 1em 2em 1em;
  border: 1px solid #dcdcdc;
  margin-top: 3em;
  text-align: center;
  background: #f8f7f5;
  box-shadow: 2px 2px 5px #b5b5b5;
}
.event-item p,
.event-item ul {
  font-size: 1em !important;
  margin-bottom: 1em;
  color: #888;
}
.event-item ul {
  text-align: left;
}
.event-date-outer {
  position: absolute;
  top: -2.2em;
  left: -2.2em;
}
.event-date {
  width: 75px;
  height: 75px;
  border-radius: 37.5px;
  background-color: #fff;
  position: relative;
  border: 1px solid #266890;
}
.upcomming-date {
  background-color: #266890;
  color: #fff;
}
.event-date span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -22.5px;
  text-align: center;
  line-height: 1.5em;
  font-weight: lighter;
  height: 45px;
  width: 60px;
}
.event-date span b {
  font-weight: bold;
}
.read-hidden {
  display: none;
}
/********* INSIGNTS PAGE ********/
.insights-header {
  height: 300px;
  background: url(/resources/themes/simple/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}
/********* RESOURCES PAGE ********/
.resources-header {
  height: 300px;
  background: url(/resources/themes/simple/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}
/********* SUCCESS STORIES PAGE ********/
.success-story {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}
.success-story img {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.success-story iframe {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: block;
  height: auto;
  min-height: 300px;
}




.page-header-outer{
    background: #e5e5e4 !important;
    width: 100%;
    position: relative;
	height: 465px;
        border-bottom: 1px solid #e2e2e2;
}




.people-single-header{

}


/********* SERVICES PAGES ********/
.Services {
  margin-top: 0 !important;
  background-color: #fff;
  width: auto !important;
  max-width: none !important;
  padding-left: 0;
  padding-right: 0;
}
.header-text {
    position: relative;
    height: 100%;
}

.page-title-outer{
    margin: 0 auto; 
    width: 100%;
    z-index: 9;
    /* position: absolute; */
    margin-bottom: 2em;
    margin-top: 190px;
    padding: 1.5em 1em;
}


.property_page_header{
    height: auto !important;
}

.property_page_header .page-title-outer{
        margin-top: 80px;
}

.property_page_header .page-title-outer h1{
    text-align: center;
}

.page-content-inner .panel-no-style{
  padding: 1em;
}

.page-content-inner .show-1-p:not(.show-1-p-values) {
    max-width: 1300px;
    width: 98%;
    margin: 0 auto;
}

.Products-header .flex-control-nav{
    position: relative;
    z-index: 10;
}

.header-image-img{
object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    object-position: center;
    height: 500px !important;
    height: 400px !important;

        object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0 !important;
    right: 0;
    object-position: center;
    height: 500px !important;
    height: 400px !important;
}

.page-header-outer:before{
   display: none;
}


.page-content-inner{
margin: 0 auto;
    width: 100%;
}

.dark-main-header:after{
content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background: #101417;
    opacity: 0.7 !important;

}

.header-text h1{
    color: #fff !important;
}




.panel-layout .panel-grid:first-of-type h3 {
    
    font-weight: 600;
}

.page-header-outer {
    height: 400px;
}

.header-text {
    position: relative;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    width: 90%;
}

.header-text h1 {
    height: auto;
    color: #2d2d2d;
    /* font-weight: bold; */

    /* margin: 0 auto !important; */
    text-align: left;
    margin-bottom: 0 !important;
    /* text-shadow: 0px 0px 3px #00000080; */
    position: relative;
    z-index: 9;
  /*   text-transform: uppercase;  */
  font-size: 40pt;
    font-weight: 300;
}

.header-text h2 {
    height: auto;
    color: #fff;
    font-weight: lighter;
    margin-bottom: 1em !important;
    max-width: 600px;
    left: 0;
    right: 0;
    /* margin: 0 auto !important; */
    margin-bottom: 0.5em !important;
    /* width: 90%; */
    max-width: 800px;
   /*  margin: 0 auto; */
    font-size: 20pt;
    line-height: 25pt;
    font-weight: 600;
    z-index: 9;
    position: relative;
    text-align: left;
    text-shadow: 0px 0px 3px #00000080;
    margin-top: 0.5em;
    margin-bottom: 0.5em !important;

}

.header-text h3 {
    height: auto;
    color: #000000;
    font-weight: lighter;
    margin-bottom: 1em !important;
    max-width: 1000px;
    left: 0;
    right: 0;
    /* margin: 0 auto !important; */
    margin-bottom: 0.5em !important;
    /* width: 90%; */
    /* max-width: 500px; */
    font-size: 14pt!important;
    line-height: 18pt!important;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-align: left;
  /*  text-shadow: 0px 0px 3px #00000080; */
    /* max-width: 800px; */
    margin: 0 auto;
    margin-top: 0.5em;
    margin-left: 0;
    margin-bottom: 0.5em !important;
}

@media (max-width: 550px){

}


@media (max-width: 700px){
.header-text {
    position: relative;
    width: 90%;
    height: 100%;
}

.header-image-right{
        position: relative;
    width: 100%;
    top: unset;
}

}



.service-header-main {
  background: url(/resources/themes/simple/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
  height: 900px;
}
.service-header {
  height: 300px;
  background: url(/resources/themes/simple/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}
.exlink a {
  padding: 1em 2em;
  border: 1px solid #266890;
  border-radius: 10px;
  color: #266890;
  font-weight: 700;
  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
}
.exlink a:hover {
  background: rgba(214, 230, 247, 0.2);
}
.service-item {
  max-width: 900px;
  margin: 0 auto;
  line-height: 50px;
}
.service-item h2 {
  display: none;
}
.service-item img {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 1.5em;
}
.service-item ul {
  list-style-image: url(/resources/themes/simple/images/icons/bullet-point.png);
}
.service-item p,
.service-item ul {
  font-size: 1.2em;
  line-height: 2em;
  color: #888;
}
.service-item h2 {
  text-align: center;
}
.service-summary {
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
  float: left;
}
.service-item h3 {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  color: #888;
}
.service-benefits {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  float: left;
}
.service-benefits h3 {
  margin-top: 1em;
}
.service-benefits ul {
  padding-left: 40px;
  list-style-position: outside;
}
.service-keyfeatures {
  width: 80%;
  float: left;
  margin-left: 10%;
  margin-right: 10%;
}
.service-keyfeatures ul {
  padding-left: 40px;
  list-style-position: outside;
}
/**************************************************************
*****************       INDEX Service sections       *******************
**************************************************************/
.index-services-links {
  width: 100%;
  /*max-width:1280px;*/

  margin: 0 auto;
  margin-bottom: 2em;
  /*padding:0 0.5em 0 0.5em;*/

  position: absolute;
  bottom: 100px;
  margin-top: 100px;
  z-index: 2;
}
.services-links {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}
.service-link,
.ser-link {
  color: #fff;
}
.service-link,
.ser-link {
  width: 50%;
  float: left;
}
.index-service {
  width: 100%;
  /*max-width:150px;*/

  margin: 0 auto;
  /*background:rgba(0,61,106, 0.5);*/

  padding: 1em 1.5em 1em 1.5em;
  text-align: center;
  /*border-radius:10px;*/

  height: 100px;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  /* Safari */

  transition: background 0.5s;
}
.index-service:hover p {
  display: none;
}
.index-service:hover span {
  display: block;
}
.index-service:hover {
  background: rgba(0, 0, 0, 0.1);
}
.index-service p {
  margin-bottom: 0;
  font-size: 2.8em;
  display: block;
}
.index-service span {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5em;
  display: none;
  transition-timing-function: ease-in;
  -webkit-transition: display 1s;
  /* Safari */

  transition: display 1s;
}
.index-service-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 1em;
  display: none;
}
/*** SERVICE PAGE **/
.service-link {
  color: #fff;
}
.service-link {
  width: 50%;
  float: left;
}
.ser-service {
  width: 100%;
  /*max-width:150px;*/

  margin: 0 auto;
  /*background:rgba(0,61,106, 0.5);*/

  padding: 1em 1.5em 1em 1.5em;
  text-align: center;
  /*border-radius:10px;*/

  /*height: 100px;*/

  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  /* Safari */

  transition: background 0.5s;
}
.ser-service:hover {
  background: rgba(0, 0, 0, 0.1);
}
.ser-service p {
  margin-bottom: 0;
  font-size: 2.8em;
  display: block;
}
.ser-service span {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5em;
  transition-timing-function: ease-in;
  -webkit-transition: display 1s;
  /* Safari */

  transition: display 1s;
}
.services-expand-close {
  background: rgba(0, 61, 106, 0.6) url(/resources/themes/simple/images/icons/menu-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  width: 50px;
  height: 50px;
  float: left;
}
.services-expand-close:hover {
  background: #2062ae url(/resources/themes/simple/images/icons/menu-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
}
.services-expand-open {
  background: rgba(0, 61, 106, 0.6) url(/resources/themes/simple/images/icons/menu-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  width: 50px;
  height: 50px;
  float: left;
}
.services-expand-open:hover {
  background: #2062ae url(/resources/themes/simple/images/icons/menu-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
}
.services-nav-outer {
  position: absolute;
  display: block;
  right: 0;
  top: 300px;
  overflow: hidden;
}
.services-nav {
  display: none;
  background: rgba(0, 61, 106, 0.6);
  width: 150px;
  border-radius: 0 0 0 10px;
  overflow: hidden;
}
.services-nav a {
  padding: 1.5em;
  width: 100%;
  float: left;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid;
}
.services-nav a:last-child {
  border-bottom: 0;
}
.services-nav a:hover {
  background: #2062ae;
}
.home-service-epm {
  background: rgba(66, 149, 183, 0.3);
}
.home-service-ebi {
  background: rgba(28, 49, 70, 0.3);
}
.home-service-hcm {
  background: rgba(134, 81, 1, 0.3);
}
.home-service-eim {
  background: rgba(153, 69, 9, 0.3);
}
.home-service-erp {
  background: rgba(30, 99, 81, 0.3);
}
.home-service-grc {
  background: rgba(63, 154, 130, 0.3);
}
.client-logos {
  margin-bottom: 2.5em;
}
.c-logo {
  width: 48%;
  float: left;
  margin: 1%;
}
.c-logo img {
  display: block;
  margin: 0 auto;
  max-width: 150px;
}
.case-studies a {
  width: 48%;
  float: left;
  margin: 1%;
  text-decoration: none;
  color: inherit;
}
.casestudy img {
  display: block;
  margin: 0 auto;
  max-width: 150px;
  border: 1px solid #d2d2d2;
}
.casestudy h2 {
  color: #333740;
  font-size: 1em;
  text-align: center;
  display: none;
}
.who-we-are {
  background: url('/resources/themes/simple/images/icons/who-we-are.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
a:hover .who-we-are {
  background: url('/resources/themes/simple/images/icons/who-we-are-hover.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.resource-planning {
  background: url('/resources/themes/simple/images/icons/resource-planning.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.performance-management {
  background: url('/resources/themes/simple/images/icons/performance-management.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.information-management {
  background: url('/resources/themes/simple/images/icons/information-management.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.capital-management {
  background: url('/resources/themes/simple/images/icons/capital-management.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.risk-compliance {
  background: url('/resources/themes/simple/images/icons/risk-compliance.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.business-intelligence {
  background: url('/resources/themes/simple/images/icons/business-intelligence.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.link {
  color: #ffd100 !important;
  /*font-weight:bold;*/

}
.link:hover {
  color: #7eabc9;
}
.home-header1 {
  position: relative;
  top: 0;
  left: 0;
  background: url('/resources/themes/simple/images/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/

  margin: 0 auto;
  display: block;
  /*height:450px;*/

  overflow: hidden;
}
.banner1 {
  position: relative;
  top: 0;
  left: 0;
  background: url('/resources/themes/simple/images/banner.jpg');
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/

  margin: 0 auto;
  display: block;
  /*height:450px;*/

  overflow: hidden;
}
.banner2 {
  position: relative;
  top: 0;
  left: 0;
  background: url('/resources/themes/simple/images/banner-2.jpg');
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/

  margin: 0 auto;
  display: block;
  /*height:450px;*/

  overflow: hidden;
}
.banner3 {
  position: relative;
  top: 0;
  left: 0;
  background: url('/resources/themes/simple/images/banner-3.jpg');
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/

  margin: 0 auto;
  display: block;
  /*height:450px;*/

  overflow: hidden;
}
.scroll-down {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -20px;
  display: block !important;
  width: 40px;
  height: 40px;
  cursor: pointer;

  border-radius: 25px;
  z-index: 9;
	opacity:0.95;
}
.scroll-down:hover {
      background: rgba(151, 151, 151, 0.3);
}
.home-header-text {
  /*position: relative;
    top: 130px;
    left: 30px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2em;*/

  position: relative;
  margin: 0 auto;
  margin-top: 155px;
  width: 90%;
  max-width: 1280px;
  padding-top: 2em;
  padding-bottom: 2em;
  /*text-align:center;*/

}
.home-header-text h1 {
  color: #fff;
  font-size: 2em;
  margin-bottom: 0.5em;
  width: 90%;
  margin: 0 auto;
}
.home-header-text strong {
  font-weight: bold;
}
.home-header-text span {
  font-weight: lighter;
}
.home-header-text p {
  font-size: 1.4em;
  color: #fff;
  /*max-width:320px;*/

  margin-top: -20px;
  margin-left: 250px;
}
.about-banner-home {
  background: url(/resources/themes/simple/images/about-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.van-banner-home {
  background: url(/images/headers/about-header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
      margin-bottom: 4em;
      background-position: center;
}
.home-section-banner {
  color: #fff;
  position: relative;
  text-align: center;
  display: block;
}

.members-banner-home{
    text-align: center;
    margin-bottom: 2.5em;
}

.members-banner-home .section-outer{
  text-align: center;
}

.members-banner-home img{
    max-width: 200px;
    display: inline-block;
    margin:20px;
}

.members-banner-home .section-overlay{
  display: none;
}

.members-banner-home h2{
color: #4eb0e7;
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 2em;
    /* text-shadow: 0px 1px 1px #808080; */
    color: #000;
    text-align: center !important;
    font-size: 2.5em;
    font-weight: bold;
    text-transform: uppercase;
}


.home-section-banner .section-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  max-width: none;
  padding: 0;
  position: absolute;
}
.home-section-banner:hover .section-overlay {
  background: rgba(0, 0, 0, 0.7);
}
.home-section-banner .section-outer {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 2em;
  position: relative;
}
.home-section-banner div .section-img {
  width: 100%;
  vertical-align: middle;
  height: auto;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
.home-section-banner .section-text {
  width: 100%;
  padding: 1em;
  display: inline-block;
}
.section-img img {
  display: block;
  height: 100%;
  vertical-align: middle;
  max-width: 325px;
  margin: 0 auto;
}
.home-section-banner .end {
  width: 100%;
  padding: 0;
}
.home-section-banner div div h2 {
  font-size: 2.2em;
  margin: 0;
  margin-bottom: 1em;
  color: #fff;
}
.home-section-banner div div span {
  font-size: 1.8em;
  margin-bottom: 1em;
}
.home-section-banner div div p {
  font-size: 1.4em;
  margin-bottom: 0;
}
.page-content1 h3,
.home-contact h3 {
  font-size: 1.3em;
  margin-bottom: 1.4em;
  margin-top: 1.4em;
  line-height: 1.4;
}
.index-page {
  margin-top: 0 !important;
}

.page-content1 h3,
.home-contact h3 {
  margin-bottom: 1em;
  color: #1b1e25 ;
font-weight: 400 !important;
}
#about-section {
  background: #fff;
}

.page-overlay{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}

.freeze {
  overflow-y: hidden;
}

.close {
    position: absolute;
    background: url(/resources/themes/simple/images/icons/close.png) 0 0 no-repeat;
    width: 24px;
    height: 27px;
    display: block;
    text-indent: -9999px;
    top: -7px;
    right: -7px;
}

.client-popup{
  position: fixed;
  top:50%;
  left: 50%;
  max-width: 300px;
  width:100%;
  margin-left: -151px;
  border: 1px solid #efefef;
  padding: 1em;
  background: #fff;
  z-index: 10;
  height: 455px;
  margin-top: -227.5px;
  border-radius:5px;
}

.client-popup img{
  width: 100%;
  max-width: 200px;
  height: auto;
  display: block;
  margin:0 auto;
}

.popup-txt{
  height: 160px;
  font-size: 0.7em;
  overflow-y: scroll;
  overflow-x: none;
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.4em;
  text-transform: capitalize;
}

.client-popup input{
    border-style: solid;
    border-width: 1px;
    color: #fff;
    background-color: #4a4a49;
    border-color: rgb(74, 74, 73);
    font-weight: bold;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 0.5em;
    padding: 0.7em 2.1em 0.7em 2.1em;
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: normal !important;
}

.popup-controls{
  position: relative;
  height: 26px;
}

.year{
    width: 100%;
    text-align: center;
}

.next:not(.post-main-cont-outer .next){
  position: absolute;
  bottom: 0;
  right: 0;
}
.prev:not(.post-main-cont-outer .prev){
  position: absolute;
  bottom: 0;
  left: 0;
}

.post-main-cont-outer .ngg-imagebrowser.default-view h3, .sl-caption{
    display: none
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sl-image {
    /* margin: 3em !important; */
    left: 0;
    max-height: 70%;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
}

.sl-wrapper .sl-image .sl-caption{
    display: none !important;
}


.clients-page-banner .flexslider{
    padding:1em 1.5em 0 1.5em;
}

.clients-page-banner #carousel .flex-viewport .slides li{
        display:inline-block;
    margin:0px;
    width: auto !important;
}

.clients-page-banner {
 max-width:900px;
    
    margin:0 auto;
    width:100%;
}


    .client-section-banner{
  width:29.333%;
  float: left;
  margin:2%;
  padding:2%;
    margin-bottom:1em;
    cursor:pointer;
}

.client-section-banner:hover{
 background: rgba(0, 0, 0, 0.05);   
}

.client-section-banner span, .client-section-banner div {
  display: none;
}

.client-section-banner span{
    font-size: 0.6em;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.5em;
    height: 70px;
    margin-top: 1.5em;
    text-transform: capitalize;
}

.clients-page-banner .flex-viewport, .clients-page-banner #carousel{
  margin:0 !important;
    padding:0 !important;
}

.clients-page-banner #carousel{
    padding-bottom:1em !important;
}

#carousel .flex-direction-nav{
 display:none;   
}

.client-year-btn{
    background: #efefef;
    padding: 0.5em;
    border: 1px solid #b1b1b1;
    border-radius: 10px;
    color: #8e8e8e;
    /* font-weight: 700; */
    margin-top: 1em;
    margin: 0 auto;
    display: table;
    line-height: normal;
    font-size: 1em;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.1em;

}
.client-year-btn:hover{
     background:#fff;
}

.flex-active-slide .client-year-btn{
    background:#e6f1fd;
}


.client-section, .client-section-home{
  width:48%;
  float: left;
  margin:1%;
  cursor: pointer;
}

.client-section span, .client-section div {
  display: none;
}

.banner ol, .flex-control-nav ol{
 list-style:none !important;   
}



.content-4-section .c-4-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: #fff;
  text-align: center;
}

.content-1-section .c-1-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: #fff;
  text-align: center;
}

.content-3-section .c-3-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: #fff;
  text-align: center;
}
.content-2-section .c-3-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: #fff;
  text-align: center;
}
.content-1-section .c-3-section {
  width: 97%;
  max-width: 700px;
  margin: 1.5%;
  margin: 0 auto;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: #fff;
  text-align: center;
}
.c-3-section h2 {
  font-size: 1.4em !important;
}
.c-3-section p, .c-4-section p {
  font-size: 1.1em;
  line-height: 1.4em;
}
.services-home-section a {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 1em;
  background: #fff;
}
.services-home-section .ser-img-cont {
  position: relative;
}
.services-home-section a:hover .sec-overlay {
  background: rgba(0, 0, 0, 0.5);
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.services-home-section a span {
  font-size: 1.4em;
  color: #525252;
  text-align: center;
  display: block;
  padding: 1.5em;
}
.services-home-section a p {
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 1em;
}
.services-home-section a p:last-child {
  margin-bottom: 0;
}
.backline-section{

    margin: 0 auto;
    margin-top: 0 !important;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 2.5em !important;
    padding-top: 2.5em !important;
    padding-left: 1em;
    padding-right: 1em;
}




.sec-overlay-content{
    -ms-transform: translate(-50%, -50%);
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    /* left: 50%; */
    /* top: 40%; */
    position: absolute;
    bottom: 0;
    /* width: 100%; */
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);

    opacity: 1;
    top: 0;
        text-align: left;
         padding: 2em 3em 2em 3em;  

}


.sec-overlay-content:hover table{
  opacity: 1;

}


.sec-overlay-content table {
  transition: .2s ease-in-out;
  width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 1em;
    left: 2em;
    right: 0;
    width: 100%;
    max-width: 150px;
      
      opacity: 0;
      transition: .2s ease-in-out;

}

.sec-overlay-content table tr td{
  vertical-align: middle;
}

.sec-overlay h3 {
	color:#fff !important
	;
	font-size: 12pt !important;
}

.sec-overlay p{
	color: #fff !important;
	text-align: left;
	font-size: 14pt !important;
}

.sec-overlay:hover {
	opacity: 1;
}

.backline-section a img {
  width: 100%;
  height: auto;
}

.p-read-more {
  position: absolute;
  left: 50%;
  /*bottom:25px;*/

  width: 175px !important;
  margin-left: -87.5px !important;
  cursor: pointer;
  display: none !important;
}
.p-read-more-static {
  position: relative;
  bottom: 10px;
  cursor: pointer;
  display: table;
}
.p-read-more:hover {
  color: #fff;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.backline-section a:hover .p-read-more {
  display: block !important;
}
.home-contact {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.home-contact h2 {
  color: #003d6a;
  text-align: center;
  font-weight: lighter;
  font-size: 1.8em;
}
.home-contact-inner {
  width: 100%;
  margin: 0 auto;
  padding: 1.5em;
  max-width: 900px;
}
.home-contact-form {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
  background-color: #f1f1f1;
  padding: 1.5em 2em;
  margin-top: 1em;
  border-radius: 5px;
}
.home-contact-form .g-recaptcha > div {
  margin: 0 auto;
}
.home-map {
  background: #002f3f;
  position: relative;
  /*background: #002f3f url('/map-img.png');
    background-position:center;
    background-repeat:no-repeat;*/

  padding-bottom: 3.5em;
  padding-top: 1.5em;
}
.home-map img {
  max-width: 1280px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.home-map-text {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 1280px;
  padding-top: 2em;
  padding-bottom: 2em;
}
/*
.home-map-text {
    position: relative;
    left: 30px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2em;
}*/
.home-map-text h2 {
  color: #fff;
  font-size: 1.8em;
}
.home-map-text p {
  color: #50b4da;
  font-size: 1.2em;
  max-width: 550px;
}
.map-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.page-content {
  margin-top: 1em !important;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  z-index: 0;
  margin: 0 auto;
  position: relative;
  border: 0 !important;
  margin-bottom: 0 !important;
      max-width: 1280px;
      width: 96%;
      margin-bottom: 1em !important;
}
.page-content:before,
.page-content:after {
  content: "";
  display: table;
}
.page-content:after {
  clear: both;
}
.page-content ul:not(.filter-nav-bar, .user-registration-error ul), .page-content ol {
  font-size: 14pt;
  line-height: 1.8em;
  color: #575764;
      /*max-width: 900px;*/
    margin: 0 auto;
    margin-bottom: 1em;
    list-style-position: inside;
      list-style: disc;
}

.page-content ul:not(.filter-nav-bar) li, .page-content ol li{
      font-size: 14pt;
  line-height: 1.8em;

}


.white-paper {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.white-paper-img {
  /*position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: auto;*/

  width: 14%;
  margin-right: 2%;
  float: left;
  height: 100%;
  display: none;
}
.white-paper .dl {
  width: 100% !important;
  text-align: center;
  clear: both;
  float: none;
  padding-top: 0.5em;
}
.white-paper h2 {
  text-align: left;
}
.white-paper p {
  width: 100%;
  float: left;
  text-align: left;
}
.white-paper a {
  margin-top: 1em;
  display: block;
  font-weight: lighter;
  text-align: center;
}
.white-paper h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #333740;
  margin: 0.5em 0 0.5em 0;
}
.white-paper p {
  line-height: 1.2em;
  font-size: 1.2em;
}
.testimonial {
  margin-bottom: 1.5em;
  padding: 0 1em 0 1em;
  color: #333740;
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.2em;
  line-height: 2em;
  color: #888;
  text-align: center;
}
.testim {
  line-height: 2em;
  font-style: italic;
}
.testim span {
  font-size: 2.5em;
  top: 5px;
  position: relative;
  margin-right: 5px;
  color: #043b64;
  letter-spacing: 2px;
}
.testimAuthor {
  text-align: right;
  font-weight: bold;
  margin-top: 1em;
  color: #043b64;
  letter-spacing: 2px;
}
.studios-outer {
  margin-top: 3.5em;
  margin-bottom: 3.5em;
}
.studio-tab {
  width: auto;
  padding: 1em 0.6em;
  font-size: 1.1em;
  border-left: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  display: inline-block;
  cursor: pointer;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background: #e6f1fd;
}
.studio-tab:hover {
  background: #e4e4e4;
}
.studio-tab-active {
  background: #fff;
  bottom: -1px;
  position: relative;
}
.studio {
  padding: 2em;
  border: 1px solid #b4b4b4;
  background: #fff;
  border-radius: 25px;
}
.image-sliders {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2em;
}
.flex-direction-nav a:before {
  color: #fff !important;
  font-size: 30px;
}
.flexslider .slides .banner-text{

    padding: 1em;
}

.flexslider .slides {
  /*margin-bottom: 1em;*/

  text-align: center;
}
#carousel .flex-viewport,
#carousel2 .flex-viewport {
  margin-bottom: 1em;
  margin-top: 1em;
}
#carousel .flex-viewport .slides li,
#carousel2 .flex-viewport .slides li {
  margin-right: 1em;
  float: none !important;
  display: inline-block !important;
}
#carousel .flex-viewport .slides,
#carousel2 .flex-viewport .slides {
  width: 100% !important;
}
.slides li:last-child {
  margin-right: 0;
}
#carousel1 .flex-active-slide {
  max-width: 80px !important;
}
/**************************************************************
******************         FOOTER           *******************
**************************************************************/
footer {
  font-size: 1rem;
  background: rgb(49, 49, 49);
  padding: 1em;
  padding: 0 !important;
  padding-top: 2em !important;
}
footer img {
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;

}
.footer-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
footer a:active,
footer a:link,
footer a:visited {
  color: #fff;
  display: inline-block;
}
footer a:hover {
  color: #7eabc9;
}
.copyright {
  font-size: .8em;
  color: #fff;
  text-align: center;
  clear: both;
}
.footer-tel {
  font-size: 1.7em;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.footer-email {
  font-size: 1.1em;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.ourwebsite {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.footer-nav {
  text-align: center;
}
.footer-nav li {
  list-style: none;
  display: inline-block;
  padding: 0.5em 1em 0.5em 1em;
}
footer .social-icons {
  text-align: center;
  margin-bottom: 1em;

}
footer .social-icons:after,
footer .social-icons:before {
  content: "";
  display: table;
}
footer .social-icons:after {
  clear: both;
}
footer .social-icons a {
    /* width: 44px; */
    /* height: 44px; */
    display: inline-block !important;
    /* padding: 0 .4em; */
    margin: 0;
    text-align: center;
    margin-right: 10px;
    font-size: 16pt;

}
footer .social-icons a:last-child {
  margin-right: 0;
}
/**************************************************************
******************         INPUTS           *******************
**************************************************************/

.Actions {
    float: none;
    margin-top: 2em;
}

.fm-form-container .button-submit{
        color: #fff;
    text-transform: uppercase;
    /* border: 1px solid #fff; */
    margin-top: 2.5em !important;
    margin: 0;
    display: block;
    font-weight: 500;
    background-color: #3d4a5a;
    /* border-radius: 8px; */
    padding: 10px 15px;
    font-size: 12pt;
    display: inline-block;
    border: 1px solid #a3a8ae;
    width: 100%;
    border-radius: 0;
    margin: 0 !important;
}


button:not(#map_canvas button, #streetmap-canvas button, .lity-close, .fm-form-container .button-submit),
.home-btn, .Actions input, .index-btn-middle, input[type="submit"] {

    text-decoration: none;
    height: 32px;
    padding: 10px 20px;
    border: 1px rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) solid;
    /* border: 1px solid #868686 !important; */
    border-radius: 3px;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    color: #000 !important;
    /* letter-spacing: 1px; */
    /* text-shadow: 0 -1px 0 #868686; */
    /* text-transform: uppercase; */
    /* box-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */
    font-weight: 100;
    font-size: 11pt;
    height: auto;
    float: none !important;
    font-weight: 500;
    color: #fff !important;
    text-transform: uppercase;
}

#user-registration{
    margin-top: 0 !important;
}

.fm-form-container{
    /*background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 0.7) !important;*/
    padding: 1em;
    color: #fff;
    border-radius: 5px;
    background: #e5e5e5;
}

.fm-form-container label{
    color: #fff;
}

button:hover,
.home-btn:hover, .Actions input:hover, .index-btn-middle:hover, .hm-btn:hover {
    opacity: 0.8;
}

.banner-button{
background: #48afe9;
background: -moz-linear-gradient(top, #48afe9 0%, #278cc5 100%);
background: -webkit-linear-gradient(top, #48afe9 0%,#278cc5 100%);
background: linear-gradient(to bottom, #48afe9 0%,#278cc5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48afe9', endColorstr='#278cc5',GradientType=0 );
    padding: 1em 2em;
    border: 1px solid #24a8f3;
    border-radius: 1em;
    color: #fff;
    /* font-weight: 700; */
    margin-top: 1em;
    margin: 0 auto;
    display: table;
    line-height: normal;
    font-size: 14px !important;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    bottom: 25%;
    height: 52px !important;
    text-align: center;
}
.banner-button:hover {
  color: #fff;
  background: rgba(239, 239, 239, 0.3);
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.backline-button {
   /*   background: transparent;

    padding: 1em 2em;
    border: 1px solid #efefef;
  border-radius: 1em;
  color: #fff;

  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
  font-size: 14px !important;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  bottom: 25%;
  height: 52px !important;

  */
  display: block;
    margin-bottom: -35px;
    display: block !important;
    background: #fff;
    border-radius: 0;
    padding: 0.5em 1em !important;
    color: #878787;
    height: auto !important;
    width: auto !important;
    margin: 0 auto;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
}
.backline-button:hover {
  color: #8e8e8e;
  background: #efefef;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.home-btn:hover {
  background: transparent;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.index-btn-middle {

  margin-top: 2em !important;

}
.btn-middle-inline {
  margin: 0 auto;
  display: inline-block;
  margin-top: 2em !important;
}
.default-button,
button,
#catwebformbutton {
  /*border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    background-color: #f7931d;
    border-color: #f7931d;
    font-weight: bold;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 0.5em;
    padding: 0.7em 2.1em 0.7em 2.1em;
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    text-transform: uppercase;
    white-space: normal !important;*/

}
.default-button:hover,
button:hover,
#catwebformbutton:hover {
  /*background-color: #2c92bd;*/

}
input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox,
textarea.cat_textbox {
  max-width: 250px !important;
  width: 100% !important;
}
input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox,
textarea.cat_textbox,
select {
  padding: 0.4em 1.5em 0.4em 1.5em !important;
  border-radius: 3px;
  font-size: 0.9em !important;
}
/**************************************************************
******************         FORMS           *******************
**************************************************************/
.form-err-lbl {
  font-size: 9pt;
  color: red;
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.contact-webform {
  /*width:48%;
    float:left;*/

}

.history-table{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

.history-table tr{
	border: 1px solid #efefef;
}

.history-table tr td:first-child{
	width: 300px;
  vertical-align: middle;
}

.history-table tr:nth-child(even){
	background: #f3f3f3;
}

.history-table tr:nth-child(odd){
	background: #fff;
}

.history-table tr td{
	vertical-align: top;
	padding:1em;
}
.history-table tr td img{
	max-width: 300px;
}

.history-table tr td h3{
	margin-top: 0;
}


@media (max-width: 900px){

	.history-table{
		max-width: 500px;
		margin-bottom: 3em;
	}
	.history-table tr td{
		display: block;
		width: 100% !important;
		text-align: center;
		    padding: 1.5em;
	}

	.history-table tr td:first-child{
		padding-bottom: 0;
	}



	.history-table tr td img{
		margin:0 auto;
	}

}

/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 450 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 28.125em) {
  /*.logo{
          height: auto;
          width: 200px;
          margin-top:20px;
      } */
  .home-header-text h1 {
    font-size: 1.8em;
  }
  .home-header-text {
    margin-top: 80px;
  }
  .scroll-down {
    bottom: 20px;
  }
  .index-services-links {
    bottom: 40px;
  }
  .index-service {
    height: 65px;
    padding: 0.7em;
  }
  .index-service p {
    font-size: 1.8em;
  }
  .index-service span {
    font-size: 0.9em;
    line-height: 1em;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 408 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 25.5em) {
  
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 500 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 31.25em) {
  .past-events h2,
  .upcoming-events h2 {
    margin-bottom: 3em;
  }
  .past-events {
    width: 98%;
  }
  .upcoming-events {
    width: 98%;
  }
  .event-item {
    padding-top: 3.5em;
  }
  .event-date-outer {
    position: absolute;
    top: -2.2em;
    left: 50%;
    margin-left: -37.5px;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 700 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 43.75em) {

}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 400 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 25em) {

  .client-section{
  width:48%;
}
  /*.logo{
          height: 70px;
          margin-top: 15px;
          margin-bottom: 15px;
      }*/
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 500 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 31.25em) {

  .client-popup {
    position: fixed;
    top: 50%;
    max-width: 70%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -227.5px;
}

.home-blog-list-outer{

}

  .client-section{
  width:31.333%;
}

  .studio-tab {
    padding: 1em 2.3em;
  }



    .thid-item{
    width: 99.8% !important; 
    overflow:hidden;
  }

  .services-home-section a,
  .content-3-section .c-3-section,
  .content-2-section .c-3-section {
    width: 47%;
  }
    
    
    .content-3-section .c-3-section:last-child{
        margin: 0 auto;
        margin-top:1.5%;
        margin-bottom:1.5%;
        float:none;
        clear:both;
    }
  .c-logo {
    width: 23%;
    float: left;
    margin: 1%;
  }
  .case-studies a {
    width: 23%;
    float: left;
    margin: 1%;
  }
  /**************************************************************
      ******************         GENERAL          *******************
      **************************************************************/
  /*html{
          font-size: 1.5em;
      }*/
  /*.home-contact-inner{
          width:80%;
          padding:3.5em;
      }*/
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 620 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 38.75em) {
  .contact-office {
    margin-bottom: 2em;
    width: 46%;
    float: left;
    margin: 2%;
    text-align: left;
  }
  .offices-section {
    text-align: left;
  }
  .c-left {
    width: 46%;
    margin-right: 4%;
  }
  .c-right {
    width: 46%;
    margin-top: 0;
    margin-left: 4%;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 700 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 880px) {

    
    .client-section-banner span {
  display: block;
}
    
  .client-section{
  width:23%;
}
    
     .client-section-home{
        width:31.333%;
    }

  .services-expand-close,
  .services-expand-open {
    display: none;
  }
  .services-nav {
    display: block;
    border-radius: 10px 0 0 10px;
  }
  .services-nav-outer {
    position: fixed;
    display: block;
    right: 0;
    top: 380px;
    overflow: hidden;
  }
  .event-item {
    padding: 3em;
  }
  .event-item h3 {
    text-align: left;
  }
  .event-item p {
    text-align: left;
  }

  .service-link,
  .ser-link {
    width: 33.333%;
  }
  .index-services-links {
    width: 100%;
  }
  nav:not(.navbar) > div > ul > li.selected > a {
    /*border-bottom: 3px solid;*/
  }
  nav:not(.navbar) > div > ul > li > ul > li.selected > a {
    background: rgba(21, 32, 46, 0.9) !important;
  }
  /**************************************************************
      ******************         GENERAL          *******************
      **************************************************************/
  /*html{
          font-size: 2em;
      }*/
  .toggle-submenu {
    display: none;
  }
ul ul .toggle-submenu{
display: block;
}







.menu li ul li a{
      padding-right: 40px !important;

}

  nav div > ul > li > a {
    color: #fff;
  }
  /**************************************************************
      ******************         HEADER          *******************
      **************************************************************/
  /*****************   NAV   *****************/
  /*********************************
      ******      GENERAL      ********
      ********************************/
  nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-pagination, .woocommerce-MyAccount-navigation, .woocommerce-breadcrumb, .navbar) {
    background: rgb(244, 244, 244);
    border-bottom: 0;

    overflow: visible;
    padding-bottom: 0;
    position: fixed;
    text-align: left;
    top: 100px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  nav:not(.navbar) ul {
    text-align: center;
  }
  nav:not(.navbar) ul > li {
    display: inline-block;
  }
  /* Remove dividing line between menu items - no longer needed */
  nav:not(.navbar) div > ul li:not(:last-child) {
    border-bottom: none;
  }
  /* Remove the dropdown from "parent" list items */
  nav:not(.navbar) div > ul li.parent,
  nav:not(.navbar) div > ul li ul li.parent,
  nav:not(.navbar) div > ul li ul li ul li.parent {
    background-image: none;
  }
  /* If the list item is a parent, make it full width again. No longer need a button to click to drop down a menu, hover instead on desktop layout */
  nav:not(.navbar) div > ul li.parent > a {
    width: 100%;
  }
  .parent ul, .menu-item-has-children ul {
    position: absolute;
    display: none;
    z-index: 1;
        -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
  }
  /* When a "parent" list item is hovered over, show its child menu */
  li.parent:hover > ul, li.menu-item-has-children:hover > ul {
    display: block;
        -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
    color: #000 !important;
  }

li.parent > ul, li.menu-item-has-children > ul {
         -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
  }

  /* All child menus need to have this styling - regardless of what level they are */
  nav:not(.navbar) div > ul > li ul {
    text-align: left;
  }
  /* Make the list items for child menus stack vertically ontop of each other, instead of side by side */
  nav:not(.navbar) div > ul > li ul li {
    display: block;
  }
  /* Make sure menu item labels all stay on one line */
  nav:not(.navbar) div > ul > li ul li a {
    white-space: nowrap;
  }
  /* When you hover over an li, change its colour. This is global but you can set it by level if required */
  nav:not(.navbar) div > ul li:hover {
    color: #17a475 !important;
  }
  nav:not(.navbar) div > ul > li ul > li > a:hover {
   /* background: #404040 !important;*/

  }
  nav:not(.navbar) div > ul a {
    background: transparent;
  }
  /* Set the height of everything so it matches the height of the header and the list item labels are vertically centered*/
  nav:not(.woocommerce-MyAccount-navigation, .woocommerce-pagination, .woocommerce-breadcrumb, .navbar),
  nav:not(.navbar) div > ul,
  nav:not(.navbar) div > ul > li {
    height: 50px;
  }
  nav:not(.navbar) > div > ul > li > a {

    padding: 0 1em;
  }


  @media(min-width: 1000px){
  	  nav:not(.navbar) > div > ul > li > a {

    padding: 0 1em;
  }
  nav:not(.navbar) div > ul > li > a {
    color: #fff;
  }

  }
  /*********************************
      ******     1st LEVEL     ********
      ********************************/
  nav:not(.navbar) div > ul > li > a,
  nav:not(.navbar) div > ul > li.parent {
    background: transparent;
  }
  /*********************************
      ******     2nd LEVEL     ********
      ********************************/
  nav:not(.navbar) div > ul > li > ul > li {
    position: relative;

  }
  nav:not(.navbar) div > ul > li > ul > li > a {
    background: transparent;
  }
  nav:not(.navbar) div > ul > li.parent:hover > a,
  nav:not(.navbar) div > ul > li > ul > li,
  nav:not(.navbar) div > ul > li > ul > li.parent {

  }

  nav:not(.woocommerce-MyAccount-navigation, .woocommerce-pagination, .woocommerce-breadcrumb, .navbar), nav:not(.navbar) div > ul, nav:not(.navbar) div > ul > li{
  	height: 100%;
  }
  /*********************************
      ******     3rd LEVEL     ********
      ********************************/
  nav:not(.navbar) div > ul > li > ul > li > ul {
    left: 100%;
    top: 0;
    width: auto;
  }
  nav:not(.navbar) div > ul > li > ul > li > ul > li {
    width: 100%;
  }
  nav:not(.navbar) div > ul > li > ul > li > ul > li > a {
    background: transparent;
  }
  nav:not(.navbar) div > ul > li > ul > li > ul > li,
  nav:not(.navbar) div > ul > li > ul > li > ul > li.parent {
    background: rgb(4 61 112) !important
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 850 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 53.125em) {
  .home-section-banner {
    text-align: left;
  }
  .home-section-banner div .section-img {
    width: 40%;
    display: table-cell;
  }
  .home-section-banner .section-text {
    width: 60%;
    display: table-cell;
    padding: 2.5em 0 2.5em 2.5em;
  }
  .contact-content {
    float: left;
    width: 40%;
  }
  .contact-office {
    width: 96%;
    text-align: center;
  }
  .offices-section {
    text-align: center;
    width: 60% !important;
  }
  .offices-section {
    padding: 1em;
    margin-top: 0;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 900 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 56.25em) {
 .client-section {
  width:18%;
}

    .content-4-section .c-4-section{
    width: 47%;
    }
    
    .client-section-home{
     width:14.666%;   
    }


  .services-home-section a,
  .content-3-section .c-3-section {
    width: 30.333%;
  }
    
    
        .content-3-section .c-3-section:last-child{
        margin:1.5%;
        float:left;
        clear:none;
    }
    
  .event-agenda {
    width: 58%;
  }
  .event-venue {
    width: 38%;
  }
  .event-speakers div {
    width: 31.333%;
  }
  .event-past-videos div {
    width: 31.333%;
  }
  .white-paper p {
    line-height: 2em;
    font-size: 1.4em;
  }
  .white-paper-img {
    display: block;
  }
  .white-paper p {
    width: 84%;
  }
  .service-summary {
    width: 47%;
    margin-right: 3%;
    margin-left: 0;
    float: left;
  }
  .services {
    padding-left: 2em;
    padding-right: 2em;
  }
  .service-benefits {
    width: 47%;
    margin-left: 3%;
    margin-right: 0;
    float: left;
  }
  .service-benefits h3 {
    margin-top: 0;
  }
  .service-keyfeatures {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0 ;
  }
  .logo-nav-bar {
    /*padding-left:20px;
          padding-right:20px;*/
  
  }
  .home-header-text h1 {
    font-size: 3.6em;
  }
  .home-header-text p {
    font-size: 2em;
  }

  .home-contact h2 {
    font-size: 24pt;
  }

  .home-contact h3 {
    font-size: 18pt;
    margin-bottom: 0.0em;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 950 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 59.375em) {



  .client-popup {
    max-width: 500px;
}

.year{
  margin-bottom: 0.5em !important;
  font-size: 1.8em !important;
}

.popup-txt{
  font-size: 1em !important;
  text-align: center;
}

  .past-events h2 {
    margin-top: 0;
  }
  .past-events {
    width: 45%;
    float: left;
  }
  .upcoming-events {
    width: 45%;
    float: right;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 1000 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 62.5em) {

    nav:not(.navbar) ul {
    text-align: center;
  }

  .phone-head {
    position: absolute;
    right: 1.2em;
    left: auto;
    top: 10px;
    width: auto;
    margin-top: 0;
    top: 50%;
    margin-top: -40px;
  
  }
  .phone-head span {
    display: block;
    color: #fff;
  }
  .contact-office {
    width: 46%;
    text-align: left;
  }
  .offices-section {
    text-align: left;
  }
  .p-last ul {
    position: absolute !important;
    text-align: right;
    width: auto;
    right: 0;
  }
  header:not(.user-registration-profile-header header, .vdp-datepicker header) {
    height: 100px;
    padding: 0 1em;
    text-align: left;

  }
  .head-contact {
    display: none;
  }
  .side-contact {
    display: block;
  }
  /*****************   NAV   *****************/
  .m-menu {
    display: none;
        top: unset;
    bottom: 6px;
  }
  /*********************************
      ******      GENERAL      ********
      ********************************/
  nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-MyAccount-navigation, .woocommerce-pagination, .woocommerce-breadcrumb, .navbar) {
    border-bottom: none;

    float: right;
    background: transparent;
    overflow-y: visible;
    padding-bottom: 0;
    position: relative;
    text-align: right;
    top: 0;
    width: auto;
    z-index: 1;
    /*margin-right: 50px;*/

        float: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    right: 1em;
    left: unset ;
    top: unset;
  
  }
  nav:not(.navbar) ul > li {
    display: inline-block;
  }
  /* Remove dividing line between menu items - no longer needed */
  nav:not(.navbar) div > ul li:not(:last-child) {
    border-bottom: none;
  }
  /* Remove the dropdown from "parent" list items */
  nav:not(.navbar) div > ul li.parent,
  nav:not(.navbar) div > ul li ul li.parent,
  nav:not(.navbar) div > ul li ul li ul li.parent {
    background-image: none;
  }
  /* If the list item is a parent, make it full width again. No longer need a button to click to drop down a menu, hover instead on desktop layout */
  nav:not(.navbar) div > ul li.parent > a {
    width: 100%;
  }
  /* When a "parent" list item is hovered over, show its child menu */
  li.parent:hover > ul {
    display: block;
  }
  /* All child menus need to have this styling - regardless of what level they are */
  nav:not(.navbar) div > ul > li ul {
    position: absolute;
    text-align: left;
    width: auto;
  }
  /* Make the list items for child menus stack vertically ontop of each other, instead of side by side */
  nav:not(.navbar) div > ul > li ul li {
    display: block;
  }
  /* Make sure menu item labels all stay on one line */
  nav:not(.navbar) div > ul > li ul li a {
    white-space: nowrap;
  }
  /* When you hover over an li, change its colour. This is global but you can set it by level if required 
      nav div > ul li:hover{
          color:#17a475 !important;
      }
      
          nav div > ul li a:hover{
          color:#7eabc9 !important;
      }
      
  */
  nav:not(.navbar) div > ul a {
    background: transparent;
  }
  /* Set the height of everything so it matches the height of the header and the list item labels are vertically centered*/
  nav:not(.navbar),
  nav:not(.navbar) div > ul,
  nav:not(.navbar) div > ul > li {
    /*height: @headerHeight;*/
  
    height: 100%;
  }
  #myMenu1, .menu {
    position: absolute;
    width: 750px;
        right: 0px;
    bottom: 0;
    height: 50px;

  }



nav:not(.navbar) div > ul > li:last-of-type > a{
   /* background: #febc2d;
    border-radius: 0.5em;
    display: inline;
    padding: 10px 20px;
    margin-left: 50px;*/
}

  /*    nav,
      nav div > ul,
      nav div > ul > li{
          height: @headerHeight;
      }*/
  nav:not(.navbar) div > ul > li > a {
    /*line-height: 140px;*/
  
    padding: 0 1em;
  }
  /*********************************
      ******     1st LEVEL     ********
      ********************************/
  nav:not(.navbar) div > ul > li > a,
  nav:not(.navbar) div > ul > li.parent {
    background: transparent;
  }
  /*********************************
      ******     2nd LEVEL     ********
      ********************************/
  nav:not(.navbar) div > ul > li > ul > li {
    position: relative;
  }
  nav:not(.navbar) div > ul > li > ul > li > a {
    background: transparent;
  }
  /*nav div > ul > li.menu-item-has-children:hover > a,*/
  nav:not(.navbar) div > ul > li > ul > li,
  nav:not(.navbar) div > ul > li > ul > li.parent {
   
    color: #909090;

  }

nav:not(.navbar) div > ul > li > ul > li > a{
  color: #000;
}

.toggle-submenu{
  background-color: none !important;
}

 nav:not(.navbar) div > ul > li.menu-item-has-children:hover > a{

 }

  nav:not(.navbar) div > ul > li > ul > li:hover {
    background: #1c2838;
  }
  /*********************************
      ******     3rd LEVEL     ********
      ********************************/
  nav:not(.navbar) div > ul > li > ul > li > ul {
    left: 100%;
    top: 0;
    width: auto;
  }
  nav:not(.navbar) div > ul > li > ul > li > ul > li {
    width: 100%;
  }
  nav:not(.navbar) div > ul > li > ul > li > ul > li > a {
    background: transparent;
  }
  nav:not(.navbar) div > ul > li > ul > li > ul > li,
  nav:not(.navbar) div > ul > li > ul > li > ul > li.parent {
    background: #eeeeee;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 1100 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 68.75em) {

      .content-4-section .c-4-section{
    width: 22%;
    }
  .contact-office {
    margin-bottom: 2em;
    width: 46%;
    float: left;
    margin: 2%;
    text-align: left;
  }
  .offices-section {
    text-align: left;
  }
  .c-logo {
    width: 10.5%;
    float: left;
    margin: 1%;
  }
  .case-studies a {
    width: 10.5%;
    float: left;
    margin: 1%;
  }
  .service-link {
    width: 16.666%;
  }
  .index-services-links {
    width: 100%;
  }
  .event-speakers div {
    width: 18%;
  }
  .event-speaker-spacer {
    display: none;
  }
}

@media (min-width: 1000px){
	.desktop-menu{
		display: block;
	}

	.mobile-menu{
		display: none;
	}
}

/*
Theme Name: MultiPurpose
Author: ThemeMotive
Author URI: http://thememotive.com/
Version: 1.0
*/

.end{
    clear:both;
    float:none;
}

.team-content{
    width:60%;
    float:left;
}


@media (max-width:700px){
    
    .team-content{
        width:100%;
        
    }
    
    .team-contact{
        width:98%;
        float:left;
        max-width:400px;
        margin-left:0;
    }
    
}

.team-contact-inner h3{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.team-contact-inner{
    padding: 0 1em;
}
.team-contact-inner1{
    padding: 0 1em;
    background:#e8e8e8;
}

.team-contact-inner1 ul {
  font-size: 11pt;
}

.team-contact-inner1 h3{
    margin:0;
    padding: 0.5em 0;
}

.team-contact-inner1{
    margin-bottom:0 !important;
    padding-bottom:1em;
}

.team-contact table{
    background:#fff !important;
    margin-bottom:1em !important;
}

.team-contact table tr td{
    vertical-align: middle;
    padding: 0 0.2em;
}

.team-contact table tr td:first-child{
   padding:0;
}

.team-header-item{
    position:relative;
    margin-bottom:1.5em;
}

.team-header-item img {
    width:100%;
    height:auto;
}

.team-info-outer{
    position: absolute;
    bottom: 2em;
    left: 2em;
    padding: 2em;
    background: rgba(0, 0, 0, 0.5);
}

.team-info-outer h1, .team-info-outer h2{
    color:#fff;
    margin:0 !important;
}


@media (max-width:700px){
    .team-info-outer h1{
        font-size:1.6em !important;
    }
    
    .team-info-outer h2{
        font-size:1.3em !important;
    }
}


@media (max-width:400px){
    .team-info-outer h1{
        font-size:1.3em !important;
    }
    
    .team-info-outer h2{
        font-size:1.1em !important;
    }
}

@media (min-width: 1420px){
	  .backline-section a:not(.read-more-blog), .thid-item {
    width: 31% !important;
  }
}



.team-info-outer h1{
    margin-bottom:0.5em !important;
}

.team-item{
    width:31.333%;
    float:left;
    margin:1%;
}

.team-text h3{
    font-size: 1.5em;
    font-weight: 500;
    text-align:left;
}

.team-text h4{
    font-size: 1.3em;
    font-weight: 400;
    text-align: left;
    margin-top: 0;
    color: #9d9d9c;
}

.team-item img{
    width:100%;
    height:auto;
    display:block;
}

.end{
    clear:both;
    float:none;
}


/* Global basic styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {overflow: scroll; background: #fff;}
body {position: relative; background: #fff; color: #747474;}
body.boxed {background-color: #ededed;}
dt {font-weight: 700;}
img {border: none; vertical-align: middle;}
ul[class] {list-style: none;}
a, .pms-account-subscription-action-link {color: #000; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: none;}
a:hover, .pms-account-subscription-action-link a:hover {color: #999999; text-decoration: none;}
a * {cursor: pointer;}
textarea, input, select, option, optgroup, button {font-family: inherit; font-size: inherit; vertical-align: middle;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select {cursor: pointer; vertical-align: middle;}
input, select, textarea {outline: none;}
select option {padding: 0 10px;}
fieldset {overflow: hidden; border: none;}
legend {display: none;}
option {padding: 0 5px;}
table {border-collapse: collapse;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;}

/* h1 {margin: 1em 0 0.5em; color: #3f3f3f; }

h1:first-child {margin: 0.8em 0 0.3em; font-size: 2.615em;}  */

h1:first-child span {text-align:center !important; width:100%;}
h2 {margin: 0em 0 0.5em; color: #374655;  text-align:left;}
h2 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #999999;}
h3 {margin: 0.5em 0 0.5em; color: #374655;}
h3 span {display: inline-block; margin-bottom: -1px; padding: 0px 0; border-bottom: 0px solid #999999; font-family: "adobe-garamond-pro", serif; font-weight: 600;}
h4 {margin: 1.5em 0 1em; color: #374655; font-size: 1.5em;}
h5 {margin: 1.5em 0 1em; color: #3f3f3f;}
h6 {margin: 1.5em 0 1em; color: #3f3f3f;}
p {margin:0 0 1em 0;  overflow:hidden;}
p a {text-decoration:none;}
.alignleft {float: left; margin: 3px 20px 10px 0;}
.alignright {float: right; margin: 0 0px 20px 20px;}

.home p {margin: 0em 0;  overflow:hidden;text-align: center;}

label {display: block; color: #3f3f3f; font-weight: bold;}
select{
	    -webkit-appearance: none;
}
textarea{
	resize: none;
}
input.error, textarea.error, select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;}
select {padding: 8px 3%; color: #999;}
a.button:not(.add_to_cart_button, .product_type_simple, iframe a.button, .maps a.button), 
button:not(.btn, .navbar-toggler iframe button, .maps button, .lity-close), 
.ur-frontend-form input[type="submit"], 
.user-registration-MyAccount-content input[type="submit"]{    
    display: inline-block;
    text-decoration: none;
    height: 32px;
    padding: 12px 20px;
    border: 1px rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) solid;
    /* border: 1px solid #868686 !important; */
    border-radius: 8px;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    color: #000 !important;
    /* letter-spacing: 1px; */
    /* text-shadow: 0 -1px 0 #868686; */
    /* text-transform: uppercase; */
    /* box-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */
    font-weight: 100;
    font-size: 11pt;
    height: auto;
    float: none !important;
    font-weight: 800;
    color: #fff !important;
    text-transform: uppercase;
}

.button-scd{
    border: 1px solid #fff !important;
    background: transparent !important;
}

    a.button:hover, button:not(.btn, .navbar-toggler):hover, .index-btn-middle:hover, .ur-frontend-form input[type="submit"]:hover, .user-registration-MyAccount-content input[type="submit"]:hover { 
    	opacity: 0.8;
    }

    .index-btn-middle{
        margin: 0 auto;
        display: table !important;
    }
blockquote {margin: 1.5em 0 1.5em 1em; padding: 1px 0 1px 1.5em; border-left: 2px solid #dd2684; font-style: italic;}


.map-wrapper button{
  background: #fff !important;

}

.clear {clear: both; height: 0; overflow: hidden;}

/* Main layout
------------------------------------------ */
.root {overflow: hidden;}
/*
body.boxed .root {max-width: 1000px; margin: 0 auto; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
@media (max-width: 980px) {
.root {margin: 0; padding: 0 20px;}
header, footer, .breadcrumb {margin: 0 -20px;}
footer, .breadcrumb {padding-left: 20px; padding-right: 20px;}
}
body.boxed {background: #ececec;}
*/


body.boxed .root {
    max-width: 1000px; margin: 0 auto; background: #fff;
}

@media (max-width: 980px) {
    .root {margin: 0; padding: 0 20px;}
    .boxed .root .content {padding: 0;}
    footer, .breadcrumb {padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 400px) {
    .root {margin: 0; padding: 0 10px;}
   
}

body.boxed.shadow .root {box-shadow: 0 0 3px rgba(0,0,0,0.3);}

body.boxed.f01 {background: url("images/frames/frame01.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #eee;}
body.boxed.f02 {background: url("images/frames/frame02.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #bbb;}
body.boxed.f03 {background: url("images/frames/frame03.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #ddd;}
body.boxed.f04 {background: url("images/frames/frame04-1.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f05 {background: url("images/frames/frame04-2.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f06 {background: url("images/frames/frame05.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f07 {background: url("images/frames/frame06.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f08 {background: url("images/frames/frame07.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;}
body.boxed.f09 {background: url("images/frames/frame08.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #eee;}


@media (max-width: 980px) {

    .boxed header>section.main-header {margin: 0 -20px; padding: 0 40peaderx;}
}

@media (max-width: 400px) {

    .boxed header>section.main-header {padding: 0 30px;}
}


.breadcrumb {border-bottom: 1px solid #e6e6e6; background-color: #ececec;}
.breadcrumb p {max-width: 940px; margin: 0 auto; padding: 1em 0; color: #999; font-size: 0.846em;}
.breadcrumb p a {display: inline-block; margin-right: 5px; padding-right: 14px; background: url("/images/bcrumb-arrow.gif") 100% 50% no-repeat; color: #3f3f3f;}
.breadcrumb p a:hover {color: #999;}


.content {position: relative;  clear: both;  margin: 0 auto; }
.boxed .content {max-width: 100%; padding: 1px 30px 40px;}
@media (max-width: 980px) {
    .content {max-width: 100%;}
}



.social ul, ul.social {overflow: hidden; margin: 10px 0;}
.social ul li, ul.social li {display: inline-block; margin: 0 0 0 5px; list-style: none; width: 24px; height: 24px;}
.social ul li a, ul.social li a {display: inline-block; overflow: hidden; width: 24px; height: 24px; background: url("/images/social.png"); text-indent: -500em; opacity: 0.3;}
.social ul li a:hover, ul.social li a:hover {opacity: 1;}


@media (max-width: 700px){
	footer section.bottom p{
		text-align: center;
		float: none !important;
	}

	footer .social-icons{
		clear: both;
		float: none;
		text-align: center;
	}

	footer section p{
		text-align: center;
	}

}

footer {  color: #878787; background: rgb(49, 49, 49); color: #fff;}
footer a {color: #ebebeb;}
footer a:hover {color: #aeaeae;}
footer section {overflow: hidden; margin: 0 auto; max-width: 940px;}
footer section.bottom {overflow: hidden; padding: 20px 0; border-top: 1px solid #575757; color: #999; font-size: 0.923em;}

.widgets{
  margin-bottom: 1em;
}
.boxed footer section.bottom {padding: 20px 0;}
footer section.bottom p {float: left; margin: 0 0 1em; font-size: 0.917em;}
footer nav.social {float: right; margin: 0;}
footer nav.social ul {float: right; overflow: hidden; margin: 0;}
footer nav.social ul li {float: left; margin-left: 8px;}
footer article {display: inline-block; width: 22.75%; margin: 0 0 25px 3%; font-size: 0.923em; vertical-align: top;}
footer article:nth-of-type(4n-3) {margin-left: 0;}
footer article h3 {margin-bottom: 1em; font-weight: normal; border-bottom: 1px solid #575757; color: #efefef; font-size: 1.5em; font-weight: 300;}
footer article h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 0px solid #ff8400;}
footer article ul {list-style: none;}
footer article ul li {margin: 0 0 0.5em; line-height: 1.3em;}
footer article.widget_photos ul li {display: inline-block; margin: 0 3px 6px 0;}

footer article.widget_links ul li:before {float: left; overflow: hidden; width: 7px; margin-right: 7px; content: "—"; color: #747474;}
footer article.tagcloud a {padding: 0 2px;}
footer article input {width: 66.3%; margin-right: 5px; padding: 5px 3%; border: 1 px solid #ccc; border-radius: 2px; font-size: 1.167em; vertical-align: top; color: #777;}
footer article button {width: 40px; height: 28px; padding: 0; border-radius: 3px; line-height: 17px; vertical-align: top; box-shadow: 0 1px 1px rgba(0,0,0,0.18); text-align: center;}

@media (max-width: 800px) {
    footer article {width: 48.5%;}
    footer article:nth-of-type(2n-1) {margin-left: 0;}
    
}
@media (max-width: 400px) {
    footer article {width: 100%; margin-left: 0;}
}


.social a.email {background-position: 0 0;}
.social a.facebook {background-position: -32px 0;}
.social a.twitter {background-position: -64px 0;}
.social a.pinterest {background-position: -96px 0;}
.social a.rss {background-position: -128px 0;}
.social a.linkedin {background-position: -160px 0;}
.social a.flickr {background-position: -192px 0;}
.social a.vimeo {background-position: -224px 0;}
.social a.blogger {background-position: -256px 0;}
.social a.tumblr {background-position: -288px 0;}
.social a.skype {background-position: -320px 0;}
.social a.behance {background-position: -352px 0;}
.social a.googleplus {background-position: -384px 0;}
.social a.youtube {background-position: -416px 0;}
.social a.dribble {background-position: -448px 0;}
.social a.instagram {background-position: -480px 0;}
.social a.picasa {background-position: -512px 0;}
.social a.github {background-position: -544px 0;}
.social a.stumbleupon {background-position: -576px 0;}
.social a.lastfm {background-position: -608px 0;}

footer .social a.email {background-position: 0 -30px;}
footer .social a.facebook {background-position: -32px -30px;}
footer .social a.twitter {background-position: -64px -30px;}
footer .social a.pinterest {background-position: -96px -30px;}
footer .social a.rss {background-position: -128px -30px;}
footer .social a.linkedin {background-position: -160px -30px;}
footer .social a.flickr {background-position: -192px -30px;}
footer .social a.vimeo {background-position: -224px -30px;}
footer .social a.blogger {background-position: -256px -30px;}
footer .social a.tumblr {background-position: -288px -30px;}
footer .social a.skype {background-position: -320px -30px;}
footer .social a.behance {background-position: -352px -30px;}
footer .social a.googleplus {background-position: -384px -30px;}
footer .social a.youtube {background-position: -416px -30px;}
footer .social a.dribble {background-position: -448px -30px;}
footer .social a.instagram {background-position: -480px -30px;}
footer .social a.picasa {background-position: -512px -30px;}
footer .social a.github {background-position: -544px -30px;}
footer .social a.stumbleupon {background-position: -576px -30px;}
footer .social a.lastfm {background-position: -608px -30px;}

.soc-tooltip {position: absolute; z-index: 100; padding-bottom: 5px; background: url("/images/social-tooltip.png") 50% 100% no-repeat;}
.soc-tooltip p {height: 20px; margin: 0; padding: 0 8px; border-radius: 2px; background: #999; color: #fff; font-size: 0.846em; line-height: 20px;}
.soc-tooltip.ft p {color: #3f3f3f;}

@media (max-width: 645px) {
    header .social {text-align: center;}
}

@media (max-width: 550px) {
    footer nav.social {float: none; clear: both;}
    footer nav.social ul {float: none; text-align: center;}
    footer nav.social ul li {float: none; display: inline-block;}
    footer nav.social ul li a {display: inline-block; float: none;}
    footer section.bottom p {float: none; text-align: center;}
}

/* Column system
------------------------------------------ */
.columns {overflow: hidden; margin: 25px 0;}
.columns>article, .columns>div, .columns>section {display: inline-block; margin: 0 0 20px 3%; vertical-align: top;}
.columns>article.col1, .columns>div.col1, .columns>section.col1 {margin: 0 0 50px 0; }
.columns>article.col6, .columns>div.col6, .columns>section.col6 {margin-left: 2%;}
.columns>h2:first-child, .why-us h2 {margin: 0 0 1.5em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}
.columns>h2:first-child {margin-bottom: 1em;}
.columns>h2:first-child, .home section .columns h2:first-child, .home section .latest h2:first-child, .why-us h2 {margin: 0 0 1.5em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}

.columns>h2:first-child {margin-bottom: 1em;}
.columns h2:first-child span, .columns .more:first-child+h2 span,  section h2:first-child span {display: inline-block; margin-bottom: -1px; padding: 10px 0; border-bottom: 0px solid #999999;}
section .why-us h2:first-child span {padding-top: 0; padding-bottom: 7px;}

.columns .more:first-child+h2 {clear: none; margin: 0 0 1em;}
.columns .more:first-child {float: right; margin: 1em 0 0;}
.why-us h2 {margin-top: 0;}

.col1 {width: 100%; margin-left: 0;}
.col2 {width: 47.5%;}
.columns>.col2:nth-of-type(2n-1) {margin-left: 0;}
.col3 {width: 31%; margin-left: 3%;}
.columns>.col3:nth-of-type(3n-2) {margin-left: 0;}
.col4 {width: 22%;}
.columns>.col4:nth-of-type(4n-3) {margin-left: 0;}
.columns>.col23 {width: 64%; margin-left: 0;}
.col23+.col3 {margin-left: 3%;}
.col3+.col23 {margin-left: 3%;}
.col34 {width: 73%;}
.col34+.col4, .col4+.col34 {margin-left: 3%;}
.col5 {width: 17.5%; margin-left: 3%;}
.columns>.col5:nth-of-type(5n-4) {margin-left: 0;}
.col6 {width: 15%;}
.columns>.col6:nth-of-type(6n-5) {margin-left: 0;}
.col1, .col2, .col3, col4, .col23, .col6, .col34 {overflow: hidden;}
.col4 + .col2 {margin-left: 3% !important;}

.col2 img.post-thumbnail {width: 100%; max-width: 455px;}
.home .col2 h2, .home .col3 h2, .post>h2 {font-size: 1.846em; font-weight: 400;}
.col2 h2 a, .col3 h2 a, .col2 h2 a, .col3 h2 a {color: #3f3f3f;}
.col2 h2 a:hover, .col3 h2 a:hover, .col2 h2 a:hover, .col3 h2 a:hover {color: 	#ff8400;}
.columns .post h2 {font-weight: 300;}
.columns h2:first-child {margin-top: 0;}
.columns .col3 h3:first-child {margin-top: 0; font-size: 1.385em;}

.col1 .img img {width: 100%;}
.col2 img, .col3 img, .col4 img, .col6 img, .col5 img {width: 100%;}
.col2 img {max-width: 455px;}
.col3 img {max-width: 300px;}
.col4 img {max-width: 220px;}
.col6 img {max-width: 140px;}
.col34 img {max-width: 705px;}

.col2.post {margin-bottom: 40px;}
.col3.post h2, .col2.post h2 {margin: 0.5em 0 0;}
.col3 h3 {margin-bottom: 0.5em; font-size: 1.538em;}
.col3 h3 img, .col4 h3 img {width: auto; margin-right: 5px;}
.col3 p {margin: 0.5em 0;}

.img-border {max-width: 100%; width: auto;}
a:hover span.img-border {opacity: 0.7;}
.post>p>img, .single>article>p>img, .post>p>.img-border img, .single>article>p>.img-border img, .post .img-border img {max-width: 100%;}
*>.img-border>img {margin: 0;}

.post .img-border { margin-bottom:15px}


@media (max-width: 800px){
    .columns>.col23, .columns>.col2, .columns>.col3, .columns > .col3:nth-of-type(3n-2), .columns>.col4, .columns>.col34 {width: 48%; margin-left: 3%;}
    .columns>.col23 + .col3 {margin-left: 2%;}
    .columns>.col2:nth-of-type(2n-1), .columns>.col3:nth-of-type(2n-1), .columns>.col4:nth-of-type(2n-1), .columns>.col34:nth-of-type(2n-1), .columns>.col23:nth-of-type(2n-1) {margin-left: 0;}
    .col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img {width: 100%;}
    .col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img {max-width: 100%;}
    .col2 .img-border, .col3 .img-border, .col4 .img-border {width:100%;}
    .columns>.col4+.col4+.col2 {margin-left: 0 !important;}
}

@media (max-width: 400px) {
    .columns>.col23, .columns>.col2, .columns>.col3, .columns>.col4, .columns>.col34 {width: 98%; margin-left: 0;}
    .col23+.col3 {width: 98%; margin-left: 0;}
    .col6 {width: 48%;}
    .col5 {width: 48%;}
    .col5:nth-of-type(2n-1) {margin-left: 0;}
    .columns>.col6:nth-of-type(2n-1), .columns>.col2:nth-of-type(2n-1), .columns>.col3:nth-of-type(2n-1), .columns>.col4:nth-of-type(2n-1) {margin-left: 0;}
    .col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img {width: 100%;}
    .col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img {max-width: 100%;}
    .col2 .img-border, .col3 .img-border, .col4 .img-border {width:100%;}
    .columns>.col23, .columns>.col2, .columns>.col3, .columns > .col3:nth-of-type(3n-2) {margin-left: 0; width: 100%;}
    
}

/* overwrite portfolio item margins */

.next-item {margin-left: 3% !important;}

@media (max-width: 400px){
    .first-item {margin-left: 0 !important;}
    .next-item {margin-left: 0 !important;}
}

/* Widely used classes and styles
------------------------------------------ */
.more a {padding-left: 15px; background: url("/images/more.png") 0 50% no-repeat; color: #3f3f3f;}
.more a:hover {color: #999999; text-decoration:underline;}

.back a {padding-left: 15px; background: url("/images/back.png") 0 50% no-repeat; color: #3f3f3f;}
.back a:hover {color: #999999; text-decoration:underline;}

a.go-top {position: fixed; right: 0; bottom: 50px; display: block; overflow: hidden; width: 44px; height: 40px; background: #AEAEAE url("/images/go-top.png") 50% 50% no-repeat; text-indent: -50em; }
@media (max-width: 960px){
    a.go-top {display: none;}
}

h2.alt {border-bottom: 1px solid #dfdfdf; font:300 2.254em din-2014, sans-serif;}
h2.alt span {display: inline-block; margin-bottom: -1px; padding: 10px 0; border-bottom: 2px solid #ff8400;}

.dc, .dc-alt {float: left; margin: 0.3em 10px 5px 0; color: #3f3f3f; font-size: 4em;}
.dc-alt {color: #ff8400;}

ul.tick li {margin-left: 0; padding-left: 25px; background: url("/images/tick.png") 0 1px no-repeat;}
ul.tick li:before {display: none;}
ul.dash li {margin-left: 0;}
ul.dash li:before {overflow: hidden; float: left; width: 7px; margin-right: 10px; content: "—";}

div.video {position: relative; padding-bottom: 45%; padding-top: 25px; height: 0;}
div.video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
iframe {border: none;}

.img-border {display: inline-block; position: relative;}
.img-border:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: inset 0 0 0 4px rgba(0,0,0,0.1); content: " ";}

.posts .img-border {width: auto;}

.post .page-nav { margin-top:30px}

.table {overflow-x: auto;}

/* tabs */
ul.tabs {margin: 0 0 1em; border-bottom: 1px solid #dfdfdf;}
ul.tabs:after {clear: both; display: block; height: 0; content: ' ';}
ul.tabs li {float: left; margin: 2px 4px 0 0; }
ul.tabs li a {float: left; border: 1px solid #dfdfdf; color: #3f3f3f; margin: 0 0 -1px; padding: 0 10px; font: 300 1.231em/35px din-2014, sans-serif;}
ul.tabs a.selected {padding-bottom: 2px; border: 1px solid #DDDDDD; border-bottom: 3px solid #CCCCCC; background: #DDDDDD; color: #3F3F3F; line-height: 31px;}
.tab-content h2 {font-weight: 300; font-size: 1.538em;}
@media (max-width: 600px) {
    ul.tabs li {float: none; margin: 0;}
    ul.tabs li a {float: none; display: block; margin: 0;}
    ul.tabs li a.selected {border-bottom-color: #CCCCCC;}
    ul.tabs {height: auto;}
}


.tabbed.alt ul.tabs {float: left; width: 25%; height: auto; margin: 0;}
.tabbed.alt ul.tabs li {float: none; margin: 0;}
.tabbed.alt ul.tabs li a {float: none; display: block; border-right: none; border-top: none;}
.tabbed.alt ul.tabs li:first-child a {border-top: 1px solid #dfdfdf;}
.tabbed.alt ul.tabs li:first-child a.selected {border-top: none;}
.tabbed.alt .tab-content {overflow: hidden; width: 74%; padding: 0 0 0 5%; border-left: 1px solid #dfdfdf;}

/* pagination */
.wp-pagenavi {display: block; clear: both; margin: 1em 0; font-size: 1.308em;}
.wp-pagenavi span.current {display: inline-block; margin-right: 5px; padding: 0 5px; color: #ff8400;}
.wp-pagenavi a {display: inline-block; margin-right: 5px; padding: 0 5px; color: #3f3f3f;}
.wp-pagenavi a:hover {color: #ff8400;}
.wp-pagenavi a.nextpostslink {padding-right: 20px; background: url("/images/more.png") right center no-repeat; font-size: 0.706em;}
.wp-pagenavi a.previouspostslink {padding-left: 20px; background: url("/images/back.png") left center no-repeat; font-size: 0.706em;}

/* accordion */
ul.accordion {border-top: 1px solid #e5e5e5;}
ul.accordion li {margin: 0; border-bottom: 1px solid #e5e5e5;}
ul.accordion li>a {display: block; padding: 5px 0 5px 25px; color: #3f3f3f; font: 300 1.333em din-2014, sans-serif; outline: none;}
ul.accordion li>a:before {float: left; position: relative; margin: -3px -20px 0; color: #999999; font: 400 1.308em din-2014, sans-serif; content: "+";}
ul.accordion li>a.expanded:before {color: #aeaeae; content: "-";}
ul.accordion li>div {display: none;}

/* sliders in content */
.content-slider {overflow: hidden;}
.content-slider>h2:first-child {margin-bottom: 0.75em; border-bottom: 1px solid #dfdfdf; font-weight: 300;}
.content-slider.related>h2:first-child {font-size: 1.846em;}
.content-slider>div.slider-box {position: relative; overflow: hidden; width: 100%; height: 250px; margin: 0; padding: 0;}
.content-slider .next-prev {position: relative; top: -50px; float: right; overflow: hidden; margin: 0 0 -15px; padding: 0;}
.content-slider h2+.next-prev {top: -65px;}
.content-slider .next-prev li {float: left; margin: 0; width: 22px;}
.content-slider .next-prev a {float: left; overflow: hidden; width: 22px; height: 22px; background: url("/images/slider2-controls.png"); text-indent: -1000px; outline: none;}
.content-slider .next-prev .prev a {background-position: 0 0;}
.content-slider .next-prev .next a {background-position: -22px 0;}
.content-slider>div {padding: 0;}
.content-slider>div>div {overflow: hidden; position: absolute; left: 0; top: 0; padding: 0;}
.content-slider article {display: inline-block; width: 220px; margin: 0 20px 0 0; vertical-align: top;}
.content-slider article h3 {margin: 0.5em 0; font-size: 1.231em}
.content-slider.related article h3 {font-size: 1.385em;}
.content-slider article h3 a {color: #3f3f3f;}
.content-slider article h3 a:hover {color: #ff8400;}
.content-slider article p {margin: 0; color: #999;}
.content-slider article img {width: 100%; max-width: 220px;}
.content-slider.related>div {height: 250px;}

.content-slider.related article>div {position: relative; overflow: hidden;}
.content-slider.related article div div {display: none;}
.content-slider.related article div:hover div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8);}
.content-slider.related article div ul {overflow: hidden; position: relative; z-index: 3; top: 60px; list-style: none; width: 70px; margin: 0 auto; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;}
.content-slider.related article div ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;}
.content-slider.related article div ul li:first-child {margin-left: 0;}
.content-slider.related article div ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url("/images/actions.png"); text-indent: -500em; vertical-align: middle;}
.content-slider.related article div ul li a.view {background-position: 0 0;}
.content-slider.related article div ul li a.go {background-position: -34px 0;}

.main .content-slider>div.slider-box {height: 220px;}
.main .content-slider article {width: 155px; height: 210px;}
.main .content-slider article p {margin-top: 1em; line-height: 1.2em; color: #3f3f3f;}
.main .content-slider.big>div.slider-box {height: 280px;}
.main .content-slider.big article {width: 210px; height: 280px; font: 300 1.231em din-2014, sans-serif;}


/* sliders
------------------------------------------ */

.slider {position: relative; z-index: 2; overflow: hidden;}
.slider div.video {overflow: hidden; height: auto;} 

.slider > * {opacity:0;}
.slider1, .bannerimg {  width: 100%; overflow:hidden;  z-index: 7; position: relative; max-height:700px; }
.bannerimg{
    /*-webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(40%);
    filter: gray;*/
}
.boxed .slider1 {width: 100%; padding: 0;}
.slider1 article {position: absolute; left: 0; top: 0; width: 100%; min-height: 430px; margin: 0;}
.banner-logo-tw{
      max-width: 185px;
    position: absolute;
    right: 3em;
    bottom: 3em;
}


@media (max-width: 840px){
	.banner-logo-tw {
    max-width: 350px;
    width: 80%;
    position: absolute;
    right: 3em;
    bottom: 7em;
    margin: 0 auto;
    display: block;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    right: 0;
    left: 50%;
}
}


    .banner-text-inner{
    /*max-width: 500px !important;*/
    text-align: center;
    float: none;
    margin-right: none;
  }

  @media (min-width: 1000px){
.slider1 .banner-text {

  }

    .banner-text-inner{
/*max-width: 700px !important;*/
    text-align: center;

  }
  }




    .slider1 .banner-text table{
      margin: 0 auto;
      min-height: 118px;
    }


    .slider1 .banner-text table tr td{
    	width:100%;

    }

    .slider1 .banner-text table tr td{     padding: 3em;
    border: none;
    border-bottom: 0px solid #e5e5e5;
    text-align: left;
    vertical-align: middle; }

    .slider1 .banner-text table tr td:last-of-type{
      max-width: 275px;
    }



.slider1 .banner-text-inner { max-width: 1280px;
    margin: 0 auto;}
.boxed .slider1 article div {margin: 0 0 0 -450px;}

.slider1 article div.video {width: 960px; margin-left: -480px;}
.slider11 h2 {margin: 0; color: #3f3f3f; font-size: 3em; line-height: 1.2em; margin-bottom: 0.5em; text-align: center !important;     text-shadow: 0px 0px 20px #cdcdcd;}
.slider1 h3 {margin: 0; color: #3f3f3f; font-size: 2.254em; line-height: 1.2em;}
.slider1 h3 strong {color: #ff8400; font-weight: 300;}
.slider1 p {color: #fff; font-size: 21pt !important;  margin: 0 auto; font-weight: bold;}
.slider1 p.cta {width: 254px;  padding: 0 5px; /*background: url("/images/slider-cta-bg.png") no-repeat; */ }
.slider1 p.cta a {color: #3f3f3f;}
.slider1 p.cta a:hover {color: #ff8400;}
.slider1 p.cta a.button { border: none; color: #fff; float: left; }
.slider1 .flex-direction-nav {position: absolute; left: 0; top: 50%; width: 100%;  z-index: 2; margin: 0; padding: 0; list-style: none;}
.slider1 .flex-direction-nav li {position: absolute; top: 50%; margin: 0; width: 30px; margin-top:-15px;}
.slider1 .flex-direction-nav .flex-nav-prev {left: 0;}
.slider1 .flex-direction-nav .flex-nav-next {right: 0;}
.slider1 .flex-direction-nav a { font-size:0; display: block; position: absolute; top: 50%; overflow: hidden; width: 30px; height: 100px; margin: -50px 0 0 0; background: url("/wp-content/themes/lighttheme/images/slider1-controls1.png"); text-indent: -1000px; outline: none;}
.slider1 .flex-direction-nav .flex-nav-prev a {background-position: 0 0; opacity: 0.6;}
.slider1 .flex-direction-nav .flex-nav-prev a:hover {opacity: 1;}
.slider1 .flex-direction-nav .flex-nav-next a {background-position: -30px 0; opacity: 0.6;}
.slider1 .flex-direction-nav .flex-nav-next a:hover {opacity: 1;}
.slider1 .slider-pager {overflow: hidden; position: absolute; left: 50%; bottom: 20px; z-index: 50; margin: 0 0 0 -480px; padding: 0; list-style: none;}
.slider11 h2, .slider1 h3 {
    color: #000;
    /*text-shadow: 1px 1px 10px #000;*/
    text-align: left;
    margin:0;

}

@media (min-width: 0px){
	.slider11 h2 {font-size: 3em;}
	.slider1 h3 {font-size: 1.2em;}
		.slider1 .banner-text table tr td:nth-child(2){
	max-width: unset;



}

.slider1 .banner-text table {
    width: 100%;
    
}

	.slider1 .banner-text table tr td:last-of-type{
		max-width:unset !important;
	}

.slider1 .banner-text table tr td{
	width:100%;
	display: block;
	padding:0.5em 0;
}

.slider1 .banner-text-inner{
padding:1.5em;
}
}

@media (min-width: 750px){

.slider1 .banner-text table {
    width: unset;

}

.slider1 .banner-text-inner{
	padding:unset;
}

	.slider11 h2 {font-size: 4em;}
	.slider1 h3 {font-size: 1.4em;}
		.slider1 .banner-text table tr td:nth-child(2){
	min-width: 300px;

}
	.slider1 .banner-text table tr td:last-of-type{
		max-width:275px !important;
	}

.slider1 .banner-text table tr td{
	padding:3em;
	display: table-cell;
	width: unset;
}
}


@media (min-width: 950px){
	
	.slider1 h3 {font-size: 1.9em;}
		.slider1 .banner-text table tr td:nth-child(2){
	min-width: 350px;

}
}

@media (min-width: 1100px){
	.slider11 h2 {font-size: 6em;}
	.slider1 h3 {font-size: 2.254em;}
	.slider1 .banner-text table tr td:nth-child(2){
	min-width: 500px;

}
}
/*Visible when hover for slider 4*/
/*
.slider1 .next-prev {
display: none;
}

.slider1:hover .next-prev {
display: block;
}*/

.boxed .slider1 .slider-pager {margin-left: -430px;}
.slider-pager li {display: inline-block; margin: 0; padding: 0;}
.slider-pager a {float: left; overflow: hidden; width: 18px; height: 18px; background: url("/images/paginator-silver.png") -13px 50% no-repeat; text-indent: 500px; outline: none;}
.slider-pager a.selected {background-position: 4px 50%;}

@media (max-width: 1260px){
    .slider1 article {left: 0; margin-left: 0;}
    .slider1 .slider-pager {left: auto; right: 20px; margin-left: 0;}
} 
@media (max-width: 1080px){
    .slider1 article {left: 0; margin: 0 -20px 0 0; padding: 0 20px;}
    .slider1 article div, .boxed .slider1 article div {width: 50%; top: 30px; left: 40px; margin-left: 0;}
    .slider1 article p {font-size: 1em; line-height: 1.3em;}
}

@media (max-width: 940px){
    .slider1 article div {top: 1em;}
}
@media (max-width: 790px) {
    .slider1 .next-prev {display: none;}
    .slider1 article {padding: 0;}
    .slider1 article div, .boxed .slider1 article div {left: 20px;}
}
@media (max-width: 650px) {
    .slider1 article h3 {font-size: 2.308em;}
}

.slider2 {max-width: 940px; height: 351px; margin: 0 auto; padding: 20px; }
.slider2 article {position: absolute; left: 50%; top: 20px; width: 100%; max-width: 940px; margin-left: -470px;}
@media (max-width: 960px){
    .slider2 article {left: 0; margin-left: 0;}	
}

.slider2 article img, .slider2 article div.video {position: static; width: 100%;}
.slider2 article div {position: absolute; left: 0; bottom: 20px; width: 94%; margin: 0 3%; background: rgba(255,255,255,0.8);}
.slider2 article div h3 {width: 80%; margin: 0 auto; padding: 10px 0; color: #3f3f3f; font-size: 1.769em; text-align: center;}
.slider2 .slider-pager {display: none;}
.slider2 .next-prev {position: absolute; left: 0; bottom: 85px; z-index: 50; width: 88%; height: 0; margin: 0 6%;}
.slider2 .next-prev li {position: absolute; top: 10px; margin: 0; width: 22px;}
.slider2 .next-prev .prev {left: 0;}
.slider2 .next-prev .next {right: 0;}
.slider2 .next-prev a {display: block; overflow: hidden; width: 22px; height: 22px; background: url("/images/slider2-controls.png"); text-indent: -1000px; outline: none;}
.slider2 .next-prev .prev a {background-position: 0 0;}
.slider2 .next-prev .next a {background-position: -22px 0;}
@media (max-width: 800px) {
    .slider2 article div h3 {font-size: 1.077em; line-height: 2em;}
}
@media (max-width: 400px) {
    .slider2 article div h3 {font-size: 0.923em;}
}

.slider3 {width: 100%; padding: 25px 0 30px; background: #ebebeb;}
.slider3 .slider {height: 370px; overflow: visible!important;}
.slider3>div {position: relative; overflow: visible; width: 94%; max-width: 940px; margin: 0 auto; padding-bottom: 15px; background: url("/images/slider3-shadow.png") 50% 100% no-repeat;}
.slider3 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 10px 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.slider3 .img-border, .slider3 .video {float: left; width: 75%; max-width: 700px; margin: 0 20px 0 10px;}
.slider3 .img-border img {width: 100%;}
.slider3 h3 {margin: 0.5em 0; font-size: 2.615em; font-weight: 500; line-height: 1em;}
.slider3 h3, .slider3 p {margin-right: 10px;}
.slider3 p {font-size: 1.077em;}
.slider3 p a.button {font-size: 0.929em;}
.slider3 .next-prev {position: absolute; left: -30px; top: 0; z-index: 1; width: 100%; height: 70px; margin: 0; padding: 0 30px;}
.slider3 .next-prev li {position: absolute; top: 0; height: 370px; margin: 0; padding: 0;}
.slider3 .next-prev li.next {right: 0;}
.slider3 .next-prev li.prev {left: 0;}
.slider3 .next-prev a {display: block; overflow: hidden; position: absolute; top: 50%; width: 30px; height: 70px; margin-top: -35px; background: url("/images/slider3-controls.png"); text-indent: -50em; opacity: .5;}
.slider3 .next-prev a:hover {opacity: 1;}
.slider3 .next-prev .next a {right: 0; background-position: -30px 0;}
.slider3 .next-prev .prev a {left: 0; background-position: 0 0;}
.slider3 .slider-pager {position: absolute; z-index: 50; left: 0; top: auto; bottom: -25px; width: 100%; margin: 0; padding: 0; text-align: center;}

/* uncomment to hide arrows for boxed version */
.boxed .slider3 .next-prev {display:none;}

@media (max-width: 1045px) {
    .slider3 h3 {font-size: 2em;}
    .slider3 p {font-size: 1em;}
}
@media (max-width: 980px) {
    .slider3 {margin-left: -20px; margin-right: -20px; padding: 25px 20px 45px;}
}
@media (max-width: 940px) {
    .slider3 h3 {font-size: 1.692em;}
    .slider3>div {background-image: none;}
}
@media (max-width: 900px) {
    .slider3 h3 {font-size: 1.538em;}
    .slider3 .img-border {max-width: 60%;}
    .slider3>div {background: none;}
}
@media (max-width: 770px) {
    .slider3 .img-border {display: block; float: none; width: auto; max-width: 770px; margin: 0;}
    .slider3 h3, .slider3 p {margin-left: 10px; margin-right: 10px;}
    .slider3 article {margin: 0 -10px; padding: 10px;}
    .slider3 .next-prev .next a {right: -10px;}
    .slider3 .next-prev .prev a {left: -10px;}
}

.slider4 {width: 100%; padding: 25px 0 45px; background: #ececec;}
.slider4 .slider {height: 308px; overflow: visible!important;}
.slider4>div {position: relative; overflow: visible; width: 100%; max-width: 960px; margin: 0 auto;}
.slider4 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 0;}
.slider4 article>div {float: right; width: 63%; max-width: 600px; margin: 0 20px 0 10px; padding: 5px 0 15px; background: url("/images/slider4-shadow.png") 50% 100% no-repeat;}
.slider4 article>div>span {display: block;}
.slider4 article>div>span, .slider4 article>div>div.video {box-shadow: 0 0 4px rgba(0,0,0,0.2);}
.slider4 .img-border, .slider4 .video {border: 10px solid #fff; }
.slider4 .img-border img {width: 100%;}
.slider4 h3 {margin: 0.5em 0; font-size: 2.846em; font-weight: 400; line-height: 1em;}
.slider4 h3, .slider4 p {margin-right: 10px;}
.slider4 p {font-size: 1.077em;}
.slider4 h3+p {color: #3f3f3f; font: 300 1.643em/1.2em din-2014, sans-serif;}
.slider4 p a.button {font-size: 0.929em;}
.slider4 .next-prev {display: none;}
.slider4 .slider-pager {position: absolute; top: auto; bottom: -40px; z-index: 50; width: 100%; margin: 0; text-align: center;}

/* uncomment to hide arrows for boxed version */
/*.boxed .slider4 .next-prev {display:none;}*/

@media (max-width: 1045px) {
    .slider4 h3 {font-size: 2em;}
    .slider4 p+p {font-size: 1em;}
}
@media (max-width: 980px) {
    .slider4 {margin-left: -20px; margin-right: -20px; padding: 25px 20px 45px;}
}
@media (max-width: 940px) {
    .slider4 h3 {font-size: 1.692em;}
    .slider4 article>div {background-image: none;}
}
@media (max-width: 900px) {
    .slider4 h3 {font-size: 1.538em;}
    .slider4 h3+p {font-size: 1.385em;}
}
@media (max-width: 770px) {
    .slider4 .img-border {display: block; float: none; width: auto; max-width: 770px; margin: 0;}
}
@media (max-width: 600px) {
    .slider4 article>span {float: none; width: 100%;}
    .slider4 article>div {float: none; width: auto; margin: 0;}
}

.slider5 {background: #4b3d30;}
.slider5>div {overflow: hidden; width: auto; max-width: 940px; margin: 0 auto; padding: 25px 0 10px;}
.slider5 form {float: left; width: 45%; max-width: 420px; height: 320px;}
.slider5 .slider {position: relative; float: right; width: 52%; max-width: 480px; padding: 0 0 23px; border: 10px solid #fff; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.slider5 article {position: absolute; left: 0; top: 0; width: 100%; padding: 0;}
.slider5 article .img-border, .slider5 article .video {position: relative; z-index: 0;}
.slider5 article .img-border img {width: 100%;}
.slider5 h3 {position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; margin: 0; padding: 10px 0; background: rgba(0,0,0,0.6); color: #fff; font: 300 1.385em/1em din-2014, sans-serif; text-align: center;} 
.slider5 .next-prev {display: none;}
.slider5 .slider-pager {position: absolute; left: 0; bottom: -8px; width: 100%; margin: 0; text-align: center;}
.home .slider5 h2:first-child, .slider5 h2:first-child, .home .slider5 h2 {margin-top: 0em; margin-bottom: 0.5em; border: none; color: #fff; font-size: 3em; line-height: 1.2em; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);}


.slider5 h2 strong {color: #ff8400; font-weight: 500;}
.slider5 h2 + p {margin-bottom: 0.5em; color: #fff; font: 300 1.438em din-2014, sans-serif; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);}
.slider5 p.input {display: inline-block; width: 46%; margin: 0 10px 10px 0;}
.slider5 p.input input {width: 90%; margin: 0; padding: 10px 5%; border: none; border-radius: 2px; font-size: 1.077em;}
.slider5 p.textarea {width: 92%; margin: 0 0 10px;}
.slider5 p.textarea textarea {width: 96%; max-width: 96%; height: 70px; min-height: 70px; margin: 0; padding: 10px 3%; border: none; border-radius: 2px; font-size: 1.077em;}
.slider5 p.submit {margin: 0;}
.slider5 form {
    height: auto;	
}
@media (max-width: 980px) {
    .slider5 {margin: 0 -20px; padding: 0 20px;}
    .slider5>div {margin: 0 -20px; padding: 25px 20px;}
    .slider5 .slider {margin-right: 0;}
    .home .slider5 h2:first-child, .slider5 h2:first-child, .home .slider5 h2 {font-size: 2em;}
    .slider5 h2:first-child {
        margin-right: 10px;	
    }
}
@media (min-width: 601px) and (max-width: 670px) {
    .home .slider5 h2:first-child, .slider5 h2:first-child, .home .slider5 h2 {font-size: 1.5em;}
    .slider5 h2 + p {font-size: 1em;}
    .slider5 p.input {width: 95%;}
    .slider5 p.input input {padding: 3px 5%;}
    .slider5 form {
        height: auto;	
    }
    .slider5 h2:first-child {
        margin-right: 10px;	
    }
}
@media (max-width: 600px) {
    .slider5 .slider, .slider5 form {float: none; width: auto; margin: 0 auto 1em;}
    .slider5 form {
        height: auto;	
    }
}

.slider6 {padding: 25px 0 10px; background: #ebebeb;}
.slider6>div {width: 95%; max-width: 940px; margin: 0 auto; padding-bottom: 15px; background: url("/images/slider6-shadow.png") 50% 100% no-repeat;}
.slider6>div>div {border: 10px solid #fff; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.slider6 .slides {float: left; position: relative; width: 81%!important; max-width: 750px; height: 344px;}
.slider6 article {display: none; position: absolute; left: 0; top: 0; width: 100%; }
.slider6 article:after {clear: both;}
.slider6 article:first-child {display: block;}
.slider6 article .img {overflow: hidden; width: 100%;}
.slider6 article img {position: relative; z-index: 0; width: 100%; margin: 0;}
.slider6 article h3 {position: absolute; left: -16px; bottom: 23px; z-index: 2; margin: 0; padding: 10px 30px; background: #fff;  box-shadow: 0 0 3px rgba(0,0,0,0.15); color: #747474; font: 300 2.154em/1em din-2014, sans-serif;}
.slider6 article h3:before {display: block; position: absolute; left: 0; bottom: -10px; content: ' '; width: 0; height: 0; border-left: 3px solid transparent; border-top: 5px solid #aeaeae; border-right: 3px solid #aeaeae; border-bottom: 5px solid transparent;}
.slider6 .img-border, .slider6 .video {display: block;}
.slider6 .menu {float: right; position: relative; width: 18%!important;}
.slider6 .menu a.prev {display: block; overflow: hidden; height: 16px; background: #fff url("/images/up-down.png") 50% 0 no-repeat; text-indent: -50em;}
.slider6 .menu a.next {display: block; overflow: hidden; height: 16px; background: #fff url("/images/up-down.png") 50% 100% no-repeat; text-indent: -50em;}
.slider6 .menu div {overflow: hidden; position: relative; height: auto; margin-top: 6px;}
.slider6 .menu ul {position: absolute; left: 0; top: 0; list-style: none; margin: 0; padding: 0;max-width:97%!important}
.slider6 .menu li {width: 100%; margin: 0 0 6px; padding: 0;}
.slider6 .menu li .img-border, .slider6 .menu li .img-border img {max-width: 100%;}
.slider6 .caroufredsel_wrapper {width: 100% !important;height:100%!important}

@media (max-width: 980px) {
    .slider6 {margin: 0 -20px; padding: 25px 20px 10px;}
}
@media (max-width: 960px) {
    .slider6>div {background: none;}
}
@media (max-width: 600px) {
    .slider6 article h3 {font-size: 1.385em;} 
}
@media (max-width: 650px) {
    .slider6 .menu ul {
        width: 100%;
    }
    .slider6 .menu {
        margin-right: -4px;	
    }
}

.slider7 {overflow: hidden; margin: 0; background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}
.slider7>div {margin: 0 -5px; padding: 0 5px; box-shadow: inset 0 -3px 2px 2px rgba(0,0,0,0.05);}
.slider7>div>div {overflow: hidden; position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 25px 0;}
.slider7 .slider {position: relative; z-index: 2; float: right; width: 68%; max-width: 650px; height: 360px; margin: 0; padding: 0; box-shadow: 0 0 4px rgba(0,0,0,0.25);}
.slider7 article {overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: #fff;}
.slider7 article img, .slider7 article div.video {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; margin: 0;}
.slider7 article img {
    height: 100%;
    width: auto;
}
.slider7 article div.video {position: static; width: 100%; height: 100%;}
.slider7 article div {position: relative; z-index: 2; float: right; width: 40%; padding: 40px 20px 0;}
.slider7 h3 {margin: 0 0 0.5em; color: #fff; font-size: 2.462em;}
.slider7 article p {color: #fff; font-size: 1.077em;}
.slider7 .next-prev, .slider7 .slider-pager {display: none;} 
.slider7 .controls {position: absolute; left: 0; z-index: 1; width: 33%; margin-left: 0;}
.slider7 .controls .button {margin: 0 15px;}
.slider7 .controls ul {margin: 10px 0 3em;}
.slider7 .controls ul li {margin: 0; padding: 0;}
.slider7 .controls ul a {display: block; padding: 15px 0; color: #3f3f3f; font: 300 1.385em/1em din-2014, sans-serif; outline: none;}
.slider7 .controls ul a:hover, .slider7 .controls ul .active a {background: rgba(0,0,0,0.12);}
.slider7 .controls ul a:before {float: left; width: 30px; height: 30px; margin: -5px 10px 0 15px; border-radius: 16px; background-color: #999; background-position: 50% 50%; background-repeat: no-repeat; content: ' ';}
.slider7 .controls ul .active a:before {background-color: #ff8400;}
.slider7 .controls ul a:before {background-image: url("/images/icon-camera.png");}
.slider7 .controls ul a.info:before {background-image: url("/images/icon-info.png");}
.slider7 .controls ul a.cart:before {background-image: url("/images/icon-cart.png");}
.slider7 .controls ul a.people:before {background-image: url("/images/icon-people.png");}
.slider7 .controls ul a.mail:before {background-image: url("/images/icon-mail.png");}
@media (max-width: 1000px) and (min-width: 651px) {
    .slider7 {margin: 0 -20px; padding: 0 20px;}
    .slider7>div {margin: 0 -20px;}
    .slider7 .controls ul a {font-size: 1.077em;}
    .slider7 .controls ul a:before {margin-top: -8px;}
}
@media (max-width: 880px) and (min-width: 651px) {
    .slider7 .controls {left: -10px;}
    .slider7 .slider {margin-right: 10px;}
    .slider7 h3 {font-size: 1.385em;}
}
@media (max-width: 840px) and (min-width: 651px) {
    .slider7 .slider {width: 60%;}
    .slider7 .controls {width: 40%;}
    .slider7 .controls ul {margin-bottom: 1em;}
}
@media (max-width: 800px) and (min-width: 651px) {
    .slider7 .controls ul a {padding: 12px 0;}
}
@media (max-width: 700px) and (min-width: 651px) {
    .slider7 .controls ul {margin: 0;}
    .slider7 .controls ul a:before {display: none;}
    .slider7 .controls ul a {padding: 10px;}
    .slider7 article div {padding: 20px 10px 0;}
    .slider7 h3 {font-size: 1.154em}
    .slider7 article p {font-size: 1em; line-height: 1.2em;}
}
@media (max-width: 650px) {
    .slider7 {margin: 0 -20px; padding: 0 20px;}
    .slider7>div {margin: 0 -20px;}
    .slider7 .controls {position: static; float: none; clear: both; width: 100%; margin-left: 0;}
    .slider7 .slider {float: none; width: 100%;}
}
@media (max-width: 650px)  {
    .slider7 h3 {font-size: 1.462em;}
    .slider7 article div {padding: 20px 10px 0;}
}
@media (max-width: 450px)  {
    .slider7 h3 {font-size: 1.231em; line-height: 1.2em;}
    .slider7 article p {font-size: 1em; line-height: 1.2em;}
}

.slider8 {position:relative; width: 100%; height: 542px;}
.slider8 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; height: 100%; padding: 0;}
.slider8 article>div {position: relative; z-index: 2; width: 100%; max-width: 940px; height: 100%; margin: 0 auto;}
.slider8 article>div>div {float: right; width: 28%; height: 100%; max-width: 275px; margin: 0; padding: 1px 20px; background: rgba(0,0,0,0.75); color: #fff;}
.slider8 img {position: absolute; left: 0; top: 0; z-index: 1; width: 100%;}
.slider8 h3 {margin: 1em 0 0.5em; color: #fff; font-size: 2.769em; font-weight: 300; line-height: 1em;}
.slider8 h3 strong {color: #ff8400; font-weight: 300;}
.slider8 p a.cta {display: inline-block; height: 30px; padding: 0 30px 0 20px; background: url("/images/slider-cta-bg.png") 100% 50% no-repeat; color: #3f3f3f; font-size: 0.929em; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.slider8 .next-prev {position: absolute; left: 0; top: 50%; z-index: 50; width: 100%; height: 0; margin: -30px 0 0;}
.slider8 .next-prev li {margin: 0; width: 30px;}
.slider8 .next-prev .prev {float: left;}
.slider8 .next-prev .next {float: right;}
.slider8 .next-prev a {display: block; overflow: hidden; width: 30px; height: 60px; background: url("/images/slider8-controls.png") no-repeat; background-color: rgba(255,255,255,0.9); text-indent: -1000px; outline: none;}
.slider8 .next-prev a:hover {background-color: #fff;}
.slider8 .next-prev .prev a {background-position: 0 50%;}
.slider8 .next-prev .next a {background-position: -30px 50%;}
.slider8 .slider-pager {position: absolute; z-index: 50; left: 50%; z-index: 100; top: auto; bottom: 30px; width: 275px; margin: 0 0 0 170px; padding: 0 20px;}
.slider8 .slider-pager li {display: inline-block; width: 18px; margin: 0; padding: 0;}
.slider8 .slider-pager a {float: left; overflow: hidden; width: 10px; height: 10px; border-radius: 6px; background: rgba(255,255,255,0.4); text-indent: 500px; outline: none;}
.slider8 .slider-pager a.selected {background: rgba(255,255,255,1);}

/* uncomment to hide arrows for boxed version */
/* .boxed .slider8 .next-prev {display: none;} */

@media (max-width: 1000px) {
    .slider8 .slider-pager {left: auto; right: 0; bottom: 10px; width: 28%;}
}
@media (max-width: 980px) {
    .slider8 {margin: 0 -20px; padding: 0 20px;}
}
@media (max-width: 960px) {
    .slider8 article>div>div {width: 50%; max-width: 50%; padding-right: 40px;}
    .slider8 .slider-pager {width: auto;}
}
@media (max-width: 800px) {
    .slider8 h3 {font-size: 2em;} 
}
@media (max-width: 650px) {
    .slider8 article>div>div {width: 75%; max-width: 75%;}
    .slider8 h3 {font-size: 1.5em;}
    .slider8 p {line-height: 1.2em;} 
}
@media (max-width: 580px) {
    .slider8 h3 {font-size: 1.3em;}
    .slider8 p {font-size: 0.917em; line-height: 1.2em;} 
}
@media (max-width: 420px) {
    .slider8 h3 {font-size: 1em;}
    .slider8 p {font-size: 0.769em;}
    .slider8 p a.cta {padding: 0; height: auto; background: none; color: #fff; line-height: 1em;}
}
@media (max-width: 400px) {
    .slider8 .next-prev li.prev {padding-left: 10px;}
    .slider8 .next-prev li.next {padding-right: 10px;}
    .slider8 h3 {margin-bottom: -0.5em; font-size: 0.923em;}
}

.slider9 {position:relative; width: 100%; padding: 30px 0 65px; background: #f6f6f6;}
.slider9 .slider {max-width: 940px; height: 347px;overflow:visible!important}
.slider9>div {position: relative; overflow: visible; width: 100%; max-width: 960px; margin: 0 auto;}
.slider9 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 0;}
.slider9 article>div {float: right; width: 60%; max-width: 580px; margin: 2px 2px 2px 0;  padding: 0 0 15px; background: url("/images/slider4-shadow.png") 50% 100% no-repeat;}
.slider9 article>div>div {position: relative; padding: 10px; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.1);}
.slider9 .img-border {border: none;}
.slider9 .video  {width: auto;}
.slider9 .img-border img {width: 100%;}
.slider9 h3 {margin: 0.5em 0; font-size: 2.615em; font-weight: 400; line-height: 1em;}
.slider9 h3, .slider9 p {margin-right: 10px;}
.slider9 h3+p {font: 300 1.385em/1.2em din-2014, sans-serif;}
.slider9 p a.button {margin-right: 20px; font-size: 0.929em;}
.slider9 p .more {white-space: nowrap;}
.slider9 .next-prev {display: none;}
.slider9 .slider-pager {display: none;}
.slider9 .slider-titles {position: absolute; z-index: 21; left: 0; bottom: 0; width: 100%; height: 50px; margin: 0; border-bottom: 1px solid #636363; background: #747474; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset; list-style: none; text-align: center;}
.slider9 .slider-titles li {display: inline-block; height: 50px; margin: 0;}
.slider9 .slider-titles li:hover, .slider9 .slider-titles li.active {background: #3f3f3f;}
.slider9 .slider-titles a {display: inline-block; height: 50px; padding: 0 20px; color: #fff; font: 300 1.154em/50px din-2014, sans-serif;}
.slider9 .slider-titles .active>a {margin-top: -6px; padding-top: 6px; background: url("/images/arrow-up-gray.png") 50% 0 no-repeat;}

@media (max-width: 980px) {
    .slider9 {margin-left: -20px; margin-right: -20px; padding: 25px 30px 65px;}
    .slider9 .slider-titles li a {padding: 0 10px;}
}

@media (max-width: 900px) {
    .slider9 h3 {font-size: 2em;}
    .slider9 .slider-titles a {font-size: 1em;}
}
@media (max-width: 770px) {
    .slider9 .img-border {display: block; float: none; width: auto; max-width: 770px; margin: 0;}
    .slider9 {padding-bottom: 25px;}
    .slider9 article>div {float: none; width: auto; max-width: 770px; margin: 0;}
    .slider9 .slider-titles {display: none;}
    .slider9 .slider-pager {display: block; position: absolute; top: auto; bottom: -17px; width: 100%; margin: 0; text-align: center;}
    .slider9 h3 {font-size: 1.538em;}
    .slider9 h3+p {font-size: 1em;}
}

.slider10 {position: relative; overflow: hidden; width: 100%; max-width: 1070px; height: 330px; margin: 0 auto; padding: 40px 0 0;}
.slider10 ul {overflow-x: scroll; width: 100%; max-width: 940px; margin: 0 auto; padding: 0 0 20px; list-style: none; white-space: nowrap;}
.slider10 li {display: inline-block; margin: 0 16px 0 0; padding: 0;}

.slider10 li:last-child {margin-right:0}
.slider10>a {display: block; position: absolute; z-index: 10; top: 40px; overflow: hidden; width: 60px; height: 300px; background: #fff url("/images/slider10-controls.png") 0 50% no-repeat; text-indent: -50em;}
.slider10>a.prev {left: 0; background-position: 0 50%;}
.slider10>a.next {right: 0; background-position: 100% 50%;}

/* comment or remove this line to show navigation arrows */
.boxed .slider10>a {display: none;}

@media (max-width: 1070px) {
    .slider10>a {width: 30px;}
}
@media (max-width: 960px) {
    .slider10>a {display: none;}
}

.slider11 {border-bottom: 1px solid #ececec; background: #f7f7f7;}
.slider11>div {position: relative; width: auto; max-width: 940px; height: 430px; margin: 0 auto;}
.slider11 article {position: absolute; left: 0; top: 0; overflow: hidden; width: 100%;  min-height: 362px; max-width: 590px; padding: 25px 350px 0 0;}
.slider11 article div {float: left; width: 44.3%; padding-right: 4%;}
.slider11 article img {float: left; width: 51.7%; max-width: 305px;}
.slider11 .next-prev {display: none;}
.slider11 .slider-pager {position: absolute; left: 0; bottom: 25px; margin: 0;}
.slider11 h3 {margin-top: 1em; font-size: 2.615em; font-weight: 400;}
.slider11 h3+p {color: #747474; font: 300 1.385em din-2014, sans-serif;}
.slider11 p.more {font-size: 0.923em;}

@media (max-width: 980px) {
    .slider11 {margin: 0 -20px; padding: 0 20px;}
    .slider11 article {width: 60%; max-width: 60%;}
}
@media (max-width: 920px) {
    .slider11 article {width: 100%; max-width: 100%; min-height: 0; padding-right: 0;}
}
@media (max-width: 630px) {
    .slider11 h3 {margin-top: 0; font-size: 1.846em;}
    .slider11 h3+p {font-size: 1.077em;}
    .slider11 article {height: auto;}
}
@media (max-width: 450px) {
    .slider11 article {text-align: center;}
    .slider11 article div {float: none; width: 100%; margin: 0 auto 1em; text-align: left;}
    .slider11 article img {float: none; margin: 1em 0;}
}

.slider12 {position:relative; width: 100%; padding: 25px 0; border-bottom: 1px solid #e4e4e4; background: #f6f6f6;}
.slider12 .slider {position: relative; width: 100%; max-width: 940px; height: 360px; margin: 0 auto;  box-shadow: inset 0 0 7px rgba(0,0,0,0.15); }
.slider12 article {position: absolute; left: 0; top: 0; width: 100%; max-width: 940px; overflow: hidden;}
.slider12 .img {float: left; width: 65%; max-width: 610px;}
.slider12 .img img, .slider12 .video {width: 100%;}
.slider12 .text {float: right; width: 29%; padding: 0 3% 0 0; color: #fff;}
.slider12 h3 {color: #fff; font-weight: 300; font-size: 2em;}
.slider12 p {color: #ccc;}
.slider12 article a {color: #fff; text-decoration: none;}
.slider12 article a:hover {color: #ccc;}

.slider12 .next-prev {position: absolute; right: 0; bottom: 0; z-index: 31; height: 50px; padding: 0; margin: 0 10px 0 0;}
.slider12 .next-prev li {float: left; margin: 0; padding: 0;}
.slider12 .next-prev li a {float: left; overflow: hidden; width: 30px; height: 50px; background: url("/images/slider12controls.png") no-repeat; text-indent: -50em;}
.slider12 .next-prev li.prev a {background-position: 10px 0;}
.slider12 .next-prev li.prev a:hover {background-position: 10px -50px;}
.slider12 .next-prev li.next a {background-position: -20px 0;}
.slider12 .next-prev li.next a:hover {background-position: -20px -50px;}

.slider12 .slider-pager {position: absolute; left: 65%; bottom: 0; z-index: 30; width: 40%; height: 50px; margin: 0; padding: 0 0 0 3%; background: rgba(0,0,0,0.4); line-height: 50px;}
.slider12 .slider-pager li {display: inline-block; margin: 0; vertical-align: middle;}
.slider12 .slider-pager a {background: url("/images/paginator-slider12.png") -12px 4px no-repeat;}
.slider12 .slider-pager a.selected {background-position: 5px 4px;}

@media (max-width: 980px) {
    .slider12 {margin: 0 -25px; padding: 25px;}
}
@media (max-width: 880px) {
    .slider12 h3 {font-size: 1.25em;}
    .slider12 p {font-size: 0.923em; line-height: 1.3em;}
}
@media (max-width: 720px) {
    .slider12 h3 {margin: 0.5em 0;}
}
@media (max-width: 675px) {
    .slider12 .img {width: 50%;}
    .slider12 .text {width: 45%;}
    .slider12 h3 {font-size: 1em;}
    .slider12 .slider-pager {left: 50%; padding-left: 2%; width: 50%; height: 35px; line-height: 35px;}
    .slider12 .next-prev, .slider12 .next-prev li a {height: 35px;}
    .slider12 .next-prev li.prev a {background-position: 10px -7px;}
    .slider12 .next-prev li.prev a:hover {background-position: 10px -57px;}
    .slider12 .next-prev li.next a {background-position: -20px -7px;}
    .slider12 .next-prev li.next a:hover {background-position: -20px -57px;}
}
@media (max-width: 675px) {
    .slider12 .slider {padding-bottom: 50px;}
    .slider12 .img, .slider12 .text {float: none; width: auto;}
    .slider12 .text {padding: 10px 20px;}
    .slider12 h3 {font-size: 2em;}
    .slider12 p {font-size: 1em;}
    .slider12 .slider-pager {left: 0; width: 100%; height: 50px; line-height: 50px;}
    .slider12 .next-prev, .slider12 .next-prev li a {height: 50px;}
    .slider12 .next-prev li.prev a {background-position: 10px 0;}
    .slider12 .next-prev li.prev a:hover {background-position: 10px -50px;}
    .slider12 .next-prev li.next a {background-position: -20px 0;}
    .slider12 .next-prev li.next a:hover {background-position: -20px -50px;}
}
@media (max-width: 400px) {
    .slider12 h3 {font-size: 1.25em;}
    .slider12 p {font-size: 0.923em;}
}


/* Home page styles
------------------------------------------ */
.hp-quote {clear: both; width: 70%; margin: 25px auto; padding: 15px 0 15px 55px; background: url("/images/quote.png") 0 30px no-repeat; color: #747474;}
.hp-quote blockquote, blockquote.hp-quote {margin: 0; padding: 0; border: none;}
article .hp-quote {width: auto; padding: 0 0 0 55px; background-position: 0 0;}
.hp-quote p {margin: 0.5em 0; font: 300 1.846em/1.1em din-2014, sans-serif;}
.hp-quote p.signature {font: normal 1em din-2014, sans-serif; text-align: right;}
.hp-quote p.signature span {color: #3f3f3f;}

.why-us ul {margin-top: 0; color: #3f3f3f; font-size: 0.923em;}
.why-us li {margin-left: 0; padding-left: 25px; background: url("/images/tick.png") 0 1px no-repeat;}
.home section .why-us h2 {margin-bottom: 1em;}

.home .hp-latest2 .col2 h2 {font-size: 1.538em;}
.home .tabbed .tab-content h2 {font-weight: 400;}
.home .tabbed .img-border:before {box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1);}



/* intro */
.hp-intro {overflow: hidden; margin: 0; padding: 20px 0;}
.boxed .hp-intro {margin: 0 -30px; padding: 20px;}
.hp-intro p.cta {float: right; height: 79px; margin: 0; padding: 0 20px 0 50px; background: url("/images/cta.png") left center no-repeat; font-size: 1.231em; line-height: 79px;}
.hp-intro p.slogan {float: left; width: 60%; margin: 0; color: #3f3f3f; font: 300 2em/1.3em din-2014, sans-serif;}
.boxed .hp-intro p.slogan {margin-left: 2%;}

.intro {margin-bottom: 3em;}
.intro h1 {font-weight: 300; font-size: 2.462em; line-height: 1.2em;}
.intro h1 strong {color: #ff8400; font-weight: 300;}

@media (max-width: 820px) {
    .hp-intro p.cta, .hp-intro p.slogan, .boxed .hp-intro p.slogan {float: none; width: 90%; margin: 1em auto; padding: 0; background: none; text-align: center;}
    .hp-intro p.cta a {display: block; padding: 10px; text-align: center;}
}

/* services list */
ul.hp-services {margin: -1.5em 0 0; padding: 0; list-style: none;}
ul.hp-services li {overflow: hidden; margin: 0; padding: 20px 0; border-top: 1px solid #dfdfdf;}
ul.hp-services li:first-child {border-top: none;}
ul.hp-services li img {float: left; width: auto; margin-right: 25px;}
ul.hp-services li div {overflow: hidden;}
ul.hp-services li h3 {margin: 0 0 0.5em; font-size: 1.846em;}
ul.hp-services li h3 a {color: #3f3f3f;}
ul.hp-services li h3 a:hover {color: #ff8400;}

/* recent work */
.columns.hp-recent-work>h2:first-child {margin-bottom: 0.75em;}
.hp-recent-work>div {padding: 0; height: 270px;}
.hp-recent-work>div>div {overflow: hidden; position: absolute; left: 0; top: 0;}
.hp-recent-work article {display: inline-block; width: 220px; margin: 0 20px 0 0;}
.hp-recent-work article h3 {margin: 0.5em 0; font-size: 1.538em;}
.hp-recent-work article h3 a {color: #3f3f3f;}
.hp-recent-work article h3 a:hover {color: #ff8400;}
.hp-recent-work article p {margin: 0; color: #999;}
.hp-recent-work article>div {position: relative; overflow: hidden;}
.hp-recent-work article div div {display: none;}
.hp-recent-work article div:hover div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8);}
.hp-recent-work article div ul {overflow: hidden; position: relative; z-index: 3; top: 60px; list-style: none; width: 70px; margin: 0 auto; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;}
.hp-recent-work article div ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;}
.hp-recent-work article div ul li:first-child {margin-left: 0;}
.hp-recent-work article div ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url("/images/actions.png"); text-indent: -500em; vertical-align: middle;}
.hp-recent-work article div ul li a.view {background-position: 0 0;}
.hp-recent-work article div ul li a.go {background-position: -34px 0;}
.hp-recent-work article img {width: 100%; max-width: 220px;}

/* Our clients logo list */
.hp-our-clients>div.slider-box {height: 100px;}
.hp-our-clients>div ul {position: absolute; left: -10px; top: 0; list-style: none; width: 1000em; margin: 0; padding: 0;}
.hp-our-clients>div ul li {float: left; width: 140px; margin: 0 10px;}

.home .col3 h3 {margin-bottom: 1.5em; border-bottom: 1px solid #dfdfdf; font-size: 1.846em;}
.home .col3 h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;}
.home .col4 h3, .home .with-icons .col3 h3 {margin: 0.5em 0; border-bottom: none; font-size: 1.538em;}
.home .col4 h3 a, .home .col3 h3 a {color: #3f3f3f;}
.home .col4 h3 a:hover, .home .col3 h3 a:hover {color: #ff8400;}
.home h2+p {margin-top: 0;}

.home .latest h3 {margin-bottom: 0; font-size: 1.538em; font-weight: 400;}
.home .latest h3 a {color: #3f3f3f;}
.home .latest h3 a:hover {color: #ff8400;}
.home .latest article {clear: both;}

.cat-archive {padding-left: 6px;}
.cat-archive>section {position: relative; overflow: visible; margin-bottom: 30px;}
.cat-archive>section>h3:first-child {position: absolute; left: -6px; top: 10px; z-index: 5; padding: 0 10px; border: none; box-shadow: 0 0 2px rgba(0,0,0,0.2); background: #ff8400; color: #fff; font-size: 1.538em; font-weight: 400; line-height: 40px;}
.cat-archive>section>h3:first-child:before {position: absolute; left: 0; top: 40px; width: 0; height: 0; border-right: 3px solid #c76700; border-top: 3px solid #c76700; border-left: 3px solid #fff; border-bottom: 3px solid #fff; content: " ";}
.cat-archive ul {list-style: none;}
.cat-archive ul li {margin: 0.75em 0; font: 300 1.231em din-2014, sans-serif;}
.cat-archive ul li p {margin: 1em 0 2em; font: 400 0.813em/1.3em din-2014, sans-serif;}
.cat-archive ul li a {color: #3f3f3f;}
.cat-archive ul li a:hover {color: #999999; text-decoration: none;}
.cat-archive ul li:first-child {margin-bottom: 1em; border-bottom: 1px solid #dfdfdf;}
.cat-archive ul li:first-child h4 {margin: 0.5em 0; font-size: 1.25em;}

.cat-list li {margin: 0; padding: 0; font-size: 0.923em;}
.cat-list a {color: #3f3f3f; font-size: 1.083em;}
.cat-list a:hover {color: #ff8400;}

.product-list-full h2:first-child {margin-bottom: 1.5em; border-bottom: 1px solid #dfdfdf; font-size: 1.846em}
.product-list-full ul {list-style: none;}
.product-list-full ul li {overflow: hidden; margin: 1em 0;}
.product-list-full ul li .img {float: left; margin: 0 20px 20px 0;}
.product-list-full ul li p {overflow: hidden;}
.product-list-full ul li h3 {margin: 0; font-size: 1.538em;}
.product-list-full ul li h3 a {color: #3f3f3f;}
.product-list-full ul li h3 a:hover {color: #ff8400;}
.product-list-full ul li dl {margin: 1em 0; font-size: 0.923em; line-height: 1em;}
.product-list-full ul li dl dt {padding: 0 5px 0 10px;}
.product-list-full ul li dl dd {padding: 0 10px 0 5px; color: #747474;}

/* portfolio 
------------------------------------------*/

h1+.columns.portfolio {margin-top: 0;}
.portfolio h2 {border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}
.columns.portfolio {margin-bottom: 0;}
.columns.portfolio>div.filters {display: block; overflow: hidden; width: 100%; margin: 0 0 2em; color: #999; font-size: 0.923em;}
.columns.portfolio>div.filters:first-child {margin-top: 0;}
.columns.portfolio>h2:first-child {margin-top: 0;}
.columns.portfolio+.columns.portfolio {margin-top: 0;}
.portfolio .filters p {float: left; margin: 0 5px 0 0;}
.portfolio .filters ul {float: left; overflow: hidden; margin: 0; padding: 0; list-style: none;}
.portfolio .filters ul li {float: left; margin: 0;}
.portfolio .filters ul a {float: left; padding: 0 5px; color: #3f3f3f;}
.portfolio .filters ul a:hover {color: #ff8400;}
.portfolio .filters ul a.selected {background: #ff8400; color: #fff;}

.portfolio article {display: inline-block; margin-bottom: 30px;}
.portfolio article h3, .home .portfolio article h3 {margin: 0.5em 0; border-bottom: none; font-size: 1.385em;}
.portfolio article h3 a {color: #3f3f3f;}
.portfolio article h3 a:hover {color: #ff8400;}
.portfolio article p {margin: 0; color: #999;}
.portfolio article>div {position: relative; overflow: hidden;}
.portfolio article div div {display: none;}
.portfolio article div:hover div,
.portfolio article div.item-selected div {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); text-align: center;}
.portfolio article div ul {display: inline-block; overflow: hidden; position: relative; z-index: 3; top: 50%; list-style: none; margin: -20px auto 0; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;}
.portfolio article div ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;}
.portfolio article div ul li:first-child {margin-left: 0;}
.portfolio article div ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url("/images/actions.png"); text-indent: -500em; vertical-align: middle;}
.portfolio article div ul li a.view {background-position: 0 0;}
.portfolio article div ul li a.go {background-position: -34px 0;}
.portfolio article p {line-height: 1.3em;}
.col1 .img {float: left; width: 64%; margin-right: 4%;}
.portfolio article.col1 h3 {font-size: 1.538em;}
.portfolio article.col1 p {margin: 1.5em 0;}

.slider.portfolio-slider {overflow: hidden; max-width: 940px; height: 410px; margin: 30px auto;}
.slider.portfolio-slider article {position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.slider.portfolio-slider img {position: static; width: 100%;}
.slider.portfolio-slider div {position: absolute; left: 0; bottom: 15px; width: 280px; padding: 10px 20px; background: rgba(0,0,0,0.70);}
.slider.portfolio-slider div p {color: #fff;}
.slider.portfolio-slider div h3 {margin: 0.5em 0; color: #fff; font-size: 1.385em;}
.slider.portfolio-slider .next-prev {display: none;}

.slider.portfolio-slider .slider-pager {position: absolute; left: auto; right: 20px; bottom: 15px; z-index: 3; overflow: hidden; margin: 0; padding: 8px; border-radius: 13px; background: rgba(0,0,0,0.5); line-height: 26px;}
.slider.portfolio-slider .slider-pager li {float: left; margin: 0 0 0 7px; padding: 0;}
.slider.portfolio-slider .slider-pager li:first-child {float: left; margin: 0;}
.slider.portfolio-slider .slider-pager li a {float: left; overflow: hidden; width: 10px; height: 10px; border-radius: 6px; background: #b6b4b2; text-indent: -50em;}
.slider.portfolio-slider .slider-pager li a.selected {background: #fff;}

@media (max-width: 550px) {
    .slider.portfolio-slider div {padding: 5px 10px;}
    .slider.portfolio-slider div p {font-size: 0.923em; line-height: 1.2em;}
    .slider.portfolio-slider div h3 {margin: 0;}
}

.with-icons>h2 {border-bottom: 1px solid #dfdfdf;}

/* single project */
.project {overflow: hidden; margin-bottom: 1.5em; padding-bottom: 40px; border-bottom: 1px solid #dfdfdf;}
.project .img {float: left; width: 60%; max-width: 600px; margin-right: 2%;}
.project img {width: 100%;}
.project .descr {float: right; width: 36%;}
.project p.copyright {margin-top: 0; color: #999; font-size: 1.077em;}
.project p.copyright a {color: #3f3f3f;}
.project p.copyright a:hover {color: #ff8400;}
.project dl {overflow: hidden; margin: 1.5em 0; padding:0 0 0 20px; border-left: 2px solid #ff8400;}
.project dt {margin-top: 1.5em; color: #999; font-weight: 400; font-size: 0.846em;}
.project dt:first-child {margin-top: 0;}
.project dd {color: #3f3f3f; font-size: 0.923em;}

.project.wide p.copyright {margin: 1.5em 0;}
.project.wide p.copyright span {padding: 0 5px;}
.project.wide .descr {float: left; width: 70%;}
.project.wide .descr p:first-child {margin-top: 0;}
.project.wide dl {float: right; width: 25%; margin: 0;}
@media (max-width: 560px) {
    .project.wide .descr, .project.wide dl {float: none; width: 100%;}
}


.project-nav {overflow: hidden; width: 60%; margin: 0 0 3em; font-size: 0.923em;}
.project-nav a {color: #3f3f3f;}
.project-nav a:hover {color: #ff8400;}
.project-nav .prev {display: inline-block; margin: 0 20px 0 0; padding-left: 15px; background: url("/images/back.png") 0 50% no-repeat;}
.project-nav .next {display: inline-block; padding-right: 15px; background: url("/images/more.png") 100% 50% no-repeat;}


@media (max-width: 550px) {
    .project .img {float: none; width: 98%; margin: 0 1% 1.5em; text-align: center;}
    .project .descr {float: none; width: 98%; margin: 1.5em 1%;}
    .project.wide dl {float: none; width: 98%; margin: 1.5em 1%;}
    .project-nav {width: 98%; margin: 0 1%;}
}

/* blog page 
------------------------------------------*/
.main {float: left; width: 74%; max-width: 680px;}

.home .main {width: 63%; max-width: 570px;}
.home aside {width: 33%; max-width: 300px; margin-top: 1em;}
.home aside section:first-child h3 {margin-top: 0;}
aside section:first-child {margin-top: 0;}
.reverse .main {float: right;}
.reverse aside {float: left;}

.postlist article h2 {font-weight: 300; line-height: 1.2em;}
.postlist article h2 a {color: #3f3f3f;}
.postlist article h2 a:hover {color: #999999;}
.post-meta {margin: 0.5em 0 1.5em; font-size: 0.846em; text-align: center;}
.post-meta a, .tags a {color: #3f3f3f;}
.post-meta a:hover, .tags a:hover {color: #ff8400;}
.post-meta a.comment-link {padding-left: 25px; background: url("/images/icon-comment.png") 10px 50% no-repeat; white-space: nowrap;}
.post-meta span {padding: 0 5px; color: #ccc;}

.postlist> .post article {
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    box-shadow: 5px 5px 5px #dfdfdf;
    padding: 1em;

    margin-top: 20px;
    width: 100%;
}

.postlist>article p.more {float: right;}

.postlist .post p.tags {float: left; clear: left; margin-right: 30px; font-size: 0.846em;}

.postlist>article {
    /*overflow: hidden; */
    margin: 0; 
    padding: 0; 
    border-bottom: 0px solid #dfdfdf;
    box-sizing: border-box
}

.postlist>article:first-child {padding-top: 0;}
.postlist h2 {margin-bottom: 0; border-bottom: 0;}
.postlist .columns .posts h2 {font-size: 1.385em;}
.postlist .columns .col23.posts article {overflow: hidden; margin-bottom: 3em;}
.postlist .columns .col23.posts article h2 {font-size: 1.538em;}
.postlist .columns .col3.posts article {overflow: hidden; margin-bottom: 2em;}
.postlist .columns .col3.posts article img {width: auto;}
.postlist .columns .posts .img-border {float: left; margin-right: 15px;}
.postlist .columns .posts img+div {overflow: hidden;}
.postlist p.post-meta+p .img-border:first-child {margin: 10px 0 15px;}

.main .post img, .main .page img {width: 100%; max-width: 680px;}
.main .post .img.medium, .main .page .img.medium {float: left; width: 50%; max-width: 300px; margin-right: 4%;}

@media (max-width: 800px) {
    .main {float: none; width: auto; max-width: auto; margin: 0 0 20px;}
    aside {float: none; width: auto; max-width: auto; margin: 0 0 20px;}
    .home .main {width: auto; max-width: 100%;}
    .home aside {width: auto; max-width: 100%;}
}

/* single page/post content */
.single h1 {margin-bottom: 0; text-align: center;}
.single blockquote p {margin: 0.5em 0;}
.single p.tags {margin: 2em 0; font-size: 0.846em;}
.single p.share {padding: 1em 0; border-top: 1px solid #e5e5e5;}
.single p>img:first-child, .single p>.img-border:first-child {margin: 10px 0 15px;}

/* author box */
.post-author {margin: 2em 0; padding: 30px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; box-shadow: inset 0 0 10px #f2f2f2;}
.post-author .img-border {float: left; margin-right: 20px;}
.post-author div {overflow: hidden; font-size: 0.923em;}
.post-author h3 {margin-top: 0; color: #999; font-size:1.5em;}
.post-author h3 a {color: #3f3f3f;}
.post-author h3 a:hover {color: #ff8400;}

/* comments */
ul.commentlist {list-style: none; padding: 0;}
ul.commentlist li {margin: 0; padding: 15px 0 0 50px;}
ul.commentlist .comment-body {padding: 0 0 15px; border-bottom: 1px solid #e5e5e5;}
.comment-author {overflow: hidden; margin-left: -50px;  color: #999; font-size: 0.923em;}
.comment-author .img-border {float: left; margin: 0 20px 0 0;}
.comment-author .fn {color: #3f3f3f; font-style: normal; font-size: 1.083em; font-weight: bold;}
.comment-author a {color: #999;}
.comment-author a.comment-reply-link {color: #3f3f3f;}
.comment-author a:hover {color: #ff8400;}
.comment-author .sep {padding: 0 5px;}
p.comment-meta {margin: 0;}

.comment-form {margin: 2em 0;}
.comment-form input, .comment-form textarea {width: 44%; padding: 5px 3%; border: 1px solid #ccc; border-radius: 2px;}
.comment-form textarea {width: 92%; min-width: 92%;}
.comment-form label {padding: 1em 0 0.5em;}

.comments>h2, .comment-form>h2 {border-bottom: 1px solid #dfdfdf;}

.tag-link-1 {font-size: 8pt;}
.tag-link-2 {font-size: 11.405405405405pt;}
.tag-link-3 {font-size: 22pt;}

/* Contact page
------------------------------------------ */
.contact {overflow: hidden;}
.contact>article {float: left; width: 64%;}
.contact>aside {float: right; width: 33%; max-width: 300px; color: #3f3f3f;}
.contact>aside p {font-size: 0.923em;}
.contact input {width: 94%; max-width: 94%; margin: 5px 0;}
.contact textarea {width: 94%; max-width: 94%; min-width: 94%; margin: 5px 0;}
.contact select {width: 100%; max-width: 100%; margin: 5px 0;}
.contact .select {width: 100%; max-width: 100%; margin: 5px 0;}
.contact .select select {margin: 0;}
.contact textarea {min-height: 200px;}
.contact article h2 {font-weight: 300;}
.contact article p.half {float: left; width: 48%; padding-right: 4%}
.contact article p.half+p.half {clear: none; padding-right: 0;}
.contact aside .social li {margin-right: 5px;}
.contact aside .social li:before {display: none;}
.contact .gmap {height: 300px;}

@media (max-width: 800px) {
    .contact>article {float: none; width: 98%; padding: 0 1%;}
    .contact>aside {float: none; width: 98%; padding: 0 1%;}
}

/* product page 
------------------------------------------*/
.popular-objects a {color: #3f3f3f;}
.popular-objects a:hover {color: #ff8400;}
.popular-objects span.price {font-size: 1.077em;}
.popular-objects span.price strong {color: #3f3f3f;}
.popular-objects .img {margin-bottom: 5px;}
.popular-objects h2 {margin-bottom: 1em;}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:18px;height:16px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating,div.star-rating a{background:url("/images/stars.png") no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:18px;height:100%;background-position:0 0;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

.product .product-meta a {color: #999;}
.product .product-meta a:hover {color: #3f3f3f;}
.product>div.descr {overflow: hidden; padding: 1em 0 0.5em; border-bottom: 1px solid #e5e5e5;}
.product>div.descr h2 {margin: 0; border: none; color: #3f3f3f; font-size: 1.231em; font-weight: 300;}
dl.product-data {overflow: hidden; margin: 1.5em 0;}
dl.product-data dt {float: left; padding: 2px 5px 2px 10px; border-left: 1px solid #ccc; font-weight: 400; line-height: 16px;}
dl.product-data dt:first-child {padding-left: 0; border-left: 0;}
dl.product-data dd {float: left; padding: 2px 10px 2px 5px; color: #3f3f3f; line-height: 16px;}
.product+section>h2, .product+section+section>h2 {margin-bottom: 1em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;}

@media (max-width: 700px) {
    .product>div.descr {clear: both;}
}
@media (max-width: 450px) {
    .product p.product-img {float: none; width: 98%; margin: 1em auto;}
}

/* events 
------------------------------------------*/
.events .rss-link {float: right; position: relative; top: 3em;}
.events .rss-link a {padding-left: 20px; background: url("/images/rss.png") 0 50% no-repeat; color: #3f3f3f; font: 300 1.231em din-2014, sans-serif; }
.events .rss-link a:hover {color: #ff8400;}

.events-head {overflow: hidden; padding: 1.5em 1em; border: 1px solid #dfdfdf; border-width: 1px 0;}
.events-head a {color: #3f3f3f; }
.events-head a:hover {color: #ff8400;}
.events-head a.prev {float: left; height: 18px; margin-top: 5px; line-height: 18px;}
.events-head a.next {float: right; height: 18px; margin-top: 5px; line-height: 18px;}
.events-head a span {display: inline-block; overflow: hidden; width: 15px; height: 18px; margin: 0 5px; background: url("/images/slider2-controls.png") no-repeat; text-indent: -50em; vertical-align: middle;}
.events-head a.prev span {margin-right: 10px; background-position: 0 50%;}
.events-head a.next span {margin-left: 10px; background-position: 100% 50%;}
.events-head h2 {margin: 0; font-size: 1.846em; text-align: center;}

ul.event-list {list-style: none; padding: 0;}
ul.event-list li {overflow: hidden; margin: 0 0 1em; padding: 0 0 0 45px;}
ul.event-list p.date {float: left; width: 32px; margin: 0 0 0 -45px; text-align: center;}
ul.event-list p.date span:first-child {display: block; background: #ff8400; color: #fff; font: 300 1.231em/28px din-2014, sans-serif;}
ul.event-list p.date span+span {color: #999; font-size: 0.769em; text-transform: uppercase;}
ul.event-list h4 {margin: 0; font-size: 1.231em; line-height: 1.2em;}
ul.event-list h4 a {color: #3f3f3f;}
ul.event-list h4 a:hover {color: #ff8400;}
ul.event-list h4+p {margin: 0; color: #999; font-size: 0.923em; line-height: 1.3em; }


table.calendar {border: none; margin: 0 1px; max-width: 99.8%;}
.calendar th {padding: 1em 0; border-bottom: none; color: #999; font: 300 1.231em din-2014, sans-serif; text-align: center;}
.calendar td {width: 12%; padding: 5px 1% 10px; border: 1px solid #dfdfdf; font-size: 0.923em; vertical-align: top;}
.calendar td.empty {border: none;}
.calendar td span.day, .calendar td a.day {float: left; width: 32px; height: 27px; margin: -5px 10px 10px 0; background: #ccc; color: #fff; font: 400 1.231em/27px din-2014, sans-serif; text-align: center;}
.calendar td span.hours {color: #999; font-size: 0.917em;}
.calendar td a.day {background: #3f3f3f;}
.calendar td a.day:hover {background: #ff8400; color: #fff;}
.calendar td p {clear: left; margin: 0; padding: 5px 0; line-height: 1.3em;}

@media (max-width: 560px) {
    table.calendar {max-width: 99%;}
}

/* sidebar 
------------------------------------------*/

.content>aside a {color: #3f3f3f;}
.content>aside a:hover {color: #747474;}

.content>aside section {margin: 1em 0 2em;}
.content>aside section:first-child {margin-top: 0;}
.content>aside section:first-child h3 {margin-top: 0;}
.content>aside section ul {list-style: none; padding-left: 0; font-size: 0.923em;}
.content>aside section ul li {overflow: hidden; margin: 0; color: #747474;}
.content>aside section ul.tick {font-size: 1em;}
.content>aside section ul.tick li {margin: 5px 0; color: #3f3f3f;}
.content>aside section ul li:before {float: left; width: 7px; overflow: hidden; margin-right: 7px; content: "—"; color: #747474;}
.content>aside section ul.tabs li {margin: 2px 4px -2px 0;}
.content>aside section ul.tabs li a.selected:hover {color: #fff;}
.content>aside section ul.tweets li:before,
.content>aside section ul.recent-posts li:before,
.content>aside section ul.recent-comments li:before,
.content>aside section ul.posts li:before,
.content>aside section ul.latest-works li:before,
.content>aside section ul.accordion li:before,
.content>aside section ul.tabs li:before,
.content>aside section ul.ads li:before {display: none; content: "";}
.content>aside section ul ul {margin: 0; padding: 3px 0 3px 2em; font-size: 1em;}
.content>aside section>p {font-size: 0.923em;}
.content>aside select {width: 100%;}
.content>aside section ul.recent-posts li,
.content>aside section ul.recent-comments li,
.content>aside section ul.posts li {margin: 10px 0; line-height: 1.3em;}
.content>aside section ul.recent-posts li .img-border,
.content>aside section ul.recent-comments li .img-border,
.content>aside section ul.posts li .img-border {float: left; margin: 0 10px 10px 0;}
.content>aside section ul.recent-posts li span,
.content>aside section ul.recent-comments li span,
.content>aside section ul.posts span, 
.content>aside section ul.tweets li span {color: #999; font-size: 0.917em;}
.content>aside section ul.posts span {display: block;}
@media (max-width: 600px) {
    .content>aside section ul.tabs li {margin: 0 4px 0 0;}
}

.content>aside section ul.recent-comments li p {margin: 0 0 0.5em 50px;}
.content>aside section ul.latest-works li {display: inline-block; margin: 0 7px 7px 0;}
.content>aside section ul.tweets li {margin: 10px 0; padding: 0 0 0 25px; background: url("/images/twitter.png") 0 10px no-repeat;}
.content>aside section ul.ads li {display: inline-block; width: 96px; height: 96px; margin: 0 7px 7px 0; border: 2px solid #dfdfdf; background: #f3f3f3; line-height: 100px; text-align: center;}

.content>aside section.menu>ul {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font: 300 1.231em din-2014, sans-serif;}
.content>aside section.menu>ul li {border-top: 1px solid #e5e5e5;}
.content>aside section.menu>ul li:first-child {border-top: none;}
.content>aside section.menu>ul li a {display: block; padding: 7px 20px 7px 10px;}
.content>aside section.menu>ul li a:hover {background: #f5f5f5; color: #3f3f3f;}
.content>aside section.menu>ul li.current-menu-item>a {background-color: #999999; color: #3f3f3f;}
.content>aside section.menu>ul li:before {display: none;}
.content>aside section.menu>ul li.parent>a {background: url("/images/nav-right.png") 95% 50% no-repeat;}
.content>aside section.menu>ul li.parent.expanded>a {background: url("/images/nav-down.png") 95% 50% no-repeat;}
.content>aside section.menu>ul li.parent>ul {display: none;}
.content>aside section.menu>ul li.parent.expanded>ul {display: block;}
.content>aside section.menu>ul ul {margin: 0; padding: 0 0 0 20px; border-top: 1px solid #e5e5e5; font: 400 0.813em din-2014, sans-serif;}

.content>aside section table {width: 100%; margin-bottom: 0;}
.content>aside section table th {padding: 5px 3px; color: #999; font-size: 0.923em; font-weight: bold;}
.content>aside section table td {padding: 5px 0; color: #3f3f3f;}

.content>aside section table#wp-calendar  {font-size: 0.923em;}
.content>aside section table#wp-calendar th {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #3f3f3f; font-weight: normal; font-size: 0.917em; text-align: center;}
.content>aside section table#wp-calendar td {border: none; border-bottom: 1px solid #e5e5e5; color: #747474; text-align: center;}
.content>aside section table#wp-calendar tfoot td {border-bottom: none;}
.content>aside section table caption {padding: 15px 0; font: 700 1.083em din-2014, sans-serif; color: #444; text-align: left;}

.content>aside .searchform input {width: 70%; padding: 6px 3%;}
.content>aside .searchform button {float: right; white-space: nowrap;}

.content>aside .widget_newsletter input {width: 70%; margin-right: 5px; padding: 6px 3%; font-size: 0.923em; vertical-align: middle;}
.content>aside .widget_newsletter button {width: 40px; height: 28px; padding: 0; line-height: 15px; vertical-align: top; box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
@media (max-width: 880px) {
    .content>aside .widget_newsletter input {width: 60%;}
}


.content>aside ul.colors {list-style: none; overflow: hidden;}
.content>aside ul.colors li {float: left; width: 27px; height: 27px; overflow: hidden; margin: 0 9px 9px 0;}
.content>aside ul.colors li:before {display: none;}
ul.colors a {float: left; overflow: hidden; width: 21px; height: 21px; border-width: 3px; border-style: solid; text-indent: -50em;}
ul.colors a.red {border-color: #cd2222; background: #e42626;}
ul.colors a.orange {border-color: #e0730a; background: #f9800b;}
ul.colors a.yellow {border-color: #e5c700; background: #ffde00;}
ul.colors a.green {border-color: #3fba19; background: #46cf1c;}
ul.colors a.azure {border-color: #03acb2; background: #03c0c6;}
ul.colors a.blue {border-color: #185bd4; background: #1b65ec;}
ul.colors a.purple {border-color: #7837a4; background: #863db7;}
ul.colors a.pink {border-color: #e56f9c; background: #ff7cae;}
ul.colors a.white {border-color: #e5e5e5; background: #fff;}
ul.colors a.gray {border-color: #898989; background: #999;}
ul.colors a.black {border-color: #000; background: #000;}
ul.colors a.brown {border-color: #8e6739; background: #9e7340;}

@media (max-width: 800px){
    .content>aside {clear: left; float: none; width: auto; max-width: 100%; margin: 1em 0;}
    .content>aside section {float: left; width: 100%; margin: 0 0 2em}
    .content>aside section:nth-of-type(2n-1) {clear: left;}
    .content>aside section h3 {margin-top: 0;}
}
@media (max-width: 660px){
    .content>aside .searchform input {width: 60%;}
}
@media (max-width: 400px) {
    .content>aside section {float: none; width: 100%; margin: 1em 0;}
}

/* forms
------------------------------------------*/
button[type="reset"] {margin-left: 5px; border: 1px solid #c9c9c9; background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7',GradientType=0 );
    text-shadow: 0 1px 0 #fff; color: #555; box-shadow: 0 2px 2px rgba(0,0,0,0.15);}
button[type="reset"]:hover {background: #e7e7e7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #e7e7e7 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #e7e7e7 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #e7e7e7 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5',GradientType=0 );}

form p {clear: both; margin: 1.5em 0;}
label {display: block; margin: 5px 0;}
.form1 input {width: 90%; padding: 8px 3%;}
.form1 select {width: 99%; padding: 5px 3%;}
.form1 .input {overflow: hidden;}
.form1 .input label {display: inline-block; margin: 0 10px 0 0; font-weight: normal;}
.form1 textarea {width: 100%;  min-height: 100px; padding: 5px 1%;}

.form2 label {float: left; clear: left; width: 25%;}
.form2 input {width: 65%; padding: 8px 3%;}
.form2 select {width: 72%; padding: 5px 3%;}
.form2 .input {overflow: hidden; width: 75%;}
.form2 .input label {display: inline-block; float: none; clear: none; width: auto; margin: 0 10px 0 0; font-weight: normal;}

.landing-form {width: 100%; max-width: 960px; margin: 0 auto; padding: 0 0 10px; }
.landing-form form {position: relative; z-index: 20; float: right; width: 270px; margin: 0 0 0px; padding: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.5);  color: #fff;}
.landing-form h2:first-child {margin: 0; border-bottom: none; color: #fff; font-size: 1.846em; font-weight: 300;}
.landing-form button {width: 100%; border: 1px solid #9b9b9b; border-bottom-color: #757575; font-size: 1.077em; text-align: center;}

.landing-form label {margin-bottom: 3px; color: #fff;}
.landing-form label.chk {display: inline-block; font-weight: 400;}
.landing-form input, .landing-form select {width: 250px; padding: 8px 10px; border: none; border-radius: 2px; background: #fff;color: #999;}
.landing-form input.error, .landing-form select.error {border: 1px solid #ebbcb5; background-color: #ffe6dc; color: #ef4437;}
.landing-form select {width: 270px;}
.landing-form input[type="checkbox"] {width: auto; padding: 0; vertical-align: middle;}
.landing-form p {margin: 1.5em 0;}


@media (max-width: 920px) {
    .landing-form form {position:static; float: none; margin: 2em auto;}
    
}

@media (max-width: 365px) {
    .landing-form form {width: 225px;}
    .landing-form input, .landing-form select {width: 205px;}
    .landing-form select {width: 225px;}
    
    .landing-box box {width: 225px;}
    .landing-box input, .landing-form select {width: 205px;}
    .landing-box select {width: 225px;}
}

/* background 
---------------------------------*/
.p01 {background-image: url("images/patterns/pattern01.png");}
.p02 {background-image: url("images/patterns/pattern02.png");}
.p03 {background-image: url("images/patterns/pattern03.png");}
.p04 {background-image: url("images/patterns/pattern04.png");}
.p05 {background-image: url("images/patterns/pattern05.png");}
.p06 {background-image: url("images/patterns/pattern06.png");}
.p07 {background-image: url("images/patterns/pattern07.png");}
.p08 {background-image: url("images/patterns/pattern08.png");}
.p09 {background-image: url("images/patterns/pattern09.png");}
.p10 {background-image: url("images/patterns/pattern10.png");}

/* buttons
---------------------------------
a.btn {display: inline-block; height: 30px; margin: 2px; padding: 0 20px; border-width: 1px; border-style: solid; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); color: #fff; font: bold 1.077em/30px din-2014, sans-serif; text-transform: uppercase;}
*/
a.btn.large {height: 40px; line-height: 40px;}
a.btn.orange {border-color: #de6200; background: #ff9f00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff9f00 0%, #ff7100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7100));
    background: -webkit-linear-gradient(top,  #ff9f00 0%,#ff7100 100%);
    background: -o-linear-gradient(top,  #ff9f00 0%,#ff7100 100%);
    background: -ms-linear-gradient(top,  #ff9f00 0%,#ff7100 100%);
    background: linear-gradient(to bottom,  #ff9f00 0%,#ff7100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7100',GradientType=0 );
    text-shadow: 0 -1px 0 #de6200;}
a.btn.orange:hover {background: #ff7100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff7100 0%, #ff9f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7100), color-stop(100%,#ff9f00));
    background: -webkit-linear-gradient(top,  #ff7100 0%,#ff9f00 100%);
    background: -o-linear-gradient(top,  #ff7100 0%,#ff9f00 100%);
    background: -ms-linear-gradient(top,  #ff7100 0%,#ff9f00 100%);
    background: linear-gradient(to bottom,  #ff7100 0%,#ff9f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7100', endColorstr='#ff9f00',GradientType=0 );}
a.btn.green {border-color: #6f9911; background: #accf37;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjY2YzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MWIxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #accf37 0%, #81b114 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#accf37), color-stop(100%,#81b114));
    background: -webkit-linear-gradient(top,  #accf37 0%,#81b114 100%);
    background: -o-linear-gradient(top,  #accf37 0%,#81b114 100%);
    background: -ms-linear-gradient(top,  #accf37 0%,#81b114 100%);
    background: linear-gradient(to bottom,  #accf37 0%,#81b114 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#accf37', endColorstr='#81b114',GradientType=0 );
    text-shadow: 0 -1px 0 #6f9911;}
a.btn.green:hover {background: #81b114;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYjExNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2NmMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #81b114 0%, #accf37 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81b114), color-stop(100%,#accf37));
    background: -webkit-linear-gradient(top,  #81b114 0%,#accf37 100%);
    background: -o-linear-gradient(top,  #81b114 0%,#accf37 100%);
    background: -ms-linear-gradient(top,  #81b114 0%,#accf37 100%);
    background: linear-gradient(to bottom,  #81b114 0%,#accf37 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b114', endColorstr='#accf37',GradientType=0 );}
a.btn.turquoise {border-color: #249e6d; background: #3acd94;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhY2Q5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWFmNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #3acd94 0%, #15af64 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3acd94), color-stop(100%,#15af64));
    background: -webkit-linear-gradient(top,  #3acd94 0%,#15af64 100%);
    background: -o-linear-gradient(top,  #3acd94 0%,#15af64 100%);
    background: -ms-linear-gradient(top,  #3acd94 0%,#15af64 100%);
    background: linear-gradient(to bottom,  #3acd94 0%,#15af64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3acd94', endColorstr='#15af64',GradientType=0 );
    text-shadow: 0 -1px 0 #249e6d;}
a.btn.turquoise:hover {background: #15af64;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1YWY2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYWNkOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #15af64 0%, #3acd94 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15af64), color-stop(100%,#3acd94));
    background: -webkit-linear-gradient(top,  #15af64 0%,#3acd94 100%);
    background: -o-linear-gradient(top,  #15af64 0%,#3acd94 100%);
    background: -ms-linear-gradient(top,  #15af64 0%,#3acd94 100%);
    background: linear-gradient(to bottom,  #15af64 0%,#3acd94 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15af64', endColorstr='#3acd94',GradientType=0 );}
a.btn.azure {border-color: #0098ab; background: #00c6db;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE1YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #00c6db 0%, #00a5c3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c6db), color-stop(100%,#00a5c3));
    background: -webkit-linear-gradient(top,  #00c6db 0%,#00a5c3 100%);
    background: -o-linear-gradient(top,  #00c6db 0%,#00a5c3 100%);
    background: -ms-linear-gradient(top,  #00c6db 0%,#00a5c3 100%);
    background: linear-gradient(to bottom,  #00c6db 0%,#00a5c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6db', endColorstr='#00a5c3',GradientType=0 );
    text-shadow: 0 -1px 0 #0098ab;}
a.btn.azure:hover {background: #00a5c3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTVjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #00a5c3 0%, #00c6db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a5c3), color-stop(100%,#00c6db));
    background: -webkit-linear-gradient(top,  #00a5c3 0%,#00c6db 100%);
    background: -o-linear-gradient(top,  #00a5c3 0%,#00c6db 100%);
    background: -ms-linear-gradient(top,  #00a5c3 0%,#00c6db 100%);
    background: linear-gradient(to bottom,  #00a5c3 0%,#00c6db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5c3', endColorstr='#00c6db',GradientType=0 );}
a.btn.blue {border-color: #3579be; background: #61aef2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTgzZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #61aef2 0%, #3183e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61aef2), color-stop(100%,#3183e8));
    background: -webkit-linear-gradient(top,  #61aef2 0%,#3183e8 100%);
    background: -o-linear-gradient(top,  #61aef2 0%,#3183e8 100%);
    background: -ms-linear-gradient(top,  #61aef2 0%,#3183e8 100%);
    background: linear-gradient(to bottom,  #61aef2 0%,#3183e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61aef2', endColorstr='#3183e8',GradientType=0 );
    text-shadow: 0 -1px 0 #3579be;}
a.btn.blue:hover {background: #3183e8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxODNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MWFlZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #3183e8 0%, #61aef2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3183e8), color-stop(100%,#61aef2));
    background: -webkit-linear-gradient(top,  #3183e8 0%,#61aef2 100%);
    background: -o-linear-gradient(top,  #3183e8 0%,#61aef2 100%);
    background: -ms-linear-gradient(top,  #3183e8 0%,#61aef2 100%);
    background: linear-gradient(to bottom,  #3183e8 0%,#61aef2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3183e8', endColorstr='#61aef2',GradientType=0 );}
a.btn.purple {border-color: #7c6bb2; background: #a693e3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2OTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTYyZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a693e3 0%, #7962d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a693e3), color-stop(100%,#7962d0));
    background: -webkit-linear-gradient(top,  #a693e3 0%,#7962d0 100%);
    background: -o-linear-gradient(top,  #a693e3 0%,#7962d0 100%);
    background: -ms-linear-gradient(top,  #a693e3 0%,#7962d0 100%);
    background: linear-gradient(to bottom,  #a693e3 0%,#7962d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a693e3', endColorstr='#7962d0',GradientType=0 );
    text-shadow: 0 -1px 0 #7c6bb2;}
a.btn.purple:hover {background: #7962d0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5NjJkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjkzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7962d0 0%, #a693e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7962d0), color-stop(100%,#a693e3));
    background: -webkit-linear-gradient(top,  #7962d0 0%,#a693e3 100%);
    background: -o-linear-gradient(top,  #7962d0 0%,#a693e3 100%);
    background: -ms-linear-gradient(top,  #7962d0 0%,#a693e3 100%);
    background: linear-gradient(to bottom,  #7962d0 0%,#a693e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7962d0', endColorstr='#a693e3',GradientType=0 );}
a.btn.pink {border-color: #c3488a; background: #f568b6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NjhiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjM3OGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f568b6 0%, #ef378d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f568b6), color-stop(100%,#ef378d));
    background: -webkit-linear-gradient(top,  #f568b6 0%,#ef378d 100%);
    background: -o-linear-gradient(top,  #f568b6 0%,#ef378d 100%);
    background: -ms-linear-gradient(top,  #f568b6 0%,#ef378d 100%);
    background: linear-gradient(to bottom,  #f568b6 0%,#ef378d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f568b6', endColorstr='#ef378d',GradientType=0 );
    text-shadow: 0 -1px 0 #c3488a;}
a.btn.pink:hover {background: #ef378d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzc4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTY4YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ef378d 0%, #f568b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef378d), color-stop(100%,#f568b6));
    background: -webkit-linear-gradient(top,  #ef378d 0%,#f568b6 100%);
    background: -o-linear-gradient(top,  #ef378d 0%,#f568b6 100%);
    background: -ms-linear-gradient(top,  #ef378d 0%,#f568b6 100%);
    background: linear-gradient(to bottom,  #ef378d 0%,#f568b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef378d', endColorstr='#f568b6',GradientType=0 );}
a.btn.red {border-color: #c34f4f; background: #f57171;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NzE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f57171 0%, #ef4040 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f57171), color-stop(100%,#ef4040));
    background: -webkit-linear-gradient(top,  #f57171 0%,#ef4040 100%);
    background: -o-linear-gradient(top,  #f57171 0%,#ef4040 100%);
    background: -ms-linear-gradient(top,  #f57171 0%,#ef4040 100%);
    background: linear-gradient(to bottom,  #f57171 0%,#ef4040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57171', endColorstr='#ef4040',GradientType=0 );
    text-shadow: 0 -1px 0 #c34f4f;}
a.btn.red:hover {background: #ef4040;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ef4040 0%, #f57171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4040), color-stop(100%,#f57171));
    background: -webkit-linear-gradient(top,  #ef4040 0%,#f57171 100%);
    background: -o-linear-gradient(top,  #ef4040 0%,#f57171 100%);
    background: -ms-linear-gradient(top,  #ef4040 0%,#f57171 100%);
    background: linear-gradient(to bottom,  #ef4040 0%,#f57171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4040', endColorstr='#f57171',GradientType=0 );}
a.btn.brown {border-color: #9e7c52; background: #cca674;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYTY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTc5NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cca674 0%, #ae7943 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cca674), color-stop(100%,#ae7943));
    background: -webkit-linear-gradient(top,  #cca674 0%,#ae7943 100%);
    background: -o-linear-gradient(top,  #cca674 0%,#ae7943 100%);
    background: -ms-linear-gradient(top,  #cca674 0%,#ae7943 100%);
    background: linear-gradient(to bottom,  #cca674 0%,#ae7943 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca674', endColorstr='#ae7943',GradientType=0 );
    text-shadow: 0 -1px 0 #9e7c52;}
a.btn.brown:hover {background: #ae7943;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlNzk0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2E2NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ae7943 0%, #cca674 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7943), color-stop(100%,#cca674));
    background: -webkit-linear-gradient(top,  #ae7943 0%,#cca674 100%);
    background: -o-linear-gradient(top,  #ae7943 0%,#cca674 100%);
    background: -ms-linear-gradient(top,  #ae7943 0%,#cca674 100%);
    background: linear-gradient(to bottom,  #ae7943 0%,#cca674 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7943', endColorstr='#cca674',GradientType=0 );}
a.btn.dark-gray {border-color: #545454; background: #929292;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTYxNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #929292 0%, #616161 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#616161));
    background: -webkit-linear-gradient(top,  #929292 0%,#616161 100%);
    background: -o-linear-gradient(top,  #929292 0%,#616161 100%);
    background: -ms-linear-gradient(top,  #929292 0%,#616161 100%);
    background: linear-gradient(to bottom,  #929292 0%,#616161 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#616161',GradientType=0 );
    text-shadow: 0 -1px 0 #545454;}
a.btn.dark-gray:hover {background: #616161;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjkyOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #616161 0%, #929292 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#929292));
    background: -webkit-linear-gradient(top,  #616161 0%,#929292 100%);
    background: -o-linear-gradient(top,  #616161 0%,#929292 100%);
    background: -ms-linear-gradient(top,  #616161 0%,#929292 100%);
    background: linear-gradient(to bottom,  #616161 0%,#929292 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#929292',GradientType=0 );}
a.btn.light-gray {border-color: #c9c9c9; background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7',GradientType=0 );
    text-shadow: 0 1px 0 #fff; color: #555;}
a.btn.light-gray:hover {background: #e7e7e7;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #e7e7e7 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #e7e7e7 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #e7e7e7 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5',GradientType=0 );}


/* quotes
---------------------------------*/
blockquote.quote {max-width: 70%; margin: 4em auto; padding: 0 0 0 55px; border: none; background: url("/images/quote.png") 0 0 no-repeat; color: #747474;}
aside blockquote.quote {margin: 0;}
.columns blockquote.quote {margin: 25px auto 0;}
.col2 blockquote.quote, .col3 blockquote.quote, .col4 blockquote.quote, .col23 blockquote.quote, .col34 blockquote.quote {max-width: 100%}
blockquote.quote p {margin: 0.5em 0; }
.col23 blockquote.quote p {font-size: 1.692em;}
.col3 blockquote.quote p, aside blockquote.quote p {font-size: 1.385em;}
blockquote.quote p.signature, aside blockquote.quote p.signature {font: normal 1em din-2014, sans-serif; text-align: right;}
blockquote.quote p.signature span {color: #3f3f3f;}

/* progress bars
---------------------------------*/
p.progress {position: relative; overflow: hidden; height: 30px; margin: 10px 0; border-radius: 16px; background: #ebebeb; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color: #fff; font: 300 1.231em/30px din-2014, sans-serif;}
p.progress>span.fill {display: block; position: absolute; left: 0; top: 0; height: 30px; border-radius: 16px; background: #ff8400;}
p.progress>span.fill>span {display: block; padding: 0 10px; line-height: 29px; white-space: nowrap;}

.skill-1 {width: 80%;}
.skill-2 {width: 70%;}
.skill-3 {width: 55%;}
.skill-4 {width: 60%;}			

/* tooltips and highlights
---------------------------------*/
span.tooltip {padding: 1px 0; color: #fff; cursor: pointer;}
span.tooltip.dark {background: #ff8400;}
span.tooltip.bright {background: #3f3f3f;}

p.tooltip {position: absolute; z-index: 450; margin: 0; padding: 0 9px; font-size: 0.846em; line-height: 27px;}
p.tooltip span {display: block; width: 13px; height: 7px; margin: 0 auto -7px;}
p.tooltip.dark {border-radius: 2px; background: #3f3f3f; color: #fff;}
p.tooltip.dark span {background: url("/images/tooltip-dark.png") 50% 0 no-repeat;}
p.tooltip.bright {border: 1px solid #3f3f3f; border-radius: 2px; background: #fff; color: #3f3f3f;}
p.tooltip.bright span {background: url("/images/tooltip-bright.png") 50% 0 no-repeat;}

/* testimonial
---------------------------------*/
.testimonial>img {float: left; width: 40px; height: 40px; margin-right: 13px;}
.testimonial>p {margin-top: 0; color: #3f3f3f; line-height: 1.3em;}
.testimonial>p span {color: #999; font-size: 0.846em;}
.testimonial>div {position: relative; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
.testimonial>div>p {font-style: italic;}
.testimonial>div>p:first-child {background: url("/images/quotes.png") 0 0 no-repeat; text-indent: 30px;}
.testimonial>div>span {display: block; position: absolute; bottom: -14px; left: 53px; width: 13px; height: 14px; background: url("/images/testimonial-tip.png") no-repeat;}

/* message and content boxes
---------------------------------*/
.msg {margin: 20px 0; padding: 11px 10px 11px 45px; border: 1px solid #dfdfdf; background-repeat: no-repeat; background-position: 13px 10px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);}
.msg a.hide {float: right; overflow: hidden; width: 18px; height: 18px; margin-left: 10px; background: url("/images/x.png") 50% 50% no-repeat; text-indent: -50em; opacity: 0.2;}
.msg.info {border-color: #c5dce7; background-color: #e7f7ff; background-image: url("/images/msg-info.png"); color: #4f9ec2;}
.msg.success {border-color: #cbe3b4; background-color: #eeffda; background-image: url("/images/msg-success.png"); color: #8ab04f;}
.msg.notice {border-color: #e9dab1; background-color: #fff9d8; background-image: url("/images/msg-notice.png"); color: #caa533;}
.msg.error {border-color: #ebbcb5; background-color: #ffe6dc; background-image: url("/images/msg-error.png"); color: #ef4437;}
.msg ul, .msg p {margin: 1em 0 0;}
.msg ul {list-style: none;}
.msg ul:first-child, .msg p:first-child {margin: 0;}
.msg ul li {margin-left: 0;}
.msg ul li:before {float: left; clear: left; overflow: hidden; width: 8px; height: 20px; margin-right: 5px; content: "—";}

.box h4 {margin: 20px 0 0.5em; color: #3f3f3f; font: 300 1.538em din-2014, sans-serif;}
.box p {margin-top: 0; margin-bottom: 20px; padding: 20px 30px 25px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; background-repeat: no-repeat; background-position: 20px 30px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);}
.box.info p {padding-left: 70px; border-color: #c5dce7; border-top: 2px solid #747474; background-color: #e7f7ff; background-image: url("/images/box-info.png");}
.box.confirm p {padding-left: 70px; border-color: #cbe3b4; border-top: 2px solid #747474; background-color: #eeffda; background-image: url("/images/box-confirm.png");}
.box.alert p {padding-left: 70px; border-color: #e9dab1; border-top: 2px solid #747474; background-color: #fff9d8; background-image: url("/images/box-alert.png");}
.box.warning p {padding-left: 70px; border-color: #ebbcb5; border-top: 2px solid #747474; background-color: #ffe6dc; background-image: url("/images/box-warning.png");}

/* tables
---------------------------------*/

th {padding: 5px 15px; border: none; color: #3f3f3f; font-weight: 700; font-size: 0.923em; text-align: left;}
td { border: none;  text-align: left;}
table.alt th {padding: 7px 15px; border-bottom: 3px solid #CCCCCC; background: #DDDDDD; color: #3F3F3F; font: 300 1em din-2014, sans-serif;}

/* custom form elements
---------------------------------*/
label.checkbox {display: inline-block; float: none; clear: none; overflow: hidden; height: 19px; padding-left: 5px; background: url("/images/input.png") 0 0 no-repeat; line-height: 19px; vertical-align: middle;}
label.checkbox.checked {background-position: 0 -19px;}
label.radio {display: inline-block; float: none; clear: none; overflow: hidden; height: 19px; padding-left: 5px; background: url("/images/input.png") 0 -38px no-repeat; line-height: 19px; vertical-align: middle;}
label.radio.checked {background-position: 0 -57px;}
label.radio input, label.checkbox input {visibility: hidden;}

.file-input {position: relative; white-space: nowrap; text-overflow: ellipsis; cursor: text;  }
.file-input a.btn {height: 28px; margin-right: 5px; padding: 0 10px; font-weight: 400; font-size: 1em; text-transform: none; cursor: text;}
.file-input input.fake {border: none; width: auto; padding: 2px 0; vertical-align: middle; cursor: text;}
.file-input input.fake.file {display: inline-block; width: auto; min-width: 0; padding-left: 15px; background: url("/images/input.png") 0 -76px no-repeat; cursor: text;}
.file-input a.empty {display: inline-block; overflow: hidden; position: relative; top: 5px; width: 19px; height: 17px; background: url("/images/input.png") 0 -93px no-repeat; text-indent: -50em; cursor: pointer;}
.file-input input[type="file"] {position: relative; top: -5px; cursor: pointer;}

span.select {position: relative; display: inline-block; height: 32px; padding: 0; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer;}
span.select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;}
span.select span.value {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; padding: 7px 10px; background: url("/images/select-arrow.gif") right 50% no-repeat; color: #999; zoom: 1;}

@media not all and (-webkit-min-device-pixel-ratio:0) {
    noindex:-o-prefocus, span.select span.value {
        text-indent: -99999px;
    }
    noindex:-o-prefocus, header span.select select {top: 5px!important;left:10px!important;}
}

span.select.error span.value>span {color: #ef4437;}
header .top span.select {height: 25px;}
header .top span.select span.value {padding: 3px 3%;}
header .top span.select select {margin: 0}
span.select span.value span {display: block; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis;}
span.select select {position: relative; z-index: 1; display: block; margin: 0; -webkit-appearance: menulist-button;}
.content>aside .select>span.value {padding: 7px 5%;}
.content>aside .select {display: block;}

/* pricing and plans
---------------------------------*/
.pricing-plans {overflow: hidden; padding: 1px 0;}
.pricing-plan {float: left; width: 22.5%; height: 295px; margin: 20px -1px 30px 0; padding: 10px 1%; border: 1px solid #dfdfdf; text-align: center;}
.pricing-plan ul {list-style: none; margin: 1em 1.5em 1.5em; text-align: left;}
.pricing-plan ul li {margin: 0;}
.pricing-plan ul strong {color: #3f3f3f;}
.pricing-plan h2 {margin: 0;}
.pricing-plan p.subtitle {margin-top: 0; font: 300 1.154em din-2014, sans-serif;}
.pricing-plan hr {border: none; border-top: 1px solid #dfdfdf;}
.pricing-plan p.price {margin: 0.5em; color: #999; font: 300 1.154em/3em din-2014, sans-serif;}
.pricing-plan p.price strong {color: #3f3f3f; font-size: 3em;}
.pricing-plan p.price sup {position: relative; top: -0.5em; color: #3f3f3f; font-size: 1.2em;}
.pricing-plan p.price.free {margin: 0.5em; font-size: 2.667em; line-height: 1.2em; text-transform: uppercase;}
.pricing-plan a.button {padding: 0 30px; border: 1px solid #9b9b9b; background: #b1b1b1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYjFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b1b1b1 0%, #878787 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b1b1), color-stop(100%,#878787));
    background: -webkit-linear-gradient(top,  #b1b1b1 0%,#878787 100%);
    background: -o-linear-gradient(top,  #b1b1b1 0%,#878787 100%);
    background: -ms-linear-gradient(top,  #b1b1b1 0%,#878787 100%);
    background: linear-gradient(to bottom,  #b1b1b1 0%,#878787 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#878787',GradientType=0 ); text-shadow: 0 -1px 0 rgba(0,0,0,0.3);}
.pricing-plan:hover a.button, .pricing-plan.selected a.button, table.pricing a.button {border-color: #de6200; background: #ff9f00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff9f00 0%, #ff7100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7100));
    background: -webkit-linear-gradient(top,  #ff9f00 0%,#ff7100 100%);
    background: -o-linear-gradient(top,  #ff9f00 0%,#ff7100 100%);
    background: -ms-linear-gradient(top,  #ff9f00 0%,#ff7100 100%);
    background: linear-gradient(to bottom,  #ff9f00 0%,#ff7100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7100',GradientType=0 );}
.pricing-plan a.button:hover, table.pricing a.button:hover {background: #ff7100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ff7100 0%, #ff9f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7100), color-stop(100%,#ff9f00));
    background: -webkit-linear-gradient(top,  #ff7100 0%,#ff9f00 100%);
    background: -o-linear-gradient(top,  #ff7100 0%,#ff9f00 100%);
    background: -ms-linear-gradient(top,  #ff7100 0%,#ff9f00 100%);
    background: linear-gradient(to bottom,  #ff7100 0%,#ff9f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7100', endColorstr='#ff9f00',GradientType=0 );}
.pricing-plan:hover, .pricing-plan.selected {margin: 9px -1px 20px 0; padding: 20px 1%; border-top: 2px solid #ff8400; box-shadow: inset 0 0 25px rgba(0,0,0,0.2);}
.pricing-plan:hover p.price strong, .pricing-plan.selected p.price strong {color: #ff8400;}
.pricing-plan:hover h2, .pricing-plan.selected h2 {color: #ff8400; font-size: 2.308em; line-height: 1.2em;}

.home .pricing-plans {margin-top: 2em;}
.home section .pricing-plans h2:first-child {margin: 0; border-bottom: none; line-height: 1.2em;}

@media (max-width: 770px) {
    .pricing-plan {width: 47.5%;}
}
@media (max-width: 420px) {
    .pricing-plan {width: 95%;}
}

table.pricing th {padding: 10px 0; color: #999; font: 300 1.154em/3em din-2014, sans-serif; text-align: center;}
table.pricing strong {color: #3f3f3f; font-size: 2.667em;}
table.pricing sup {position: relative; top: -0.5em; color: #3f3f3f; font-size: 1.2em;}
table.pricing td {color: #3f3f3f; text-align: center;}
table.pricing td:first-child {color: #999; text-align: left;}
table.pricing td:nth-child(2n+2) {background: #f7f7f7;}
table.pricing tr.action td {padding: 20px 10px; border-bottom-width: 2px;}
table.pricing tr.action td:first-child a {padding-left: 20px; background: url("/images/more.png") 0 50% no-repeat; color: #3f3f3f;}
table.pricing tr.action td:first-child a:hover {color: #ff8400;}
table.pricing span.yes {display: block; overflow: hidden; width: 18px; height: 18px; margin: 0 auto; background: url("/images/msg-success.png") 50% 50% no-repeat; text-indent: -50em;}
table.pricing span.no {display: block; overflow: hidden; width: 18px; height: 18px; margin: 0 auto; background: url("/images/no.png") 50% 50% no-repeat; text-indent: -50em;}
@media (max-width: 720px) {
    table.pricing tr.action a.button {padding: 0 5px; white-space: nowrap;}
}
@media (max-width: 520px) {
    table.pricing th {font-size: 1em;}
    table.pricing tr.action a.button {font-size: 0.813em;}
}
/* modal window for images */
.overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #999; opacity: 0.5;}
.modal-img {position: absolute; left: 50%; top: 0; z-index: 500; max-width: 900px; max-height: 540px; padding: 20px; background: #fff; box-shadow: 0 0 0 4px rgba(0,0,0,0.2);}
.modal-img img {max-width: 100%;}
.modal-img a.close {position: absolute; right: 20px; top: -29px; display: block; width: 49px; height: 29px; overflow: hidden; background: #000 url("/images/modal-close.png") 50% 50% no-repeat; text-indent: -50em;}
.modal-img a.prev, .modal-img a.next {position: absolute; top: 50%; display: block; overflow: hidden; width: 30px; height: 60px; margin: -30px 0 0; background: url("/images/slider8-controls.png") no-repeat; background-color: rgba(255,255,255,0.6); text-indent: -1000px; outline: none;}
.modal-img a.prev:hover, .modal-img a.next:hover {background-color: rgba(255,255,255,1);}

.modal-img a.prev {left: 20px; background-position: 0 50%;}
.modal-img a.next {right: 20px; background-position: -30px 50%;}
@media (max-width: 900px) {
    .modal-img {max-width: 90%;}
}
@media (max-width: 400px) {
    .modal-img {max-width: 100%; left: 0; margin-left: -20px !important;}
}

/* error 404 page */
.e404 p {color: #3f3f3f; font-family: din-2014, sans-serif; text-align: center;}
.e404 article:first-child p:first-child {margin: 25px 0 0; font: 700 15.385em/1em din-2014, sans-serif;}
.e404 article:first-child p+p {margin: 0; font-size: 2em; line-height: 1.3em;}
.e404 article+article p:first-child {margin-top: 3em; font-weight: 300; font-size: 1.538em; line-height: 1.3em;}
.e404 article form+p {width: 120px; margin: 1.3em auto; border-bottom: 1px solid #dfdfdf; color: #999; font: 300 1.231em/0.231em din-2014, sans-serif;}
.e404 article form+p span {margin-top: 10px; padding: 0 10px; background: #fff; text-transform: uppercase;}
.e404 fieldset {overflow: hidden; width: auto; border: 1px solid #ccc; border-radius: 2px; white-space: nowrap;}
.e404 input {width: 84%; border: none; font-size: 1.077em;} 
.e404 button {width: 10%; padding: 9px 0; border: none; background: #fff url("/images/search-large.png") 50% 50% no-repeat; box-shadow: none;}

@media (max-width: 750px) {
    .e404 article:first-child p:first-child {font-size: 11.538em;}
}
@media (max-width: 560px) {
    .e404 article:first-child p:first-child {font-size: 7.692em;}
}

/* Heading shortcodes */
h2.t01, h2.t02, h2.t03, h2.t04, h2.t05, h2.t06, h2.t07, h2.t08, h2.t09, h2.t10  {margin: 2em 0 1.5em;}
h2.t01 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.846em;}
h2.t01 span {margin-bottom: -1px; padding-bottom: 10px; border-bottom: 3px solid #ff8400; line-height: 1.3em;}
h2.t02 {padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.846em; line-height: 1.3em;}
h2.t03 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; color: #3f3f3f; font-weight: 300; font-size: 1.846em; line-height: 1.3em;}
h2.t04 {border-bottom: 1px solid #dfdfdf; color: #747474; font-weight: 300; font-size: 1.846em; line-height: 1em;}
h2.t04 span {margin-bottom: -30px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em;}
h2.t05 {color: #747474; font-weight: 300; font-size: 1.846em;}
h2.t06 {color: #3f3f3f; font-size: 1.538em; line-height: 1em; text-transform: uppercase;}
h2.t07 {background: url("images/patterns/pattern11.png"); color: #3f3f3f; font-size: 1.538em; line-height: 0.8em; text-transform: uppercase;}
h2.t07 span {margin-top: -5px; padding-right: 10px; padding-bottom: 0; border-bottom: none; background: #fff; line-height: 1em;}
h2.t08 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 1.538em; line-height: 1em; text-transform: uppercase;}
h2.t08 span {margin-bottom: -30px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em;}
h2.t09 {border-bottom: 2px solid #dfdfdf; color: #3f3f3f; font-size: 1.538em; text-transform: uppercase;}
h2.t09 span {margin-bottom: -2px; padding-bottom: 15px; border-bottom: 2px solid #3f3f3f;}
h2.t10 {padding-bottom: 15px; border-bottom: 4px double #dfdfdf; color: #747474; font-size: 1.538em; text-transform: uppercase;}

.content>aside h3.t01, .content>aside h3.t02, .content>aside h3.t03, .content>aside h3.t04, .content>aside h3.t05, .content>aside h3.t06, .content>aside h3.t07, .content>aside h3.t08, .content>aside h3.t09, .content>aside h3.t10 {margin: 2em 0 1em; line-height: 1.5em;}
.content>aside h3.t01 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t01 span {margin-bottom: -1px; padding-bottom: 10px; border-bottom-width: 2px;}
.content>aside h3.t02 {padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t03 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; color: #3f3f3f; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t04 {border-bottom: 1px solid #dfdfdf; color: #747474; font-weight: 300; font-size: 1.385em; line-height: 1em;}
.content>aside h3.t04 span {margin-bottom: -30px; padding: 0 5px 5px 0; border: none; background: #fff;}
.content>aside h3.t05 {border: none; color: #747474; font-weight: 300; font-size: 1.385em;}
.content>aside h3.t06 {border: none; color: #3f3f3f; font-size: 1.385em; text-transform: uppercase;}
.content>aside h3.t07 {border: none; background: url("images/patterns/pattern11.png"); color: #3f3f3f; font-size: 1.385em; line-height: 0.8em; text-transform: uppercase;}
.content>aside h3.t07 span {margin-top: -5px; padding-right: 5px; padding-bottom: 0; border-bottom: none; background: #fff;}
.content>aside h3.t08 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 1.385em; line-height: 1em; text-transform: uppercase;}
.content>aside h3.t08 span {margin-bottom: -30px; padding: 0 5px 5px 0; border: none; background: #fff;}
.content>aside h3.t09 {border-bottom: 2px solid #dfdfdf; color: #3f3f3f; font-size: 1.385em; text-transform: uppercase;}
.content>aside h3.t09 span {margin-bottom: -2px; padding-bottom: 10px; border-bottom: 2px solid #3f3f3f;}
.content>aside h3.t10 {padding-bottom: 10px; border-bottom: 4px double #dfdfdf; color: #747474; font-size: 1.385em; text-transform: uppercase;}

footer h3.t01, footer h3.t02, footer h3.t03, footer h3.t04, footer h3.t05, footer h3.t06, footer h3.t07, footer h3.t08, footer h3.t09, footer h3.t10 {margin: 2em 0 1em; color: #efefef;}
footer h3.t01 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t01 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t02 {padding-bottom: 10px; border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t03 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; font-weight: 300; font-size: 1.385em;}
footer h3.t04 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t04 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t05 {border: none; font-weight: 300; font-size: 1.385em;}
footer h3.t06 {border: none; font-size: 1.385em; text-transform: uppercase;}
footer h3.t07 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t07 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t08 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;}
footer h3.t08 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;}
footer h3.t09 {border-bottom: 1px solid #575757; font-size: 1.385em; text-transform: uppercase;}
footer h3.t09 span {margin-bottom: -2px; padding: 0 0 10px; border-bottom: 1px solid #dfdfdf;}
footer h3.t10 {padding-bottom: 10px; border-bottom: 4px double #575757; font-size: 1.385em; text-transform: uppercase;}

/* team page */
.team h3 {margin: 0.75em 0 0; font-weight: 300; font-size: 1.538em;}
.team p.position {margin: 0; color: #999;font-size: 0.769em; text-transform: uppercase;}
.team ul.social {margin: 1em 0;}
.team ul.social li {margin: 0 5px 0 0;}
.team .img-border img {width: 100%; max-width: 100%;}
.team.col2 .img-border {float: left; margin: 0 20px 0 0;}
.team.col1 .img-border {float: left; width: 60%; max-width: 600px; margin: 0 40px 0 0;}
.team.col2 h3, .team.col1 h3 {margin-top: 0;}
.team.col4 h3 {font-size: 1.385em;}
.team.col1 h3 {font-size: 1.846em;}
.team.col1 p {overflow: hidden;}
.team.col2 ul.social, .team.col1 ul.social {margin: 1.5em 0;}

@media (max-width: 800px) {
    .team.col1 .img-border {margin-right: 20px;}
    .team.col2 .img-border {float: none;}
    .team.col2 h3 {margin-top: 1em;}
    .team.col4 h3 {font-size: 1.538em;}
}
@media (max-width: 600px) {
    .team.col1 .img-border {float: none; width: 100%;}
    .team.col1 h3 {margin-top: 1em; font-size: 1.538em;}
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
    width:auto;
    margin-right:0;
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCustomScrollBox>.mCSB_scrollTools{
    width:16px;
    height:100%;
    top:0;
    right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0; 
    height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width:2px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
    cursor:pointer;
    width:100%;
    height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:4px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display:block;
    position:relative;
    height:20px;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
    top:100%;
    margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
    height:auto;
    margin-right:0;
    margin-bottom:30px;
    overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
    margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
    margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
    width:100%;
    height:16px;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:8px;
    margin: 0;
    border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
    width:30px;
    height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width:100%;
    height:8px;
    margin:0 auto;
    border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    display:block;
    position:relative;
    width:20px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
    float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    margin-left:-40px;
    float:right;
}
.mCustomScrollBox{
    -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail{
    background:#ebebeb;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#aeaeae; /* rgba fallback */
}

/* images for retina and other hi-density screens */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { 
    
    .hp-quote, blockquote.quote  {background-image: url("/images/quote@2x.png"); background-size: 40px 40px;}
    .testimonial>div>p:first-child  {background-image: url("/images/quotes@2x.png"); background-size: 22px 13px;}
    header nav ul ul li.parent>a {background-image: url("/images/sm-arrow@2x.png"); background-size: 12px 7px;}
    header .searchform button, aside .searchform button {background-image: url("/images/search@2x.png"); background-size: 14px 14px;}
    .breadcrumb p a {background-image: url("/images/bcrumb-arrow@2x.gif"); background-size: 4px 7px;}
    .social ul li a, ul.social li a {background-image: url("/images/social@2x.png"); background-size: 632px 54px;}
    .soc-tooltip {background-image: url("/images/social-tooltip@2x.png"); background-size: 12px 6px;}	
    footer {background-image: url("/images/footer@2x.png"); background-size: 6px 8px;}
    .more a {background-image: url("/images/more@2x.png"); background-size: 11px 11px;}
    a.go-top {background-image: url("/images/go-top@2x.png"); background-size: 19px 10px;}
    ul.tick li {background-image: url("/images/tick@2x.png"); background-size: 16px 16px;}
    .wp-pagenavi a.nextpostslink {background-image: url("/images/more@2x.png"); background-size: 11px 11px;}
    .wp-pagenavi a.previouspostslink {background-image: url("/images/back@2x.png"); background-size: 11px 11px;}
    .content-slider .next-prev a {background-image: url("/images/slider2-controls@2x.png"); background-size: 44px 22px;}
    .content-slider.related article div ul li a {background-image: url("/images/actions@2x.png"); background-size: 64px 30px;}
    .slider1 article p.cta {background-image: url("/images/slider-cta-bg@2x.png"); background-size: 254px 59px;}
    .slider1 .next-prev a {background-image: url("/images/slider1-controls@2x.png"); background-size: 60px 218px;}
    .slider-pager a {background-image: url("/images/paginator-orange@2x.png"); background-size: 27px 11px;}
    .slider2 .next-prev a {background-image: url("/images/slider2-controls@2x.png"); background-size: 44px 22px;}
    .slider3>div {background-image: url("/images/slider3-shadow@2x.png"); background-size: 864px 39px;}
    .slider3 .next-prev a {background-image: url("/images/slider3-controls@2x.png"); background-size: 60px 70px;}
    .slider4 article>div {background-image: url("/images/slider4-shadow@2x.png"); background-size: 578px 39px;}
    .slider6>div {background-image: url("/images/slider6-shadow@2x.png"); background-size: 998px 33px;}
    .slider6 .menu a.prev {background-image: url("/images/up-down@2x.png"); background-size: 19px 34px;}
    .slider6 .menu a.next {background-image: url("/images/up-down@2x.png"); background-size: 19px 34px;}
    .slider7 .controls ul a:before {background-image: url("/images/icon-camera@2x.png"); background-size: 20px 15px;}
    .slider7 .controls ul a.info:before {background-image: url("/images/icon-info@2x.png"); background-size: 19px 18px;}
    .slider7 .controls ul a.cart:before {background-image: url("/images/icon-cart@2x.png"); background-size: 22px 16px;}
    .slider7 .controls ul a.people:before {background-image: url("/images/icon-people@2x.png"); background-size: 20px 14px;}
    .slider7 .controls ul a.mail:before {background-image: url("/images/icon-mail@2x.png"); background-size: 18px 14px;}
    .slider8 p a.cta {background-image: url("/images/slider-cta-bg@2x.png"); background-size: 254px 59px;}
    .slider8 .next-prev a {background-image: url("/images/slider8-controls@2x.png"); background-size: 60px 12px;}
    .slider9 article>div {background-image: url("/images/slider4-shadow@2x.png"); background-size: 578px 39px;}
    .slider9 .slider-titles .active>a {background-image: url("/images/arrow-up-gray@2x.png"); background-size: 13px 7px;}
    .slider10>a {background-image: url("/images/slider10-controls@2x.png"); background-size: 120px 60px;}
    .slider12 .slider {background-image: url("/images/footer@2x.png"); background-size: 6px 8px;}
    .slider12 .next-prev li a {background-image: url("/images/slider12controls@2x.png"); background-size: 40px 100px;}
    .slider12 .slider-pager a {background-image: url("/images/paginator-slider12@2x.png"); background-size: 27px 11px;}
    .why-us li {background-image: url("/images/tick@2x.png"); background-size: 16px 16px;}
    .hp-recent-work article div ul li a {background-image: url("/images/actions@2x.png"); background-size: 64px 30px;}
    .portfolio article div ul li a {background-image: url("/images/actions@2x.png"); background-size: 64px 30px;}
    .project-nav .prev {background-image: url("/images/back@2x.png"); background-size: 11px 11px;}
    .project-nav .next {background-image: url("/images/more@2x.png"); background-size: 11px 11px;}
    .post-meta a.comment-link {background-image: url("/images/icon-comment@2x.png"); background-size: 10px 11px;}
    .product .product-meta span {background-image: url("/images/stars@2x.png"); background-size: 18px 48px;} 
    div.star-rating,div.star-rating a {background-image:url("/images/stars@2x.png"); background-size: 18px 48px;}
    .events .rss-link a {background-image: url("/images/rss@2x.png"); background-size: 16px 16px;}
    .events-head a span {background-image: url("/images/slider2-controls@2x.png"); background-size: 44px 22px;}
    .content>aside section ul.tweets li {background-image: url("/images/twitter@2x.png"); background-size: 17px 15px;}
    .content>aside section.menu>ul li.parent>a {background-image: url("/images/nav-right@2x.png"); background-size: 11px 11px;}
    .content>aside section.menu>ul li.parent.expanded>a {background-image: url("/images/nav-down@2x.png"); background-size: 11px 11px;}
    .landing-form form {background-image: url("/images/footer@2x.png"); background-size: 6px 8px;}
    .p01 {background-image: url("images/patterns/pattern01@2x.png"); background-size: 600px 120px;}
    .p02 {background-image: url("images/patterns/pattern02@2x.png"); background-size: 55px 66px;}
    .p03 {background-image: url("images/patterns/pattern03@2x.png"); background-size: 57px 154px;}
    .p04 {background-image: url("images/patterns/pattern04@2x.png"); background-size: 16px 18px;}
    .p05 {background-image: url("images/patterns/pattern05@2x.png"); background-size: 100px 100px;}
    .p06 {background-image: url("images/patterns/pattern06@2x.png"); background-size: 8px 8px;}
    .p07 {background-image: url("images/patterns/pattern07@2x.png"); background-size: 6px 8px;}
    .p08 {background-image: url("images/patterns/pattern08@2x.png"); background-size: 372px 326px;}
    .p09 {background-image: url("images/patterns/pattern09@2x.png"); background-size: 25px 25px;}
    .p10 {background-image: url("images/patterns/pattern10@2x.png"); background-size: 106px 20px;}
    p.tooltip.dark span {background-image: url("/images/tooltip-dark@2x.png"); background-size: 11px 6px;}
    p.tooltip.bright span {background-image: url("/images/tooltip-bright@2x.png"); background-size: 13px 7px;}
    .msg a.hide {background-image: url("/images/x@2x.png"); background-size: 12px 11px;}
    .msg.info {background-image: url("/images/msg-info@2x.png"); background-size: 18px 18px;}
    .msg.success {background-image: url("/images/msg-success@2x.png"); background-size: 18px 18px;}
    .msg.notice {background-image: url("/images/msg-notice@2x.png"); background-size: 18px 18px;}
    .msg.error {background-image: url("/images/msg-error@2x.png"); background-size: 18px 17px;}
    .box.info p {background-image: url("/images/box-info@2x.png"); background-size: 32px 32px;}
    .box.confirm p {background-image: url("/images/box-confirm@2x.png"); background-size: 34px 27px;}
    .box.alert p {background-image: url("/images/box-alert@2x.png"); background-size: 32px 29px;}
    .box.warning p {background-image: url("/images/box-warning@2x.png"); background-size: 34px 32px;}
    label.checkbox {background-image: url("/images/input@2x.png"); background-size: 19px 110px;}
    label.radio {background-image: url("/images/input@2x.png"); background-size: 19px 110px;}
    .file-input input.fake.file {background-image: url("/images/input@2x.png"); background-size: 19px 110px;}
    .file-input a.empty {background-image: url("/images/input@2x.png"); background-size: 19px 110px;}
    span.select span.value {background-image: url("/images/select-arrow@2x.gif"); background-size: 16px 4px;}
    table.pricing tr.action td:first-child a {background-image: url("/images/more@2x.png"); background-size: 11px 11px;}
    table.pricing span.yes {background-image: url("/images/msg-success@2x.png"); background-size: 18px 18px;}
    table.pricing span.no {background-image: url("/images/no@2x.png"); background-size: 18px 17px;}
    .modal-img a.close {background-image: #000 url("/images/modal-close@2x.png"); background-size: 11px 11px;}
    .modal-img a.prev, .modal-img a.next {background-image: url("/images/slider8-controls@2x.png"); background-size: 60px 12px;}
    .e404 button {background-image: #fff url("/images/search-large@2x.png"); background-size: 16px 16px;}
    .modal-img a.prev, .modal-img a.next {background-image: url("/images/slider8-controls@2x.png"); background-size: 60px 12px;}
    h2.t07 {background-image: url("/images/patterns/pattern11@2x.png"); background-size: 5px 5px;}
    .content>aside h3.t07 {background-image: url("/images/patterns/pattern11@2x.png"); background-size: 5px 5px;}
    .hp-intro p.cta {background: ("/images/cta@2x.png"); background-size: 300px 79px;}
    
}



.black-box p {margin: 1.5em 0;}
.black-box {position: relative; z-index: 20; float: right; width: 270px; margin: 0 0 0px; padding: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.5); color: #fff;}
.black-box h2:first-child {margin: 0; border-bottom: none; color: #fff; font-size: 1.846em; font-weight: 300;}
.black-box button {width: 100%; border: 1px solid #9b9b9b; border-bottom-color: #757575; font-size: 1.077em; text-align: center;}


/* Luke Twomey - add hamburger menu to mobile layout - 17/03/2016 */

.hamburger{
    position: absolute;
    right: 8px;
    top: 23px;
    cursor: pointer;
    padding: 10px;
    width: 30px;
}

header nav:not(.navbar) > ul {
    display: block;
}

nav:not(.navbar).mainmenu {
    display: none;
}

header nav:not(.navbar) .select {
    display: none;
}

header.h1 nav:not(.navbar).mainmenu>ul {
    padding-top: 0;
}

header nav ul ul li {
    display: block;

    position: relative;
    margin: 0;
    width: 100%;
}

header.h1 nav:not(.navbar).mainmenu>ul>li{
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    margin: 0;
    border-left: none;
}

nav:not(.navbar).mainmenu>ul>li>a{
    line-height: 40px;
    width: auto;
    text-align: left;
    float: left;
    height: 40px;
    padding: 0 19px;
    border-left: none;
    border-bottom: 3px solid #fff;
    color: #3f3f3f;
}

nav:not(.navbar).mainmenu>ul>li:hover>a,
.h1 nav:not(.navbar).mainmenu>ul>li.current-menu-item:hover>a,
.h1 nav:not(.navbar).mainmenu>ul>li.current-menu-item:hover{
    height: 40px;
    line-height: 40px;
    padding-bottom: 0;
}

header nav:not(.navbar) > ul ul,
header nav:not(.navbar) ul ul ul{
    box-shadow: none;
    left: unset !important;
    display: block !important;
    position: relative !important;
    width: 100%;
    text-align: left;
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0;
  
}



nav:not(.navbar).mainmenu>ul>li>ul{
    font-size: 0.75em;
}

nav:not(.navbar).mainmenu>ul>li>ul>li>ul{
    font-size: 0.85em;
}


header nav:not(.navbar) ul ul ul li a{
    padding: 0.7em 1em 0.7em 1em;
}

header .searchform {
    margin: 20px auto 15px;
}

.content .main li a{
    text-decoration: underline;
}

nav:not(.navbar).mainmenu>ul>li.selected>a {
    height: 40px; 
    border-bottom: 3px solid #3f3f3f; 
    background: #e6e6e6; 
    color: #3f3f3f; 
    line-height: 40px;
}

header nav:not(.navbar) ul ul li.selected>a {
    color: #3f3f3f;
}

@media (min-width: 600px){
    
    .hamburger{
        right: 8px;
        top: 50px;
    }
    
}

@media (min-width: 800px){
    
    .hamburger{
        display: none;
    }
    
    header nav:not(.navbar) ul ul ul {
        display: none;
        position: absolute;
        left: 100%;
        
        font-size: 1em;
    }
    
    header nav:not(.navbar) ul ul li {
        float: none;
        width: auto;
    }
    
    nav:not(.navbar).mainmenu {
        display: block;
    }
    
    header.h1 nav:not(.navbar).mainmenu>ul>li{
        display: block;
        width: auto;
    }
    
    header.h12 nav:not(.navbar).mainmenu>ul>li>a {
        width: auto;
    }
    
    header nav:not(.navbar) > ul ul {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 150px;
        margin: 0;
        padding: 10px 0 10px;
        background: #fff;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
        font-weight: 400;
      
    }
    
    nav:not(.navbar).mainmenu>ul>li>ul,
    nav:not(.navbar).mainmenu>ul>li>ul>li>ul{
        font-size: 0.923em;
    }
    
    
    header .searchform {
        margin-left: 0;
        margin-right: 0;
        margin-top: 18px;
        margin-bottom: 10px;
    }
    
}

.newsletter-container > h2{
	font-weight: bold;
}

.newsletter-container,
.video-container,
.brochure-container{
    width: 100%;
    float: left;
}

.newsletter-container {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 3em;
    margin-bottom: 3.5em;
}

.newsletter-thumb h2{
    font-size: 1.4em;
    font-weight: 400;
    margin-top:1em;
}

.newsletter-thumb img{
  border: 1px solid #efefef;
}

.newsletter-thumb img,
.video-thumb img,
.brochure-thumb img{
    width: 100%;
}

.download-text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(143,143,143,0.5);
    margin-bottom: 0;
    color: #fff;
    font-size: 1.8em;
    padding: 1em;
}

.main.postlist{
    max-width: 100%;
    width: 100%;
}

.single.full-blog-post{
    float: left;
    margin-bottom: 1em;
}

.single.full-blog-post article{
    box-shadow: none;
}

.root.blog-page,
.root.blog-page .content{
    overflow: auto;
}

.full-blog-post .youtube-preview-image{
    display: none;
}

.post .img-border{
    margin-top: 1em!important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
    display: block;
}

.full-post-feat-image{
    margin-top: 1em!important;
    text-align: center;
    margin-left: auto;
    margin-bottom: 2em;
    margin-right: auto;
    max-width: 380px!important;
    display: block;
}

.full-blog-post img{
    width: auto!important;
}

@media (min-width: 450px){
    
    .newsletter-thumb,
    .brochure-thumb{
        width: 50%;
        float: left;
        padding: 1em;
        box-sizing: border-box;
    }
    
}

@media (min-width: 600px){
    
    /* blog listings page */
    .blog-post-preview.grid-sizer,
    #catblogoutput .post-preview{
        width: 48%!important;
    }
    
    .blog-post-preview.gutter-sizer{ 
        width: 2%; 
    }
    
    /* blog detail page */
    .grid-sizer.full-post{
        width: 100%;
    }
    
    .gutter-sizer.full-post{
        width: 0;
    }
    
}

@media (min-width: 800px){
    
    .newsletter-thumb,
    .brochure-thumb{
        width: 25%;
        float: left;
        padding: 1em;
        box-sizing: border-box;
    }
    
    .video-thumb{
        width: 50%;
        float: left;
        padding: 1em;
        box-sizing: border-box;
    }
    
    .blog-page .content>aside{
        clear: left; 
        float: none; 
        width: auto; 
        max-width: 100%; 
        margin: 1em 0;
    }
    
    .blog-page .content>aside section{
        float: left; 
        width: 100%; 
        margin: 0 0 2em
    }
    
    .blog-page .content>aside section:nth-of-type(2n-1){
        clear: left;
    }
    
    .blog-page .content>aside section h3{
        margin-top: 0;
    }
    
}

@media (min-width: 1000px){
    
    /* blog listings page */
    .blog-post-preview.grid-sizer,
    #catblogoutput .post-preview{
        width: 32%!important;
    }
    
    .blog-post-preview.gutter-sizer{ 
        width: 2%; 
    }
    
}



.map-header-ou h3{
position: absolute;
    top: 30%;
    width: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    color: #fff !important;
        font-size: 35pt !important;
        padding:1em;
}




@media (max-width: 550px){
	.map-header-ou h3{
        font-size: 18pt !important;
}
}





.backline-section a:nth-child(1) {
    width: 48% !important;
    float: left !important;
}

.backline-section a:nth-child(2), .backline-section a:nth-child(3) {
    float: left !important;
    width: 48% !important;
}

.backline-section a:nth-child(4) {
    width: 48% !important;
    float: right !important;
}

.backline-section a:not(.read-more-blog) {
    width: 97%;
    margin: 1%;
    float: left;
    float: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
        border: 1px solid #e4e4e4;
}

@media (max-width: 650px){
    .backline-section a:nth-child(1){
        width: 98% !important;
            max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
        margin-bottom: 1em !important;
  }
  .backline-section a:nth-child(2){
        width: 98% !important;
            max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
        margin-bottom: 1em !important;
  }
  .backline-section a:nth-child(3){
    width: 98% !important;
        max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
        margin-bottom: 1em !important;
  }
  .backline-section a:nth-child(4){
    width: 98% !important;
        max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;

  }


}

@media (min-width: 650px) and (max-width: 950px){
	.backline-section a:nth-child(1){
        width: 48% !important;
  }
  .backline-section a:nth-child(2){
        width: 48% !important;
  }
  .backline-section a:nth-child(3){
    width: 48% !important;
  }
  .backline-section a:nth-child(4){
    width: 64.666% !important;
  }
}


.backline-section a span {
    position: absolute;
    color: #fff;
    font-size: 15pt;
    line-height: 1.5em;
    /* left: 50%; */
    /* top: 50%; */
    letter-spacing: 0.04em;
    /* max-width: 245px; */
    text-align: center;
    /* text-shadow: 0px 0px 9px #000; */
    font-weight: 600;
    -ms-transform: translate(-50%, -50%);
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    display: table;
    font-weight: 100;
    left: 0;
    bottom: 0;
    padding: 1em 1.5em;
    text-align: left;
    font-size: 9pt;
    /* text-transform: uppercase; */
    color: #7d7d7d;
    font-weight: 400;
    background: #e7e3e2;
    margin-bottom: 2em;
    z-index: 9;
    /* box-shadow: 2px 3px 20px #000; */
    margin-left: 2em;
    display: block;
}

.backline-section a span h3{
  text-transform: uppercase;
  font-weight: 600;
}



.page-content1 h1 {

    line-height: 1em !important;
    margin-bottom: 0.6em !important;
    color: #febc2d;
    margin-top: 0.8em;
    color: #000;
    font-weight: 300;
    font-size: 34pt;
    line-height: 36pt !important;
	font-family: 'Noto Sans', sans-serif;
}
}

.page-content1 h2 {
    font-size: 21px !important;
    line-height: 1.0909em !important;
    margin-bottom: 0.5em !important;
    font-weight: 300;
    line-height: 40px !important;
    margin-top: 1em;
	font-family: 'Noto Sans', sans-serif;
}
}
@media (max-width: 600px){
.page-content1 h2{
font-size: 18pt !important;
line-height: 30px !important;
}

}

.page-content1 h2:not(.events-hp-inner > h2):first-of-type{
    margin-bottom: 1em !important;
	margin-top: 0.1em !important;
}

.page-content .textwidget h3:not(.testimonail-hp-grid-inner .test-hp-inner h3){
    
}

.page-content1 h3, .show-1-p h3 {
  font-size: 1.8em !important; /* 20px --> 20 ÷ 16 = 1.25 */
  line-height: 1.5em !important; /* 24px --> 24 ÷ 20 = 1.2 */
  margin-bottom: 0.5em !important;

}

.page-content1 h4 {
  font-size: 2.125em !important; /* 18px --> 18 ÷ 16 = 1.125 */
  line-height: 1.333em !important; /* 24px --> 24 ÷ 18 = 1.3333333(3) */
  margin-bottom: 0.1em !important;
}

.page-content1 h5, .page-content1 h6 {
  font-size: 2em !important; /* 16px --> 16 ÷ 16 = 1 */
  line-height: 1.5em !important; /* 24px --> 24 ÷ 16 = 1.5 */
  margin-bottom: 0.1em !important;
}



.offices-section{
        width: 100% !important;
    max-width: 1200px;
    margin: 0 auto;
    float: none;

}



.home-contact-form{
    margin-bottom: 2em;
}







@media(max-width: 550px){

}


.blog-hp-inner-text h3{
    margin-bottom: 0 !important;
    color: #febc2d !important;
    font-size: 15pt !important;
}


.blog-hp-inner ul {
    background: #fff !important;
    padding: 0 !important;
    display: flex;
        vertical-align: middle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}


@media (max-width: 900px){
    footer table tr td img{
            margin: 0 auto;
    margin-bottom: 0;
    }

    .xero-icon{
         margin: 0 auto;
    margin-bottom: 2em;
    margin-top: 2em;
    }

    .copyright-text span{
        text-align: center;
    }

    footer table tr td{
        padding: 0.5em;
                width: 100% !important;
    }
}   


.team-hp-inner h2{
    margin-bottom: 0 !important;
}

.team-hp-inner h3{
    font-size: 16pt;
    line-height: 18pt;
    margin-bottom: 2em;
}

@media (max-width: 700px){

}

@media (max-width: 700px){
    .sectors-hp-inner-text{
            width: 100%;
    }

    .sectors-hp-inner-img {
    width: 100%;
    max-width: 350px;
    margin-bottom: 1em;
}

.sectors-hp-inner li{
    padding: 0;
    }

    .sectors-hp-inner h2, .services-hp-inner h2, .team-hp-inner h2, .blog-hp-inner h2{
    font-size: 26pt;
    line-height: 30pt;

    }
/*

.test-hp-inner{
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    position: relative;
    margin: 0 auto;
    padding: 3em;
    padding-left: 8em;
    padding-right: 8em;
    top: unset !important;
    left: unset !important;
    -ms-transform: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
}


.testimonail-hp-inner ul li > img{
    display: none;
}
*/

    .test-hp-inner {
   /* width: 40%;
    top: 0;
    left: 0;
    position: absolute;
    left: 20% !important;
    top: 50% !important;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    right: 20% !important;
    width: 60% !important;

    */
}

.test-hp-txt{
    width: 100%;
}
.text-hp-logo{
    margin: 0 auto;
    width: 100%;
    max-width: 250px;
    display: block;
}


    .test-mobile-img{
        display: block;
    }

    .test-desktop-img{
        display: none;
    }

.testimonail-hp-outer .flex-nav-prev {
    position: absolute;
    /* width: 40%; */
    top: 0;
    left: 2em;
    position: absolute;
    z-index: 10;
    /* left: 10em !important; */
    /* margin-left: 2em; */
    top: 50% !important;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(10%, -46%);
    font-size: 0;
    width: 18px;
    height: 72px;
    background: url(/wp-content/themes/lighttheme/images/icons/test-right-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonail-hp-outer .flex-nav-next {
    position: absolute;
    /* width: 40%; */
    top: 0;
    right: 2em;
    position: absolute;
    z-index: 10;
    /* left: 10em !important; */
    /* margin-left: 2em; */
    top: 50% !important;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(-10%, -50%);
    font-size: 0;
    width: 18px;
    height: 72px;
    background: url(/wp-content/themes/lighttheme/images/icons/test-left-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.test-hp-inner h3 {

    font-weight: 200;
    font-size: 13pt;
    line-height: 18pt;
}

.test-hp-inner p {
    font-size: 10pt;
}


.banner-text h1 {
    color: #fff;
    font-size: 26pt !important;
    text-align: center;
    line-height: 32pt !important; 
    margin-top: 0 !important;
    font-weight: 100;
}
	
	.banner-text h2 {
    color: #fff;
    font-size: 18pt !important;
    text-align: center;
    line-height: 32pt !important; 
    margin-top: 0 !important;
    font-weight: 100;
}


.hp-main-strip h2 {
    color: #fff;
    font-size: 16pt;
    line-height: 27pt;
    font-weight: 300;
}

.hp-second-strip h3 {
    font-size: 20pt;
    color: #fff;
    margin-top: 1em !important;
    font-weight: 100;
    line-height: 29pt;
}

.hp-second-strip h3 strong {
    font-size: 20pt;
}

}


figure{
    margin-bottom: 1em;
}



@media (min-width: 1000px){
    #menu-headermenu > li.menu-item-has-children > ul.sub-menu{
        width: 90%;
        max-width: 1100px;
        position: fixed;
        margin: 0 auto;
        left: 0;
        position: fixed;
        right: 0;
        background: #043d70;
        border-bottom-left-radius: 2em;
        overflow: hidden;
            padding: 1.9em;
    padding-top: 1em;
    }   

    #menu-headermenu > li.menu-item-has-children > ul.sub-menu > li > a{
        padding: 5px !important;
            padding-right: 20px !important;
    }

    #menu-headermenu > li.menu-item-has-children > ul.sub-menu > li > ul.sub-menu{
        display: block !important;
        visibility: visible;
        height: auto;
    }

    #menu-headermenu > li.menu-item-has-children > ul.sub-menu > li{
        display: inline-block;
        vertical-align: top;
    }   

    ul ul .toggle-submenu{
        display: none;
    }

    header nav:not(.navbar) ul ul ul li a {
        padding: 2px !important;
        padding-left: 14px !important;
        width: 100%;
        font-weight: 100;
    }

    header nav:not(.navbar) ul ul ul ul li a{
        padding-left: 28px !important;
    }
}

@media (max-width: 700px){


.sectors-hp-inner ul li:nth-child(odd){
        display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sectors-hp-inner ul li:nth-child(odd) .sectors-hp-inner-img{
    -webkit-order: 1;
}

.sectors-hp-inner ul li:nth-child(odd) .sectors-hp-inner-text{
        -webkit-order: 2;
}
}
.testimonail-hp-grid-inner .test-hp-inner h3{
    text-align: center !important;
}

.page-content .test-hp-txt h3{
font-size: 16pt !important;
    line-height: 24pt !important;
    text-align: left !important;
}

.publications-hp-inner h3{
    color: #fff !important;
    font-size: 14pt !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.page-content .sectors-hp-inner{
    max-width: unset !important;
}

.page-content .sectors-hp-inner ul{
    padding: 0 !important;
}

.page-content .sectors-hp-inner ul li{
    padding: 0 !important;
}


.history-outer{
    padding-top: 40px;
    text-align: center;
}

.history-outer ul{
    list-style: none;
    padding: 0;
}

.history-outer ul li{
    display: inline-block;
    max-width: 200px;
    vertical-align: top;
    padding: 1em;
    position: relative;
    text-align: left;
        margin-bottom: 1em;
}

.history-outer ul li h3{
        font-size: 18pt !important;

}

.history-outer ul li p{
        font-size: 12pt !important;
}

.history-outer ul li:after{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: #febc2d;
    top: -20px;
    border-radius: 50%;
}

.events-hp-inner{
        max-width: 1300px;
    margin: 0 auto;
}

.events-hp-outer:not(.news-mp-outer, .events-mp-outer){
 
    padding: 2.5em;
    background-color: #121212;
}

.page-content .events-hp-outer:not(.news-mp-outer, .events-mp-outer){
	background-color: transparent;
}

.events-mp-outer {
    background: #fff;
    padding: 0 !important;
}

.events-hp-outer .events-hp-inner-in {
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.events-hp-outer .events-hp-item{
    list-style: none;
   margin: 1em;
   background: #fff;
       position: relative;
       box-shadow: 1px 1px 7px #a9a9a9;
       width: 100%;
    max-width: 400px;
    display: inline-block;
}


/*
.events-hp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text:not(.events-mp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text, .news-mp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text){
    position: absolute;
    bottom: 0;
        height: 100%;
    width: 100%;
        padding-right: 3em;
        margin-bottom: 0 !important;
}

.events-hp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text h3:not(.events-mp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text h3, .news-mp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text h3){
        color: #fff !important;
    font-size: 30pt !important;
    margin-bottom: 1em !important;
    line-height: 33pt;
}

.events-hp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text .post-date-val:not(.events-mp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text .post-date-val, .news-mp-outer .events-hp-inner .events-hp-inner-in > .events-hp-item:first-of-type .blog-hp-inner-text .post-date-val){
    font-size: 20pt;
    color: #fff;
}

*/

.events-hp-outer .blog-hp-inner-text h3{
 color: #000 !important;
 font-weight: 100;
     margin-bottom: 1em !important;
}

.events-hp-item-two{
    display: flex;
        flex-wrap: wrap;
        background: none !important;
        box-shadow: none !important;
}

.events-hp-item-half{
    width: 100%;
}

.events-hp-item-two .events-hp-item{
 width: 100% !important;
 flex: unset;
     margin: 0;
}

.post-date-val{
text-transform: uppercase !important;
    font-size: 19pt !important;
    font-weight: 900 !important;
    color: #000000 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    position: relative;
    text-align: center;
    margin-bottom: 2em !important;
}

.events-hp-item-two .events-hp-item:first-of-type{
    margin-bottom: 1em;
}

.events-hp-item-two .events-hp-item:last-of-type{
    margin-top: 1em;
}

.events-hp-item-button:not(.news-hp-outer .events-hp-item-button){
    background: #febc2d;
    border-radius: 0.5em;
    /* height: 50px; */
    /* overflow: hidden; */
    display: inline-block;
    padding: 5px 25px;
    /* margin-left: 50px; */
    color: #fff;
    margin-top: 1.5em;
        position: absolute;
    bottom: 1em;
}

.news-hp-outer .events-hp-item-button{
        position: absolute;
    bottom: 1em;
        color: #000;
    margin-top: 1.5em;
    font-weight: 700;
    font-size: 12pt;
}

.news-hp-outer .events-hp-item:first-of-type .events-hp-item-button:not(.news-mp-outer .events-hp-item:first-of-type .events-hp-item-button){
    color: #fff;
}

.events-hp-outer .blog-hp-inner-text {
    text-align: left;
    padding: 1.5em;

}



.news-hp-outer .events-hp-item:last-of-type:not(.news-mp-outer .events-hp-item:last-of-type) {
      flex: 1 1 auto;
}

.news-hp-outer .events-hp-item:first-of-type:not(.news-mp-outer .events-hp-item:first-of-type) {
    flex: 10 1 auto;
}

.news-hp-outer:not(.news-mp-outer) {


    }


    .events-hp-inner > h3{
        margin: 12px !important;
    }

    .blog-post-banner{
            position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
     bottom: 5em;
    }


    .blog-banner-inner{
        display: flex;
        flex-wrap: wrap;

    }

    .blog-banner-inner-text-in{
            background: #000;
            padding: 1em;
                flex: 10 1 auto;
    }

    .blog-banner-inner-img{
                flex: 1 1 auto;
                    width: 200px;
    }

    .blog-banner-inner-text-in h3{
        color: #fff;
        font-size: 16pt;
    }


    .blog-banner-lbl{
    background: #febc2d;
    color: #fff;
    text-transform: uppercase;
    display: table;
    padding: 4px 10px;
    margin-bottom: 1em;
    }

.bottom-footer{
    padding-top: 1.5em;
    margin-top: 1.5em;
    border-top: 1px solid #ebebeb;
        margin-bottom: 1.5em;
}

@media (min-width: 900px){

footer table tr td:not(footer table tr td:first-of-type, footer table tr td:last-of-type){

}

}
.events-hp-item:hover .blog-hp-inner-img{
 /*   background-size: 110% !important;
    transition: background-size 4s ease-in;
-moz-transition: background-size 4s ease-in;
-ms-transition: background-size 4s ease-in;
-o-transition: background-size 4s ease-in;
-webkit-transition: background-size 4s ease-in;*/
}

.user-registration-MyAccount-navigation{
    width: 100%;
    float: none;
    background: #1b1e25 !important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a{
    color: #fff !important;
}


.user-registration-profile-header header{
    background: transparent !important;
}

.pms-account-navigation-link--profile, .pms-account-navigation-link--logout{
    display: none;
}

#user-registration .ur-edit-profile, #user-registration .user-registration-MyAccount-content, #user-registration.horizontal .ur-edit-profile, #user-registration.horizontal .user-registration-MyAccount-content{
    text-align: left;
}

table.pms-account-subscription-details-table, table.pms-table{
    table-layout: fixed;
}
.pms-account-subscription-details-table tr td, .pms-table tr td{
    border: 1px solid #efefef;
    padding: 0.5em;
}

#user-registration .user-registration-MyAccount-navigation, #user-registration.horizontal .user-registration-MyAccount-navigation{
    border-bottom: 0 !important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link{
    border-top: 1px solid black;
border-bottom: 0 !important;
}

#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a{
    background-color: #fff;
color: black !important;
}

#pms_new_subscription-form h3, #pms_new_subscription-form h4{
    font-size: 14pt !important;
    font-weight: bold;
}


#user-registration .user-registration-MyAccount-content .edit-password legend, #user-registration .user-registration-MyAccount-content h2{
    text-align: left !important;
    color: #1b1e25;
}


.user-registration-message ul, .user-registration-error li{
    display: inline-block;
}

.bannerimg-outer-half{
    display: flex !important;
}

.bannerimg-inner-half{
    width: 100%;
    margin: 0 !important;
}


@media (max-width: 600px){
    .bannerimg-outer-half{
        display: block !important;
    }

    .bannerimg-inner-half {
    width: 100% !important;
    margin: 0 !important;
    height: 50%;
}
}

@media (max-width: 780px){
    .hp-story-row .panel-grid-cell:first-of-type{
        max-width: unset !important;
        padding: 1em 1.5em !important;
    }
}



.bannerimg-inner-half .banner-text-outer{
position: absolute;
-ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%); 
 transform: translate(-50%, -50%);
 left: 50%;
    top: 54%;
        max-width: 80%;
}

.bannerimg-inner-half .banner-text-outer .banner-text{
    width: 100% !important;
    position: relative;
    left: unset !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    margin: 0 auto !important;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}


.hp-story-row{
        align-items: center !important;
}


.hp-story-row .panel-grid-cell:first-of-type{
        max-width: 500px;
    margin: 0 auto;
    padding: 1em;
}

.hp-story-row .panel-grid-cell:first-of-type .textwidget h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 32pt;
    font-weight: 100;
    margin-bottom: 1em;
}

.hp-story-row .panel-grid-cell:first-of-type .textwidget {
color: #fff !important;
    font-size: 12pt;
}

#pg-18-0{
    background: #000;
}

.hp-story-row{
    max-width: 1500px;
    margin: 0 auto;
}


.bannerimg-inner-half .banner-text-outer .banner-text img{
    max-width: 350px;
    margin: 0 auto;
}

.events-hp-item-button234{
color: #000;
    background: #ffbd03;
    padding: 15px 33px;
    border-radius: 2em;
    display: inline-block;
    text-transform: uppercase;
    /* padding-right: 35px; */
    font-size: 10pt;
    font-weight: 600;
    margin-top: 1em;
}

.events-hp-inner > h2{
	color: #fff;
}

.events-hp-item-button234:hover{
    
}


.hp-shop-row{
        max-width: 1100px;
    margin: 0 auto;
    padding: 3em;
        justify-content: center !important;
    align-items: center !important;
    border-top: 1px solid #efefef;
    margin-top: 1em;
}


.hp-shop-row img{
    text-align: center;
    margin: 0 auto;
}


.hp-shop-row h2{
    font-size: 22pt;
    font-weight: 100;
    margin-bottom: 1em;
    color: #000;
}

.hp-shop-row p{
    text-align: center;
    font-size: 12pt;
    color: #000;
}


.page-content{
      /*   margin-top: -180px !important;  */
    background: #fff;
    
  /*  box-shadow: 1px 1px 7px #a9a9a9;  */
    margin-bottom: 4em;
        padding: 2em 1em !important;

            border: 1px solid #efefef;
            padding-top: 0 !important;
}


.page-content .textwidget, .show-1-p .textwidget{
  /*  padding: 1em 2em; */
}


.page-header-logo{
    max-width: 450px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 3em;
}

.menu-heading-tbl tr:first-of-type td{
font-weight: 600;
}


.menu-items table{
    width: 100%;
}

.menu-items table tr td{
    font-size: 11pt;
    vertical-align: top;
}

.menu-items table tr td:not(.menu-heading-tbl tr td):last-of-type{
    text-align: right;
}

.menu-items{
    padding: 0 !important;
display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.menu-items li{
    padding: 0.5em;
    width: 50%;
    flex: 1;
        min-width: 50%;
        max-width: 50%;
}

.menu-section h3{
border-bottom: 4px double #e9e9e9;
    padding-bottom: 10px;
    font-weight: 700 !important;
    font-size: 20pt !important;
    line-height: 22pt !important;
    margin-top: 1em !important;
    text-transform: uppercase;
}

.menu-items table tr td:not(.menu-heading-tbl tr td):first-of-type {
    font-size: 12pt;
    font-style: italic;
}

.menu-heading-tbl{
    table-layout: fixed;
        width: auto !important;
    right: 0;
    position: relative;
    /* float: right; */
    margin-left: auto;
    margin-right: 0;
}

.menu-heading-tbl tr td{
    text-align: center;
        width: 75px;
}

.menu-items table tr td strong{
    font-style: normal;
    font-size: 14pt;
}


.menu-tabs-outer{
    text-align: center;
    margin-bottom: -1px;
}

.menu-tabs-outer a.active-mi{
    background: #fffdf8;
}

.menu-tabs-outer a{
    display: inline-block;
    border: 1px solid #efefef;
    padding: 1.5em 2em;
    color: #000;
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: 700;
    background: #efefef;
    border-bottom: 0;
        margin: 0 2px;
}

.menu-outer{
    border: 1px solid #efefef;
    padding: 2em;
	background: #fffdf8;
}

.sub-sec-price{
    text-align: center;
    font-weight: 600;
}

.menu-outer > h2{
    text-align: center;
    text-transform: uppercase;
        font-weight: 700 !important;
            margin-top: 0.5em !important;
}

.page-gallery-outer{

}

.page-gallery-outer li{
    width: 100%;
}

.page-gallery-outer li img{
    object-fit: cover;
    object-position: center;
    height: 450px !important;
}

.page-gallery-outer li {
    display: inline-block;
    flex: 1;
    margin: 0;
        padding: 0 1em 1em 0;
}



.page-gallery-outer li {
    display: inline-block;
    flex: 1;

}

.menu-links-outer a{
    display: inline-block;
    border: 1px solid #efefef;
    padding: 0.5em 1em;
    color: #000;
    font-size: 11pt;
    font-weight: 700;
    background: #efefef;
    border-bottom: 0;
        margin: 2px;
}

.menu-links-outer a:before{
    content: "";
    background-image: url(/wp-content/themes/lighttheme/images/list.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    /* padding-left: 25px; */
    /* padding-right: 21px;
    filter: invert(100%);
    -webkit-filter: invert(100%); */
    width: 25px;
    display: inline-block;
    height: 33px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}

.menu-links-outer a:hover{
    opacity: 0.8;
}


a.banner-overlay-a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: background-color 0.8s ease;
}

a.banner-overlay-a:hover{
    background: rgb(0 0 0 / 47%);
}


.add_to_cart_button, .product_type_simple {
    display: table !important;

    margin-top: 0.5em !important;
    font-size: 9pt !important;
    text-transform: unset !important;
    display: inline-block;
    text-decoration: none;
    height: 32px;
    padding: 5px 20px;
    border: none;
    /* border: 1px solid #868686 !important; */
    border-radius: 3px;
    background: #ffffff !important;
    color: #000 !important;
    font: bold 1em/32px din-2014, sans-serif;
    letter-spacing: 1px;
    /* text-shadow: 0 -1px 0 #868686; */
    /* text-transform: uppercase; */
    /* box-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */
    font-weight: 100;
    font-size: 12pt;
    height: auto;
    float: none !important;
    border: 1px solid #efefef;
        position: absolute;
    left: 0;
    right: 0;
    bottom: 1em;
}



.woocommerce-loop-product__link{

        display: block;
}

.prod-loop-text{
    padding-bottom: 3.5em;
}

.store-products h1, .store-products-out h2:not(.related h2){
    font-size: 2.5em !important;
    line-height: 1em !important;
    margin-bottom: 0.1em !important;
    color: #000;
    text-align: center;
    margin-top: 0.5em;
    border-bottom: 2px solid #efefef;
    margin-bottom: 1em !important;
    padding-bottom: 1em;
}

.shop-list-outer{
        display: inline-block;
    vertical-align: middle;
}


.shop-list-outer a{
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cccccc;
    text-align: center;
    line-height: 42px;
}

.list-products-layout .products li{
        width: 48%;
        text-align: left;
}


ul.products li .size-woocommerce_thumbnail {
    max-width: 300px;
}


.list-products-layout .prod-loop-outer a.woocommerce-loop-product__link{
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 0 !important;
}

.list-products-layout .prod-loop-outer .prod-loop-text{
    display: inline-block;
    vertical-align: middle;
    padding-left: 1em;
}

.list-products-layout .add_to_cart_button, .list-products-layout .product_type_simple{
    position: relative;
    margin: 0 !important;
}

.list-products-layout .woocommerce-loop-product__link{
    margin-bottom: 0 !important;

}

.type-product, .woocommerce{
    padding: 2em;
}


.gallery-size-full ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.gallery-size-full img{
    border: 0 !important;
}

.gallery-size-full .gallery-item{
    display: none;
}

.gallery-size-full .flex-control-paging{
 display: none;
}

#list{
background: #fff;
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

#grid{
  background: #fff;
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}

.shop-list-selected{
    background: #febc2d !important;
}

.shop-list-outer a img{
    padding: 8px;
}

.shop-list-outer a:hover{
    opacity: 0.6;
}


.shop-list-outer a img:not(.shop-list-selected img){
    filter: invert(100%);
    -webkit-filter: invert(100%);
}

.woocommerce-ordering{
        left: -2em;
    position: relative;
    right: -2em;
    width: calc(100% + 4em);
    padding-left: 2em;
    padding-right: 2em;
    background: #f2f2f2;
    padding-top: 1em;
    padding-bottom: 1em;
}

.woocommerce-ordering .orderby{
    float: right;
}

.woocommerce-result-count{
    display: none;
}

.single_add_to_cart_button  {
display: table !important;
    margin: 0 auto;
    margin-top: 0.5em !important;
    font-size: 9pt !important;
    text-transform: unset !important;
    display: inline-block;
    text-decoration: none;
    height: 32px;
    padding: 5px 20px;
    border: none;
    /* border: 1px solid #868686 !important; */
    border-radius: 3px;
    background: #ffffff !important;
    color: #000 !important;
    font: bold 1em/32px din-2014, sans-serif;
    letter-spacing: 1px;
    /* text-shadow: 0 -1px 0 #868686; */
    /* text-transform: uppercase; */
    /* box-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */
    font-weight: 100;
    font-size: 12pt;
    height: auto;
    float: none !important;
    border: 1px solid #efefef;
}


.single_add_to_cart_button:before{
    content: "";
    background-image: url(/wp-content/themes/lighttheme/images/cart-btn.png);
    background-size: contain;
    width: 16px;
    display: inline-block;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}

.gallery-size-full {
    position: relative;
}

.gallery-size-full .flex-nav-prev a{
        position: absolute;
    top: 50%;
    height: 30px;
    /* z-index: 9999999; */
    margin-top: -15px;
    background: url(/wp-content/themes/lighttheme/images/icons/submenu.png);
    font-size: 0;
    width: 30px;
    height: 30px;
    left: 2px;
    background-size: contain;
    rotate: 90deg;
}


.gallery-size-full .flex-nav-next a{
            position: absolute;
    top: 50%;
    height: 30px;
    /* z-index: 9999999; */
    margin-top: -15px;
    background: url(/wp-content/themes/lighttheme/images/icons/submenu.png);
    font-size: 0;
    width: 30px;
    height: 30px;
    right: 2px;
    background-size: contain;
    rotate: -90deg;
}

.gallery-size-full .flex-nav-next a:hover, .gallery-size-full .flex-nav-prev a:hover {
    background-color: rgb(0 0 0 / 56%);
}

.account-header:not(.page-header-outer){
    position: absolute;
    right: 1em;
    top: 10px;
}

.account-header a{
    margin: 2px 10px;
    vertical-align: middle;
}

.account-header a:hover{
    opacity: 0.8;
}

.account-icon{
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/lighttheme/images/account-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}

.basket-icon{
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/lighttheme/images/basket-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    padding-right: 40px;
    background-position: right center;
    color: #fff;
    line-height: 20px;
}

.woocommerce-MyAccount-navigation{
    background: #efefef !important;
}


.woocommerce-MyAccount-navigation ul{
    padding: 0;
    text-align: center;
}
.woocommerce-MyAccount-navigation ul li{

}

.woocommerce-MyAccount-navigation ul li a{
    padding: 10px 5px;
    text-transform: uppercase;
    font-size: 10pt;    
}


.woocommerce-EditAccountForm{
    max-width: 600px;
    margin: 0 auto;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last{
    width: 100% !important;
}

.woocommerce-MyAccount-navigation-link.is-active a{
    color: #febc2d !important;
}

.woocommerce-MyAccount-navigation-link a{
    color: #000 !important;
}

header .header-inner nav{

}

.woocommerce-form-login{
    max-width: 500px;
    margin:0 auto;
}

.shop_table .coupon{
    display: none;
}

.woocommerce table.shop_table th{
    font-size:12pt !important;
    font-weight: 600;
}

.shop_table .woocommerce-Price-amount{
font-size: 12pt;
    color: #000;
    font-weight: 700;
}

.shop_table .product-quantity, .shop_table .product-quantity{
    text-align: center;
}

.shop_table tr:first-of-type th, .order-total th{
    background: #f6f6f6;
}

.shop_table .actions{
    text-align: right !important;
}

.shop_table .actions button{
    display: inline-block !important;
    margin-bottom: 1em !important;
}


@media (max-width: 660px){
    .menu-items li{
        width: 100%;
        min-width: unset !important;
        max-width: unset !important;
        flex: unset !important;
    }

    .menu-outer {
    padding: 1em;
}

.page-content .textwidget {

}
}

@media (max-width: 700px){
    .menu-tabs-outer a{
        padding: 1em 0.5em;
    color: #000;
    font-size: 10pt;
    }
}

@media (max-width: 400px){
    .menu-tabs-outer a{
        padding: 1em 0.5em;
    color: #000;
    font-size: 7pt;
    }
}

.post-main-cont-outer{
   /*     display: flex;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;*/
}

.post-main-image-blog{
        position: relative;
max-width: 500px;
    margin: 0 auto;
    margin-bottom: 2em;
    border-radius: 0em;
    position: relative;
    margin: 0 auto !important;
    background-color: #002340 !important;
}

.post-main-text-blog h1{
    margin-top: 0.5em !important;
    text-align: left !important;
}

.post-main-text-blog{
    position: relative;
    max-width: 1000px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    width: 90%;
}


}
.back-button{
    margin: 0 auto;
    display: table;
    margin-top: 0 !important;
    /* margin: 0 100%; */
    float: right !important;
}

.back-button:before{
    display: none !important;
}


.woocommerce-breadcrumb{
    margin-bottom: 1em;
    text-align: right;
    margin-top: 1em;
}


.menu-links-outer-coffee a{
    background: #90302e;
    color: #fff;
}

.menu-links-outer-villa a{
    background: #febc2d;
    color: #fff;
}

.events-hp-inner > h2, .services-hp-inner > h2{
    text-align: center;
    margin-bottom: 2em !important;
    margin-top: 1em;
    font-size: 20pt;
    font-weight: 300;
    text-transform: uppercase;
}

.gallery-size-full .slides li{
        display: none;
}

@media (max-width: 600px){
    header:not(.user-registration-profile-header header, .vdp-datepicker header){
           /* background: rgba(0, 0, 0, 0.0) !important;*/
    }
}

@media (max-width: 1000px){
.logo {
 
}
}


.woocommerce-breadcrumb{
    display: inline-block;
}

@media (max-width: 660px){
.menu-items table tr td strong{
    font-size: 12pt;
}
.menu-items table tr td:not(.menu-heading-tbl tr td):first-of-type{
    font-size: 11pt;
}

.menu-section h3{
        font-size: 16pt !important;
}
}

body, html {
  scroll-padding-top: 100px; /* adjust the pixel amount here for your top navigation bar height */
}

@media (max-width: 780px){
#pg-18-2 > .panel-row-style > .panel-grid-cell {
    width: 100%;
    margin-right: 0;
}

#pg-18-2.panel-has-style > .panel-row-style, #pg-18-2 {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#panel-18-2-1-0{
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
}
}

.page-gallery-outer li a:hover{
        background: rgb(0 0 0 / 47%);
        display: block;
        opacity: 0.6;
}

.page-gallery-outer li a{
        transition: opacity 0.8s ease;
}

.events-hp-outer .events-hp-item:hover{
    opacity: 0.7;
}

.events-hp-outer .events-hp-item{
    transition: opacity 0.8s ease;
}

nav:not(.pms-account-navigation, .navbar) div > ul > li > a:hover, nav:not(.pms-account-navigation, .navbar) div > ul > li > ul > li > a:hover{
    color: #8e8e8e !important;
}

.age-verify-outer{
position: fixed;
background: #333333b8;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
}

.age-verify-inner{
position: absolute;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
max-width: 450px;
text-align: center;
background: black;
padding: 3em;
border-radius: 1em;
width: 96%;
}

.age-verify-inner h3{
    color: #fff;color: #fff;
font-size: 20pt;
font-weight: bold;
line-height: 22pt;}

.age-verify-inner p{
    color: #fff;
}


.age-verify-inner a{
padding: 0.5em 2em;
color: #fff;
border-radius: 3px;
display: inline-block;
margin: 5px;
font-size: 12pt;
}

.age-verify-inner a:hover{
    opacity: 0.8;
}

a.age-verify-yes{
    background: #febc2d;
    color: #fff;
}

a.age-verify-no{
    background: #90302e;
    color: #fff;
}

.events-hp-outer .events-hp-inner{
    text-align: center;
}


.soda-footer{
    display: none;
}

.responsive__container{
    max-width: 500px !important;
    margin: 0 auto !important;
}


.soda-widget.responsive__sm .responsive__sm--50{
    width: 100% !important;
}

.soda-widget .card.card__call-to{
    background: white !important;
}

.soda-widget .card.card__call-to h1, .soda-widget .card.card__call-to h2, .soda-widget .card.card__call-to h3, .soda-widget .card.card__call-to h4, .soda-widget .card.card__call-to input, .soda-widget .card.card__call-to label, .soda-widget .card.card__call-to select {
    color: #818181 !important;
}

.soda-widget .card.card__call-to .card__table>tbody>tr>td, .soda-widget .card.card__call-to>* {
    border-color: #818181 !important;
}

.soda-widget.responsive__lg .responsive__lg--33, .soda-widget.responsive__md .responsive__md--33, .soda-widget.responsive__sm .responsive__sm--33, .soda-widget.responsive__xs .responsive__xs--33 {
    width: 100% !important;
}

.soda-widget.responsive__lg .responsive__lg--66, .soda-widget.responsive__md .responsive__md--66, .soda-widget.responsive__sm .responsive__sm--66, .soda-widget.responsive__xs .responsive__xs--66 {
    width: 100% !important;
}

.soda-widget .soda-header, .header .top-border{
        border-bottom: 1px solid #224420 !important;
}

.soda-widget a {
    color: #234420 !important; 
}

.soda-widget .btn--default, .soda-widget .btn--ghost, .soda-widget .quantity__container .quantity .quantity__button {
    color: #234420 !important;
    background-color: transparent;
    border-color: #234420 !important;
    text-transform: uppercase;
}


.header .top-border {
background-color: none !important;
height: 0px !important;
}


.bannerimg:before{
content: "";
    background: #374655;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.84;
}

.banner-btn{
color: #fff;
    text-transform: uppercase;
    /* border: 1px solid #fff; */
    margin-top: 2.5em !important;
    margin: 0;
    display: table;
    font-weight: 500;
    background-color: #3d4a5a;
    /* border-radius: 8px; */
    padding: 2px 15px;
    font-size: 12pt;
    display: inline-block;
    border: 1px solid #a3a8ae;
}

.slider1 p{
    text-align: left;
    font-weight: 400;
    margin-bottom: 1em;
}

.banner-text h1{
        font-weight: 600 !important;
    margin-bottom: 0.5em;

}


.sub-details ul{
    padding: 1em 1em;
}

.sub-details ul li{
font-size: 12pt;
    line-height: 16pt;
    color: #1b1e25;
}

.hp-mc-1{
    justify-content: center !important;
}

.hp-mc-1 .panel-grid-cell{
    max-width: 500px;

    padding: 4em 2em !important;
    width: 90% !important;
}

.hp-mc-1 h2{
    font-size: 19pt;
    line-height: 22pt;
    margin: 0 auto;
    text-align: center;
    max-width: 500px;
    margin-bottom: 0.5em;
}

@media (max-width: 780px){
    .hp-mc-1 .panel-grid-cell{
        margin: 0 auto !important;

    }
}

.hp-mc-1 p{
        font-size: 12pt;
    text-align: center;
    margin: 0 auto;
}

#hp-mc-2 .panel-grid-cell{
    background: rgb(0 0 0 / 75%);
    padding: 5em 2em;
}

#hp-mc-2 .panel-grid-cell .so-panel{
max-width: 1000px;
margin: 0 auto;

}

#hp-mc-2 h2{
    font-size: 28pt;
    line-height: 32pt;
    text-align: center;
  /*  max-width: 500px;   */
    margin: 0 auto;
    margin-bottom: 1em;
    color: #fff;
    font-weight: 300;
}

#hp-mc-2 p{
        font-size: 16pt;
    text-align: center;
    margin: 0 auto;
    color:#fff;
}


h3.mini-title{
    text-transform: uppercase;
    color: white;
    font-size: 9pt;
    margin-bottom: 1.5em;
    font-weight: 600;
}

.hp-main-tiles-animated{
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: #000;
}

.hp-main-tiles-animated > a{
    transition: all 1s ease-in-out;
    width: 100%;
    position: relative;
}

.atile-inner-outer{
    transition: all 1s ease-in-out;
    /*width: 0;*/
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
}

.atile-inner{

}

.hp-main-tiles-animated > a > h3{
    bottom: 50%;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-weight: 100;
    letter-spacing: 1px;
    text-shadow: 0px 0px 8px #000;
    font-size: 19pt;
        font-weight: 600;
}

.hp-main-tiles-animated > a .atile-inner{
    position: absolute;
        -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;

        position: absolute;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    top: 25%;
    overflow: hidden;
    background: rgba(0,0,0, 0.6);
        transition: all 10s ease-in-out !important;
}

.hp-main-tiles-animated > a:hover .atile-inner .atile-inner-text span{
    filter: brightness(0) saturate(100%) invert(59%) sepia(9%) saturate(1086%) hue-rotate(1deg) brightness(97%) contrast(87%);
}

.hp-main-tiles-animated > a:hover .atile-inner .atile-inner-text{
   
}

.atile-inner{

    color: white;
}

.atile-inner h3{
color: #febc2d;
    font-size: 30pt;
    text-align: center;
}

.atile-inner p{
    color: #febc2d;
    font-size: 16pt;
    text-align: center;
    line-height: 19pt;
    font-weight: 600;
}

.atile-inner-in{
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    z-index: 1;
}

.atile-inner-text{
z-index: 2;
position: relative;
padding: 2em;
/*
    position: absolute;
    transition: all 35.4s cubic-bezier(0, 1.48, 1, 0.85);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    width: 100%;
    padding: 2em;
    */
}

.hp-sec-spacer{
    display: none;
}

.hp-main-tiles-animated > a:nth-child(1) .atile-inner{
    left: 0;
    right: unset;
}

.hp-main-tiles-animated > a:nth-child(3) .atile-inner{
    right: 0;
    left: unset;
}

.hp-main-tiles-animated > a:nth-child(1), .hp-main-tiles-animated > a:nth-child(1) .atile-inner{
    background-position: left center !important;
}

.hp-main-tiles-animated > a:nth-child(1), .hp-main-tiles-animated > a:nth-child(1) .atile-inner{
    /*background-color: green !important;*/
}

.hp-main-tiles-animated > a:nth-child(3) .atile-inner-outer{
    
}

.hp-main-tiles-animated > a:nth-child(3), .hp-main-tiles-animated > a:nth-child(3) .atile-inner{
    /*background: orange !important;*/

}

.hp-main-tiles-animated > a:nth-child(5) .atile-inner-outer{

}


.testimonail-hp-grid-outer{
    padding: 3em;
        max-width: 1400px;
            margin: 0 auto; 
}

.testimonail-hp-grid-inner ul {
display: flex;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.testimonail-hp-grid-inner ul li {
width: 410px;
    margin: 1em;
    box-shadow: 1px 1px 5px 2px #efefef;
    padding: 1.5em;
    padding-top: 54px;
    background: #fff;
    position: relative;
    border-radius: 5px;
    background: #febc2d8a url(/wp-content/themes/lighttheme/images/quote-img.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 15px 15px;

    width: 410px;
    margin: 1em;
    box-shadow: 1px 1px 5px 2px #efefef;
    padding: 1.5em;
    padding-top: 54px;
    background: #fff;
    position: relative;
    border-radius: 5px;
    background: rgb(164 145 112 / 8%) url(/wp-content/themes/lighttheme/images/quote-img.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
    border: 1px solid #dbdbdb40;
}

.page-content .testimonail-hp-grid-inner ul li{
        width: 318px;
}

.testimonail-hp-grid-inner ul li .test-hp-inner{
    width: 100%;
}

.test-rib{
        position: absolute;
    top: 0;
    font-size: 8pt;
    color: #fff;
   /* background: #febc2d;  */
    right: 0;
    display: block;
    padding: 25px;
    line-height: 10pt;
    display: none !important;
}



 .test-hp-inner h3 {
color: #374655;
    font-weight: 300 !important;
    font-size: 30pt !important;
    line-height: 40pt !important;
    font-style: italic !important;
}

@media (max-width:800px){
.test-hp-inner h3{
    font-size: 17pt !important;
    line-height: 21pt !important;
}
}


.testimonail-hp-grid-inner .test-hp-txt{
    width: 100%;
}

.testimonail-hp-grid-inner .test-hp-txt:after{
    content: "";
    display: none !important;
    background: url(/wp-content/themes/lighttheme/images/quote-img.png);
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    margin-left: auto;
        margin-right: -10px;
}

.logos-hp-outer{
    background: #fff;
}

.logos-hp-inner{
    max-width: 1000px;
    margin: 0 auto;
}

.logos-hp-inner img{
    padding: 2em;
}

.atile-inner-text span{
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 5px 10px;
    margin-top: 1.5em !important;
    margin: 0;
    display: table;
    margin: 0 auto;
    background: url(/wp-content/themes/lighttheme/images/readmore-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    font-size: 0;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.atile-inner-text span:hover{
    opacity: 0.8;
}


@media (max-width: 900px){

    .hp-main-tiles-animated > a{
            width: 100%;


    margin: 0 auto;

    overflow: hidden;
    position: relative;


    }

    .atile-inner p{
        display: none;
    }


        .hp-main-tiles-animated > a:not(.hp-sec-spacer){
        height: 33.33% !important;

    }

.hp-main-tiles-animated {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.hp-main-tiles-animated > a > img{
    display: none;
}

.hp-main-tiles-animated > a > h3{
    position: absolute;
}


    .banner-text{
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
    left: 50%;
    top: 47%;
    max-width: 500px !important;
}

.slider1 .banner-text{
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
    max-width:500px;
}

.hp-main-tiles-animated > a .atile-inner{
    width: 100%;
}

}



.show-1-p .sow-image-container img{
    object-fit: cover;
    object-position: center;
    height: 200px !important;
}

.show-1-p-txt{
    max-height: 130px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out;
}



.show-1-p-txt:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(255 255 255 / 34%) 0%,rgb(255 255 255) 61%);
    height: 70px;
    transition: all .1s ease-in-out;
}

.show-1-p-values .show-1-p-txt:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(247 247 247 / 34%) 0%,rgb(247 247 247) 61%);
    height: 70px;
    transition: all .1s ease-in-out;
}

.show-1-p-txt-open{
        padding-bottom: 2.5em;
}

.show-1-p-txt-open:before{
    padding: 0;
    content: "Read More";
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 99;
    color: #fff;
    background: #febc2d;
    padding: 5px 10px;
    cursor: pointer;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 99;
    color: #fff;
    background: #febc2d;
    padding: 5px 10px;
    cursor: pointer;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    height: 26px;
    bottom: -2px;
    padding-right: 22px;
    background-image: url(/wp-content/themes/lighttheme/images/plus-less.png) !important;
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    width: 25px;
    height: 25px;
}

.show-1-p-txt:before{
    padding: 0;
    content: "Read More";
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 99;
    color: #fff;
    background: #febc2d;
    padding: 5px 10px;
    cursor: pointer;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 99;
    color: #fff;
    background: #febc2d;
    padding: 5px 10px;
    cursor: pointer;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    height: 26px;
    bottom: -2px;
    padding-right: 22px;
    background-image: url(/wp-content/themes/lighttheme/images/plus-more.png);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    width: 25px;
    height: 25px;
}

.show-1-p-values .show-1-p-txt:before{
background-color: #f7f7f7;
}

.show-1-p-values .show-1-p-txt-open:before{
background-color: #f7f7f7;
}

.show-1-p-txt:before:hover{
    opacity: 0.8;
}

.show-1-p-txt-open:after{
    visibility: hidden;
}


.banner-iframe-content video {
   /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity; */
        opacity: 0.9;

          object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.fm-form-container.fm-theme1 .fm-form input[type="radio"]{
    width: 15px;
}

.fm-form .radio-div{
        width: 100%;
}

.fm-form-container:not(.send-form-inner .fm-form-container) {

}

.page-contact-form{
    max-width: 500px;
    margin: 0 auto;
     text-align: center;
}

.page-contact-form h2{
    text-align: center;
}

.show-1-p {
        padding: 0 2em;
}

.show-1-p .panel-grid-cell:not(.panel-grid-cell-empty){
    border: 1px solid #efefef;
}

.sow-image-container{
    position: relative;
}

.sow-image-container img{
    /*filter: grayscale(28%);*/
}

.show-1-p-values{
    padding-bottom: 30px;
}

.show-1-p-values h3 strong{
        font-size: 23pt;
}

.show-1-p-values h3, .coaching-qs h2{
        color: #febc2d;
}

.coaching-qs h2{
    font-weight: 600 !important;
}

.sow-image-container:before{
 /*
    background:#000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    opacity: 0.1;
    */
}

.sow-image-container:after{
   /* content: "";
    background:#febc2d;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    opacity: 0.4;
    */
}

/* Home page animations */

@keyframes my-animation-1 {
  from {

    width: 30px;
    visibility: visible;
  }
  to {

    width: 500px;
    opacity: 0.5;
    visibility: hidden;
  }
}

@keyframes my-animation-2 {
  from {

    width: 33.333%;
    visibility: visible;
  }
  to {

    width: 0% !important;
    opacity: 0.5;
    visibility: hidden;
  }
}

.animattion-pt2 {
  /* animation properties */
  animation-name: my-animation-2;
  animation-duration: 4s;
  animation-direction: alternate;
  /*animation-iteration-count: infinite;*/
  animation-timing-function: linear;
  /* other properties */
  width: 0;
    visibility: hidden;
}


.animattion-pt1-outer{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 86%);
    z-index: 999;
    /* opacity: 0.9; */
    background-image: url(/wp-content/themes/lighttheme/images/infinity-sign.png);
    background-size: cover;
    background-position: center;
}

.animattion-pt1-outer h2{
 color: #fff;
    position: absolute;
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    top: 0;
    font-size: 40pt;
    line-height: 42pt;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.animattion-pt1 img{

}

.animattion-pt1 {
  /* animation properties */
  animation-name: my-animation-1;
  animation-duration: 4s;
  animation-direction: alternate;
  /*animation-iteration-count: infinite;*/
  animation-timing-function: linear;
  /* other properties */
  width: 500px;
  height: auto;
  border-radius: 10px;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    visibility: hidden;

}


.hp-sec-spacer{
    
}

.hp-main-tiles-animated > a .atile-inner {
    transition: all 1s ease-in-out !important;
}



@media (max-width: 900px){
    .atile-inner h3 {
    color: white;
    font-size: 16pt;
    text-align: left;
    line-height: 19pt;
    font-weight: 600;
    }

    .atile-inner p {
    color: white;
    font-size: 8pt;
    text-align: center;
}


.hp-main-tiles-animated > a .atile-inner {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    overflow: hidden;
    background: rgba(0,0,0, 0.6);

}

}

.hp-test-2 p{
  font-size: 15pt;
line-height: 16pt;
    margin: 0 auto;
    max-width: 900px;
}

.hp-test-2 p strong{
    margin-top: 8px;
    display: block;
}


.page-header-outer:after{

        
}

.atile-inner-outer:hover:before{
    opacity: 0;

}

.page-header-outer, .bannerimg, .atile-inner-outer{
       /* filter: grayscale(28%);*/
}


.hp-main-tiles-animated > a .atile-inner{
    z-index: 9;
}






@media (max-width: 62.5em){
    #myMenu1, .menu{
    right: 0px;
    }

nav:not(.pms-account-navigation, .navbar) div > ul li a {
    line-height: 22px;
}

nav:not(.pms-account-navigation, .navbar) div > ul li a {
    padding: 10px 10px;
}
}

@media (min-width: 62.5em){

    nav:not(.pms-account-navigation, .navbar) div > ul li a{
        padding: 10px 10px;
}

    nav:not(.navbar) ul > li{
        vertical-align: middle;
    }
    nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-MyAccount-navigation, .woocommerce-pagination, .woocommerce-breadcrumb, .navbar){
        top: unset;
        position: absolute;
        right: 1em;
        top: 50%;
        height: 42px;
        /* -webkit-transform: translate(0, -50%); */
        /* transform: translate(0, -50%); */
        right: 1em;
        top: 50%;
        bottom: 10px;
    }

        nav:not(.pms-account-navigation, .navbar) > div > ul > li:not(:last-child):after {
        content: "|";
        display: inline-block;
        color: #fff;
                margin-right: 10px;
        margin-left: 10px;
    }

    #myMenu1, .menu{
    width: auto;
    height: auto;
    bottom: unset !important;
    right: -8px;
    position: relative;
    display: block;
    }


.phone-head {
    position: absolute;
    right: 0;
    left: auto;
    top: 10px;
    width: 22px;
    margin-top: 0;
    top: 50%;
    height: 22px;
    margin-top: -11px;
}

nav:not(.pms-account-navigation, .navbar) div > ul li a{
    line-height: 22px;
	font-weight:600;
}





}

nav:not(.navbar) div > ul:not(#menu-mainpages) > li:last-of-type > a{

}

nav:not(.navbar) div > ul:not(#menu-mainpages) > li:last-of-type > a:hover{

}



.fm-form-container{
    max-width: 700px;
    margin: 0 auto;
}

@media(max-width: 560px){
    .wdform_column{
        display: block !important;
    }
}



@media(max-width: 700px){


nav:not(.navbar) div > ul > li:not(nav:not(.navbar) div > ul > li:last-of-type){
        border-bottom: 1px solid #141414;
}

nav:not(.navbar) div > ul > li:last-of-type a{

}


.testimonail-hp-grid-outer{
    padding: 0;
}

.testimonail-hp-grid-inner ul.slides1{
    padding: 0;
}



}


@media(max-width: 550px){

    }






.blw-banner-btns{
        max-width: 1500px;
    margin: 0 auto;
}

.so-widget-sow-button-flat-eaa51a902caf-15 .ow-button-base a{
        -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding: 1em 2em;
    background: #febc2d !important;
    color: #ffffff !important;
    border: 1px solid !important;
    border-width: 1px 0;
    -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
    -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    font-size: 14pt !important;
    width: 100% !important;
}


.so-widget-sow-button-flat-eaa51a902caf-15 .ow-button-base a:hoveR{
    background: #febc2d !important;
    opacity: 0.8;
} 

.blw-banner-btns{

        align-items: center !important;
}


h2.h2-hp{
        text-align: center;
    font-size: 24pt;
    padding: 1em;
}

.home-content{
    margin: 0 auto;
}

.home-content .products-mp-outer{
        max-width: 1280px;
    width: 90%;
    margin: 0 auto;
}

.hp-max-width{
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
}

.home-content-logos{
background: #f5f3f1;
    padding: 3em;
}

.home-content-logos-inner{
    max-width: 1000px;
    margin: 0 auto;
}

.home-content-logos-inner ul{
    text-align: center;
}

.home-content-logos-inner ul li{
display: inline-block;
    width: 110px;
    margin: 2em;
}

.contact-ph-outer{
    padding: 4em 2em;

    justify-content: center !important;
}

.contact-ph-outer .panel-grid-cell{
    max-width: 600px;
}

.contact-ph-outer .fm-form-container{
    background: none;
    color: #fff;
    border: 0;
    padding: 0;
}

.contact-ph-outer .fm-form-container label{
    color: #fff;
        font-size: 12pt;
    font-weight: 100;
}

.contact-ph-outer .wdform_column:nth-child(6) .wdform-label{
    color: #646464  !important;
}

.contact-ph-outer .panel-grid-cell:first-of-type{
    margin-right: 3em;
}

.contact-ph-outer h2, .contact-ph-outer h3{
color: #fff !important;

}

.contact-ph-outer p{
        color: #fff;
}


.address-tel-tbl-page img {
    width: 22px;
    min-width: 22px;
    max-width: 22px;
}

.address-tel-tbl-page tr td {
    padding: 0.3em;
    vertical-align: middle;
}

.address-tel-tbl-page tr td {
    font-size: 14pt;
    line-height: 1.6em;
    color: #fff !important;
}

.address-tel-tbl-page tr td a {
    color: #009bd8;
}


.contact-ph-outer ::placeholder {
  color: #fff;
  opacity: 0.8; /* Firefox */
}

.contact-ph-outer .fm-form-container.fm-theme1 .fm-form  input[type="text"], .contact-ph-outer input[type="password"], .contact-ph-outer input[type="email"], .contact-ph-outer input[type="url"], 
.contact-ph-outer input[type="tel"], .contact-ph-outer input[type="number"], .contact-ph-outer input[type="date"], 
.contact-ph-outer input[type="search"], .contact-ph-outer textarea, .contact-ph-outer select {
    border: none;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    background-color: #005879;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #ccc;
    color: #fff !important;
    border: #000 1px solid !important;
    border-right: 0 !important;
    font-size: 12pt !important;
}



.hide-element{
    display: none !important;
}





@media (max-width: 1170px){




    nav:not(.navbar).prim-menu{
top: unset !important;
    position: absolute !important;
    -ms-transform: translate(-50%, 0%) !important;
    -webkit-transform: translate(-50%, 0%) !important;
    transform: translate(0%, -50%) !important;
    right: 34px !important;
    top: 50% !important;
    height: 42px !important;
    display: block !important;
    background: transparent !important;
    width: 630px !important;
    left: unset !important;
    }

     nav.prim-menu ul {
        height: auto;
        text-align: right;
     }




nav:not(.pms-account-navigation, .woocommerce-MyAccount-navigation, .woocommerce-breadcrumb,.navbar) {
    display: none;
}

.phone-head {
    cursor: pointer;
    font-size: 1rem;
    height: 35px;
    right: 10px;
    padding: 5px;
    position: absolute;
    top: 16px;
    width: 35px;
    margin-top: unset;
}

.m-menu {
    cursor: pointer;
    font-size: 1rem;
    height: 40px;
    right: 16px;
    padding: 5px;
    position: absolute;
    top: 50%;
    width: 40px;
    margin-top: -2px;
    display: block;
}


}

@media (max-width: 880px){
    nav.prim-menu{
        display: none !important;
    }

    nav:not(.navbar) ul > li {
    display: block;
}

nav:not(.navbar) div > ul > li:not(nav div > ul > li:last-of-type){
        border-bottom: 1px solid rgba(var(--site_colour_red), calc(var(--site_colour_green) - 10), var(--site_colour_blue), 1) !important;
}

nav:not(.navbar) div > ul > li:last-of-type a {
}


nav:not(.woocommerce-MyAccount-navigation, .woocommerce-pagination, .woocommerce-breadcrumb,.navbar), nav div > ul, nav div > ul > li{
    height: auto;
    text-align: left;
}
}

@media (min-width: 1170px){
    .prim-menu{
        display: none;
    }
}

@media (max-width: 1000px){
    nav.prim-menu{
            right: 70px !important;
    }
}

@media (min-width: 880px) and (max-width: 1170px){

    nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-pagination, .woocommerce-MyAccount-navigation, .woocommerce-breadcrumb, nav.prim-menu,.navbar) {
    background: rgb(244, 244, 244);
    border-bottom: 0;
    overflow: visible;
    padding-bottom: 0;
    position: fixed;
    text-align: left;
    top: 100px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: unset;
    background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
    text-align: center;
    height: 50px;
    /* vertical-align: middle; */
    padding: 6px;
    z-index: 999999;
}


}


@media (max-width: 1000px){
    nav:not(.pms-account-navigation, .user-registration-MyAccount-navigation, .woocommerce-pagination, .woocommerce-MyAccount-navigation, .woocommerce-breadcrumb, nav.prim-menu,:not(.navbar)){
        padding: unset !important;
    }



}

@media (min-width: 1000px) and (max-width: 1170px){
        nav.oth-menu > div > ul{
        text-align: center !important;
    }
}

.banner-btns{
    position: absolute;
    bottom: 100px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 999;
}

.banner-btns a{
    color: #fff;
    padding: 1em 1.5em;
    background: transparent;
    font-size: 14pt;
    font-weight: bold;
    margin: 0.2em 1em;
    display: inline-block;
    width: 250px;
    border-radius: 5px;
    font-weight: 100;
    transition: 0.3s;
    opacity: 1 !important;
    border: 1px solid #fff;
        transition: all 0.5s ease-in-out;
}

.banner-btns a:hover {
    background: #febc2d9e;
    color: #fff;
}

.scroll-down {
    position: absolute;
    bottom: 2%;
    left: 50%;
    margin-left: -20px;
    display: block !important;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 25px;
    z-index: 9;
    opacity: 0.95;
}

.charity-people-outer{
    justify-content: center !important;
}

.charity-people-outer .panel-grid-cell{
    max-width: 300px;
    padding: 1em;
}


@media (max-width: 780px){
    .contact-ph-outer .panel-grid-cell{
margin: 0 auto !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    /* max-width: unset; */
    }
}

.contact-ph-outer{
    /* background-image: url(/wp-content/themes/lighttheme/images/infinity-sign.png); */
    background-size: cover;
    background-position: center;
    background-color: #005879;
}

.hp-max-width{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

.about-client-list .home-content-logos{
    background: #febc2d;
}

.about-client-list .home-content-logos-inner ul li{
        filter: invert(1);
    }


.about-client-list .textwidget{
    padding: 0;
}



.page-content .about-test .testimonail-hp-grid-inner ul li{
    margin: 1.5%;
    width: 47%;
}

.page-content .about-test .testimonail-hp-grid-inner ul li:first-of-type, .page-content .about-test .testimonail-hp-grid-inner ul li:last-of-type{
    width: 97%;
}

.logos-header{
        background: transparent;
    text-align: left;
    padding: 1em 0;
}

.logos-header .home-content-logos-inner {
    max-width: unset;
    margin: unset;

}

.logos-header .home-content-logos-inner ul{
    text-align: left;

}

.logos-header .home-content-logos-inner ul li{
    margin: 5px;
    width: 215px;
}


.product-content{
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    margin-top: 0.5em;
}

.page-gallery-outer{
    background:transparent;
}

.product-images{
    max-width: 900px;
    margin:0 auto;
}

.product-data table, .data-overlay-info table{
    table-layout: fixed;
    width: 100%;
}

.product-data table td, .product-data table th, .data-overlay-info table td, .data-overlay-info table th {
    
    text-align: center;
}

.product-data table td, .product-data table th, .data-overlay-info table td, .data-overlay-info table th, #quote-items-inner table tr td, #quote-items-inner table tr th {
font-size: 11pt !important;
}



.data-overlay-info table td, .data-overlay-info table th{
text-align: left;

    }

.product-data{
    margin-top: 2em;
}

.product-data table td, .data-overlay-info-inner-data table td, #quote-items-inner table tr td{
    vertical-align: middle;
}

.data-overlay-info-inner-data table th, .data-overlay-info-inner-data table td{
    vertical-align: top;
}

.data-overlay-info-inner-data table td, .data-overlay-info-inner-data table th{
    border: 1px solid #fff;
}

.data-overlay-info-inner-data table th{
    background: #eeeeee !important;
    --bs-table-accent-bg: none !important;
}

.data-overlay-info-inner-data table td {
    background: #f2f2f2 !important;
    --bs-table-accent-bg: none !important;
}

.product-data table th{
    background: #d1d1d1;
    color: #525252 !important;
    text-transform: capitalize;
}

.data-overlay-info-inner-data table th{
    background: #6b6b6b !important;
    color: #fff !important;
    text-transform: capitalize;
}



.data-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0 0 0 / 82%);
    z-index: 1999;
}

.data-overlay-info-outer{
    position: fixed;
    z-index: 19999;
    max-width: 800px;
    background: #fff;
    padding: 1.5em;
    height: calc(100% - 4em);

    width: calc(100% - 4em);
    left: 2em;
    right: 2em;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border: 1px solid #181818;
}

@media (max-width: 700px){
    .data-overlay-info-inner-data table th, .data-overlay-info-inner-data table td{
        display: block;
    }
}

.data-table-outer{

}

.data-overlay-info-inner-data{
    margin-top: 64px;
    overflow-y: scroll;
    position: absolute;
    height: calc(100% - 5em);
    top: 0;
    bottom: 0;
    padding-bottom: 1.5em;
    /* width: 100%; */
    left: 0;
    right: 0;
    padding: 1em 1em 1em 1em;
}

.data-overlay-info-inner h3{
    background: #8a8a8a;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    right: 0;
    padding: 1em;
    height: 64px;
    line-height: 28px;
    color: #fff;
}


.product-data table tr td{
    vertical-align: middle;
}



#quote-items{
    position: fixed;
    right: 0;
    top: 100px;
    bottom: 0;
    width: 320px;
    /* height: 400px; */
    background: #fff;
    z-index: 9999999999;
    display: block !important;
    padding: 1em;
    transition: all 0.5s ease-in-out;
    margin-right: -340px;
    box-shadow: -2px 0px 20px 0px #000000;
    border-top: 1px solid #191919;

}

.products-mp-outer{
    display: flex;
       
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
} 

.products-mp-outer .product-item{
    width: 23%;
    margin: 1%;
        position: relative;
    overflow: hidden;
        border-radius: 6px;
        background: #fff;
}

.news-items-mp-outer .product-item{
    overflow: unset;
}

a.product-item:hover{
    opacity: 0.8;
}

@media(max-width:1380px){
    .products-mp-outer .product-item{
        width: 31.3333%;
    }
}

@media(max-width:1000px){
    .products-mp-outer .product-item{
        width: 48%;
    }
}

@media(max-width:630px){
    .products-mp-outer .product-item{
        width: 98%;
    }
}


.property-list-img{
        object-fit: cover;
    object-position: center;
    height: 240px !important;
}

.property-agent-link{
    display: block;
        margin-right: 1em;
        flex: 1;
    
}

.product-item-text p a{
    text-decoration: underline;
}

.property-agent-outer .product-item{
border-radius:6px;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
}

.product-item-text-extra{
 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* padding-top: 0 !important; */
    border-top: 1px solid #e6e9ec;


}

.product-item-text-extra:not(.products-mp-outer .product-item-text-extra), .agents-mp-outer .product-item-text-extra{
        background: #ee7e38;
    color: #fff;
        position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


.agent-a{
        padding-bottom: 50px;
    display: block;
}

.product-item-text-extra img{
    height: 40px;
    width: auto;
    background: #fff;
    padding: 3px;
}

.product-item section h3, .product-item section p  {
    text-align: center;
    margin-top: 0;
        font-size: 18px !important;
    text-align: left;
    margin-bottom: 0.5em !important;
        color: #010101;
}

.product-item section h4{
    font-size: 18pt !important;
    margin-top: 0 !important;
    color: #010101;
    font-weight: 600 !important;
}

.product-item{
    border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
}

.product-item a:hover {
    opacity: 0.7;
}

.product-item section{
    padding: 1em;
}

#quote-items-inner{
margin-top: 64px;
    overflow-y: scroll;
    position: absolute;
    height: calc(100% - 9em);
    top: 0;
    bottom: 0;
    padding-bottom: 1.5em;
    /* width: 100%; */
    left: 0;
    right: 0;
    padding: 1em 1em 1em 1em;
    overflow-x: hidden;
}

#quote-items-inner th a {
    color: #fff;
}

#quote-items-inner th:first-of-type a {
    color: #fff;
    color: #525252 !important;
}

#quote-items-inner table{
 table-layout: fixed;
 width: 100%;
}

#quote-items-inner table tr th {
    background: #d1d1d1;
    color: #fff !important;
    border: 0;
    color: #fff !important;
}



#quote-items-inner table tr td:last-of-type, #quote-items-inner table tr th:last-of-type{
    width: 46px;
    text-align: center;
}


#quote-items > h3{
background: #ff9800;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    right: 0;
    padding: 1em;
    height: 64px;
    line-height: 28px;
    color: #fff;
    margin-top: 0 !important;
    font-size: 16pt !important;
}

a.close-quote-d, a.close-more-d{
    position: absolute;
    right: 1em;
}

.quote-list{
    position: absolute;
    right: 0;
    top: 21px;
    color: #fff;
}

.quote-list span{
    margin-left: 5px;
}

 .btn-th{
    width: 100px;
 }


 .quote-btns-action{
    position: absolute;
    bottom: 0;
    background: #d4d4d4;
    left: 0;
    right: 0;
    padding: 8px;
    text-align: center;
 }

.quote-btns-action a{
    font-size: 11pt;
}

.btn:not(.quote-btns-action .btn){
        padding: 2px 6px !important;
    font-size: 11pt !important;
}

/*

.remove-quote{
    background: url(/wp-content/themes/lighttheme/images/remove-item.png);
    font-size: 0;
    width: 24px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.remove-quote:hover{
    opacity: 0.8;
}


*/


.navbar-product-filter .navbar-collapse{
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 12pt;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1em 1em;
    background: #fff;
}

.navbar-product-filter .navbar-collapse input[type="search"]{
    max-width: 180px;
    height: 32px !important;
}

.navbar-product-filter .navbar-collapse .btn{
        padding: 4px 6px !important;
}

.dropdown-item-selected {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
  /*  background-color: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;  */
	background-color: #89c7e5;
    color: #fff;

}

.navbar-product-filter .navbar-toggler {
    border: 0 !important;
    box-shadow: none !important;
}

.send-form-outer{
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    padding: 1.5em;
}


.product-cat-ddl > a, .product-cat-ddl > span{
    display: inline-block;
}

.product-cat-ddl > span {
    position: relative;
    padding: 2px 4px;
    font-size: 10pt;
}

.product-cat-ddl > span:after{
        font-size: 12pt;
}

.product-cat-ddl > a > span{

}

.table-responsive table, .table-responsive table{
  
}

.table-responsive table tr th, .table-responsive table tr td{
    width: 200px;
    vertical-align: middle;
        word-break: break-word;
}


.product-data table th:first-of-type, .product-data table td:first-of-type{
    position: sticky;
  top: 0;
  border-top: 0;
  background-clip: padding-box;
  position: sticky;
  left: 0;
  z-index: 9999999999;


}

.product-data table th:last-of-type, .product-data table td:last-of-type{
        position: sticky;
  top: 0;
  border-top: 0;
  background-clip: padding-box;
  position: sticky;
  left: 0;
  z-index: 9999999999;

    right: 0;
    top: 0;
    width: 50px;

}

.product-data table th:nth-last-child(2), .product-data table td:nth-last-child(2){
position: sticky;
  top: 0;
  border-top: 0;
  background-clip: padding-box;
  position: sticky;
  left: 0;
  z-index: 9999999999;

    right: 50px;
    top: 0;
    width: 50px;

}

.product-data table th:nth-last-child(3), .product-data table td:nth-last-child(3){
position: sticky;
  top: 0;
  border-top: 0;
  background-clip: padding-box;
  position: sticky;
  left: 0;
  z-index: 9999999999;

    right: 100px;
    top: 0;
    width: 70px;
    font-size: 14pt !important;

}

.product-data table th:nth-last-child(3) .bi, .product-data table td:nth-last-child(3) .bi{
    font-size: 14pt !important;
        margin-right: 8px;
}



.main-p-table>tbody>tr:nth-of-type(odd)>th:first-of-type, .main-p-table>tbody>tr:nth-of-type(odd)>td:first-of-type,
.main-p-table>tbody>tr:nth-of-type(odd)>th:last-of-type, .main-p-table>tbody>tr:nth-of-type(odd)>td:last-of-type,
.main-p-table>tbody>tr:nth-of-type(odd)>th:nth-last-child(2), .main-p-table>tbody>tr:nth-of-type(odd)>td:nth-last-child(2) {
   /* --bs-table-accent-bg: #292929 !important; */
}

.table-striped>tbody>tr:nth-of-type(odd):not(.data-overlay-info-inner-data .table-striped>tbody>tr:nth-of-type(odd)>*)>*{
     /*   --bs-table-accent-bg: rgb(242 242 242);*/
}

.table-striped>tbody>tr:nth-of-type(even)>*{
      /*  --bs-table-accent-bg: rgb(255 255 255);*/
}

.main-p-table>tbody>tr:nth-of-type(even)>td{
    background: #fff;
    --bs-table-accent-bg: none !important;
}

.main-p-table>tbody>tr:nth-of-type(odd)>td{
    background: #f2f2f2;
    --bs-table-accent-bg: none !important;
}

.product-data-scroll{
  overflow-x: scroll;
  overflow-y: auto;
  height: 19px;
  padding-left: 200px;
  padding-right: 100px;
}

.product-data-scroll div {
  background-color: red;
  font-size: 1px;
  line-height: 1px;
}
.product-data-outer{
    margin-top: 2em;
    margin-bottom: 2em;
}
.product-data table{
    margin-bottom: 0;
}
.product-data{
    margin-top: 0;
}

.product-data-scroll-outer{
    
}

.product-data-scroll-outer h3{
        margin-bottom: 0 !important;
    margin-top: 0;
    color: #fff;
}
/*
.product-data-scroll::-webkit-scrollbar, .product-data-outer .table-responsive::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.product-data-scroll::-webkit-scrollbar-button, .product-data-outer .table-responsive::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.product-data-scroll::-webkit-scrollbar-thumb, .product-data-outer .table-responsive::-webkit-scrollbar-thumb{
  background: #e1e1e1;
  border: 2px solid #000000;
  border-radius: 9px;
}
.product-data-scroll::-webkit-scrollbar-thumb:hover, .product-data-outer .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.product-data-scroll::-webkit-scrollbar-thumb:active, .product-data-outer .table-responsive::-webkit-scrollbar-thumb:active {
  background: #e1e1e1;
}
.product-data-scroll::-webkit-scrollbar-track, .product-data-outer .table-responsive::-webkit-scrollbar-track {
  background: #000000;
  border: 0px solid #ffffff;
  border-radius: 0px;
}
.product-data-scroll::-webkit-scrollbar-track:hover, .product-data-outer .table-responsive::-webkit-scrollbar-track:hover {
  background: #666666;
}
.product-data-scroll::-webkit-scrollbar-track:active, .product-data-outer .table-responsive::-webkit-scrollbar-track:active {
  background: #333333;
}
.product-data-scroll::-webkit-scrollbar-corner,  .product-data-outer .table-responsive::-webkit-scrollbar-corner {
  background: transparent;
}
*/

.product-main-details{
        display: flex;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}


.product-images {
    width: 40%;
}

.product-features-outer{
    width: 60%;
}

.product-features-outer{
    padding: 1em;

    padding-top: 0;
}

@media (max-width: 900px){
	.product-images {
    width: 100%;
}

.product-features-outer{
    width: 100%;
}
}

.product-features-outer table tr td:first-of-type{
 font-weight: 600;
}


@media (max-width: 750px){
    .product-data table td, .product-data table th, .data-overlay-info table td, .data-overlay-info table th, #quote-items-inner table tr td, #quote-items-inner table tr th{
        font-size: 9pt;
    }
}

.hp-intro p{
    color: #fff;
    font-size: 16pt !important;
    max-width: 560px;
}

.hp-maintext{
        justify-content: center !important; 
}

.hp-maintext .panel-grid-cell:first-of-type{
    max-width: 700px;
    margin-right: 20px;
}

.hp-maintext .panel-grid-cell:first-of-type p, .hp-maintext .panel-grid-cell:first-of-type h2, .hp-maintext .panel-grid-cell:first-of-type h2, .hp-maintext .panel-grid-cell:first-of-type ul li{
    color: #374655;
}

.hp-maintext .panel-grid-cell:last-of-type{
    max-width: 560px;
}

.hp-maintext .fm-form-container{
    background:#bf9f46 !important;
	box-shadow: 0 0 8px #0000004d;
}

.hp-half-images{
    max-width: 1500px;
    margin: 0 auto !important;
    padding: 0 !important;
}


.hp-faq .panel-grid-cell{
background: #fff;
    padding: 2em;
    max-width: 900px;
    margin: 0 auto;
	box-shadow: 0 0 8px #0000004d;
}

.alink{
        color: #fff;
    text-transform: uppercase;
    /* border: 1px solid #fff; */
    margin-top: 2.5em !important;
    margin: 0;
    display: table;
    font-weight: 500;
    background-color: #3d4a5a;
    /* border-radius: 8px; */
    padding: 10px 15px;
    font-size: 12pt;
    display: inline-block;
    border: 1px solid #a3a8ae;
	box-shadow: 0 0 8px #0000004d;
}

.alinkmiddle{
    margin: 0 auto;
}


@media (min-width: 880px){
    .menu-item-has-children > a:after {
     /*   content: '\F282';   */
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10pt;
    margin-left: 5px;
    }
}


.view-more-d{
    BORDER-RADIUS: 50%;
    BACKGROUND: #1a76f1;
    BORDER: #1a76f1;
}

.add-quote{
color: #000;
    margin-bottom: 1em;
    display: block;
}

.product-item-text-extra .add-quote{
    margin-bottom: 0em;
}



.add-quote.disabled{
    color: #c7283e;
}

.product-data-scroll-outer{

}


.product-features-outer > h2{
    text-transform: capitalize;
}



  .product-data  {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: all-scroll;
  }

  .product-data table{
    border-collapse: separate;
  }

  .product-data.active {
    cursor: all-scroll;
    cursor: -webkit-grabbing;
  }

  .product-data table th:first-of-type, .product-data table td:first-of-type{
    clip-path: polygon(0 0, 120% 0, 120% 100%, 0% 100%);
    box-shadow: -14px 0px 20px 15px rgb(0 0 0 / 10%);
  }


  .product-data table th:nth-last-child(3), .product-data table td:nth-last-child(3){
clip-path: polygon(130% 1, 132% 0, 132% 116%, 0% 130%);
    box-shadow: 14px 0px 20px 15px rgb(0 0 0 / 10%);
    clip-path: polygon(0 0, 120% 0, 120% 100%, 0% 100%);
    clip-path: polygon(-120% 0, 100% 0, 100% 100%, -120% 100%);

  }

.table-p-overview tr td {
	border-bottom: 1px solid #efefef;
}

.table-p-overview tr th{
	border-bottom: 1px solid #d1d1d1;
}

.related-products{
	margin-top: 4em;
    border-top: 1px solid #474747;
    padding-top: 1em;
}




    .header-search{
    position: fixed;
    top: 100px;
    width: 100%;
        background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
    padding: 5px;
    z-index: 99;
    left: 0;
    right: 0;
    }

    .header-search form{
    margin: 0 auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    }

    .header-search-btn{
position: absolute;
    right: 180px;
    top: 18px;
    max-width: 20px;
    cursor: pointer;
    }

    .header-search-btn:hover{
        opacity: 0.8;
    }

    .header-search input[type=text]{
    display: inline-block;
    max-width: 245px;
    height: 30px !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }

    .header-search [type=submit]{
display: inline-block;
    font-size: 0;
    width: 30px;
    height: 30px;
    background: none;
    border: 0;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) url(/wp-content/themes/lighttheme/images/icons/search-wht.png);
    background-size: 20px;
    margin-left: -6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
        border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    }

    #block-cart{
        display: table;
        position: absolute;
        top: 3px;
        right: 150px;
    
    }

    #block-cart table tr td{
        vertical-align: middle;
    }

    #block-cart table tr td span{
        padding-top: 4px;
    display: block;
    margin-left: 5px;
    color: #fff;
    }

     #block-cart table tr td:last-of-type{
            padding: 4px 2px 3px 7px;
    color: #fff;
    }

    @media (max-width: 500px){
        #block-cart{
            right: 22px;
        }
    }

    header:not(.user-registration-profile-header header) {
    height: 115px !important;
}


@media (min-width: 1000px){
    .header-search{
position: absolute;
        top: 9px;
        width: 100%;
        background: none !important;
        padding: 5px;
        z-index: 99;
        width: 190px;
        right: 152px;
    }

    .header-search input[type=text]{
        display: inline-block;
    max-width: 140px;
    height: 28px !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
    background: transparent;
    border: 1px solid #fff;
    border-right: 0;
    color: #fff;
    }

    .header-search [type=submit] {
    display: inline-block;
    font-size: 0;
    width: 28px;
    height: 28px;
    background: none;
    border: 0;
    background: transparent url(/wp-content/themes/lighttheme/images/icons/search-wht.png);
    background-size: 20px;
    margin-left: -6px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-left: 0;
}
}

@media (max-width: 1000px){
.header-search-btn {
    position: absolute;
    right: 26px;
    top: 18px;
    max-width: 20px;
    cursor: pointer;
}
}


.quote-list .badge{
    position: absolute;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;
    border-radius: 28%;
    color: #000;
    font-size: 6pt;
    line-height: 4pt;
    padding: 3px;
   /* border: 1px solid #000;  */
    border-radius: 3px; 
    transform: translate(-100%, -4px);
    display: block;
}

.quote-list i{
    /* background: #fff; */
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    width: 26px;
    height: 26px;
    display: block;
}


@media (max-width: 1170px){
    .quote-list {
    position: absolute;
    right: 22px;
    top: 21px;
    color: #fff;
}
}

.tooltip-alt{
        position: absolute;
    left: -132px;
    background: #000;
    border-radius: 10px;
    z-index: 99999999999999999999;
display: none;
}

table.team-table-item{

}

table.team-table-item tr td{
    vertical-align: middle;
    padding: 4px 6px;
        color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 14pt;
}

table.team-table-item tr td img{
    border-radius: 4px;
}

table.team-table-item tr td a{
font-size: 12pt;
}

table.team-table-item tr td a i.bi{
        font-size: 16pt;
    margin-right: 8px;
}


.product-breadcrumb{
    line-height: 12pt;
    padding: 10px 0 30px;
}

.product-breadcrumb a{
    vertical-align: middle;
}

.product-breadcrumb > a:after {

    /*
content: '\F285';
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6pt;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 12pt;
    vertical-align: middle;
*/
}

.product-breadcrumb .bi{
    font-size: 6pt;
        margin-left: 5px;
    margin-right: 5px;
     line-height: 12pt;
}

.page-gallery-outer a{
    max-width: 900px;
    height: auto;

}


nav:not(.navbar) div > ul > li .toggle-submenu:nth-child(2){
	display: none;
}

@media (min-width: 1000px){
    .header-search{
        left: unset;

    }
}


.ddl-selected-cat-bread{
    color: #fff;
    font-weight: 600;
}

.ddl-selected-cat-spacer{
        font-size: 10pt;
    margin-left: 10px;
    margin-right: 5px;
}


.search-btn-cat-bread{
        background: #febc2d;
    border: #febc2d;
    color: #121212;
}

.search-btn-cat-bread:hover{
        background: #febc2d;
    border: #febc2d;
    color: #121212;
    opacity: 0.8;
}

nav.navbar-expand-lg{
       /* background-color: #efefef  !important; */
}

.product-count-inner{
        text-align: center;
    padding-top: 4em;
    background: #fff;
    font-size: 12pt;
    position: relative;
	display: none;
}

.filter-ddl-item .dropdown-item-selected:after, .dropdown-toggle span .dropdown-item-selected:after{
    /*
    content: "\F62A";
    margin-right: auto;
    display: inline-block;
    margin-right: 0px;
    margin-left: auto;
    position: relative;
    float: right;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 4px;
    position: absolute;
    right: 0; */
}


.product-cat-ddl > a > span > a{
        position: relative;
    vertical-align: middle;
        padding: 4px 2px 4px 5px;
    font-size: 12pt;
        padding-right: 24px;

            position: relative;
    vertical-align: middle;
    padding: 4px 2px 4px 2px;
    font-size: 12pt;
    padding-right: 0;
    text-align: center;
	border-radius: 2px;
}

.dropdown-toggle span .dropdown-item-selected:after{
        top: 2px;
            font-size: 12pt;
            display: none;
}


.filter-nav-bar{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
}


.product-data-outer .product-count-inner{
    padding-top: 1em;
    padding-bottom: 1em;
}

.product-data-outer .navbar {
    background: transparent !important;
}

.product-data-outer .navbar .nav-link {
    color: rgb(0 0 0 / 55%);
    border: 1px solid rgb(88 88 88 / 55%);
    margin: 2px;
    padding: 4px 6px;
}

.product-data-outer .navbar .nav-link.active, .product-data-outer .navbar .show>.nav-link, .product-data-outer .navbar .nav-link:hover {
    color: rgb(0 0 0 / 95%);
}

.product-data-outer .navbar-product-filter .navbar-collapse{
    padding: 0;
}

.clear-filters{
    /*
border: 1px solid #000;
    background: #303030;
    border-radius: 5px;
    color: #fff !important;*/
}

.clear-filters:hover{
    opacity: 0.8;
}

.clear-filters:after{
    display: none !important;
}

.download-tip-outer {
position: absolute;
    color: #121212;
    display: none;
    transform: translate(-94%, -2px);
    border-radius: 3px;
    z-index: 9999999999999999999;
    text-align: center;
}

.download-tip-outer .dropdown-menu{
    display: block;
    position: relative;
}

.product-data .download-items{
    display: none !important;
}

.dropdown-toggle1:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

#show-contact-form{
        padding: 10px !important;
    font-size: 12pt !important;
}

#show-contact-form i{
        margin-right: 5px;
}

.product-contact-outer-out{
    position: fixed;
    left: 0;
    right: 0;
    background:rgba(0,0,0,0.8);
    bottom: 0;
    top: 0;
    z-index: 99999999;
}

.product-contact-outer-in {
    margin: 1em 0;
    padding: 1em;
    background: #efefef;
    max-width: 450px;
    position: fixed;
    top: 140px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0%);
    left: 50%;
    /* top: 50%; */
    width: 90%;
}

.product-contact-outer .wdform_column:nth-child(5) {
    visibility: hidden;
    height: 0;
}

.faq-outer{
        max-width: 1000px;
    margin: 0 auto;
}

.faq-outer > ul > li > h4{
font-size: 13pt !important;
    font-weight: 600;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #3e4856;
}

.logos-hp-inner .slick-track {
  display: flex;
}
.logos-hp-inner .slick-track .slick-slide {
width: 100% !important;
}


.prod-rotate-banner li{
  
}

#quote-items-inner table tr td{
     word-break: break-all;
}





    .prod-filter-bar-inner-fixed{
        left: 0 !important;
    }

.prod-filter-bar-inner-fixed{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;


}

@media (max-width: 992px){
    .prod-filter-bar-inner-fixed{
        left: 0 !important;
    }

.prod-filter-bar-inner-fixed{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;

}
    
}

@media (min-width: 992px){


    
.prod-cat-sidemenu .navbar-expand-lg .navbar-collapse{
 display: block !important;
    }

.prod-cat-sidemenu, .prod-filter-bar-outer{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.prod-filter-bar-outer{
    padding: 0px;
}

.page-content-inner-w-side{
    width: calc(100% - 254px);
    display: inline-block;
    vertical-align: top;
}

.prod-cat-sidemenu .navbar-nav{
    margin: 0 !important;
}



.page-content-inner-w-side .products-mp-outer{
    padding-top: 0 !important;
}

.prod-page-content{
    max-width: 1430px;
    margin: 0 auto;
}
}

.prod-cat-sidemenu .dropdown-toggle::after{
    display: none;
}

.prod-cat-sidemenu .navbar-expand-lg .navbar-nav .dropdown-menu{
 position: relative;
 display: block;
 background:#efefef;
 border: 0;
}

.prod-cat-sidemenu .navbar-expand-lg .navbar-nav{
    flex-direction: column;
}


.prod-cat-sidemenu .navbar-expand-lg .navbar-collapse{
 
}


.prod-cat-sidemenu .dropdown-toggle{
color: #000;
    font-weight: 500;
}

.prod-cat-sidemenu .navbar-product-filter {
    top: unset !important;
}


.featured-property {
    color: #fff47c;
    position: absolute;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    color: white;
    /* transform: rotate(-45deg); */
    text-align: center;
    top: 1em;
    left: 1em;
    /* width: 200px; */
    padding: 18px;
    z-index: 77;
    font-size: 10pt;
    text-transform: uppercase;
    border-radius: 5px;

}


.fotorama__fullscreen-icon{
        background: #ff9800 !important;
}

.fotorama--fullscreen .fotorama__fullscreen-icon::after {
    content: "x" !important;
    color: #fff !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}

.property-outer-first-sec{
    display: flex;
}

section.property-images{
    max-width: 50%;
}

section.property-short-txt{
    padding: 0 0 0 1.5em;
}


.property-feature-list{
    list-style: none;
    padding: 0;
}

.property-feature-list li{
    vertical-align: middle;
}

.property-outer{
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    
}


.property-feature-list li:before{
    content: "\F26A";
        display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    color: #ff9800;
    margin-right: 5px;
}

.map-section-outer .maps{
        height: 300px;
            display: block;
    position: relative;
    width: 100%;
}

#map_canvas, #streetmap-canvas {
    height: 100%;
}

#map_canvas {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}

#map_canvas, #streetmap-canvas {
    max-width: none;
    width: 100%;
    height: 300px;
}

.property-images-inner{
    position: relative;
    overflow: hidden;
}

.property-short-txt > h3:first-of-type{
    margin-top: 0 !important;
}

.property-main-txt, .map-section-outer{
    margin-top: 1.5em;
}

.p-action-btns button {
    margin: 2px;
}

.maps iframe {
    all: revert !important;
}


@media (max-width: 830px){
    .property-images{
        width: 100% !important;
        max-width: unset !important;
    }

    .property-short-txt{
        width: 100% !important;
        padding: 0 !important;
        margin-top: 1em;
    }

    .property-outer-first-sec{
        display: block;
    }
}

.bcu-mp-outer{
        display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}


.bcu-mp-item{
    border: 1px solid #efefef;
    max-width: 390px;
    display: inline-block;
    margin: 1em;
    box-shadow: 0px 0px 14px 3px #d3d3d3;
}

.bcu-mp-item-txt{
    padding: 1em;
    height: 510px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out;
}

.bcu-mp-item-txt:before{
padding: 0;
    content: "Read More" !important;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 99;
    color: #fff;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;
    padding: 5px 10px;
    cursor: pointer;
    content: "";
    position: absolute;
    bottom: 10px;
    /* left: 0; */
    z-index: 99;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    left: 50%;
    /* right: 0; */
    margin: 0 auto;
    text-align: center;
    display: block;
    width: auto;
    margin-left: auto;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 1em;
    text-transform: uppercase;

}

.bcu-mp-item-txt-open {
    padding-bottom: 4em;
}

.bcu-mp-item-txt-open:before{
padding: 0;
    content: "Read Less" !important;
        position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 99;
    color: #fff;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;
    padding: 5px 10px;
    cursor: pointer;
    content: "";
    position: absolute;
    bottom: 10px;
    /* left: 0; */
    z-index: 99;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    left: 50%;
    /* right: 0; */
    margin: 0 auto;
    text-align: center;
    display: block;
    width: auto;
    margin-left: auto;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 1em;
    text-transform: uppercase;
}

.bcu-mp-item-txt:after{
        content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgb(255 255 255 / 34%) 0%, rgb(255 255 255) 61%);
    height: 70px;
    transition: all .1s ease-in-out;
}

.bcu-mp-item h3{
    margin-top:0 !important;
}

.bcu-mp-item h4{
font-size: 17pt !important;
    margin-top: 0 !important;
    font-weight: 700;
}

.bcu-mp-item img{
    width:100%;
    margin: 0 auto;
}

.book-link {
    position: fixed;
    right: -59px;
    top: 190px;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    z-index: 99;
    /* height: 100px; */
    /* width: 30px; */
    display: block;
    transform: rotate(-90deg);
    /* padding: 0.6em; */
    text-decoration: none;
    /* padding-left: 1em; */
    background-image: url(/wp-content/themes/lighttheme/images/icons/cart-blk.png);
    background-repeat: no-repeat;
    background-position: 4px center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    z-index: 9;
}

.book-link:hover{
    opacity: 0.8;
}

.book-link:before{
    content: "\F242";
    position: absolute;
    font-size: 17pt;
    color: #fff;
    font-family: bootstrap-icons !important;
    top: 12px;
    left: 8px;

}

.book-link span {
    display: block;
    /* transform: rotate(-90deg); */
    color: #fff;
    font-size: 14pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    /* width: 35px; */
    /* margin-right: 30px; */
    /* padding-right: 10px; */
    /* margin-left: -126px; */
    border: 0;
    text-decoration: none;
    padding: 0.4em;
    margin: 0.3em;
    /* padding-left: 3em; */
    margin-left: 2em;
    border-left: 1px solid #fff;
}

.activities-mp-outer{

}

.activities-mp-inner{
    display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}



.activities-mp-item{
        max-width: 300px;
    overflow: hidden;
    margin: 10px;
    align-self: stretch;
    background: #0a9ba4;
}


.news-mp-item{
    max-width: 400px;
    overflow: hidden;
    margin: 10px;
}

.activities-mp-item:hover{
    opacity: 0.8;
}

.activities-mp-item:not(.news-mp-item) h3:before {
     background: #0a9ba4;
    content: "";
    height: 30px;
    width: 105%;
    display: block;
    transform: rotate(-3deg);
    z-index: 1;
    position: absolute;
    top: -8px;

}

.activities-mp-item:not(.news-mp-item) h3{
    background: #0a9ba4;
        margin-bottom: 0;
        position: relative;
        margin-bottom: 0 !important;
}

.activities-mp-item:not(.news-mp-item) h3 span{
    z-index: 2;
    display: block;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    padding: 1em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}


.activities-mp-outer h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 25pt;
        margin-top: 1em;
    margin-bottom: 1.5em;
	padding: 20px;
}

.home-content h2:not(.activities-mp-outer h2){
        font-size: 22pt;
    line-height: 27pt;
    font-weight: 400;
}


.news-mp-item{
        background: #fff;
    box-shadow: 0px 0px 14px 3px #d3d3d3;
}

.news-mp-item h4{
    text-transform: uppercase !important;;
    font-size: 11pt !important;
    font-weight: 900 !important;;
    padding-left: 20px !important;;
    padding-right: 20px !important;;
    color: #999999 !important;
        margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.news-mp-item h3{
text-transform: uppercase !important;;
    padding-left: 20px !important;;
    padding-right: 20px  !important;
    margin-top: 30px !important;
    line-height: 22pt !important;
    margin-bottom: 30px !important;
    font-size: 20pt !important;
    font-weight: 700 !important;
}

.readmorebtn{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1em;
    padding-bottom: 1em;
    display: block;
    color: #3f3f3f;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 1em;
    margin-bottom: 1em;
}

.readmorebtn span{
        font-size: 15pt;
    vertical-align: middle;
}



.shad-hp{
        background: #fff;
    box-shadow: 0px 0px 14px 3px #d3d3d3;
        -webkit-align-items: center;
    align-items: center;
}

.shad-hp .panel-grid-cell:last-of-type{
    padding: 2em;
}

@media (max-width: 780px) {

.shad-hp .panel-grid-cell:last-of-type{
    padding: 1em !important;
}

}

.footer-menu a{
    padding: 5px 0;
    display: block;
}



h1 {
    font-size: 3.167em !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1em !important;
    text-decoration: none !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: -0.6px !important;
    margin-top: 1.04em !important;
    margin-bottom: 0.46em !important;
    color: #374655;
}

h2 {
    font-size: 46px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: -0.5px !important;
    margin-top: 0em !important;
    margin-bottom: 0.52em !important;
	
}

h3 {
    font-size: 1.944em !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.3em !important;
    text-decoration: none !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: 0.2px !important;
    margin-top: 1.06em !important;
    margin-bottom: 0.68em !important;
}

h4 {
    font-size: 1.556em !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.214em !important;
    text-decoration: none !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: 0px !important;
    margin-top: 1.32em !important;
    margin-bottom: 0.67em !important;
}

h5 {
    font-size: 1.333em !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.417em !important;
    text-decoration: none !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: 0px !important;
    margin-top: 1.35em !important;
    margin-bottom: 0.7em !important;
}

h6 {
    font-size: 1.1em !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.1em !important;
    text-decoration: none !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: 0px !important;
    margin-top: 2.1em !important;
    margin-bottom: 0.9em !important;
}

p, li{
    font-size: 1.1rem  !important;
}


@media (max-width: 1279px){
    h1 {
        font-size: 46px !important;
    }

    h2 {
        font-size: 46px !important;
    }

    h3 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 24px !important;
    }

    h5 {
        font-size: 22px !important;
    }

    h6 {
        font-size: 20px !important;
        margin-bottom: 12px !important;
    }

    p, li{
        font-size: 1.1rem  !important;
    }
}


@media (max-width: 1023px){
     h1{
        font-size: 38px !important;
        line-height: 42px !important;
        margin-top: 30px !important;
        margin-bottom: 16px !important;
    }

    h2 {
        font-size: 34px !important;
        line-height: 35px !important;
        margin-top: 0px !important;
        margin-bottom: 16px !important;
    }

    h3 {
        font-size: 26px !important;
        line-height: 30px !important;
        margin-top: 25px !important;
        margin-bottom: 16px !important;
    }

    h4 {
        font-size: 22px !important;
        line-height: 26px !important;
        margin-top: 24px !important;
        margin-bottom: 15px !important;
    }

    h5 {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-top: 20px !important;
        margin-bottom: 12px !important;
    }

    h6 {
        font-size: 19px !important;
        line-height: 23px !important;
        margin-top: 23px !important;
        margin-bottom: 10px !important;
    }

}


@media (max-width: 767px){
    h1 {
        font-size: 32px !important;
        line-height: 36px !important;
        margin-top: 25px !important;
        margin-bottom: 14px !important;
    }

    h2 {
        font-size: 30px !important;
        line-height: 30px !important;
        margin-top: 24px !important;
        margin-bottom: 14px !important;
    }

    h3 {
        font-size: 24px !important;
        line-height: 28px !important;
        margin-top: 24px !important;
        margin-bottom: 14px !important;
    }

    h4 {
        font-size: 20px !important;
        line-height: 24px !important;
        margin-top: 21px !important;
        margin-bottom: 12px !important;
    }

    h5 {
        font-size: 19px !important;
        line-height: 23px !important;
        margin-top: 20px !important;
        margin-bottom: 11px !important;
    }

    h6 {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-top: 18px !important;
        margin-bottom: 9px !important;
    }
}


@media (max-width: 479px){
    h1 {
        font-size: 29px !important;
        line-height: 31px !important;
        margin-top: 25px !important;
        margin-bottom: 14px !important;
        letter-spacing: 0 !important;
    }

    h2 {
        font-size: 32px !important;
        line-height: 35px !important;
        margin-top: 25px !important;
        margin-bottom: 14px !important;
        letter-spacing: 0 !important;
    }

    h3 {
        font-size: 22px !important;
        line-height: 25px !important;
        margin-top: 22px !important;
        margin-bottom: 13px !important;
        letter-spacing: 0 !important;
    }

    h4 {
        font-size: 19px !important;
        line-height: 23px !important;
        margin-top: 20px !important;
        margin-bottom: 12px !important;
        letter-spacing: 0 !important;
    }

    h5 {
        font-size: 18px !important;
        line-height: 21px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        letter-spacing: 0 !important;
    }

    h6 {
        font-size: 17px !important;
        line-height: 20px !important;
        margin-top: 18px !important;
        margin-bottom: 8px !important;
        letter-spacing: 0 !important;
    }
}



@media (max-width:1170px){
    .header-search-btn {
     right: 180px;

}
}


#appointy-iframe{
        width: 99% !important;
            margin-top: 2em !important;
                border: 3px solid #335c75;
    border-radius: 0.5em;
}


@media (max-width:600px){
    .page-header-outer {
    height: 270px;
}

.page-title-outer {

    margin-top: 150px;
}
}


.book-link-head{
position: absolute;
    right: 25px;
    top: 9px;
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1);
    display: block;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
}

.book-link-head:hover{
    opacity: 0.7;
}

.book-link-head span{
    display: block;
    /* transform: rotate(-90deg); */
    color: #fff;
    font-size: 12pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    /* width: 35px; */
    /* margin-right: 30px; */
    /* padding-right: 10px; */
    /* margin-left: -126px; */
    border: 0;
    text-decoration: none;
    padding: 0.3em;
    margin: 0.3em;
}

.agent-section{
        display: flex;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: ;
    /* padding-top: 0 !important; */
    border-top: 1px solid #e6e9ec;
    border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
    max-width: 1390px;
    margin: 0 auto;
    padding: 1em;
}

.agent-section-img{
    flex: 1;
    padding: 1em;
}

.agent-section-img-inner{
        display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.ag-address br {
    display: none;
}

.agent-section-text{
    min-width: 270px;
}

@media (max-width:970px){

}

.agent-section-img-txt{
        padding: 0.5em 2em;
}

.agent-section-img-txt br{
    display: none;
}

.agent-section-img img{
    flex: 1;
    max-width: 450px;
    padding: 1em;
}

.tab-property-type{
    border-top: 1px solid #e6e9ec;
    border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
    max-width: 1390px;
    margin: 0 auto;
    padding: 1em;
}


@media (min-width:660px){
    .agent-section-img {
    border-right: 1px solid #e6e9ec;
    margin-right: 1.5em;
}
}

@media (max-width:980px){
    .agent-section-img-inner{
        display: block;
    }

    .ag-address{
            padding: 0.5em 2em;
    }

    .agent-section-text{
        min-width: unset;
    }
}

@media (max-width:660px){
    .agent-section{
        display: block;
        padding: 0;
        padding-bottom: 1.5em;
    }

    .agent-section-text{
                padding: 1em 1.5em;
    }

    .agent-section-img-txt {
    padding: 0.5em;
}

.agent-section-img img{
    margin: 0 auto;
}

.ag-address{
    padding: 0.5em;
}

}

.tab-property-type-tab{
    max-width: 1390px;
    margin: 0 auto;
    margin-top: 2em;
}

.tab-property-type-tab a{
    border-top: 1px solid #e6e9ec;
    border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
        padding: 15px;
    display: inline-block;
    background: #efefef;
}

.tab-property-type-tab a.active{
        background: #fff;
}

.Sales-tab.active{
    background: #615bb9 !important;
    color: #fff;
}

.Lettings-tab.active{
    background: #86c6e6 !important;
    color: #fff;
}

.tab-property-type-tab a{
    margin-bottom: -1px;
    border-bottom: 0;
    box-shadow: 0;
}


.prod-filter-bar-outer{
    display: block;
        max-width: 1280px;
    margin: 0 auto;
        margin-top: 0em;
}

.prod-filter-bar-outer .navbar{
    background-color: #fff !important;
        border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
        border-radius: 6px;
        padding: 0;
}

.prod-filter-bar-outer .navbar .nav-link{
    color: #000;
}

.prod-filter-bar-outer .navbar .nav-link:not(.prod-filter-bar-outer .navbar .nav-link span){
    text-align: center;
}

.prod-filter-bar-outer .navbar .nav-link:not(.clear-filters):hover{
    background: #efefef;
}

.prod-filter-bar-outer .navbar .dropdown-toggle i.bi, .prod-filter-bar-outer .navbar .dropdown-toggle img{
    display: block;
    text-align: center;
    font-size: 30pt;
    max-width: 30px;
        margin: 0 auto;
    margin-bottom: 10px;
}

.dropdown-toggle::after{
    display: none;
}


.navbar-nav{
    width: 100%;
    display: flex;
            justify-content: space-between;
                align-items: center;
                    align-items: center;
}

.navbar-nav .nav-item{
   
}

.product-breadcrumb{
    margin-top: 94px;
}

.product-breadcrumb span{
    vertical-align: middle;
}

.property-split-outer{
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    /* padding-top: 0 !important; */
}

.property-outer{
    flex: 1;
        width: 70%;
}

.property-agent-outer{
flex: 1;

    padding: 1em;
    margin-left: 1em;
}

.agent-section1{
    padding: 1em;
}

.property-outer h1:first-of-type{
    margin-top: 0 !important;
}


.property-feature-list1{
        width: 100%;
    display: flex;

    align-items: center;
}

.property-feature-list1 li {
    position: relative;
    padding: 1em;
    text-align: center;
    font-weight: 800 !important;
}

.property-type-link{

}

.property-type-link a{
      width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    color: #000;
    text-transform: uppercase;
}

.property-type-link a.selected{
    background: #ee7e38;
	border-radius: 2px;
}


.property-type-link a.sales.selected{
    background: #615bb9;
    border-radius: 2px;
    color: #fff;
}

.property-type-link a.lettings.selected{
    background: #86c6e6;
    border-radius: 2px;
    color: #fff;
}


.lettings-selected-ddl .dropdown-item-selected{
    background: #86c6e6 !important;
}

.sales-selected-ddl .dropdown-item-selected{
    background: #615bb9 !important;
}

.filter-nav-bar li {
    /*border-right: 1px solid #efefef;*/
}

.product-item .property-feature-list1 li{
    font-size: 12pt !important;
    padding: 10px;
}

.product-item .property-feature-list1 li img{
    max-width: 24px;
}

.product-item h4{
    margin-bottom: 0.5em !important;
}

.product-item-text h3:not(.property-agent-outer .product-item-text h3){
    margin-top: 0 !important;
}

.navbar-expand-lg .navbar-nav{
flex-direction: row;
}

.navbar-nav .dropdown-menu{
        position: absolute;
}

.tab-property-type > h2{
    text-align: center;
}


.fotorama__fullscreen-icon{
    height: auto !important;
    width: 30px !important;
    text-align: center !important;
    border-radius: 5px !important;
}

.fotorama__fullscreen-icon::after {
    content: "\F52A" !important;
    color: #fff;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    font-size: 12pt;
}


.fotorama--fullscreen .fotorama__fullscreen-icon::after {
    content: "\F62A" !important;
    color: #fff;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    font-size: 12pt;
}


.property-icon-head .add-quote{
    display: inline-block !important;
    font-size: 18pt !important;
    margin-left: 1.2em !important;
}

.property-icon-head .featured-property-mp{
    position: relative !important;
    display: inline-block !important;
    top: unset !important;
    left: unset !important;
    margin-bottom: 1em !important;
    font-size: 14pt !important;
}

.navbar-nav .nav-item:hover .product-cat-ddl-list{
    display: block;
}

.remove-quote i{
    color: #dc3545;
    font-size: 16pt;
}

.banner-btn-cen-sales, .banner-btn-cen-lettings{
    display: inline-block;
    margin: 1em;
}

.banner-btn-cen-sales:hover, .banner-btn-cen-lettings:hover{
    opacity: 0.8;
    color: #fff !important;
}

.banner-btn-cen-sales{
    background-color: #625eb7;
}

.banner-btn-cen-lettings{
    background-color: #86c6e6;
}


@media (max-width: 992px){

.prod-filter-bar-outer{
    height: auto !important;
}

}

@media (max-width: 900px){
.sales-selected-ddl ul li:nth-child(1), .sales-selected-ddl ul li:nth-child(2), .lettings-selected-ddl ul li:nth-child(1), .lettings-selected-ddl ul li:nth-child(2){
    width: 50% !important;
}

}


@media (max-width: 700px){

    .prod-filter-bar-outer .navbar .nav-link:not(.prod-filter-bar-outer .navbar .nav-link span){
        text-align: left;
    }

.sales-selected-ddl ul li, .lettings-selected-ddl ul li{
    width: 50%;
}

.sales-selected-ddl > ul > li > a, .lettings-selected-ddl  > ul > li > a{
    width: 100%;
}

.prod-filter-bar-outer .navbar .dropdown-toggle img{
    display: inline-block;
}

.navbar-nav .dropdown-menu{
   
}

}

.agent-socials a{
    font-size: 22pt;
    margin: 5px;
}


@media (max-width:636px){
    .banner-text .banner-btn{
        margin: 0 auto;
        display: table;
                margin-top: 1em !important;
    }

    .banner-text h1{
        text-align: center;
    }
}


@media (max-width: 500px) {
    .sales-selected-ddl ul li, .lettings-selected-ddl ul li {
        width: 100%;
    }

    .sales-selected-ddl ul li:nth-child(1), .sales-selected-ddl ul li:nth-child(2), .lettings-selected-ddl ul li:nth-child(1), .lettings-selected-ddl ul li:nth-child(2){
        width: 100% !important;
                padding-top: 5px;
        padding-bottom: 5px;
    }

    .property-type-link{
        text-align: center;
    }

        .sales-selected-ddl > ul > li > a, .lettings-selected-ddl > ul > li > a {
        width: 49%;
        display: inline-block;
    }

    .prod-filter-bar-outer .navbar .nav-link:not(.prod-filter-bar-outer .navbar .nav-link span){
        width: 100%;
        

    }

    .navbar-product-filter .navbar-collapse input[type="search"]{
        width: calc(100% - 30px);
        max-width: unset;
    }

    .prod-filter-bar-outer .navbar .dropdown-toggle i.bi, .prod-filter-bar-outer .navbar .dropdown-toggle img{
            text-align: center;
    font-size: 30pt;
    max-width: 18px;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-right: 5px;
    }
}



.product-item img {
    object-fit: contain;
    object-position: center;
    height: 250px !important;
    width: auto;
    margin: 0 auto;
    /* margin-top: 1em; */
    background: #002340;
}

.bid-section {
    display: flex;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
        padding: 0 !important;
}

.bid-section input[type="text"]{
width: 130px;
    margin: 0;
    margin-right: 1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bid-section span{
    line-height: 40px;
    font-size: 12pt;
    /* line-height: 1.4; */
    /* padding: 4px 8px; */
    background: #f5f5f5;
    border: #cccccc solid 1px;
    padding: 0 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 0;
    height: 42px;
}

@media (max-width:550px){

    #user-registration-form-6 .ur-form-grid{
        width: 98% !important;
    }

    #user-registration-form-6 .ur-form-row{
        display: block;
    }
}

#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    padding: 15px 20px;
}

.art-ttl:after{
    content: "";
        text-indent: -9999px;
    overflow: hidden;
    width: 6px;
    height: 6px;
    background: #cc0000;
    display: inline-block;
    vertical-align: middle;
    border-radius: 12px;
    margin-left: 10px;
    margin-top: -4px;
}

.art-ttl-live:after {
    content: "";
    text-indent: -9999px;
    overflow: hidden;
    width: 6px;
    height: 6px;
    background: #19d913;
    display: inline-block;
    vertical-align: middle;
    border-radius: 12px;
    margin-left: 10px;
    margin-top: -4px;
    animation: flashcol 1.5s infinite;
}

.hp-page-content{
    max-width: 1600px;
}

.mybids{
    margin-bottom: 2em;
}

.mybids h3{
    text-align: left !important;
}

.mybids table{
    border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
}

.mybids table tr td, .mybids table tr th{
    padding: 5px;
    border: 1px solid #e6e9ec;
}

.mybids table tr td:nth-child(1){
    text-transform: uppercase;
    font-weight: 500;
}


.info-lnk:hover{
    opacity: 0.7;
}

.info-lnk img{
    max-width: 16px;
    display: inline-block;
    height: 16px !important;
    margin-top: -4px;
    margin-right: 8px;
}

.info-lnk-close img{
    max-width: 20px;
    display: inline-block;
    height: 20px !important;
    margin-top: 2px;
    margin-right: 2px;
    position: absolute;
    right: 0;
}

.info-lnk span{
    display: none;
}

.art-pop-outer{
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.art-pop-inner{
    background: #fff;
    position: absolute;
    position: fixed;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    max-width: 500px;
    width: 90%;
}

#user-registration-form-6 .ur-form-row:nth-child(4){
    display: none !important;
}


.lity-container{
    max-width: 80% !important;
    overflow-y: scroll;
    overflow-x: hidden;
}


@media(min-width: 900px){

.lity-container .lity-content{
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    background: #fff;
}

.lity-image img{
    max-width: 60% !important;
    height: fit-content;
}
}

.art-pop-inner-lity {
    background: rgb(255 255 255 / 100%);
    width: 100%;
}


@media(max-width: 900px){
    .lity-container {
    max-width: 420px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 80%;
}
}


.bid-section_input{
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.product-main-img{
        max-width: 300px;
    margin-right: 2em;
    margin-bottom: 1em;
}

.product-cat-span{
    background: #4498d2;
    color: #fff;
    padding: 5px;
   /* display: inline-block; */
	display: none;
    font-size: 8pt;
    text-transform: uppercase;
}

.product-filter{
        max-width: 1280px;
    margin: 0 auto;
}

.product-filter ul{
        width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
        justify-content: center;
}



.product-filter ul li a {
    cursor: pointer;
    color: #fff;
    background: #fff;
    padding: 0px 25px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12pt;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 5px;
        border: 2px solid #009bd8;
            color: #010101;
}

a.product-filter-selected {
    background: #009bd8 !important;
        color: #fff !important;
}

.product-filter ul li {
    list-style: none;
    width: unset;
    margin: unset;
    display: inline-block;
    margin-bottom: 5px;
}

.post-date-val-news{
text-transform: uppercase !important;
    font-size: 7pt !important;
    font-weight: 900 !important;
    color: #fff !important;
    position: relative;
    text-align: center;
    margin-bottom: 2em !important;
    background: #006699;
    display: table;
    height: 54px;
    width: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: -16px;
    padding-bottom: 6px;
    left: 0;
    margin-left: -16px;
}


.post-date-val-news span {
    font-size: 11pt;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    line-height: 12pt;
}


.featured-hp-inner ul li a div img{
    object-fit: cover;
    object-position: center;
    height: 190px !important;
    width: auto;
    margin: 0 auto;
  /*  margin-top: 1em; */
    overflow: hidden;
}


.featured-hp-inner ul li{
    background: #fff !important;
    border: 1px solid #e6e9ec;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04);
    border-radius: 6px;
        max-width: 350px;
        overflow: hidden;
}


.featured-hp-inner .services-hp-inner-text h3 {
    color: #000;
    text-transform: uppercase;
    font-size: 15pt;
    margin-bottom: 0;
    text-align: center;
    font-weight: 400 !important;
    padding-top: 18px;
    font-size: 19pt !important;
}


.prod-filter-bar-inner .navbar .nav-link {
    color: rgb(0 0 0 / 55%);
    border: 1px solid rgb(88 88 88 / 55%);
    margin: 2px;
    padding: 4px 6px;
}


.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-item{
    text-transform: capitalize;
}

@media (min-width: 880px) {
    .menu-item-has-children > a:after {
       /* content: '\F282';
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10pt;
        margin-left: 5px;*/
    }
}



.prod-filter-bar-inner .navbar .nav-item:first-of-type > a{
    display: none;
}



    .prod-filter-bar-inner .dropdown-menu {
        position: relative !important;
        display: flex !important;
        border: 0;
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .prod-filter-bar-inner .dropdown-menu a {
    position: relative;
    display: inline-block;
    width: auto;
}


.prod-filter-bar-inner .dropdown-menu a{
    border: 0;
    line-height: 25px;
}

.prod-filter-bar-inner .dropdown-menu a{
    position: relative;
}


.prod-filter-bar-inner .filter-ddl-item .dropdown-item-selected:after{
margin-top: 1px;
}

.news-items-mp-outer .product-item, .products-mp-outer .product-item{
    padding-bottom: 50px;
}

.readmore-btn{
    position: absolute;
    bottom: 1em;
    margin: 0 auto;
    left: 1em;
    right: auto;
    display: table;
}


.contact-page-content{
        max-width: unset !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 80px !important;
}

.foot-link{
  
}


.post-date-val1{
    margin-top: 2em !important;
    display: block;
    color: #000;
    font-weight: 600;
}

.products-head-sec{
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 120px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2em;
}

.products-head-text h1{
    margin-top: 0 !important;
}

.product-page-content{
        max-width: unset;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


.product-page-content .panel-layout .panel-grid:nth-child(odd) {
    background: #edf8fc;
}

.product-page-content .panel-layout .panel-grid{
display: flex;
    justify-content: center;
    align-items: center !important;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
}


.product-page-content .panel-layout .panel-grid .panel-grid-cell:not(:only-child){
    max-width: 960px;
}

.product-page-content .panel-layout .panel-grid .panel-grid-cell:first-of-type:not(:only-child){
    max-width: 300px;
    margin-right: 2em;
}


.product-page-content .panel-layout .panel-grid .panel-grid-cell:only-child{
    max-width: 1280px;
}


.products-download-sec{
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 2em;
}


.related-product-section{
        background: #edf8fc;
    padding: 1em;
}


.related-product-section-inner{
    max-width: 1280px;
    margin: 0 auto;
}


.related-product-section-inner .products-mp-outer{
    justify-content: flex-start;
}

@media (max-width:880px){
    nav:not(.navbar) div > ul:not(#menu-mainpages) > li:last-of-type > a{
        width: auto;

    }
}



.people-list-item{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid #c9c9c9;

}

.people-list-item img{
    width: 100%;
    max-width: 350px;
    margin-right: 2em;
}

.testimonail-hp-new-outer, .testimonial-filter-outer {
    max-width: 1280px;
    margin: 0 auto;
    
}

.testimonial-filter-outer {
    margin-bottom: 2.5em;
}

.testimonial-filter-outer ul {
width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto !important;
}

.testimonial-filter-outer ul li {
    list-style: none;
    width: auto;
    margin: 5px;
}

.testimonial-filter-outer ul li a {
    cursor: pointer;
    color: #fff;
    background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1);
    padding: 10px 18px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12pt;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.testimonial-filter-selected {
    background: rgba(var(--site_alt_colour_red), var(--site_alt_colour_green), var(--site_alt_colour_blue), 1) !important;
}

.testimonail-hp-new-outer ul:not(.testimonail-hp-new-outer-n ul) {
    background: #fff !important;
    padding: 0 !important;
    display: flex;
    vertical-align: middle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 !important;
}

.testimonail-hp-new-outer ul li:not(.flex-nav-prev, .flex-nav-next) {
    display: inline-block;
    background: #fff;
    position: relative;
    width: 98%;
    margin: 1%;
    overflow: hidden;
    vertical-align: top;
    box-shadow: 1px 1px 5px 2px #d1d1d1;
}


.testimonail-hp-new-outer .test-hp-inner .test-hp-txt .test-hp-sector {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(var(--site_colour_red), var(--site_colour_green), var(--site_colour_blue), 1) !important;
    padding: 12px 1.5em;
    font-size: 10pt;
    text-transform: uppercase;
    color: #fff;
    line-height: 10pt;
}


.testimonail-hp-new-outer .test-hp-inner{
    padding: 1em;
    padding-bottom: 4em;
    width: 100%;
}


@media (min-width: 901px) {
    .footer-outer > footer > table > tbody > tr:first-of-type > td {
        border-right: 1px solid #898989;
    }

    .footer-outer > footer > table > tbody > tr > td:last-of-type, .footer-outer > footer > table > tbody > tr > td:nth-child(1) {
        border-right: 0;
    }
}


.people-list-outer-mp{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}


.people-list-outer-mp .people-list-item{
    width: 300px;
    display: block;
    border: 0;
}

.people-list-outer-mp a.people-list-item:hover{
    opacity: 0.7;
}


.people-list-outer-mp .people-list-item img {
    object-fit: cover;
    object-position: center;
    height: 280px !important;
    width: 100%;
    margin: 0 auto;
    /* margin-top: 1em; */
    background: #fff;
    margin-bottom: 1em;
}


.ppl-logo{
        object-fit: contain !important;
    background: #364655 !important;
    padding: 1em;
}


.people-list-outer-mp .people-list-item h3{
    font-size: 14pt !important;
        margin-bottom: 8px !important;
}

.people-list-outer-mp .people-list-item p{
    font-size: 12pt !important;
}

.people-head-sec{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.people-head-sec .people-head-text{
    width: calc(100% - 320px);
}

.people-head-sec .people-head-text h1{
    margin-top: 0 !important;
}

.people-head-sec img{
    object-fit: cover;
    object-position: center;
    height: 300px !important;
    width: 300px;
    background: #fff;
    margin-bottom: 1em;
        margin-right: 20px;
}

.people-head-sec img.ppl-logo{
    object-fit: contain !important;
    background: #364655 !important;
    padding: 1em;
}

.pagelist_tiles{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.pagelist_tiles a {
    min-width: 200px;
    margin: 1%;
    width: 280px;
    position: relative;
}

.pagelist_tiles a:hover{
    opacity: 0.7;
}

.pagelist_tiles a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(55, 70, 85, 0.44);
}

.pagelist_tiles a img{
    object-fit: cover;
    object-position: center;
    height: 230px !important;
    width: 100%;
    margin: 0 auto;
    /* margin-top: 1em; */
    background: #fff;
}

.pagelist_tiles a h3{
    position: absolute;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    top: 50%;
    color: #fff !important;
    font-size: 19pt !important;
    display: block;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}
@media (max-width: 62.5em) {
    header:not(.user-registration-profile-header header, .vdp-datepicker header) {
        padding: 0 0 0 1em;
    }
}

    @media (max-width:750px){
        .people-head-sec{
            display: block;
        }

        .people-head-sec img{
            margin: 0 auto;
            margin-bottom: 1em;
        }

        .people-head-sec .people-head-text{
            width: 100%;
        }
    }

    @media (max-width:560px){
        .phone-hd span{
            display: none;
        }
        .phone-hd{
            margin-right: 10px;
        }
    }


@media (max-width:450px){
section.logo svg
 {
        width: auto;
        height: 100%;
        display: block;
        width: auto;
        height: 70px;
        /* display: block; */
        margin-top: 9px;
}
}