/*
Theme Name: Hardware Child
Theme URI: https://www.motion-marketing.com
Template: motion-theme
Author: Chloe Bunce
Description: Theme design and functionalities for the Hardware.com website.
Version 1.0.0
Text Domain: motion-theme
*/

html, body {
	margin: 0px;
	font-family: 'Exo 2', Arial, sans-serif;
	color: #000;
	font-weight: 300;
}

/* Default Styles */
h1 {
	font-family: 'Audiowide', Arial;
	color: #56a832;
	font-size: 73px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
}
h2 {
	font-family: 'Audiowide', Arial;
	color: #56a832;
	margin-bottom: 40px;
	margin-top: 0px;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
}
h3 {
    font-family: 'Exo 2', Arial, sans-serif;
    font-weight: 700;
    margin-top: 0px;
    font-size: 20px;
}
h4 {
	font-family: 'Audiowide', Arial;
}
h5 {
	font-family: 'Audiowide', Arial;
}
h6 {
	font-family: 'Audiowide', Arial;
}
p {
	line-height: 1.4;
	font-weight: 300;
	font-size: 20px;
}
.exo {
	font-family: 'Exo 2', Arial, sans-serif!important;
}
.white-background {
	background-color: #FFF;
}
.grey-background {
	background-color: #F6F6F6;
}
.black-background {
	background-color: #000;
	color: #FFF;
}
.green-background {
	background-color: #56a832;
	color: #FFF;
}
.green-gradient-background {
	background-color: #45a834;
	background: -moz-linear-gradient(45deg,  #45a834 50%, #f9e800 100%);
	background: -webkit-linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background: linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a834', endColorstr='#f9e800',GradientType=1 );
	color: #FFF;
}
.white {
	color: #FFF;
}
.black {
	color: #000;
}
.orange {
	color: #eb6022;
}
.green {
	color: #56a832;
}
.default-padding {
	padding: 40px 0;
}
.default-padding-left {
	padding-left: 40px;
}
.default-padding-top {
	padding-top: 40px;
}
.default-padding-right {
	padding-right: 40px;
}
.default-padding-bottom {
	padding-bottom: 40px;
}
.extra-padding-top {
	padding-top: 80px;
}
a {
	color: #eb6022;
	font-weight: 600;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.button, .button, a.excerpt-more, .button-white, a.btn {
    color: #eb6022;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    border: solid 1px #eb6022;
    padding: 5px 15px!important;
	background-color: transparent;
}
.button-white {
	color: #FFF;
	border: solid 1px #FFF;
}
a.button:hover, .button:hover, .button-white:hover {
    background-size: 100% 100%;
    color: #fff;
    cursor: pointer;
	text-decoration: none;
	border: solid 1px #eb6022;
}
a.btn {
	margin-top: 20px;
	clear: both;
}
.hover {
    position: relative;
    display: inline-block;
    background-image: linear-gradient(#eb6022, #eb6022);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size .5s, color .5s;
}
.resp {
	max-width: 100%!important;
	height: auto!important;
}
img {
	border: 0px!important;
}
.clear, .fivegap, .tengap, .twentygap {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	width: 100%;
}
.fivegap { height: 5px!important; }
.tengap { height: 10px!important; }
.twentygap { height: 20px!important; }

.centre {
	text-align: center;
	margin: auto;
}
.right-align {
	text-align: right;
}
.position-right {
	position: absolute;
	right: 40px;
	top: -20px;
}
.bold {
	font-weight: bold;
}
.light {
    font-weight: 300!important;
}
.uppercase {
	text-transform: uppercase;
}
.black-border-top {
	border-top: solid 1px #000;
}
.max {
	max-width: 1200px;
	margin: auto;
	padding: 0 40px;
}
.relative {
	position: relative;
}
.no-margin {
	margin: 0px!important;
}
.no-margin-btm {
	margin-bottom: 0px!important;
}
.xxsmall {
	font-size: 13px;
}
.xsmall {
	font-size: 14px;
}
.small {
	font-size: 16px;
}
.medium {
	font-size: 26px;
}
.large {
	font-size: 30px;
}
.xlarge {
	font-size: 65px;
}
.column, .double-column, .triple-column, .quad-column, .fifth-column {float: left;}
.six-column > .column {width: 16.66%;}
.six-column > .double-column {width: 33.33%;}
.six-column > .triple-column {width: 50%;}
.six-column > .quad-column {width: 66.67%;}
.six-column > .fifth-column {width: 83.33%;}
.five-column > .column {width: 20%;}
.five-column > .double-column { width:40%;}
.five-column > .triple-column {width: 60%;}
.five-column > .quad-column {width: 80%;}
.four-column > .column {width: 25%;}
.four-column > .double-column {width: 50%;}
.four-column > .triple-column {width: 75%;}
.three-column > .column {  width: 33.3333%;}
.three-column > .double-column { width: 66.6666%; position: relative; }
.two-column > .column { width: 50%; }
.left-column { margin-right: 40px; }
.middle-column { margin-right: 20px; margin-left: 20px; }
.right-column { margin-left: 40px; }

.black-border-bottom {
	border-bottom: solid 1px #000;
}

ul.main-menu {
    float: right;
    margin-top: 0px;
    padding-top: 0px;
    width: auto;
}
ul.main-menu li {
    display: inline;
    list-style: none;
    margin-left: 30px;
    text-transform: uppercase;
	text-align: left;
	margin-top: 0px;
	padding-top: 0px;
}
ul.main-menu li:first-child {
	margin-left: 0px!important;
}
ul li {
	font-size: 16px;
	line-height: 1.4;
}
.global-nav ul.main-menu li a {
    color: #000;
}
nav.home-nav ul.main-menu li a {
	color: #56a832;
}
i.fa-li.fa.fa-check-square {
    color: #56a832;
}

.orangenav a {
	color: #E8640B!important;
}

nav.home-nav, nav.global-nav  {
    height: 30px; /* set to the height you want your menu to be */
    margin: 0 0 10px; /* just to give some spacing */
}
nav.home-nav ul, nav.global-nav ul    {
    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}
nav.home-nav li, nav.global-nav li    {
    display: block;
    float: left;
    line-height: 40px; /* this should be the same as your #main-nav height */
    height: 40px; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
	z-index: 999;
}
nav.home-nav li a, nav.global-nav li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}
nav.home-nav .current-menu-item a, nav.home-nav .current_page_item a, nav.global-nav a:hover, navnav.global-nav .current-menu-item a, navnav.global-nav .current_page_item a, nav.global-nav a:hover {
    color: #000;
}
nav.home-nav ul ul, nav.global-nav ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
	right: 0;
	background-color: #F6F6F6;
	border: solid 10px #FFF;
	padding: 10px 0;
	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	z-index: 9999;
}
nav.home-nav ul ul li, nav.global-nav ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 200px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
nav.home-nav ul ul li a, nav.global-nav ul ul li a { /* target all sub menu item links */
    padding: 5px 10px; /* give our sub menu links a nice button feel */
	font-size: 12px;
	text-transform: none!important;
	color: #000!important;
	font-weight: 400!important;
}
nav.home-nav ul li:hover > ul, nav.global-nav ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}

ul.sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    position: absolute;
    top: -20px;
    right: 20px;
}
ul.sub-menu li {
    height: 30px;
    line-height: 30px!important;
}


.sticky-nav.sticky-home {
    background-color: #000;
}
.sticky-nav.global-bg {
    background-color: #FFF;
}
.sticky-nav.sticky-element-original.element-is-sticky {
    box-shadow: 0 0 10px rgba(0,0,0,0.11);
}

ul.contact-btn {
    width: 40px;
    position: absolute;
    right: 0;
    top: 180px;
    color: #FFF;
}
ul.contact-btn li {
    list-style: none;
    background-color: #eb6022;
    height: 45px;
    margin-bottom: 5px;
    color: #FFF;
	padding: 2px 0;
}
.top-bar {
    padding: 10px 0;
    font-size: 12px;
}
.top-bar a {
    font-weight: 300!important;
}
.global-bg {
    background: url(/wp-content/uploads/global-nav-bg.png) no-repeat right;
}

footer {
    background: url(/wp-content/uploads/footer-pattern.png) no-repeat center;
    background-size: contain;
    background-color: #000;
    padding: 60px 0 200px 0;
    color: #FFF;
    font-size: 16px!important;
}
span.footer-title {
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
ul.footer-menu {
    margin: 0px;
    padding: 0px;
}
ul.footer-menu li {
    list-style: none;
    line-height: 1.6;
}
ul.footer-menu li a {
    font-weight: 300;
    color: #FFF;
}

.search-submit {
  width: 40px;
  height: 23px;
  background-color: transparent;
  border: 0px;
  color: #eb6022;
  text-align: center;
  font-size: 18px;
  margin-left: 10px;
	float: right;
	margin-right: 1px;
}

.nav-search-bar {
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.nav-search-bar input#search{
  width: 0px;
  height: 25px;
  background: #FFF;
  border: none;
  font-size: 13px;
  float: right;
  color: #000;
  padding-left: 0px;
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
}
.nav-search-bar input#search:focus, .nav-search-bar input#search:active{
  outline:none;
  width: 400px;
}
.nav-search-bar:hover input#search{
width: 400px;
}
.nav-search-bar:hover .fa-search{
  color: #FFF;
}
.nav-search-form.global .nav-search-bar:hover .fa-search{
  color: #000;
}

/* Page Styles */
span.number {
    font-size: 65px;
    font-weight: bold;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -moz-text-stroke-color: #FFF;
    -webkit-text-stroke-color: #FFF;
    -moz-text-stroke-width: 2px;
    -webkit-text-stroke-width: 2px;
	display: inline-block;
	margin-top: 20px;
}
.about-history span.number {
	-moz-text-stroke-color: #56a832;
    -webkit-text-stroke-color: #56a832;
}
.green-outline {
	font-weight: bold;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
	-moz-text-stroke-color: #56a832;
    -webkit-text-stroke-color: #56a832;
	-moz-text-stroke-width: 2px;
    -webkit-text-stroke-width: 2px;
}
.dotted-line, .dotted-line-green {
    border: 1px #FFF dotted;
    padding: 0 20px;
    min-height: 230px;
}
.dotted-line-green {
    border: 1px #56a832 dotted;
	min-height: 230px;
}
.dotted-line-green p {
	font-size: 16px;
}
hr.short-white-line {
    border: solid 2px #FFF;
    width: 50%;
}
.home-header-text {
    padding-top: 160px;
    padding-bottom: 160px;
    padding-left: 80px;
}
.home-about {
	padding-bottom: 120px;
	background: #45a834;
	background-image: url("/wp-content/uploads/home-about-rocket-bg.png"); /* fallback */
	background-image: url("/wp-content/uploads/home-about-rocket-bg.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: right top;
	background-repeat: no-repeat;
}
.home-numbers {
	background: #45a834;
	background-image: url("/wp-content/uploads/hardware-numbers.png"); /* fallback */
	background-image: url("/wp-content/uploads/hardware-numbers.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.home-news .news-container, .news-box {
    float: left;
    width: calc(33.333% - 20px);
    margin-right: 20px;
}
.home-news .news-container .news-title a {
	color: #56a832!important;
	margin-top: 10px;
}
.home-news .news-container .news-title a {
    color: #56a832!important;
    display: block;
    font-size: 20px;
    min-height: 70px;
}
.home-news .news-container .news-excerpt {
	min-height: 95px;
}
.solutions-block-header {
    background-color: #666;
    padding: 40px 40px 0 40px;
    min-height: 160px;
}
.home-solutions-links {
    line-height: 1.8;
}
a.home-solution {
    color: #000;
    font-weight: 400;
}
a.more-solutions {
    position: absolute;
    right: 40px;
    bottom: 20px;
}
.nav-search-form {
    float: right;
	clear: both;
	position: relative;
	z-index: 999;
}
.white-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.3;
}
.index-2 {
	position: relative; 
	z-index: 2;
}
.bottom-left {
    position: absolute;
    bottom: 0;
    left: 80px;
}
.what-do {
    background-image: url(/wp-content/uploads/about-whatdo-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.technology-partners .column, .services-overview .column {
    min-height: 140px;
    font-size: 24px;
    font-weight: 300;
}
.three-column.inner-padding-20 {
    padding: 0 20px;
}
span.two-line {
    display: inline-block;
    margin-top: 38px;
}
span.one-line {
    display: inline-block;
    margin-top: 48px;
}
span.three-line {
    display: inline-block;
    margin-top: 24px;
}
img.partner {
    margin-top: 50%;
}
.feature-module .column, .feature-module.column {
    padding-top: 120px;
	min-height: 310px;
}
span.policy-header {
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}
.side-buttons a {
    text-decoration: none;
    font-size: 20px;
    color: #FFF!important;
    position: fixed;
    right: 0;
    transition: 0.5s;
    margin-right: 0px;
    line-height: 50px;
    overflow: hidden;
	z-index: 999;
}
#ecommerce{
  top: 180px;
  height: 50px;
	width: 45px;
  background-color: #eb6022;
}
#support{
  top:235px;
  height: 50px;
	width: 45px;
  background-color: #eb6022;
}
#chat{
  top:290px;
  height: 50px;
	width: 45px;
  background-color: #eb6022;
}
#contact{
  top:345px;
  height: 50px;
	width: 45px;
  background-color: #eb6022;
}
span.float-left {
  float: left;
	font-size: 14px;
	text-transform: uppercase;
}
.side-buttons img {
  float: left;
}
.side-buttons a:hover {
    right: 0px;
    text-align: center;
    width: 120px!important;
}
.client-container {
    width: 20%;
    float: left;
    text-align: center;
    min-height: 100px;
}
.about-header {
	padding-bottom: 40px;
	background: #45a834;
	background-image: url("/wp-content/uploads/about-background.png"); /* fallback */
	background-image: url("/wp-content/uploads/about-background.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: right top;
	background-repeat: no-repeat;
}
img.solution-icon {
    position: absolute;
    right: 40px;
    top: 40px;
}
.services-history .dotted-line {
	min-height: 240px!important;
}

.security-solution-background, .cloud-solution-background, .compute-solution-background, .references-background, .cta-background, .blog-background, .networking-background, .cloud-background, .compute-background, .security-background, .about-history, .services-gradient-background, .solutions-gradient-background, .networking-solution-background, .tech-partners-background, .services-background, .needs-benefits-background, .audit-background, .news-background, .user-background, .solution-background, .careers-background, .apprenticeship-background, .supporting-background {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.networking-solution-background { background-image: url(/wp-content/uploads/networking-solution-bg.png); }
.security-solution-background { background-image: url(/wp-content/uploads/security-solution-bg2.png); }
.cloud-solution-background { background-image: url(/wp-content/uploads/cloud-solution-background.png); }
.compute-solution-background { background-image: url(/wp-content/uploads/compute-solution-background.png); }
.references-background { background-image: url(/wp-content/uploads/references-background.png); }
.cta-background { background-image: url(/wp-content/uploads/cta-background.png); }
.blog-background { background-image: url(/wp-content/uploads/blog-background.png); }
.networking-background { background-image: url(/wp-content/uploads/networking-home-background.png); }
.cloud-background {	background-image: url(/wp-content/uploads/cloud-home-background.png); }
.compute-background { background-image: url(/wp-content/uploads/compute-home-background.png); }
.security-background { background-image: url(/wp-content/uploads/security-home-background.png); }
.about-history { background-image: url(/wp-content/uploads/about-history.png); }
.services-gradient-background { background-image: url(/wp-content/uploads/sub-services-background.png); }
.solutions-gradient-background { background-image: url(/wp-content/uploads/solutions-background.png); }
.tech-partners-background { background-image: url(/wp-content/uploads/tech-partners-background.png); }
.services-background { background-image: url(/wp-content/uploads/services-background.png); }
.needs-benefits-background { background-image: url(/wp-content/uploads/needs-benefits-bg.png); }
.audit-background { background-image: url(/wp-content/uploads/audit-background2.png); }
.news-background { background-image: url(/wp-content/uploads/news-background.png); }
.user-background { background-image: url(/wp-content/uploads/user-background2.png); }
.solutions-background { background-image: url(/wp-content/uploads/solutions-background-1.png); }
.careers-background { background-image: url(/wp-content/uploads/careers-background.png); }
.apprenticeship-background { background-image: url(/wp-content/uploads/apprenticeship-background.png); }
.supporting-background { background-image: url(/wp-content/uploads/supporting-background.png); }

.cta1-background {background-image: url(/wp-content/uploads/cta1-background.png);}
.cta2-background {background-image: url(/wp-content/uploads/cta2-background.png);}
.cta3-background {background-image: url(/wp-content/uploads/cta3-background.png);}
.cta4-background {background-image: url(/wp-content/uploads/cta4-background.png);}
.cta5-background {background-image: url(/wp-content/uploads/cta5-background.png);}
.cta6-background {background-image: url(/wp-content/uploads/cta6-background.png);}
.cta7-background {background-image: url(/wp-content/uploads/cta7-background.png);}
.cta8-background {background-image: url(/wp-content/uploads/cta8-background.png);}

.partner-background1, .partner-background2, .partner-background3, .partner-background4, .partner-background5, .partner-background6, .partner-background7, .partner-background8, .partner-background8 {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.partner-background1 { background-image: url(/wp-content/uploads/partner1-background.png); }
.partner-background2 { background-image: url(/wp-content/uploads/partner2-background.png); }
.partner-background3 { background-image: url(/wp-content/uploads/partner3-background.png); }
.partner-background4 { background-image: url(/wp-content/uploads/partner4-background.png); }
.partner-background5 { background-image: url(/wp-content/uploads/partner5-background.png); }
.partner-background6 { background-image: url(/wp-content/uploads/partner6-background.png); }
.partner-background7 { background-image: url(/wp-content/uploads/partner7-background.png); }
.partner-background8 { background-image: url(/wp-content/uploads/partner8-background.png); }
.partner-background9 { background-image: url(/wp-content/uploads/partner9-background.png); }

.team-background {
	background: url(/wp-content/uploads/team-background.png) no-repeat bottom;
	background-size: cover;
}

.services-background1 { background-image: url(/wp-content/uploads/services1-background.png); }
.services-background2 { background-image: url(/wp-content/uploads/services2-background.png); }
.services-background3 { background-image: url(/wp-content/uploads/services3-background.png); }
.services-background4 { background-image: url(/wp-content/uploads/services4-background.png); }
.services-background5 { background-image: url(/wp-content/uploads/services5-background.png); }
.services-background6 { background-image: url(/wp-content/uploads/services6-background.png); }
.services-background7 { background-image: url(/wp-content/uploads/services7-background.png); }
.services-background8 { background-image: url(/wp-content/uploads/services8-background.png); }
.services-background9 { background-image: url(/wp-content/uploads/services9-background.png); }
.services-background10 { background-image: url(/wp-content/uploads/services10-background.png); }

.services-background1, .services-background2, .services-background3, .services-background4, .services-background5, .services-background6, .services-background7, .services-background8, .services-background9, .services-background10 {
	background-repeat: no-repeat;
	background-size: cover;
}

ul.wp_rss_retriever_list {
    padding-left: 0px;
}
li.wp_rss_retriever_item {
    border-bottom: solid 1px #F6F6F6;
    padding-bottom: 20px;
}
.category {
    font-size: 13px;
}
.category a {
    width: 80%;
    display: inline-block;
    border-bottom: solid 1px #FFF;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
	font-weight: 300;
}
a.tag {
    display: inline-block;
    font-size: 13px;
    border: solid 1px #888;
    padding: 5px 10px;
    margin-right: 10px;
    font-weight: 33;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.news-box-inner {
    border: solid 1px #F4F4F4;
    padding: 15px;
	min-height: 400px;
	position: relative;
}
ul.post-categories {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    width: auto;
}
.news-box {
	min-height: 380px;
	margin-bottom: 20px;
}
.news-box .news-title a {
    margin-top: 10px;
	margin-bottom: 10px;
    display: block;
}
.news-box .news-cat {
	font-size: 14px;
}
.news-box .news-excerpt {
    min-height: 120px;
    margin-top: 10px;
}
.news-box a.blog-cat {
    color: #000;
    font-weight: 300;
    font-style: italic;
}
.news-box a.news-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
ul.wpp-list {
    margin: 0px;
    padding: 0px;
}
.popular {
	margin-bottom:10px;
	clear: both;
}
.popular .thumbnail {
    float: left;
    margin-right: 10px;
}
.popular a {
    font-weight: 300;
    font-size: 13px;
}
h3.lined {
    margin-top: 20px;
}
.form_wrapper input[type="text"], input[type="email"], input[type="tel"], textarea {
    width: 95%;
    height: 30px;
    text-indent: 20px;
    float: right;
}
.form_wrapper .textarea_field {
    min-height: 80px;
    margin-bottom: 20px;
}
.form_wrapper textarea {
    height: 70px;
    font-family: arial;
    padding: 10px 0;
}
.form_wrapper .input_field span {
    margin-top: 7px;
    display: block;
    float: left;
}
.form_wrapper .input_field {
    height: 45px;
}
h1.error-heading {
    font-size: 115px;
}
.search-row {
    clear: both;
    border-bottom: solid 1px #F4F4F4;
    overflow: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
.search-row img {
    float: left;
    margin-right: 20px;
    width: 200px!important;
    height: auto!important;
}
.navigation ul li {
    display: inline-block;
}
.navigation ul {
    margin-left: 0px;
    padding-left: 0px;
}
.navigation {
	text-align: center;
}
.news-date {
    position: absolute;
    background-color: #21242a;
    opacity: 0.8;
    color: #FFF;
    padding: 5px 20px;
    top: 10px;
    left: -16px;
}
.home-bg-header {
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 1;
	height: 670px;
	overflow: hidden;
}
.index-2 {
	position: relative;
	z-index: 2;
}
.no-line {
	text-decoration: none!important;
}
.partners-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/partners-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/partners-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.casestudy-bg1 {
	background: url(/wp-content/uploads/casestudy-bg1.png) no-repeat center;
	background-size: cover;
}
.casestudy-bg2 {
	background: url(/wp-content/uploads/casestudy-bg2.png) no-repeat center;
	background-size: cover;
}
.networking-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/top-networking-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/top-networking-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
span.dropcap {
    position: relative;
    display: inline-block;
    float: left;
    min-width: 40px;
    height: 50px;
    line-height: 48px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin: 5px 10px 0 0;
    padding: 0 12px;
    border: 1px solid transparent;
    color: #fff;
    background: #56a832;
    text-transform: uppercase;
}
hr.tag-line {
    border: none!important;
    height: 1px;
    background-color: #56a832;
    margin-top: 20px;
    margin-bottom: 15px;
}
.gallery-caption {
    color: #eb6022;
    font-weight: bold;
    margin-right: 20px;
}
dl.gallery-item {
    text-align: left!important;
}
.related-posts {
    margin-top: 20px;
}
.careers-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/careers-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/careers-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.cloud-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/cloud-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/cloud-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.compute-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/compute-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/compute-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.security-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/security-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/security-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-header {
	background: #45a834;
	background-image: url("/wp-content/uploads/contact-header.png"); /* fallback */
	background-image: url("/wp-content/uploads/contact-header.png"), linear-gradient(45deg,  #45a834 50%,#f9e800 100%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.no-padding-top {
	padding-top: 0px!important;
}
.green-gradient-background h2 {
	color: #FFF;
}
.feature-module .column {
    position: relative;
}
.feature-module a.button {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 85px;
}
h4.feed-item-title {
    font-family: 'Exo 2'!important;
    max-width: 1120px;
    margin: auto;
	padding: 0 20px;
}
p.feed-item-desc {
    font-size: 16px;
    max-width: 1120px;
    margin: auto;
    padding: 10px 20px;
}

@media screen and (max-width: 650px) {
	six-column .column, .six-column .double-column, .six-column .triple-column, .six-column .quad-column, .six-column .fifth-column {width:100%!important;}
	.five-column .column, .five-column .double-column, .five-column .triple-column, .five-column .quad-column {width:100%!important;}
	.four-column .column, .four-column .double-column, .four-column .triple-column {width:100%!important;}
	.three-column .column, .three-column .double-column {width:100%!important;}
	.two-column .column {width:100%!important;}
	.left-column, .middle-column, .right-column {margin:0px!important;}
	h2 {font-size:30px!important;}
	h1 {font-size:48px!important;}
	.home-header-text {padding-left:40px;}
	.nav-search-bar, .side-buttons {display:none!important;}
	.default-padding-right {padding-right:20px;}
	.default-padding-left {padding-left:20px;}
	.max {padding: 0 20px!important;}
	footer {background-size:cover; background-position:center;}
	.sticky-nav .twentygap {height:0px!important;}
	.home-news .news-container { width: 100% !important; margin-bottom:20px;}
	.home-news .news-container .news-title a { min-height: auto !important; margin-bottom: 10px;}
	.home-news .news-container .news-excerpt { min-height: auto !important;}
	header {display: none!important;}
	.six-column > .column { width: 33.333% !important; margin-bottom: 20px; }
	img.partner {margin-top:20px!important;}
	span.three-line, span.two-line, span.one-line {margin-top:0px!important; margin-bottom:20px!important;}
	.technology-partners .column, .services-overview .column { min-height:108px!important;}
	ul.sub-menu li:first-child { padding-bottom: 0px!important;}
	ul.sub-menu li:last-child { padding-bottom: 20px!important;}
	ul.sub-menu li:first-child a {text-transform:none!important; font-weight:300!important; line-height: inherit!important;}
	.blog-right {display:none!important;}
	.two-column.practices .column { width: 50% !important;}
	#rpbt-related-gallery-1 img { max-width: 100%; height: auto; }
}

@media screen and (max-width: 500px) {
	.client-container {width:50%!important;}
	.home-header-text {padding-left:20px;}
	.news-box {width: 100% !important; min-height: auto !important; margin-right: 0px;}
	.news-box-inner { min-height: auto !important; }
	.none {display:none!important;}
}

@media screen and (max-width: 380px) {
	h1 {font-size:26px!important;}
	img.solution-icon, a.more-solutions {right:10px!important;}
	.six-column > .column {width:50%!important;}
	.gallery-item { width: 100% !important; }
	h2 {font-size:24px!important; margin-bottom:20px!important;}
	.max {padding:0 10px!important;}
}