/*
Theme Name: 	AsOne Rover
Theme URI: 		http://www.asone.co.uk
Description: 	To boldly go...
Version: 		2.3
Author: 		AsOne - Joel Rush, Alexander Singleton
Author URI: 	http://www.asone.co.uk
Tags: 			asone, base, wp
*/

/* =============================================================================
Defaults -----------------------------------------------------------------------
============================================================================= */

@import "css/reset.css";

div,article,section,header,footer,nav,li {position:relative;}

body {
  background:#fafafa;
  font-family: 'montserrat', arial, sans-serif;
  max-width: 100%;
  overflow: hidden;
  color:#444444;
  font-weight: 300;
}

header {width:100%;}
main   {width:100%;}
footer {width:100%; bottom:0px;}

#page{min-height: 75vh;margin-top: -140px;z-index: 1;position: relative;}

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

::-moz-selection, ::selection {background:#ff0; color:#333;}

.clear{clear:both;}

.main{max-width: 1250px; margin:auto;}

.inner{padding:0% 2%;}

.cont{width:65%; float:left;}

.sidebar{width:30%; float:right;}

.truefooter{font-size: 0.6em; text-align: center; padding: 5px 0 20px;}

.truehalf .col{width:50%; float:left;}
.half .col:nth-child(odd){width:49%;margin-right:1%;float:left;}
.half .col:nth-child(even){width:49%;margin-left:1%;float:right;}

.truethird .col{width:33.333%; float:left;}
.third .col:nth-child(3n-2){margin:0px;}
.third .col:nth-child(3n){margin:0px;}
.third .col{width:32%; margin:0px 2%; float:left;}

.truefourth{width:25%; float:left;}
.fourth .col:nth-child(4n-3){margin:0px 1% 0px 0px;}
.fourth .col:nth-child(4n){margin:0px 0px 0px 1%;}
.fourth .col{width:23.5%; margin:0px 1%; float:left;}

.truefifth{width:20%; float:left;}
.fifth .col:nth-child(5n-4){margin:0px 1% 0px 0px;}
.fifth .col:nth-child(5n){margin:0px 0px 0px 1%;}
.fifth .col{width:18.4%; margin:0px 1%; float:left;}

.cont ul li{list-style-type: disc; margin-left:25px;}
.cont ol li{list-style-type: decimal; margin-left:25px;}

.white {color:#fff;}   .whitebg {background-color:#fff;}
.light {color:#eee;}   .lightbg {background-color:#eee;}
.grey  {color:#ccc;}   .greybg  {background-color:#ccc;}
.dark  {color:#333;}   .darkbg  {background-color:#333;}
.black {color:#000;}   .blackbg {background-color:#000;}

.green {color:#95BA21;}   .greenbg {background-color:#95BA21;}

.button {
    padding: 10px 25px;
    margin: 5px 0px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    border: 2px solid;
    border-radius: 50px;
    font-size: 14px;
    transition: all 0.2s;
    cursor:pointer;
    background:none;
}
.button:hover{
  background-color:#95BA21;
  border: 2px solid #95BA21;
  color:#fff;
}

ul li{list-style: circle; margin-left: 40px;}
ol li{list-style: decimal; margin-left: 40px;}

.nav{padding:20px 0px;}
.nav ul li{
	list-style-type: none;
	display: inline-block;
	padding-right: 20px;
}
.nav ul li:last-child{padding-right:0px;}

.tac{text-align: center;}

.mb20{margin-bottom: 20px;}
.mb35{margin-bottom: 35px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}
.mb150{margin-bottom: 150px;}

.mw800{max-width: 800px;}

.deskonly   {display:block;}
.tabletonly {display:none;}
.mobonly    {display:none;}


.fl{float:left;}
.fr{float:right;}
/* =============================================================================
Typography ---------------------------------------------------------------------
============================================================================= */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

h1,h2,h3,h4,h5,h6{}

  h1 {
      font-size: 3em;
      font-weight: 600;
      margin-bottom: 0.5em;
  }

h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 20px 0;
}

h3{
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 10px;
}

h4 {
    font-size: 1.2em;
    margin: 10px 0;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    font-weight: 600;
}

h5 {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 0.4em;
}

h6{font-size: 0.875em;}

ul li, ol li, p{margin-bottom: 20px; line-height: 1.5em;}

a{
	text-decoration: none;
	color: inherit;
}

p a{text-decoration: underline;color:#95BA21;}

blockquote {
    font-size: 1.2em;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 40px;
    box-sizing: border-box;
    margin: 35px 5%;
    background-color: #fff;
    font-weight: 500;
    width:90%;
}

blockquote p{margin-bottom:0;}

b, strong {font-weight: 600;}

/* =============================================================================
Styles -------------------------------------------------------------------------
============================================================================= */

/* Header =================================================================== */

header{z-index: 300;}

header nav .menu {
    border: 1px solid #fff;
    border-radius: 10px;
    border-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: fit-content;
    float: right;
    height: 80px;
    margin-top: 40px;
    background-color:#fff;
    padding-left: 15px;
}

header nav ul li {
    display: inline-block;
    margin: 30px 0 0px 30px;
    font-size: 16px;
    font-weight: 400;
    text-transform: lowercase;
    transition: all 0.2s;
}

header nav li a {transition: all 0.2s;}
header nav li a:hover {color: #94ba20;}

.nav-right{
  margin-top: 40px;
  height: 80px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  width: 100%;
  left: 97%;
  pointer-events: none;
  background-color: #fff;
  z-index: -1;
}

.logo {
    width: 180px;
    height: 120px;
    float: left;
    margin-top: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pt-home-php .logo, .error404 .logo {
    background-image: url(./img/logo.svg)!important;
}
/* Footer =================================================================== */

footer {
    width: 100%;
    bottom: 0px;
    background: linear-gradient(0deg, rgb(8, 8, 16) 0%, rgb(32, 29, 49) 80%);
    margin-top: 50px;
    padding: 50px 0 0;
}

footer .horizon {
    top: -23vw;
    bottom: auto;
    pointer-events: none;
}

footer nav {
    width: 100%;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 50px 0 ;
    box-sizing: border-box;
    text-transform: lowercase;
}

footer nav li {
    display: inline-block;
    margin: 0px;
    padding: 20px 0;
    font-size: 14px;
}

footer nav li:after {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #fff;
    display: inline-block;
    border-radius: 10px;
    margin: 4px 15px;
}

footer nav li:last-child:after{display:none;}

.sm li {
    display: inline-block;
    font-size: 3em;
    margin: 0 0.5em;
    transition: all 0.2s;
}
.sm li:hover {color:#95BA21;}

.awards {
    margin: 50px auto 75px;
    max-width: 800px;
}

.grouplogo {
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.award {
    width: 15%;
    height: 75px;
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
}
.laurel {
    height: 95px;
    width: 5%;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -10px;
}

footer .box .button {width: 105px;box-sizing: border-box;}

.noheader{
  width: 100%;
  height: 100vh;
  position: relative;
  margin-bottom: -20vh;
}

.vertcent {
    position: absolute;
    width: 500px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(./img/stars.jpg);
    height: 500px;
    left: 50%;
    border-radius: 500px;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 185px 0;
    box-sizing: border-box;
}

.fixedfoot{
  min-height: 50px;
  width: 100%;
  background: linear-gradient(10deg, rgb(8, 8, 16) 0%, rgb(32, 29, 49) 80%);
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  z-index: 500;
  padding: 5px 0;
}

.fixedfoot a.button{margin-left: 20px;}

/* Home Page ================================================================ */

.space{
  width:100%;
  height:100vh;
  background: linear-gradient(0deg, rgb(32, 29, 49) 0%, rgb(8, 8, 16) 80%);
  overflow: hidden;
  position: absolute;
}

.stars{
  width: 100%;
  height: 100%;
  background-size: 60%;
}

.planet {
    width: 100%;
    padding-top: 100%;
    position: absolute;
    margin-top: -50%;
    right: -40%;
    background-size: auto 60%;
    border-radius: 100%;
    background-position: bottom left;
    transform: rotate(-5deg);
    animation-name: planetspin;
    animation-duration: 40s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.planet.clouds{
  z-index:41;
  animation-duration:25s;
}

.planet.curve{
  background-image: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,1), rgba(0,0,0,1));
  background-position: center;
  background-size: 100% 100%;
  z-index: 42;
  border: 1px solid #000;
}

@keyframes planetspin {
  from {background-position: bottom left;}
  to {background-position: bottom right;}
}

.homehero .topsec {
    position: absolute;
    margin-top: 140px;
    height: 30%;
    max-width: 100%;
    padding-top: 15%;
}

.error404 .homehero .topsec {
    position: absolute;
    margin-top: 122px;
    height: auto;
    min-height: auto;
    max-width: 100%;
    padding-top: 90px;
}

.nebula {
    background-image: url(clouds.png);
    width: 120%;
    height: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    animation-name: planetspin;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 0.5;
    animation-direction: alternate;
    background-size: 200%;
    margin-left: -10%;
    transform: rotate(15deg);
}

.solar {
  background: linear-gradient(-45deg, #bfd22e00 50%, #9cb90050 90%);
  background-size: 150% 100%;
  animation-name: solarflare;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  top: 0;
  animation-direction: alternate;
  z-index: 50;
}

@keyframes solarflare {
	0%   {opacity:0.6;}
	50%  {opacity:0.4;}
	100% {opacity:1;}
}

.horizon {
    width: 140vw;
    height: 30vw;
    background: #fafafa;
    border-radius: 500%;
    position: absolute;
    left: -20vw;
    bottom: -22vw;
}

.homehero {
    height: 100vh;
    background: darkslateblue;
    width: 100%;
}
.error404 .homehero {height: 750px;}

.homecont{
    column-count: 2;
    column-gap: 2em;
    margin: auto;
    max-width: 1000px;
}

.box {
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 20px 40px;
    box-sizing: border-box;
}

.bannerbox {
    width: 33%;
    margin-top: -40px;
    margin-bottom: -40px;
}

.bannerbox.fl{
  margin-left:100px;
  animation-name: bannerboxfl;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes bannerboxfl {
  from {margin-left: 100px;}
  to {margin-left: 0px;}
}

.bannerbox.fr{
  margin-right:100px;
  animation-name: bannerboxfr;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes bannerboxfr {
  from {margin-right: 100px;}
  to {margin-right: 0px;}
}


.topthree {margin-top: -30vh;}

.topthree .third .col{
  animation-name: threeraise;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  margin-top:100px;
}

.topthree .third .col:nth-child(3n-2){animation-delay: 0s}
.topthree .third .col{animation-delay: 0.2s}
.topthree .third .col:nth-child(3n){animation-delay: 0.4s}

@keyframes threeraise {
  from {margin-top: 100px;}
  to {margin-top: 0;}
}

.block{}

.homebanner{
  background-color:darkslateblue;
  background-size: cover;
  background-position: center;}

.featbg{
  height:250px;
  width:100%;
  border-radius: 10px;
  background-color:darkslateblue;
  background-image:url('./img/stars.jpg');
  background-size:cover;
  background-position: center;
}

.featfg {
    width: 86%;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin:-225px 7% 50px;
    z-index: 650;
}

.case {
    background-size: cover;
    background-position: center;
    margin: 5px;
    border-radius: 10px;
    height: 250px;
}

.gel {
    background: rgba(0,0,0,0.5);
    height: 100%;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.35s
}

.homecasecontainer{
background: #fff;
width: 180px;
height: 180px;
border-radius: 500px;
padding: 40px;
box-sizing: border-box;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 3px 6px rgba(0,0,0,0.15);
transition: all 0.2s;
}

.home-slider {
    width: 120%;
    margin-left: -10%;
}

h2.stat {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    margin: 0;
    transition: all 0.2s;
    opacity: 0;
    font-size: 1.2em;
}

.caselogo {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;

}

.case .gel:hover > .homecasecontainer{opacity: 0;}
.case .gel:hover > h2.stat{opacity: 1;}

.predots {margin-bottom: 60px;}

.slick-dots li button::before{
  color:#ccc;
  opacity:1;
  font-size:8px;
}
.slick-dots li.slick-active button:before{
  opacity:1;
  color:#95BA21;
}

.bloghorizon {
    height: 200px;
    background-size: 100% auto;
    width: 102%;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 500;
    margin-bottom: -195px;
    left: -1%;
    pointer-events: none;
}

.whyfg {
    width: 60%;
    height: 200px;
    position: absolute;
    bottom:1%;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

/* Default Page ============================================================= */

.greenbg.white a.button:hover {
    background: #fff;
    border-color: #fff;
    color: #94ba20;
}

.noside.cont .wp-block-image .alignright {
    float: right;
    max-width: 100%;
    margin: 1em -54% 1em 1em;
}
.noside.cont .wp-block-image .alignleft {
    float: left;
    max-width: 100%;
    margin: 1em 1em 1em -54%;
}

.callme {
    padding: 30px;
    min-width: 200px;
    float: right;
    margin: 0em 0em 1em 1em;
    background: #94ba20;
    border-radius: 10px;
    color: white;
    text-align: center;
}

.callme .button:hover{
  background-color:#fff;
  border:2px solid #fff;
  color:#94ba20;
}

.cont img {
    max-width: 100%;
    height: auto;
}

tbody {font-size: 0.9em;}
table {max-width: 100%;}
tr {border-bottom: 1px solid #eee;}
tbody tr:first-child {background: #eee;}
td {text-align: center;padding: 15px 5px;vertical-align: middle;}
tr td:first-child {font-weight: 600;background: #eee;}
tr:nth-child(even) {background-color: #fff;}

.fgservice {
    margin-top: -20px;
    margin-bottom: -20px;
    height: 300px;
    width: 40%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page-template-pt-info .predots {margin-bottom: 40px; padding: 0 0 1px;}

/* Case Studies ============================================================= */

.button:active, .button.is-checked {background-color: #94ba21;}
.button.is-checked {color: white;}
.grid:after {content: '';display: block;clear: both;}

.lowerrow .button {
    border: 0px;
    background: none;
    font-size: 0.8em;
    border-radius: 0px;
    padding:3px 0;
    margin:0 10px;
}
  .lowerrow .button:hover, .lowerrow .button:active, .lowerrow .button.is-checked{
    border-bottom: 2px solid;
    color: #94ba21;
  }

.grid{margin:0 auto;}

.grid .case{
  margin: 15px 10px;
  height: 350px;
  width: 250px;
  background-size: auto 100%;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.tophalf{
  height:150px;
  background:#fff;
  position: relative;
}
.tophalf:after {
    content: ' ';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    background: #fff;
    z-index: 1;
    transform: translate(-50%) rotate(45deg);
    transition: all 1s;
}
.grid .case:hover .tophalf:after{border-radius: 5px; transition: all 0.2s;}
.bottomhalf{
  height:200px;
  background-size:cover;
  background-position: center;
}
.bottomhalf .gel {border-radius: 0px;position: relative;}

.grid .case .bottomhalf .stat {
    width: 80%;
    margin: auto;
    font-size: 1.2em;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    max-height: 100%;
    padding: 0;
    border: 0;
}

.grid .case .gel{padding:10%;}
.grid .case .caselogo{
  width:60%;
  height:60%;
  margin:auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.2s
}
.grid .case:hover .caselogo{width:70%;height:70%;}
.grid .case .stat {
    max-height: 50%;
    padding: 20px 0;
    width: 75%;
    border-top: 1px solid;
    margin: auto;
    font-size: 1.2em;
    font-weight: 600;
}

.regplanet {
    width: 85%;
    padding-top: 85%;
    margin-top: -50%;
    margin-bottom:-5%;
    right: -40%;
    background-size: 100% auto;
    border-radius: 100%;
    background-position: center bottom;
    background-color: #94ba21;
    background-image:url('./img/stars.jpg');
    background-repeat: no-repeat;
}

.topsec {min-height:300px;max-width:100%;width:100%;margin-top:-24%;}
.topsec .col:first-child{width: 45%; float:left;}
.topsec .col:nth-child(2){width: 50%; position: absolute;right:0;}
.topsec .col img{max-width:100%;max-height:400px;}
.topsec p {font-size: 1.2em;line-height: 1.5em;}

.sidebar li {
    margin: 0;
    padding: 10px 0;
    display: block;
    color: #666;
}

.sidebar li:hover{color:#94ba21;}

.fglogo{
    height: 150px;
    width: 150px;
    margin: 0px 50px;
    padding: 50px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logocircle{
    width: 250px;
    box-sizing: border-box;
    border-radius: 500px;
    height: 250px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

/* Client Page ============================================================== */

.client {
  margin: 15px 5px;
  border-radius: 10px;
  width: 200px;
  padding-top: 200px;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.client .gel {
  padding: 30% 20%;
  position: absolute;
  top: 0;
  background:transparent;
}

/* Blog Page ================================================================ */

.pagination .page-numbers {
    background-color: transparrent;
    color: #94ba20;
    padding: 9px 15px;
    border-radius: 50px;
    font-weight: 600;
    margin: 0 5px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #94ba20;
    transition:all 0.2s;
}

.pagination .page-numbers:hover{
  background-color: #94ba20;
  color: white;
}

.pagination .page-numbers.current {
    background-color: #94ba20;
    color: white;
}

/* Post Page ================================================================ */
/* Forms ==================================================================== */

  /* - Ninja Forms ---------------------------------------------------------- */

  /* - Search Form ---------------------------------------------------------- */

  .search-form label {
  background: none;
  padding: 5px 0px;
  border-bottom: 1px solid;
  display: block;
  margin-right: 20px;
  }
  button.search-submit {color: #fff;padding: 0px;font-size: 12px;}
  input[type="search"].search-field {
      min-width: 200px;
      color: #fff;
  }
  input[type="search"].search-field::-webkit-input-placeholder {color: rgba(255,255,255,1);} input[type="search"].search-field:focus::-webkit-input-placeholder {color: rgba(255,255,255,0);}
  input[type="search"].search-field::-moz-placeholder {color: rgba(255,255,255,1);} input[type="search"].search-field:focus::-moz-placeholder {color: rgba(255,255,255,0);}
  input[type="search"].search-field:-ms-input-placeholder {color: rgba(255,255,255,1);} input[type="search"].search-field:focus:-ms-input-placeholder {color: rgba(255,255,255,0);}


/* =============================================================================
Mobile -------------------------------------------------------------------------
============================================================================= */

.shiftnav-toggle-button .fa{margin-right:0!important;}

.shiftnav-toggle-button {
    background: #94ba20!important;
    border-radius: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    padding: 10px 0!important;
    font-size: 1.5em;
    position: fixed;
    top: 20px;
    right: 5%;
    box-shadow: 0 3px 5px rgba(0,0,0,0.15);
}

#shiftnav-menu-image-shiftnav-main img {max-width: 150px;}

/* Laptop and down =============================================== */
@media screen and (max-width:1400px) {

}

/* iPad (horizontal) and down =============================================== */
@media screen and (max-width:1024px) {
  h1{font-size: 2em;}
  h2{font-size: 1.3em;}
  .topsec p {font-size: 1.1em;}
  .topsec .col img {max-height: 350px;}
  h5 {font-size: 1em;}
  .filters .button {font-size: 12px;padding: 10px 20px;}
  .grid .case .stat{font-size: 1em;}

}

/* iPad (vertical) and down ================================================= */
@media screen and (max-width:768px) {

  .deskonly   {display:none;}
  .tabletonly {display:block;}
  .mobonly    {display:none;}

  .truefifth,
  .fifth .col:nth-child(5n-4),
  .fifth .col:nth-child(5n),
  .fifth .col
  {width:100%; margin:0; float:none;}

  .grid .case{width:220px;}

  ul li, ol li, p {font-size: 0.9em;}
  .box {padding: 20px;}
  .bannerbox {width: 50%;}
  .topsec {
    position: relative;
    margin-top: -25%;
  }

  .space, .homehero{min-height:600px;}

  .box.bannerbox {padding: 20px 40px;}

  .contact .bannerbox {width: 40%;}

  .bannerbox.fl, .bannerbox.fr{animation-name: none; margin-left: 0; margin-right: 0;}

}

/* iPhone 6 (horizontal) and down =========================================== */
@media screen and (max-width:735px) {

  .truefourth,
  .fourth .col:nth-child(4n-3),
  .fourth .col:nth-child(4n),
  .fourth .col
  {width:100%; margin:0; float:none;}

  .deskonly   {display:none;}
  .tabletonly {display:none;}
  .mobonly    {display:block;}

  .inner{padding: 0 5%;}

  .cont{width:100%;}
  .sidebar{width:100%;}

  .truehalf .col,
  .half .col:nth-child(odd),
  .half .col:nth-child(even)
  {width:100%;margin:0;float:none;}

  .truethird .col,
  .third .col:nth-child(3n-2),
  .third .col:nth-child(3n),
  .third .col
  {width:100%; margin:0; float:none; margin-bottom:20px;}

  .grid .case{width:180px;}

  .planet {
    width: 120%;
    padding-top: 120%;
    position: absolute;
    margin-top: -60%;
    right: -10%;
    background-size: auto 100%;
    border-radius: 100%;
    animation-duration: 60s;
  }
  .planet.clouds {animation-duration: 50s;}
  header nav, .nav-right {display: none;}

  .homehero .topsec .col:first-child {
    width: 100%;
    padding: 0 10%;
    box-sizing: border-box;
    text-align: center;
  }
  .topsec .col:first-child {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  .topthree .box {
    width: 90%!important;
    margin: 0 auto 25px!important;
  }
  .homehero .topsec{position:relative;}

  .homecont{column-count:1;}
  .box.bannerbox {
    width: 80%;
    padding: 20px 40px;
    margin: 0 10%;
    float: none;
    text-align: center;
  }
  .homebanner{padding:20px 0;}
  .homebanner.mb100{margin-bottom:50px;}

  h2{font-size: 1.2em;}

  .callme {width: 100%;box-sizing: border-box;}

  .regplanet {
    width: 140%;
    padding-top: 120%;
    margin-top: -80%;
    margin-bottom: 0px;
    right: 20%;
  }
  .topsec {margin-top: 35px;}

  .topsec .col:nth-child(2) {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0px;
    height: 180px;
    overflow: hidden;
    margin-top: -200px;
    text-align: center;
  }

  .topsec .col img {max-height: 100%;}

  footer nav li{padding:10px 0;}

  .footcontact .col {
    width: 45%!important;
    margin: 2.5%!important;
    float: left!important;
  }

  .footcontact .col .box .half .col {
    width: 100%!important;
    margin: auto!important;
    text-align: center!important;
  }
  .footcontact .col .box .half .col a.button{width: 100%;box-sizing: border-box;}

  .logo {background-image: url(./img/logo.svg)!important;}
  .laurel {display: none;}
  .award {width: 25%;}

  .fglogo {
    height: 110px;
    width: 110px;
    padding: 30px 0;
    margin: 0 30px;
  }
  .logocircle {
    margin: auto;
    height: 170px;
    width: 170px;
  }

  .contact .box.bannerbox {
    width: 90%;
    margin: 0;
    position: absolute;
    top: 300px;
  }
  .contact .homebanner {
    height: 400px;
    margin-bottom: 250px;
    padding:0;
  }
  .pt-blog-php .col {min-height: auto!important;}
  .client {width: 150px;padding-top: 150px;}

  .fgservice {display: none;}

  .logo{height:80px; margin-bottom:40px;}

  .page-template-pt-info .half .box{margin-bottom:25px;}

  .topsec{min-height:0px;}
  .topsec p:last-child{margin-bottom:0px;}
  footer .half .box p {min-height: 126px;}

  .case-template-default .col.box{margin-bottom:25px;}
}

@media screen and (max-width:415px) {
  .grid .case {width: 150px;margin: 10px 5px;}
  .sm li{font-size: 2.5em;}
  .fixedfoot a.button {
    border: 0px;
    padding: 0px;
    margin: 0px;
  }
  .fixedfoot{text-align:left;padding:10px 80px 10px 0;}
}