@font-face {
   font-family: 'sm';
   src: url('/gallery/fonts/sm.eot');
   src: url('/gallery/fonts/sm.eot') format('embedded-opentype'), url('/gallery/fonts/sm.ttf') format('truetype'), url('/gallery/fonts/sm.woff') format('woff'), url('/gallery/fonts/sm.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
 i.icon {
   font-family: 'sm' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .section i.icon {
   font-size: 44px;
 }
 
 section i.icon {
   font-size: 44px;
 }
 
 i.icon.w:before {
   color: #fff;
 }
 
 i.icon.b:before {
   font-weight: bold;
 }
 
 .icon-building:before {
   content: "\e9bb";
   color: #0094cd;
 }
 
 .icon-employee-smile:before {
   content: "\e9bc";
   color: #0094cd;
 }
 
 .icon-fun:before {
   content: "\e9bd";
   color: #0094cd;
 }
 
 .icon-head-light:before {
   content: "\e9be";
   color: #0094cd;
 }
 
 .icon-location-building:before {
   content: "\e9bf";
   color: #0094cd;
 }
 
 .icon-work-table:before {
   content: "\e9c0";
   color: #0094cd;
 }
 
 .icon-cloud-backup:before {
   content: "\e9b7";
   color: #05a7e7;
 }
 
 .icon-managed:before {
   content: "\e9b8";
   color: #8bb94b;
 }
 
 .icon-shield-checkmark:before {
   content: "\e9b9";
   color: #f16866;
 }
 
 .icon-uplinks-orange:before {
   content: "\e9ba";
   color: #ffa252;
 }
 
 .icon-cloud-cog:before {
   content: "\e9b6";
   color: #0094cd;
 }
 
 .icon-location:before {
   content: "\e9b5";
   color: #0094cd;
 }
 
 .icon-click-cart:before {
   content: "\e9b0";
   color: #0094cd;
 }
 
 .icon-ribbon-2:before {
   content: "\e9b1";
   color: #0094cd;
 }
 
 .icon-server-check:before {
   content: "\e9b2";
   color: #0094cd;
 }
 
 .icon-shared-hosting1:before {
   content: "\e9b3";
   color: #0094cd;
 }
 
 .icon-speed:before {
   content: "\e9b4";
   color: #0094cd;
 }
 
 .icon-control-panel:before {
   content: "\e9ae";
   color: #0094cd;
 }
 
 .icon-power:before {
   content: "\e9af";
   color: #0094cd;
 }
 
 .icon-brain:before {
   content: "\e9ac";
   color: #0094cd;
 }
 
 .icon-cloud-cart:before {
   content: "\e9ad";
   color: #0094cd;
 }
 
 .icon-calendar-checked:before {
   content: "\e9a6";
   color: #0094cd;
 }
 
 .icon-hand-clock:before {
   content: "\e9a7";
   color: #0094cd;
 }
 
 .icon-manager-02:before {
   content: "\e9a8";
   color: #0094cd;
 }
 
 .icon-money-pig:before {
   content: "\e9a9";
   color: #0094cd;
 }
 
 .icon-percentage:before {
   content: "\e9aa";
   color: #0094cd;
 }
 
 .icon-server-cog:before {
   content: "\e9ab";
   color: #0094cd;
 }
 
 .icon-goblet:before {
   content: "\e99f";
   color: #0094cd;
 }
 
 .icon-briefcase:before {
   content: "\e9a0";
   color: #0094cd;
 }
 
 .icon-user-friendly:before {
   content: "\e9a1";
   color: #0094cd;
 }
 
 .icon-hat:before {
   content: "\e9a2";
   color: #0094cd;
 }
 
 .icon-database-hand:before {
   content: "\e9a3";
   color: #0094cd;
 }
 
 .icon-programming-hold-code:before {
   content: "\e9a4";
   color: #0093cc;
 }
 
 .icon-server-upload:before {
   content: "\e9a5";
   color: #0093cc;
 }
 
 .icon-alert3:before {
   content: "\e994";
   color: #f16866;
 }
 
 .icon-arrow-right_1:before {
   content: "\e995";
   color: #0093cc;
 }
 
 .icon-calendar:before {
   content: "\e996";
   color: #0094cd;
 }
 
 .icon-facebook:before {
   content: "\e997";
 }
 
 .icon-linkedin:before {
   content: "\e998";
 }
 
 .icon-nav-close:before {
   content: "\e999";
   color: #0093cc;
 }
 
 .icon-nav-hamburger:before {
   content: "\e99a";
   color: #0093cc;
 }
 
 .icon-pin_1:before {
   content: "\e99b";
   color: #0094cd;
 }
 
 .icon-reload_1:before {
   content: "\e99c";
   color: #0093cc;
 }
 
 .icon-twitter:before {
   content: "\e99d";
 }
 
 .icon-youtube:before {
   content: "\e99e";
 }
 
 .icon-create-list:before {
   content: "\e98d";
   color: #0093cc;
 }
 
 .icon-database:before {
   content: "\e98e";
   color: #0093cc;
 }
 
 .icon-file-delete:before {
   content: "\e98f";
   color: #0093cc;
 }
 
 .icon-hdd-fail:before {
   content: "\e990";
   color: #0093cc;
 }
 
 .icon-key:before {
   content: "\e991";
   color: #0093cc;
 }
 
 .icon-relax:before {
   content: "\e992";
   color: #0093cc;
 }
 
 .icon-reputation:before {
   content: "\e993";
   color: #0093cc;
 }
 
 .icon-blog:before {
   content: "\e989";
   color: #0093cc;
 }
 
 .icon-CMS:before {
   content: "\e98a";
   color: #0093cc;
 }
 
 .icon-code:before {
   content: "\e98b";
   color: #0093cc;
 }
 
 .icon-more:before {
   content: "\e98c";
   color: #0093cc;
 }
 
 .icon-archive:before {
   content: "\e97e";
   color: #0088c7;
 }
 
 .icon-arrow-left:before {
   content: "\e97f";
   color: #0088c7;
 }
 
 .icon-arrow-right:before {
   content: "\e980";
   color: #0088c7;
 }
 
 .icon-backup_1:before {
   content: "\e981";
   color: #0093cc;
 }
 
 .icon-checkmark:before {
   content: "\e982";
   color: #9ab96e;
 }
 
 .icon-cpu:before {
   content: "\e983";
   color: #0088c7;
 }
 
 .icon-file-share:before {
   content: "\e984";
   color: #0088c7;
 }
 
 .icon-router:before {
   content: "\e985";
   color: #0088c7;
 }
 
 .icon-router2:before {
   content: "\e986";
   color: #0088c7;
 }
 
 .icon-sync:before {
   content: "\e987";
   color: #0088c7;
 }
 
 .icon-x:before {
   content: "\e988";
   color: #f16866;
 }
 
 .icon-compensation:before {
   content: "\e979";
   color: #0088c7;
 }
 
 .icon-friendly:before {
   content: "\e97a";
   color: #0088c7;
 }
 
 .icon-health:before {
   content: "\e97b";
   color: #0088c7;
 }
 
 .icon-transport:before {
   content: "\e97c";
   color: #0088c7;
 }
 
 .icon-vacation:before {
   content: "\e97d";
   color: #0088c7;
 }
 
 .icon-catalogs:before {
   content: "\e978";
   color: #0088c7;
 }
 
 .icon-alert2:before {
   content: "\e900";
   color: #0088c7;
 }
 
 .icon-disable:before {
   content: "\e901";
   color: #0088c7;
 }
 
 .icon-empowered:before {
   content: "\e902";
   color: #0088c7;
 }
 
 .icon-magnifier:before {
   content: "\e903";
   color: #0088c7;
 }
 
 .icon-os-install:before {
   content: "\e904";
   color: #0088c7;
 }
 
 .icon-planning:before {
   content: "\e905";
   color: #0088c7;
 }
 
 .icon-success:before {
   content: "\e971";
   color: #8bb94b;
 }
 
 .icon-nav-arrow:before {
   content: "\e96f";
   color: #0095cd;
 }
 
 .icon-backup-colored:before {
   content: "\e970";
   color: #f16866;
 }
 
 .icon-charts:before {
   content: "\e966";
   color: #0088c7;
 }
 
 .icon-status-screen:before {
   content: "\e967";
   color: #0088c7;
 }
 
 .icon-laptop:before {
   content: "\e968";
   color: #0088c7;
 }
 
 .icon-alert:before {
   content: "\e969";
   color: #0088c7;
 }
 
 .icon-safe:before {
   content: "\e96a";
   color: #0088c7;
 }
 
 .icon-drive:before {
   content: "\e96b";
   color: #0088c7;
 }
 
 .icon-documents:before {
   content: "\e96c";
   color: #0088c7;
 }
 
 .icon-download:before {
   content: "\e96d";
   color: #0088c7;
 }
 
 .icon-time-back:before {
   content: "\e96e";
   color: #0088c7;
 }
 
 .icon-custom-cages:before {
   content: "\e960";
   color: #32cecc;
 }
 
 .icon-pay-per-unit:before {
   content: "\e963";
   color: #32cecc;
 }
 
 .icon-private-cabinets:before {
   content: "\e964";
   color: #32cecc;
 }
 
 .icon-hybrid-filled:before {
   content: "\e965";
   color: #ffa252;
 }
 
 .icon-case-studies:before {
   content: "\e961";
   color: #0088c7;
 }
 
 .icon-white-papers:before {
   content: "\e962";
   color: #0088c7;
 }
 
 .icon-arrow:before {
   content: "\e930";
 }
 
 .icon-check:before {
   content: "\e95e";
 }
 
 .icon-swipe:before {
   content: "\e95f";
 }
 
 .icon-phone:before {
   content: "\e906";
   color: #0088c7;
 }
 
 .icon-chat:before {
   content: "\e907";
   color: #0088c7;
 }
 
 .icon-cloud:before {
   content: "\e908";
   color: #0094cd;
 }
 
 .icon-ddos-1:before {
   content: "\e909";
   color: #f16866;
 }
 
 .icon-ddos-10:before {
   content: "\e90a";
   color: #f16866;
 }
 
 .icon-ddos-20:before {
   content: "\e90b";
   color: #f16866;
 }
 
 .icon-ddos-40:before {
   content: "\e90c";
   color: #f16866;
 }
 
 .icon-dedicated:before {
   content: "\e90d";
   color: #8bb94b;
 }
 
 .icon-cpu-dual:before {
   content: "\e90e";
   color: #8bb94b;
 }
 
 .icon-email:before {
   content: "\e90f";
   color: #0088c7;
 }
 
 .icon-hybrid:before {
   content: "\e910";
   color: #0088c7;
 }
 
 .icon-instant-bare-metal:before {
   content: "\e911";
   color: #8bb94b;
 }
 
 .icon-mystery:before {
   content: "\e912";
   color: #ffa252;
 }
 
 .icon-private-cloud:before {
   content: "\e913";
   color: #0088c7;
 }
 
 .icon-public-cloud:before {
   content: "\e914";
   color: #0094cd;
 }
 
 .icon-cpu-single:before {
   content: "\e915";
   color: #8bb94b;
 }
 
 .icon-ticket:before {
   content: "\e916";
   color: #0088c7;
 }
 
 .icon-about:before {
   content: "\e917";
   color: #0088c7;
 }
 
 .icon-affiliate:before {
   content: "\e918";
   color: #0088c7;
 }
 
 .icon-backup:before {
   content: "\e953";
   color: #0088c7;
 }
 
 .icon-bar-chart:before {
   content: "\e919";
   color: #0088c7;
 }
 
 .icon-big-data:before {
   content: "\e91a";
   color: #0088c7;
 }
 
 .icon-bolt:before {
   content: "\e91b";
   color: #0088c7;
 }
 
 .icon-book:before {
   content: "\e91c";
   color: #0088c7;
 }
 
 .icon-cart:before {
   content: "\e91d";
   color: #0088c7;
 }
 
 .icon-chassis:before {
   content: "\e91e";
   color: #0088c7;
 }
 
 .icon-check-circle:before {
   content: "\e91f";
   color: #0088c7;
 }
 
 .icon-clock:before {
   content: "\e920";
   color: #0095cd;
 }
 
 .icon-cloud2:before {
   content: "\e921";
   color: #0088c7;
 }
 
 .icon-coins:before {
   content: "\e922";
   color: #0088c7;
 }
 
 .icon-colocation:before {
   content: "\e923";
   color: #0088c7;
 }
 
 .icon-console-a:before {
   content: "\e924";
   color: #0088c7;
 }
 
 .icon-console-b:before {
   content: "\e925";
   color: #0088c7;
 }
 
 .icon-controls:before {
   content: "\e926";
   color: #0088c7;
 }
 
 .icon-dashboard:before {
   content: "\e927";
   color: #0088c7;
 }
 
 .icon-data-center:before {
   content: "\e928";
   color: #0088c7;
 }
 
 .icon-dedicated2:before {
   content: "\e929";
   color: #0088c7;
 }
 
 .icon-deploy:before {
   content: "\e92a";
   color: #0088c7;
 }
 
 .icon-drop-bolt:before {
   content: "\e92b";
   color: #0088c7;
 }
 
 .icon-email2:before {
   content: "\e954";
   color: #0088c7;
 }
 
 .icon-energy-efficiency:before {
   content: "\e92c";
   color: #0088c7;
 }
 
 .icon-fire-extinguisher:before {
   content: "\e92d";
   color: #0088c7;
 }
 
 .icon-firewall:before {
   content: "\e92e";
   color: #0088c7;
 }
 
 .icon-gaming:before {
   content: "\e92f";
   color: #0088c7;
 }
 
 .icon-gear:before {
   content: "\e931";
   color: #0088c7;
 }
 
 .icon-globe:before {
   content: "\e932";
   color: #0088c7;
 }
 
 .icon-headset:before {
   content: "\e933";
   color: #0088c7;
 }
 
 .icon-hearth:before {
   content: "\e934";
   color: #0088c7;
 }
 
 .icon-lan:before {
   content: "\e935";
   color: #0088c7;
 }
 
 .icon-layers:before {
   content: "\e936";
   color: #0088c7;
 }
 
 .icon-leaf:before {
   content: "\e937";
   color: #0088c7;
 }
 
 .icon-lightbulb:before {
   content: "\e938";
   color: #0088c7;
 }
 
 .icon-lightning-b:before {
   content: "\e939";
   color: #0088c7;
 }
 
 .icon-lock-a:before {
   content: "\e93a";
   color: #0088c7;
 }
 
 .icon-lock-b:before {
   content: "\e93b";
   color: #0088c7;
 }
 
 .icon-lock-c:before {
   content: "\e93c";
   color: #0088c7;
 }
 
 .icon-locked-account:before {
   content: "\e93d";
   color: #0088c7;
 }
 
 .icon-locked-app:before {
   content: "\e93e";
   color: #0088c7;
 }
 
 .icon-locked-cloud:before {
   content: "\e93f";
   color: #0088c7;
 }
 
 .icon-locked-server:before {
   content: "\e955";
   color: #0088c7;
 }
 
 .icon-management:before {
   content: "\e940";
   color: #0088c7;
 }
 
 .icon-manager:before {
   content: "\e941";
   color: #0088c7;
 }
 
 .icon-money-back:before {
   content: "\e942";
   color: #0088c7;
 }
 
 .icon-network:before {
   content: "\e943";
   color: #0088c7;
 }
 
 .icon-network-server:before {
   content: "\e944";
   color: #0088c7;
 }
 
 .icon-non-profit:before {
   content: "\e945";
   color: #0088c7;
 }
 
 .icon-piggy-bank:before {
   content: "\e946";
   color: #0088c7;
 }
 
 .icon-pin:before {
   content: "\e947";
   color: #0088c7;
 }
 
 .icon-power-switch:before {
   content: "\e948";
   color: #0088c7;
 }
 
 .icon-rapid-deployment:before {
   content: "\e949";
   color: #0088c7;
 }
 
 .icon-reload:before {
   content: "\e94a";
   color: #0088c7;
 }
 
 .icon-ribbon:before {
   content: "\e94b";
   color: #0088c7;
 }
 
 .icon-rush-delivery:before {
   content: "\e94c";
   color: #0088c7;
 }
 
 .icon-saas:before {
   content: "\e94d";
   color: #0088c7;
 }
 
 .icon-secured-data:before {
   content: "\e94e";
   color: #0088c7;
 }
 
 .icon-security-camera:before {
   content: "\e94f";
   color: #0088c7;
 }
 
 .icon-shared-hosting:before {
   content: "\e950";
   color: #0088c7;
 }
 
 .icon-shared-resources:before {
   content: "\e951";
   color: #0088c7;
 }
 
 .icon-shield:before {
   content: "\e952";
   color: #0088c7;
 }
 
 .icon-small-business:before {
   content: "\e956";
   color: #0088c7;
 }
 
 .icon-sm-logo:before {
   content: "\e957";
   color: #0088c7;
 }
 
 .icon-snowflake:before {
   content: "\e958";
   color: #0088c7;
 }
 
 .icon-status:before {
   content: "\e959";
   color: #0088c7;
 }
 
 .icon-support:before {
   content: "\e95a";
   color: #0088c7;
 }
 
 .icon-thermometer:before {
   content: "\e95b";
   color: #0088c7;
 }
 
 .icon-ticket2:before {
   content: "\e95c";
   color: #0088c7;
 }
 
 .icon-transit:before {
   content: "\e95d";
   color: #0088c7;
 }
 
 .icon-user-female:before {
   content: "\e972";
   color: #0088c7;
 }
 
 .icon-user-tracking:before {
   content: "\e973";
   color: #0088c7;
 }
 
 .icon-video:before {
   content: "\e974";
   color: #0088c7;
 }
 
 .icon-window-edit:before {
   content: "\e975";
   color: #0088c7;
 }
 
 .icon-win-linux:before {
   content: "\e976";
   color: #0088c7;
 }
 
 .icon-wordpress:before {
   content: "\e977";
   color: #0088c7;
 }
/* General */

html,
body {
  width: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

body,
body * {
  box-sizing: border-box;
}

a,
a:hover,
a:visited,
a:focus {
  transition: color .4s ease;
  text-decoration: none;
}

a {
  color: #0095CD;
}

a:hover {
  color: #05a7e7;
}

.posr {
  position: relative;
}

ul.clean {
  margin: 0;
  padding: 0;
  list-style: none;
}

.f-light {
  font-weight: 300;
}

.f-regular {
  font-weight: 400;
}

.f-bold {
  font-weight: 500;
}

.f-black {
  font-weight: 700;
}


/* Colors */

.bg-white {
  background: #fff;
}

.bg-blue {
  background: #0095cd;
}

.bg-grey {
  background-color: #f7f7f7;
}

section.b {
  border-bottom: 1px solid #ececec;
}

section.t {
  border-top: 1px solid #ececec;
}

.c-hybrid {
  color: #ffa252;
}

.bg-hybrid {
  background: #ffa252;
}

.c-cloud {
  color: #0094cd;
}

.bg-cloud {
  background: #0094cd;
}

.c-dedi {
  color: #8bb94b;
}

.bg-dedi {
  background: #8bb94b;
}

.bg-colo {
  background: #32cecc;
}

.c-colo {
  color: #32cecc;
}

.c-backup {
  color: #f16866;
}

.bg-backup {
  background: #f16866;
}

.t-black {
  color: #000000;
}

.white {
  color: #fff;
}

.t-gray {
  color: #5b5b5d;
}

.t-muted {
  color: #858585;
}

.f-small {
  font-size: 15px;
}

.f-med {
  font-size: 16px;
}

.f-big {
  font-size: 17px;
}


/* Margins */

.mb-none {
  margin-bottom: 0;
}

.mt-none {
  margin-top: 0;
}

.mg-none {
  margin: 0;
}


/* Hero */

section.hero {
  height: 440px;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  color: rgba(255, 255, 255, .8);
  margin-top: 121px;
  background-size: cover !important;
}

section.hero .wrap {
  position: relative;
  z-index: 1;
  width: 1200px;
}

section.hero .btn.cta {
  width: 200px;
  margin-top: 15px;
}

@media(max-width: 767px) {
  section.hero.centered > .wrap {
    justify-content: center;
    -webkit-justify-content: center;
  }
  section.hero > .wrap {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 0;
    position: static !important;
  }
  section.hero .wrap .desc {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 1;
  }
  section.hero .btn.cta {
    width: 100%;
    margin-bottom: 15px;
  }
  section.hero h1 {
    font-size: 24px !important;
  }
}


/* Parallax */

.parallax {
  color: #fff !important;
  position: relative;
  background: transparent;
}

.parallax:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: -101;
  background: #0B6FA1;
}


/* Parallax (Rellax) */


/* 
.rellax-wrap {
  overflow: hidden;
  color: #fff !important;
  position: relative;
  background: transparent;
}

.rellax-wrap:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: -101;
  background: #0B6FA1;
}

.rellax {
  position: absolute;
  width: 1400px;
  max-width: 1400px;
  z-index: -100;
}

@media(min-width: 1400px) {
  .rellax {
    width: 100%;
    max-width: none;
  }
} */


/* Helpers */

.flex {
  display: flex;
  display: -webkit-flex;
}

.flex .flex-g {
  flex-grow: 1;
}

.flex-bottom {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}

.flex-right {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.bot {
  margin-top: 40px;
}


/* Grid  */

.wrap {
  max-width: 1200px;
  margin: 0 auto;
}

section > .wrap {
  padding: 60px 0;
}

@media(min-width:991px) {
  section.extra-p > .wrap {
    padding: 60px;
  }
  section.super-p > .wrap {
    padding: 60px 100px;
  }
}

@media (max-width:991px) {
  section.hero > .wrap,
  section > .wrap {
    width: 100%;
    margin: 0;
  }
}

@media(max-width:767px) {
  section.hero > .wrap,
  section > .wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media(min-width:768px) and (max-width:1199px) {
  section.hero > .wrap,
  section > .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}

section .block {
  width: 95%;
  margin: 0 auto;
}

.grid.margined > .block:first-child {
  margin-left: 0;
}

.grid.margined > .block:last-child {
  margin-right: 0;
}


/* Typocgraphy */

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
}

.taj {
  text-align: justify !important;
}

.hero .h1-sub {
  margin: 0;
  font-size: 18px;
}

.bot-text,
.link {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

.bot-text {
  color: #858585;
}

.link {
  cursor: pointer;
  transition: all .4s ease !important;
}

.link i.icon {
  font-size: 10px;
  padding-left: 3px;
  position: relative;
  bottom: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #232323;
  margin-top: 0;
  font-weight: 700;
}

h1 {
  font-weight: 900;
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}

h2 {
  color: #000;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-weight: 900;
}

h2.with-sub {
  margin-bottom: 20px;
}

.h2-sub {
  line-height: 17px;
  margin: 0 0 40px;
  color: #5b5b5b;
  font-size: 17px;
}

.h2-sub.double {
  line-height: 24px;
}

.h1 {
  font-size: 32px;
}

.h2 {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 20px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

@media (max-width:767px) {
  section h2 {
    font-size: 20px !important;
  }
  section h2.h1-size {
    font-size: 24px !important;
  }
  .h2-sub {
    font-size: 15px !important;
    line-height: 15px;
  }
  .h2-sub.double {
    line-height: 20px;
  }
}

@media (max-width: 991px) {
  h2 {
    line-height: 1.2;
  }
}


/* Other */

.layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}


/* Secondary Navigation  */

section.nav {
  z-index: 999;
  background: #fff;
  border-bottom: 2px solid #eee;
}

section.nav.fixed {
  position: fixed;
  top: 121px;
  width: 100%;
}

section.nav > .wrap {
  padding: 0;
  margin-bottom: -2px;
}

section.nav .tab {
  padding: 0 15px;
  color: #7e7e7e;
  text-transform: uppercase;
  line-height: 57px;
  border-bottom: 3px solid transparent;
}

section.nav .tab:last-child {
  margin-right: 0;
}

section.nav .tab.active {
  color: #000;
  border-bottom-color: #0095cd;
}

@media (max-width:767px) {
  section.nav .tab {
    line-height: 60px;
    padding: 0 5px;
    font-size: 13px;
    white-space: nowrap;
  }
}

@media(min-width:768px) {
  section.nav.mobiled .tab {
    width: 80%;
    margin: auto;
  }
}

@media(max-width:991px) {
  section.nav .tab {
    min-width: initial;
  }
}

section.hero.fixed-nav {
  margin-bottom: 60px;
}


/* Buttons */

.btn {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border: 1px solid transparent;
  background: transparent;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 48px;
  height: 48px;
  padding: 0 15px;
  color: #333;
  transition: all .3s linear !important;
}

button.btn {
  font-weight: 700;
}

.btn.btn-small {
  height: 30px;
  line-height: 30px;
}

.btn.btn-transparent {
  border-width: 2px;
  border-color: rgba(255, 255, 255, .7);
  color: rgba(255, 255, 255, .7);
}

.btn.btn-transparent:hover {
  border-color: #fff;
  color: #fff;
}

.btn.btn-white {
  border-width: 2px;
  border-color: #fff;
  color: #fff;
}

.btn.btn-white:hover {
  background-color: #fff;
  color: #0095cd;
}

.btn.btn-info {
  background: #0095CD !important;
  color: #fff !important;
}

.btn.btn-info:hover {
  background: #05a7e7 !important;
}

.btn.btn-orange {
  color: #fff;
  background: #ef8802;
  border: 1px solid #dd6a03;
  border-radius: 3px;
}

.btn.btn-orange:hover {
  background: #fc9917;
}

.btn.btn-hybrid {
  color: #fff;
  background: #FFA252;
  border: 1px solid #D0792D;
  border-radius: 3px;
}

.btn.btn-hybrid:hover {
  background: #FF983F;
}


/* Benefits */

.benefits .block {
  width: 85%;
  margin: 0 auto !important;
}

.benefits h5 {
  margin: 15px 0;
  font-size: 17px;
  color: #000;
}

.benefits .icon {
  color: #0095cd;
}

.benefits p {
  margin: 0;
  font-size: 15px;
}


/* Check List */

ul.check-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.check-list li {
  padding-left: 30px;
  position: relative;
  padding-bottom: 15px;
  color: #5b5b5b;
}

ul.check-list li b {
  color: #000;
}

ul.check-list li:before {
  top: 6px;
  left: 0;
  position: absolute;
  font-size: 10px;
  font-family: sm;
  content: '\e95e';
}


/* Manager (Colocation) */

section.manager,
section.manager h2 {
  color: #fff;
  margin-bottom: 0;
}

section.manager .wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  max-width: 850px;
}

section.manager p {
  margin: 10px 0;
  font-size: 17px;
}

section.manager p.b {
  font-weight: 900;
}

section.manager .btn {
  margin: 10px 15px 0 0;
  width: 200px;
}

section.manager img {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media(max-width: 767px) {
  section.manager img {
    display: none;
  }
  section.manager .wrap {
    text-align: center;
  }
}


/* Included */

.included h5 {
  margin-top: 20px;
  font-weight: 900;
}


/* Description */

.description p {
  color: #5b5b5b;
}

.description a {
  font-weight: 700;
}

.description a .icon {
  font-size: 10px;
}

.description .head {
  line-height: 44px;
}

.description .head .icon {
  margin-right: 15px;
}

.description .head > * {
  vertical-align: middle;
  display: inline-block;
}

.description .head h5 {
  font-size: 17px;
  margin-bottom: 0;
  line-height: 1.2;
}


/* Reasons */

.reasons h2 {
  color: #fff;
}

.reasons .wp {
  color: #fff;
  min-height: 250px;
  position: relative;
  padding-left: 190px;
}

.reasons .wp img {
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #fff;
}

.reasons .wp .sprite {
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #fff;
  width: 172px;
  height: 240px;
  background: url(/gallery/images/sprite-cloud-reasons.jpg) no-repeat;
  background-size: 100%;
}

.reasons .wp .sprite.whitepaper {
  background-position: 0 0;
}

.reasons .wp .sprite.infographic {
  background-position: 0 100%;
}

.reasons .wp p {
  margin-top: 0;
  font-size: 18px;
  font-weight: 300;
}

.reasons .wp p.bold {
  margin-bottom: 80px;
  font-weight: 900;
}

.reasons .wp .btn {
  width: 90%;
}

@media(max-width:991px) {
  .reasons .wp img {
    width: 130px;
  }
  .reasons .wp .sprite {
    width: 130px;
    height: 180px;
  }
  .reasons .wp p:not(.bold) {
    font-size: 14px;
  }
  .reasons .wp {
    padding-left: 150px;
  }
  .reasons .wp .btn {
    width: 100%;
  }
  .reasons .wp p.bold {
    margin-bottom: 30px;
  }
}

@media(min-width: 768px) and (max-width:991px) {
  .reasons .wp {
    min-height: auto;
    padding-left: 150px;
  }
}

@media(max-width: 767px) {
  .reasons .wp {
    min-height: 180px;
  }
  .reasons .wp .btn {
    padding: 0 5px;
    font-size: 12px;
  }
  .reasons .wp.block {
    padding-left: 140px;
    width: 100%;
    margin: 0;
  }
  .reasons .wp p.bold {
    font-size: 16px;
    margin-bottom: 22px;
  }
}


/* Price */

.price {
  padding-left: 7px;
  position: relative;
}

.price:before,
.price:after {
  font-size: 70%;
}

.price:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "$";
}

.price:after {
  content: "/mo";
}


/* Boxes */

.boxes .slider {
  transition: all .4s ease;
  z-index: 2;
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  bottom: calc(100% - 4px);
}

.boxes h4,
.boxes i,
.boxes p,
.boxes ul,
.boxes .vertical-price,
.boxes .footer a,
.boxes .sub,
.boxes .icon {
  z-index: 3;
  position: relative;
}

.boxes .block {
  cursor: pointer;
  transition: color .4s ease;
  overflow: hidden;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
  padding: 0 25px;
}

.boxes .block .img {
  padding: 20px 0;
  line-height: 42px;
  font-size: 52px;
}

.boxes h4,
.boxes .sub {
  font-weight: 700;
  text-align: center;
}

.boxes h4 {
  color: #232323;
  margin-bottom: 20px;
}

.boxes .sub {
  font-size: 14px;
  text-transform: uppercase;
}

.boxes p {
  font-size: 15px;
  margin: 0 0 25px;
}

.boxes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.boxes ul li {
  line-height: 25px;
  font-size: 15px;
  color: #000;
  font-weight: 700;
}

.boxes ul li .icon {
  padding-right: 5px;
  font-size: 10px;
}

.vertical-price .muted {
  font-weight: 400;
  line-height: 15px;
}

.vertical-price .digit {
  color: #232323;
  font-weight: 900;
  font-size: 30px;
  line-height: 40px;
}

.boxes .footer {
  border-top: 1px solid #ececec;
  background: #fcfcfc;
  margin: 25px -25px 0;
  padding: 30px 25px;
}

.boxes .footer .btn {
  width: 100%;
}

@media(min-width: 768px) {
  .boxes .block.hover:hover,
  .boxes .block.hover:hover h4,
  .boxes .block.hover:hover .digit,
  .boxes .block.hover:hover p,
  .boxes .block.hover:hover i,
  .boxes .block.hover:hover ul li,
  .boxes .block.hover:hover b,
  .boxes .block.hover:hover .muted,
  .boxes .block.hover:hover .sub,
  .boxes .block.hover:hover .icon:before {
    color: #fff !important;
  }
  .boxes .block.hover:hover .slider {
    bottom: 0;
  }
  .boxes .block.hover:hover a.btn {
    background: transparent !important;
    border: 2px solid #fff;
  }
}

@media(max-width:991px) {
  .boxes .block {
    padding-top: 20px !important;
    width: 100%;
  }
  .boxes > div {
    margin-bottom: 30px;
  }
  .boxes > div:last-child {
    margin-bottom: 0;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .boxes .img {
    padding: 0 15px 0 0 !important;
    vertical-align: top;
    float: left;
  }
  .boxes .sub,
  .boxes h4 {
    vertical-align: top;
    display: inline-block;
    text-align: left !important;
  }
  .boxes .tac {
    text-align: left !important;
  }
  .boxes .block {
    width: 80%;
    margin: 0 auto !important;
  }
  .boxes .block .row {
    margin-bottom: 20px;
  }
  .boxes .footer .btn {
    width: 60%;
    margin: 0 auto;
    display: block;
  }
}

@media(max-width: 767px) {
  .boxes .img {
    padding: 0 !important;
    padding-bottom: 10px !important;
  }
  .boxes h4,
  .boxes p {
    margin-bottom: 15px !important;
  }
  .boxes p,
  .boxes ul li {
    font-size: 14px;
  }
  .boxes .block {
    padding: 0 10px;
  }
  .boxes .vertical-price {
    padding-top: 5px;
    font-size: 15px;
  }
  .boxes .vertical-price .digit {
    line-height: 35px;
  }
  .boxes .footer {
    padding: 20px 20px !important;
  }
}


/* Hero Offer */

.hero .offer {
  min-height: 144px;
  background: rgba(0, 0, 0, .7);
}

section.hero .grid.offer {
  display: grid;
  grid-template: auto / 2fr 1fr;
  align-items: center;
  align-content: center;
}

section.hero .grid.offer > div {
  padding: 0 20px;
  border: none;
}

section.hero .grid.offer > div:last-of-type {
  border-left: 1px solid rgba(255, 255, 255, .1);
  display: flex;
  flex-direction: column;
  height: 144px;
  justify-content: center;
}

.hero .offer h4 {
  color: #fff;
  margin-bottom: 10px;
}

.hero .offer > div {
  position: relative;
  padding: 0 20px;
}

.hero .offer p {
  color: rgba( 255, 255, 255, .6);
  font-size: 14px;
  margin: 0 0 20px;
}

.hero .offer.testimonial p {
  font-size: 17px;
  margin: 0 0 10px;
}

.hero .offer.testimonial img {
  max-width: 100%;
}

.hero .offer.testimonial b {
  color: rgba(255, 255, 255, .9);
  font-weight: 900;
}

.hero .offer .cost {
  display: inline-block;
  position: relative;
  margin: 0 auto 15px;
}

.hero .offer .sale {
  font-size: 13px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  color: #f16866;
  text-transform: uppercase;
}

.hero .offer .sale div {
  font-size: 13px;
  font-weight: 700;
}

.hero .offer .cost .digit {
  position: relative;
  padding: 0 34px 0 15px;
  font-size: 48px;
  font-weight: 900;
  line-height: 48px;
  color: #fff;
}

.hero .offer .cost .digit:before {
  content: "$";
  left: 0;
  position: absolute;
  font-weight: 700;
  top: -8px;
  font-size: 50%;
}

.hero .offer .cost .digit:after {
  content: "/mo";
  position: absolute;
  font-size: 18px;
  font-weight: 500;
  bottom: -10px;
  right: 0;
}

.hero .offer .cost .prev {
  position: absolute;
  font-size: 18px;
  top: 4px;
  right: 0;
  color: rgba(255, 255, 255, .5);
  text-decoration: line-through;
}

@media(max-width: 767px) {
  .hero .offer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1.4;
    padding: 20px 10px 0;
  }
  section.hero .grid.offer > div {
    padding: 0;
  }
  section.hero .grid.offer > div:last-of-type {
    height: auto;
    padding-left: 10px;
  }
  section.hero .grid.offer > a {
    grid-column: 1/-1;
    margin: 15px auto 15px;
    width: 100%;
  }
  .hero .offer h4 {
    font-size: 14px;
  }
  .hero .offer p {
    margin-bottom: 0;
    font-size: 12px;
  }
  .hero .offer.testimonial img {
    margin-bottom: 10px;
  }
}

@media(min-width:768px) {
  .hero .offer {
    border-left: 4px solid #0295CD;
    margin-top: 25px;
  }
  .hero .offer.testimonial {
    margin-top: 0;
  }
  .hero .offer .sale {
    position: absolute;
    right: -25px;
    top: -15px;
    background: #f16866;
    color: #fff;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 60px;
    height: 60px;
  }
  .hero .offer .sale div {
    font-size: 16px;
  }
  .hero .offer .cost {
    margin-bottom: 15px;
  }
}


/* Pricing Table */

.price-table {
  margin-bottom: 30px;
}

.price-table .pricings {
  display: none;
}

.price-table .pricings.active {
  display: grid;
}

.price-table .grid {
  grid-template: 50px / 2.5fr 2fr 1fr 2.5fr 1fr 1fr 2fr;
  height: 100%;
  width: 100%;
}

.price-table .grid > div {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.price-table .head {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #c8c8c8;
  border: 1px solid #5b5b5d;
  background: #5b5b5d;
}

.price-table .tab {
  color: #666;
  font-size: 14px;
  border: 1px solid #ddd;
  border-top: none;
  cursor: pointer;
  background: #fff;
}

.price-table .tab > div:first-child {
  padding-left: 40px;
  position: relative;
}

.price-table .ssd,
.price-table .hdd {
  display: none;
}

.price-table .ssd.active,
.price-table .hdd.active {
  display: block;
}

.price-table .disk-ch {
  transition: all .4s ease;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  font-size: 12px;
  letter-spacing: 1px;
  background: #ccc;
  color: #666;
  font-weight: 500;
  border-radius: 15px;
  padding: 2px 10px;
  text-transform: uppercase;
}

.price-table .disk-ch.br {
  margin-left: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.price-table .disk-ch.bl {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.price-table .disk-ch:hover {
  background: #fff;
}

.price-table .disk-ch.active {
  background: #0095cd;
  color: #fff;
}

.price-table .btn.btn-info {
  font-size: 13px;
  padding: 0 5px;
  background: #fff !important;
  border: 1px solid #0095cd;
  color: #0095cd !important;
  width: 80%;
  line-height: 28px;
  height: 30px;
}

.price-table .tab:hover .btn.btn-info,
.price-table .btn.btn-info:hover {
  background: #0095CD !important;
  color: #fff !important;
}

.price-table .swipe-hint {
  z-index: 10;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: calc(50% - 70px);
  left: calc(50% - 70px);
  text-align: center;
  line-height: 20px;
  height: 136px;
  width: 136px;
  color: #fff;
  background: rgba(0, 149, 205, .9);
  border-radius: 50%;
  box-shadow: 0 0 0 4px #8ccfe8;
  border: 4px solid #fff;
  padding-top: 20px;
}

.price-table .swipe-hint .icon {
  display: block;
  margin-bottom: 10px;
  margin-left: -10px;
  font-size: 40px;
}

.swipe-hint {
  transition: all .3s linear;
}

.swipe-hint.hint-hidden {
  opacity: 0;
}

.flag {
  z-index: 800;
  position: absolute;
  top: 15px;
  left: 0px;
  height: 20px;
  width: 46px;
}

.flag:after {
  line-height: 1;
  top: 4px;
  left: 6px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  font-size: 12px;
}

.flag.sale {
  background-color: #db4b12;
}

.flag.sale:after {
  content: "SALE!";
}

.flag.limited {
  background-color: #dbaa12;
}

.flag.deal:after {
  content: "DEAL";
}

.flag.new {
  background-color: #6ebc15;
}

.flag.new:after {
  content: "NEW!";
}

.flag.special {
  background-color: #e3b001;
}

.flag.special:after {
  content: "SPECIAL";
}

.flag.nvme {
  background: #0094cd url(/gallery/images/nvme-logo.svg) no-repeat center;
  background-size: 36px;
}

.price-table .popup:hover .popup-msg {
  display: block;
}

.price-table .popup-msg {
  position: absolute;
  top: 50px;
  left: 100px;
  text-align: left;
  z-index: 1000;
  padding: 10px 15px;
  width: 250px;
  font-size: 12px;
  line-height: 14px;
  display: none;
  background: #383838;
  color: #fafafa;
}

.price-table .popup-msg:before {
  content: "\A";
  border-style: solid;
  border-width: 0 7px 7px;
  border-color: transparent transparent #383838;
  position: absolute;
  left: 10%;
  top: -7px;
}

.p-tabs {
  grid-template: 50px / repeat(4, 200px);
  grid-gap: 12px;
}

.p-tabs li {
  transition: all .4s ease;
  cursor: pointer;
  color: #000;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 900;
  background: #e6e6e6;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-tabs li:hover {
  color: #333;
}

.p-tabs li.active {
  color: #fff;
  background: #5b5b5d;
  border-color: #5b5b5d;
}

@media(max-width:991px) {
  .p-tabs {
    grid-template: 50px / repeat(4, 1fr);
    margin-bottom: 20px !important;
  }
  .p-tabs li {
    background: transparent;
    border: 1px solid #ccc;
    color: #ccc;
  }
  .p-tabs li.active {
    background: #0095cd;
    border-color: #0095cd;
    color: #fff;
  }
  .price-table {
    display: grid;
    grid-template: auto / 80px 1fr;
    overflow: hidden;
  }
  .price-table .grid {
    grid-template: repeat(7, 50px) / 1fr;
  }
  .price-table .pricings {
    grid-template: auto / repeat(15, 170px);
    width: auto;
    overflow: auto;
  }
  .price-table .head {
    font-size: 10px;
    border: none;
  }
  .price-table .head > div {
    border-top: 1px solid #444;
  }
  .price-table .tab {
    border-left: none;
  }
  .price-table .tab > div {
    border-top: 1px solid #ddd;
  }
  .price-table .tab > div:first-child {
    padding-left: 0;
    padding-top: 20px;
  }
  .price-table .swipe-hint {
    z-index: 10;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 70px);
    text-align: center;
    line-height: 20px;
    height: 136px;
    width: 136px;
    color: #fff;
    background: rgba(0, 149, 205, .9);
    border-radius: 50%;
    box-shadow: 0 0 0 4px #8ccfe8;
    border: 4px solid #fff;
    padding-top: 20px;
  }
  .price-table .swipe-hint .icon {
    display: block;
    margin-bottom: 10px;
    margin-left: -10px;
    font-size: 40px;
  }
  .price-table .btn.btn-info {
    border: 0;
  }
  .flag {
    top: -2px;
    left: 0;
    border: 0;
    width: 100%;
    background-color: transparent !important;
  }
  .flag:after {
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .flag.new:after {
    color: #6ebc15;
  }
  .flag.sale:after {
    color: #db4b12;
  }
  .flag.special:after {
    color: #e3b001;
  }
  .price-table .hdd,
  .price-table .ssd {
    display: block;
    text-align: center;
    font-size: 12px;
  }
  .price-table .no-ssd .ssd {
    display: none;
  }
}

@media(max-width:767px) {
  .p-tabs {
    grid-template: 50px 50px / repeat(2, 1fr);
    grid-gap: 20px;
    text-align: center;
  }
  .price-table .popup-msg {
    position: absolute;
    top: 54px;
    left: 0;
    width: 169px;
  }
  .price-table .popup-msg:before {
    left: 46%;
  }
}


/* FAQ */

.faq {
  background: #fff;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
}

.faq .question {
  padding: 0 25px 0 60px;
  overflow: hidden;
  transition: max-height .6s ease-out;
  max-height: 70px;
  cursor: pointer;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
}

.faq .question.active {
  max-height: 1000px;
  transition: all 1.5s linear;
}

.faq .question:last-child {
  border-bottom: 1px solid #dcdcdc;
}

.faq .question h3 {
  font-size: 17px;
  line-height: 68px;
  position: relative;
  transition: border-color .3s linear, color .3s linear;
  color: #000;
  margin-bottom: 0;
}

.faq .question h3 span {
  position: absolute;
  left: -40px;
  top: 0;
  pointer-events: none;
  line-height: 68px;
  color: #0095cd;
  font-weight: 500;
  pointer-events: none;
  transition: all .3s ease-out;
  font-size: 32px;
}

.faq .question.active h3 span {
  transform: rotate(45deg);
}

.faq .question a,
.faq .question p {
  margin-top: 0;
  transition: opacity .3s ease-out;
  opacity: 0;
}

.faq .question.active a,
.faq .question.active p {
  opacity: 1;
}

.faq .question a:not(.trivial) {
  display: block;
  padding: 0 0 15px;
  color: #0295CD;
}

.faq .question p {
  font-size: 15px;
  padding: 0 0 15px;
  margin-bottom: 0;
}

@media(max-width:767px) {
  .faq .question {
    padding: 0 0 0 60px;
  }
  .faq .question h3 {
    line-height: 1.4;
    padding-top: 10px;
  }
  .faq .question p {
    margin-top: 10px;
    padding-right: 20px;
  }
  .faq .question.active {
    height: auto;
    overflow-y: scroll;
  }
}


/* Bottom CTA Single */

.bottom-cta.single h2 {
  display: inline-block;
  margin: 0;
  padding-right: 20px;
}

.bottom-cta.single .wrap > * {
  vertical-align: middle;
}

@media(max-width:767px) {
  .bottom-cta.single h2 {
    padding-right: 0;
    margin-bottom: 10px;
  }
}


/* Bottom CTA Dual */

.bottom-cta .link {
  margin-left: 15px;
}

@media(max-width:767px) {
  .bottom-cta .link {
    margin-left: 0;
    padding-top: 10px;
    display: block;
  }
}


/* Helpers from b */

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

.pr {
  position: relative;
}

@media (max-width:991px) {
  .visible-md {
    display: none !important;
  }
}

@media (min-width:992px) {
  .hidden-md {
    display: none !important;
  }
  .visible-sm {
    display: none !important;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width:768px) {
  .visible-xs {
    display: none !important;
  }
}

@media (max-width:767px) {
  .visible-sm {
    display: none !important;
  }
  .hidden-xs {
    display: none !important;
  }
  .xs-tac {
    text-align: center !important;
  }
}


/* POP-UP FORM */

.form-field input,
.form-field textarea {
  border: none;
  margin-bottom: 15px;
  width: 300px;
}

.form-field {
  width: 100%;
  text-align: right;
  padding-right: 200px;
  position: relative;
  padding-right: 100px;
  margin-bottom: 10px;
}

.form-field textarea {
  padding: 10px;
}

.form-field.opt:after {
  content: "optional";
  position: absolute;
  right: 210px;
  font-size: 12px;
  top: 10px;
  color: #a3a3a3;
}

.form-field.opt:after {
  right: 110px;
  top: 14px;
}

.form-field.opt input {
  padding-right: 60px !important;
}

.form-field label {
  display: inline-block;
  padding-top: 10px;
  font-weight: 700;
  vertical-align: top;
  font-size: 14px;
  text-transform: uppercase;
  color: #666;
  padding-right: 15px;
}

.request-quote-form {
  position: relative;
}


/* Status msg */

.layer.loading {
  pointer-events: none;
  opacity: 0;
  transition: opacity .5s linear;
  background: rgba(255, 255, 255, .8);
  color: #333;
}

.layer.loading.active {
  pointer-events: auto;
  opacity: 1;
}

.layer.error-msg,
.layer.success-msg {
  transition: opacity .5s linear;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  flex-direction: column;
  -webkit-flex-direction: column;
  text-align: center;
}

.layer.error-msg.active,
.layer.success-msg.active {
  opacity: 1;
  pointer-events: auto;
}

.layer.success-msg .fa,
.layer.error-msg .fa {
  font-size: 50px;
  margin-bottom: 20px;
}

.layer.success-msg .icon,
.layer.error-msg .icon {
  font-size: 46px;
  margin-bottom: 20px;
}

.layer.success-msg .fa {
  color: #85C754;
}

.layer.error-msg .fa {
  color: #d04640;
}

.layer.error-msg .h2,
.layer.error-msg p,
.layer.success-msg .h2,
.layer.success-msg p {
  margin: 0;
  color: #333;
}

.layer .h2 {
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
}

.layer.loading .fa {
  margin-right: 5px;
  color: #0095cd;
  font-size: 16px;
}

@keyframes icon-spin {
  to {
    transform: rotate(360deg)
  }
}

.layer.loading .icon {
  margin-right: 5px;
  font-size: 16px;
  animation: icon-spin 2s infinite linear;
}


/* Modal */

.modal-overflow {
  opacity: 0;
  pointer-events: none;
  z-index: 999999;
  background: rgba(0, 0, 0, .5);
  transition: opacity .5s linear;
}

.modal-overflow.active {
  opacity: 1;
  pointer-events: auto;
}

.modal-overflow,
.modal-wrapper {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
}

.modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

.modal {
  position: relative;
  width: 600px;
  padding-top: 30px;
  text-align: center;
  background: #fff;
  margin: auto;
}

.modal .h2 {
  margin-bottom: 10px;
  margin-top: 0;
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
}

.modal p {
  padding: 0 30px;
}

.modal form {
  border-top: 1px solid #ececec;
  padding: 30px 0 30px 0;
  background: #f7f7f7;
  text-align: right;
}

.modal input:not([type='submit']),
.modal textarea {
  background: #fff;
  border: 1px solid #d6d6d6 !important;
}

.modal textarea,
.modal input:not([type="checkbox"]) {
  width: 300px;
  padding: 0 15px;
}

.modal input {
  line-height: 40px;
}

.modal input[type="submit"] {
  font-weight: 700;
}

.modal .close-modal {
  z-index: 9;
  position: absolute;
  top: 10px;
  cursor: pointer;
  right: 10px;
  color: #a4a4a4;
  font-size: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  border-radius: 50%;
  transition: all .4s ease;
}

.modal .close-modal:hover {
  color: red;
}

@media(max-width:767px) {
  .form-field {
    text-align: left;
    padding-right: 0;
  }
  .form-field label {
    padding-bottom: 5px;
  }
  .form-field.opt:after {
    right: 10px;
    top: 40px;
  }
  .modal-wrapper {
    display: block;
    overflow: scroll;
  }
  .modal .form-field.opt:after {
    right: 15px;
    top: 34px;
  }
  .modal {
    width: 100%;
  }
  .modal form {
    text-align: left;
    padding: 20px 10px;
  }
  .modal input {
    width: 100%;
  }
  .modal .form-field {
    padding-right: 0;
  }
}

.show-modal {
  cursor: pointer;
}


/* Google custom search */

.gsc-modal-background-image {
  background: rgba(0, 0, 0, .5) !important;
}

.gsc-results-wrapper-overlay {
  max-width: 950px;
  left: auto !important;
  top: 49px !important;
  border: 1px solid #ececec !important;
  padding-top: 16px !important;
}

.gsc-thumbnail-inside,
.gsc-url-top,
.gsc-result-info {
  padding-left: 0 !important;
}

.gsc-orderby-container {
  padding-right: 40px !important;
}

a.gs-title,
a.gs-title b {
  color: #0095cd !important;
}

.gsc-url-top,
.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
  color: #999 !important;
}

.gsc-results-close-btn {
  top: 32px !important;
  right: 40px !important;
}

.gsc-cursor-box {
  margin: 24px 0 0 !important;
}

.gsc-cursor-page {
  display: inline-block !important;
  color: #999 !important;
  font-weight: bold;
  width: 32px;
  line-height: 32px;
  margin-right: 0 !important;
  text-align: center;
}

.gsc-cursor-page:not(.gsc-cursor-current-page):hover {
  color: #0095cd !important;
}

.gsc-cursor-current-page {
  background: #0095cd !important;
  color: #fff !important;
}

.gcsc-branding {
  margin-top: -26px;
  opacity: .4;
  pointer-events: none;
}

.gsc-thumbnail {
  display: none !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  background: none !important;
  text-indent: 0 !important;
}

.gsc-completion-container > tbody > tr:last-child {
  display: none;
}

.gsc-completion-container {
  border: none !important;
  transform: translateX(1px);
  font-family: Lato, Arial, sans-serif !important;
  padding: 8px 0;
  background: #1b1b1b !important;
  color: #ccc;
  min-width: 248px;
  font-weight: bold !important;
}

.gsc-completion-selected {
  background: #333 !important;
}

.gsc-completion-container b {
  color: #a3a3a3;
  font-weight: normal !important;
}


/* CSS Grid HTML5 */

.grid {
  display: grid;
}


/*normalize */

img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
}

body {
  line-height: 1.3;
  color: #5b5b5b;
}


/* Request Quote */

.request-quote-form .form-field input.btn {
  margin-bottom: 0;
}

.request-quote-form .form-field.check {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  grid-column-gap: 5px;
  width: 400px;
  line-height: 1.4;
  font-size: 13px;
  margin-left: 200px;
  margin-bottom: 25px;
}

.request-quote-form .form-field.check label {
  text-transform: none !important;
}

.request-quote-form .form-field input.checkbox {
  width: 20px !important;
  margin: 0;
}

.request-quote-form p.small {
  font-size: 12px;
  width: 360px;
  margin-left: 170px;
}


/* 
input[type="checkbox"] {
    height: 18px;
    width: 18px;
}

.checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #dcdcdc !important;
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.checkbox:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  left: 3px;
  color: #99a1a7;
}
 */
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */


/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

#newsletter {
  position: relative;
}

#newsletter:after {
  clear: both;
  content: " ";
  display: table;
}

@media(min-width:992px) {
  #newsletter .success-msg,
  #newsletter .error-msg {
    text-align: left;
    padding: 0 60px 0 35px;
  }
}

#newsletter .success-msg,
#newsletter .error-msg {
  color: #ececec;
  font-size: 14px;
  background: #353535;
  padding-left: 40px;
}

#newsletter p {
  margin-top: 0;
}

#newsletter .error-msg a {
  color: #0ABEFF;
}

#newsletter .error-msg p {
  color: #ececec;
}

#newsletter .error-msg:before,
#newsletter .success-msg:before {
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 30px;
}

#newsletter .success-msg:before {
  font-family: sm;
  color: #85C754;
  content: "\e971";
}

#newsletter .error-msg:before {
  font-family: sm;
  color: #d04640;
  content: "\e994";
}


/* Upfooter */

footer.withPadding {
  padding-bottom: 58px;
}

footer .upfooter {
  background: #353535;
}

footer .upfooter .wrap {
  padding: 20px 10px;
  grid: auto / 3fr 3fr 2fr 2fr;
  grid-gap: 20px;
}

footer .upfooter .h5 {
  margin-bottom: 0;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  color: #8c8c8c;
}

footer .upfooter p {
  margin-bottom: 0;
  font-size: 14px;
  color: #e4e4e4;
}

footer .upfooter input,
footer .upfooter .btn {
  margin-top: 12px;
}

footer .upfooter input {
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #ccc;
}

footer .upfooter .btn {
  height: 42px;
  line-height: 42px;
}

footer .upfooter .wrap > div {
  padding: 15px 0;
}

footer .upfooter b {
  color: #e4e4e4;
  display: block;
  margin-top: 18px;
  font-size: 24px;
}

footer .upfooter form {
  display: flex;
}

footer .upfooter .icon {
  cursor: pointer;
  font-weight: 700;
  font-size: 20px;
  color: #e4e4e4;
  margin-top: 26px;
  width: 40px;
  text-align: left;
  display: inline-block;
}

footer .upfooter .icon.small {
  font-size: 18px;
}

footer .upfooter .icon:hover {
  color: #0095cd;
}

@media (max-width:991px) {
  footer .upfooter {
    padding: 20px 40px;
    text-align: center !important;
  }
  footer .upfooter .wrap {
    grid: auto / 1fr 1fr;
    grid-gap: 0;
  }
  footer .upfooter .icon {
    text-align: center;
    margin-top: 10px;
  }
  footer .upfooter b {
    margin-top: 0;
  }
  footer .upfooter input {
    width: 70%;
  }
  footer .upfooter .btn {
    width: 30%;
  }
}

@media(max-width:767px) {
  footer .upfooter {
    padding: 0;
  }
  footer .upfooter .wrap {
    grid: auto / 1fr;
  }
  footer .upfooter .wrap > div {
    padding: 10px 0;
  }
}


/* Top footer */

footer .top-footer {
  padding: 60px 0 50px;
  border-top: 1px solid #ececec;
}

footer .top-footer .wrap {
  position: relative;
  grid: auto / 1.9fr 1.3fr 1fr 1fr 1fr;
}

footer .top-footer .footer-logo {
  width: 150px;
}

footer .top-footer .title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #000;
  font-weight: 900;
}

footer .top-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer .top-footer a,
footer .top-footer p {
  margin-bottom: 0;
  font-size: 14px;
  color: #a3a3a3;
}

footer .top-footer a:hover {
  color: #0295cd;
}

footer .top-footer ul a {
  display: block;
  transition: all .4s ease;
  line-height: 30px;
}

footer .top-footer ul a:hover {
  text-decoration: none;
  color: #0295CD;
}

@media(max-width: 991px) {
  footer .top-footer .wrap {
    grid: auto / 1.6fr 1.2fr 1fr auto 1fr;
    grid-gap: 20px;
  }
}

@media(max-width: 767px) {
  footer .top-footer .wrap {
    padding-bottom: 117px;
    grid: auto / 1fr;
    grid-gap: 0;
  }
  footer .top-footer .img-xs {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  footer .top-footer .column-xs {
    column-count: 2;
  }
  footer .top-footer ul {
    padding-bottom: 30px;
  }
  footer .top-footer .title {
    margin-bottom: 20px;
  }
}


/* Bottom footer */

footer .bottom-footer {
  background: #f8f8f8;
  padding: 20px 0 10px;
  border-top: 1px solid #ececec;
}

footer .bottom-footer .copy {
  color: #000;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: .5px;
}

footer .bottom-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer .bottom-footer ul.links > li {
  position: relative;
  padding-right: 20px;
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
}

footer .bottom-footer ul.links > li:after {
  content: "|";
  position: absolute;
  right: 5px;
}

footer .bottom-footer ul.links > li:last-child {
  padding-right: 0;
}

footer .bottom-footer ul.links > li:last-child:after {
  content: none;
}

footer .bottom-footer ul.links > li > a {
  border-bottom: 1px solid transparent;
  color: #858585;
  line-height: normal;
  padding-bottom: 4px;
}

footer .bottom-footer ul.links > li > a:hover {
  text-decoration: none;
  border-bottom-color: #0295CD;
  color: #0295CD;
}

@media(max-width: 991px) {
  footer .wrap {
    margin: 0 20px;
  }
}

@media(max-width: 767px) {
  footer .bottom-footer .copy {
    font-size: 13px;
    letter-spacing: 0;
  }
  footer .bottom-footer ul.links > li {
    padding-right: 10px;
  }
  footer .bottom-footer ul.links > li:after {
    right: 2px;
    color: #ccc;
  }
}


/* Cookie bar */

#cookie-notification {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #353535;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  color: #fff;
}

#cookie-notification.active {
  display: block;
}

#cookie-notification .wrap {
  position: relative;
}

#cookie-notification .main {
  display: inline-block;
}

#cookie-notification a:not(.btn) {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

#cookie-notification .btn.btn-white {
  height: 30px;
  line-height: 27px;
  font-size: 13px;
  margin-left: 12px;
  width: 120px;
  min-width: 94px;
}

#cookie-notification .btn.btn-white:hover {
  color: #000;
}

#cookie-notification .close {
  position: absolute;
  right: 80px;
  top: -1px;
  font-size: 40px;
  cursor: pointer;
  color: #fff;
}

@media(max-width: 1100px) {
  #cookie-notification {
    z-index: 9999999999;
  }
  #cookie-notification .close {
    right: 20px;
  }
}

@media(max-width: 767px) {
  #cookie-notification {
    height: 60px;
    line-height: normal;
  }
  #cookie-notification .wrap {
    display: flex;
    align-items: center;
    height: 100%;
    /* width: 100%; */
    /* padding-right: 90px; */
    margin: 0 10px;
  }
  #cookie-notification .close {
    right: 40px;
    top: 4px;
  }
}

@media(max-width: 450px) {
  #cookie-notification .main {
    font-size: 12px;
  }
}
header #bottom-header {
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 9997;
  height: 71px;
  line-height: 70px;
  color: #ccc;
  background: #fff;
  border-bottom: 1px solid #ececec;
}

header #bottom-header .wrap {
  display: grid;
  grid: auto / auto 1fr;
}

header #bottom-header .wrap .navigation {
  display: grid;
  grid: auto / auto auto;
  justify-content: space-between;
}

header #bottom-header .wrap .navigation .nav:first-child {
  display: grid;
  grid: auto / repeat(5, auto);
}

header #bottom-header .dd-list .icon:before {
  color: #ccc;
}

header #bottom-header .brand {
  height: 68px;
}

header #bottom-header .brand a {
  padding: 0 20px 0 0;
}

header #bottom-header .brand img {
  margin-top: -10px;
  width: 271px;
}

header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.nav > li > .name,
header .top-header .right > li > .name {
  text-transform: uppercase;
  padding: 0 26px;
  padding-bottom: 10px;
  line-height: 55px;
  font-size: 13px;
  font-weight: 700;
  display: block;
  transition: color .1s ease-out;
  text-decoration: none;
  white-space: nowrap;
  color: #5b5b5b;
}

ul.nav {
  line-height: 70px;
}

ul.nav > li:not(.join) {
  margin-top: 6px;
  line-height: 65px;
  vertical-align: bottom;
  height: 65px;
}

ul.nav > li > .name,
header .top-header .right > li > .name {
  position: relative;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

ul.nav > li.dropdown > .name,
header .top-header .right > li.dropdown > .name {
  z-index: 999;
  overflow: hidden;
}

ul.nav > li.dropdown:hover > .name,
header .top-header .right > li.dropdown:hover > .name {
  color: #fff;
}

ul.nav > li.dropdown:hover > .name:after,
header .top-header .right > li.dropdown:hover > .name:after {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  top: 5px;
  content: "";
  background: #1b1b1b;
  box-shadow: 0 0 10px #444;
  z-index: -1;
}

ul.nav > li.dropdown,
header .top-header .right > li.dropdown {
  position: relative;
}

ul.nav > li.dropdown > .name > i.icon {
  display: inline-block;
  font-size: 10px;
  color: #0095CD;
}

ul.nav > li.dropdown:hover > .name > i.icon {
  color: #fff;
}


/* Fixing media dropdown */

@media(min-width: 1200px) {
  ul.nav > li.dropdown:hover .dd-list,
  header .top-header .right > li.dropdown:hover .dd-list {
    display: block;
  }
  ul.nav .dd-list,
  header .top-header .right .dd-list {
    display: none;
  }
}


/* End fixing */

ul.nav .dd-list,
header .top-header .right .dd-list {
  box-shadow: -1px 0 10px #000;
  white-space: nowrap;
  width: auto;
  position: absolute;
  top: 100%;
  z-index: 1;
  left: 5px;
  background: #1b1b1b;
}

ul.nav .dd-list .dd-links,
header .top-header .right .dd-list .dd-links {
  vertical-align: top;
  display: inline-block;
  padding: 20px 30px 10px 20px;
}

ul.nav .dd-list .dd-links a,
header .top-header .right .dd-list .dd-links a {
  font-size: 15px;
  font-weight: 400;
  width: auto;
  display: block;
  line-height: 35px;
  margin: 5px 0;
  color: #fff;
}

ul.nav .dd-list .dd-links a:hover,
header .top-header .right .dd-list .dd-links a:hover {
  color: #0095CD;
}

ul.nav .dd-list .dd-footer {
  background: #000;
  padding: 0 20px;
}

ul.nav .dd-list .dd-footer .bot-text {
  font-weight: 700;
  font-size: 13px;
  margin-right: 15px;
}

ul.nav .dd-list .dd-links a i {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  text-align: center;
  color: #858585;
}

ul.nav .dd-list .dd-links a i.icon-cloud,
ul.nav .dd-list .dd-links a i.icon-mail {
  font-size: 18px;
}

ul.nav .dd-list .dd-links .title {
  line-height: 20px;
  margin-bottom: 20px;
  padding-left: 52px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #858585;
}

ul.nav .dd-list .dd-links .title.st {
  margin-top: 12px;
  margin-bottom: 13px;
}

ul.nav > li > .name.active,
ul.nav .dd-list .dd-links a.active {
  color: #0095cd;
}

li.dropdown.solutions .dd-list .dd-links {
  padding-bottom: 20px !important;
}

#toggleNav {
  line-height: 70px;
  color: #0095cd;
  font-size: 30px;
}

#toggleNav.icon-nav-close {
  font-size: 24px;
}

header #bottom-header .wrap .navigation .login {
  display: none;
}

@media(max-width: 1199px) {
  header #bottom-header .wrap {
    justify-items: end;
  }
  header #bottom-header .wrap .navigation .nav:first-child {
    display: block;
  }
  header #bottom-header .wrap .navigation {
    background: #1b1b1b;
    display: block;
    position: absolute;
    top: 70px;
    left: 0;
    transition: all .3s ease;
    overflow: auto;
    width: 100%;
    opacity: 0;
    pointer-events: none;
  }
  header #bottom-header .wrap .navigation.active {
    opacity: 1;
    pointer-events: auto;
  }
  header #bottom-header .wrap .navigation.open {
    height: auto;
  }
  ul.nav > li {
    margin-top: 0 !important;
    height: auto !important;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }
  header #bottom-header .wrap .navigation .login {
    display: block;
  }
  .login .name span {
    color: #fff;
    border: none;
    padding: 0;
    margin: 0;
  }
  ul.nav > li > div.name {
    pointer-events: none;
    display: flex;
    justify-content: space-between;
  }
  ul.nav > li > .name,
  ul.nav > li > a {
    padding: 0 20px;
    line-height: 64px;
    width: 100%;
    color: #fff;
    height: 64px;
  }
  ul.nav > li .name > .icon {
    line-height: 64px;
  }
  li.dropdown {
    transition: background .4s linear;
  }
  li.dropdown.active {
    background: #000;
  }
  li.dropdown:hover > .name:after {
    content: none !important;
  }
  /* ul.nav > li.dropdown:hover > .dd-list {
    display: none;
  } */
  li.dropdown .dd-list {
    max-height: 0;
    border-top: none;
    background: transparent;
    box-shadow: none;
    width: 100%;
    position: static;
    overflow: hidden;
    transition: all .3s ease;
  }
  li.dropdown .dd-list.active {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    max-height: 250px;
  }
  li.dropdown.solutions .dd-list.active {
    max-height: 229px;
  }
  li.dropdown.company .dd-list.active {
    max-height: 309px;
  }
  li.dropdown.support .dd-list.active {
    max-height: 155px;
  }
  li.dropdown.login .dd-list.active {
    max-height: 129px;
  }
  li.dropdown .dd-list .dd-links .title {
    text-align: left;
    padding-left: 54px;
  }
  li.dropdown .dd-list .dd-links {
    padding-left: 30px;
    padding-top: 0;
  }
  header #bottom-header {
    padding: 0 20px;
  }
}

@media(min-width: 1200px) {
  #toggleNav {
    display: none;
  }
  .hidden-number {
    display: none;
  }
}

@media(max-width: 1199px) {
  .visible-number {
    display: none;
  }
}

@media(max-width: 767px) {
  header #bottom-header {
    padding: 0 10px;
  }
  .navigation {
    max-height: 500px;
    overflow: scroll;
  }
  .dd-links {
    display: block !important;
  }
  .brand {
    width: 240px;
  }
  .brand img {
    width: 240px !important;
  }
  li.dropdown .dd-list.active {
    max-height: 460px;
  }
  li.dropdown.company .dd-list.active {
    max-height: 599px;
  }
  li.dropdown.support .dd-list.active {
    max-height: 220px;
  }
  li.dropdown.solutions .dd-list.active {
    max-height: 430px;
  }
}

header #bottom-header .join a {
  line-height: 35px;
  height: 35px;
  border: none;
  padding: 0 15px;
/*   width: 150px; */
  margin-top: 12px;
  font-weight: 700;
}

@media(max-width: 1199px) {
  header #bottom-header .join {
    text-align: center;
    height: 70px !important;
    line-height: 68px;
  }
}


/* Top Header */

header .top-header {
  height: 50px;
  border-bottom: 1px solid #e7e7e7;
  background: #f6f6f6;
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
}

header .top-header .wrap {
  grid: auto / auto auto;
  justify-content: space-between;
}

header .top-header .left > li:first-child {
  padding-left: 0;
}

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

header .top-header li {
  display: inline-block;
  line-height: 50px;
  font-size: 12px;
  padding: 0 15px;
}

header .top-header .text {
  color: #858585;
  cursor: pointer;
}

header .top-header .chat a {
  text-transform: uppercase;
}

header .top-header .right a {
  color: #858585;
}

header .top-header .right a:hover {
  color: #05a7e7;
}

@media(max-width:1199px) {
  header .top-header {
    padding: 0 20px;
  }
  header .top-header .chat.hid,
  header .top-header .right li,
  header .top-header form {
    display: none;
  }
  header .top-header .chat.vis {
    display: inline-block;
    padding-right: 0;
  }
}

@media(min-width:1199px) {
  header .top-header .chat.vis {
    display: none;
  }
  header .top-header .chat.hid {
    display: inline-block;
  }
}


/* Dropdown Login */

header .top-header .right .name {
  padding: 0 30px;
  padding-bottom: 0 !important;
}

header .top-header .right > li {
  margin-top: 5px;
  line-height: 40px;
  vertical-align: top;
  height: 45px;
}

header .top-header .right > li.dropdown:hover > .name:after {
  left: 6px;
}

header .top-header .login {
  margin-top: 0 !important;
  line-height: 50px !important;
  padding: 0;
}

@media(min-width:1200px) {
  header .top-header .login {
    margin-right: -30px;
  }
}

header .top-header .login:hover > .name span {
  border-color: transparent;
  color: #fff;
}

header .top-header .login > .name span {
  padding: 5px 15px;
  color: #0095cd;
  font-weight: 700;
  border: 2px solid #00A5E0;
}

header .top-header .right .dd-list {
  top: calc(100% + 6px);
}

header .top-header .right .login .dd-list {
  left: auto;
  right: 6px;
}


/* Google custom search */

iframe#master-1,
iframe#master-2,
iframe#master-3,
iframe#master-4 {
  display: none !important;
}

.top-header li {
  vertical-align: middle;
}

.gsc-control-cse {
  padding: 0px !important;
  width: 250px !important;
  height: 32px !important;
  line-height: initial !important;
  border-color: #ececec !important;
}

.gsc-input-box {
  background: none !important;
  border: none !important;
  height: auto !important;
}

form.gsc-search-box,
table.gsc-search-box {
  padding-left: 0;
  margin-bottom: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-input,
.gsib_a,
.gsc-control-cse table,
.gsc-control-cse table td {
  padding: 0;
}

input.gsc-input {
  border: 0px solid #d9d9d9 !important;
}

.gsc-search-button input {
  display: none;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  line-height: 16px !important;
  padding-top: 4px;
  padding-right: 5px !important;
}

input.gsc-input {
  padding-left: 10px !important;
}

.gsc-control-cse div {
  outline: 0;
  box-shadow: none;
}

.gssb_e {
  box-shadow: none !important;
}

.gssb_a {
  cursor: pointer;
  height: 26px !important;
  padding-bottom: 3px !important;
}

.gsc-control-cse table .gstl_50 {
  margin-top: 4px;
}

.gsc-control-cse table .gstl_50 .gsib_a {
  vertical-align: top;
}

.gsc-control-cse table .gstl_50 .gsib_a input::-webkit-input-placeholder {
  font-size: 13px;
  color: #bbb;
}

.top-header form:before {
  top: 8px;
  left: 10px;
}

.gsst_a {
  padding-top: 1.5px !important;
}

.gssb_c {
  z-index: 9999 !important;
}

.gsc-search-button-v2 {
  background: #0095cd !important;
  border: none !important;
  height: 30px !important;
  transition: all .3s linear !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  padding: 6px 16px !important;
  border-radius: 0 !important;
}

.gsc-search-button-v2:hover {
  background: #05a7e7 !important;
}

.gsc-search-button-v2 svg {
  transform: scale(1.2);
}

.gsc-control-cse table .gstl_50 {
  width: calc(100% - 45px) !important;
}

td.gsc-search-button {
  position: relative !important;
}

@media(max-width:1199px) {
  .gsc-control-cse {
    display: none;
  }
}

/* Temporal */
.solutions-link {
  padding-left: 50px;
}
.solutions-shift-bottom {
  margin-top: 40px;
}