/* CSS Document Theme Name: Sitemax Description: Theme for Sitemax Author: ZigZag Advertising (Whillea Chua-Garcia) Author URI: http://www.zigzagadvertising.com.au/ Version: 1.0 */
/***** FONTS *****/

@font-face {
    font-family: 'Verdana';
    src: local('Verdana'),
        url('fonts/Verdana.woff2') format('woff2'), 
   /* Super Modern Browsers */
        url('fonts/Verdana.woff') format('woff'), 
   /* Pretty Modern Browsers */
        url('fonts/Verdana.ttf') format('truetype'), 
   /* Safari, Android, iOS */
        url('fonts/Verdana.eot?#iefix') format('embedded-opentype'), 
   /* IE6-IE8 */
        url('fonts/Verdana.svg#svgFontName') format('svg');
   /* Legacy iOS */
}
@font-face {
    font-family: Verdana-Bold;
    src: url('fonts/Verdana-Bold.woff2') format('woff2'), 
   /* Super Modern Browsers */
    url('fonts/Verdana-Bold.woff') format('woff'), 
   /* Pretty Modern Browsers */
    url('fonts/Verdana-Bold.ttf') format('truetype'), 
   /* Safari, Android, iOS */
    url('fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'), 
   /* IE6-IE8 */
    url('fonts/Verdana-Bold.svg#svgFontName') format('svg');
   /* Legacy iOS */
}
/***** GENERAL *****/
html,body
{
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-size:13px;
    color:#383935;
    font-family: Verdana;
    line-height: 1.7;
}
p {
    margin: 0 0 15px;
}
a {
    color:#e75525;
}
a, a:hover, a:focus {
    outline:0;
}
a:hover, a:focus {
    color:#ce4c21;
    text-decoration:none;
}
h1,h2,h3 {
    font-family: Verdana-Bold;
    color:#e75525;
    font-weight: normal;
    line-height: 1.4;
}
.main-content .page-heading h1.h2-subpage {
    font-size: 30px;
    text-align: left;
    text-transform: none;
}
.main-content .page-heading h1.h3-subpage {
    font-size: 24px;
    color :#383935;
    text-align: left;
    text-transform: none;

}
h3.title {
    color: #383935;
}
h4,h5,h6 {
    color:#e75525;
    font-weight:normal;
    line-height: 1.4;
}
/*,h4,h5,h6 {
    font-family: Verdana-Bold;
    color:#e75525;
    font-weight:normal;
    line-height: 1.4;
}
h2 {
    text-align:center;
}*/
strong {
    font-weight:normal !important;
    font-family: Verdana-Bold;
}
label {
    font-weight: normal !important;
}
.transparent-btn {
    background:#707070;
    color:#ffffff;
    text-transform:uppercase;
    padding:10px 10px;
    font-family: Verdana-Bold;
    margin-top:15px;
    display:inline-block;
}
.transparent-btn.btn-large {
    padding-left: 40px;
    padding-right: 40px;
}
.transparent-btn:hover, .transparent-btn:focus {
    background:#e75525;
    color:#ffffff;
    transition: 0.3s;
}
.transparent-button {
    background: transparent;
    color: #ffffff;
    font-weight: 600;
    padding: 20px 50px;
    border: 1px solid #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 15px;
}
.transparent-button:hover, .transparent-button:focus {
    opacity: 0.7;
    color: #ffffff;
    cursor: pointer;
}
.orange-btn {
    background:#e75525;
    color:#ffffff;
    text-transform:uppercase;
    padding:10px 10px;
    font-family: Verdana-Bold;
    margin-top:15px;
    display:inline-block;
}
.orange-btn:focus,.orange-btn:hover{
    background:#e54511;
}
.full-width {
    padding-left:0px;
    padding-right:0px;
}
input[type="text"], input[type="password"], input[type="email"], textarea {
    padding: 10px;
}
.black {
    color:#3c3d39;
}
.orange {
    color:#e75525;
}
.white {
    color:#ffffff;
}
.grey {
    color: #d8d8d8;
}
.center {
    text-align:center;
}
p.spacer {
    margin: 0px 0 10px;
    padding-bottom: 1px;
}
.hero-page-container {
    padding:120px 0px 50px 0px;
}
.why-sitemax-hero-page-container {
    padding: 150px 0px 150px 0px;
}
/***** TOP HEADER *****/
.top-header {
    font-size:12px;
    color:#ffffff;
    background:#e75525;
    padding: 10px 0;
}
.top-header-left {
    text-align:left;
    font-size:20px;
}
.top-header-right {
    text-align:right;
}
.top-header-number {
    padding-right: 15px;
}
.top-header-link {
    padding-left:5px;
    padding-right:15px;
}
.top-header a {
    color:#ffffff;
}
.top-header a:hover, .top-header a:focus, .top-header a:active {
    text-decoration:underline;
    color:#ffffff;
}
.top-header .searchform {
    padding-left: 15px;
    color:#ffffff;
    display:inline-block;
    width:auto;
}
.top-header .searchform .form-group {
    margin-bottom:0px;
}
.expandSearch{
    display: inline-block;
    position: relative;
    margin-bottom:0px;
}
.expandSearch i{
    position: absolute;
    top: 5px;
    left: 0;
    padding: 5px 5px 5px 5px ;
    color: #ffffff;
    cursor: pointer;
    transition: 0.24s;
}
.expandSearch i:hover{
    color: #ffffff;
}
.expandSearch input{
    border:none;
    background: transparent;
    font-size:12px;
    padding-left: 26px;
    background:transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: 0.24s;
    width: 0px;
    padding: 5px 0px 5px 15px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d8d8d8;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d8d8d8;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #d8d8d8;
}
.expandSearch input:focus{
    border-color: #ffffff;
    outline: none;
    width:200px;
    padding: 5px 5px 5px 35px;
    border-color: #ffffff;
}
.expandSearch input:focus + i{
    padding: 5px 5px 5px 5px ;
    color: #ffffff;
    pointer-events: none;
}
/***** MAIN HEADER *****/
.main-header {
    padding-top:0px;
    padding-bottom:0px;
    font-size:14px;
}
.navbar-brand {
    padding-top:12px;
}
.navbar-brand img {
    width:250px;
}
/***** CUSTOM CSS MENU *****/
.cssmenu ul { margin: 0; padding: 0;}
.cssmenu li { margin: 0; padding: 0;}
.cssmenu a { margin: 0; padding: 0;}
.cssmenu ul {list-style: none;}
.cssmenu a {text-decoration: none;}

.header-top-menu { display: inline-block; }
.header-top-account-menu { display: inline-block; }

span[class^="dot-"], span[class*=" dot-"] {
    height: 10px;
    width: 10px;
    background-color: #8fae1b;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

.dropdownglyph {
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}
.icon-flipped {
    transform: rotate(180deg) ;
    -moz-transform:rotate(180deg) ;
    -webkit-transform: rotate(180deg) ;
    -ms-transform: rotate(180deg) ;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
}
.cssmenu {
	text-transform: uppercase;
	display: inline-block;
	/* height: 70px; */			/* This is for the main menu bit at the top */
	/* width: 100%; */			/* This means on every screen no matter the size, the width will cover the top  */
    margin: 0 15px;
    line-height: normal;
	text-align: center;
	/* background-color: rgb(35,35,35); */
	/* box-shadow: 0px 2px 3px rgba(0,0,0,.4); */
	/*  vertical-align: middle; /* 
	 z-index: 99999999;
}

.cssmenu > ul > li {
    display:inline-block;
    /* margin-left: 15px; */      /* This is when the drop down box appears */
    position: relative;
}

.cssmenu > ul > li > a {
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    /*line-height: 70px; */		/* This bit chances the size of the text on the main heading */
    /*padding: 15px 24px;	*/	/* This is the padding between the different titles */
    -webkit-transition: color .15s;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.cssmenu > ul > li > a:hover {color: rgb(250,250,250); }

.cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 10px 0 10px 0;
    background-color: #e75525;
    text-align: left;  /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
    position: absolute;
    top: 35px;			/* This is for the drop down annimation */
    left: 75%; /* previously 50% */
    margin-left: -90px;
    width: 140px; /* previously 180 */
    z-index: 999;
    -webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
    -o-transition: all .3s .1s;
    transition: all .3s .1s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

.cssmenu:hover > ul {
    opacity: 1;
    top: 35px;			/* This is how far from the top the drop down annimation will go  */
    visibility: visible;
}

.cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 10px;  /* The border on the drop down box  */ 
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

.cssmenu > ul ul > li { position: relative;}

.cssmenu ul ul a {     /* This is the drop down menu, change font or size when its drops down */
    color: #fff;
    font-family: Verdana, 'Lucida Grande';
    font-size: 12px;   
    background-color: #e75525;
    padding: 5px 8px;
    display: block;
    -webkit-transition: background-color .1s;
    -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s;
}

.cssmenu ul ul ul {   /* In this build i havent included a sub sub menu in, but here is the code if ever needed */
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;		/* This is for a sub sub menu */
    padding: 10px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    width: 160px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

.cssmenu:hover > ul li ul { 
	opacity: 1;
	visibility: visible;
}

.cssmenu ul ul a:hover{
    font-family: Verdana-Bold;
}
/***** MAIN MENU DESKTOP *****/
.dropdown-arrow {
    content:url("images/menu-arrow.png");
    padding-right:5px;
}
.dropdown-arrow.change {
    display:inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left:5px;
}
.nav.navbar-nav {
    float:right;
    padding-top: 20px;
}
.nav > li {
    padding-bottom:20px;
}
.nav > li.current-menu-item > a {
    font-family: Verdana-Bold;
}
.nav > li > a {
    color:#383935;
    text-transform:uppercase;
    margin-right: 2px;
}
.nav > li > a:hover, .nav > li > a:focus {
    opacity:0.7;
    background-color: #f5f5f5 !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background:rgba(255,255,255,0) !important;
}
.nav li a:hover > .dropdown-menu {
    display:block !important;
}
.nav > li.dropdown.open {
    position: static;
}
.nav > li.dropdown.open .dropdown-menu {
    display:table;
    background:rgba(0,0,0,0.8);
    padding: 30px 60px;
}
.nav > li.dropdown.open > a {
    background-color: #f5f5f5 !important;
}
.dropdown-menu ul {
    padding: 0 0 10px 0;
    margin: 0 auto;
    text-align: left;
}
.dropdown-menu div.col-md-10 > ul div.col-md-3.menu-count-7 > li {
    min-height: 10px;
}
.dropdown-menu div.col-md-10 > ul div.col-md-3.menu-count-6 > li.menu-item-object-product_cat.menu-item-has-children {
    min-height: 160px;
}
.dropdown-menu div.col-md-10 > ul div.col-md-3.menu-count-6 > li {
    min-height: 10px;
}
.dropdown-menu ul li {
    vertical-align: top;
    display: block;
    font-size:11px;
    list-style:none;
    padding-bottom:3px;
    margin: 0 auto;
    text-align: left;
}
.dropdown-menu ul li a {
    color:#ffffff;
    font-family: Verdana-Bold;
    margin: 0 auto;
    padding: 0;
}
.dropdown-menu ul li a:hover {
    color: #e75525;
}
.dropdown-menu ul li a:before {
    background-image: url("images/header_marker.svg");
    background-size: 10px 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content:"";
}
.navbar-nav > li > .dropdown-menu ul li a:before {
    content: '';
}
.dropdown-menu ul li ul {
    padding-left:0px;
    text-align: left;
    margin: 0;
}
.dropdown-menu ul li ul li ul {
    padding-bottom: 0px;
}
.dropdown-menu ul li ul li ul li:last-child{
    padding-bottom: 0px;
}
.navbar-nav > li.current-menu-ancestor {
    font-family: Verdana-Bold;
}
.nav > li.dropdown.open.main-menu-projects .dropdown-menu div.col-md-10 > ul > div.col-md-3 {
    width: 100%;
}
.nav > li.dropdown.open.main-menu-projects .dropdown-menu div.col-md-10 > ul > div.col-md-3 > li {
    text-align:center;
}
.nav > li.dropdown.open.main-menu-projects .dropdown-menu div.col-md-10 > ul > div.col-md-3 > li > ul li {
    float: left;
    width: 33%;
    display: inline;
}
.nav > li.dropdown.open.main-menu-projects .dropdown-menu div.col-md-10 > ul > div.col-md-3 > li > ul li a {
    display: block;
    text-align:center;
}
.dropdown-menu ul li ul li {
    display: block;
    /*width: 60%;*/
    text-align: left;
    margin: 0;
}
.dropdown-menu ul li ul li a {
    font-family: Verdana;
}
.dropdown-menu ul li ul li a:before {
    content:"";
    padding-right:0px;
    background-image: none;
}
.menu-featured-post {
    min-height:30px;
    border-right:1px solid #ffffff;
    padding-left:30px;
    padding-right:30px;
    color:#ffffff;
    font-size:11px;
}
.menu-featured-post p {
    margin-top:20px;
    margin-bottom:20px;
}
.menu-featured-post a {
    padding:10px 10px;
    text-transform:uppercase;
    color:#ffffff;
    background:#e75525;
    font-family:Verdana-Bold;
}
.menu-featured-post a:hover {
    opacity:0.9;
}
/***** MAIN MENU MOBILE *****/
.navbar-toggle {
    border: 1px solid #e75525;
    margin: 20px 30px 0px 30px;
}
.navbar-toggle .icon-bar {
    background:#e75525;
}
.navbar-collapse.collapse.in {
    border-top:1px solid #e75525;
    margin: 20px 0 0 0;
}
.navbar-collapse.collapse.in .nav.navbar-nav, .navbar-collapse.collapsing .nav.navbar-nav {
    float:left;
}
.navbar-collapse.collapse.in .nav > li.dropdown.open .dropdown-menu {
    display:block;
    background:#ffffff;
    padding-top:10px;
    padding-bottom:10px;
}
.navbar-collapse.collapse.in .dropdown-menu ul li {
    display:block !important;
    font-size:12px;
    width:100% !important;
    padding-top:5px;
    padding-bottom:5px;
}
.navbar-collapse.collapse.in .dropdown-menu ul li a {
    color:#383935 !important;
}
.navbar-collapse.collapse.in .dropdown-menu ul {
    padding-left:0px;
}
/***** HERO SLIDER *****/
.cycloneslider-template-standard {
    margin-bottom:0px !important;
}
.cycloneslider-template-standard .cycloneslider-slide img {
    width:100%;
}
.arrow-container {
}
.cycloneslider-template-standard .cycloneslider-caption {
    bottom: 70px !important;
    background: rgba(255,255,255,0) !important;
    opacity:1 !important;
    text-align: center !important;
}
.cycloneslider-template-standard .cycloneslider-caption-title {
    font-family: Verdana !important;
    font-size:35px !important;
    line-height:1.40em !important;
}
.bouncing-arrow {
    position: absolute;
    padding:30px 30px 30px 30px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform:translateX(-50%);
    margin-right:auto;
    margin-left:auto;
    bottom: -10px;
    z-index: 555;
    -webkit-animation: bounce 1s 2s ease-in-out infinite;
    -moz-animation: bounce 1s 2s ease-in-out infinite;
    -ms-animation: bounce 1s 2s ease-in-out infinite;
    -o-animation: bounce 1s 2s ease-in-out infinite;
    animation: bounce 1s 2s ease-in-out infinite;
}
.cycloneslider-template-standard .cycloneslider-pager {
    padding: 2px 10px !important;
    left: unset !important;
    right: 0px !important;
    top: 50% !important;
    transform: rotate(90deg) !important;
    bottom: unset !important;
    width: auto !important;
    background: rgba(255,255,255,0) !important;
}
.cycloneslider-template-standard .cycloneslider-pager span {
    padding-bottom:10px !important;
    width:10px !important;
    height:10px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
    margin:0 10px 0 0 !important;
}
.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
    background-color:#fa6133 !important;
}
/***** WHY SITEMAX *****/
.why-sitemax-container {
    background-color: #d8d8d8;
    padding-top:30px;
    padding-bottom:30px;
}
.why-sitemax-container h2 {
    text-align:center;
}
.why-sitemax {
    padding-top:30px;
    padding-bottom:10px;
}
.why-sitemax strong {
    font-size:15px;
    text-transform:uppercase;
}
.why-sitemax img {
    max-width:50px;
    width:100%;
}
.why-sitemax a {
    color:#747471;
    font-family: Verdana-Bold;
}
.why-sitemax a:hover, .why-sitemax a:focus, .why-sitemax a:active {
    color:#e75525;
}
.why-sitemax-innerpage-container {
    padding:0 0 0 0;
}
.why-sitemax-image {
    margin-left:auto;
}
/***** HOW WE WORK *****/
.how-we-work-container {
    background:#ffffff;
    padding-top:30px;
    padding-bottom:30px;
}
.how-we-work {
    padding-top:30px;
    padding-bottom:10px;
}
p.principle-values-text + p {
    margin: 0 auto;
    width: 70%;
}
/***** WHAT WE DO *****/
.what-we-do-container {
    color:#3c3d39;
    background:#d8d8d8;
    padding:30px 0px;
}
.what-we-do {
    padding-top:30px;
    padding-bottom:10px;
}
.what-we-do strong {
    font-size:15px;
    text-transform:uppercase;
}
.what-we-do strong a {
    font-size: 13px;
    text-transform: none;
}
.pv-home.principles-values-container {
    background: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
}
/***** OUR CLIENT *****/
.lgx-logo-img {
    margin: 0 auto;
}
.owl-carousel .owl-item img {
    width: auto;
}
.our-client-container {
    padding-top:30px;
    padding-bottom:30px;
}
.our-client {
    padding-top:10px;
    padding-bottom:10px;
    height:150px;
}
.our-client img {
    max-width:150px;
    width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/***** MAIN CONTENT *****/
.main-content {
    padding-bottom:0px;
}
.main-content .page-heading {
    padding-bottom:10px;
}
.main-content .page-heading h1 {
    display:block;
    position:relative;
    color:#e75525;
    text-align:center;
    text-transform:uppercase;
}
/***** BLOG *****/
.blog {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height:500px;
}
/* Opacity #2 */
figure {
	background: #e75525;
}
figure a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure:hover a img {
	opacity: .5;
}
.blog .blog-image-container {
    height:220px;
    max-height: 220px;
    overflow:hidden;
}
.blog-date {
    text-transform:uppercase;
    padding-top:15px;
}
.blog-title {
    line-height: 1.5em;
}
.blog p {
    line-height: 1.5em;
}
/***** INNER PAGE *****/
.col-md-8 > p > a {
    font-family: Verdana-Bold;
}

/***** WHAT WE DO PAGE *****/
.what-we-do-text-content {
    padding:15px 55px;
}
#what-we-do-right {
    background:#d8d8d8;
    padding:30px 0px 40px 0px;
}
#what-we-do-left {
    background:#ffffff;
    padding:30px 0px 40px 0px;
}
.what-we-do-title-row {
    text-transform:uppercase;
    border-bottom: 1px solid #b8b8b8;
    padding-bottom:15px;
    color:#e75525;
}
.what-we-do-column-image-left {
    padding:25px 15px 25px 0px;
}
.what-we-do-column-image-right {
    padding:25px 0px 25px 15px;
}
.what-we-do-column-image-right img {
    float:right;
}
/***** TESTIMONIALS *****/
.testimonial-container {
    padding:15px 0px 15px 0px;
}
/***** WHO WE ARE *****/
.who-we-are-container {
    padding:15px 0px 30px 0px;
    background:#d8d8d8;
}
.who-we-are-container img {
    margin-left:auto;
    margin-right:auto;
    height: 360px;
}
.who-we-are-container p {
    font-size:20px;
    padding-top:10px;
}
.who-we-are-image {
    margin-left:auto;
    padding-right: 20px;
}
/***** WHO WE HELP *****/
.who-we-help-container {
    padding:15px 0px 30px 0px;
    background:#d8d8d8;
}
.who-we-help-container img {
    margin-left:auto;
    margin-right:auto;
}
.who-we-help-container p {
    font-size:20px;
    padding-top:10px;
}
p.blogtext {
    font-size:20px;
    padding-top:10px;
}
.who-we-help-image {
    margin-left:auto;
    padding-right: 20px;
}
.who-we-help-top-footer-container {
    background:url("/wp-content/uploads/2018/10/who-we-help-top-footer.jpg");
    padding:50px 0px 40px 0px;
    background-position-y: 300px;
    background-size:100%;
}
.who-we-help-innerpage-container {
    padding:15px 40px;
}
/***** OUR APPROACH *****/
.our-approach-container {
    padding: 30px 0;
}
.corporate-foundation-container {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:15px 0px 15px 0px;
    background-color: #d8d8d8;
}
.rounded-circle {
    border-radius: 100px;
    width: 200px;
    height: 200px;
    text-align: center;
    border: 1px solid #d8d8d8;
    margin: 0 auto;
    margin-bottom: 20px;
}
.our-approach-testimonial-container {
    background:#ffffff;
    padding:10px 0px 30px 0px;
}
.resources-testimonial-container {
    background:#ffffff;
    padding:30px 0px 30px 0px; 
}
.resources-testimonial-container:nth-of-type(even) {
    background:#f5f5f5;
}
.testimonial-text {
    padding-top: 10px;
}
.testimonial-image {
    padding-left:100px;
}
.testimonial-image-left {
    padding-right:100px;
}
.testimonial-title-row {
    /*border-bottom: 1px solid #b8b8b8;*/
    padding-bottom:20px;
    color:#e75525;
}
.principles-values {
    padding:0px 55px 30px 55px;
}
.principles-values-container {
    background:#ffffff;
    padding:30px 0px 0px 0px;
    text-align:center;
}
.principle-values-text-container {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 50px;
}
.principles-values-container img {
    margin-left:auto;
    margin-right:auto;
}
.principles-values-height {
    height:300px;
}
.learn-more-container {
    padding-bottom: 50px;
}
.our-approach-casestudy-container {
    background:#d8d8d8;
    padding: 0px 0px 0px 0px;
}
.our-approach-casestudy-container .case-image-container {
    max-height:250px;
    overflow:hidden;
}
.brand-promise-text:before {
    background-image: url(images/header_marker.svg);
    background-size: 13px 13px;
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
}
/***** PORTFOLIO *****/
.portfolio-container {
    display: inline-block;
    text-align: center;
    padding-bottom: 20px;
    min-height: 278px;
    max-width: 200px;
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
}
/***** CASE STUDIES *****/
.case-study-date {
    color:#707070;
}
/***** RESOURCES *****/
.resources-hero-page-container {
    padding: 100px 0px 85px 0px;
}
.resource-text-container > h5 > p {
    padding: 0 0 20px;
}
.resources-container {
    padding-top: 50px;
}
.resource-img-container {
    padding-bottom: 50px;
}
.resources-header {
    margin: 30px 0;
}
.grey-row {
    background-color:#d8d8d8;
}
.white-row {
    background-color:#ffffff;
}
.img-container {
    max-height:300px;
    width: 100%;
}
.assoc-img-container {
    max-height:100px;
    width: 100%;
}
.svg-img-container {
    height: 30px;
    width: 30px;
    display: inline-block;
}
.df-container {
    background-color: #d8d8d8 !important;
}
/***** BREADCRUMBS *****/
.breadcrumbs {
    padding-top: 15px;
    padding-bottom: 15px;
    background:#F5F5F5;
}
.container.breadcrumbs {
    padding-top: 0px;
    padding-bottom: 0px;
}
/***** CONTACT FORM *****/
.wpcf7-text, .wpcf7-textarea, .wpcf7-textarea {
    width:100%;
    box-shadow:none;
    background:#f5f5f5;
    border:1px solid #d8d8d8;
    border-left:4px solid #d8d8d8;
    padding:8px 10px !important;
    margin-top:5px;
}
.wpcf7-submit {
    border:0;
    color: #ffffff;
    background: #707070;
    text-transform:uppercase;
    padding: 10px 40px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display:inline-block;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
    background:#e75525;
    color:#ffffff;
    transition: 0.3s;
}
/***** WOOCOMMERCE *****/
/***.woocommerce-message {
    border-top-color: #e75525 !important;
}
.woocommerce-message::before {
    color: #e75525 !important;
}
**/
.container.quote-list-message {
    padding-left: 0;
    padding-right: 0;
}
.container.quote-list-message .woocommerce-message {
    border-top-color: #e75525;
}
.container.quote-list-message .woocommerce-message::before {
    color: #e75525;
}
div.woocommerce-message-container + p.cart-empty {
    display: none;
}
.pdf-container .middle {
    transition: .5s ease;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.pdf-container:hover .middle {
    opacity: 1;
}
.pdf-container .text {
    color: #e75525;
    font-size: 16px;
    font-family: Verdana-Bold;
    text-transform: uppercase;
    visibility: hidden;
}
.pdf-container:hover .text {
    color: white;
    visibility: visible;
}
.pdf-container:hover .dl-icon {
    background: url('/wp-content/uploads/2018/08/DownloadIcon_white@2x.png');
    background-size:100%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    visibility: visible;
}
.pdf-container {
    margin: 0 auto;
    text-align: center;
    background-color: #d8d8d8;
    transition: .5s ease;
}

.pdf-container img {
    background-color: #d8d8d8;
}
.pdf-container .dl-icon {
    background: url('/wp-content/uploads/2018/08/DownloadIcon_orange@2x.png');
    background-size:100%;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    visibility: hidden;
}
._df_thumb ._df_book-title {
    display: none !important;
}
/* MY ACCOUNT NAVIGATION */
.woocommerce form .form-row {
    font-weight: normal;
    font-family: Verdana-Bold;
}
.woocommerce form .form-row label.inline {
    font-weight: normal;
}
.woocommerce form .form-row label {
    font-family: Verdana;
}
.woocommerce form .form-row input.input-text {
    width:100%;
    box-shadow:none;
    background:#f5f5f5;
    border:1px solid #d8d8d8;
    border-left:4px solid #d8d8d8;
    padding:8px 10px !important;
    margin-top:5px;
}
.woocommerce-Input {
    width:100%;
    box-shadow:none;
    background:#f5f5f5;
    border:1px solid #d8d8d8;
    border-left:4px solid #d8d8d8;
    padding:8px 10px !important;
    margin-top:5px;
}
.woocommerce-Button.btn-large {
    background: #e75525;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 40px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline-block;
}
.woocommerce-Button.btn-large:focus, .woocommerce-Button.btn-large:hover {
    background: #e54511;
}
.woocommerce-MyAccount-navigation {
    background-color: #f5f5f5;
    padding: 20px 0;
}
.woocommerce-MyAccount-navigation ul {
    padding: 0 20px;
}
.woocommerce-MyAccount-navigation-link {
    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px solid #d8d8d8;
}
.woocommerce-MyAccount-navigation-link:last-child {
    border-bottom: none;
}
.woocommerce-MyAccount-navigation-link.is-active {
    font-family: Verdana-Bold;
}
.woocommerce-MyAccount-navigation-link a:before {
    display: inline-block;
    padding-left: 13px;
    content:"";
    color: #e75525;
}
.woocommerce-MyAccount-navigation-link.is-active a:before {
    background-image: url("images/header_marker.svg");
    background-size: 13px 13px;
    display: inline-block;
    width: 13px;
    height: 13px;
    content:"";
    color: #e75525;
}
.woocommerce-MyAccount-navigation-link a {
    color : black;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths.full-width,
.col-sm-5ths.full-width,
.col-md-5ths.full-width,
.col-lg-5ths.full-width {
    padding-right: 0px;
    padding-left: 0px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.sitemax-category-archive-description {
    font-size: 14px;
}
.sitemax-category-products-list {
    margin: 20px 0 10px 0;
}
div.product-cats {
    padding: 20px 0 0 0;
}
ul.product-cats {
    list-style-type: none;
    margin: 0;
}
div.product-cats-img-left {
    padding: 5px 25px 15px 0;
}
div.product-cats-img-left img {
    float: left;
    height: auto;
    width: 100%;
}
ul.product-cats li.product-category:nth-child(odd) {
    background-color: #ffffff;
}
ul.product-cats li.product-category:nth-child(even) {
    background-color: #d8d8d8;
}
ul.product-cats li.product-category > div > div > h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
h1.woocommerce-products-header__title.page-title {
    padding-top: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
div.category-spiel {
    padding-top: 10px;
    padding-bottom: 30px;
}
div.product-subcategory {
    display: inline-block;
    text-align: center;
    padding-bottom: 20px;
    min-height: 280px;
    max-width: 200px;
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
}
div.product-subcategory img {
    display: block;
    border: 1px solid #d8d8d8;
}
div.product-category-subcategory {
    width: 100%;
    display: block;
    margin: 0 auto;
}

div.product-category-subcategory div > h5 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
div.product-category-subcategory div.product-subcategory img {
    display: block;
    border: 1px solid #d8d8d8;
}
form.woocommerce-ordering {
    float: right;
    padding-top: 20px;
    padding-bottom: 15px;
}
.woocommerce-breadcrumb {
    display:none !important;
}
.woocommerce a.button {
    background:#e75525 !important;
    color:#ffffff !important;
    text-transform: uppercase;
    font-family: Verdana-Bold;
    font-weight: normal;
}
.woocommerce .button:hover {
    opacity:0.9 !important;
}
div.woocommerce-adq-login form.woocommerce-form-login {
    background-color: #f5f5f5;
}
form.woocommerce-form-login button.button {
    background: #e75525;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 40px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline-block;
}
.woocommerce-pagination {
    margin-bottom: 20px;
}
.product-img-container {
    display: inline-block;
    width: 200px;
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
}
.product-img-container figure {
    width: 200px;
}
.product-img-container img {
    height: 200px;
    width: 200px;
}
.products {
    padding-top: 15px;
    padding-bottom: 20px;
}
.products li {
    display:inline-block;
    padding-bottom:50px;
}
div.products img {
    border:1px solid #d8d8d8;
    max-width: 100%;
    height: auto;
}
.woocommerce-loop-product__title {
    margin-bottom: 0;
}
.woocommerce-pagination ul {
    padding-top:15px !important;
    text-align:center !important;
}
.woocommerce-pagination ul li {
    display:inline-block !important;
    font-size:16px !important;
    padding-left:2px !important;
    padding-right:2px !important;
}
.group_table-header {
    padding: 5px 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-transform: uppercase;
    border: 2px solid #fff;
    font-family: Verdana-Bold;
}
tr.woocommerce-grouped-product-list-item {
    background-color: #fff;
    border-bottom: 2px solid #f5f5f5;
    
}
tr.woocommerce-grouped-product-list-item > td {
    padding: 5px;
}
tr.woocommerce-grouped-product-list-item > td > label {
    font-weight: normal;
    padding-left: 5px;
}
.single-description {
    min-height: 100px;
}
.product_title.entry-title {
    margin-bottom: 20px;
}
.related.products > h4 {
    color: #3c3d39;
    text-align: left;
    padding-left: 15px;
}
.related-products {
    padding-bottom: 20px;
}
.single_product_summary .images {
    padding-right: 25px;
    padding-bottom: 30px;
}
img.attachment-shop_thumbnail {
    border: 1px solid #d8d8d8;
}
.entry-summary {
    margin-bottom: 30px;
}
.quantity {
    padding: 0 5px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.quantity input[id^='quantity_'] {
    width: 100%;
    text-align: center;
    border: none;
    border: solid 1px #ccc;
    border-radius: 3px;
}
/** YITH Magnifier **/
.thumbnails.slider {
    margin-top: 10px;
    background-color: #f5f5f5;
}
.caroufredsel_wrapper {
    border: 1px solid #d8d8d8;
}
.yith_magnifier_thumbnail {
    text-align: left;
    margin-left: 20px;
}
.yith_magnifier_gallery li {
    margin: 0 auto;
    text-align: center;
}
.yith_magnifier_gallery li a {
    margin-bottom: 20px;
    margin-top: 20px;
}
.yith_magnifier_gallery li > a > img {
    width: 115px;
    height: 115px;
}
#slider-prev {
    float: left;
    display: inline-block !important;
}
#slider-next {
    float: right;
    display: inline-block !important;
}
#slider-container {
    position: relative;
    padding: 0 15px;
    top: -90px;
    margin: 0 -5px 0 -5px;
    /*margin-top: -10px;*/
}
div[id^='slider-'] > i {
    border: solid #d8d8d8;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 10px;
    cursor: pointer;
}
div[id^='slider-'] > i.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

div[id^='slider-'] > i.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.yith_magnifier_zoom img {
    width: 100%;
    height: auto;
    border: 1px solid #d8d8d8;
}
#cboxClose {
    text-indent: -62px;
}
.single_add_to_quote_loop {
    padding-top: 10px;
}
body.no-customize-support.woocommerce h1 {
    background: #e75525;
}
.add-to-compare-button {
    color: #ffffff;
    background: #707070;
    font-weight: 700;
    border-radius: 3px;
    border: 0;
    text-transform: uppercase;
    padding: 10px 10px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline-block;
    float: right;
    margin: 15px 15px 0 0;
    font-size: 13px;
    line-height: inherit;
}
.add-to-compare-button:hover, .add-to-compare-button:focus {
    background: #e75525;
    color: #ffffff;
    transition: 0.3s;
}
.remove-from-compare-button {
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #707070;
    color: #707070;
    text-transform: uppercase;
    padding: 9px 9px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline-block;
    float: right;
    margin: 15px 15px 0 0;
    font-size: 13px;
    line-height: inherit;
}
.woocommerce-compare-sidebar-item-container {
    display: inline-block;
    max-width: 20%;
    margin-right: 15px;
}
.woocommerce-compare-sidebar-img {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 10px;
}
a.woocommerce-compare-sidebar-item-remove {
    right: 0%;
}
div.compare-widget {
    font-family: Verdana-Bold;
    font-size: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
div.compare-widget a {
    font-family: Verdana-Bold;
    font-size: 13px;
}
.woocommerce-compare-sidebar {
    padding-top: 20px;
}
.woocommerce-compare-sidebar-item {
    display: grid;
    background-color: #fff;
    width: 180px;
}
.woocommerce-compare-sidebar-item:first-child {
   /* width: 215px;
*/}
div.woocommerce-compare-sidebar-item > a {
    font-family: Verdana;
}
.woocommerce-compare-sidebar-img > a > img {
    max-width: 100px;
    border: 1px solid #d8d8d8;
}
.woocommerce-compare-sidebar-item .woocommerce-compare-sidebar-title {
    width: 100%;
    margin: 0;
    float: unset;
    text-align: center;
    font-size: 12px;
    word-wrap: break-word;
    padding: 5px 0;
}
.woocommerce-compare-sidebar-item-placeholder {
    border: 0;
    background-color: transparent;
    min-height: 0; 
    margin-bottom: 0;
    width: 0%;
}
.woocommerce-compare-sidebar-action-clear {
    display: inline;
    font-weight: 700;
    border-radius: 3px;
    color: #707070;
    border: 1px solid #707070;
    text-transform: uppercase;
    padding: 9px 40px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    margin: 15px 15px 0 0;
    font-size: 13px;
    float: left;
    line-height: inherit;
}
.woocommerce-compare-sidebar-action-clear > i {
    visibility: hidden;
    display: none;
}
.woocommerce-compare-sidebar-action-clear:hover, .woocommerce-compare-sidebar-action-clear:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    transition: 0.3s;
}
#woocommerce-compare-sidebar-action-compare {
    color: #ffffff;
    background: #707070;
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #707070;
    text-transform: uppercase;
    padding: 9px 40px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline;
    margin: 15px 15px 0 0;
    font-size: 13px;
    float: left;
    line-height: inherit;
}
#woocommerce-compare-sidebar-action-compare > i {
    visibility: hidden;
    display: none;
}
#woocommerce-compare-sidebar-action-compare:hover, #woocommerce-compare-sidebar-action-compare:focus {
    background: #e75525;
    color: #ffffff;
    transition: 0.3s;
    border: 1px solid #e75525;
}
div.compare-widget a.compare-close {
    position: absolute;
    top: 20px;
    font-size: 13px;
    font-family: Verdana;
    right: 15px;
    color: #383935;
}
div.compare-widget a.compare-close:hover, div.compare-widget a.compare-close:focus {
    color: #e75525;
}
input[type="checkbox"].woocommerce-compare-table-hide-similarities {
    margin-right: 5px;
}
.woocommerce-compare-table {
    padding-top: 30px;
}
.woocommerce-compare-table-container {
    top: 130px;
    background-color: #333333;
    height: 80%;
    padding: 15px 15px;
}
.woocommerce-compare-table-container .compare-table-row-attribute-name {
    padding: 10px;
}
.woocommerce-compare-table-container .compare-table-row-attribute-value {
    padding: 10px;
}
.woocommerce-compare-table-container .compare-table-row-attribute-value-im {
    text-align: center;
}
.woocommerce-compare-table-container .compare-table-row-attribute-value:nth-child(even) {
    background-color: #4a4a4a;
}
.woocommerce-compare-table-container .compare-table-row:nth-child(odd) {
    background-color: #333333;
}
.woocommerce-compare-table-container .compare-table-row:nth-child(even) {
    background-color: #333333;
}
.compare-table-row {
    padding: 0;
}
.woocommerce-compare-table-close {
    font-size: 20px;
    line-height: 20px;
}
.slick-prev:before, .slick-next:before {
    color: #e75525;
}
.slick-slide img {
    max-width: 200px;
    margin: 0 auto;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    color: #ffffff;
    background: #e75525;
    font-weight:700;
    border-radius:3px;
    border:0;
    text-transform: uppercase;
    padding: 10px 10px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline-block;
}
.woocommerce input.button.alt:hover {
    opacity:0.9;
    background: #e75525;
}
form.adq-billing > a.return-to-shop {
    display: none;
}
.single_adq_button {
    color: #ffffff;
    background: #e75525;
    font-weight:700;
    border-radius:3px;
    border:0;
    text-transform: uppercase;
    padding: 10px 10px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    display: inline-block;
    float: right;
}
.single_adq_button:hover {
    opacity:0.9;
}
tr.adq_list td.product-thumbnail {
    width: 20%;
}
tr.adq_list td.product-thumbnail > a > img {
    max-width: 100px;
}
#add_to_quote_loop {
    color: #ffffff;
    background: #e75525;
    padding:.618em 1em;
    font-weight:700;
    border-radius:3px;
}
#add_to_quote_loop:hover {
    opacity:0.9;
}
.woocommerce table.quote_cart {
    background-color: #f5f5f5;
}
.woocommerce table.quote_cart thead > tr > th {
    font-family: Verdana-Bold;
}
.woocommerce-product-gallery__wrapper {
    margin-top: 30px;
}
.woocommerce-product-gallery__image {
    border:1px solid rgba(0,0,0,.1);
    display: inline-block;
    width:20%;
}
.woocommerce-product-gallery__image img {
    width:100%;
    max-width:250px;
    height:auto;
}
.woocommerce h2 {
    text-align:left;
}
.woocommerce .login-heading {
    text-transform: uppercase;
}
.woocommerce .u-column1.col-2 h4 {
    margin-top: 20px;
}
.woocomerce-form.woocommerce-form-login.login {
    width: 100%;
    max-width: 500px;
}
.mc4wp-checkbox-wp-registration-form {
    padding: 3px;
    margin: 0 0 6px;
    font-weight: normal;
}
.mc4wp-checkbox-wp-registration-form input[type="checkbox"] {
    display: inline;
    margin: -2px 11px 0 0;
    text-align: center;
    vertical-align: middle;
}
.mc4wp-response {
    display: block;
    position: relative;
    top: 15px;
    color: white;
    width: 100%;
    text-align: left;
    float: left;
}
.mc4wp-error {
    color: #ff4040;
    letter-spacing: 0.5px;
    font-family: Verdana-Bold;
}
#billing_email_field {
    float:left !important;
}
.woocommerce-tabs {
    padding-top:30px;
}
.wc-tabs {
    width:100%;
    padding-left:0px;
    margin-bottom:0px;
}
.wc-tabs li {
    display: inline-block;
    background: #e75525;
    color: #ffffff;
    font-family: Verdana-Bold;
    font-size: 16px;
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity:0.7;
}
.wc-tabs li.active {
    opacity:1;
}
.wc-tabs li a {
    color:#ffffff;
}
.woocommerce-Tabs-panel {
    border:1px solid rgba(0,0,0,.1);
    padding:30px;
}
/***** POPUPS *****/
.stay-button {
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #707070;
    color: #707070;
    padding: 10px 50px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    margin: 15px 15px 0 0;
    font-size: 13px;
    line-height: inherit;
}
.stay-button:hover,
.stay-button:focus {
    background: #707070;
    color: #fff;
}
.continue-button {
    font-weight: 700;
    border-radius: 3px;
    border: 1px solid #e75525;
    color: #fff;
    background: #e75525;
    padding: 10px 50px;
    font-family: Verdana-Bold;
    margin-top: 15px;
    margin: 15px 15px 0 0;
    font-size: 13px;
    line-height: inherit;
}
.continue-button:hover,
.continue-button:focus {
    background: #ce4c21;
    color: #fff;
}
/***** NEWSLETTER *****/
.gglcptch_invisible {
    display: none;
}
.newsletter-container {
    background:#42433f;
    padding-top:15px;
    padding-bottom:15px;
}
.newsletter-inner-container {
    border-bottom: 1px solid #707070;
    padding-bottom: 30px;
}
.newsletter-container input[type="email"] {
    width:100%;
    box-shadow:none;
    background: #383935;
    border:1px solid #707070;
    border-left:4px solid #e75525;
    border-right: transparent;
    padding:8px 10px !important;
    margin-top:5px;
    color: #d8d8d8;
}
.newsletter-container input[type="submit"] {
    border: 1px solid #707070;
    border-radius: 0;
    background-color: #707070;
    border-left: 0;
    margin-top: 5px;
    padding: 10px 40px 8px 40px;
    color: #d8d8d8;
}
/***** FOOTER MENU *****/
.sticky-footer {
    left: 0;
    bottom: 0;
    width: 100%;
}
.footer-menu-container {
    background:#42433f;
    padding-top:15px;
    padding-bottom:15px;
}
.footer-top-menu {
    font-size:12px;
    padding-left:0px;
    width:100%;
    position:relative;
    display:block;
}
.footer-top-menu li {
    padding-top:15px;
    padding-bottom:15px;
    width:16%;
    margin-left:0;
    margin-right:2%;
    display:inline-block;
    float:left;
    padding-left:0px;
    font-family: Verdana-Bold;
    text-transform:uppercase;
}
.footer-top-menu li a:hover, .footer-top-menu li a:active, .footer-top-menu li a:focus {
    color: #e75525;
}
.footer-top-menu li a:before {
    content:"";
}
.footer-top-menu li ul {
    width:100%;
    display:block;
    padding-left:0px;
    padding-bottom:15px;
    padding-top:15px;
}
.footer-top-menu li ul li {
    margin-left:0px;
    margin-right:0px;
    text-transform:uppercase;
    width:100%;
    display:block;
    font-family: Verdana-Bold;
    border-top:1px solid #ffffff;
    padding-top:15px;
    padding-bottom:15px;
}
.footer-top-menu li ul li a {
    color:#d8d8d8;
}
.footer-top-menu li ul li ul {
    padding-top:2px;
}
.footer-top-menu li ul li ul li {
    margin-left:0px;
    margin-right:0px;
    text-transform:none;
    font-family: Verdana;
    border-top:0;
    padding-top:0px;
    padding-bottom:2px;
}
.footer-top-menu li ul li ul li a {
    color:#d8d8d8;
}
.footer-top-menu li div ul li a:before {
    content:"";
    padding-right:0px;
}
.footer-top-menu li ul li ul li a:before {
    content:"";
    padding-right:0px;
}
.footer-top-menu .display-no {
    display: none;
    padding: 0;
}
.display-no {
    display: none;
}
.footer-top-menu .container-contact-details {
    padding-left: 5px;
    font-family: Verdana;
    color: #d8d8d8;
}
/***** TOP FOOTER *****/
.top-footer-container {
    background:#e75525;
    padding:50px 0px 40px 0px;
}
.top-footer-left h3 {
    margin-top:0px;
}
.top-footer-left {
    float:left;
    text-align:left;
}
.top-footer-right {
    float:right;
    text-align:right;
}
.top-footer-btn {
    color:#ffffff;
    font-family: Verdana-Bold;
}
.top-footer-btn:hover, .top-footer-btn:active , .top-footer-btn:focus {
    color:#ffffff;
}
.top-install-services-footer-container {
    background:url("/wp-content/uploads/2018/08/cta_installservices.jpg");
    padding:50px 0px 40px 0px;
    background-position-y: 300px;
}
.top-signage-footer-container {
    background:url("/wp-content/uploads/2018/08/cta_sitebranding.jpg");
    padding:50px 0px 40px 0px;
    background-position-y: 300px;
}
.top-thank-you-footer-container {
    background:url("/wp-content/uploads/2018/09/cta_thankyouforcontactingus.jpg");
    padding:50px 0px 40px 0px;
    background-position-y: 300px;
}
/***** FOOTER *****/
.footer-container {
    color:#ffffff;
    background:#383935;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:0px;
    padding-left:0px;
}
.footer-container img {
    max-width:230px;
    width:100%;
}
.footer-container .right-container {
    text-align:right;
    padding-top:17px;
    color: #707070;
}
.footer-bottom-menu {
    display:inline-block;
    padding-left:0px;
}
.footer-bottom-menu li {
    display:inline-block;
    padding-left:10px;
}
.footer-bottom-menu li::before {
    content: "|";
    padding-right:10px;
    color: #707070;
}
.footer-bottom-menu li a {
    color:#707070;
}
.footer-bottom-menu li a:hover, .footer-bottom-menu li a:active, .footer-bottom-menu li a:focus {
    text-decoration:none;
    opacity:0.8;
}
/***** MEDIA QUERIES *****/
@media (min-width:1200px) {
}
@media (max-width:1200px) {
    div.product-category-subcategory div.product-subcategory {
        margin-left: 15px;
        margin-right: 20px;
    }
}
@media (max-width:980px) {

}
@media (max-width:991px) {
    .menu-featured-post {
        display:none;
   }
    .testimonial-image {
        padding-left:0px;
   }
}
@media (max-width:768px) {
    .footer-top-menu li {
        width:100%;
   }
    .testimonial-image {
        padding-left:0px;
   }
    .principles-values-height {
        height:320px !important;
   }
}
@media (max-width:767px) {
    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 13px;
    }
    .top-footer-left > h3 {
        font-size: 20px;
    }
    .transparent-button {
        padding: 15px 50px;
        font-size: 15px;
    }
    .why-sitemax-hero-page-container {
        padding: 72px 0px 72px 0px;
    }
    .innerpage-container {
        padding: 0;
    }
    .who-we-help-image {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .dropdown-menu > li {
        display: block;
   }
    .main-header {
        padding-bottom:20px;
   }
   .navbar-brand img {
        padding-left: 15px;
    }
    .cycloneslider-template-standard .cycloneslider-caption {
        display:none !important;
   }
    .what-we-do-column-image-right img {
        float:none;
   }
    .testimonial-image {
        padding-left:0px;
   }
    .principles-values-height {
        height:auto !important;
   }
    .top-footer-left {
        float:none;
        text-align:left;
   }
    .top-footer-right {
        float:none;
        text-align:left;
   }
   .footer-bottom-menu li:first-child:before {
       content: '';
   }
}
/***** KEYFRAMES *****/
@-moz-keyframes bounce {
    0% {
        bottom: -10px;
   }
    50% {
        bottom: 35px;
   }
    100% {
        bottom: -10px;
   }
}
@-webkit-keyframes bounce {
    0% {
        bottom: -10px;
   }
    50% {
        bottom: 35px;
   }
    100% {
        bottom: -10px;
   }
}
@keyframes bounce {
    0% {
        bottom: -10px;
   }
    50% {
        bottom: 35px;
   }
    100% {
        bottom: -10px;
   }
}