/* ----------------------
Project: KeepItSafe 2016 US Redesign
Version: 2.0
Designer: 
Developer: Cliff Wong
Updated: 09/26/16
------------------------ */
/***
 *    ██████╗  ██████╗     ███╗   ██╗ ██████╗ ████████╗    ███████╗██████╗ ██╗████████╗     ██████╗███████╗███████╗
 *    ██╔══██╗██╔═══██╗    ████╗  ██║██╔═══██╗╚══██╔══╝    ██╔════╝██╔══██╗██║╚══██╔══╝    ██╔════╝██╔════╝██╔════╝
 *    ██║  ██║██║   ██║    ██╔██╗ ██║██║   ██║   ██║       █████╗  ██║  ██║██║   ██║       ██║     ███████╗███████╗
 *    ██║  ██║██║   ██║    ██║╚██╗██║██║   ██║   ██║       ██╔══╝  ██║  ██║██║   ██║       ██║     ╚════██║╚════██║
 *    ██████╔╝╚██████╔╝    ██║ ╚████║╚██████╔╝   ██║       ███████╗██████╔╝██║   ██║       ╚██████╗███████║███████║
 *    ╚═════╝  ╚═════╝     ╚═╝  ╚═══╝ ╚═════╝    ╚═╝       ╚══════╝╚═════╝ ╚═╝   ╚═╝        ╚═════╝╚══════╝╚══════╝
 *                                                                                                                 
 *    ██╗   ██╗███████╗███████╗    ██╗     ███████╗███████╗███████╗     ██████╗ ███╗   ██╗██╗  ██╗   ██╗           
 *    ██║   ██║██╔════╝██╔════╝    ██║     ██╔════╝██╔════╝██╔════╝    ██╔═══██╗████╗  ██║██║  ╚██╗ ██╔╝           
 *    ██║   ██║███████╗█████╗      ██║     █████╗  ███████╗███████╗    ██║   ██║██╔██╗ ██║██║   ╚████╔╝            
 *    ██║   ██║╚════██║██╔══╝      ██║     ██╔══╝  ╚════██║╚════██║    ██║   ██║██║╚██╗██║██║    ╚██╔╝             
 *    ╚██████╔╝███████║███████╗    ███████╗███████╗███████║███████║    ╚██████╔╝██║ ╚████║███████╗██║              
 *     ╚═════╝ ╚══════╝╚══════╝    ╚══════╝╚══════╝╚══════╝╚══════╝     ╚═════╝ ╚═╝  ╚═══╝╚══════╝╚═╝              
 *                      

THIS IS SERIOUS - editing just the .css file will result in loss of all work. 



 */
/*********************************************************************************************
Global/helper styles
**********************************************************************************************/
:root {
  font-size: 16px;
  font-family: 'Lato', sans-serif;
}
html,
body {
  background: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}
/*5 Column Layout*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-15 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/*Typography*/
h1,
h2,
h3,
h4,
h5 p {
  font-family: 'Lato', sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
  color: #333333;
}
h1,
.h1 {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}
h2,
.h2 {
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
h2.subheadline,
.h2.subheadline {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 0;
  font-weight: 400;
}
h3,
.h3 {
  font-size: 24px;
  font-size: 1.5rem;
}
h4,
.h4 {
  font-size: 20px;
  font-size: 1.25rem;
}
h5,
.h5 {
  font-size: 18px;
  font-size: 1.125rem;
}
p {
  font-size: 16px;
  font-size: 1rem;
  color: #666666;
}
.disclaimer {
  font-size: 14px;
  font-size: 0.875rem;
}
.font-light {
  font-weight: 300;
}
.font-bold {
  font-weight: 700;
}
.lead {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
  font-weight: 600;
}
.bangers-font {
  font-family: 'Bangers', cursive;
}
/*Colors*/
.white {
  color: #ffffff;
}
.black {
  color: #000000;
}
.lt-grey {
  color: #666666;
}
.orange {
  color: #F59428;
}
.dk-grey {
  color: #333333;
}
/*Helper classes*/
.nopad {
  padding: 0;
}
.nomargin {
  margin: 0;
}
.text-shadow {
  text-shadow: 1px 1px 1px #666;
}
.clear {
  clear: both;
  margin-top: 30px;
  margin-bottom: 30px;
}
/*Resposnive Text align-center*/
@media only screen and (max-width: 767px) {
  .col-xs-center {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-sm-center {
    text-align: center;
  }
}
.row.row-spacing {
  margin-bottom: 40px;
}
#connect-form {
  color: #F59428;
}
a {
  color: #F59428;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
  color: #F59428;
}
a.cta {
  background: #F59428;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  padding: .5em 2em;
  -webkit-border-radius: 0.283em;
  border-radius: 0.283em;
  background-clip: padding-box;
  white-space: initial;
}
a.cta:hover,
a.cta:focus,
a.cta:active {
  background: #f7ac59;
  color: #ffffff;
}
a.cta.white-cta {
  background: #ffffff;
  color: #333333;
  font-weight: 300;
  border: 1px solid #c0c0c0;
  padding: .25em 2em;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}
a.cta.white-cta:hover,
a.cta.white-cta:focus,
a.cta.white-cta:active {
  background: #F59428;
  color: white;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
a.blk-link {
  color: #000000;
}
a.blk-link:hover,
a.blk-link:focus,
a.blk-link:active {
  color: #F59428;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
  text-decoration: none;
}
button.cta {
  background: #F59428;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  padding: .5em 2em;
  -webkit-border-radius: 0.283em;
  border-radius: 0.283em;
  background-clip: padding-box;
  white-space: initial;
}
.btn.btn-primary {
  background: #F59428;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  padding: .5em 2em;
  -webkit-border-radius: 0.283em;
  border-radius: 0.283em;
  background-clip: padding-box;
  white-space: initial;
  border: none;
}
.btn.btn-primary:hover {
  color: #333!important;
  text-decoration: none;
}
.btn.btn-primary:focus {
  background: #F59428;
  color: #333!important;
}
.media .media-title {
  margin-top: 0;
}
.right-rail {
  border-right: 1px solid #c2c2c2;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .right-rail {
    border-right: none;
  }
}
.right-rail .row {
  padding-right: 15px;
}
.flip {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
/*********************************************************************************************
Components
	Backgrounds
	Banner Callout
	Blockquote
	Country selector
	faq-accordion
	footer
	Header
	Panel Styles
		clear panel
	Pano
	Signup form
	Sticky sidebar
	Title Line
	Video-container
	IE fixes
**********************************************************************************************/
/* ---------------------------- 
Backgrounds
------------------------------- */
.white-bg {
  background: #ffffff;
  padding: 30px 0;
}
.white-bg.bordered {
  border-top: 1px solid #edebeb;
  border-bottom: 1px solid #edebeb;
}
.gradient-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  padding: 30px 0;
}
.beige-bg {
  background: #F5F5ED;
  padding: 30px;
}
/* ---------------------------- 
Banner callout
------------------------------- */
.banner-callout {
  background: url("/images/default-source/bg/bg-tile.jpg") repeat;
  -webkit-box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.2);
}
.banner-callout .banner-content {
  padding: 40px 0;
}
/* ---------------------------- 
Blockquote
------------------------------- */
blockquote {
  border-left: none;
  padding: 0;
}
/* ---------------------------- 
Country Selctor
------------------------------- */
.country-selector button {
  background: #5b5958;
  color: #b0b0b0;
  border: none;
}
.country-selector .current-country {
  width: 25px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
}
.country-selector .current-country.us {
  background: url("/images/default-source/icons/flag-usa.gif") center left no-repeat;
}
.country-selector .current-country.ie {
  background: url("/images/default-source/icons/flag-ireland.png") center left no-repeat;
}
.country-selector .current-country.uk {
  background: url("/images/default-source/icons/flag-uk.png") center left no-repeat;
}
.country-selector .current-country.ca {
  background: url("/images/default-source/icons/flag-ca.gif") center left no-repeat;
}
.country-selector .current-country.nl {
  background: url("/images/default-source/icons/flag-nl.gif") center left no-repeat;
}
.country-selector .current-country.nz {
  background: url("/images/default-source/icons/flag-nz.gif") center left no-repeat;
}
.country-selector .current-country.is {
  background: url("/images/default-source/icons/flag-iceland.gif") center left no-repeat;
}
.country-selector .current-country.au {
  background: url("/images/default-source/icons/flag-au.gif") center left no-repeat;
}
.country-selector .current-country.no {
  background: url("/images/default-source/icons/flag-norway.png") center left no-repeat;
}
.country-selector .current-country.se {
  background: url("/images/default-source/icons/flag-sweden.png") center left no-repeat;
}
.country-selector .current-country.dk {
  background: url("/images/default-source/icons/flag-denmark.png") center left no-repeat;
}
.country-selector .dropdown-menu {
  background: #444241;
}
.country-selector .dropdown-menu a {
  padding: 10px 10px 10px 25px;
  color: #ffffff;
}
.country-selector .dropdown-menu a:hover,
.country-selector .dropdown-menu a:focus,
.country-selector .dropdown-menu a:active {
  color: #ffffff;
}
.country-selector .dropdown-menu li:hover,
.country-selector .dropdown-menu li:focus,
.country-selector .dropdown-menu li:active {
  background: #333333;
}
.country-selector .dropdown-menu li.ie > a {
  background: url("/images/default-source/icons/flag-ireland.png") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.uk > a {
  background: url("/images/default-source/icons/flag-uk.png") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.us > a {
  background: url("/images/default-source/icons/flag-usa.gif") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.ca > a {
  background: url("/images/default-source/icons/flag-ca.gif") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.nl > a {
  background: url("/images/default-source/icons/flag-nl.gif") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.nz > a {
  background: url("/images/default-source/icons/flag-nz.gif") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.is > a {
  background: url("/images/default-source/icons/flag-iceland.gif") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.au > a {
  background: url("/images/default-source/icons/flag-au.gif") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.no > a {
  background: url("/images/default-source/icons/flag-norway.png") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.se > a {
  background: url("/images/default-source/icons/flag-sweden.png") center left 5px no-repeat;
}
.country-selector .dropdown-menu li.dk > a {
  background: url("/images/default-source/icons/flag-denmark.png") center left 5px no-repeat;
}
/* ---------------------------- 
FAQs
------------------------------- */
.faq-accordion .panel-collapse {
  padding-left: 20px;
}
.faq-accordion h4 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
/* ---------------------------- 
footer
------------------------------- */
.footer {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  padding: 30px 0;
  border-top: 1px solid #edebeb;
}
.footer-links a {
  color: #333333;
  font-size: 14px;
  font-size: 0.875rem;
}
.footer-links a:hover,
.footer-links a:focus,
.footer-links a:active {
  color: #666666;
  text-decoration: none;
}
.legal {
  color: #b4b0b1;
}
/* ---------------------------- 
Header
------------------------------- */
.header {
  /*background: @dk-grey;*/
  color: #c0c0c0;
}
.header .fa-navicon {
  margin-left: 5px;
}
.header .navbar-default {
  border: none;
  background: #333333;
  margin-bottom: 0;
}
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus,
.header .navbar-default .navbar-toggle:active {
  background: #4d4d4d;
}
.header .navbar-brand {
  height: auto;
  padding: 0;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .header .navbar-brand {
    padding: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header .navbar-brand {
    padding: 10px;
    margin-left: 0 !important;
  }
}
.header .main-nav .active a {
  background: #2c2c2c;
  border-left: 4px solid #F59428;
  color: #c0c0c0;
}
.header .main-nav .active a:hover,
.header .main-nav .active a:focus,
.header .main-nav .active a:active {
  background: #F59428;
  border-bottom: 4px solid #F59428;
  color: #c0c0c0;
}
@media only screen and (min-width: 768px) {
  .header .main-nav .active a {
    border-bottom: 4px solid #F59428;
    border-left: none;
  }
}
.header .main-nav li > a {
  color: #c0c0c0;
  background: #2c2c2c;
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #1c1c1c;
  border-bottom: 4px solid #2c2c2c;
}
.header .main-nav li > a:hover,
.header .main-nav li > a:focus,
.header .main-nav li > a:active {
  color: #f3f3f3;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .header .main-nav li > a {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.header .main-nav li > a:hover,
.header .main-nav li > a:focus,
.header .main-nav li > a:active {
  background: #F59428;
}
@media only screen and (min-width: 768px) {
  .header .main-nav li > a:hover,
  .header .main-nav li > a:focus,
  .header .main-nav li > a:active {
    border-bottom: 4px solid #F59428;
  }
}
@media only screen and (max-width: 767px) {
  .header .main-nav li > a:hover,
  .header .main-nav li > a:focus,
  .header .main-nav li > a:active {
    border-left: 4px solid #F59428;
  }
}
.header .main-nav li > a:hover {
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
@media only screen and (max-width: 767px) {
  .header .main-nav li > a {
    border-left: 4px solid #2c2c2c;
  }
}
.top-nav {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.remote-support #connect-form {
  cursor: pointer;
}
.remote-support .dropdown-menu {
  background: #5b5958;
  padding: 15px;
  width: 300px;
}
.remote-support .dropdown-menu .cta {
  font-size: 14px;
  font-size: 0.875rem;
  padding: .5em;
}
.remote-support .dropdown-menu input[type=text] {
  width: 75px;
  margin-left: 5px;
}
/* ---------------------------- 
Panel Styles
------------------------------- */
/*clear panel*/
.clear-panel {
  border: none;
  box-shadow: none;
}
.clear-panel .panel-heading,
.clear-panel .panel-body,
.clear-panel .panel-footer {
  padding: 0;
}
.clear-panel .panel-footer {
  background: none;
  border: none;
}
/* ---------------------------- 
Pano Styles
------------------------------- */
.pano {
  height: 283px;
  position: relative;
  background: url("/images/default-source/bg/bg-sketch_band_283.jpg") repeat-x;
  background-position: top center;
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pano {
    height: auto;
  }
}
.pano .pano-left {
  position: absolute;
  left: 0;
  background: url("/images/default-source/pano/pano-left-lines.jpg") no-repeat;
  height: 340px;
  width: 352px;
  z-index: 0;
}
.pano .pano-right {
  position: absolute;
  right: 0;
  background: url("/images/default-source/pano/pano-right-server.jpg") no-repeat;
  height: 278px;
  width: 544px;
  z-index: 0;
}
.pano .pano-img {
  position: absolute;
  right: 0;
  display: block;
  overflow: hidden;
  /*z-index: -1;*/
  bottom: 0px;
  max-height: 100%;
}
.pano .pano-content {
  padding: 30px 0;
}
.pano .pano-img-outer {
  margin: auto;
  display: block;
  position: relative;
  z-index: 10;
  height: 278px;
}
.pano h1 {
  font-size: 55px;
  font-size: 3.4375rem;
  margin-top: 0;
}
/* ---------------------------- 
Signup Form
------------------------------- */
.signup-form .panel-heading {
  background: none;
  border: none;
}
/* ---------------------------- 
Sticky Sidebar
------------------------------- */
.sticky-sidebar.affix {
  top: 30px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-sidebar.affix {
    position: inherit;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky-sidebar.affix {
    width: 291px;
  }
}
@media only screen and (min-width: 1200px)and (max-width: 1280px), only screen and (min-width: 1280px), only screen and (min-width: 1440px) {
  .sticky-sidebar.affix {
    width: 360px;
  }
}
.sticky-sidebar .cta {
  width: 100%;
}
/* ---------------------------- 
Title Line
------------------------------- */
.title-line {
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 35px;
}
.title-line h2 {
  position: relative;
  bottom: -15px;
  background: #fff;
  padding-right: 10px;
  margin: 0;
  display: inline-block;
}
/* ---------------------------- 
Video- responsive
------------------------------- */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* --------------------------------------------------------------------------
 IE fixes
 --------------------------------------------------------------------------- */
.resource.resource_awards {
  width: 100%;
}
/*********************************************************************************************
Page/Location Specific Styles
	Homepage
	Blog & Events page
	Blog template
	Case studies template
	Cloud vs tape page
	Contact us
	Disaster Recovery page
	Healthcare
	Managed and Monitored page
	Maximum security page
	Mobile
	Online Backup
	Partner Program Page
	Quote 
	Single Page (generic page)
	SMB page
	Success Stories
	Solutions
	Support
	Why KeepitSafe
	
**********************************************************************************************/
/* ----------------------------
Homepage
----------------------------  */
.homepage .pano {
  /*background-color: #F5F5ED*/
  background: url("/images/default-source/bg/bg-sketch_band_664-v2.jpg") repeat-x;
  background-position: center;
  height: auto;
}
.homepage .our-solutions h3 {
  font-size: 22px;
  font-size: 1.375rem;
  margin: 15px 0;
}
.homepage .clear-panel img {
  margin-right: 10px;
}
.homepage blockquote {
  border: none;
  margin-bottom: 0;
}
.homepage .partner-divider {
  background: url("/images/default-source/bg/bg-sketch_band_664.jpg") repeat-x;
  background-position: top center;
  padding: 30px 0;
}
.homepage .blog-roll li {
  margin-bottom: 20px;
}
/* ----------------------------
About page
----------------------------  */
.about-pg .pano {
  height: auto;
}
.about-pg .emily-overlap {
  margin-top: -80px;
}
.about-pg .pano-banner {
  background: url("/images/default-source/bg/bg-tile.jpg");
  background-position: top center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 2px 3px 34px -1px rgba(0, 0, 0, 0.21);
  box-shadow: 2px 3px 34px -1px rgba(0, 0, 0, 0.21);
  margin-bottom: 30px;
  margin-top: -30px;
  padding: 20px 0;
}
/* ----------------------------
Blog & Events page
----------------------------  */
.blog-events-pg .pano {
  height: auto;
}
/* ----------------------------
Blog template
----------------------------  */
.blog-template .pano {
  height: auto;
}
.blog-template .blog-roll {
  padding: 15px 0;
  border-bottom: 1px solid #ededed;
}
.blog-template .blog-roll .title {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 600;
}
.blog-template .blog-roll .date {
  color: #666666;
  font-style: italic;
}
/* ----------------------------
Case Studies template
----------------------------  */
.case-studies-template .pano {
  height: auto;
}
.case-studies-template .pano .pano-img-outer {
  height: 177px;
}
.case-studies-template .sidenav .current {
  font-weight: 600;
}
/* ----------------------------
Cloud Vs tape page
----------------------------  */
.cloud-vs-tape-pg .pano {
  height: auto;
}
.cloud-vs-tape-pg .media {
  margin-bottom: 20px;
}
/* ----------------------------
Contact us page
----------------------------  */
/* ----------------------------
Disaster Recovery page
----------------------------  */
.disaster-recovery-pg .media {
  margin-bottom: 20px;
}
/* ----------------------------
Healthcare
----------------------------  */
/* ----------------------------
Fully Managed and Monitored 
----------------------------  */
.managed-pg .media {
  margin-bottom: 20px;
}
/* ----------------------------
Maximum security page
----------------------------  */
.max-security-pg .pano {
  height: auto;
}
.max-security-pg .media {
  margin-bottom: 20px;
}
/* ----------------------------
Mobile page
----------------------------  */
.fa-ul > li {
  position: relative;
  margin: 1em 0;
}
/* ----------------------------
Online Backup
----------------------------  */
.online-backup-pg .banner-callout {
  padding: 20px;
}
/* ----------------------------
Partner Program Page
----------------------------  */
/* ----------------------------
Quote Page
----------------------------  */
.quote-pg .white-bg {
  padding-bottom: 0;
}
/* ----------------------------
Single Page (generic page)
----------------------------  */
.single-pg .box {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ffffff+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  padding: 20px ;
  border: 1px solid #ededed;
}
.single-pg .box .highlight-box {
  border: 1px solid #999;
  padding: 20px;
}
.single-pg .pano {
  height: auto;
}
/* ----------------------------
SMB Page
----------------------------  */
.smb-pg p.media-title {
  margin-bottom: 0;
}
.smb-pg .media {
  margin-bottom: 20px;
}
/* ----------------------------
Solutions Page
----------------------------  */
/* ----------------------------
Success Stories Page
----------------------------  */
.successstories-pg {
  background: url("/images/default-source/bg/bg-sketch_city.jpg") no-repeat bottom right;
}
.successstories-pg .pano-top {
  /*background: #F5F5ED;
		height: auto;
		padding:30px 0;*/
  width: 100%;
  height: 534px;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0) url("/images/default-source/bg/bg-video.jpg") no-repeat scroll center top / cover;
}
.successstories-pg .pano-top .vid-content {
  position: absolute;
  z-index: 999;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/default-source/bg/bg-successstory-pano-textbg.png") no-repeat;
  background-position: center -50px;
  margin-top: 50px;
}
.successstories-pg .pano-top #bgvid {
  min-width: 100%;
  width: auto;
  height: auto;
  background: url("/images/default-source/bg/bg-video.jpg") no-repeat;
  background-size: cover;
  background-position: bottom;
  position: absolute;
}
.successstories-pg .pano {
  background: url("/images/default-source/bg/bg-sketch_band_664.jpg") repeat-x;
  background-position: top center;
  height: 664px;
  overflow: inherit;
}
.successstories-pg .pano .hero-left {
  margin-left: -120px;
}
.successstories-pg .video-thumb {
  position: relative;
  /*width: 262.5px;
		height: 262.5px;*/
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .successstories-pg .video-thumb {
    max-width: 320px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
}
.successstories-pg .video-thumb .video-content {
  width: 262.5px;
  height: 262.5px;
  overflow: hidden;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
  bottom: 0;
  display: none;
  z-index: 2;
  padding: 10px;
}
.successstories-pg .video-thumb .video-content p {
  margin-top: 25%;
  text-align: center;
}
.successstories-pg .video-thumb .playthumb {
  position: absolute;
  font-size: 40px;
  font-size: 2.5rem;
  color: #fff;
  right: 0;
  bottom: 0;
  margin-right: 10px;
  margin-bottom: 5px;
  text-shadow: 2px 2px 5px #333333;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .successstories-pg .modal-dialog {
    width: 800px;
  }
}
.successstories-pg .case-study {
  background: #ffffff;
  border: 1px solid #c9c9c9;
  padding: 20px;
  display: block;
  position: relative;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
}
.successstories-pg .case-study h4 {
  margin-top: 0;
}
.successstories-pg .case-study p {
  margin-bottom: 0;
}
#testimonial_grid:after {
  content: ' ';
  display: block;
  clear: both;
}
@media only screen and (min-width: 1200px)and (max-width: 1280px), only screen and (min-width: 1280px) {
  #testimonial_grid {
    width: 1170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #testimonial_grid {
    width: 970px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #testimonial_grid {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #testimonial_grid {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0px 10px;
  }
}
#testimonial_grid .isotope {
  float: left;
  padding: 20px;
  height: 300px;
  width: 23%;
  background: #fff;
  border: 1px solid #c9c9c9;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.08);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /*@media @KIS_980{
				width: 280px;
			}
			 @media @KIS_768{
				width: 338px;
			}*/
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #testimonial_grid .isotope {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}
#testimonial_grid .isotope p {
  margin: 0px !important;
}
#testimonial_grid .isotope .citation {
  margin-top: 12px;
  font-weight: bold;
  line-height: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #testimonial_grid .isotope .citation.helper {
    margin-top: 0px;
  }
}
#testimonial_grid .isotope .citation span {
  font-weight: 300;
  line-height: 15px;
  display: inline-block;
}
#testimonial_grid .isotope .logo {
  margin-top: 10px;
  float: right;
  display: block;
  height: 70px;
}
#testimonial_grid .isotope .logo img {
  height: 100%;
  display: block;
}
#testimonial_grid .width2 {
  width: 48% ;
}
#testimonial_grid .width2 .logo {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  #testimonial_grid .width2 {
    width: 100%;
    height: auto;
  }
  #testimonial_grid .width2 .logo {
    margin-top: 10px;
    float: right;
    display: block;
    height: auto;
  }
  #testimonial_grid .width2 .logo img {
    width: 100%;
    display: block;
  }
}
#testimonial_grid .height2 {
  height: 620px;
}
#testimonial_grid .height2 .logo {
  margin-top: 40px;
  float: none;
  display: block;
  height: 100px;
}
#testimonial_grid .height2 .logo img {
  margin: auto;
}
@media only screen and (max-width: 767px) {
  #testimonial_grid .height2 .logo {
    height: 208px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #testimonial_grid .height2 {
    height: auto;
  }
  #testimonial_grid .height2 .logo {
    margin-top: 10px;
    float: right;
    display: block;
    height: 70px;
  }
  #testimonial_grid .height2 .logo img {
    height: 100%;
    display: block;
  }
}
/* ----------------------------
Support Page
----------------------------  */
.support-pg .support-features li {
  margin: 10px 0;
  font-size: 18px;
  font-size: 1.125rem;
}
/* ----------------------------
Why KeepitSafe Page
----------------------------  */
.why-pg .media h2 {
  margin-top: 0;
}
.why-pg .banner-callout > div {
  position: relative;
  height: 250px;
}
.why-pg .banner-callout img {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.why-pg .banner-callout .banner-content {
  padding: 20px 0;
}
/* ----------------------------
Thank you Page
----------------------------  */
.about-pg.thank-you-pg .pano .pano-content {
  padding: 30px 0 0;
}