/* CSS Document */


/*
	Theme Name: Rapid Office Systems Theme
	Author: mattburgin
	Author URI: http://www.mattburgin.co.uk
*/

@-ms-viewport {
    width: device-width;
    zoom: 1;
}

@-o-viewport {
    width: device-width;
    zoom: 1;
}

@viewport {
    width: device-width;
    zoom: 1;
}

* {
    margin: 0;
    padding: 0;
}

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    /*font-smoothing: antialiased;*/
    text-rendering: optimizeLegibility;
}
* {
    margin: 0;
    padding: 0;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: baseline !important;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0 auto;
    font-size: 100%;
    margin-left: 1em;
    margin-top: 0.5em;
}
ul li {
    margin-left:2em;
    margin-top:0.5em;
}
body {
    font-family: 'PT Sans', Helvetica, sans-serif;
    color: rgba(32, 32, 47, 1);
    background: rgba(255, 255, 255, 1);
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

a {
    color: rgba(3, 179, 252, 1);
    text-decoration: underline;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
}

a:hover {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-weight: 400;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

h1, .h1 {
    font-size: 2.5em;
}

h2, .h2 {
    font-size: 1.6em;
    margin-bottom: 0.5em;
}

h2 .fa, .h2 .fa {
    margin-right: 0.5em;
    font-size: 0.8em;
}

h3, .h3 {
    font-size: 1.2em;
    margin-bottom:0.25em;
}

h4, .h4 {
    font-size: 1.1em;
}

h5, .h5 {
    font-size: 1em;
}

p {
    font-size: 1em;
    line-height: 20px;
    margin-top: 1em;
}

p a {
    text-decoration: underline;
    font-weight: 400;
}

a.read-more,
.read-more {
    font-size: 0.8em;
    display: block;
    margin-top: 1em;
    cursor: pointer;
}

h1+p,
h2+p,
h3+p,
h4+p,
.h1+p,
.h2+p,
.h3+p,
.h4+p {
    margin-top: 0;
}
h1+h2, .h1+.h2 {
    width:100%;
    float:left;
}

section,
header,
footer,
.button-cont,
.map-container {
    width: 100%;
    float: left;
    display: block;
    clear: both;
    position: relative;
}

#main-wrapper, .main-wrapper {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1em;
    position: relative;
}
#main-wrapper.home-slide, .main-wrapper.home-slide {
position:absolute;
left:0;
right:0;
}
.column-container {
    width: 100%;
    float: left;
    padding: 2em 0;
    /*padding-right:1em;*/
}

.column-container.grid {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0em;
    margin: -1em 0 0 -1em;
}
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
[class^="col-"],
[class*=" col-"] {
    float: left;
    display: block;
}

.col-1of12 {
    width: 8.3333%;
}

.col-2of12 {
    width: 16.6666%;
}

.col-3of12 {
    width: 25%;
}

.col-4of12 {
    width: 33.3333%;
}

.col-5of12 {
    width: 41.6666%;
}

.col-6of12 {
    width: 50%;
}

.col-7of12 {
    width: 58.3333%;
}

.col-8of12 {
    width: 66.6666%;
}

.col-9of12 {
    width: 75%;
}

.col-10of12 {
    width: 83.3333%;
}

.col-11of12 {
    width: 91.6666%;
}

.col-12of12 {
    width: 100%;
}

.flexbox {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0em;
    margin: -1em 0 0 -0.5em;
}

[class^="flex-"],
[class*=" flex-"] {
    flex: 1;
    list-style: none;
    align-self: flex-start;
    padding: 1em 0 0 1em;
    margin:0;
}

.flex-6of12 {
    flex: 0 0 50%;
}

.flex-4of12 {
    flex: 0 0 33.3333%;
}
.featured-products .flex-4of12,
.flex-3of12 {
    flex: 0 0 25%;
}

.flex-2of12 {
    flex: 0 0 16.6666%;
}

.column-padding {
    padding: 0.5em;
}
aside.column-padding {
    padding-left:2em;
}
.inner-padding {
    padding: 1em;
}

header .main-header {
    padding: 1em;
}

header .logo {
    width: 150px;
    height: 58px;
    float: left;
    background-size: contain;
    background-position: center;
    background: url('img/rapid-office-logo.png');
    background-image: url('img/rapid-office-logo.svg'), none;
    background-repeat: no-repeat;
    z-index: 9999;
}

header .header-top {
    font-size: 0.9em;
    text-align: right;
}

header .header-top a {
    text-decoration: none;
}

header .header-top .call {
    float: right;
    padding: 0.5em 1em;
    font-size: 1.2em;
    display: inline-block;
    font-weight: bold;
}

header .header-top .call span {
    font-weight: normal;
}

header ul#top-menu {
    list-style: none;
    display: inline-block;
}

header ul#top-menu li {
    display: inline-block;
    padding: 8px 15px 0 0;
    margin:0;
}

header ul#top-menu li a {
    color: #ffffff;
}

section.padding {
    padding: 6em 3em;
}

section.cta-section {
    padding: 0.75em;
    font-size: 1.6em;
}
section.cta-section.search {
    text-align:center;
position:absolute;
right: 0.7em;
top: 1.75em;
width:400px;
max-width:100%;
    padding: 0.6em;
    font-size: 1.2em;
}
section.cta-section .left {
    width:300px;
    float:left;
}
section.cta-section .right div {
    float:right;
}
section.cta-section.footer-cta-section .right div {
    float: none;
}
section.cta-section .right {
    padding-left:320px;
        margin-top:0.3em;
}
section.cta-section.search .left,
section.cta-section.search .right {
    display:inline-block;
    vertical-align:middle;
    padding:0;
    margin:0;
    width:auto;
    float:none;
}
section.cta-section.footer-cta-section .left,
section.cta-section.footer-cta-section .right {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}
section.cta-section.footer-cta-section .right {
    font-size: 18px;
    text-align: right;
}
section.cta-section.footer-cta-section .fa-life-ring, section.cta-section.footer-cta-section .fa-envelope {
    font-size: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
section.cta-section.footer-cta-section .support-text {
    display: inline-block;
    vertical-align: middle;
}
section.cta-section.search .left {
    margin-right:2em;
}

section.cta-section span {
    display: block;
    font-size: 0.7em;
}
section.cta-section.search span {
display:inline-block;
}
section.cta-section .left a {
    color:rgba(255,255,255,1);
    text-decoration:none;
}
section.cta-section .search-form input[type="text"],
.reveal input[type="text"] {
    /*padding: 1em 1em;*/
    background: rgba(255, 255, 255, 0.2);
    border: none;
    width: 200px;
    max-width: 100%;
}
section.cta-section.search .search-form input[type="text"] {
     background: rgba(32, 32, 47, 0.1);
}

section.cta-section .search-form input[type="text"] {
    /*width: 350px;*/
    /*width: calc(100% - 50px);*/
    float: right;
}



/* Icon 1 */

#hamburger {
    width: 35px;
    height: 24px;
    position: relative;
    margin: 0 auto;
    margin-top: 0.7em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgba(32, 32, 47, 1);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


/* Icon 3 */

#hamburger span:nth-child(1) {
    top: 0px;
}

#hamburger span:nth-child(2),
#hamburger span:nth-child(3) {
    top: 9px;
}

#hamburger span:nth-child(4) {
    top: 18px;
}

#hamburger.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}

#hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.dropdowns nav,
.dropdowns ul,
.dropdowns li,
.dropdowns a {
    margin: 0;
    padding: 0;
}

.dropdowns a {
    text-decoration: none;
}

.toggleMenu {
    display: none;
    float: right;
}

.nav {
    list-style: none;
    *zoom: 1;
    float: right;
}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}

/*.nav:after {
    clear: both;
}*/

.nav ul {
    list-style: none;
}

.nav a {
    padding: 10px 25px;
    color: rgba(32, 32, 47, 1);
    font-size: 1.1em;
}

.nav li {
    position: relative;
    z-index: 9991;
}

.nav>li {
    float: left;
}

.nav>li>.parent {
    position: relative;
}

.nav>li>.parent:after {
    width: 7px;
    height: 7px;
    position: absolute;
    right: 0.7em;
    top: calc(50% - 3px);
    content: "";
    /*background-image: url('img/icons/arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;*/
    vertical-align: middle;
}

.nav>li>a {
    display: block;
    z-index: 9991;
}

.nav li ul {
    position: absolute;
    left: -9999px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
}

.nav>li.hover>ul {
    left: 0;
}

.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li li {
    width: 200px;
}

.nav li li a {
    display: block;
    position: relative;
    z-index: 100;
    font-size: 0.9em;
}

.nav li li li a {
    z-index: 200;
}


/* colors */


/* togle menu button for narrow screens */

.toggleMenu {
    color: #fff;
}


/* general navigation link font color */


/* first level items borders */


/* second level navigation colors */

.nav li li a {
    background: rgba(240, 240, 240, 1);
    border-top: 1px solid rgba(230, 230, 230, 1);
}

.nav li li a:hover {
    background: rgba(230, 230, 230, 1);
}

.nav li li li a {
    background: rgba(230, 230, 230, 1);
    border-top: 1px solid #1d7a62;
}


/* layout */

.dropdowns {
    width: 100%;
    margin: 0.7em auto;
}

.nav ul {
    width: 9em;
}

@media screen and (max-width: 768px) {
    .nav {
        width: 100%;
        float: left;
    }
    .active {
        display: block;
    }
    .nav>li {
        float: none;
    }
    .nav>li>.parent {
        background-position: 95% 50%;
    }
    .nav li li {
        width: 100%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
    .nav>li.hover>ul,
    .nav li li.hover ul {
        position: static;
    }
}

.toggle-button {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    margin-left: 0.5em;
    margin-right: 0.5em;
    cursor: pointer;
    vertical-align: middle;
}

.toggle {
    position: relative;
    cursor: pointer;
}

.reveal {
    /*width: 250px;*/
    position: absolute;
    right: -1em;
    top: calc(25px + 0.6em);
    display: none;
    padding: 1em;
    cursor: initial;
    z-index: 10000;
}

footer .menus {
    padding: 2em;
    display: inline-block;
}

/*footer .logo {
    width: 100px;
    height: 38px;
    float: left;
    background-size: contain;
    background-position: center;
    background: url('img/???.png');
    background-image: url('img/???.svg'), none;
}*/
footer .h4 {
    border-bottom: solid 1px #03b3fc;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
footer .inner-padding {
    padding-top: 1.6em;
}
footer .contact-box {
/*width: 296px;*/
max-width: 100%;
float: right;
padding: 1.6em 2em;
margin-right: 0.5em;
background: rgba(255, 255, 255, 0.1);
}

footer .contact-box h2, footer .contact-box .h2,
footer .contact-box a {
    width: 100%;
    float: left;
}
footer .contact-box a {
    text-decoration: none;
    color: #ffffff;
}
footer ul,
footer li,
footer ul.social {
    list-style: none;
    font-size: 0.9em;
    margin: 0;
}

/*footer .menu {
    width: 100%;
    float: left;
}*/
footer .key-links-menu {
    margin-right: 20px;
}
footer li {
    width: 100%;
    float: left;
    display: block;
    padding: 0.25em 0em;
}

footer .our-products-menu li {
    width: 50%;
    display: inline-block;
}

footer li a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

footer li a:hover {
    text-decoration: underline;
}

.footer-social-link {
    margin-top: 50px;
}
footer .footer-contact a {
    font-size: 18px;
    margin-bottom: 10px;
}
footer ul.social {
   /* width: 100%;
    float: left;
    margin-top: 0.8em;*/
}

footer ul.social li .fa {
    font-size: 40px;
}
footer ul.social li {
    display: inline-block;
    width: 45px;
    /*height: 20px;*/
    margin-right: 0.4em;
    font-size: 1.5em;
    vertical-align: middle;
}

footer .logo {
    width: 100px;
    height: 38px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background: url('img/rapid-office-logo-white.png');
    background-image: url('img/rapid-office-logo-white.svg'), none;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 52px;
}
footer .social-links {
    display: inline-block;
    vertical-align: middle;
}
.home-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9900;
}
.home-banner .banner-form {
    right:1em;
}
.home-banner .banner-info {
  left:1em;
}
.home-banner .banner-info,
.home-banner .banner-form {
      z-index: 9990;
     position:absolute;
      top: 50%;
   transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
max-width:300px;
}
.home-banner .banner-info h1, .home-banner .banner-info .h1 {
    font-size:3.5em;
}
.home-banner .banner-info h1 span, .home-banner .banner-info .h1 span {
    display: block;
    font-size: 0.6em;
    line-height: 0.7em;
}
.home-slide .slider-product {
    width: 100%;
    position:absolute;
    bottom:0;
    z-index:9900;
}
.unslider li,
.unslider ol,
.unslider ul,
#main-wrapper.home-slide, .main-wrapper.home-slide, .slide {
    height:500px;
}

.unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
    height: 500px;
}

.unslider-wrap {
    position: relative
}

.unslider-wrap.unslider-carousel>li {
    float: left
}

.unslider-vertical>ul {
    height: 100%
}

.unslider-vertical li {
    float: none;
    width: 100%
}

.unslider-fade {
    position: relative
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,
.unslider ol,
.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer;
}

.unslider-arrow.next {
    left: auto;
    right: 20px
}

.unslider-nav {
    display: none !important;
}



[class^="icon-"],
[class*=" icon-"] {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    margin-right: .3em;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}

.icon-down-lime {
    width: 10px;
    height: 10px;
    background: url('img/icons/down-lime.png');
    background-image: url('img/icons/down-lime.svg'), none;
    background-repeat: no-repeat;
}

.icon-search {
    width: 15px;
    height: 15px;
    background: url('img/icons/search-icon.png');
    background-image: url('img/icons/search-icon.svg'), none;
    background-repeat: no-repeat;
}

.icon-arrow,
.icon-arrow.left {
    width: 10px;
    height: 10px;
    margin: 0;
    background: url('img/icons/left-arrow.png');
    background-image: url('img/icons/left-arrow.svg'), none;
    background-repeat: no-repeat;
}

.icon-featured {
    background: url('img/icons/featured-icon.png');
    background-image: url('img/icons/featured-icon.svg'), none;
    background-repeat: no-repeat;
}

.icon-portfolio {
    background: url('img/icons/portfolio-icon.png');
    background-image: url('img/icons/portfolio-icon.svg'), none;
    background-repeat: no-repeat;
}

.icon-arrow.right {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.testimonial-container {
    position: relative;
    width: 100%;
    display: block;
    padding: 3em 1em;
    float: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

.slide:after,
.testimonial-container:after,
.gallery>ul>li a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 9000;
}

.testimonial-container .testimonial {
    width: 70%;
    text-align: center;
    margin:0 auto;
    position:relative;
    font-size:1.1em;
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);*/
    z-index: 10000;
}
.testimonial-container .testimonial span {
    width:100%;
    float:left;
    font-size:0.8em;
    margin-top:1em;
}
.testimonial-container .testimonial span .fa {
    margin-bottom:0.3em;
}
.testimonial-container .testimonial span .fa,
.testimonial-container .testimonial span .company {
    display:block;
}
.dynamic-height-wrap {
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height 0.25s ease-in-out;
    -moz-transition: max-height 0.25s ease-in-out;
    -o-transition: max-height 0.25s ease-in-out;
    transition: max-height 0.25s ease-in-out;
    width: 100%;
}


/* Bottom gradient (optional, but recommended)*/


/*.dynamic-height-active .dynamic-height-wrap:before {
  background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(240,249,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff',GradientType=0 );
  bottom: 0;
  content:'';
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}*/

.dynamic-height-active .dynamic-show-more {
    display: inline-block;
    position: relative;
}

.dynamic-show-more {
    display: none;
    position: relative;
}

.js-dynamic-show-hide:after {
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    font-size: 0.9em;
    padding-left: 0.5em;
    position: relative;
    display: inline-block;
    padding-right: 0.5em;
    /*top: 10px;*/
    /*left: 0;*/
}

.js-dynamic-show-hide.rotate:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0.1em;
}

.rapid-configurator {
    clear: both;
}
.rapid-configurator .question-row {
    overflow: hidden;
}
.rapid-configurator .question-row .field-title {font-size: 22px;}
.rapid-configurator .question-row .field-subtitle {}
.rapid-configurator .question-row .field-options {
    padding: 20px 10px 10px;
    text-align: center;
}
.rapid-configurator .question-row .field-options .option-icon {
    height: 50px;
}
.rapid-configurator .question-row .field-options .option-name {
    padding: 5px 0px;
}
.rapid-configurator #fmessage {
    margin: 10px 0px;
    background: rgba(3, 179, 252, 1);
    padding: 10px;
    color: #ffffff;
    display: none;
}
.rapid-configurator .contact-section-title {font-size: 22px;margin-bottom: 10px;padding-left: 7px;}
.rapid-configurator .input-group {padding: 7px;}
.rapid-configurator .input-group .form-input {background: #f5f5f5;width: 100%;border: solid 1px #d3d3d3;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;}
.rapid-configurator .input-group .form-input.input-error {background: #fd606b;border: solid 1px #cc0407;}
.rapid-configurator .contact-section #ymsg {display: none;}
.rapid-configurator .configurator-button {
    clear: both;
    padding:20px 7px;
}
.rapid-configurator .gdpr-check-wrap {
    padding: 7px;
    clear: both;
}
.rapid-configurator .configurator-button .button-primary {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 10px 30px;
    height: auto;
    font-size: 16px;
}
.portfolio-grid {
    width: 100%;
    float: left;
    height: 175px;
    overflow: hidden;
background-size: cover;
    background-position: center;
    position: relative;
}

.portfolio-grid:after,
.gallery li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.portfolio-grid .title {
    position: absolute;
    padding: 0.5em 1em;
    left: 0;
    bottom: 1em;
    background: rgba(3, 179, 252, 0.8);
    color: white;
    z-index: 8000;
    font-size:1.2em;
}
.portfolio-grid .title .meta-data {
    display:block;
    font-size:0.7em;
}
.flexible-content {
    margin: 2em auto;
}

.content-img {
    width: 100%;
    min-height:255px;
    background:rgba(245,245,245,1);
}
.brand-content-div {
    min-height:255px;
}
.gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gallery:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.gallery li {
    float: left;
    width:100px;
    height:100px;
    margin:0;
}

.gallery li a {
    display: block;
    margin: 5px;
    position: relative;
}

.gallery li img {
    display: block;
    width: 100%;
    height: auto;
}

.gallery>ul {
    margin-bottom: 0;
    margin-top:1em;
}

.gallery>ul>li {
    float: left;
    list-style:none;
    overflow: hidden;
    /*margin-bottom: 15px;
    margin-right: 20px;
    width: 125px;
    height: 125px;*/
}

.gallery>ul>li a {
    /*border: 3px solid #FFF;
    border-radius: 3px;*/
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.gallery>ul>li a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.gallery>ul>li a:hover .gallery-poster>img {
    opacity: 1;
}

.gallery>ul>li a .gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.gallery>ul>li a .gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.gallery>ul>li a:hover .gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.gallery .justified-gallery>a:hover .gallery-poster>img {
    opacity: 1;
}

.gallery .justified-gallery>a .gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.gallery .justified-gallery>a .gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.gallery .justified-gallery>a:hover .gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.gallery .video .gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.gallery.dark>ul>li a {
    border: 3px solid #04070a;
}
.gallery ul#lightgallery > li {
    float: none;
    display: inline-block;
}
.gallery ul#lightgallery > li > a {
    float: none;
    text-align: center;
}
.gallery ul#lightgallery > li > a img {
    width: auto;
    height: 100px;
    margin: auto;
}
.download-home {
    padding:3em 3em 0em;
}
.download-section h3, .download-section .h3 {
    width:100%;
    float:left;
    text-align:center;
}
.download-section img {
   /*width: 200px;*/
    max-width: 200px;
    margin:1em auto 0;
    display:block;
}

/*ul.featured-products,
ul.featured-products li {
    width:100%;
    float:left;
    list-style:none;
}
ul.featured-products li {
    border-bottom:1px solid rgba(255,255,255,1);
    padding-top:2em;
    padding-bottom:2em;
}*/
/* ul.featured-products li .product-inner {
    width:100%;
    float:left;
    display:block;

}
ul.featured-products li .product-inner .image {
    width:100%;
    height:175px;
    float:left;
    background:rgba(240,240,240,1);
    overflow:hidden;
}
ul.featured-products li:hover .product-inner .image {
opacity:0.5;
}
ul.featured-products li .product-inner .image img {
    width:100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
}
ul.featured-products li .product-inner .info {
    width:100%;
    float:left;
    display:block;
    padding:1em;
}
ul.featured-products li:last-child {
    border-bottom:0px;
}
ul.featured-products li .product-inner {
    text-decoration:none;
    color: rgba(32, 32, 47, 1);
}
ul.featured-products li .product-inner .read-more {
    text-decoration:underline;
    margin-top:0em;
} */

footer .copyright {
    font-size: 0.7em;
    padding: 1.5em 0;
}
.address h3, .address .h3, .address a, .address p {
width:100%;
float:left;
display:block;
}
 .address a, .address p {
     margin-bottom:1em;
 }
#map {
    width: 100%;
    height: 500px;
    float: left;
    overflow: hidden;
    position: relative;
}
.doifdDefault1 h4,
.doifdDefault1 h5,
.doifdDefault1 .h4,
.doifdDefault1 .h5 {
    display:none;
}
#doifd_form {
    width:100%;
    margin:0 auto 2em;
    float:left;
}
#doifd_form ul li {
    width:100%;
    float:left;
    padding:1em;
    list-style:none;
    margin-left: 0px;
}
#doifd_form ul li:last-child {
    padding-top:0;
}
#doifd_form input[type="email"],
#doifd_form input[type="number"],
#doifd_form input[type="search"],
#doifd_form input[type="text"] {
    width:100%;
    float:left;
}
.doifdDefaultButtonHolder {
text-align:center;
width:100%;
float:left;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    color: rgba(255,255,255, 1);
    text-align: center;
    font-size: 10px;
    line-height: 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 1);
    cursor: pointer;
    box-sizing: border-box;
    font-weight: 600;
    vertical-align: middle;
}


.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: rgba(3, 179, 252, 1);
    background-color: rgba(255,255,255, 1);
     border: 1px solid rgba(255, 255, 255, 1);
    outline: 0;
}
button.search-submit:hover,
input[type="submit"]:hover {
    background-color:rgba(255,255,255, 0.1);
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary,
#doifd_form input[type="submit"] {
    color: #FFF;
    background-color: rgba(3, 179, 252, 1);
    border-color: rgba(3, 179, 252, 1);
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus,
#doifd_form input[type="submit"]:hover {
    color: #FFF;
    background-color: rgba(3, 179, 252, 1);
    border-color: rgba(3, 179, 252, 1);
}

.button-inline {
    margin-top: -1.5em;
    margin-left: 2em;
}

section.cta-section .search-form button[type="submit"],
.reveal button[type="submit"] {
    height:33px;
    width:30px;
    float: right;
    border: none;
    -webkit-appearance: none;
     background: rgba(255, 255, 255, 0.2);
     border-top-left-radius:0px !important;
     border-bottom-left-radius:0px !important;
     position:relative;
}
section.cta-section.search .search-form button[type="submit"] {
     background: rgba(32, 32, 47, 0.1);
}
section.cta-section .search-form button[type="submit"] i,
.reveal button[type="submit"] i {
width: 17px;
height: 27px;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 9px;
font-size: 1.5em;
}

.find-out {
    display: inline-block;
    font-size: 10px;
    line-height: 30px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    height: 30px;
    padding: 0 12px;
}

.wp-pagenavi,
.pagi-container {
    width: 100%;
    float: left;
    display:block;
}
.wp-pagenavi {
    text-align:center;
    margin:1.5em auto;
}
.wp-pagenavi span.pages {
    display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 0.8em 1.1em !important;
    border: none !important;
    margin: 5px !important;
    text-decoration:none;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    color: rgba(255, 255, 255, 1);
}

.wp-pagenavi .previouspostslink {
    content: "H";
}
#breadcrumbs {
    width:100%;
    float:left;
    margin-bottom:1.5em;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contact-form {
    width:100%;
    max-width:450px;
    float:left;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 3em;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}
section.cta-section .search-form input[type="text"],
section.cta-section .search-form.top input[type="text"] {
  border-top-right-radius:0px !important;
     border-bottom-right-radius:0px !important;
}


/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
    resize: vertical;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid rgba(3, 179, 252, 1);
    outline: 0;
}

label,
legend {
    display: block;
    margin-bottom: .25rem !important;
    font-weight: 600;
}

.label-above .nf-field-label {
    margin-bottom: 0em !important;
}

.nf-field-container,
#ninja_forms_required_items {
    margin-bottom: 1em !important;
}

fieldset {
    padding: 0;
    border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
}

label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}

.nf-form-fields-required {
    width: 100;
    float: left;
    margin-bottom: 1em;
}

.request .nf-form-fields-required,
.request .ninja-forms-req-symbol,
.request .nf-form-title{
    display:none;
}
.request .nf-field-label label,
.request .nf-field-element {
    color:#ffffff !important;
}
.request .nf-field-element {
    font-weight:normal !important;
}

.request .nf-field-element ul li {
    display:inline-block;
    margin-right:0.5em !important;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul.other-products {
    list-style:none;
    float:left;
    display:block;
}
ul.other-products li {
    display:block;
    width:100%;
    margin:0.2em auto;
    float:left;
    padding:0.4em 0.8em;
    list-style:none;
}
ul.other-products li:first-child {
    margin-top:0;
}

/* MISC */

.brand-primary-bk {
    background: rgba(3, 179, 252, 1) !important;
}
.brand-primary-bk a {
    color: #fff;
}
.brand-primary-bk a:hover {
    color: #fff;
}

.brand-primary-tx,
.nav a:hover,
footer li a:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
ul.featured-products li a .read-more {
    color: rgba(3, 179, 252, 1) !important;
}
.wp-pagenavi a,
.wp-pagenavi span,
.brand-primary-border-top {
    border-top: 2px solid rgba(3, 179, 252, 1) !important;
}

.brand-secondary-bk {
    background: rgba(32, 32, 47, 1);
}

.gallery li a:hover:before,
.slide:after,
.testimonial-container:after,
.portfolio-grid:hover:after,
.gallery>ul>li a:hover:after {
    background: rgba(32, 32, 47, 0.7);
}
.slide:after {
     background: rgba(32, 32, 47, 0.25);
}
.wp-pagenavi a,
.wp-pagenavi span,
.brand-secondary-tx {
    color: rgba(32, 32, 47, 1);
}
.wp-pagenavi a,
.wp-pagenavi span,
.grey-bk {
    background: rgba(245, 245, 245, 1);
}

.white-tx {
    color: rgba(255, 255, 255, 1);
}

.m-top-1 {
    margin-top: 1em;
}

.m-top-2 {
    margin-top: 2em;
}

.m-bottom-1 {
    margin-bottom: 1em;
}
.m-bottom-2 {
    margin-bottom: 2em;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}



ul.team-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: row;
    list-style: none;
    margin: 0;
    flex-wrap:wrap;
}

ul.team-list li {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: calc(25% - 1em);
    -ms-flex-preferred-size: calc(25% - 1em);
    flex-basis: calc(25% - 1em);
    max-width: calc(25% - 1em);
    position: relative;
    margin:0;
    flex-direction: column;
    margin-right:1em;
    margin-bottom:1em;
}
ul.team-list li span {
    display:block;
    font-size:0.8em;
}

.profile {
    width:100%;
    height:150px;
    content:"";
    float:left;
    display:block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

ul.service-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: row;
    list-style: none;
    margin: 0;
    flex-wrap:wrap;
    width:100%;
}

ul.service-list li {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: calc(25% - 1em);
    -ms-flex-preferred-size: calc(25% - 1em);
    flex-basis: calc(25% - 1em);
    max-width: calc(25% - 1em);
    position: relative;
    margin:0;
    margin-right:1em;
    margin-bottom:1em;
}
.readmore-js-toggle {
    margin-top:0.75em;
}

.blog-link {
    text-decoration: none;
    color: #000000;
}

.blog-link p, .blog-link h2  {
    color: #000000;
}

.blog-link p.meta {
    font-style: italic;
}
 
.blog-link:hover h2 {
    color:rgba(3, 179, 252, 1);
}

.content-listing h1, .content-listing h2, .content-listing h3 {
    margin: 30px 0 10px 0;
}

.leading-text {
    margin-bottom: 30px
}

.site-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 10px;
    background-color: #e70505;
    color: #fff;
      font-weight:600;
    text-align: center;
    display: none;
      z-index:10000;
  }
  .site-notice .site-notice-text {
      padding:0px 25px;
  }
  .site-notice .white {
      color:#fff;
  }
  .site-notice-dismiss {
    background: none;
    border: 0;
    color: #fff;
    font-size: 24px;
      font-weight:600;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  @media (max-width: 1235px) {
      .site-notice-dismiss {
          top:15px;
      }
  }
  
  /* Responsive font size */
  @media (max-width:1112px) {
      body {
          font-size: 14px;
      }
  }