/*** CUSTOM CSS FOR DV SYSTEMS HURON B10 MICROSITE/  */

.dinweb {
  font-family:'dinweb', serif !important;
}

.dinweb-medium {
  font-family:'dinweb-medium', serif !important;
}

.dinweb-black {
  font-family:'dinweb-black', serif !important;
}

.dinweb-bold {
  font-family:'dinweb-bold', serif !important;
}

.dinweb-light {
  font-family:'dinweb-light', serif !important;
}

@font-face {
  font-family: "dinweb";
  src: url("fonts/dinweb.eot");
  src: local("☺"),
    url("fonts/dinweb.woff") format("woff"),
    url("fonts/dinweb.woff2") format("woff2"),
    url("fonts/dinweb.otf") format("opentype"),
    url("fonts/dinweb.svg#dinweb") format("svg");
  }
@font-face {
  font-family: "dinweb-black";
  src: url("fonts/dinweb-black.eot");
  src: local("☺"),
    url("fonts/dinweb-black.woff") format("woff"),
    url("fonts/dinweb-black.woff2") format("woff2"),
    url("fonts/dinweb-black.otf") format("opentype"),
    url("fonts/dinweb-black.svg#dinweb-black") format("svg");
  }
  @font-face {
  font-family: "dinweb-bold";
  src: url("fonts/dinweb-bold.eot");
  src: local("☺"),
    url("fonts/dinweb-bold.woff") format("woff"),
    url("fonts/dinweb-bold.woff2") format("woff2"),    
    url("fonts/dinweb-bold.otf") format("opentype"),
    url("fonts/dinweb-bold.svg#dinweb-bold") format("svg");
  }
    @font-face {
  font-family: "dinweb-light";
  src: url("fonts/dinweb-light.eot");
  src: local("☺"),
    url("fonts/dinweb-light.woff") format("woff"),
    url("fonts/dinweb-light.woff2") format("woff2"),    
    url("fonts/dinweb-light.otf") format("opentype"),
    url("fonts/dinweb-light.svg#dinweb-light") format("svg");
  }
      @font-face {
  font-family: "dinweb-medium";
  src: url("fonts/dinweb-medium.eot");
  src: local("☺"),
    url("fonts/dinweb-medium.woff") format("woff"),
    url("fonts/dinweb-medium.woff2") format("woff2"),
    url("fonts/dinweb-medium.otf") format("opentype"),
    url("fonts/dinweb-medium.svg#dinweb-medium") format("svg");
  }



@font-face {
	font-family: 'ArticulatCF-Thin';
	src: url('fonts/articulatcf-thin.eot');
	src: url('fonts/articulatcf-thin.eot?#iefix') format('embedded-opentype'),
             url('fonts/articulatcf-thin.woff2') format('woff2'),
	     url('fonts/articulatcf-thin.woff') format('woff'),
	     url('fonts/articulatcf-thin.ttf') format('truetype'),
	     url('fonts/articulatcf-thin.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-Light';
	src: url('fonts/articulatcf-light.eot');
	src: url('fonts/articulatcf-light.eot?#iefix') format('embedded-opentype'),
             url('fonts/articulatcf-light.woff2') format('woff2'),
	     url('fonts/articulatcf-light.woff') format('woff'),
	     url('fonts/articulatcf-light.ttf') format('truetype'),
	     url('fonts/articulatcf-light.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-Text';
	src: url('fonts/articulatcf-text.eot');
	src: url('fonts/articulatcf-text.eot?#iefix') format('embedded-opentype'),
             url('fonts/articulatcf-text.woff2') format('woff2'),
	     url('fonts/articulatcf-text.woff') format('woff'),
	     url('fonts/articulatcf-text.ttf') format('truetype'),
	     url('fonts/articulatcf-text.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-Medium';
	src: url('fonts/articulatcf-medium.eot');
	src: url('fonts/articulatcf-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/articulatcf-medium.woff2') format('woff2'),
	     url('fonts/articulatcf-medium.woff') format('woff'),
	     url('fonts/articulatcf-medium.ttf') format('truetype'),
	     url('fonts/articulatcf-medium.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-Bold';
	src: url('fonts/articulat-cf-bold.eot');
	src: url('fonts/articulat-cf-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/articulat-cf-bold.woff2') format('woff2'),
	     url('fonts/articulat-cf-bold.woff') format('woff'),
	     url('fonts/articulat-cf-bold.ttf') format('truetype'),
	     url('fonts/articulat-cf-bold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-DemiBold';
	src: url('fonts/articulatcf-demibold.eot');
	src: url('fonts/articulatcf-demibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/articulatcf-demibold.woff2') format('woff2'),
	     url('fonts/articulatcf-demibold.woff') format('woff'),
	     url('fonts/articulatcf-demibold.ttf') format('truetype'),
	     url('fonts/articulatcf-demibold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-ExtraBold';
	src: url('fonts/articulatcf-extrabold.eot');
	src: url('fonts/articulatcf-extrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/articulatcf-extrabold.woff2') format('woff2'),
	     url('fonts/articulatcf-extrabold.woff') format('woff'),
	     url('fonts/articulatcf-extrabold.ttf') format('truetype'),
	     url('fonts/articulatcf-extrabold.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArticulatCF-Heavy';
	src: url('fonts/articulatcf-heavy.eot');
	src: url('fonts/articulatcf-heavy.eot?#iefix') format('embedded-opentype'),
             url('fonts/articulatcf-heavy.woff2') format('woff2'),
	     url('fonts/articulatcf-heavy.woff') format('woff'),
	     url('fonts/articulatcf-heavy.ttf') format('truetype'),
	     url('fonts/articulatcf-heavy.svg#youworkforthem') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ArticulatCF-Thin {
  font-family:'ArticulatCF-Thin', sans-serif !important;
}

.ArticulatCF-Text {
  font-family:'ArticulatCF-Text', sans-serif !important;
}

.ArticulatCF-Light {
  font-family:'ArticulatCF-Light', sans-serif !important;
}

.ArticulatCF-Medium {
  font-family:'ArticulatCF-Medium', sans-serif !important;
}

.ArticulatCF-Bold {
  font-family:'ArticulatCF-Bold', sans-serif !important;
}

.ArticulatCF-DemiBold {
  font-family:'ArticulatCF-DemiBold', sans-serif !important;
}

.ArticulatCF-ExtraBold {
  font-family:'ArticulatCF-ExtraBold', sans-serif !important;
}

.ArticulatCF-Heavy {
  font-family:'ArticulatCF-Heavy', sans-serif !important;
}




h1 {
  font-family:'ArticulatCF-ExtraBold', "helvetica", sans-serif;font-weight:normal; !important;
}

h2 {
  font-family:'ArticulatCF-ExtraBold',sans-serif;font-weight:normal; !important;
}

h3 {
  font-family:'ArticulatCF-ExtraBold', "helvetica", sans-serif;font-weight:normal; !important;
}

h4 {
  font-family:'ArticulatCF-ExtraBold', "helvetica", sans-serif;font-weight:normal; !important;
}

h5 {
  font-family:'ArticulatCF-ExtraBold', "helvetica", sans-serif;font-weight:normal; !important;
}

h6 {
  font-family:'ArticulatCF-ExtraBold', "helvetica", sans-serif;font-weight:normal; !important;
}



h1.headerA1  {font-family:"ArticulatCF-Heavy";letter-spacing:-0.5px;font-weight:normal;}


a.menu  {font-family:"ArticulatCF-Bold", sans-serif;font-weight:normal;}

p.hero  {font-family: "ArticulatCF-Text"; font-size:30px; color:#fff;letter-spacing: 1px;font-weight:normal;}

p {opacity:1.0;font-family: "ArticulatCF-Bold", sans-serif;font-weight:normal;}


p.customP { font-size:24px; line-height:1.29116; letter-spacing:0.5px;font-family: "ArticulatCF-Medium", sans-serif;font-weight:normal;}

form.label {font-family: ArticulatCF-Light;font-weight:normal;}

.customgradient1 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0062d8+0,3b83d6+100 */
background: #0062d8; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0062d8 0%, #3b83d6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0062d8 0%,#3b83d6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0062d8 0%,#3b83d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0062d8', endColorstr='#3b83d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}


.customgradient2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f4f4f+1,3c3c3c+100,207cca+100,1e5799+100 */
background: #4f4f4f; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #4f4f4f 1%, #3c3c3c 100%, #207cca 100%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #4f4f4f 1%,#3c3c3c 100%,#207cca 100%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #4f4f4f 1%,#3c3c3c 100%,#207cca 100%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.frame-type1 { border:2px solid #FF5543; padding:0.6em 0.6em;padding-bottom:0.1rem;margin-bottom:20px; border-radius:2px;}
.frame-type2 { border:2px solid rgba(0,98,216, 1.0); padding:0.6em 0.6em;margin-bottom:20px; border-radius:2px;}
.frame-type3 { border:2px solid rgba(250,250,250, 1.0); padding:0.6em 0.6em;padding-bottom:0.8rem;margin-bottom:20px; border-radius:2px;}
.frame-type4 {
	border: 2px solid rgba(0,0,0, 1.0);
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-left: 0.6em;
	padding-bottom: 0.6em;
	margin-bottom: 20px;
	border-radius: 2px;
}

.type1 {color:#ff6418;font-family:"ArticulatCF-Medium", sans-serif;font-family:"ArticulatCF-Medium",serif; letter-spacing:0.1rem;text-transform: uppercase;font-weight:normal;}
.type2 {color:rgba(0,98,216, 1.0);font-family:"ArticulatCF-Medium", sans-serif;font-family:"ArticulatCF-Medium",serif; letter-spacing:0.1rem;text-transform: uppercase;text-align:;font-weight:normal;}
.type3 {color:rgba(250,250,250, 1.0);font-family:"ArticulatCF-Medium", sans-serif;font-family:"ArticulatCF-Medium",serif; letter-spacing:0.1rem;text-transform: uppercase;font-weight:normal;}
.type4 {color:rgba(0,0,0, 1.0);font-family:"ArticulatCF-Medium", sans-serif;font-family:"ArticulatCF-Medium",serif; letter-spacing:0.1rem;text-transform: uppercase;font-weight:normal;}

@media screen and (max-width:767px) {
.frame-type1 { border:2px solid #FF5543; padding:0.6em 0.7em;padding-bottom:0.1em;margin-bottom:20px; border-radius:2px;}
.frame-type2 { border:2px solid rgba(0,98,216, 1.0); padding:0.6em 0.7em;margin-bottom:20px; border-radius:2px;}
.frame-type3 { border:2px solid rgba(250,250,250, 1.0); padding:0.5em 0.7em;margin-bottom:20px; border-radius:2px;}
.frame-type4 { border:2px solid rgba(0,0,0, 1.0); padding:1em 3em;margin-bottom:20px; border-radius:2px; font-family:"ArticulatCF-Bold",serif; letter-spacing:1.2px;text-transform: uppercase;font-weight:normal;font-size:60%;}
	
.type1 {font-family:"ArticulatCF-Bold";font-size: 1.1em;text-transform: none;}	
.type2 {font-family:"ArticulatCF-Bold",serif; letter-spacing:1.2px;text-transform: uppercase;font-weight:normal;font-size:70%;text-transform: none;}	
.type3 {font-family:"ArticulatCF-Bold",serif; letter-spacing:1.2px;text-transform: uppercase;font-weight:normal;font-size:70%;text-transform: none;}	
}


.frame-94 { border:1px solid rgba(255,255,255,0.64); padding:20px 40px;margin-bottom:20px; border-radius:2px;}
.slide.whiteSlide .frame-94 { border:1px solid rgba(0,0,0,0.2);}
@media screen and (min-width: 1129px) { .frame-94 { text-align:left;} .frame-94 br { display:none;} .button.button-94 { margin:0 0 0 60px;}}
@media screen and (max-width: 1130px) { .frame-94 { text-align:center;} .button.button-94 { margin:30px 0 0;}}
@media screen and (max-width: 500px) { .frame-94 { padding:0; border:none;}}


@media screen and (max-width:767px) {
.logo svg {max-width:100%;}
}


.onecompressorred {
    background-color: #ff5543 !important;
    color: #fff !important;
}


svg.iconwithtext  {
  display: inline-block;
   vertical-align: middle;
	position: relative;
  top: -3px;
  margin-right: 5px;
}

.iconwithtext .st0 {fill:#FF5543}

.text-phone {
font-size: 42px;
font-family: "ArticulatCF-Text";
letter-spacing: -0.1rem;
position: relative;
top: -6px;
left: 10px;
font-weight: normal;
}

.pad-like {
background: #fff;
padding: 6% 10%;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.14);
}




.icon-61 {
    margin-bottom: 20px;
    stroke:;
}
.slide.whiteSlide .icon-61 { stroke:; }

.text-76 {
    font-size:42px;
	font-family:"ArticulatCF-Text";
	letter-spacing:-0.1rem;
    position: relative;
    top: -6px;
    left: 10px;
	font-weight:normal;
	
}

.icon-76 svg {
    stroke: #303030;
	fill:#000;
}	

.deepOrange {background-color:#FF5543;}

.DVColor { color:#FF5543;}

.onecompressorblue { color:rgba(0,98,216, 1.0)}

.logo { margin-bottom:20px;}
.button.customButton {
  background: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
}
.button.customButton:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset;
}
.slide.whiteSlide .button.customButton {
   color:#303030;
  box-shadow: 0 0 0 1px rgba(48,48,48,.3) inset;
}
.slide.whiteSlide .button.customButton:hover {
  box-shadow: 0 0 0 1px rgba(48,48,48,1) inset;
}
hr {
   border:none;
   height:1px;
   margin:50px 0 60px;  
}
.customLink {
   color:#ff6418;
   margin-top:15px;
}

.linkType1 {
   color:rgba(0,98,216, 1.0);
}



.slides .customH2 { font-size:52px; line-height:1; letter-spacing:-2px; text-transform:none; }
.box-15 { margin-top:70px;}
.grid-81 { margin-top:80px;}
.videoThumbnail-82 { margin-top:25px; margin-bottom:5px;}

.text-79 { font-size:20px;font-family:"ArticulatCF-Bold";letter-spacing:0.4px;font-weight:normal;}
.text-79 strong { margin-right:5px; font-size:22px;}
.button.button-79 { width:40px; height:40px; box-shadow: 0 0 0 2px #fff !important; padding:7px 13px;}
.button.button-79 svg { fill: #000 !important; width:16px; height:16px;}

.button a {font-family:"ArticulatCF-Bold",sans-serif;font-weight:normal;}

.social-circles li {
  padding:0.3rem;
}

.popup {
  font-family:"ArticulatCF-Medium","Helvetica", sans-serif;
  font-weight:normal;
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
  color:#fff;
  z-index:1000;
  -webkit-transition:-webkit-transform 0.5s, opacity 0.5s;
  transition:transform 0.5s, opacity 0.5s;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  display:none;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

form label.uppercase {
  font-weight:normal;
  font-family:"ArticulatCF-DemiBold", "helvetica", arial, sans-serif;
  font-weight:normal;
}

.pop {
	font-family: 'ArticulatCF-Medium', serif;
	letter-spacing: 0.01em;
	font-weight:normal;
}

form.center input,
form.center textarea {
    font-family: "ArticulatCF-Light", "Helvetica", sans-serif;
    font-weight:normal;
}

@media screen and (max-width:767px) {
  .grid.grid-15-49 > [class*='col-'] {
     margin-bottom:50px;
  }
}


	/* swap panels on first slide */
.slides:not(.firstSlide) .panel.bottom.customPanel,
.slides.firstSlide .panel.bottom:not(.customPanel) {
  opacity:0;
  -webkit-transform: translate3d(0,100%,0) !important;
  transform: translate3d(0,100%,0) !important;
}

	/* customPanel firtSlide CSS */

.slides.firstSlide .panel.bottom.customPanel {
  background:#fff;
  box-shadow:none;
}

/* change panel top on scroll * white */
.page-loaded .slides:not(.firstSlide) .panel.top {
  background:rgba(255,255,255,.975);
  border-bottom:1px solid #ebebeb;
  color:#303030;
}
.page-loaded .slides:not(.firstSlide) .panel.top .logo svg {
   fill:#ff5543;
}
.page-loaded .slides:not(.firstSlide) .panel.top .button.menuButton {
   background:#303030;
   color:#fff;
}

/* reduce logo size on scroll */
.slides:not(.firstSlide) .panel .logo svg {
height: 50px !important;
}


/* change wordmark colour on slides * multiple */

svg.one-logo {
	fill: #303030!important; 
}

/* hide logo on first slide * white */

.page-loaded .slides.firstSlide .panel.top .logo svg {
display:none;
}

.page-loaded .slides.firstSlide .panel.top .button {
display:none;
}

.popup:not([class*="fade-"]){
    background: rgba(0,98,216, 1.0);
}

/* Used equipment slide */

.grid.grid-77 {
  margin-left: -12px;
  margin-right: -12px;
}

.grid.grid-77 > [class*='col-'] {
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 1278px) {
  .grid.grid-77 > [class*='col-'] {
    max-width: 50%;
  }
}
.box-77 {
  color: #303030;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 2px 3px rgba(0, 0, 0, 0.1);
  display: block;
  outline: none;
  margin: 10px 0;
  -webkit-backface-visibility: hidden;
}

a.box-77:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.06), 0 5px 6px rgba(0, 0, 0, 0.13);
  opacity: 1;
}

.box-77 .thumbnail-77 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.box-77 .thumbnail-77.video:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../assets/svg/video-icon.svg") no-repeat;
  background-size: 42px;
  background-position: center center;
}

.box-77 .thumbnail-77 img {
  border-radius: 10px 10px 0 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.box-77:hover .thumbnail-77 img {
  -webkit-filter: brightness(0.8) saturate(0.8);
          filter: brightness(0.8) saturate(0.8);
}

.details-77 {
  padding: 20px 18px 18px;
  background: #FFFFFF;
  border-radius: 0 0 10px 0;
}

.details-77 .cell {
  text-align: left;
}

.title-77 {
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: normal;
  font-family: ArticulatCF-Heavy;
}

.description-77 {
  font-size: 16px;
  margin-top: 6px;
  opacity: 0.5;
  letter-spacing: 0.5px;
  font-weight: normal;
  font-family: ArticulatCF-Bold;
}

.author-77 {
  background: #fff;
  border-top: 1px solid #EBEBEB;
  padding-top: 10px;
  margin-top: 10px;
  position: relative;
  padding-left: 0px;
  letter-spacing: 0.6px;
  font-weight: normal;
  font-family: ArticulatCF-Bold;
  font-size: 14px;
}

.avatar-77 {
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.cell-77 {
  padding-left: 4px !important;
}

.name-77 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  opacity: 0.5;
  font-weight: normal;
  font-family: ArticulatCF-Medium;

}

.specs-77 {
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 0;
}